abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    list-style: none;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: normal;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

article,
aside,
caption,
details,
fig,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #3a383a;
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-color: #fafafa
}

a {
    color: #62b023;
    text-decoration: none;
    outline: 0;
    transition: none
}

a:hover {
    text-decoration: none;
    color: #62b023;
    transition: none!important
}

a img {
    border: none;
    outline: 0;
    text-decoration: none
}

a:hover img {
    border: none;
    outline: 0;
    text-decoration: none
}

img {
    max-width: 100%
}

button,
input,
select,
textarea {
    vertical-align: middle;
    outline: 0;
    border: none
}

.defineFloat {
    float: left;
    width: 100%
}

.noImage {
    background: url(../images/noimage.png) no-repeat center center #ccc!important;
    color: #535353;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase
}

.noImage>img {
    visibility: hidden
}

p {
    font-family: poppinsregular, sans-serif;
    font-size: 16px;
    color: #4a4a4a;
    line-height: 30px
}

h3 {
    font-size: 26px;
    font-family: cormorant_garamondregular, sans-serif
}

h4 {
    font-size: 24px;
    font-family: poppinssemibold, sans-serif
}

h5 {
    font-size: 22px;
    font-family: poppinssemibold, sans-serif
}

h2 {
    font-family: cormorant_garamondbold;
    font-size: 40px;
    color: #212121;
    padding-bottom: 27px
}

.grey {
    background: #f0f0f0
}

.blueText {
    color: #20bdc7!important
}

.smallText {
    font-size: 14px;
    color: #212121
}

.btn02 {
    background: #ececec;
    border-radius: 3px;
    color: #2f2f30;
    display: inline-block;
    font-family: poppinsregular;
    font-size: 16px;
    padding: 18px 30px;
    margin-top: 20px
}

.lightGrey {
    color: #969696
}

.btn02:hover {
    background: #fff;
    color: #2f2f30
}

.btn01 {
    background: #20bdc7;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: poppinsbold;
    font-size: 16px;
    padding: 17px 37px;
    text-transform: uppercase;
    margin-top: 30px
}

.btn01:hover {
    background: #148289;
    color: #fff
}

.btn03 {
    font-family: poppinssemibold;
    font-size: 16px;
    color: #20bdc7;
    text-transform: uppercase;
    margin-top: 24px;
    display: inline-block
}

.btn03:hover {
    color: #148289
}

.btn04 {
    border: 1px solid #20bdc7;
    border-radius: 3px;
    color: #20bdc7;
    display: inline-block;
    font-family: poppinsregular;
    font-size: 12px;
    padding: 4px 8px;
    margin-top: 4px
}

.btn04:hover {
    background: #20bdc7;
    color: #fff
}

.green {
    background: #edfeff!important
}

.darkColor {
    background: #26262d!important
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: none!important
}

label {
    color: #4a4a4a;
    font-family: poppinssemibold;
    font-size: 14px;
    padding-bottom: 4px
}

textarea.form-control {
    resize: none;
    height: 100px!important
}

.form-control {
    border-color: #e4e4e4;
    color: #242424;
    height: 50px;
    font-family: poppinsregular;
    font-size: 16px
}

.rightAlign {
    float: right!important
}

textarea.heightCustom {
    height: 150px!important
}

.form-group {
    margin-bottom: 25px
}

@font-face {
    font-family: poppinsextralight_italic;
    src: url(../fonts/poppins-extralightitalic.woff2) format('woff2'), url(../fonts/poppins-extralightitalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsmedium_italic;
    src: url(../fonts/poppins-mediumitalic.woff2) format('woff2'), url(../fonts/poppins-mediumitalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinssemibold_italic;
    src: url(../fonts/poppins-semibolditalic.woff2) format('woff2'), url(../fonts/poppins-semibolditalic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsextralight;
    src: url(../fonts/poppins-extralight.woff2) format('woff2'), url(../fonts/poppins-extralight.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsblack;
    src: url(../fonts/poppins-black.woff2) format('woff2'), url(../fonts/poppins-black.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsbold;
    src: url(../fonts/poppins-bold.woff2) format('woff2'), url(../fonts/poppins-bold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsextrabold;
    src: url(../fonts/poppins-extrabold.woff2) format('woff2'), url(../fonts/poppins-extrabold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsitalic;
    src: url(../fonts/poppins-italic.woff2) format('woff2'), url(../fonts/poppins-italic.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinslight;
    src: url(../fonts/poppins-light.woff2) format('woff2'), url(../fonts/poppins-light.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsmedium;
    src: url(../fonts/poppins-medium.woff2) format('woff2'), url(../fonts/poppins-medium.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsregular;
    src: url(../fonts/poppins-regular.woff2) format('woff2'), url(../fonts/poppins-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinssemibold;
    src: url(../fonts/poppins-semibold.woff2) format('woff2'), url(../fonts/poppins-semibold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppinsthin;
    src: url(../fonts/poppins-thin.woff2) format('woff2'), url(../fonts/poppins-thin.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: cormorant_garamondbold;
    src: url(../fonts/cormorantgaramond-bold-webfont.woff2) format('woff2'), url(../fonts/cormorantgaramond-bold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: cormorant_garamondlight;
    src: url(../fonts/cormorantgaramond-light-webfont.woff2) format('woff2'), url(../fonts/cormorantgaramond-light-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: cormorant_garamondregular;
    src: url(../fonts/cormorantgaramond-regular-webfont.woff2) format('woff2'), url(../fonts/cormorantgaramond-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: cormorant_garamondsemibold;
    src: url(../fonts/cormorantgaramond-semibold-webfont.woff2) format('woff2'), url(../fonts/cormorantgaramond-semibold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

.fixed-top {
    z-index: 99
}

.dropdown-menu {
    left: -63px;
    position: absolute;
    top: 33px;
    padding: 0;
    width: 184px
}

#collapsibleNavbar ul li.loginBtn .dropdown-item {
    border-bottom: 1px solid #e5e5e5;
    color: #676565;
    font-family: poppinsregular;
    font-size: 14px;
    padding: 10px 14px
}

#collapsibleNavbar ul li.loginBtn .dropdown-item:last-child {
    border: medium none
}

#collapsibleNavbar ul li.loginBtn .dropdown-item:hover {
    color: #20bdc7
}

header {
    padding: 32px 0 0
}

header .container-fluid {
    position: relative;
    z-index: 2
}

header:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 170px;
    left: 0;
    top: 0;
    background-image: url(../images/transparent-bg-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1
}

.logo {
    margin-top: 5px;
    margin-left: 25px
}

#collapsibleNavbar ul {
    float: right;
    width: 100%;
    text-align: right;
    display: block
}

#collapsibleNavbar ul li {
    display: inline-block;
    padding: 0 11px
}

#collapsibleNavbar ul li:last-child {
    padding-right: 0
}

#collapsibleNavbar ul li.loginBtn {
    padding-left: 48px;
    position: relative
}

#collapsibleNavbar ul li.loginBtn:before {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, .2);
    width: 1px;
    height: 40px;
    left: 14px;
    top: -10px
}

#collapsibleNavbar ul li a {
    color: #d4d4d4;
    font-size: 14px;
    font-family: poppinsregular, sans-serif
}

#collapsibleNavbar ul li a:hover,
#collapsibleNavbar ul li.loginBtn a:hover,
#collapsibleNavbar ul li.registerBtn a:hover {
    color: #fff
}

.navbar {
    padding-right: 40px
}

#applicantSection {
    padding-top: 70px
}

.bannerSection .thumb,
.servicesCol,
section.bannerSection {
    position: relative
}

.bannerText h2.detail {
        font-size: 80px;
        font-family: cormorant_garamondbold, sans-serif;
        color: #fff;
        line-height: 75px;
        margin-bottom: 10px;
        padding-bottom: 0;
        font-weight: 900;
        max-width: 460px;
}

.bannerText {
    position: absolute;
    top: 25%;
    width: 100%;
    z-index: 9;
}

.bannerText h5 {
    font-size: 30px;
    color: #fff;
    font-family: poppinsregular, sans-serif;
    line-height: 47px;
    font-weight: 800;
    margin-bottom: 10px;
    padding-left: 0;

}
.bannerText .form-group {
    float: left;
    padding: 0
}
.bannerText .form-group h5 {
    font-size: 18px;
    color: #fff;
    font-family: poppinsregular, sans-serif;
    line-height: 34px;
    font-weight: 500;
	    background-color: #148289;
    display: inline;
    padding: 5px 15px;
}
.bannerText form {
    margin-top: 29px
}

.bannerText #search {
    padding: 20px 15px 18px 65px;
    background-image: url(../images/serch-icon.png);
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 16px;
    font-family: poppinsregular;
    border: none;
    height: auto
}

.bannerText .form-control::placeholder {
    color: rgba(36, 36, 36, .5)
}

.bannerText button {
    font-size: 16px;
    font-family: poppinsbold, sans-serif;
    text-transform: uppercase;
    padding: 19px 40px 17px;
    margin-left: 5px
}

.bannerSection .owl-nav.disabled {
    display: none
}

.bannerSection button.owl-dot {
    border: 2px solid #919192;
    height: 12px;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 2px;
    padding: 0;
    width: 12px;
    cursor: pointer
}

.bannerSection .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 40px;
    max-width: 1110px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%
}

.bannerSection button.owl-dot.active {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 2px solid #fff
}

.bannerSection .thumb:before,
.nivoSliderWapper:before {
    position: absolute;
    content: "";
    background-image: url(../images/transparent-bg-3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 298px;
    left: 0;
    bottom: 0;
    z-index: 9
}

.bannerSection .nivoSlider:after,
.bannerSection .thumb:after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8
}

.introSection {
    padding: 104px 0 113px
}

.infoThumb {
    overflow: hidden;
    float: right;
    margin-left: 71px;
    max-width: 653px;
    width: 100%
}

.welcomeText h6 {
    color: #20bdc7;
    font-size: 16px;
    text-transform: uppercase;
    font-family: poppinslight, sans-serif;
    margin-bottom: 23px
}

.welcomeText h1 {
    font-size: 60px;
    font-family: cormorant_garamondbold, sans-serif;
    color: #212121;
    margin-bottom: 15px
}

button.grayBtn {
    font-size: 16px;
    color: #2f2f30;
    background-color: #ececec;
    border: none;
    padding: 18px 30px;
    text-transform: uppercase;
    font-family: poppinsregular, sans-serif
}

.welcomeText {
    padding: 42px 0
}

.welcomeText button.grayBtn {
    margin-top: 30px
}

/*
.servicesCol a {
    text-align: center;
    padding: 80px 0 106px;
    position: relative;
    display: inline-block;
    width: 100%
}
*/

.servicesCol .anchorText {
    text-align: center;
    padding: 80px 0 106px;
    position: relative;
    display: inline-block;
    width: 100%;

}

.servicesCol:hover .anchorText {
    background-color: #fff
}

/*
.servicesCol:hover a {
    background-color: #fff
}
*/

.servicesCol:hover {
    z-index: 999;
    box-shadow: 0 15px 60px rgba(32, 189, 199, .2)
}

.icoBox {
    width: 142px;
    height: 142px;
    background-color: #fafafa;
    text-align: center;
    position: relative;
    border-radius: 50%;
    margin: 0 auto 26px;
    z-index: 9
}

.icoBox img {
    position: relative;
    top: 40px
}

.servicesCol:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, .06);
    height: 234px;
    width: 1px;
    bottom: 0;
    right: 0
}

.servicesSection {
    padding-top: 71px;
    background-color: #26262d
}

.servicesSection h4 {
    color: #fff;
    text-transform: uppercase
}

.servicesSection h3 {
    color: #20bdc7
}

h3.btStrip {
    position: relative;
    color: #fff
}

.servicesCol:hover h3.btStrip {
    color: #20bdc7
}

h3.btStrip:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background-color: #20bdc7;
    left: 50%;
    transform: translateX(-50%);
    bottom: -26px
}

.servicesSection .col-lg-3 {
    padding: 0
}

.servicesSection .servicesCol.colLast:after {
    display: none
}

.servicesCol.colFirst:before {
    position: absolute;
    content: "1";
    font-size: 100px;
    text-align: center;
    width: 100%;
    font-family: poppinsblack, sans-serif;
    z-index: 2;
    top: -13px;
    color: #2e2e35
}

.servicesCol.colSecond:before {
    position: absolute;
    content: "2";
    font-size: 100px;
    text-align: center;
    width: 100%;
    font-family: poppinsblack, sans-serif;
    z-index: 2;
    top: -13px;
    color: #2e2e35
}

.servicesCol.colThird:before {
    position: absolute;
    content: "3";
    font-size: 100px;
    text-align: center;
    width: 100%;
    font-family: poppinsblack, sans-serif;
    z-index: 2;
    top: -13px;
    color: #2e2e35
}

.servicesCol.colLast:before {
    position: absolute;
    content: "4";
    font-size: 100px;
    text-align: center;
    width: 100%;
    font-family: poppinsblack, sans-serif;
    z-index: 2;
    top: -13px;
    color: #2e2e35
}

.servicesCol.colFirst:hover:before,
.servicesCol.colLast:hover:before,
.servicesCol.colSecond:hover:before,
.servicesCol.colThird:hover:before {
    color: #20bdc7
}

.twoColumnSection {
    padding: 111px 0 120px
}

.innerCol,
.innerCol a {
    overflow: hidden;
    position: relative
}

.innerCol a:hover:after {
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    background-image: url(../images/transparent-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    opacity: .9
}

.twoColumnSection h4 {
    color: #212121;
    text-transform: uppercase;
    margin-bottom: 31px
}

.innerCol {
    overflow: hidden;
    position: relative
}

.upperContent {
    position: absolute;
    bottom: 50px;
    padding: 0 0 0 39px;
    z-index: 9
}

.upperContent h2 {
    color: #fff;
    font-size: 52px;
    font-family: cormorant_garamondbold, sans-serif;
    position: relative;
    display: inline-table
}

.twoColumnSection a:hover .upperContent h2:after {
    position: absolute;
    content: "";
    bottom: 7px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    left: 0
}

.upperContent h6 {
    color: #fff;
    font-size: 14px;
    font-family: poppinsregular, sans-serif;
    margin-bottom: 13px
}

.upperContent i.fa {
    font-size: 28px
}

.twoColumnSection a img {
    float: left
}

.innerCol a:before {
    position: absolute;
    content: "";
    width: 100%;
    background-image: url(../images/transparent-bg-3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 150px;
    left: 0;
    bottom: 0;
    opacity: .7
}

.upperContent .fa-chevron-right:before {
    font-size: 20px
}

footer {
    background-color: #1b1b1f;
    padding: 71px 0 60px
}

button.skyBlue {
    font-size: 16px;
    color: #fff;
    background-color: #20bdc7;
    border: none;
    padding: 21px 40px 20px;
    text-transform: uppercase;
    font-family: poppinsbold, sans-serif
}

.footerCta h4 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 13px
}

.footerCta p {
    color: #b6b6b6
}

.footerCta {
    padding-bottom: 75px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 55px
}

.footerCta button.skyBlue {
    margin-top: 30px
}

.footerNav a,
.footerNav li {
    color: #b6b6b6;
    font-size: 18px;
	    font-weight: 600;
    font-family: poppinsregular, sans-serif
}

.footerNav li {
    margin: 15px 0
}

.footerNav li:first-child {
    margin-top: 0
}

.footerNav a {
    position: relative
}

.footerNav a:hover,
.socialIcon a:hover {
    color: #fff
}

.footerNav a:hover:before {
    position: absolute;
    content: "";
    width: 100%;
    background-color: #fff;
    height: 1px;
    bottom: 1px;
    left: 0
}

.dividerLine {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin: 39px 0 57px
}

.socialIcon {
    text-align: right
}

.socialIcon li {
    display: inline-block;
    padding-left: 23px
}

.copyRight,
.socialIcon a {
    color: #7d7d7d;
    font-size: 14px;
    font-family: poppinsregular, sans-serif
}

.employerVacancies table tr td:first-child,
.employerVacancies table tr th:first-child {
    padding-left: 20px
}

.employerVacancies table tr td:last-child,
.employerVacancies table tr th:last-child {
    padding-right: 20px;
    padding-left: 20px
}

.employerVacancies table tr td,
.employerVacancies table tr th {
    padding: 20px 15px
}

#vacanciesTab .employerVacancies.tab-content {
    padding: 0
}

#vacanciesTab .employerVacancies.tab-content table tbody tr:nth-child(2n+1) {
    background-color: #fafafa
}

.innerBanner {
    height: 260px;
    position: relative;
    overflow-x: hidden
}

.innerBanner::before {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    content: "";
    height: 100%;
    width: 100%
}

.innerBanner h2 {
    bottom: 24px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    z-index: 9
}

.innerBanner h2::before {
    background: rgba(255, 255, 255, .1);
    content: "";
    left: 0;
    top: -57px;
    width: 100%;
    height: 1px;
    position: absolute
}

.searchSection {
    padding: 30px 0
}

.searchInner .form-control {
    border: none;
    font-family: poppinsregular;
    font-size: 15px;
    box-shadow: none;
    padding: 0 20px 0 0;
    appearance: none;
    height: auto
}

.searchInner .form-group {
    margin: 0
}

.searchInner {
    background: #fff;
    border-radius: 3px;
    padding: 11px 20px 14px 20px;
    min-height: 80px
}

.searchInner label {
    font-family: poppinsbold;
    font-size: 12px;
    color: #242424;
    padding-bottom: 8px
}

.searchInner .form-control::-moz-placeholder {
    color: rgba(36, 36, 36, .5);
    opacity: 1
}

select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    height: auto!important;
    max-width: 100%;
    background: url(../images/icon-dropdown.png) no-repeat right 0 top 50%;
    color: #676565
}

.searchButton {
    background: #20bdc7;
    color: #fff;
    font-family: poppinsbold;
    font-size: 16px;
    padding: 27px 35px 27px 33px;
    text-transform: uppercase;
    width: 100%
}

.searchButton i {
    padding-right: 10px;
    font-size: 16px
}

.applicantPersonalblock .form-group {
    padding: 0 5px
}

.applicantPersonalblock .row {
    padding: 0 10px
}

.innerContent {
    padding: 85px 0 120px
}

.listingTitle {
    font-family: poppinsregular;
    font-size: 20px;
    color: #212121
}

.listingBlock:hover .listingTitle {
    color: #fff
}

.innerList li {
    float: left
}

.innerList li i {
    color: #20bdc7;
    font-size: 16px;
    padding-right: 9px
}

.innerList li span {
    margin: 0 10px;
    color: #b3b3b3
}

.innerList li {
    font-family: poppinsregular;
    font-size: 16px;
    color: #a6a6a6
}

.backIcon i {
    background: #ececec;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    color: #212121
}

.backIcon {
    margin-top: 6px
}

.innerList li:last-child span {
    display: none
}

.listingBlock {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    float: left;
    margin-bottom: 10px;
    padding: 20px 46px 23px 20px;
    width: 100%;
    border-radius: 5px
}

.innerList {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

.listingBlock:hover {
    background: #20bdc7;
    color: #fff
}

.listingBlock:hover .innerList li,
.listingBlock:hover .innerList li a,
.listingBlock:hover .innerList li i,
.listingBlock:hover .innerList li span,
.listingBlock:hover .innerList li.blueText,
.listingBlock:hover p {
    color: #fff!important
}

.pagination {
    display: inline-flex;
    margin-top: 50px
}

.page-link {
    font-family: poppinssemibold;
    font-size: 14px;
    color: #212121;
    border: none;
    background: 0 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 24px
}

.page-item:first-child a,
.page-item:last-child a {
    background: rgba(0, 0, 0, 0);
    color: #212121
}

.page-link:hover {
    background: #20bdc7;
    color: #fff
}

.page-item i {
    font-size: 14px
}

.listingBlock .pull-left {
    max-width: 70%;
    float: left
}

.detailBlock .listingBlock {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    box-shadow: none
}

.jobInfo {
    background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    margin: 35px 0 30px;
    padding: 33px 30px 50px
}

.postStatus {
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 50px;
    padding: 1px 17px;
    position: absolute;
    right: 11%;
    top: 0;
    color: #000
}

.jobInfo span {
    font-family: poppinssemibold;
    font-size: 16px;
    padding-bottom: 10px;
    display: inline-block
}

.list01>li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 0;
    font-family: poppinsregular;
    font-size: 18px
}

.list01 li i {
    color: #01a6aa;
    padding-right: 19px;
    font-size: 12px
}

.list01>li:last-child {
    border: none;
    padding-bottom: 0
}

.list01 {
    margin-bottom: 50px;
    max-width: 64%
}

.jobInfo p {
    padding-bottom: 10px
}

.listingSection {
    padding: 70px 0 80px
}

.detailBlock .right {
    padding-right: 93px
}

#profileBlock {
    padding-top: 70px
}

.form-control::placeholder {
    color: #242424
}

.profileList>li.active a {
    color: #212121
}

.profileList {
    padding-left: 20px
}

.profileList>li {
    display: table;
    margin-bottom: 16px
}

.profileList span {
    display: table-cell;
    height: auto;
    line-height: 0;
    padding-left: 10px;
    vertical-align: middle
}

.profileList li span i {
    font-size: 5px;
    color: #fc570f
}

.profileList li a:hover {
    color: #212121
}

.profileList li a {
    color: #a3a2a2;
    display: table-cell;
    font-family: poppinsregular;
    font-size: 20px
}

.profileThumb {
    overflow: hidden;
    margin-bottom: 42px;
    border-radius: 50%;
    width: 165px;
    height: 165px
}

.profileThumb img {
    width: 100%;
    height: 165px
}

.right {
    float: right;
    text-align: right
}

.left {
    float: left;
    width: 60%
}

.userOverviewblock {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    float: left;
    width: 100%
}

.userOverviewblock {
    background: url(../images/blueshape.png) no-repeat right -35px top;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    float: left;
    padding: 46px 37px 35px 48px;
    width: 100%;
    border-radius: 5px
}

.form-check-inline .form-check-input {
    margin-top: -4px
}

.bookingInfo {
    padding: 30px 50px 40px
}

.form-check-inline {
    margin-right: 25px
}

.userOverviewblock .btn01 {
    margin: 0
}

#dropdownMenuLink {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: none
}

.userInfo li i {
    color: #20bdc7;
    font-size: 14px;
    margin-right: 12px;
    text-align: center;
    width: 16px
}

.userInfo {
    margin-top: 18px
}

.dropdown-toggle::after {
    display: none
}

#dropdownMenuLink i {
    font-size: 10px
}

.userOverviewblock .right {
    margin-top: 43px
}

.userInfo li {
    font-family: poppinsregular;
    font-size: 14px;
    color: #4a4a4a;
    padding-bottom: 10px
}

.right span {
    font-family: poppinssemibold;
    color: #20bdc7;
    font-size: 34px;
    line-height: 20px
}

.right p {
    font-family: poppinsregular;
    font-size: 14px;
    color: #a6a6a6;
    position: relative
}

.right p:before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #e5e5e5;
    content: "";
    right: 0;
    bottom: -16px
}

.userIcon i {
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    color: #aeaeae;
    font-size: 18px;
    height: 46px;
    line-height: 43px;
    text-align: center;
    width: 46px
}

.userInnerblock {
    display: table
}

.userIcon {
    display: table-cell;
    padding-right: 12px
}

.userDetail {
    display: table-cell;
    max-width: 301px;
    overflow: hidden;
    vertical-align: middle
}

.userDetail p {
    font-family: poppinsregular;
    font-size: 14px;
    color: #a3a2a2;
    line-height: 14px;
    padding-bottom: 2px
}

.userDetail span {
    font-family: poppinssemibold;
    font-size: 18px;
    color: #212121
}

.userDetailblock {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    margin-top: 10px;
    padding: 13px 0 50px
}

.borderBox {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: 0 50px;
    padding: 30px 0
}

.userDetailblock .borderBox:last-child {
    border: medium none
}

#aboutSection {
    padding: 80px 0 117px
}

.infoThumb.leftDiv {
    float: left;
    margin-left: 0;
    margin-right: 30px;
    max-width: 555px
}

.highlighted {
    font-family: poppinsregular;
    font-size: 20px;
    color: #20bdc7;
    padding-bottom: 11px
}

#aboutSection .welcomeText p {
    padding-right: 100px
}

#aboutSection .welcomeText {
    padding: 0
}

.threeColumnsection {
    padding: 80px 0
}

.threeColumndetail {
    background: #fff;
    padding: 22px 30px 23px
}

.title {
    font-family: cormorant_garamondregular;
    font-size: 29px;
    padding-bottom: 10px
}

.threeColumnthumb {
    max-height: 220px;
    overflow: hidden
}

.threeColumninner {
    margin-top: 30px
}

.fourColumninner {
    margin-top: 20px
}

.borderLine {
    border-color: rgba(0, 0, 0, .1);
    border-width: 2px;
    margin-bottom: 19px;
    margin-top: 11px
}

.fourColumninner h5 {
    padding-bottom: 10px
}

.fourColumnsection {
    padding: 106px 0 112px
}

.list01.whiteList li {
    border-color: rgba(255, 255, 255, .1)
}

.list01.whiteList li {
    color: #b6b6b6
}

.list01.whiteList {
    margin-bottom: 0;
    margin-top: 25px;
    max-width: 100%
}

.listingSection {
    padding: 80px 0
}

.applicantPersonalblock {
    background: #26262d;
    border-radius: 5px;
    padding: 30px 30px 4px
}

.tab-content {
    color: #fff;
    padding: 0;
    position: relative
}

.nav-pills>li>a {
    border-bottom: 4px solid #cacaca;
    border-radius: 0;
    font-family: poppinsregular;
    font-size: 16px;
    color: #4a4a4a;
    margin-right: 10px;
    padding: 0 20px 10px;
    display: inline-block
}

.nav-pills {
    margin-bottom: 50px
}

.nav.nav-pills>li a.active {
    color: #20bdc7!important;
    border-color: #20bdc7!important
}

.nav-pills>li.active>a {
    color: #20bdc7
}

.applicantThumb {
    border: 2px solid #5c5c62;
    border-radius: 50%;
    height: 130px;
    overflow: hidden;
    width: 130px;
    float: left
}

.applicantPersonalblock.applicantProfessoinblock {
    background: #fff;
    padding: 30px 0 0
}

.applicantProfessoinblock select.form-control {
    border: none
}

.registrationSection h4 {
    color: #212121
}

.applicantProfessoinblock .selectOuter {
    border: none;
    border-radius: 5px
}

.applicantPersonalblock.applicantProfessoinblock label {
    color: #4a4a4a
}

.applicantPersonalblock select.form-control {
    background: #fff url(../images/icon-dropdown.png) no-repeat scroll right 10px top 50%;
    height: 50px!important;
    color: #242424
}

.applicantPersonalblock .form-control {
    height: 50px;
    border-color: #e4e4e4
}

.registrationSection {
    padding: 70px 0
}

.registrationSection {
    padding: 61px 0 120px
}

#registrarionTab {
    margin-top: 20px
}

.applicantPersonalblock p {
    letter-spacing: 1px;
    font-size: 14px
}

.tab-content::before {
    background: rgba(0, 0, 0, .1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 46%;
    position: absolute;
    width: 1px
}

.applicantPersonalblock .form-group {
    margin-bottom: 26px
}

.applicantProfessoinblock .borderBox {
    margin: 0;
    padding: 26px 0 19px
}

.form-control-file {
    color: #000;
    padding-top: 12px
}

.form-check label {
    font-size: 16px;
    font-family: poppinsregular;
    text-transform: capitalize
}

.changeText {
    display: inline-block;
    padding-left: 0;
    padding-top: 10px;
    width: 100%
}

.changeText a {
    font-family: poppinsregular;
    font-size: 14px;
    text-transform: uppercase;
    color: #20bdc7
}

.changeText i {
    color: #20bdc7;
    padding-right: 5px
}

.applicantPersonalblock.applicantProfessoinblock button.skyBlue {
    margin-top: 15px
}

.applicantDetail {
    float: left;
    margin-left: 20px
}

#applicantSection .applicantThumb {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 2px solid #fff;
    float: left
}

#applicantDetail .applicantThumb {
    width: 140px;
    height: 140px;
    overflow: hidden;
    margin-right: 30px;
    border: 2px solid #fff
}

.heading {
    font-family: poppinssemibold;
    font-size: 16px;
    color: #4a4a4a;
    padding-bottom: 10px
}

.infoListing>li {
    background: #eee;
    border-radius: 27px;
    float: left;
    font-family: poppinsregular;
    font-size: 18px;
    margin-left: 10px;
    padding: 5px 16px
}

.infoListing>li:first-child {
    margin: 0
}

.infoListing>li i {
    color: #01a6aa;
    font-size: 16px;
    margin-right: 15px
}

.informationSection {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    float: left;
    padding: 33px 0 40px;
    width: 100%;
    margin-top: 21px
}

.downloadBlock a {
    font-family: poppinsregular;
    font-size: 18px;
    color: #4a4a4a
}

.downloadBlock i {
    color: #01a6aa;
    margin-right: 20px
}

.downloadBlock {
    display: inline-block;
    margin-top: 36px
}

.informationSection .right {
    float: left;
    text-align: left
}

.informationSection .left {
    float: left;
    width: 64%
}

.temporaryBooking .btn01 {
    margin-top: 5px
}

.temporaryBooking {
    margin-top: 15px
}

.editProfile select.form-control {
    height: 50px!important;
    background-position: right 15px top 50%
}

.editProfile {
    background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    display: inline-block;
    padding: 35px 30px 40px
}

.editProfile form {
    margin-top: 26px
}

.editProfile .form-control:focus {
    background-color: #fff;
    border-color: #20bdc7;
    box-shadow: none;
    color: #495057;
    outline: 0 none
}

.notificationOuter {
    background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    float: left;
    padding-bottom: 30px;
    width: 100%;
    border-radius: 5px
}

.notificationInner {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    float: left;
    padding: 26px 30px 24px;
    width: 100%
}

.notificationInner p {
    font-family: poppinsregular;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    line-height: 18px
}

.notificationInner span {
    font-family: poppinsregular;
    font-size: 14px
}

tr:last-child td {
    padding: 0
}

td {
    font-family: poppinsregular;
    font-size: 14px;
    color: #4a4a4a;
    padding-bottom: 40px
}

th {
    font-family: poppinssemibold;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 400;
    padding-bottom: 40px
}

.shapeNone::before {
    display: none
}

.activeBlock {
    display: inline
}

.tab-content.clearfix.shapeNone {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 3px 3px #000;
    float: left;
    padding: 30px;
    width: 100%
}

#vacanciesTab .tab-content {
    background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    float: left;
    padding: 30px;
    width: 100%
}

.activeBlock {
    background: #79c083;
    border-radius: 3px;
    color: #fff;
    margin-right: 15px;
    padding: 5px 9px;
    text-transform: capitalize;
    font-family: poppinsregular;
    font-size: 12px
}

td a {
    font-family: poppinsregular;
    font-size: 12px;
    color: #4a4a4a;
    text-transform: capitalize
}

#vacanciesTab .nav-pills {
    position: relative;
    margin-bottom: 30px
}

#vacanciesTab .nav-pills::before {
    background: #e1e1e1;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

#vacanciesTab .nav-pills>li>a {
    border-color: #e1e1e1
}

.applicantPersonalblock.applicantProfessoinblock.registerApplicant {
    background-color: transparent
}

.userBox h5 {
    color: #212121
}

header.darkHeader {
    background-color: rgba(0, 0, 0, .8);
    padding: 10px 0;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

header.darkHeader:after {
    display: none;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

header.darkHeader #collapsibleNavbar ul li.loginBtn:before {
    top: -6px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

#collapsibleNavbar ul li.loginBtn:before,
header,
header:after {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

#vacanciesTab .tab-content.customTable {
    padding: 0
}

#vacanciesTab .tab-content.customTable table.table-condensed.cf {
    width: 100%
}

#vacanciesTab .tab-content.customTable table tr td:first-child,
#vacanciesTab .tab-content.customTable table tr th:first-child {
    padding-left: 30px
}

#vacanciesTab .tab-content.customTable table tr td:last-child,
#vacanciesTab .tab-content.customTable table tr th:last-child {
    padding-right: 30px
}

#vacanciesTab .tab-content.customTable table tr td,
#vacanciesTab .tab-content.customTable table tr th {
    padding: 20px 0
}

#vacanciesTab .tab-content.customTable table tbody tr:nth-child(2n+1) {
    background-color: #fafafa
}

.activeBlock.pendingPayment {
    background-color: #f98267
}

.boobkinOfferSection .userDetailblock,
.vacancyConfirm .userDetailblock {
    padding: 28px 30px
}

.backArrow {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #ececec;
    text-align: center;
    vertical-align: middle;
    border-radius: 50px;
    font-size: 13px;
    padding-top: 11px;
    margin-right: 32px
}

.vcCaption {
    font-size: 22px;
    font-family: poppinssemibold;
    color: #212121
}

.vcSubCaption {
    font-size: 14px;
    font-family: poppinsregular;
    color: #4a4a4a
}

.vcSubCaption span {
    font-size: 14px;
    font-family: poppinssemibold;
    color: #20bdc7
}

.themeColor {
    color: #20bdc7!important
}

.themeBackgroundColor {
    background-color: #20bdc7!important;
    color: #fff!important
}

.themeBackgroundColor:hover {
    background-color: #148289!important;
    color: #fff!important
}

.vcInfo {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 0 3px
}

.vcSection {
    margin-bottom: 24px
}

.noPad {
    padding: 0
}

.vcInfo .noPad {
    display: inline-block;
    float: left
}

.vcInfo .userDetail {
    max-width: inherit
}

.vcInfo .userInnerblock {
    width: 100%;
    margin-bottom: 30px
}

.vacancyConfirm button.btn {
    margin-right: 3px
}

.vacancyConfirm .confirmationSection button.btn {
    padding: 13px 20px
}

.confirmationSection h6 {
    display: inline-block;
    width: 100%;
    margin: 32px 0 35px;
    color: #212121;
    font-size: 20px;
    font-family: poppinsregular
}

.selectOption select.form-control {
    height: 50px!important;
    background-position: right 15px top 50%;
    background-color: #fafafa;
    max-width: 380px;
    color: #242424
}

.selectOption {
    padding-top: 38px
}

.selectOption label {
    margin-top: 21px
}

.selectOption button {
    padding: 19px 40px 17px;
    font-family: poppinssemibold, sans-serif;
    margin-top: 30px;
    margin-bottom: 12px
}

.selectOption textarea {
    width: 100%;
    background-color: #fafafa;
    min-height: 150px;
    resize: none;
    border: 1px solid #f0f0f0;
    border-radius: 3px
}

.makePayment {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 38px 0 12px
}

.makePayment .userInnerblock {
    width: 100%;
    margin-bottom: 13px
}

.makePayment .userInnerblock .noPad {
    float: left
}

.makePayment .userDetail p {
    font-size: 16px;
    color: #4a4a4a
}

.makePayment .userDetail span {
    font-family: poppinssemibold;
    font-size: 16px;
    color: #4a4a4a
}

.makePayment .userDetail .totalAmount {
    font-size: 20px;
    line-height: 20px
}

.makePaymentBtn {
    text-align: right;
    margin: 30px 0 22px
}

.makePaymentBtn .themeBackgroundColor {
    font-family: poppinssemibold;
    padding: 18px 40px
}

.boobkinOfferSection .userDetailblock {
    border-radius: 5px 5px 0 0
}

.boobkinOfferSection .vcCaption {
    max-width: 490px
}

.bookingOffer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 38px 0 12px
}

.offerPrice {
    font-size: 26px;
    font-family: poppinssemibold;
    position: absolute;
    right: 0;
    top: 0
}

.offerPrice span {
    font-family: poppinsregular;
    font-size: 14px
}

.bookingDetails li {
    margin-bottom: 16px
}

.bookingCaption {
    font-size: 16px;
    color: #4a4a4a;
    font-family: poppinsregular, sans-serif;
    float: left;
    max-width: 192px;
    width: 100%
}

.bookingDetails {
    font-size: 16px;
    color: #4a4a4a;
    font-family: poppinssemibold, sans-serif
}

.bookingDescription h6 {
    font-size: 16px;
    color: #4a4a4a;
    font-family: poppinssemibold, sans-serif;
    margin: 36px 0 14px
}

.bookingDescription p {
    margin-bottom: 10px
}

.bookingBtnSection {
    background-color: #e8f8f9;
    padding: 30px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05)
}

.noMargin {
    margin: 0
}

button.darkBtn {
    color: #fff;
    background-color: #1b1b1f;
    border: none;
    padding: 13px 20px;
    text-transform: uppercase;
    font-family: poppinsregular, sans-serif;
    font-size: 16px
}

button.darkBtn:hover {
    color: #fff;
    background-color: #148289
}

.bookingBtn button {
    padding: 13px 20px
}

.bookingBtn button.darkBtn {
    margin-left: 7px
}

.bookingBtn span {
    color: #4a4a4a;
    font-size: 16px;
    font-family: poppinsregular, sans-serif;
    margin-right: 19px
}

.temporaryBooking .form-control {
    background-color: #fafafa
}

#applicantDetail .detailBlock .right {
    padding-right: 0
}

.bankInformation {
    padding: 20px 38px 18px
}

.page-link:focus {
    box-shadow: none
}

select::-ms-expand {
    display: none
}

.registrationSection.registerApplicant h4 {
    margin-bottom: 40px
}

.registerBtn {
    position: relative
}

.registerBtn .dropdown-menu {
    left: auto;
    right: 0;
    width: 210px
}

.registerBtn .dropdown-menu.show a {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #676565!important;
    padding: 10px 1rem
}

.registerBtn .dropdown-menu.show a:hover {
    color: #20bdc7!important
}

.loginBtn i {
    margin-left: 6px
}

.error {
    color: #bd1d1d!important;
    font-size: 12px!important;
    font-family: poppinssemibold
}

#profileImage {
    font-size: 14px;
    line-height: 18px
}

.astrick {
    color: red
}

#about-error,
#about_yourself-error,
#category-error,
#companyaddress-error,
#companydescription-error,
#companyemail-error,
#companyname-error,
#companyphoneno-error,
#employeecategory-error,
#employeetravelDistance-error,
#exampleFormControlFile1-error,
#fixedQuote-error,
#hourlyRate-error,
#other_licence-error,
#travelDistance-error {
    color: red
}

.usernameerror {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    color: red
}

.help-error {
    color: red;
    text-align: left;
    font-weight: 300;
    font-size: 12px!important
}

a.page-links {
    font-family: poppinssemibold;
    font-size: 14px;
    color: #212121;
    border: none;
    background: 0 0;
    border-radius: 50%;
    padding: 7px 16px!important;
    line-height: 24px;
    position: relative;
    display: inline-block;
    margin-left: -1px;
    margin: 0 6px
}

.current,
.page-links:hover {
    background: #20bdc7!important;
    color: #fff!important
}

.dropzone {
    border: none!important;
    background: 0 0!important
}

.dropzone .dz-preview .dz-image {
    border-radius: 50%!important;
    width: 165px !important;
    height: 165px !important;
}

.dropzone .dz-preview .dz-image:hover,
.dz-image {
    border-radius: 50%!important;
    width: 165px;
    height: 165px;
}
.dz-image img {
    width: 100%;
    min-height: 165px;
}

.dropzone .dz-preview.dz-image-preview {
    background: 0 0!important;
    position: absolute;
    top: 0;
    margin: 0
}

.dz-default.dz-message:after {
    content: "Change Image";
    color: #20bdc7;
    font-weight: 700;
    font-size: 18px
}

.dz-default.dz-message span {
    display: none
}

.dropzone.dz-started .dz-message {
    display: block!important
}

.profileThumb.myprofile {
    margin-bottom: 0
}

#registerForm .applicantThumb img, #registerFormemployee .applicantThumb img{
    height: 160px;
    width: 160px
}

.dz-filename,
.dz-size {
    display: none
}

.dz-default.dz-message {
    text-align: left!important
}

.applicantPersonalblock.applicantProfessoinblock.registerapplicant {
    background: 0 0!important
}

@media screen and (max-width:991px) {
    .dropzone .dz-preview .dz-image:hover,
    .dz-image img {
        height: 165px;
        width: 165px
    }
}

@media screen and (max-width:767px) {
    .dropzone .dz-preview.dz-image-preview {
        left: 50%!important;
        transform: translateX(-50%)!important
    }
    .profileThumb img {
        height: 160px;
        width: 160px
    }
    .dropzone .dz-preview .dz-image:hover,
    .dz-image img {
        height: 165px;
        width: 165px
    }
}

.bootstrap-tagsinput {
    background-color: #fff!important;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff
}

.bootstrap-tagsinput .tag [data-role=remove] {
    margin-left: 8px;
    cursor: pointer
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "x";
    padding: 0 2px
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

span.tag.label.label-info {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    background-color: #03a9f3
}

.bootstrap-tagsinput {
    width: 100%
}

.jobRolesListing {
    max-width: 100%!important
}

.btn-red {
    background: #d02a2a
}

.nav-item .active {
    color: #20bdc7!important
}
.nav-item .active:hover {
    color: #ffffff!important;
}
#collapsibleNavbar ul li a.actives {
    color: #20bdc7!important
}

#jobRolesP {
    font-size: 13px;
    letter-spacing: .5px
}

#seeDetail {
    cursor: pointer
}

#seeEmpDetail {
    cursor: pointer
}

.loading {
    display: none;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1.5s infinite linear;
    -moz-animation: spinner 1.5s infinite linear;
    -ms-animation: spinner 1.5s infinite linear;
    -o-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(60, 189, 199, 1) 1.5em 0 0 0, rgba(60, 189, 199, 1) 1.1em 1.1em 0 0, rgba(60, 189, 199, 1) 0 1.5em 0 0, rgba(60, 189, 199, 1) -1.1em 1.1em 0 0, rgba(60, 189, 199, 1) -1.5em 0 0 0, rgba(60, 189, 199, 1) -1.1em -1.1em 0 0, rgba(60, 189, 199, 1) 0 -1.5em 0 0, rgba(60, 189, 199, 1) 1.1em -1.1em 0 0;
    box-shadow: rgba(60, 189, 199, 1) 1.5em 0 0 0, rgba(60, 189, 199, 1) 1.1em 1.1em 0 0, rgba(60, 189, 199, 1) 0 1.5em 0 0, rgba(60, 189, 199, 1) -1.1em 1.1em 0 0, rgba(60, 189, 199, 1) -1.5em 0 0 0, rgba(60, 189, 199, 1) -1.1em -1.1em 0 0, rgba(60, 189, 199, 1) 0 -1.5em 0 0, rgba(60, 189, 199, 1) 1.1em -1.1em 0 0
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.singleCol .form-group {
    width: 50%;
    display: inline-block;
    float: left
}

.singleCol .form-group input {
    height: auto
}

#applicantConfirmVacancy {
    margin-left: 15px
}

.exipreRate {
    padding: 13px
}

.noRecord {
    text-align: center
}

.panel-title.display-td {
    font-family: auto
}

.employerVacancies table tr td:last-child,
.employerVacancies table tr th:last-child {
    vertical-align: top
}

.captionText {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.captionText .backIcon {
    margin-right: 10px;
    margin-left: -15px
}

.centerBlock .backIcon {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.centerBlock a {
    margin-right: 15px
}

.profileextradata {
    width: 30%;
    float: left
}

.profiledata {
    width: 70%
}

.newdetails {
    width: 60%
}

.ratehrs {
    width: 30%!important
}

.paymentleft {
    width: 70%!important
}

.paymentleft input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ratehrs select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

textarea.shortheight {
    height: 80px!important
}

select.form-control {
    background: url(../images/icon-dropdown.png) no-repeat right 10px top 50%
}

.loginApplicant {
    padding: 160px 0 120px
}

.btn-info {
    background-color: #20bdc7;
    border-color: #20bdc7
}

input#searchInput,
input#searchInput2,
select#category,
select#country,
select#employeecategory,
select#employeecountry,
select#travelDistance,
select#vacanyadd {
    border-color: #e4e4e4!important;
    color: #242424!important;
    height: 50px!important;
    font-family: poppinsregular;
    font-size: 16px!important;
    border: 1px solid #e4e4e4
}

.bootstrap-tagsinput span.tag.label.label-info {
    margin: 3px auto;
    display: inline-block
}

.loginpanel .alert-success {
    line-height: 1.7em;
    padding: 10px 15px;
}

/***************/

.searchInner select.form-control {
    padding-right: 30px;
}
ul.paginationsssss {
    padding: 20px 0 0;
}
.bookingInfo .form-group label {
    display: block;
    text-align: left;
}
.bookingInfo input.form-control.error {
    font-size: 16px !important;
}
#profileBlock .dropzone {
    padding: 0;
}

#quouteMsg {
    margin-top: 2%;
}

/*******/

.btn04#applicantConfirmVacancy, .btn04#comfirm-btn{
    border: 1px solid #31bdc6;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: poppinsregular;
    font-size: 12px;
    padding: 4px 12px;
    margin-top: 4px;
    background: #31bdc6;
    margin-top: 0;
}

.btn04#applicantConfirmVacancy:hover, .btn04#comfirm-btn:hover{
    border: 1px solid #2a9fa7;
    background: #2a9fa7;
}
#vacancy-error{
  margin-top:3%;
}

.offerStartDate{   border-color: #e4e4e4;
    color: #242424;
    height: 39px;
    font-family: poppinsregular;
    font-size: 16px;
}

.captcha-form{
    margin-left: 16px;
}

/***********/


#how_to_work,#home_emp,#home_work_see{
    color: #d4d4d4;
font-size: 14px;
font-family: poppinsregular, sans-serif;
cursor: pointer;
}

#how_to_work:hover,#home_emp:hover,#home_work_see:hover{
color: #fff;

}

.gig_help {
    /* display: inline-block;
    text-align: left;
    margin: 0 auto; */
    color: #fff;
}
.gig_help ul li {
    display: block;
    padding: 7px 0 0;
}
ul.employer_section li {
    list-style-type: disc !important;
    font-size: 16px;
}
ul.work_section li {
    list-style-type: disc !important;
    font-size: 16px;
}


.paymentType .form-group {
    display: inline-block;
    margin-right: 8px;
}
.paymentType h5 {
    display: block;
    font-size: 14px;
    margin: 0 0 8px;
}

.bankDetails{
	background: #20bdc7;
    border-radius: 3px;
    color: #fff;
    padding: 5px 9px;
    text-transform: capitalize;
    font-family: poppinsregular;
    font-size: 12px;
    display: inline-block;
}
a.bankDetails{
	color:#fff;
}

.term_ul{
    font-family: poppinsregular, sans-serif;
    font-size: 16px;
    color: #4a4a4a;
    margin-left: 20px;
}
ol.term_ul li {
    list-style-type: decimal;
}
.comming_soon{
    text-align: center;
    width: 100%;
    float: left;
    color: red;
    font-family: poppinsregular, sans-serif;
}

/********* copy here *********/

.mid-txt #summary {
    display: block;
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
    font-family: 'Gotham';
}
.mid-txt #summary p.collapse:not(.show) {
    height: 97px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.advntgmore{
  color:green;
  cursor:pointer
}
.advntglessmore{
	color:green;
  cursor:pointer
}


.mid-sec.mid-txt {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 0 0 80px;
}
.detail_txt h2 {
    color: #212121;
    text-transform: uppercase;
    font-size: 24px;
    font-family: poppinssemibold, sans-serif;
}
.text-area h4 {
    display: block;
    text-align: left !important;
    margin: 20px 0 4px;
    font-size: 20px;
}
.text-area span.advntgmore, .text-area span.advntglessmore {
    display: inline-block;
    text-align: left;
    margin: 14px 0 0;
    font-size: 16px;
    color: #2f2f30;
    background-color: #ececec;
    border: none;
    padding: 18px 30px;
    text-transform: uppercase;
    font-family: poppinsregular, sans-serif;
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.text-area span.advntgmore:hover, .text-area span.advntglessmore:hover, .text-area span.advntgmore:focus, .text-area span.advntglessmore:focus {
    background-color: #148289; color: #fff !important;
}

#more{
    display: none;
}

.rm-btn {
    margin-top: 30px;
}


.profileList>li:last-child {
    width: 100%;
}

.profileList>li:last-child>a {
    display: block;
    justify-content: center;
    width: 100%;
    color: #fff;
    background-color: #148289;
    border-color: #148289;
    text-transform: capitalize;
    font-size: 18px;
    border: none;
    padding: 10px 10px;
    text-transform: capitalize;
    font-family: poppinsregular, sans-serif;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align: center;
    border: 1px solid;
    margin: 0px;
	position:relative;
}

.profileList>li:last-child>a:hover{
    background: transparent;
    color: #148289;
}
.profileList>li:last-child>a:before {
    content:"\f30a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
}
button.myprofiles {
    position: fixed;
    left: 0;
    top: 50vh;
    background: #20bdc7;
    padding: 0;
}

button.myprofiles>a {
    background: #20bdc7;
    padding: 12px 16px;
    color: #fff !important;
    font-size: 20px;
}
searchInner select.form-control::-webkit-scrollbar {
    width: 6px;
}

.searchInner select.form-control::-webkit-scrollbar-track {
    background-color: #eee;
}

.searchInner select.form-control::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 4px;
}

.searchInner select.form-control {
    padding-right: 30px;
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 8px;
    -moz-padding-start: 8px;
    border-radius: 0px;
    color: #555;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: none;
    margin-left: -10px;
}

div#searched_list {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #f5f5f5;
    left: 0;
    padding: 10px 20px;
}
.searchInner {
    position: relative;
}
.CityList:last-child {
    border: none;
}
.CityList.activelist:hover {
    cursor: pointer;
    background-color: #1e90ff;
    color: #fff;
}
.CityList {
    font-size: 14px;
    padding: 4px 15px;
    font-family: poppinsregular;
}

.selectOuter #apl_searched_list .CityList, .selectOuter div#searched_list .CityList{
    border-top: solid 1px #eee;
    padding: 10px;
    width: 100%;
    display: block;
}

.selectOuter #apl_searched_list, .selectOuter div#searched_list {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0;
    right: 0;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
}

.selectOuter #apl_searched_list .CityList:hover, .selectOuter div#searched_list .CityList:hover{
    background: #f8f9fa;
    color: #20bdc7;
}
.selectOuter #apl_searched_list, .selectOuter div#searched_list {
    z-index: 9;
    max-height: 168px;
    overflow: auto;
}
body>a {
    display: none;
}
.innerBanner h2::before{
content:none;
}

.introSection.defineFloat#aboutSection {
    padding: 80px 0px 0px;
}

.introSection.defineFloat#aboutSection h1 {
    margin-bottom: 20px;
  text-align: left !important;
}

.introSection.defineFloat#aboutSection h5.blueText {
    margin-top: 30px;
    margin-bottom: 8px;
}
.introSection.defineFloat#aboutSection .welcomeText span {
    font-family: poppinsregular;
}

.introSection.defineFloat#aboutSection .welcomeText  h2 {
    padding: 0;
    text-align: left !important;
}

.introSection.defineFloat#aboutSection h3 {
    text-align: left !important;
}

#aboutSection .welcomeText p {
    text-align: left !important;
}

ul.work_section {
    padding-left: 30px;
}

.infoThumb.leftDiv {
    padding-right: 20px;
  max-width: 574px;
}
@media screen and (max-width: 991px){
.infoThumb.leftDiv {
    margin-right: 0;
    padding: 0;
}
}