/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
	--primary-color:#1c9bf1;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


.form-search__input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    padding: 0 5px 0 25px;
    width: 625px
}

@media(max-width: 767.98px) {
    .form-search__input {
        height:50px;
        padding: 0 5px 0 15px;
        width: 100%
    }
}

.form-search__icon {
    color: #8996a4;
    font-size: 0
}

.form-search__icon .icon-fonts {
    font-size: 21px
}

@media(max-width: 767.98px) {
    .form-search__icon .icon-fonts {
        font-size:16px
    }
}

.form-search .input-search {
    border: 0;
    color: #505564;
    padding: 10px 15px;
    width: 100%
}

@media(max-width: 767.98px) {
    .form-search .input-search {
        font-size:14px;
        padding: 10px
    }
}

.form-search .input-search::-webkit-input-placeholder {
    color: #8996a4
}

.form-search .input-search::-moz-placeholder {
    color: #8996a4
}

.form-search .input-search:-ms-input-placeholder {
    color: #8996a4
}

.form-search .input-search::-ms-input-placeholder {
    color: #8996a4
}

.form-search .input-search::placeholder {
    color: #8996a4
}

.form-search__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary-color);
    border: 0;
    border-radius: 6px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 138px;
    padding: 10px;
    text-transform: uppercase;
    margin: 0;
}
.form-search__input input {
	box-shadow: none;
	border:none;
	margin-bottom: 0;
}

@media(max-width: 767.98px) {
    .form-search__button {
        font-size:14px;
        height: 40px;
        min-width: 120px
    }
}

.form-search__button:hover {
    background-color: #fe8084
}

.autocomplete-suggestions {
    text-align: left;
    cursor: pointer;
    border-top: 0;
    background-color: #fff;
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 6px 6px
}

@media(min-width: 768px) {
    .autocomplete-suggestions {
        margin-top:12px
    }
}

.autocomplete-suggestion {
    position: relative;
    padding: .6em 1em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333
}

.filter-job-box__title {
    margin-bottom: 25px;
}
.text-blue {
    color: #1c9bf1;
}
.jobs__item {
    background-color: #fff;
    border: none;
    border-radius: 6px;
}
.jobs__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 110px;
    padding: 20px;
}

.jobs-box {
    margin-top: 70px;
    margin-bottom: 130px
}

@media(max-width: 767.98px) {
    .jobs-box {
        margin-top:20px;
        margin-bottom: 40px
    }
}

.jobs__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.jobs__title-icon {
    font-size: 0;
    margin-right: 10px
}

.jobs__title-icon .icon-fonts {
    color: #f25151;
    font-size: 30px
}

.jobs__title-name {
    color: #252e38;
    font-size: 24px;
    font-weight: 600
}

.jobs__content {
    border: 1px solid #e1e1e1;
    border-radius: 10px
}

.jobs__info .slick-dots {
    bottom: -32px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jobs__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 110px;
    padding: 20px
}

.jobs__item-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jobs__item-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    padding: 10px;
    width: 70px
}

.jobs__item-img:hover img {
    opacity: .75
}

.jobs__item-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(100% - 85px)
}

@media(max-width: 767.98px) {
    .jobs__item-detail {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.jobs__item-top {
    margin-right: 30px;
    width: 60%
}

@media(max-width: 767.98px) {
    .jobs__item-top {
        margin-right:0;
        width: 100%
    }
}

.jobs__item-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

@media(max-width: 767.98px) {
    .jobs__item-info {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 8px
    }
}

.jobs__item-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f25151;
    border-radius: 13px;
    color: #fff;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    height: 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
    padding: 2px 10px 0;
    text-transform: uppercase;
    width: 80px
}

@media(max-width: 767.98px) {
    .jobs__item-label {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 8px;
        min-width: 80px
    }
}

.jobs__item-name {
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
}

@media(max-width: 767.98px) {
    .jobs__item-name {
        font-size:16px;
        width: 100%
    }
}

.jobs__item-link {
    color: #252e38
}

.jobs__item-des {
    color: #505564;
    font-size: 14px;
    font-weight: 600;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
        margin-bottom: 10px;
    color: #252e38;
    text-transform: uppercase;
}

@media(max-width: 767.98px) {
    .jobs__item-des {
        margin-bottom:5px
    }
}

.jobs__item-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 35%
}

@media(max-width: 767.98px) {
    .jobs__item-right {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%
    }
}

.jobs__item-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jobs__item-value:not(:last-child) {
    margin-right: 10px
}

.jobs__item-icon {
    font-size: 0;
    margin-right: 5px
}

.jobs__item-icon .icon-fonts {
    font-size: 14px
}

.jobs__item-text {
    color: #505564;
    font-size: 14px
}

.jobs__item-text.text-red {
    color: #f25151
}

.jobs__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px 20px
}

.jobs__more {
    color: #556270;
    font-size: 14px
}

@media(max-width: 767.98px) {
    .jobs--other {
        margin-top:30px
    }
}

.jobs--other .jobs__title-icon .icon-fonts {
    color: #4b81ed
}

.jobs--other .jobs__item-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.jobs--other .jobs__item-top {
    margin-right: 0;
    width: 100%
}

.jobs--other .jobs__item-info {
    margin-bottom: 5px
}

.jobs--other .jobs__item-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.jobs--list__title {
    font-size: 24px;
    color: #242a30;
    margin-bottom: 20px
}

.jobs--list .jobs__item-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    width: 100px;
    height: 100px
}

.jobs--list .jobs__item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.jobs--list .jobs__item-detail {
    width: calc(100% - 115px)
}

.jobs--list .jobs__item-des {
    margin-bottom: 10px;
    color: #252e38
}

.jobs--list .jobs__item-time {
    font-size: 14px;
    color: #556270
}

.jobs--list .jobs__item-detail-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter-job-box .banner-img {
    margin: 48px auto
}

.filter-job-box__title {
    margin-bottom: 25px
}

@media(max-width: 991.98px) {
    .filter-job-box__title {
        margin-bottom:20px
    }

    .filter-job-box .row>:last-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 30px
    }
}

.jobs__item-des+.jobs__item-right {
    margin-top: 10px
}



@media(max-width: 767.98px) {
    .job-item-feature .jobs__item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .job-item-feature .jobs__item-img {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.job-item-feature .jobs__item-icon {
    margin-right: 15px
}

.job-item-feature .jobs__item-icon .icon-fonts {
    font-size: 16px
}

.job-item-feature .jobs__item-img {
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px
}

.job-item-feature .jobs__item-avatar {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.job-item-feature .jobs__item-img img {
    max-width: 100%;
    max-height: 100%
}

.job-item-feature .jobs__item-avatar img {
    position: absolute;
    max-width: 100%;
    max-height: initial;
    top: 50%;
    transform: translateY(-50%)
}

.job-item-feature .jobs__item-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 175px)
}

@media(max-width: 767.98px) {
    .job-item-feature .jobs__item-detail {
        width:100%
    }
}

.job-item-feature .jobs__item-info {
    margin-bottom: 8px
}

.job-item-feature .jobs__item-name {
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 0;
}

@media(max-width: 767.98px) {
    .job-item-feature .jobs__item-name {
        font-size:24px;
        font-weight: 600
    }
}

.job-item-feature .jobs__item-des {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 8px
}

.job-item-feature .jobs__item-value {
    margin: 0 0 5px;
    width: 100%
}

.job-item-feature .jobs__item-text {
    font-size: 16px
}

.job-item-feature .jobs__item-text+.jobs__item-text {
    margin-left: 5px
}

@media(max-width: 767.98px) {
    .job-item-feature .jobs__item-left {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.job-item-feature .jobs__item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.job-item-feature .jobs__item-right .btn {
    width: 190px;
    max-width: 100%;
    border-radius: 999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px
}

.job-item-feature .jobs__item-right .btn span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.job-item-feature .jobs__item-right .btn i {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 18px
}

.job-item-feature .jobs__item-right .btn:not(:last-child) {
    margin-bottom: 10px
}

@media(max-width: 991.98px) {
    .job-item-feature .jobs__item-right {
        margin-top:20px
    }
}

.job-item-feature--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px 1px #f5f5f5;
    box-shadow: 1px 1px 3px 1px #f5f5f5;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    padding-bottom: 0;
}

.job-item-feature--sticky .jobs__item-img {
    width: 83px;
    height: 83px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83px;
    flex: 0 0 83px;
    margin-right: 30px
}

.job-item-feature--sticky .jobs__item-name {
    font-size: 24px
}

.job-item-feature--sticky .jobs__item-info,.job-item-feature--sticky .jobs__item-des {
    margin-bottom: 5px
}

.job-item-feature--sticky .jobs__item-value {
    margin-bottom: 0
}

.job-item-feature--sticky .jobs__item-value:not(:first-child) {
    display: none
}

.job-item-feature--sticky .jobs__item-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.job-item-feature--sticky .jobs__item-right .btn:not(:last-child) {
    margin-bottom: 0;
    margin-left: 10px
}

.job-item-detail {
    margin-bottom: 20px;
    padding-top: 0;
}

.job-item-detail__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
	color: #212529;
}

.job-item-detail__content {
    padding: 38px;
    background: #fff
}

.job-item-detail__group-title {
    font-size: 28px;
    margin-bottom: 15px
}

.job-item-detail__group-content {
    font-size: 16px;
    word-break: break-word
}

.job-item-detail__group-content>strong {
    display: block;
    font-weight: 600
}

.job-item-detail__group-content>p+strong {
    margin-top: 15px
}

.job-item-detail__group-content:not(:last-child) {
    margin-bottom: 30px
}

.job-item-detail__dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.job-item-detail__dd i {
    margin-right: 10px;
    color: #29a1f2
}

.job-item-detail .banner-img {
    border-radius: 6px;
    overflow: hidden
}

.job-item-feature--company .jobs__item-name {
    font-size: 24px;
    font-weight: 400
}

.job-item-feature--company .jobs__item-name .jobs__item-link {
    color: #252e38;
    word-break: break-all;
    white-space: pre-wrap
}
.jobs__item:not(:first-child) {
    margin-top: 15px;
}

#loading {
  background-color:black;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  z-index: 1000000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  text-align: center;
}

#loading img {
  margin: auto;
  display: block;
  top: calc(50% - 100px);
  left: calc(50% - 10px);
  position: absolute;
  z-index: 999999;
  width: 100px;
}

.filter__head {
    line-height: 2;
    margin-bottom: 25px;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.filter__title {
    font-size: 18px;
    font-weight: 700;
    color: #252e38;
    margin-bottom: 0;
}
.filter__btn-reset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}.filter__btn-reset i {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
}
.filter__item {
    padding: 30px 20px;
    padding-bottom: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
}
.filter__item+.filter__item {
    margin-top: 1rem;
}
.form-check label {
	margin-bottom: 0;
    color: #546577;
    font-size: 15px;
}
.filter__item-title {
    font-size: 16px;
    line-height: 1.2;
    color: #252e38;
    font-weight: 600;
}
.filter [data-toggle=collapse] {
    display: block;
    position: relative;
    transition: 0.5 all;
}
.filter [data-toggle=collapse].collapsed:before {
    content: '\e90c';
}

.filter [data-toggle=collapse]:before {
    font-family: marketingworksicons;
    content: '\e906';
    position: absolute;
    right: 0;
    top: 0;
    color: #afc9d5;
    font-size: 14px;
}
.collapse:not(.show) {
    display: none;
        transition: 0.5 all;

}

input[type="radio"]:checked ~ span { font-weight: bold; color: #0075ff;} 

.job-item-feature .jobs__item-right .btn:not(:last-child) {
    margin-bottom: 10px;
}
.job-item-feature .jobs__item-right .btn {
    width: 190px;
    max-width: 100%;
    border-radius: 999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
        padding: 10px;
}
.btn-primary {
    background: #24406a;
}
.btn-primary:hover * {
	color: #fff;
}
.btn-primary:hover {
	background-color: #004da1;
	border-color: #004da1;
}
.btn-primary {
    color: #fff;
    background-color: #24406a;
    border-color: #24406a;
}
.btn-outline-dashed {
    border:1px dashed #007bff;
    	color: #007bff;

}
.btn-outline-dashed:hover {
	background-color:  #007bff;
	color: #fff;
}
.btn-outline-dashed:hover * {
	color: #fff;
}
.btn-outline-primary i {
	color: #007bff;
}
.rank-math-breadcrumb p {
	margin-bottom: 0;
}

.section.cover {
	padding-bottom: 0;
}
.section.cover .rank-math-breadcrumb {
	margin-top: 20px;
}
.section.cover img {
	display: block;
	margin: 0 auto;
}
.job-item-detail__group-content ul {
	margin-left: 15px;
}

.job-item-detail__group-content:not(:last-child) {
    margin-bottom: 30px;
}
.job-item-detail__group-content {
    font-size: 16px;
    word-break: break-word;
}
.row-pb-0 > .col {
	padding-bottom: 10px;
}
.recuitment-info__inner {
    padding: 30px;
    background: #fff;
}

.recuitment-info__title {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #252e38;
}
.recuitment-info__dl {
	list-style: none;
}
.recuitment-info__dl li {
	color: #212529;
	margin-left: 0 !important;
}

.recuitment-info__dd + .recuitment-info__dd {
    margin-top: 10px;
}
.recuitment-info__dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.recuitment-info__dd--jobs i {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.recuitment-info__dd i {
    font-size: 18px;
    margin-right: 10px;
}
.tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
}
.tags-list__item {
    color: #147cae;
    padding: 8px 20px;
    background: #ddf4ff;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}
.job-item-detail__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
.recuitment-info__dd strong {
    font-weight: 600;
    margin-right: 5px;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
/* css forrm */

.appointment {
    background: #fff;
    position: relative;
    z-index: 1;
}
.appointment .item {
    position: relative;
}
.appointment .item label {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: 10px;
    top: -8px;
    padding: 0 10px;
    display: inline-block;
    width: auto;
    border-radius: 5px;
    color: #333;
}
.appointment .item .wpcf7-form-control-wrap * {
    height: 50px;
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
    padding-left: 20px;
}
.appointment .item .wpcf7-form-control-wrap *:focus, input:-internal-autofill-selected  {
    background-color: transparent;
}
.appointment .item .wpcf7-form-control-wrap select {
    height: 60px;
}
#regtour .appointment .item .wpcf7-form-control-wrap * {
    background-color: #fff;
}
.appointment .title  {
    margin-bottom: 10px;
    font-weight: bold;
}
.appointment .title.cv {
	margin-bottom: 0;
	margin-top: 20px;
	font-weight: bold;
	color: var(--primary-color);
}
.custom-form:before {
    content: '';
    border-radius: 15px;
    width: 95%;
    height: 80%;
    background: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    z-index: 0;
    left: 0;
}
.form-lienhe.appointment .wpcf7-submit {
    margin: unset;
}
.appointment .wpcf7-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    gap: 10px;
    border-radius: 999px;
    position: relative;
    z-index: 1;
    transition: color .1s ease-in-out,background-color 1s ease-in-out;
    padding: 0 10px 0 30px;
    height: 54px;
    line-height: 0;
    background-color: var(--primary-color);
    border:none;
    border:2px solid var(--primary-color);
    font-weight: 800;
    color: #fff;
}
.appointment .wpcf7-submit::before {
    background: #fff;
    content: '';
    position: absolute;
    z-index: 0;
    width: 40px;
    height: 40px;
    top: 5px;
    right: 10px;
    display: block;
    border-radius: 999px;
    background-color: #fff;
    transition: .2s all ease-in-out;
}
.appointment .wpcf7-submit span {
    width: 40px;
    height: 40px;
    display: inline-flex;
    background: #fff;
    border-radius: 99px;
    justify-content: center;
    z-index: 1;
    padding: 10px;
}
.appointment .wpcf7-submit svg {
    width: 20px;
    height: 20px;
}
.appointment .wpcf7-submit:hover {
    color: var(--primary-color);
    z-index: 2;
}
.appointment .wpcf7-submit:hover::before {
    width: calc(100% - -2px);
    height: calc(100% + 2px);
    padding-right: 19px;
    right: -1px;
    top: -1px;
    line-height: 50px;
    z-index: -1;
}
.lightbox-content {
    border-radius: 15px;
    padding: 40px;
}

span.cv {
  position:relative;
}
span.cv:before {
  content:"Upload file";
  position:absolute;
  left:0;
  padding:5px;
  background:red;
  color:#fff;
  width:130px;
  text-align:center;
  border-radius:5px;
  cursor:pointer;
}
span.cv>input {
  visibility:hidden;
}
.wpcf7dtx-label {
	font-size: 16px;
    color: var(--primary-color);
    font-weight: bold;
}

.company-info__inner {
    padding: 38px;
    background: #fff;
}
.company-info {
    margin-bottom: 30px;
    color: #556270;
}

.company-info__inner {
    padding: 38px;
    background: #fff
}
.company-info__inner ul {
	list-style: none;
}
.company-info__title {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #252e38
}

.company-info__dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.company-info__dd+.company-info__dd {
    margin-top: 10px
}

.company-info__dd i {
    font-size: 18px;
    margin-right: 10px
}

.company-info__dd strong {
    font-weight: 600;
    margin-right: 5px
}
.company-info-detail .large-4 {
    margin-top: 55px;
}
.company-info__inner>ol>li, .company-info__inner>ul>li {
    margin: 0 2rem;
}

.company-info__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.company-info__list-item i {
    margin-right: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 3px;
}
.nav>li>a {
	letter-spacing: 0;
}

.page-load-status {
  display: none;
}
.d-block {
    display: block !important;
}

.loader-ellips {
  font-size: 20px;
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.see-more button:disabled,
.see-more button[disabled] {
  display: none;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: var(--primary-color);
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}

.loader-ellips__dot:nth-child(3) {
  left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
  left: 3em;
}

@keyframes reveal {
  from {
    transform: scale(0.001);
  }

  to {
    transform: scale(1);
  }
}

@keyframes slide {
  to {
    transform: translateX(1.5em);
  }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}


.d-none {
    display: none;
}
.partners .box-text {
	display: none;
}
.partners .col {
	padding-bottom: 0;
}
.partners  .box-image {
	display: flex;
	    align-items: center;
    justify-content: center;
}
.partners  .box-image img {
	height: 150px;
	object-fit: contain;
}
.partners button.flickity-button {
	display: none;
}
.post-item > .col-inner {
	border:1px solid #eee;
}
.post-item .box-text {
	padding: 20px;
}

.list ul li {
	list-style: none;
	margin-left: 0;
	background: url(./check.png) no-repeat;
	background-size: 25px;
    padding-left: 30px;
    background-position: left 1px;
}
.home-list .jobs__item-des {
	display: none;
}
.home-list .jobs__item-detail {
	width: 100%;
}
.home-list .jobs__item-name {
	overflow: visible;
}
.home-list  .jobs__item {
	    background: #edf5ff;
    border: none;
}
.form-search__input input:focus {
	box-shadow: none;
}

.side-right__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #24406a;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 220px;
    padding: 0 20px
}

.side-right__box.header__info-candidate {
    min-width: 170px;
    margin-right: 10px;
    background-color: #fff;
    color: #24406a;
    border: 1px solid #24406a
}

@media(max-width: 1199.98px) {
    .side-right__box {
        height:55px;
        margin-bottom: 5px
    }
}

.side-right__box:hover {
    background-color: #1c9bf1
}

.side-right__icon {
    font-size: 0;
    margin-right: 12px
}

.side-right__icon .icon-fonts {
    color: #fff;
    font-size: 32px
}

.side-right__box.header__info-candidate .side-right__icon .icon-fonts {
    color: #24406a
}

.side-right__box.header__info-candidate:hover .side-right__icon .icon-fonts {
    color: #fff
}

@media(max-width: 1199.98px) {
    .side-right__icon .icon-fonts {
        font-size:24px
    }
}

.side-right__info {
    color: #fff;
    text-transform: uppercase
}

.side-right__box.header__info-candidate .side-right__info {
    color: #24406a
}

.side-right__box.header__info-candidate:hover .side-right__info {
    color: #fff
}

.side-right__text {
    margin-bottom: 2px;
    font-size: 14px
}

.side-right__des {
    font-size: 10px;
    line-height: 1
}
footer p {
	margin-bottom: 6px;
}

.listcompany__titlepage {
    color: #252e38;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 40px
}

.listcompany__item {
    border: 1px solid #e1e1e1;
    height: 100%;
    position: relative
}

.listcompany__image img {
    height: calc((100vw - 30px) * 0.3);
    object-fit: cover;
    width: 100%;
}

@media(min-width: 576px) {
    .listcompany__image img {
        height:90px
    }
}

@media(min-width: 992px) {
    .listcompany__image img {
        height:97px
    }
}

@media(min-width: 1200px) {
    .listcompany__image img {
        height:135px
    }
}

.listcompany__content {
    padding: 20px 20px 100px;
    position: relative
}

.listcompany__logocm {
    width: 120px;
    height: 120px;
    border: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    border-radius: 4px;
    position: absolute;
    top: -30px;
    z-index: 1;
    background-color: #fff
}

.listcompany__logocm img {
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.listcompany__title {
    padding-left: 140px;
    font-size: 16px;
    line-height: 24px;
    color: #252e38;
    margin-bottom: 30px
}

.listcompany__title h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #252e38;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.listcompany__title label {
    color: #505564;
    margin: 0 5px 0 0;
    display: inline-block;
}

.listcompany__title span {
    color: #505564
}

.listcompany__desc {
    color: #505564
}

@media(max-width: 767.98px) {
    .listcompany__desc {
        font-size:14px
    }
}

.listcompany__readmore {
    padding: 20px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #e1e1e1;
    display: inline-block;
    width: 100%
}

.listcompany__readmore a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.listcompany__readmore a i {
    color: #1c9bf1
}
.listcompany__titlepage {
    color: #252e38;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 40px;
}






@font-face {
    font-family: marketingworksicons;
    src: url(./marketingworksicons.eot?mro1z2) format("eot"),url(./marketingworksicons.ttf?mro1z2) format("truetype"),url(../fonts/marketingworksicons.woff?mro1z2) format("woff"),url(./marketingworksicons.svg?mro1z2#marketingworksicons) format("svg");
    font-weight: 700;
    font-style: normal
}

body .icon-fonts, body .icon-fonts {
    font-family: marketingworksicons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-fonts--allowance:before {
    content: '\e900'
}

.icon-fonts--apply:before {
    content: '\e901'
}

.icon-fonts--bag:before {
    content: '\e902'
}

.icon-fonts--bookmark:before {
    content: '\e903'
}

.icon-fonts--career:before {
    content: '\e904'
}

.icon-fonts--clock:before {
    content: '\e905'
}

.icon-fonts--collapse:before {
    content: '\e906'
}

.icon-fonts--computer:before {
    content: '\e907'
}

.icon-fonts--cost:before {
    content: '\e908'
}

.icon-fonts--deadline:before {
    content: '\e909'
}

.icon-fonts--dola:before {
    content: '\e90a'
}

.icon-fonts--educate:before {
    content: '\e90b'
}

.icon-fonts--expand:before {
    content: '\e90c'
}

.icon-fonts--experience:before {
    content: '\e90d'
}

.icon-fonts--facebook:before {
    content: '\e90e'
}

.icon-fonts--health-care:before {
    content: '\e90f'
}

.icon-fonts--increase:before {
    content: '\e910'
}

.icon-fonts--instagram:before {
    content: '\e911'
}

.icon-fonts--insurrance:before {
    content: '\e912'
}

.icon-fonts--linked-in:before {
    content: '\e913'
}

.icon-fonts--location:before {
    content: '\e914'
}

.icon-fonts--menu:before {
    content: '\e915'
}

.icon-fonts--next:before {
    content: '\e916'
}

.icon-fonts--previous:before {
    content: '\e917'
}

.icon-fonts--rank:before {
    content: '\e918'
}

.icon-fonts--recruitment:before {
    content: '\e919'
}

.icon-fonts--reset:before {
    content: '\e91a'
}

.icon-fonts--reward:before {
    content: '\e91b'
}

.icon-fonts--salary:before {
    content: '\e91c'
}

.icon-fonts--scale:before {
    content: '\e91d'
}

.icon-fonts--search:before {
    content: '\e91e'
}

.icon-fonts--sex:before {
    content: '\e91f'
}

.icon-fonts--ticked:before {
    content: '\e920'
}

.icon-fonts--time:before {
    content: '\e921'
}

.icon-fonts--travel:before {
    content: '\e922'
}

.icon-fonts--user:before {
    content: '\e923'
}

.icon-fonts--warning:before {
    content: '\e924'
}

.icon-fonts--website:before {
    content: '\e927'
}

.icon-fonts--youtube:before {
    content: '\e928'
}

.icon-fonts--bell:before {
    content: '\e929'
}

.icon-fonts--close:before {
    content: '\e92a'
}

.icon-fonts--cv:before {
    content: '\e92b'
}

.icon-fonts--edit:before {
    content: '\e92c'
}

.icon-fonts--email:before {
    content: '\e92d'
}

.icon-fonts--logout:before {
    content: '\e92e'
}

.icon-fonts--password:before {
    content: '\e92f'
}

.icon-fonts--star:before {
    content: '\e930'
}

.icon-fonts--tick:before {
    content: '\e932'
}

.icon-fonts--upload-1:before {
    content: '\e933'
}

.icon-fonts--upload-2:before {
    content: '\e934'
}

.icon-fonts--down:before {
    content: '\e935'
}

.icon-fonts--bell2:before {
    content: '\e936'
}

.icon-fonts--call:before {
    content: '\e937'
}

.icon-fonts--email2:before {
    content: '\e938'
}

.icon-fonts--info2:before {
    content: '\e939'
}

.icon-fonts--prize:before {
    content: '\e93a'
}

.icon-fonts--project:before {
    content: '\e93b'
}

.icon-fonts--specialize:before {
    content: '\e93c'
}

.icon-fonts--target:before {
    content: '\e93d'
}

.icon-fonts--calendar:before {
    content: '\e937'
}

.icon-fonts--call:before {
    content: '\e938'
}

.icon-fonts--delete:before {
    content: '\e939'
}

.icon-fonts--edit2:before {
    content: '\e93a'
}

.icon-fonts--envelope:before {
    content: '\e93b'
}

.icon-fonts--experience2:before {
    content: '\e93c'
}

.icon-fonts--eye:before {
    content: '\e93d'
}

.icon-fonts--info:before {
    content: '\e93e'
}

.icon-fonts--saved:before {
    content: '\e93f'
}

.icon-fonts--saved2:before {
    content: '\e940'
}

.icon-fonts--stop:before {
    content: '\e941'
}

.icon-fonts--technique:before {
    content: '\e942'
}

.icon-fonts--top:before {
    content: '\e943'
}

.icon-fonts--wallet:before {
    content: '\e944'
}

.icon-fonts--email2:before {
    content: '\e945'
}

.icon-fonts--info2:before {
    content: '\e946'
}

.icon-fonts--prize:before {
    content: '\e947'
}

.icon-fonts--project:before {
    content: '\e948'
}

.icon-fonts--specialize:before {
    content: '\e949'
}

.icon-fonts--target:before {
    content: '\e94a'
}