body:not(.elementor-page) .content-page article .entry-content {
	padding-bottom: 0;
	margin-bottom: 0
}

.main-content.page-control {
	padding-top: 0;
	padding-bottom: 0
}

.content-page article .entry-content {
	padding-bottom: 0
}

.main-area {
	padding-top: 50px;
	padding-bottom: 70px
}

.page-control .heading-page {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px
}

.page-control .heading-page .entry-title {
	font-size: 28px;
	margin-bottom: 0
}

.page-control .heading-page .entry-alert {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5
}

.banner-alert {
	position: relative;
	padding: 30px 50px;
	background: #ffd54f;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background-image: url("../images/people-alert.png");
	background-repeat: no-repeat;
	background-position: 92% 0
}

.banner-alert .btn-close {
	position: absolute;
	top: 25px;
	right: 25px
}

.banner-alert .entry-detail h2 {
	margin-bottom: 5px;
	line-height: 50px
}

.banner-alert .entry-detail h5 {
	margin-bottom: 0;
	line-height: 25px
}

.banner-alert .entry-detail .civi-button {
	margin-top: 20px
}

.place-manager-form .form-group input.form-control,
.place-manager-form .form-group select.form-control,
.place-manager-form .form-group .chosen-choices,
.civi-my-profile .form-group input.form-control {
	height: 30px;
	line-height: 30px
}

.place-manager-form .form-group textarea.form-control {
	border: 1px solid #eee;
	border-bottom: 2px solid #2d2d2d;
	padding: 10px 15px
}

.page-control .form-control {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	outline: 0;
	border-bottom: 2px solid #2d2d2d !important;
	padding: 0 0 6px
}

.place-manager-form .form-group .form-control,
.place-manager-form .form-group .chosen-choices,
.civi-my-profile .form-group input.form-control {
	order: 1;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	outline: 0;
	border-bottom: 2px solid #2d2d2d;
	font-style: normal;
	padding: 0 0 6px;
	width: 100%;
	box-shadow: inherit;
	background-image: initial
}

#wrapper .page-control .form-control.error {
	border-color: #ff2d55
}

.civi-my-profile .form-group input.form-control {
	background: 0
}

.place-fields-wrap .place-description {
	margin-top: 10px
}

.page-control .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	font-size: 15px;
	line-height: 20px;
	color: #8d8d8d;
	font-style: normal;
	margin: 0
}

.page-control .chosen-container-multi .chosen-choices li.search-choice {
	font-size: 15px;
	border: 0;
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	background-color: rgba(0, 0, 0, 0);
	color: #8d8d8d;
	background-image: initial;
	line-height: inherit;
	box-shadow: inherit
}

.page-control .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	right: 0;
	top: 7px
}

.page-control .search-choice-close:before {
	content: "";
	height: 10px;
	width: 10px;
	background-image: url(../images/icon-close-select.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block
}

.page-control .form-select i {
	position: absolute;
	bottom: 13px;
	top: inherit;
	right: 0;
	z-index: 1
}

.page-control .place-amenities .form-check ul {
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 25px;
	grid-template-columns: repeat(4, 1fr);
	padding-left: 0;
	margin-bottom: 0
}

.page-control .place-amenities .form-check ul li {
	display: flex;
	font-size: 15px;
	font-weight: 500;
	color: #2d2d2d;
	font-weight: 500;
	margin-bottom: 0
}

.page-control .place-amenities .form-check ul li label {
	margin-top: -3px;
	margin-bottom: 0;
	padding-left: 10px;
	flex: 1;
	cursor: pointer
}

.page-control .place-amenities .form-check ul li .custom-checkbox {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 2px #8d8d8d;
	top: 2px
}

.page-control .place-amenities .form-check ul li .custom-checkbox:checked {
	border: solid 2px #2a2a2a;
	background: #2a2a2a
}

.page-control .place-amenities .form-check ul li .custom-checkbox:checked:before {
	display: flex;
	justify-content: center;
	color: #fff;
	left: -1px;
	top: 0;
	font-size: 10px;
	font-weight: 300
}

.page-control .place-map {
	position: relative
}

.page-control .place-map #pac-input {
	top: 20px !important;
	left: 20px !important;
	max-width: 300px;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #eee;
	box-shadow: none
}

.page-control .place-map .gm-style .gm-style-iw-c {
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.page-control .place-map .gm-style .gm-style-iw-d {
	padding: 15px 20px;
	font-weight: 500;
	line-height: 20px
}

.page-control .place-fields-map .place-fields-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}

.page-control .control-marker {
	display: flex;
	align-items: center
}

.page-control .control-marker a {
	display: table;
	vertical-align: middle
}

.page-control .control-marker i {
	margin-right: 5px;
	vertical-align: -1px
}

.page-control .control-marker #unlock-pin {
	display: none
}

.control-marker.lock-marker #lock-pin {
	display: none
}

.page-control .control-marker.lock-marker #unlock-pin {
	display: table
}

.page-control .place-map {
	position: relative
}

.page-control .place-map.lock-marker:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1111;
	background: rgba(0, 0, 0, .6)
}

.page-control .add-additional-detail {
	font-size: 15px;
	font-weight: 500;
	height: 40px;
	color: #2d2d2d;
	background: rgba(0, 0, 0, 0);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	border: solid 2px #2d2d2d;
	padding: 6px 20px;
	outline: 0;
	cursor: pointer
}

.page-control .add-additional-detail svg {
	vertical-align: -2px;
	margin-right: 3px
}

.page-control table.additional-block {
	width: 100%
}

.page-control table.additional-block label.place-fields-title {
	margin-bottom: 0
}

.page-control table.additional-block thead td {
	padding: 0 15px
}

.page-control table.additional-block td {
	padding: 10px 15px
}

.page-control table.additional-block td .sort-additional-row {
	font-size: 16px;
	color: #2d2d2d;
	cursor: all-scroll
}

.page-control table.additional-block td svg {
	cursor: pointer
}

.page-control table.additional-block td.action-field,
table.additional-block td.delete-field {
	width: 15px;
	padding: 0
}

.page-control .place-fields-file .preview {
	display: block;
	width: 151px;
	height: 151px;
	border: dashed 1px #979797;
	background-color: #f9f9f9;
	margin-bottom: 0;
	position: relative;
	cursor: pointer
}

.page-control .place-fields-file .preview input {
	opacity: 0;
	position: absolute
}

.page-control .place-fields-file .preview button {
	margin-top: 0
}

.page-control .place-fields-file .preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative
}

.page-control .place-fields-file .preview .civi_featured_image svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.page-control .place-fields-file .field-note {
	font-size: 12px;
	font-style: italic;
	color: #8d8d8d;
	margin-top: 6px
}

.page-control .place-fields-media .place-fields-title {
	margin-bottom: 10px
}

.page-control .media-item-actions a {
	line-height: 0;
	display: block
}

.page-control .btn-submit-place {
	margin-top: 30px
}

.page-control .btn-submit-place a {
	color: #fff
}

.entry-my-page .btn-loading {
	display: none;
	margin-left: 5px
}

.page-control .entry-my-page>h2 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 30px
}

.page-control .civi-my-profile form>h3 {
	font-size: 15px;
	font-weight: 500;
	color: #8d8d8d;
	text-transform: uppercase;
	margin-bottom: 20px
}

.page-control .civi-my-profile form button {
	margin-top: 30px
}

.page-control.civi-my-profile form+form {
	margin-top: 40px
}

.page-control .civi-my-wishlist .archive-place .place-item.removed-wishlist {
	display: none
}

#featured_image_url-error {
	position: absolute;
	top: 101%;
	right: -95%
}

.page-control .form-change-password {
	margin-top: 40px
}

.form-change-password .civi-toggle-password {
	position: absolute;
	bottom: 15px;
	right: 25px;
	cursor: pointer
}

.form-change-password .message {
	color: red;
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 15px
}

.add-menu,
.add-faqs {
	border: solid 2px #2d2d2d;
	color: #2d2d2d;
	background-color: #fff;
	font-family: "Inter";
	font-size: 15px;
	font-weight: 500;
	transition: inherit;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	outline: 0;
	outline-offset: 0;
	display: inline-block;
	margin-top: 20px
}

.add-menu.disabled {
	pointer-events: none;
	cursor: default
}

.add-menu svg,
.add-faqs svg {
	vertical-align: -2px
}

.add-menu:focus,
.add-menu:hover,
.add-faqs:focus,
.add-faqs:hover {
	background-color: #2d2d2d;
	color: #fff
}

.add-menu:focus svg>*,
.add-menu:hover svg>*,
.add-faqs:focus svg>*,
.add-faqs:hover svg>* {
	fill: #fff
}

.field-menu-clone .remove-menu,
.field-faqs-clone .remove-faqs {
	display: none
}

.remove-menu,
.remove-faqs {
	margin-top: 15px;
	display: inline-block
}

.remove-menu i,
.remove-faqs i {
	font-size: 24px
}

.menu-flex,
.faqs-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 20px
}

.add-menu-list .remove-menu,
.add-faqs-list .remove-faqs {
	display: block
}

.post-wrapper,
.post-wrapper .post-feature {
	height: 100%
}

.post-wrapper .post-feature img {
	object-fit: cover;
	height: 100%
}

.add-faqs-list .clone-wrap {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ccc
}

.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9999;
	background-color: #2d2d2d;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden
}

.back-to-top a i {
	color: #fff
}

.back-to-top.is-active {
	opacity: 1;
	visibility: visible
}

.back-to-top:hover {
	background-color: var(--civi-color-accent)
}

@media only screen and (max-width: 991px) {
	.page-control .civi-place-multi-step .civi-steps-content {
		padding: 30px 20px;
		flex: 1
	}

	.page-control .civi-place-multi-step .civi-steps .listing-menu {
		margin-top: 25px
	}

	.place-amenities .form-check ul {
		grid-template-columns: repeat(3, 1fr)
	}

	.page-control .heading-page {
		display: block
	}

	.page-control .heading-page .entry-title {
		margin-bottom: 15px
	}

	.banner-alert {
		background-image: none;
		padding: 20px
	}

	.banner-alert .entry-detail h2 {
		font-size: 28px;
		line-height: 36px
	}
}

@media only screen and (max-width: 575px) {
	.page-control .place-amenities .form-check ul {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media only screen and (max-width: 375px) {
	.page-control .place-amenities .form-check ul {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media(max-width: 1199px) {

	.archive-layout.layout-column .inner-content .archive-filter .inner-filter,
	.archive-layout.layout-top-filter .inner-content .archive-filter .inner-filter {
		-webkit-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		-o-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@media(max-width: 767px) {
	.site-footer .elementor-column {
		width: 100% !important
	}

	.civi-menu-filter ul.filter-control {
		max-height: 100%
	}
}

@media(max-width: 479px) {
	.civi-page-title.block-left .entry-detail ul.info li+li {
		margin-right: 0;
		margin-top: 20px
	}
}

.grid.columns-6 {
	grid-template-columns: repeat(6, 1fr)
}

.grid.columns-5 {
	grid-template-columns: repeat(5, 1fr)
}

.grid.columns-4 {
	grid-template-columns: repeat(4, 1fr)
}

.grid.columns-3 {
	grid-template-columns: repeat(3, 1fr)
}

.grid.columns-2 {
	grid-template-columns: repeat(2, 1fr)
}

.grid.columns-1 {
	grid-template-columns: repeat(1, 1fr)
}

@media only screen and (max-width: 1199px) {
	.grid.columns-lg-6 {
		grid-template-columns: repeat(6, 1fr)
	}

	.grid.columns-lg-5 {
		grid-template-columns: repeat(5, 1fr)
	}

	.grid.columns-lg-4 {
		grid-template-columns: repeat(4, 1fr)
	}

	.grid.columns-lg-3 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid.columns-lg-2 {
		grid-template-columns: repeat(2, 1fr)
	}

	.grid.columns-lg-1 {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media only screen and (max-width: 991px) {
	.grid.columns-md-6 {
		grid-template-columns: repeat(6, 1fr)
	}

	.grid.columns-md-5 {
		grid-template-columns: repeat(5, 1fr)
	}

	.grid.columns-md-4 {
		grid-template-columns: repeat(4, 1fr)
	}

	.grid.columns-md-3 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid.columns-md-2 {
		grid-template-columns: repeat(2, 1fr)
	}

	.grid.columns-md-1 {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media only screen and (max-width: 767px) {
	.grid.columns-sm-6 {
		grid-template-columns: repeat(6, 1fr)
	}

	.grid.columns-sm-5 {
		grid-template-columns: repeat(5, 1fr)
	}

	.grid.columns-sm-4 {
		grid-template-columns: repeat(4, 1fr)
	}

	.grid.columns-sm-3 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid.columns-sm-2 {
		grid-template-columns: repeat(2, 1fr)
	}

	.grid.columns-sm-1 {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media only screen and (max-width: 479px) {
	.grid.columns-xs-6 {
		grid-template-columns: repeat(6, 1fr)
	}

	.grid.columns-xs-5 {
		grid-template-columns: repeat(5, 1fr)
	}

	.grid.columns-xs-4 {
		grid-template-columns: repeat(4, 1fr)
	}

	.grid.columns-xs-3 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid.columns-xs-2 {
		grid-template-columns: repeat(1, 1fr)
	}

	.grid.columns-xs-1 {
		grid-template-columns: repeat(1, 1fr)
	}
}

.moxie-shim {
	z-index: 99999 !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important
}

.grid {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	list-style-type: none
}

.col-double {
	grid-column: 1/span 2
}

.popup-account input.input-field {
	border-radius: 0
}

.clearfix:after {
	content: "";
	clear: both;
	display: block
}

.hidden {
	display: none
}

.elementor-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px
}

.margin-0 {
	margin: 0 !important
}

.list-item a,
.list-item span {
	display: inline-block
}

.list-item a:after,
.list-item span:after {
	content: ","
}

.list-item a:last-child:after,
.list-item span:last-child:after {
	content: ""
}

.accent-color {
	color: var(--civi-color-accent) !important
}

.error-color {
	color: #e74807 !important
}

.main-content {
	padding-top: 40px;
	padding-bottom: 60px
}

.pd-top-50 {
	padding-top: 50px
}

.pd-bottom-40 {
	padding-bottom: 40px
}

.offset-item {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s
}

.offset-item.animate,
.elementor-editor-active .offset-item {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s
}

.access-denied {
	padding-top: 50px;
	padding-bottom: 70px
}

.block-heading {
	margin-bottom: 20px
}

.block-heading .entry-title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 0
}

.block-heading .entry-count {
	font-size: 16px;
	line-height: 25px;
	font-weight: 500;
	align-self: flex-end
}

.space-between {
	display: flex;
	justify-content: space-between
}

.page .entry-content .dropdown-select li {
	margin-bottom: 0
}

.civi-menu-filter ul.filter-control li.active a:after {
	content: "";
	background-image: url(../images/icon-close.svg);
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 4px;
	right: -15px
}

.civi-nav-filter {
	display: flex;
	align-items: center
}

.logged-in .pswp.pswp--open {
	margin-top: 32px
}

.civi-map-filter .default-result {
	padding: 15px 30px
}

.civi-marker .inner-marker {
	display: flex
}

.civi-marker .inner-marker .entry-thumbnail img {
	width: 120px;
	height: 150px;
	object-fit: cover
}

.civi-marker .entry-detail {
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	min-width: 205px
}

.civi-marker .place-cate {
	line-height: 18px;
	margin-bottom: 3px;
	padding-right: 20px
}

.civi-marker .entry-detail .entry-head,
.civi-marker .entry-detail .entry-bottom {
	width: 100%
}

.civi-marker .place-cate a {
	font-size: 12px;
	color: #8d8d8d;
	margin-right: 3px
}

.civi-marker .place-cate a:last-child {
	margin-right: 0
}

.civi-marker .place-title {
	margin-bottom: 3px
}

.civi-marker .place-title .entry-title {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	margin-top: 0;
	margin-bottom: 0;
	opacity: .8
}

.civi-marker .entry-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.civi-marker .place-price {
	font-size: 16px
}

.civi-marker .place-location a {
	color: #222
}

.civi-marker .place-location a i {
	margin-right: 3px
}

.civi-marker .place-location a:hover {
	color: #00aeef
}

.civi-marker .place-preview {
	display: flex;
	font-size: 15px
}

.civi-marker .place-preview.hidden {
	display: none
}

.civi-marker .place-rating {
	display: table;
	font-weight: 500;
	margin-right: 3px
}

.civi-marker .place-rating i {
	margin-left: 3px
}

.gm-style .gm-style-iw-c {
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	max-width: 325px !important;
	max-height: inherit !important
}

.gm-style .gm-style-iw-c button {
	top: 0 !important;
	right: 0 !important
}

.gm-style .gm-style-iw-d {
	overflow: auto !important;
	max-height: inherit !important;
	max-width: inherit !important
}

.poi-info-window {
	padding: 15px;
	line-height: 23px
}

.duplicate-form-reply {
	display: none
}

.rate {
	display: inline-block;
	border: 0;
	cursor: pointer
}

.rate>input {
	display: block;
	opacity: 0;
	position: absolute;
	visibility: hidden
}

.rate>label#rating-error {
	margin-top: 2px;
	margin-left: 5px;
	float: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%
}

.rate>label#rating-error:before {
	content: "";
	display: none
}

.rate>label {
	padding: 3px
}

.rate>label,
.rate>span {
	float: right;
	color: #ddd
}

.rate label+label {
	margin-left: 10px
}

.rate>label:before {
	content: "";
	width: 16px;
	height: 16px;
	font-size: 16px;
	display: inline-block;
	cursor: pointer;
	font-family: "Font Awesome 5 Pro";
	font-weight: bold
}

.author-rating .star i {
	color: #ddd
}

.author-rating .star.checked i {
	color: #f2b827
}

input:checked~label:before,
label:hover:before,
label:hover~label:before {
	color: #f2b827
}

.no-result {
	display: none
}

.table-dashboard-wapper .civi-loading-effect {
	display: none
}

.civi-loading-effect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 15
}

.civi-loading-effect:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, .6)
}

.area-civi-loading-effect:before {
	background: none
}

#pac-input {
	position: absolute;
	top: 30px !important;
	right: 20px !important;
	height: 40px;
	border-color: #eee;
	padding: 5px 20px;
	min-width: 240px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
}

.site-content {
	position: relative;
	z-index: 1
}

.nav-place-map {
	position: absolute;
	top: 30px;
	left: 50px;
	z-index: 1;
	display: flex
}

.add-menu-list .place-fields-wrap:first-child {
	margin-top: 20px
}

.form-2-col {
	display: flex;
	margin-left: -15px;
	margin-right: -15px
}

.form-2-col .form-group {
	padding-left: 15px;
	padding-right: 15px;
	flex: 0 0 50%;
	max-width: 50%
}

.group-field+.group-field {
	margin-top: 15px
}

.civi-steps-content .place-map {
	position: relative;
	z-index: 1
}

.civi-steps-content .place-map #pac-input {
	top: 20px !important;
	left: 20px !important;
	max-width: 300px;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #eee;
	box-shadow: none
}

.civi-table {
	position: relative;
	width: 100%;
	background-color: #fff;
	font-size: 15px;
	border: 0;
	margin: 0
}

.civi-table tbody {
	position: relative
}

.civi-table tbody>span {
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	left: 50%;
	margin-top: 40px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%)
}

.list-item a.mb-intro,
.list-item span.mb-intro,
.mb-intro {
	display: none;
	font-weight: 500;
	color: #2d2d2d
}

.mb-intro:after {
	display: none
}

.entry-my-table {
	position: relative;
	border: solid 1px #eee;
	background: #fff
}

.entry-my-table .civi-loading-effect {
	display: none
}

.entry-my-table .civi-table>tbody span.civi-dual-ring {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	margin-top: 30px
}

.entry-my-table .civi-loading-effect.loading {
	display: flex;
	align-items: center;
	justify-content: center
}

.civi-table>tbody>tr,
.civi-table>tfoot>tr,
.civi-table>thead>tr {
	border-bottom: solid 1px #eee
}

.civi-table>tbody>tr:last-child {
	border-bottom: 0
}

.civi-table td,
.civi-table th {
	padding: 20px 15px;
	border: 0
}

.civi-table td.hidden {
	display: table-cell
}

.civi-table th {
	font-size: 15px;
	font-weight: 500;
	color: #5d5d5d;
	text-transform: uppercase
}

.civi-table tr td:first-child,
.civi-table tr th:first-child {
	padding-left: 30px
}

.civi-table tr td:last-child,
.civi-table tr th:last-child {
	padding-right: 30px
}

.civi-table td.place-id {
	color: #2d2d2d
}

.civi-table td.place-thumb {
	width: 100px
}

.civi-table td.place-thumb img {
	width: 70px;
	height: 70px;
	object-fit: cover
}

.civi-table td.place-control a {
	color: #5d5d5d
}

.civi-table td.place-control a:hover {
	color: var(--civi-color-accent)
}

.civi-table td.place-control a+a {
	margin-left: 20px
}

.civi-table td.booking-action a {
	margin-left: 20px
}

.civi-table td.booking-action a:first-child {
	margin-left: 0
}

.civi-table td.place-status {
	display: table-cell
}

.civi-table .has-featured {
	color: #fb6a19
}

.civi-table td.status div {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	text-transform: capitalize
}

.civi-table td.publish div {
	color: #20d706
}

.civi-table td.pending div {
	color: #f2d23d
}

.civi-table td.expired div,
.civi-table td.canceled div {
	color: #e74807
}

.page-control .agent-nav {
	background-color: #1d1d1d
}

.page-control .agent-nav ul {
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase
}

.page-control .agent-nav ul li {
	display: inline-block;
	margin-right: 30px
}

.page-control .agent-nav ul li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.page-control .agent-nav ul li.active a,
.page-control .agent-nav ul li a:hover {
	border-color: #fff
}

.page-control .agent-nav ul li:last-child {
	margin-right: 0
}

.page-control .agent-nav ul li a {
	color: #fff
}

.civi-my-panel-head>h2 {
	font-size: 28px;
	line-height: 39px;
	margin-bottom: 30px
}

.civi-my-place-filter {
	color: #2d2d2d
}

.page-control .block-search.search-input {
	max-width: 200px;
	background: none
}

.page-control .block-search.search-input .input-search {
	padding-top: 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #2d2d2d
}

.page-control .block-search.search-input .icon-search {
	top: calc(50% - 2px)
}

.page-control .place-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px
}

.page-control .place-filter .left-filter>div {
	display: inline-block
}

.page-control .place-filter .left-filter>div+div {
	margin-left: 30px
}

.alert {
	margin-bottom: 30px
}

.civi-message,
.alert {
	display: flex;
	flex-wrap: nowrap;
	font-size: 15px;
	font-weight: 500;
	padding: 22px;
	color: #5a6570;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.civi-message .icon-message {
	margin-right: 22px;
	line-height: 0
}

.civi-message.account a {
	color: #007456
}

.civi-message p {
	margin-bottom: 0
}

.civi-message.alert-success,
.alert.alert-success {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #20d706;
	background-color: #fff
}

.civi-message.alert-success i {
	color: #20d706
}

.civi-message.alert-warning,
.alert.alert-warning {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #f2d23d;
	background-color: #fff
}

.civi-message.alert-warning i {
	color: #f2d23d
}

.civi-message.alert-error,
.alert.alert-error {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #ff2d55;
	background-color: #fff
}

.civi-message.alert-error i {
	color: #ff2d55
}

.form-error {
	text-align: left;
	color: #ff2d55;
	margin-top: 5px
}

.civi-ajax-search .area-search {
	position: relative
}

.civi-ajax-search .area-result,
.civi-ajax-search .list-categories,
.civi-ajax-search .focus-result {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 4;
	margin-top: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	overflow: hidden;
	font-weight: 500
}

.civi-ajax-search .area-result ul,
.civi-ajax-search .list-categories ul,
.civi-ajax-search .focus-result ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	padding: 10px 0;
	max-height: 370px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.block-search .list-categories,
.block-search .search-result,
.block-search .area-result,
.block-search .focus-result {
	display: none;
	top: 100%;
	margin-top: 2px;
	text-align: left
}

.civi-form .form-group .form-control {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	outline: 0;
	border-bottom: 2px solid #2d2d2d;
	font-style: normal;
	padding: 0 0 6px;
	width: 100%;
	box-shadow: inherit;
	background-image: initial
}

.civi-form .form-icon {
	position: relative
}

.civi-form .form-icon .form-control {
	padding: 10px 15px 10px 30px;
	margin-bottom: 0
}

.civi-form .form-group+.form-group {
	margin-top: 20px
}

.civi-form .form-icon .left {
	font-size: 24px;
	position: absolute;
	bottom: 13px;
	left: 0
}

.civi-form .form-icon .right {
	font-size: 12px;
	position: absolute;
	bottom: 16px;
	right: 0
}

.form-toggle {
	position: relative
}

.form-toggle .open-toggle {
	display: block;
	text-align: left;
	cursor: pointer
}

.form-toggle .inner-toggle {
	display: none;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1
}

.form-toggle.active .inner-toggle {
	display: block
}

.form-toggle .inner-toggle>div {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.form-toggle .inner-toggle .adult {
	margin-bottom: 20px
}

.form-toggle .inner-toggle span {
	font-size: 15px;
	color: #2a2a2a
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border: none
}

.btn-control {
	display: flex;
	align-items: center
}

.btn-control>span {
	margin-right: 10px;
	color: #2d2d2d
}

.btn-control .switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 24px;
	margin-bottom: 0
}

.btn-control .switch input {
	opacity: 0;
	width: 0;
	height: 0
}

.btn-control .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2d2d2d;
	-webkit-transition: .4s;
	transition: .4s
}

.btn-control .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 2px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

.inner-content.has-map .btn-control .slider,
.nav-bar.has-map .btn-control .slider {
	background-color: var(--civi-color-accent)
}

.inner-content.has-map .btn-control .slider:before,
.nav-bar.has-map .btn-control .slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px)
}

.btn-control .slider.round {
	border-radius: 15px
}

.btn-control .slider.round:before {
	border-radius: 50%
}

.has-mega-menu.elementor-column,
.has-mega-menu .elementor-column-wrap,
.has-mega-menu .elementor-widget-wrap {
	position: unset
}

.elementor-widget.elementor-widget-civi-nav-menu {
	position: unset
}

.mega-menu-full-width .elementor-nav-menu--dropdown {
	background: inherit
}

.elementor-widget-civi-nav-menu .elementor-nav-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-full-width,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-container {
	position: unset
}

.elementor-widget-civi-nav-menu .elementor-nav-menu .sub-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	min-width: 240px;
	width: auto;
	margin-top: 50px;
	z-index: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.mega-menu-content .icon-cate i {
	right: auto !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: inherit !important
}

.mega-menu-content .icon-cate {
	position: relative
}

.elementor-widget-civi-nav-menu .mega-menu-default .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-default .children {
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
	padding: 18px 20px
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-full-width .children,
.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
	background: no-repeat;
	box-shadow: none;
	padding: 0
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .mega-menu-content.container {
	max-width: 100%;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
	padding-left: 0;
	padding-right: 0
}

.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover>.sub-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover>.children {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	z-index: 2;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.elementor-widget-civi-nav-menu .mega-menu-default .container,
.elementor-widget-civi-nav-menu .mega-menu-custom .container {
	padding-left: 0;
	padding-right: 0
}

.popup.popup-custom .inner-popup {
	top: 50%;
	max-width: 340px;
	left: 20px;
	right: 20px;
	margin: 50px auto 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%)
}

.popup.open.popup-custom .inner-popup {
	top: 50%;
	margin-top: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%)
}

.popup.popup-custom .inner-popup .btn-close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 2
}

.civi-slick-carousel .slick-dots {
	position: inherit
}

.civi-slick-carousel.slick-for img {
	height: 400px;
	width: 100%;
	object-fit: cover;
	border-radius: 8px
}

.civi-slick-carousel figure.civi-image-nav {
	height: 120px;
	cursor: pointer
}

.civi-slick-carousel figure.civi-image-nav img {
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
	height: 120px
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-archive-footer {
	display: -ms-flexbox;
	display: flex
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-footer-right {
	margin-top: 0
}

.ai-popup {
	border-radius: 8px
}

.ai-popup .inner-popup {
	max-width: 767px
}

.ai-popup .btn-close {
	position: absolute;
	top: 37px;
	right: 30px
}

.ai-popup .btn-close i {
	font-size: 20px
}

.ai-popup h4 {
	font-size: 24px;
	margin-bottom: 20px;
	padding-right: 30px
}

.ai-popup h5 {
	font-size: 20px;
	margin-bottom: 20px
}

.ai-popup .field-group {
	margin-bottom: 20px
}

.ai-popup textarea {
	resize: none
}

.ai-popup .generate-content {
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	margin: 0 -15px
}

.ai-popup .generate-content .left,
.ai-popup .generate-content .right {
	flex: 0 0 50%;
	max-width: 50%;
	width: 50%;
	padding: 0 15px;
	transition: all .3s
}

.ai-popup .generate-content .left {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%
}

.ai-popup .generate-content .right {
	display: none
}

.ai-popup .generate-content.has-suggestion .left,
.ai-popup .generate-content.has-suggestion .right {
	flex: 0 0 50%;
	max-width: 50%;
	width: 50%;
	display: block
}

.ai-popup .generate-content .suggestion {
	height: calc(100% - 124px);
	margin-bottom: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #ece3fd;
	color: var(--civi-color-accent)
}

.ai-popup .generate-content .suggestion p:last-child {
	margin-bottom: 0
}

.ai-popup .btn-loading {
	margin-left: 5px
}

.ai-popup .field-notice.error p {
	color: #ff2d55
}

.wp-block-search__inside-wrapper {
	display: -ms-flexbox;
	display: flex
}

.wp-block-search__inside-wrapper .wp-block-search__input {
	border: 1px solid var(--civi-color-border) !important;
	border-radius: 0
}

.tel-group {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px
}

.tel-group .select2.select2-container {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	width: 100% !important
}

.tel-group .select2.select2-container .select2-selection {
	padding: 0 10px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 4px 0 0 4px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	border-right: 1px solid #ddd
}

.tel-group input[type=tel] {
	position: relative;
	z-index: 2;
	margin-left: 62px;
	width: calc(100% - 62px);
	border: 0
}

.tel-group .select2.select2-container .select2-selection__rendered {
	background-image: url("../../assets/images/flags.png");
	width: 20px;
	height: 10px;
	box-shadow: 0px 0px 1px 0px #888;
	background-repeat: no-repeat;
	font-size: 0
}

.tel-group .select2.select2-container .select2-selection__rendered.be {
	width: 18px
}

.tel-group .select2.select2-container .select2-selection__rendered.ch {
	width: 15px
}

.tel-group .select2.select2-container .select2-selection__rendered.mc {
	width: 19px
}

.tel-group .select2.select2-container .select2-selection__rendered.ne {
	width: 18px
}

.tel-group .select2.select2-container .select2-selection__rendered.np {
	width: 13px
}

.tel-group .select2.select2-container .select2-selection__rendered.va {
	width: 15px
}

.tel-group .select2.select2-container .select2-selection__rendered.ac {
	height: 10px;
	background-position: 0px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ad {
	height: 14px;
	background-position: -22px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ae {
	height: 10px;
	background-position: -44px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.af {
	height: 14px;
	background-position: -66px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ag {
	height: 14px;
	background-position: -88px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ai {
	height: 10px;
	background-position: -110px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.al {
	height: 15px;
	background-position: -132px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.am {
	height: 10px;
	background-position: -154px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ao {
	height: 14px;
	background-position: -176px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.aq {
	height: 14px;
	background-position: -198px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ar {
	height: 13px;
	background-position: -220px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.as {
	height: 10px;
	background-position: -242px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.at {
	height: 14px;
	background-position: -264px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.au {
	height: 10px;
	background-position: -286px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.aw {
	height: 14px;
	background-position: -308px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ax {
	height: 13px;
	background-position: -330px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.az {
	height: 10px;
	background-position: -352px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ba {
	height: 10px;
	background-position: -374px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bb {
	height: 14px;
	background-position: -396px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bd {
	height: 12px;
	background-position: -418px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.be {
	height: 15px;
	background-position: -440px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bf {
	height: 14px;
	background-position: -460px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bg {
	height: 12px;
	background-position: -482px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bh {
	height: 12px;
	background-position: -504px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bi {
	height: 12px;
	background-position: -526px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bj {
	height: 14px;
	background-position: -548px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bl {
	height: 14px;
	background-position: -570px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bm {
	height: 10px;
	background-position: -592px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bn {
	height: 10px;
	background-position: -614px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bo {
	height: 14px;
	background-position: -636px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bq {
	height: 14px;
	background-position: -658px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.br {
	height: 14px;
	background-position: -680px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bs {
	height: 10px;
	background-position: -702px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bt {
	height: 14px;
	background-position: -724px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bv {
	height: 15px;
	background-position: -746px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bw {
	height: 14px;
	background-position: -768px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.by {
	height: 10px;
	background-position: -790px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.bz {
	height: 14px;
	background-position: -812px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ca {
	height: 10px;
	background-position: -834px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cc {
	height: 10px;
	background-position: -856px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cd {
	height: 15px;
	background-position: -878px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cf {
	height: 14px;
	background-position: -900px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cg {
	height: 14px;
	background-position: -922px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ch {
	height: 15px;
	background-position: -944px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ci {
	height: 14px;
	background-position: -961px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ck {
	height: 10px;
	background-position: -983px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cl {
	height: 14px;
	background-position: -1005px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cm {
	height: 14px;
	background-position: -1027px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cn {
	height: 14px;
	background-position: -1049px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.co {
	height: 14px;
	background-position: -1071px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cp {
	height: 14px;
	background-position: -1093px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cr {
	height: 12px;
	background-position: -1115px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cu {
	height: 10px;
	background-position: -1137px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cv {
	height: 12px;
	background-position: -1159px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cw {
	height: 14px;
	background-position: -1181px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cx {
	height: 10px;
	background-position: -1203px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cy {
	height: 13px;
	background-position: -1225px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.cz {
	height: 14px;
	background-position: -1247px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.de {
	height: 12px;
	background-position: -1269px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.dg {
	height: 10px;
	background-position: -1291px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.dj {
	height: 14px;
	background-position: -1313px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.dk {
	height: 15px;
	background-position: -1335px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.dm {
	height: 10px;
	background-position: -1357px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.do {
	height: 13px;
	background-position: -1379px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.dz {
	height: 14px;
	background-position: -1401px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ea {
	height: 14px;
	background-position: -1423px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ec {
	height: 14px;
	background-position: -1445px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ee {
	height: 13px;
	background-position: -1467px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.eg {
	height: 14px;
	background-position: -1489px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.eh {
	height: 10px;
	background-position: -1511px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.er {
	height: 10px;
	background-position: -1533px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.es {
	height: 14px;
	background-position: -1555px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.et {
	height: 10px;
	background-position: -1577px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.eu {
	height: 14px;
	background-position: -1599px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.fi {
	height: 12px;
	background-position: -1621px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.fj {
	height: 10px;
	background-position: -1643px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.fk {
	height: 10px;
	background-position: -1665px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.fm {
	height: 11px;
	background-position: -1687px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.fo {
	height: 15px;
	background-position: -1709px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.fr {
	height: 14px;
	background-position: -1731px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ga {
	height: 15px;
	background-position: -1753px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gb {
	height: 10px;
	background-position: -1775px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gd {
	height: 12px;
	background-position: -1797px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ge {
	height: 14px;
	background-position: -1819px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gf {
	height: 14px;
	background-position: -1841px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gg {
	height: 14px;
	background-position: -1863px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gh {
	height: 14px;
	background-position: -1885px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gi {
	height: 10px;
	background-position: -1907px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gl {
	height: 14px;
	background-position: -1929px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gm {
	height: 14px;
	background-position: -1951px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gn {
	height: 14px;
	background-position: -1973px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gp {
	height: 14px;
	background-position: -1995px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gq {
	height: 14px;
	background-position: -2017px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gr {
	height: 14px;
	background-position: -2039px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gs {
	height: 10px;
	background-position: -2061px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gt {
	height: 13px;
	background-position: -2083px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gu {
	height: 11px;
	background-position: -2105px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gw {
	height: 10px;
	background-position: -2127px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.gy {
	height: 12px;
	background-position: -2149px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.hk {
	height: 14px;
	background-position: -2171px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.hm {
	height: 10px;
	background-position: -2193px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.hn {
	height: 10px;
	background-position: -2215px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.hr {
	height: 10px;
	background-position: -2237px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ht {
	height: 12px;
	background-position: -2259px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.hu {
	height: 10px;
	background-position: -2281px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ic {
	height: 14px;
	background-position: -2303px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.id {
	height: 14px;
	background-position: -2325px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ie {
	height: 10px;
	background-position: -2347px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.il {
	height: 15px;
	background-position: -2369px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.im {
	height: 10px;
	background-position: -2391px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.in {
	height: 14px;
	background-position: -2413px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.io {
	height: 10px;
	background-position: -2435px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.iq {
	height: 14px;
	background-position: -2457px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ir {
	height: 12px;
	background-position: -2479px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.is {
	height: 15px;
	background-position: -2501px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.it {
	height: 14px;
	background-position: -2523px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.je {
	height: 12px;
	background-position: -2545px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.jm {
	height: 10px;
	background-position: -2567px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.jo {
	height: 10px;
	background-position: -2589px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.jp {
	height: 14px;
	background-position: -2611px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ke {
	height: 14px;
	background-position: -2633px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kg {
	height: 12px;
	background-position: -2655px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kh {
	height: 13px;
	background-position: -2677px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ki {
	height: 10px;
	background-position: -2699px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.km {
	height: 12px;
	background-position: -2721px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kn {
	height: 14px;
	background-position: -2743px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kp {
	height: 10px;
	background-position: -2765px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kr {
	height: 14px;
	background-position: -2787px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kw {
	height: 10px;
	background-position: -2809px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ky {
	height: 10px;
	background-position: -2831px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.kz {
	height: 10px;
	background-position: -2853px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.la {
	height: 14px;
	background-position: -2875px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lb {
	height: 14px;
	background-position: -2897px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lc {
	height: 10px;
	background-position: -2919px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.li {
	height: 12px;
	background-position: -2941px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lk {
	height: 10px;
	background-position: -2963px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lr {
	height: 11px;
	background-position: -2985px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ls {
	height: 14px;
	background-position: -3007px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lt {
	height: 12px;
	background-position: -3029px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lu {
	height: 12px;
	background-position: -3051px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.lv {
	height: 10px;
	background-position: -3073px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ly {
	height: 10px;
	background-position: -3095px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ma {
	height: 14px;
	background-position: -3117px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mc {
	height: 15px;
	background-position: -3139px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.md {
	height: 10px;
	background-position: -3160px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.me {
	height: 10px;
	background-position: -3182px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mf {
	height: 14px;
	background-position: -3204px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mg {
	height: 14px;
	background-position: -3226px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mh {
	height: 11px;
	background-position: -3248px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mk {
	height: 10px;
	background-position: -3270px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ml {
	height: 14px;
	background-position: -3292px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mm {
	height: 14px;
	background-position: -3314px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mn {
	height: 10px;
	background-position: -3336px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mo {
	height: 14px;
	background-position: -3358px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mp {
	height: 10px;
	background-position: -3380px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mq {
	height: 14px;
	background-position: -3402px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mr {
	height: 14px;
	background-position: -3424px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ms {
	height: 10px;
	background-position: -3446px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mt {
	height: 14px;
	background-position: -3468px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mu {
	height: 14px;
	background-position: -3490px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mv {
	height: 14px;
	background-position: -3512px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mw {
	height: 14px;
	background-position: -3534px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mx {
	height: 12px;
	background-position: -3556px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.my {
	height: 10px;
	background-position: -3578px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.mz {
	height: 14px;
	background-position: -3600px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.na {
	height: 14px;
	background-position: -3622px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.nc {
	height: 10px;
	background-position: -3644px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ne {
	height: 15px;
	background-position: -3666px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.nf {
	height: 10px;
	background-position: -3686px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ng {
	height: 10px;
	background-position: -3708px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ni {
	height: 12px;
	background-position: -3730px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.nl {
	height: 14px;
	background-position: -3752px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.no {
	height: 15px;
	background-position: -3774px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.np {
	height: 15px;
	background-position: -3796px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.nr {
	height: 10px;
	background-position: -3811px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.nu {
	height: 10px;
	background-position: -3833px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.nz {
	height: 10px;
	background-position: -3855px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.om {
	height: 10px;
	background-position: -3877px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pa {
	height: 14px;
	background-position: -3899px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pe {
	height: 14px;
	background-position: -3921px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pf {
	height: 14px;
	background-position: -3943px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pg {
	height: 15px;
	background-position: -3965px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ph {
	height: 10px;
	background-position: -3987px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pk {
	height: 14px;
	background-position: -4009px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pl {
	height: 13px;
	background-position: -4031px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pm {
	height: 14px;
	background-position: -4053px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pn {
	height: 10px;
	background-position: -4075px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pr {
	height: 14px;
	background-position: -4097px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ps {
	height: 10px;
	background-position: -4119px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pt {
	height: 14px;
	background-position: -4141px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.pw {
	height: 13px;
	background-position: -4163px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.py {
	height: 11px;
	background-position: -4185px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.qa {
	height: 8px;
	background-position: -4207px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.re {
	height: 14px;
	background-position: -4229px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ro {
	height: 14px;
	background-position: -4251px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.rs {
	height: 14px;
	background-position: -4273px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ru {
	height: 14px;
	background-position: -4295px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.rw {
	height: 14px;
	background-position: -4317px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sa {
	height: 14px;
	background-position: -4339px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sb {
	height: 10px;
	background-position: -4361px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sc {
	height: 10px;
	background-position: -4383px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sd {
	height: 10px;
	background-position: -4405px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.se {
	height: 13px;
	background-position: -4427px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sg {
	height: 14px;
	background-position: -4449px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sh {
	height: 10px;
	background-position: -4471px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.si {
	height: 10px;
	background-position: -4493px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sj {
	height: 15px;
	background-position: -4515px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sk {
	height: 14px;
	background-position: -4537px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sl {
	height: 14px;
	background-position: -4559px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sm {
	height: 15px;
	background-position: -4581px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sn {
	height: 14px;
	background-position: -4603px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.so {
	height: 14px;
	background-position: -4625px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sr {
	height: 14px;
	background-position: -4647px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ss {
	height: 10px;
	background-position: -4669px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.st {
	height: 10px;
	background-position: -4691px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sv {
	height: 12px;
	background-position: -4713px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sx {
	height: 14px;
	background-position: -4735px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sy {
	height: 14px;
	background-position: -4757px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.sz {
	height: 14px;
	background-position: -4779px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ta {
	height: 10px;
	background-position: -4801px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tc {
	height: 10px;
	background-position: -4823px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.td {
	height: 14px;
	background-position: -4845px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tf {
	height: 14px;
	background-position: -4867px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tg {
	height: 13px;
	background-position: -4889px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.th {
	height: 14px;
	background-position: -4911px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tj {
	height: 10px;
	background-position: -4933px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tk {
	height: 10px;
	background-position: -4955px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tl {
	height: 10px;
	background-position: -4977px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tm {
	height: 14px;
	background-position: -4999px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tn {
	height: 14px;
	background-position: -5021px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.to {
	height: 10px;
	background-position: -5043px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tr {
	height: 14px;
	background-position: -5065px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tt {
	height: 12px;
	background-position: -5087px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tv {
	height: 10px;
	background-position: -5109px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tw {
	height: 14px;
	background-position: -5131px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.tz {
	height: 14px;
	background-position: -5153px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ua {
	height: 14px;
	background-position: -5175px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ug {
	height: 14px;
	background-position: -5197px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.um {
	height: 11px;
	background-position: -5219px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.us {
	height: 11px;
	background-position: -5241px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.uy {
	height: 14px;
	background-position: -5263px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.uz {
	height: 10px;
	background-position: -5285px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.va {
	height: 15px;
	background-position: -5307px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.vc {
	height: 14px;
	background-position: -5324px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ve {
	height: 14px;
	background-position: -5346px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.vg {
	height: 10px;
	background-position: -5368px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.vi {
	height: 14px;
	background-position: -5390px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.vn {
	height: 14px;
	background-position: -5412px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.vu {
	height: 12px;
	background-position: -5434px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.wf {
	height: 14px;
	background-position: -5456px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ws {
	height: 10px;
	background-position: -5478px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.xk {
	height: 15px;
	background-position: -5500px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.ye {
	height: 14px;
	background-position: -5522px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.yt {
	height: 14px;
	background-position: -5544px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.za {
	height: 14px;
	background-position: -5566px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.zm {
	height: 14px;
	background-position: -5588px 0px
}

.tel-group .select2.select2-container .select2-selection__rendered.zw {
	height: 10px;
	background-position: -5610px 0px
}

@media only screen and (max-width: 991px) {
	#place-search-map #pac-input {
		display: none !important
	}

	.lg-static {
		position: static !important
	}
}

@media only screen and (min-width: 768px) {
	.hidden-md-up {
		display: none !important
	}
}

@media only screen and (max-width: 767px) {
	.hidden-md-down {
		display: none !important
	}

	.civi-table,
	.civi-table thead,
	.civi-table tbody,
	.civi-table th,
	.civi-table td,
	.civi-table tr {
		display: block
	}

	.civi-table>thead>tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.civi-table>tbody>tr {
		border-top: 1px solid #ccc;
		border-bottom: 0
	}

	.civi-table>tbody>tr:nth-child(2n) {
		background-color: #f5f5f5
	}

	.civi-table>tbody>tr:first-child {
		border-radius: 3px 3px 0 0;
		border-top: none
	}

	.civi-table>tbody>tr:last-child {
		border-radius: 0 0 3px 3px;
		border-bottom: none
	}

	.civi-table>tbody>tr td {
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		padding-left: 30% !important;
		width: 100%;
		overflow: hidden;
		text-align: right
	}

	.civi-table>tbody>tr td:before {
		content: attr(data-title);
		position: absolute;
		top: 22px;
		left: 14px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
		font-size: 14px;
		text-align: left
	}

	.civi-table.table-order>tbody>tr:nth-child(-n+3)>td:first-child {
		padding: 25px 0 25px 30% !important;
		background-position: left 32% center
	}

	.civi-table.table-order>tbody>tr:nth-child(-n+3)>td:first-child span {
		left: 32%
	}

	.civi-table td.place-thumb {
		width: 100%
	}

	.civi-table td.place-status {
		display: block
	}

	.page-control .place-filter .left-filter>div,
	.page-control .block-search.search-input {
		width: 50%;
		max-width: inherit
	}

	.page-control .block-search.search-input {
		padding-right: 15px
	}

	.ai-popup .generate-content {
		flex-direction: column
	}

	.ai-popup .generate-content.has-suggestion .left,
	.ai-popup .generate-content.has-suggestion .right {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%
	}

	.ai-popup .generate-content.has-suggestion .left {
		margin-bottom: 30px
	}

	.ai-popup .generate-content .suggestion {
		height: auto
	}
}

@media only screen and (max-width: 575px) {
	.nav-place-map {
		left: 25px
	}

	#place-search-map #pac-input {
		top: 90px !important;
		right: inherit !important;
		left: 25px !important
	}
}

@media only screen and (max-width: 479px) {
	.page-control .agent-nav ul {
		font-size: 14px;
		text-transform: inherit
	}

	.page-control .agent-nav ul li {
		margin-right: 20px
	}

	#pac-input {
		min-width: 150px
	}

	.group-field+.group-field {
		margin-top: 40px
	}

	.civi-place-multi-step .civi-steps-content>h2,
	.main-content .entry-my-page>h2 {
		font-size: 24px;
		line-height: 32px
	}

	.form-2-col {
		display: block
	}

	.form-2-col .form-group {
		max-width: 100%
	}

	.form-2-col .form-group+.form-group {
		margin-top: 20px
	}

	.page-control .block-search.search-input {
		width: 100%;
		padding-right: 0
	}

	.civi-ajax-search .civi-ajax-result {
		font-size: 13px
	}

	.civi-ajax-search .search-result ul {
		padding: 5px 0
	}

	.civi-ajax-search .search-result ul li {
		font-size: 14px
	}
}

.civi-payment-for .civi-package-item .civi-package-title {
	margin-bottom: 20px
}

.civi-payment-for .civi-package-item .civi-package-title .entry-title {
	margin-top: 0 !important
}

.civi-payment-for .civi-package-item .civi-total-price {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px var(--civi-color-border)
}

.civi-payment-for .civi-package-item .civi-total-price .old-price {
	text-decoration: line-through
}

.civi-payment-for .civi-package-item .civi-total-price span {
	display: block;
	margin-bottom: 5px
}

.civi-payment-for .civi-package-item .civi-total-price .price {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: var(--civi-color-primary)
}

.civi-payment-for .civi-package-item .civi-total-price sup {
	font-size: 18px;
	top: 0
}

.civi-payment-for .civi-package-item .civi-button {
	margin-top: 20px
}

.payment-wrap .entry-title {
	font-size: 24px;
	margin-top: 25px !important;
	margin-bottom: 30px
}

.civi-payment-method-wrap .radio {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #d8d8d8;
	background-color: #fff
}

.civi-payment-method-wrap .radio.active {
	border-color: var(--civi-color-accent);
	background: var(--civi-color-accent);
	color: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05)
}

.civi-payment-method-wrap .radio+.radio {
	margin-top: 20px
}

.civi-payment-method-wrap .radio.wire-transfer label {
	padding: 29px 15px
}

.civi-payment-method-wrap .radio.wire-transfer label i {
	margin-right: 10px
}

.civi-payment-method-wrap .radio label {
	display: block;
	padding: 15px;
	margin-bottom: 0;
	cursor: pointer
}

.civi-payment-method-wrap .radio img {
	width: 80px;
	height: 48px;
	object-fit: contain;
	margin-right: 10px
}

.civi-payment-method-wrap .radio input {
	display: none
}

.payment-wrap .terms-conditions {
	margin-top: 20px;
	margin-bottom: 20px
}

.payment-wrap .terms-conditions strong {
	color: var(--civi-color-accent)
}

.civi-payment-completed-wrap .inner-payment-completed {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.civi-payment-completed-wrap .inner-payment-completed .panel-heading {
	margin-top: 25px;
	margin-bottom: 25px
}

.civi-payment-completed-wrap .inner-payment-completed h3 {
	font-size: 24px;
	margin-bottom: 20px
}

.civi-payment-completed-wrap .list-group {
	padding-left: 0;
	margin-bottom: 0;
	border: 1px solid var(--civi-color-border);
	border-radius: 5px
}

.civi-payment-completed-wrap .list-group li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px
}

.civi-payment-completed-wrap .list-group li strong {
	color: #2a2a2a;
	font-weight: 500
}

.civi-payment-completed-wrap .list-group li+li {
	border-top: 1px solid var(--civi-color-border)
}

.civi-payment-completed-wrap .civi-button {
	display: inline-block;
	margin-top: 30px
}

.civi-payment-completed-wrap .card-info table th,
.civi-payment-completed-wrap .card-info table td {
	padding: 20px;
	font-weight: 400;
	color: #2d2d2d
}

.civi-payment-completed-wrap {
	padding-top: 50px
}

#civi_payment_package:hover .civi-dual-ring:after,
#civi_payment_candidate_package:hover .civi-dual-ring:after {
	border-color: var(--civi-color-accent) rgba(0, 0, 0, 0) var(--civi-color-accent)
}

#civi_payment_package .civi-loading-effect,
#civi_payment_candidate_package .civi-loading-effect {
	position: sticky
}

#civi_payment_package .civi-loading-effect:before,
#civi_payment_candidate_package .civi-loading-effect:before {
	background-color: rgba(0, 0, 0, 0)
}

#civi_payment_package .civi-dual-ring,
#civi_payment_candidate_package .civi-dual-ring {
	position: static;
	transform: none;
	width: 16px;
	height: 16px
}

#civi_payment_package .civi-dual-ring:after,
#civi_payment_candidate_package .civi-dual-ring:after {
	height: 16px;
	border-width: 2px;
	margin-left: 8px;
	border-color: #fff rgba(0, 0, 0, 0) #fff;
	width: 16px
}

#btn-razorpay,
#btn-razorpay-cancel {
	background-color: var(--civi-color-accent);
	color: #fff;
	padding: 10px 26px;
	border: 1px solid var(--civi-color-accent);
	border-radius: 3em;
	cursor: pointer
}

#btn-razorpay[disabled=true] {
	cursor: not-allowed
}

.package-coupon {
	margin-top: 20px
}

.package-coupon input {
	flex: 0 0 30%;
	max-width: 30%
}

.package-coupon form {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px
}

.package-coupon form.loading button[type=submit] {
	pointer-events: none;
	cursor: not-allowed;
	color: rgba(0, 0, 0, 0);
	transition: all .3s
}

.package-coupon form.loading button[type=submit]:before {
	content: "";
	width: 24px;
	height: 24px;
	border-width: 2px;
	border-color: #fff rgba(0, 0, 0, 0) #fff;
	border-style: solid;
	border-radius: 50%;
	border-left-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	animation: 1s linear 0s infinite normal none running spin;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px
}

.package-coupon .package-coupon-result.error {
	color: red;
	margin-top: 10px
}

.package-coupon .package-coupon-result.success {
	color: green;
	margin-top: 10px
}

.package-coupon .package-coupon-result.warning {
	color: orange;
	margin-top: 10px
}

@media only screen and (max-width: 575px) {
	.civi-package-wrap {
		margin-top: 40px
	}
}

@media only screen and (max-width: 479px) {
	.civi-payment-completed-wrap .list-group li {
		padding: 20px
	}
}

.civi-package-wrap .row {
	margin-left: -8px;
	margin-right: -8px
}

.civi-package-wrap .row .col-md-4 {
	margin-bottom: 30px
}

.civi-package-wrap .entry-title {
	margin: 32px 0
}

.civi-package-wrap .choose-package {
	text-align: center;
	margin-bottom: 30px
}

.civi-package-wrap .choose-package h4 {
	font-size: 24px;
	margin-bottom: 11px
}

.civi-package-wrap .choose-package p {
	margin-bottom: 0
}

.civi-package-wrap .civi-package-thumbnail {
	margin-bottom: 15px
}

.civi-package-wrap .civi-package-item {
	border-radius: 8px;
	border: solid 1px var(--civi-color-border);
	background-color: #fff;
	padding: 32px;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .01)
}

.civi-package-wrap .civi-package-item .civi-package-title {
	margin-bottom: 10px
}

.civi-package-wrap .civi-package-item .civi-package-title .entry-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	color: var(--civi-color-accent)
}

.civi-package-wrap .civi-package-item .civi-package-title span {
	font-size: 14px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 6px;
	background-color: #ffe180;
	color: var(--civi-color-primary)
}

.civi-package-wrap .civi-package-item .civi-package-price {
	font-size: 46px;
	font-weight: 600;
	color: var(--civi-color-primary);
	padding-bottom: 30px;
	border-bottom: 1px solid var(--civi-color-border)
}

.civi-package-wrap .civi-package-item .civi-package-price sup {
	font-size: 18px;
	vertical-align: 8px;
	margin-right: 3px
}

.civi-package-wrap .civi-package-item .civi-package-choose {
	margin-top: 30px
}

.civi-package-wrap .civi-package-item ul.list-group {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	margin-top: 32px;
	max-height: 230px;
	overflow: auto
}

.civi-package-wrap .civi-package-item ul.list-group li {
	font-weight: 500
}

.civi-package-wrap .civi-package-item ul.list-group li i {
	color: var(--civi-color-accent);
	margin-right: 10px
}

.civi-package-wrap .civi-package-item ul.list-group li+li {
	margin-top: 20px
}

.civi-package-wrap .civi-package-item:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 18px 22px 5px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 18px 22px 5px rgba(0, 0, 0, .05);
	box-shadow: 0 18px 22px 5px rgba(0, 0, 0, .05)
}

.civi-package-wrap .civi-package-item.active {
	border-color: #ffe180
}

.civi-package-wrap .civi-package-item.active .civi-button {
	color: #fff !important;
	background-color: var(--civi-color-accent) !important;
	border-color: var(--civi-color-accent) !important
}

.civi-package-wrap .civi-package-item.active .civi-button:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
	color: #fff !important
}

.civi-package-wrap .civi-package-item.active .civi-package-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.civi-package-wrap .civi-package-item.current {
	border-color: var(--civi-color-accent)
}

.civi-package-wrap .civi-package-item.current .entry-title {
	position: relative;
	display: inline-block
}

.civi-package-wrap .civi-package-item.current .entry-title:before {
	content: "";
	font-family: "Font Awesome 5 Pro";
	color: var(--civi-color-accent);
	margin-right: 10px
}

.civi-package-wrap .civi-package-item.current .recommended {
	display: none
}

.civi-package-wrap .time-unit {
	font-size: 18px;
	font-weight: 500;
	text-transform: lowercase
}

.civi-package-wrap .time-unit:before {
	content: "/";
	margin-left: -5px
}

.civi-new-package {
	margin-top: 32px
}

#action-user-package,
#action-employer-user-package {
	font-size: 14px;
	font-weight: 500;
	color: var(--civi-color-primary)
}

#action-user-package:hover,
#action-employer-user-package:hover {
	color: var(--civi-color-accent)
}

.package-out-stock .civi-button {
	display: block;
	margin-top: 20px
}

.package-out-stock .civi-button a {
	display: inline-block
}

.package-out-stock span {
	color: red
}

@media only screen and (max-width: 1199px) {
	.civi-package-wrap .civi-package-item {
		padding: 30px
	}

	.civi-package-wrap .civi-package-item .civi-package-price {
		font-size: 32px;
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 767px) {
	.civi-package-wrap .row>div {
		margin-bottom: 30px
	}
}

@media only screen and (max-width: 575px) {
	.civi-package-wrap .civi-heading .entry-title {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.4
	}
}

.submit-jobs-dashboard .widget-area-init {
	margin-top: 108px
}

.submit-jobs-dashboard .submit-jobs-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 32px 0
}

.submit-jobs-dashboard .submit-jobs-header .entry-title h4 {
	font-size: 24px
}

.submit-jobs-dashboard .submit-jobs-header .button-warpper {
	margin-top: 0
}

.submit-jobs-dashboard .button-warpper .civi-button+.civi-button {
	margin-left: 12px
}

.submit-jobs-dashboard .button-warpper .button-link {
	margin-right: 12px
}

.submit-jobs-dashboard .civi-section-salary-select {
	width: 100%
}

.submit-jobs-dashboard #range {
	display: -ms-flexbox;
	display: flex
}

.submit-jobs-dashboard #jobs_gallery_thumbs_container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.submit-jobs-dashboard #jobs-submit-company .civi-button {
	margin-top: 24px
}

.submit-jobs-dashboard .header-about {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.submit-jobs-dashboard .header-about .civi-button {
	margin-bottom: 24px
}

.submit-jobs-dashboard .header-about .civi-button i {
	margin-left: 5px;
	margin-right: 0
}

#jobs-submit-general .form-group>.flex {
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

#jobs-submit-general .ai-helper {
	color: var(--civi-color-accent);
	cursor: pointer
}

#jobs-submit-general .ai-helper i {
	margin-right: 8px
}

#jobs-submit-general .ai-helper:hover {
	opacity: .8
}

.about-jobs-dashboard {
	border: 1px solid var(--civi-color-border);
	background-color: #fff;
	border-radius: 16px;
	padding: 28px
}

.about-jobs-dashboard .info-jobs-warpper {
	line-height: 1.5
}

.about-jobs-dashboard .img-company {
	width: 54px;
	height: 54px;
	background-color: #f9f9f9;
	line-height: 54px;
	text-align: center;
	color: var(--civi-color-secondary);
	border-radius: 50%;
	margin-bottom: 16px
}

.about-jobs-dashboard .img-company img {
	border-radius: inherit;
	object-fit: cover;
	height: 100%;
	width: 100%
}

.about-jobs-dashboard h4 {
	font-size: 18px;
	margin-bottom: 7px
}

.about-jobs-dashboard .name-company {
	font-weight: 500;
	color: var(--civi-color-primary)
}

.about-jobs-dashboard .cate-about {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.about-jobs-dashboard .label-warpper {
	margin-top: 18px
}

.label-price {
	background: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent)
}

.label-price i {
	padding-right: 7px;
	font-weight: normal
}

.title-jobs-about {
	font-size: 24px;
	margin-bottom: 20px
}

.title-jobs-about.edit-jobs {
	margin-top: 106px
}

.my-location {
	position: absolute;
	right: 20px;
	bottom: 14px
}

input#search-location {
	padding-right: 40px;
	height: 45px;
	background-color: #fff
}

.jobs-fields-map .jobs-fields-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px
}

.jobs-fields-map .jobs-fields-title h3 {
	font-size: 16px
}

.jobs-fields-map .control-marker a {
	color: var(--civi-color-accent);
	font-weight: 500
}

.jobs-fields-map .control-marker #unlock-pin {
	display: none
}

.jobs-fields-map .control-marker.lock-marker #unlock-pin {
	display: block
}

.jobs-fields-map .control-marker.lock-marker #lock-pin {
	display: none
}

@media(max-width: 767px) {
	.submit-jobs-dashboard .widget-area-init {
		margin-top: 50px
	}
}

@media(max-width: 480px) {
	.submit-jobs-dashboard .button-warpper .btn-submit-draft {
		display: none
	}
}

.civi_alert_message {
	position: fixed;
	right: 10px;
	top: 45%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index: 999;
	background-color: crimson;
	padding: 20px;
	border-radius: 10px;
	font-size: 14px;
	color: #fff;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0
}

.civi_alert_message.show {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.alert-form {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 1000;
	background: #fff;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, .05);
	border-radius: 16px;
	max-width: 370px;
	padding: 24px;
	display: none
}

.alert-form .close {
	position: absolute;
	top: 24px;
	right: 24px
}

.alert-form .head {
	display: flex;
	align-items: center;
	margin-bottom: 16px
}

.alert-form .head svg {
	margin-right: 12px
}

.alert-form .head span {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px
}

.alert-form .desc {
	margin-bottom: 20px
}

.alert-form .civi-button {
	width: 100%;
	text-align: center
}

@media only screen and (max-width: 767px) {
	.alert-form {
		right: 15px;
		left: 15px;
		bottom: 20px
	}
}

.form-popup-apply {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: fixed;
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.form-popup-apply .form-group {
	margin-bottom: 20px
}

.form-popup-apply .btn-loading {
	display: none
}

.form-popup-apply .bg-overlay {
	opacity: 1;
	visibility: unset
}

.form-popup-apply .apply-popup {
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
	max-width: 450px;
	z-index: 9;
	position: relative;
	margin: 0 auto;
	top: 100px;
	max-height: calc(100vh - 200px);
	overflow: auto
}

.form-popup-apply .btn-close {
	font-size: 20px;
	position: absolute !important;
	right: 35px
}

.form-popup-apply h5 {
	font-size: 24px;
	margin-bottom: 25px;
	text-align: center
}

.form-popup-apply p {
	color: var(--civi-color-secondary);
	margin-bottom: 35px
}

.form-popup-apply label {
	font-weight: 500;
	margin-bottom: 14px;
	color: var(--civi-color-primary)
}

.form-popup-apply .civi-button.button-link {
	margin-top: 24px;
	margin-bottom: 24px
}

.form-popup-apply .button-warpper {
	display: -ms-flexbox;
	display: flex
}

.form-popup-apply .button-warpper .civi-button {
	text-align: center
}

.form-popup-apply .button-warpper .civi-button+.civi-button {
	margin-left: 16px
}

.form-popup-apply .message_error {
	margin-bottom: 15px;
	margin-top: 15px;
	color: red
}

.form-popup-apply .message_error.true {
	color: #7cfc00
}

.form-popup-apply #civi_drop_cv {
	position: relative;
	margin-bottom: 0
}

.form-popup-apply #civi_drop_cv .cv-icon-delete {
	position: absolute;
	right: 10px;
	z-index: 2;
	top: 10px
}

.form-popup-apply #civi_select_cv {
	position: relative;
	z-index: 1;
	height: 100px;
	background-color: #f9f9f9;
	border: 1px dashed #ddd;
	width: 100%;
	color: var(--civi-color-secondary);
	cursor: pointer
}

.form-popup-apply #civi_select_cv i {
	color: var(--civi-color-accent);
	margin-right: 5px
}

.form-popup-apply.form-call-to .apply-popup {
	max-width: 300px;
	padding: 24px;
	top: 50%;
	height: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.form-popup-apply.form-call-to .phone-apply {
	display: block;
	text-align: center;
	font-size: 20px
}

.civi-jobs-header-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.civi-jobs-header-top .logo-comnpany {
	height: 84px;
	width: 84px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 16px;
	margin-top: 10px
}

.civi-jobs-header-top .civi-header-left {
	display: -ms-flexbox;
	display: flex;
	margin-right: 15px
}

.civi-jobs-header-top .civi-header-left .authour {
	color: var(--civi-color-primary);
	font-weight: 500
}

.civi-jobs-header-top .civi-header-left .title-wapper {
	margin-bottom: 5px
}

.civi-jobs-header-top .civi-header-left .title-wapper h1 {
	font-size: 28px;
	margin-bottom: 0
}

.civi-jobs-header-top .civi-header-left .title-wapper .featured {
	margin-left: 5px;
	display: inline-block;
	height: 20px;
	line-height: 20px
}

.civi-jobs-header-top .civi-header-left .title-wapper .featured:before {
	top: -0.2em
}

.civi-jobs-header-top .civi-header-left .cate-warpper .cate {
	color: var(--civi-color-accent);
	font-weight: 500
}

.civi-jobs-header-top .civi-header-left .categories-warpper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.civi-jobs-header-top .civi-header-left .categories-warpper .cate-warpper:not(:first-child):before {
	content: ","
}

.civi-jobs-header-top .civi-header-right {
	display: -ms-flexbox;
	display: flex
}

.civi-jobs-header-top .civi-header-right .toggle-social {
	margin-right: 25px
}

.civi-jobs-header-top .civi-header-right .toggle-social .list-social-icon i {
	color: #fff
}

.civi-jobs-header-top .civi-header-right .added .icon-heart i {
	color: var(--civi-color-accent)
}

.civi-jobs-header-top .civi-header-right a:hover i {
	color: var(--civi-color-accent)
}

.civi-jobs-header-top .jobs-view {
	display: inline-block;
	position: relative;
	padding-left: 20px
}

.civi-jobs-header-top .jobs-view:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	background-color: var(--civi-color-secondary);
	border-radius: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.jobs-view:before {
    display:none !important;
}

.civi-jobs-header-top .jobs-view i {
	font-weight: 400
}

.civi-jobs-header-top .jobs-view .count {
	font-weight: 500
}

.civi-jobs-header-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 24px
}

@media(max-width: 1199px) {
	.jobs-head-details .title-wapper h1 {
		font-size: 24px
	}
}

@media(max-width: 767px) {
	.civi-jobs-header-top .civi-header-right {
		display: none
	}

	.civi-jobs-header-top .civi-header-left .categories-warpper {
		margin-top: 5px
	}

	.civi-jobs-header-top .logo-comnpany {
		display: none
	}
}

.block-archive-inner.jobs-insights-details {
	padding-bottom: 8px
}

.list-jobs-insights,
.list-jobs-insights-sidebar {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0
}

.list-jobs-insights p,
.list-jobs-insights-sidebar p {
	margin-bottom: 0
}

.list-jobs-insights .list-item,
.list-jobs-insights-sidebar .list-item {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px
}

.list-jobs-insights .list-item.salary .details-info,
.list-jobs-insights-sidebar .list-item.salary .details-info {
	text-transform: none
}

.list-jobs-insights .title-info,
.list-jobs-insights-sidebar .title-info {
	color: var(--civi-color-primary);
	font-weight: 500;
	margin-bottom: 0
}

.list-jobs-insights .info,
.list-jobs-insights-sidebar .info {
	margin-left: 12px
}

.list-jobs-insights .details-info,
.list-jobs-insights-sidebar .details-info {
	text-transform: capitalize
}

.list-jobs-insights .icon-jobs,
.list-jobs-insights-sidebar .icon-jobs {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent);
	margin-top: 2px
}

.list-jobs-insights .icon-jobs span,
.list-jobs-insights-sidebar .icon-jobs span {
	color: var(--civi-color-accent)
}

.list-jobs-insights .icon-jobs path,
.list-jobs-insights-sidebar .icon-jobs path {
	fill: currentColor
}

.list-jobs-insights .icon-jobs svg,
.list-jobs-insights-sidebar .icon-jobs svg {
	color: var(--civi-color-accent)
}

.toggle-insights,
.toggle-insights-sidebar {
	margin-bottom: 30px
}

.toggle-insights i,
.toggle-insights-sidebar i {
	margin-left: 8px
}

.toggle-insights a,
.toggle-insights-sidebar a {
	font-size: 18px;
	color: var(--civi-color-accent);
	font-weight: 500
}

@media(min-width: 577px) {

	.toggle-insights,
	.toggle-insights-sidebar {
		display: none
	}
}

@media(max-width: 576px) {
	.jobs-insights-details.on.active .list-jobs-insights {
		overflow: hidden;
		height: 325px
	}

	.jobs-insights-details.on.active .hide-all-insights {
		display: none
	}

	.jobs-insights-details:not(.active) .toggle-insights {
		display: none
	}

	.jobs-insights-sidebar.on.active .list-jobs-insights-sidebar {
		overflow: hidden;
		height: 325px
	}

	.jobs-insights-sidebar.on.active .hide-all-insights-sidebar {
		display: none
	}

	.jobs-insights-sidebar:not(.active) .toggle-insights-sidebar {
		display: none
	}
}

.civi-description-details h4,
.civi-description-details h5,
.civi-description-details h6 {
	font-size: 18px;
	margin-bottom: 16px
}

.civi-description-details p {
	margin-bottom: 24px;
	line-height: 1.5
}

.civi-description-details li+li {
	margin-top: 16px
}

.civi-description-details ul {
	list-style: disc
}

.civi-description-details ul:last-child {
	margin-bottom: 0
}

.civi-description-details .toggle-description {
	margin-top: 15px
}

.civi-description-details .toggle-description i {
	margin-left: 8px
}

.civi-description-details .toggle-description a {
	font-size: 16px;
	color: var(--civi-color-accent);
	font-weight: 500
}

@media(min-width: 576px) {
	.civi-description-details .toggle-description {
		display: none
	}
}

@media(max-width: 576px) {
	.civi-description-details.on .civi-description {
		overflow: hidden;
		max-height: 330px
	}

	.civi-description-details.on .hide-all-description {
		display: none
	}
}

div.jobs-apply-details {
	margin-top: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: rgba(0, 116, 86, .05);
	border: 1px solid rgba(0, 116, 86, .07);
	border-radius: 16px
}

div.jobs-apply-details h4 {
	font-size: 24px;
	margin-bottom: 0
}

div.jobs-apply-details p {
	margin-bottom: 0
}

div.jobs-apply-details .days {
	font-weight: 500;
	margin-top: 8px
}

div.jobs-apply-details .days span {
	color: red
}

div.jobs-apply-details .civi-button {
	padding-top: 12px;
	padding-bottom: 12px;
	min-width: 270px;
	text-align: center
}

@media(max-width: 576px) {
	div.jobs-apply-details {
		display: block
	}

	div.jobs-apply-details .civi-button {
		margin-top: 15px
	}
}

.jobs-related-details .header-related {
	padding-top: 32px;
	padding-bottom: 24px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.jobs-related-details .title-jobs {
	margin-bottom: 0;
	font-size: 24px
}

.block-archive-sidebar {
	padding: 28px;
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	background-color: #fff
}

.block-archive-sidebar+.block-archive-sidebar {
	margin-top: 16px
}

.block-archive-sidebar h4 {
	font-size: 24px
}

div.jobs-apply-sidebar {
	background: rgba(0, 116, 86, .05);
	border: 1px solid rgba(0, 116, 86, .07);
	padding: 28px;
	border-radius: 16px;
	text-align: center
}

div.jobs-apply-sidebar .days {
	font-weight: 500;
	margin-bottom: 18px
}

div.jobs-apply-sidebar .days span {
	color: red
}

div.jobs-apply-sidebar .civi-button {
	width: 100%
}

div.jobs-apply-sidebar .account a:hover {
	color: #fff !important
}

.jobs-insights-sidebar {
	border: 1px solid var(--civi-color-border);
	padding: 28px 28px 8px;
	border-radius: 16px
}

.jobs-insights-sidebar .title-jobs {
	margin-bottom: 24px
}

.jobs-company-sidebar .company-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

.jobs-company-sidebar .company-header img {
	width: 54px;
	height: 54px;
	object-fit: cover;
	border-radius: 50%
}

.jobs-company-sidebar .company-header .civi-check-company:after {
	top: -3px
}

.jobs-company-sidebar .company-phone i {
	margin-left: 7px;
	cursor: pointer
}

.jobs-company-sidebar .name {
	margin-left: 16px
}

.jobs-company-sidebar .name h2 {
	font-size: 18px;
	margin-bottom: 3px;
	display: inline-block
}

.jobs-company-sidebar .name h2 a {
	color: var(--civi-color-primary)
}

.jobs-company-sidebar .name h2 a:hover {
	color: var(--civi-color-accent)
}

.jobs-company-sidebar .name h2 i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--civi-color-accent);
	line-height: 15px;
	text-align: center;
	color: #fff;
	margin-left: 5px
}

.jobs-company-sidebar .name p {
	margin-bottom: 0
}

.jobs-company-sidebar .name p a {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.jobs-company-sidebar p {
	line-height: 1.5em
}

.jobs-company-sidebar .tab-company {
	list-style: none;
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

.jobs-company-sidebar .tab-company li+li {
	margin-left: 24px
}

.jobs-company-sidebar .tab-company li span {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent);
	margin-left: 2px;
	font-size: 16px;
	display: inline-block;
	text-align: center
}

.jobs-company-sidebar .tab-company li:after {
	content: "";
	bottom: 0;
	height: 2px;
	width: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0);
	width: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.jobs-company-sidebar .tab-company li:hover:after,
.jobs-company-sidebar .tab-company li.active:after {
	background-color: var(--civi-color-primary);
	width: 100%
}

.jobs-company-sidebar .tab-company li:hover a,
.jobs-company-sidebar .tab-company li.active a {
	color: var(--civi-color-primary)
}

.jobs-company-sidebar .tab-company a {
	font-size: 18px;
	font-weight: 500;
	color: var(--civi-color-secondary)
}

.jobs-company-sidebar .title-info {
	font-weight: 500;
	color: var(--civi-color-primary);
	margin-bottom: 3px
}

.jobs-company-sidebar .list-cate {
	padding-left: 0;
	margin-bottom: 0
}

.jobs-company-sidebar .list-cate .cate {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.jobs-company-sidebar .details-info span:not(:first-child):before,
.jobs-company-sidebar .list-cate .cate:not(:first-child):before {
	content: ","
}

.jobs-company-sidebar .content {
	margin-bottom: 20px
}

.jobs-company-sidebar .content p {
	margin-bottom: 0;
	display: none
}

.jobs-company-sidebar .content p:first-child {
	display: inline-block
}

.jobs-company-sidebar .content.is-active p {
	display: inline-block;
	margin-bottom: 12px
}

.jobs-company-sidebar .content a {
	color: #007456
}

.jobs-company-sidebar .content a:hover {
	text-decoration: underline
}

.jobs-company-sidebar .details-info {
	margin-bottom: 0
}

.jobs-company-sidebar .details-info.email a {
	color: var(--civi-color-accent)
}

.jobs-company-sidebar .info {
	margin-bottom: 15px
}

.jobs-company-sidebar .info i.fa-eye {
	margin-left: 5px;
	cursor: pointer;
	position: relative;
	top: -3px
}

.jobs-company-sidebar .civi-button i {
	font-size: 14px;
	font-weight: 500;
	padding-left: 10px
}

.jobs-company-sidebar .button-visit {
	margin-top: 20px
}

.jobs-company-sidebar .button-send {
	margin-top: 10px
}

.jobs-company-sidebar .button-send.button-outline {
	border-color: var(--civi-color-accent);
	color: var(--civi-color-accent)
}

.jobs-company-sidebar .list-social {
	margin-bottom: 0;
	list-style: none;
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px
}

.jobs-company-sidebar .list-social li+li {
	margin-left: 16px
}

.jobs-company-sidebar .list-social a {
	font-weight: 500;
	color: var(--civi-color-secondary);
	font-size: 20px
}

.jobs-company-sidebar .list-social a:hover {
	color: var(--civi-color-accent)
}

.jobs-company-sidebar .list-jobs {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0
}

.jobs-company-sidebar .list-jobs li:not(:first-child) {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--civi-color-border)
}

.jobs-company-sidebar .list-jobs .title {
	line-height: .8
}

.jobs-company-sidebar .list-jobs .title a {
	color: var(--civi-color-primary);
	font-size: 18px
}

.jobs-company-sidebar .list-jobs .info-company>span+span:before {
	content: "/"
}

.jobs-company-sidebar .list-jobs .categories span {
	color: var(--civi-color-accent);
	font-weight: 500
}

.jobs-company-sidebar .list-jobs .categories span+span:before,
.jobs-company-sidebar .list-jobs .cate-skills span+span:before {
	content: ","
}

.jobs-company-sidebar .civi-send-mess {
	margin-top: 10px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	color: var(--civi-color-accent)
}

.jobs-company-sidebar .civi-send-mess:hover {
	background-color: var(--civi-color-accent);
	color: #fff
}

.jobs-company-sidebar .civi-send-mess:after {
	content: "";
	font-family: "Font Awesome 5 Pro";
	margin-left: 5px
}

#tab-sidebar-jobs .civi-button {
	border-color: var(--civi-color-accent);
	color: var(--civi-color-accent);
	margin-top: 32px
}

#tab-sidebar-jobs .civi-button:hover {
	color: #fff
}

#tab-sidebar-jobs .cate-warpper a {
	color: var(--civi-color-accent);
	font-weight: 500
}

.jobs-gallery-details .slick-dots li button:before {
	display: inline-block;
	font-size: 8px;
	content: "";
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: var(--civi-color-border);
	opacity: 1
}

.jobs-gallery-details .slick-dots li.slick-active button:before {
	background-color: var(--civi-color-accent)
}

.jobs-gallery-details .slick-dotted.slick-slider {
	margin-bottom: 15px
}

.jobs-gallery-details figure img {
	height: 230px;
	object-fit: cover;
	border-radius: 8px
}

.jobs-gallery-details .slick-nav .slick-arrow {
	top: calc(50% - 15px)
}

.jobs-thumbnail-details {
	background-color: #fff
}

.jobs-thumbnail-details img {
	border-radius: 6px 6px 0 0
}

.jobs-thumbnail-details .logo-comnpany {
	border: 4px solid #fff;
	border-radius: 50%;
	margin-top: -37px;
	margin-left: 32px;
	margin-bottom: -16px
}

@media(max-width: 480px) {
	.jobs-thumbnail-details img {
		height: 150px;
		object-fit: cover
	}
}

.block-archive-top {
	border: 1px solid var(--civi-color-border);
	border-radius: 16px
}

.block-archive-top .block-archive-inner:first-child {
	border-radius: 16px 16px 0 0
}

.block-archive-top .block-archive-inner:last-child {
	border-radius: 0 0 16px 16px
}

.block-archive-top .logo-comnpany {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover
}

.civi-block-inner {
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	margin-top: 16px
}

.block-archive-inner {
	padding: 32px;
	background-color: #fff
}

.block-archive-inner+.block-archive-inner {
	border-top: 1px solid var(--civi-color-border)
}

.block-archive-inner .title-jobs,
.block-archive-inner .title-service,
.block-archive-inner .title-company,
.block-archive-inner .title-candidate {
	font-size: 24px;
	margin-bottom: 24px
}

.civi-apply-bottombar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 8px 0px 10px rgba(0, 0, 0, .15);
	-moz-box-shadow: 8px 0px 10px rgba(0, 0, 0, .15);
	box-shadow: 8px 0px 10px rgba(0, 0, 0, .15);
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9;
	background-color: #fff;
	padding: 12px 24px
}

.civi-apply-bottombar .jobs-share {
	padding-left: 26px;
	padding-right: 26px
}

.civi-apply-bottombar .jobs-share:hover i {
	color: var(--civi-color-accent)
}

.civi-apply-bottombar .civi-button {
	width: 100%;
	display: block;
	text-align: center
}

.civi-apply-bottombar .account {
	width: 100%
}

.civi-apply-bottombar .toggle-social .social-share {
	bottom: 100%;
	margin-bottom: 8px
}

.label-type {
	color: #6c4cbe;
	background-color: #f5ecff
}

.label-location {
	color: var(--civi-color-accent);
	background-color: rgba(0, 116, 86, .05)
}

.label-location i {
	padding-right: 5px;
	font-weight: normal
}

.label-skills {
	color: var(--civi-color-accent);
	background-color: rgba(0, 116, 86, .05)
}

body.single-jobs .widget-area-init.has-sticky,
body.single-service .widget-area-init.has-sticky {
	position: sticky;
	top: 30px;
	z-index: 2
}

body.admin-bar.single-jobs .widget-area-init.has-sticky,
body.admin-bar.single-service .widget-area-init.has-sticky {
	position: sticky;
	top: 60px;
	z-index: 2
}

body.single-service #wrapper {
	overflow: inherit
}

.jobs-share i {
	font-weight: 500;
	font-size: 20px
}

.related-inner .civi-jobs-item+.civi-jobs-item {
	margin-top: 16px
}

.label {
	font-size: 14px;
	font-weight: 500;
	padding: 5px 12px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px
}

@media(min-width: 576px) {
	.civi-apply-bottombar {
		display: none
	}
}

@media(max-width: 767px) {
	.block-archive-inner {
		padding-left: 16px;
		padding-right: 16px
	}

	.block-archive-inner .label {
		margin-top: 8px
	}

	.jobs-skills-details .title-jobs {
		margin-bottom: 16px
	}

	.jobs-gallery-details.block-archive-inner {
		padding-bottom: 32px
	}

	div.jobs-apply-details {
		text-align: center
	}

	.jobs-related-details .header-related .civi-button {
		display: none
	}

	.site-layout:not(.type-1) .single-jobs-area .block-archive-top .logo-comnpany {
		margin-left: 16px
	}

	.jobs-share i {
		color: var(--civi-color-text)
	}
}

@media(max-width: 576px) {

	body.single-jobs .jobs-apply-sidebar,
	body.single-jobs .jobs-apply-details {
		display: none
	}
}

.civi-jobs-item.layout-list {
	padding-bottom: 20px
}

.civi-jobs-item.layout-list .jobs-archive-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.civi-jobs-item.layout-list .jobs-header-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 15px
}

.civi-jobs-item.layout-list .jobs-header-right {
/*display: -ms-flexbox;*/
	display: none;
	-ms-flex-align: center;
	align-items: center;
	height: 24px
}

.civi-jobs-item.layout-list .jobs-archive-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.civi-jobs-item.layout-list .jobs-footer-left {
	margin-right: 15px
}

.civi-jobs-item.layout-list .logo-comnpany {
	margin-right: 16px
}

@media(max-width: 767px) {
	.civi-jobs-item.layout-list .jobs-archive-header {
		position: relative
	}

	.civi-jobs-item.layout-list .logo-comnpany {
		margin-bottom: 25px;
		margin-right: 0
	}

	.civi-jobs-item.layout-list .jobs-header-left {
		display: block
	}

	.civi-jobs-item.layout-list .jobs-header-left h3 {
		margin-bottom: 12px
	}

	.civi-jobs-item.layout-list .jobs-header-right {
		position: absolute;
		right: 0
	}

	.civi-jobs-item.layout-list .jobs-left-inner {
		margin-left: 0
	}

	.civi-jobs-item.layout-list .jobs-archive-footer {
		display: block
	}

	.civi-jobs-item.layout-list .jobs-footer-right {
		margin-top: 10px
	}
}

.civi-jobs-item.layout-grid .jobs-logo-company {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px
}

.civi-jobs-item.layout-grid .info-jobs-cate {
	margin-top: 24px
}

.civi-jobs-item.layout-grid .days {
	margin-top: 32px
}

.civi-jobs-item {
	padding: 28px;
	border-radius: 16px;
	border: 1px solid var(--civi-color-border);
	background-color: #fff;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	cursor: pointer;
	position: relative
}

.civi-jobs-item.active {
	border-color: var(--civi-color-accent) !important
}

.civi-jobs-item:hover {
	-webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05)
}

.civi-jobs-item a:not(.civi-link-item) {
	position: relative;
	z-index: 2
}

.civi-jobs-item h4 {
	margin-bottom: 5px
}

.civi-jobs-item h4 a {
	font-size: 18px;
	color: var(--civi-color-primary)
}

.civi-jobs-item h4 a:hover {
	color: var(--civi-color-accent)
}

.civi-jobs-item .authour {
	color: var(--civi-color-primary);
	font-weight: 500
}

.civi-jobs-item .categories-warpper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.civi-jobs-item .categories-warpper a {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.civi-jobs-item .categories-warpper .cate-warpper:not(:first-child):before {
	content: ","
}

.civi-jobs-item .jobs-archive-footer {
	margin-top: 24px
}

.civi-jobs-item .logo-comnpany {
	height: 54px;
	width: 54px;
	object-fit: cover;
	background-color: #f9f9f9;
	border-radius: 50%;
	text-align: center;
	line-height: 54px
}

.civi-jobs-item .btn-add-to-wishlist {
	top: 3px;
	position: relative
}

.civi-jobs-item .label {
	font-size: 14px;
	font-weight: 500;
	padding: 5px 12px;
	border-radius: 50px;
	display: inline-block
}

.civi-jobs-item .label-type {
	color: #6c4cbe;
	background-color: #f5ecff
}

.civi-jobs-item .label-price {
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent)
}

.civi-jobs-item .days {
	margin-bottom: 8px;
	font-weight: 500;
	white-space: nowrap
}

.civi-jobs-item .days span {
	color: var(--civi-color-accent)
}

.civi-jobs-item .jobs-title {
	font-size: 18px;
	margin-bottom: 0
}

.civi-jobs-item .jobs-title a {
	color: var(--civi-color-primary)
}

.civi-jobs-item .jobs-title a:hover {
	color: var(--civi-color-accent)
}

.civi-jobs-item .jobs-des {
	margin-top: 24px
}

.civi-jobs-item .jobs-status {
	display: -ms-flexbox;
	display: flex
}

.civi-jobs-item .jobs-status .tooltip {
	margin-right: 15px;
	display: none;
	width: max-content
}

.ui-autocomplete {
	position: absolute;
	padding-left: 0;
	margin-left: 0;
	top: 100%;
	left: 0;
	z-index: 9999;
	float: left;
	display: none;
	min-width: 160px;
	margin: 0 0 10px 25px;
	list-style: none;
	background-color: #fff;
	border-color: rgba(0, 0, 0, .2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
	-moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
	box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
	max-height: 185px;
	overflow: auto;
	font-size: 14px
}

.ui-autocomplete::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 5px
}

.ui-autocomplete::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
	border-radius: 5px
}

.ui-autocomplete::-webkit-scrollbar-thumb {
	background-color: #eee;
	border-radius: 5px
}

.ui-autocomplete>a.ui-corner-all {
	-webkit-transition: all .1s ease 0s;
	-moz-transition: all .1s ease 0s;
	-o-transition: all .1s ease 0s;
	transition: all .1s ease 0s;
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: var(--civi-color-text);
	white-space: nowrap;
	text-decoration: none
}

.ui-autocomplete .ui-menu-item {
	padding: 5px 15px;
	font-size: 15px
}

.ui-autocomplete .ui-menu-item .ui-state-active {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0) !important;
	border: 0 !important
}

.ui-autocomplete .ui-menu-item:hover {
	background-color: rgba(0, 116, 86, .05) !important;
	cursor: pointer
}

.ui-autocomplete .ui-menu-item:hover .ui-state-active {
	cursor: pointer;
	color: var(--civi-color-accent);
	background-color: inherit;
	border: 0 !important
}

.ui-autocomplete .ui-state-focus {
	border: 0 !important;
	color: var(--civi-color-text) !important;
	margin: 0 !important;
	background: #fff !important
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -0.3em;
	margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -0.3em;
	margin-left: 0;
	margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.company-head-details .civi-company-header-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.company-head-details .civi-company-header-top .logo-comnpany {
	width: 64px;
	height: 64px
}

.company-head-details .civi-company-header-top .logo-comnpany img {
	border-radius: 50%;
	height: 100%
}

.company-head-details .title-wapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.company-head-details .title-wapper h1 {
	font-size: 28px;
	font-weight: 500
}

.company-head-details .title-wapper i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--civi-color-accent);
	line-height: 15px;
	text-align: center;
	color: #fff;
	margin-left: 5px
}

.company-head-details .logo-comnpany {
	margin-right: 16px
}

.company-head-details .company-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.company-head-details .company-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center
}

.company-head-details .company-warpper .cate-warpper {
	font-weight: 500;
	margin-right: 8px
}

.company-head-details .company-warpper .cate-warpper:not(:nth-child(2)):before {
	content: ","
}

.company-head-details .company-warpper i {
	font-size: 18px;
	color: var(--civi-color-secondary);
	margin-right: 8px;
	font-weight: 400
}

.company-head-details .civi-company-header-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 32px
}

.company-head-details .civi-company-header-bottom a {
	margin-right: 8px
}

.company-head-details .civi-company-header-bottom .btn-webs {
	border-color: var(--civi-color-primary)
}

.company-overview-details {
	line-height: 1.5
}

@media(min-width: 577px) {
	.company-overview-details {
		padding-bottom: 8px
	}
}

.company-related-details {
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	margin-top: 16px
}

.company-related-details .related-inner {
	position: relative
}

.company-related-details .civi-loading-effect {
	display: none
}

.company-review-details,
.service-review-details {
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	margin-top: 16px
}

.company-review-details .entry-heading,
.service-review-details .entry-heading {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

.company-review-details .rating-count,
.service-review-details .rating-count {
	font-size: 20px;
	color: #fff;
	background-color: var(--civi-color-accent);
	padding: 5px 16px;
	border-radius: 8px
}

.company-review-details .rating-count i,
.service-review-details .rating-count i {
	font-size: 18px
}

.company-review-details .review-count,
.service-review-details .review-count {
	color: var(--civi-color-secondary);
	margin-left: 12px
}

.company-review-details .entry-overview,
.service-review-details .entry-overview {
	padding-top: 15px;
	padding-bottom: 15px
}

.reviews-list {
	padding-left: 0;
	list-style: none
}

.reviews-list .entry-avatar img {
	width: 54px;
	height: 54px;
	object-fit: cover;
	border-radius: 50%;
	max-width: max-content
}

.reviews-list .entry-head {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.reviews-list .entry-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-left: 16px
}

.reviews-list .author-name {
	font-size: 16px;
	margin-bottom: 0
}

.reviews-list .review-date {
	color: var(--civi-color-secondary)
}

.reviews-list .review-content {
	line-height: 1.5;
	margin-top: 11px;
	margin-bottom: 11px
}

.reviews-list .review-title {
	font-size: 22px;
	margin-bottom: 0
}

.reviews-list .entry-comment ul {
	padding-left: 0;
	margin-bottom: 10px
}

.reviews-list .entry-comment li {
	list-style: none
}

.reviews-list .entry-comment img {
	width: 70px;
	height: 70px;
	object-fit: cover
}

.reviews-list ol {
	list-style: none
}

.reviews-list .author-review {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.add-new-review {
	padding-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.add-new-review .form-group+.form-group {
	margin-top: 20px
}

.add-new-review .form-media input {
	position: absolute;
	opacity: 0;
	visibility: hidden
}

.add-new-review .civi-submit-company-rating,
.add-new-review .civi-submit-service-rating {
	margin-top: 24px
}

.add-new-review .login-for-review {
	font-weight: 500
}

.add-new-review .login-for-review a {
	color: var(--civi-color-accent)
}

.add-new-review label span.name {
	height: 36px;
	line-height: 36px;
	padding: 0 14px;
	border-radius: 20px;
	background-color: #ededed;
	display: inline-block;
	font-weight: 500;
	cursor: pointer;
	font-size: 14px
}

.add-new-review label span.name:before {
	content: "";
	font-size: 18px;
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
	vertical-align: -2px
}

.add-new-review .form-media {
	display: none
}

.add-new-review .review-title {
	font-size: 24px
}

.add-new-review .custom-area .current-user-avatar {
	position: absolute;
	top: 35px;
	left: 35px
}

.add-new-review .custom-area .current-user-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 30px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	object-fit: cover
}

.add-new-review .custom-area textarea {
	border-color: #ccc;
	border-radius: 3px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding: 35px 35px 35px 105px;
	max-height: 150px;
	resize: none
}

.add-new-review .star-rating {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 49%
}

.add-new-review .rate-title {
	display: block;
	width: 100%;
	margin-bottom: 3px;
	font-weight: 500
}

.add-new-review .rate-title span {
	display: inline-block;
	vertical-align: middle
}

.add-new-review .tip,
.rating-bars .tip {
	background-color: var(--civi-color-secondary);
	height: 15px;
	width: 15px;
	display: inline-block;
	font-size: 11px;
	border-radius: 50%;
	cursor: help;
	text-align: center;
	position: relative;
	vertical-align: -1px;
	margin-left: 3px;
	line-height: 20px
}

.add-new-review .tip:hover .tip-content,
.rating-bars .tip:hover .tip-content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, calc(-100% - 13px));
	-moz-transform: translate(-50%, calc(-100% - 13px));
	-o-transform: translate(-50%, calc(-100% - 13px));
	-ms-transform: translate(-50%, calc(-100% - 13px));
	transform: translate(-50%, calc(-100% - 13px))
}

.add-new-review .tip:after,
.rating-bars .tip:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "";
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 7px;
	line-height: normal;
	vertical-align: 3px;
	font-style: normal;
	color: #fff
}

.add-new-review .tip .tip-content,
.rating-bars .tip .tip-content {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, calc(-100% - 20px));
	-moz-transform: translate(-50%, calc(-100% - 20px));
	-o-transform: translate(-50%, calc(-100% - 20px));
	-ms-transform: translate(-50%, calc(-100% - 20px));
	transform: translate(-50%, calc(-100% - 20px));
	background: #333;
	color: #fff;
	padding: 13px 15px;
	min-width: 200px;
	max-width: 200px;
	font-size: 13px;
	border-radius: 4px;
	line-height: 19px;
	pointer-events: none;
	z-index: 999;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.add-new-review .tip .tip-content:after,
.rating-bars .tip .tip-content:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "";
	position: absolute;
	bottom: 3px;
	left: 50%;
	font-size: 22px;
	color: #333;
	transform: translate(-50%, 50%)
}

.rating-bars {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-right: -30px
}

.rating-bars .rating-bars-item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 15px 30px
}

.rating-bars .rating-bars-item .value-rating {
	color: var(--civi-color-secondary);
	font-weight: 500
}

.rating-bars .rating-bars-name {
	font-weight: 500;
	display: block
}

.rating-bars .rating-bars-inner {
	display: -ms-flexbox;
	display: flex
}

.rating-bars .rating-bars-rating {
	display: inline-block;
	vertical-align: baseline;
	background: #efefef;
	width: 100%;
	height: 6px;
	margin-right: 10px;
	border-radius: 3px;
	overflow: hidden;
	background-color: var(--civi-color-border);
	align-self: center
}

.rating-bars .rating-bars-rating.high .rating-bars-rating-inner {
	background-color: var(--civi-color-accent)
}

.rating-bars .rating-bars-rating-inner {
	height: 6px;
	display: block;
	background-color: var(--civi-color-accent);
	position: relative;
	width: 0;
	transition: width .5s
}

.repreviewForm {
	margin-bottom: 15px
}

.repreviewForm .civi-button i {
	margin-left: 8px
}

.civi-review-details .toggle-review {
	margin-top: 10px;
	margin-bottom: 10px
}

.civi-review-details .toggle-review i {
	margin-left: 8px
}

.civi-review-details .toggle-review a {
	font-size: 18px;
	color: var(--civi-color-accent);
	font-weight: 500
}

@media(min-width: 576px) {
	.civi-review-details .toggle-review {
		display: none
	}
}

@media(max-width: 576px) {
	.civi-review-details.on .civi-review {
		overflow: hidden;
		max-height: 120px
	}

	.civi-review-details.on .hide-all-review {
		display: none
	}
}

.has-large-thumbnail.company-thumbnail-details img {
	border-radius: 16px;
	width: 100%
}

.company-thumbnail-details:not(.has-large-thumbnail) .container {
	padding-right: 0;
	padding-left: 0
}

.company-thumbnail-details img {
	border-radius: 16px 16px 0 0
}

@media(max-width: 576px) {
	.has-large-thumbnail.company-thumbnail-details {
		margin-top: 25px;
		margin-bottom: -30px
	}
}

.title-company {
	font-size: 24px;
	margin-bottom: 24px
}

.company-sidebar .list-social {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.company-sidebar .civi-location {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 24px
}

.company-sidebar .civi-location h3 {
	font-size: 24px;
	margin-bottom: 0
}

.civi-rating-warpper .rating-count {
	position: relative;
	padding-left: 15px
}

.civi-rating-warpper .rating-count:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	background-color: #d9d9d9;
	border-radius: 50%;
	left: 2px
}

.civi-rating-warpper .rating-count i {
	color: var(--civi-color-accent);
	font-weight: bold;
	margin-right: 0
}

.civi-rating-warpper .rating-count span {
	font-weight: 500;
	color: var(--civi-color-accent);
	margin-right: 3px
}

.civi-rating-warpper .review-count {
	color: var(--civi-color-secondary);
	font-weight: 500
}

@media(max-width: 576px) {
	.company-info {
		display: block
	}

	.civi-rating-warpper {
		margin-top: 10px
	}

	.company-head-details .civi-company-header-bottom a {
		margin-bottom: 8px
	}

	.rating-bars .rating-bars-item {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.add-new-review .star-rating {
		width: 100%
	}
}

.civi-company-item.layout-list {
	padding-bottom: 20px
}

.civi-company-item.layout-list .company-header-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width: 767px) {
	.civi-company-item.layout-list .company-header-right {
		display: block
	}

	.civi-company-item.layout-list .company-title {
		margin-top: 14px
	}
}

@media(max-width: 576px) {
	.civi-company-item.layout-list .company-bottom {
		display: block
	}

	.civi-company-item.layout-list .company-available {
		margin-top: 15px
	}
}

.civi-company-item.layout-grid .company-title {
	margin-top: 14px
}

.civi-company-item.layout-grid .review-count {
	display: none
}

.civi-company-item.layout-grid .company-bottom {
	display: block
}

.civi-company-item.layout-grid .company-available {
	margin-top: 15px
}

.civi-company-item.layout-thumbnail-grid {
	overflow: hidden
}

.civi-company-item.layout-thumbnail-grid .company-title {
	margin-bottom: 5px
}

.civi-company-item.layout-thumbnail-grid .company-top {
	display: -ms-flexbox;
	display: flex
}

.civi-company-item.layout-thumbnail-grid .company-thumbnail {
	border-radius: 16px 16px 0 0;
	margin: -28px -28px 24px -28px
}

.civi-company-item.layout-thumbnail-grid .company-thumbnail img {
	border-radius: 16px 16px 0 0
}

.civi-company-item.layout-thumbnail-grid.civi-company-item .company-bottom {
	display: block
}

.civi-company-item.layout-thumbnail-grid .company-available {
	margin-top: 24px
}

.civi-company-item.layout-thumbnail-grid .review-count {
	display: none
}

.archive-layout .inner-content.layout-thumbnail-list .area-archive {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: repeat(1, 1fr)
}

.layout-thumbnail-list .company-content-wrapper {
	display: -ms-flexbox;
	display: flex
}

.layout-thumbnail-list .company-pos {
	width: 100%
}

.layout-thumbnail-list .company-thumbnail {
	width: 260px;
	margin: -28px 24px -28px -28px;
	border-radius: 16px 0 0 16px;
	flex-shrink: 0
}

.layout-thumbnail-list .company-thumbnail img {
	border-radius: 16px 0 0 16px;
	object-fit: cover;
	height: 100%
}

.layout-thumbnail-list .company-top {
	display: -ms-flexbox;
	display: flex
}

.layout-thumbnail-grid img,
.layout-thumbnail-list img {
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)
}

.layout-thumbnail-grid .company-thumbnail,
.layout-thumbnail-list .company-thumbnail {
	overflow: hidden
}

.layout-thumbnail-grid.civi-company-item:hover .company-thumbnail img,
.layout-thumbnail-list.civi-company-item:hover .company-thumbnail img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1)
}

@media(max-width: 767px) {
	.layout-thumbnail-list.civi-company-item .company-bottom {
		display: block
	}

	.layout-thumbnail-list .company-available {
		margin-top: 24px
	}
}

@media(max-width: 576px) {
	.layout-thumbnail-list .company-content-wrapper {
		display: block
	}

	.layout-thumbnail-list .company-thumbnail {
		width: auto;
		margin: -28px -28px 24px -28px;
		border-radius: 16px 16px 0 0
	}

	.layout-thumbnail-list .company-thumbnail img {
		border-radius: 16px 16px 0 0
	}
}

.civi-company-item.layout-follow-bottom .company-header-right {
	display: -ms-flexbox;
	display: flex
}

.civi-company-item.layout-follow-bottom .company-header-right .review-count {
	display: none
}

.civi-company-item.layout-follow-bottom .des-company {
	margin-top: 16px
}

.civi-company-item.layout-follow-bottom .company-cate {
	margin-top: 15px
}

.civi-company-item.layout-follow-bottom .company-bottom {
	margin-top: 16px;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width: 767px) {
	.civi-company-item.layout-follow-bottom .company-status-inner {
		position: static
	}
}

@media(max-width: 375px) {
	.civi-company-item.layout-follow-bottom .company-bottom {
		display: block
	}

	.civi-company-item.layout-follow-bottom .company-status-inner {
		margin-top: 16px
	}
}

.civi-company-item.layout-button-jobs {
	padding: 20px;
	text-align: center
}

.civi-company-item.layout-button-jobs .logo-comnpany {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px
}

.civi-company-item.layout-button-jobs .des-company {
	margin-top: 9px
}

.civi-company-item.layout-button-jobs .civi-rating-warpper .review-count {
	display: none
}

.civi-company-item.layout-button-jobs .company-inner {
	-ms-flex-pack: center;
	justify-content: center
}

.civi-company-item.layout-button-jobs .company-available {
	margin-top: 14px
}

.civi-company-item.layout-button-jobs .company-img {
	margin-right: 0;
	margin-bottom: 8px
}

.civi-company-item.layout-button-jobs .civi-button {
	margin-top: 8px
}

.civi-company-item.layout-button-jobs .civi-button i {
	font-size: 14px
}

.civi-company-item {
	padding: 28px;
	border-radius: 16px;
	border: 1px solid var(--civi-color-border);
	background-color: #fff;
	position: relative;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	cursor: pointer
}

.civi-company-item:hover {
	-webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05)
}

.civi-company-item a:not(.civi-link-item) {
	position: relative;
	z-index: 2
}

.civi-company-item .company-header,
.civi-company-item .company-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.civi-company-item .company-status-inner .civi-button {
	min-width: 135px
}

.civi-company-item .company-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.civi-company-item .company-bottom {
	margin-top: 24px
}

.civi-company-item .company-available {
	font-weight: 500
}

.civi-company-item .company-available span {
	color: var(--civi-color-accent)
}

.civi-company-item .logo-comnpany {
	height: 54px;
	width: 54px;
	object-fit: cover;
	background-color: #f9f9f9;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	max-width: none
}

.civi-company-item .company-img {
	margin-right: 16px;
	display: block
}

.civi-company-item .company-size,
.civi-company-item .company-location {
	margin-right: 15px
}

.civi-company-item .company-size a,
.civi-company-item .company-location a {
	color: var(--civi-color-secondary);
	font-weight: 500
}

.civi-company-item .company-size i,
.civi-company-item .company-location i {
	font-size: 18px;
	font-weight: 400;
	margin-right: 7px
}

.civi-company-item .civi-rating-warpper .rating-count {
	padding-left: 0
}

.civi-company-item .civi-rating-warpper .rating-count:before {
	content: none
}

.civi-company-item .company-title {
	font-size: 18px;
	display: inline-block;
	margin-bottom: 5px
}

.civi-company-item .company-title a {
	color: var(--civi-color-primary)
}

.civi-company-item .company-title a:hover {
	color: var(--civi-color-accent)
}

.civi-company-item .company-title i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	background-color: #3ab446;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	margin-left: 5px;
	color: #fff
}

.civi-company-item .label-categories {
	color: var(--civi-color-accent);
	background-color: rgba(0, 116, 86, .05)
}

.civi-company-item .label-categories i {
	padding-right: 5px;
	font-weight: normal
}

.civi-company-item .des-company {
	margin-top: 22px;
	line-height: 1.5
}

.civi-company-item .civi-check-company:after {
	top: -3px
}

.company-status-inner .civi-dual-ring,
.civi-company-header-bottom .civi-dual-ring,
.candidate-status-inner .civi-dual-ring,
.civi-candidate-header-bottom .civi-dual-ring {
	width: 16px;
	height: 16px;
	position: static;
	transform: none;
	margin-bottom: -2px;
	margin-right: 10px
}

.company-status-inner .civi-dual-ring:after,
.civi-company-header-bottom .civi-dual-ring:after,
.candidate-status-inner .civi-dual-ring:after,
.civi-candidate-header-bottom .civi-dual-ring:after {
	width: 16px;
	height: 16px;
	border-width: 2px
}

.civi-add-to-follow:hover .civi-dual-ring:after,
.civi-add-to-follow-candidate:hover .civi-dual-ring:after {
	border-color: #fff rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)
}

.civi-add-to-follow.added .fa-plus:before,
.civi-add-to-follow-candidate.added .fa-plus:before {
	content: ""
}

.civi-add-to-follow.removed .fa-check:before,
.civi-add-to-follow-candidate.removed .fa-check:before {
	content: ""
}

@media(max-width: 576px) {
	.civi-company-item .company-header {
		position: relative
	}

	.civi-company-item .company-status-inner {
		position: absolute;
		right: 0
	}

	.civi-company-item .review-count {
		display: none
	}

	.civi-company-item .civi-rating-warpper {
		margin-top: 0
	}
}

#jobs_type-error,
#jobs_skills-error {
	position: absolute;
	z-index: 2;
	bottom: -23px
}

.submit-company-header h4 {
	font-size: 28px
}

.submit-company-header .button-warpper {
	margin-top: 0
}

#company-submit-video .col-md-12 {
	padding-left: 0;
	padding-right: 0
}

.about-company-dashboard .title-company-about {
	font-size: 24px;
	margin-bottom: 24px
}

.about-company-dashboard .img-company {
	width: 64px;
	height: 64px;
	background-color: #f9f9f9;
	text-align: center;
	line-height: 64px;
	border-radius: 50%
}

.about-company-dashboard .img-company i {
	font-size: 20px;
	color: var(--civi-color-secondary)
}

.about-company-dashboard .img-company img {
	width: inherit;
	height: inherit;
	border-radius: inherit;
	object-fit: cover
}

.about-company-dashboard .title-about {
	font-size: 16px
}

.about-company-dashboard .company-right {
	margin-left: 15px
}

.about-company-dashboard .company-right i {
	color: var(--civi-color-secondary);
	font-weight: 400;
	margin-right: 5px
}

.about-company-dashboard .company-right .title-about {
	display: inline-block
}

.about-company-dashboard .info-company {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.about-company-dashboard .des-about {
	margin-bottom: 0;
	margin-top: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 3;
	max-height: 75px;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.submit-company-dashboard .widget-area-init {
	margin-top: 100px
}

.submit-company-dashboard .button-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 0
}

.submit-company-dashboard .button-warpper .civi-button+.civi-button {
	margin-left: 15px
}

@media(max-width: 576px) {
	.submit-company-dashboard .submit-company-header {
		display: block
	}

	.submit-company-dashboard .submit-company-header .entry-title {
		margin-bottom: 20px
	}

	.submit-company-dashboard .button-warpper {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	#company-submit-media .company-fields-warpper {
		display: block
	}

	#company-submit-media .company-fields-thumbnail {
		margin-top: 30px
	}
}

body.admin-bar.single-company .widget-area-init.has-sticky {
	position: sticky;
	top: 60px;
	z-index: 2
}

body.single-company #wrapper {
	overflow: inherit
}

body.single-company .widget-area-init.has-sticky {
	position: sticky;
	top: 30px;
	z-index: 2
}

.civi-check-company {
	background-color: var(--civi-color-secondary);
	height: 15px;
	width: 15px;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin-left: 5px;
	line-height: 15px;
	z-index: 2
}

.civi-check-company.active {
	background-color: #3ab446
}

.civi-check-company:hover .tip-content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, calc(-100% - 13px));
	-moz-transform: translate(-50%, calc(-100% - 13px));
	-o-transform: translate(-50%, calc(-100% - 13px));
	-ms-transform: translate(-50%, calc(-100% - 13px));
	transform: translate(-50%, calc(-100% - 13px))
}

.civi-check-company:after {
	font-family: "Font Awesome 5 Pro";
	content: "";
	position: relative;
	font-size: 8px;
	color: #fff;
	top: -2px
}

.civi-check-company .tip-content {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, calc(-100% - 20px));
	-moz-transform: translate(-50%, calc(-100% - 20px));
	-o-transform: translate(-50%, calc(-100% - 20px));
	-ms-transform: translate(-50%, calc(-100% - 20px));
	transform: translate(-50%, calc(-100% - 20px));
	background: #333;
	color: #fff;
	padding: 10px;
	min-width: 200px;
	line-height: 1.5;
	font-size: 12px;
	border-radius: 4px;
	pointer-events: none;
	z-index: 999;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.civi-check-company .tip-content:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "";
	position: absolute;
	bottom: 3px;
	left: 50%;
	font-size: 22px;
	color: #333;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	-o-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%)
}

.civi-check-company .tip-content h4 {
	font-size: 13px;
	color: #fff
}

.civi-check-company .tip-content .list-check {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0
}

.civi-check-company .tip-content .list-check li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.civi-check-company .tip-content .list-check li.active i.fa-check {
	background-color: #3ab446
}

.civi-check-company .tip-content .list-check i.fa-check {
	font-size: 8px;
	width: 15px;
	height: 15px;
	background-color: var(--civi-color-secondary);
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	margin-left: 0;
	margin-right: 5px
}

.company-gallery-details figure img {
	height: 230px;
	object-fit: cover;
	border-radius: 8px
}

.company-gallery-details .slick-nav .slick-arrow {
	top: calc(50% - 15px)
}

#company-submit-media #civi_thumbnail_container {
	height: 150px
}

#company-submit-media #civi_add_thumbnail {
	width: 100%
}

#company-submit-media .company-fields-warpper {
	display: -ms-flexbox;
	display: flex
}

#company-submit-media .company-fields-thumbnail {
	width: 100%
}

.site-layout.has-large-thumbnail {
	margin-top: 24px
}

.ui-widget.ui-widget-content {
	border: 0 !important;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03)
}

#slider-range {
	background-color: var(--civi-color-border);
	height: 4px;
	border: none;
	cursor: pointer
}

#slider-range .ui-state-default,
#slider-range .ui-widget-content .ui-state-default,
#slider-range .ui-widget-header .ui-state-default {
	border: 3px solid var(--civi-color-accent);
	border-radius: 50%;
	width: 14px;
	height: 14px;
	background-color: var(--civi-color-border);
	cursor: pointer
}

#slider-range .ui-state-default:focus-visible {
	outline: var(--civi-color-accent)
}

#range-slider {
	padding-top: 18px
}

#range-slider #amount {
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	margin-top: 10px;
	border: 0 !important
}

.ui-slider .ui-slider-range {
	background-color: var(--civi-color-accent)
}

#ui-datepicker-div {
	background-color: #fff
}

#ui-datepicker-div .ui-datepicker-header {
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	color: var(--civi-color-accent);
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #eee
}

#ui-datepicker-div .ui-datepicker-title {
	margin-left: auto
}

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year {
	border: none;
	border-radius: 0;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0px 0px 0 5px;
	cursor: pointer;
	color: var(--civi-color-accent);
	font-family: "Inter"
}

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month {
	padding-right: 2.5px;
	text-align-last: right
}

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year {
	padding-left: 2.5px;
	padding-right: 5px
}

#ui-datepicker-div .ui-datepicker-next {
	margin-left: 15px
}

#ui-datepicker-div .ui-corner-all {
	cursor: pointer
}

table.ui-datepicker-calendar {
	margin: 0
}

@media(max-width: 576px) {
	#company-submit-media .company-fields-warpper {
		display: block
	}
}

.civi-candidates-item.layout-list {
	padding-bottom: 20px
}

.civi-candidates-item.layout-list .candidates-header-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width: 767px) {
	.civi-candidates-item.layout-list .candidates-header-right {
		display: block
	}

	.civi-candidates-item.layout-list .candidates-title {
		margin-top: 14px
	}
}

@media(max-width: 576px) {
	.civi-candidates-item.layout-list .candidate-bottom {
		display: block
	}

	.civi-candidates-item.layout-list .candidate-salary {
		margin-top: 15px
	}
}

.civi-candidates-item.layout-grid .candidates-title {
	margin-top: 14px
}

.civi-candidates-item.layout-grid .review-count {
	display: none
}

.civi-candidates-item.layout-grid .candidate-salary {
	margin-top: 24px
}

.civi-candidates-item {
	position: relative;
	padding: 28px;
	border-radius: 16px;
	border: 1px solid var(--civi-color-border);
	background-color: #fff;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	cursor: pointer
}

.civi-candidates-item:hover {
	-webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05)
}

.civi-candidates-item a:not(.civi-link-item) {
	position: relative;
	z-index: 2
}

.civi-candidates-item .candidate-header,
.civi-candidates-item .candidate-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.civi-candidates-item .candidate-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.civi-candidates-item .candidate-bottom {
	margin-top: 24px
}

.civi-candidates-item h4 {
	margin-bottom: 5px
}

.civi-candidates-item h4 a {
	font-size: 18px;
	color: var(--civi-color-primary)
}

.civi-candidates-item h4 a:hover {
	color: var(--civi-color-accent)
}

.civi-candidates-item .authour {
	color: var(--civi-color-primary);
	font-weight: 500
}

.civi-candidates-item .categories-warpper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.civi-candidates-item .categories-warpper a {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.civi-candidates-item .categories-warpper .cate-warpper:not(:first-child):before {
	content: ","
}

.civi-candidates-item .candidate-avatar {
	height: 54px;
	width: 54px;
	object-fit: cover;
	background-color: #f9f9f9;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	margin-right: 16px
}

.civi-candidates-item .candidate-category {
	margin-right: 15px
}

.civi-candidates-item .candidate-category a {
	color: var(--civi-color-accent);
	font-weight: 500
}

.civi-candidates-item .candidate-location {
	margin-right: 15px
}

.civi-candidates-item .candidate-location a {
	color: var(--civi-color-secondary);
	font-weight: 500
}

.civi-candidates-item .candidate-location i {
	font-size: 18px;
	font-weight: 400;
	margin-right: 7px
}

.civi-candidates-item .candidate-rating-warpper .rating-count {
	padding-left: 0
}

.civi-candidates-item .candidate-rating-warpper .rating-count:before {
	content: none
}

.civi-candidates-item .civi-add-to-wishlist {
	top: 3px;
	position: relative
}

.civi-candidates-item .label {
	font-size: 14px;
	font-weight: 500;
	padding: 5px 12px;
	border-radius: 50px;
	display: inline-block
}

.civi-candidates-item .label-type {
	color: #6c4cbe;
	background-color: #f5ecff
}

.civi-candidates-item .label-price {
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent)
}

.civi-candidates-item .days {
	margin-bottom: 8px;
	font-weight: 500
}

.civi-candidates-item .days span {
	color: var(--civi-color-accent)
}

.civi-candidates-item .candidates-header-right img+img {
	margin-left: 15px
}

.civi-candidates-item .candidates-title {
	font-size: 18px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0
}

.civi-candidates-item .candidates-title .tooltip {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.civi-candidates-item .candidates-title a {
	color: var(--civi-color-primary)
}

.civi-candidates-item .candidates-title a:hover {
	color: var(--civi-color-accent)
}

.civi-candidates-item .candidates-title i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	background-color: #3ab446;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	margin-left: 5px;
	color: #fff
}

.civi-candidates-item .candidates-status img {
	margin-right: 15px
}

.civi-candidates-item .label-skills {
	color: var(--civi-color-accent);
	background-color: rgba(0, 116, 86, .05)
}

.civi-candidates-item .label-skills i {
	padding-right: 5px;
	font-weight: normal
}

.civi-candidates-item .des-candidate {
	margin-top: 22px
}

.civi-candidates-item .candidate-salary {
	font-size: 24px;
	font-weight: 500
}

.civi-candidates-item .candidate-salary span {
	color: var(--civi-color-accent)
}

.archive-candidates .civi-candidates-featured {
	border-color: #ffd75e
}

.archive-candidates .filter-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 24px
}

.archive-candidates .filter-warpper .entry-filter {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.archive-candidates .filter-warpper .entry-left {
	display: -ms-flexbox;
	display: flex
}

.archive-candidates .filter-warpper .result-count {
	color: var(--civi-color-primary);
	font-size: 18px;
	font-weight: 500
}

.archive-candidates .filter-warpper .candidate-layout a+a {
	margin-left: 8px
}

.archive-candidates .filter-warpper .candidate-layout i {
	color: var(--civi-color-secondary)
}

.archive-candidates .filter-warpper .candidate-layout a:hover i,
.archive-candidates .filter-warpper .candidate-layout a.active i {
	color: var(--civi-color-primary)
}

.archive-candidates .filter-warpper .text-sort-by {
	font-weight: 500;
	color: var(--civi-color-secondary);
	margin-left: 20px
}

.archive-candidates .filter-warpper .sort-by {
	font-weight: 500;
	border: 0;
	font-size: 16px;
	color: var(--civi-color-text);
	padding-right: 18px;
	padding-left: 8px;
	background-color: rgba(0, 0, 0, 0)
}

.archive-candidates .civi-clear-filter {
	cursor: pointer;
	font-size: 14px;
	color: var(--civi-color-accent);
	font-weight: 500
}

.archive-candidates .inner-content.has-map {
	display: -ms-flexbox;
	display: flex
}

.archive-candidates .inner-content .area-candidates {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	list-style-type: none;
	grid-template-columns: repeat(2, 1fr)
}

.archive-candidates .inner-content.layout-list .area-candidates {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: repeat(1, 1fr)
}

.archive-candidates .inner-content .col-right {
	-ms-flex: 0 0 475px;
	flex: 0 0 475px;
	max-width: 475px;
	padding-top: 68px;
	margin-left: 60px
}

.archive-candidates .filter-candidates-search {
	display: block;
	height: 100vh;
	position: sticky;
	top: 0
}

.archive-candidates .filter-candidates-search .entry-map {
	height: 100vh;
	position: relative
}

.archive-candidates #pac-input {
	display: none
}

.archive-candidates .archive-candidates-top .form-candidates-top-filter {
	margin-left: 15px;
	margin-right: 15px
}

.archive-candidates .archive-candidates-top .form-group {
	border-top: 1px solid var(--civi-color-border);
	border-bottom: 1px solid var(--civi-color-border);
	-ms-flex-positive: 1;
	flex-grow: 1
}

.archive-candidates .archive-candidates-top .form-group+.form-group {
	border-left: 1px solid var(--civi-color-border)
}

.archive-candidates .archive-candidates-top .form-group:last-child {
	background-color: #fff;
	text-align: right;
	padding-right: 15px;
	border-radius: 0 50px 50px 0;
	border: 1px solid var(--civi-color-border) !important;
	max-width: 210px
}

.archive-candidates .archive-candidates-top .form-group:last-child,
.archive-candidates .archive-candidates-top .form-group:first-child {
	border: 0
}

.archive-candidates .archive-candidates-top h2 {
	margin-top: 52px;
	margin-bottom: 32px;
	text-align: center
}

.archive-candidates .archive-candidates-top .btn-filter-search,
.archive-candidates .archive-candidates-top .select-arrow i {
	color: var(--civi-color-secondary);
	font-size: 18px;
	position: absolute;
	top: 50%;
	z-index: 2;
	left: 20px;
	font-weight: 400;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.archive-candidates .archive-candidates-top .form-select i.fa-angle-down {
	right: 25px;
	left: auto
}

.archive-candidates .archive-candidates-top .candidates-search-control,
.archive-candidates .archive-candidates-top .select-arrow select {
	padding-left: 50px;
	border: 0;
	height: 70px;
	width: 100%;
	border-radius: 0
}

.archive-candidates .archive-candidates-top .candidates-search-control {
	border-radius: 50px 0 0 50px;
	border-width: 1px 0 1px 1px !important;
	border-color: var(--civi-color-border) !important;
	border-style: solid !important;
	line-height: 70px;
	height: 72px
}

.archive-candidates .archive-candidates-top .select2-container--default .select2-selection--multiple {
	padding-top: 10px;
	padding-bottom: 10px
}

.archive-candidates .archive-candidates-top .btn-top-filter {
	margin-top: 14px
}

.archive-candidates .archive-candidates-top .btn-top-filter .btn-loading {
	display: none
}

.archive-candidates .archive-candidates-top .civi-clear-top-filter {
	color: var(--civi-color-secondary);
	padding-right: 10px;
	cursor: pointer
}

.archive-candidates .archive-candidates-top .civi-clear-top-filter:hover {
	color: var(--civi-color-accent)
}

@media(max-width: 576px) {
	.civi-candidates-item .candidate-header {
		position: relative
	}

	.civi-candidates-item .candidate-status-inner {
		position: absolute;
		right: 0
	}

	.civi-candidates-item .review-count {
		display: none
	}

	.civi-candidates-item .candidate-rating-warpper {
		margin-top: 0
	}
}

.has-large-thumbnail.candidate-thumbnail-details img {
	border-radius: 16px;
	width: 100%
}

.candidate-thumbnail-details:not(.has-large-thumbnail) .container {
	padding-right: 0;
	padding-left: 0
}

.candidate-thumbnail-details img {
	border-radius: 16px 16px 0 0
}

@media(max-width: 576px) {
	.has-large-thumbnail.candidate-thumbnail-details {
		margin-top: 25px;
		margin-bottom: -30px
	}
}

.candidate-head-details .civi-candidate-header-top {
	display: -ms-flexbox;
	display: flex
}

.candidate-head-details .civi-candidate-header-top .image-candidates {
	width: 64px;
	height: 64px;
	object-fit: cover;
	background-color: #f9f9f9;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	margin-right: 16px
}

.candidate-head-details .civi-candidate-header-top .image-candidates i {
	font-size: 18px;
	color: var(--civi-color-secondary)
}

.candidate-head-details .title-wapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.candidate-head-details .title-wapper h1 {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2
}

.candidate-head-details .title-wapper i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--civi-color-accent);
	line-height: 15px;
	text-align: center;
	color: #fff;
	margin-left: 5px
}

.candidate-head-details .title-wapper .tooltip {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.candidate-head-details .logo-comnpany {
	margin-right: 16px
}

.candidate-head-details .candidate-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	column-gap: 8px
}

.candidate-head-details .candidate-category a {
	color: var(--civi-color-accent);
	font-weight: 500
}

.candidate-head-details .candidate-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center
}

.candidate-head-details .candidate-warpper .cate-warpper {
	font-weight: 500;
	margin-right: 8px
}

.candidate-head-details .candidate-warpper i {
	font-size: 18px;
	color: var(--civi-color-secondary);
	margin-right: 8px;
	font-weight: 400
}

.candidate-head-details .candidate-warpper:before {
	content: "";
	width: 6px;
	height: 6px;
	top: 50%;
	background-color: #d9d9d9;
	border-radius: 50%;
	margin-right: 10px
}

.candidate-head-details .civi-candidate-header-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 32px
}

.candidate-head-details .civi-candidate-header-bottom a {
	margin-right: 4px
}

.candidate-head-details .civi-candidate-header-bottom .btn-webs {
	border-color: var(--civi-color-primary)
}

.candidate-head-details .civi-candidate-header-bottom .civi-button {
	padding: 10px 18px
}

.candidate-head-details .civi-candidate-header-bottom .civi-button i {
	margin-right: 3px
}

.candidate-head-details .candidate-current-position {
	color: var(--civi-color-accent);
	font-weight: 500
}

.candidate-overview-details {
	line-height: 1.5;
	padding-bottom: 8px
}

.single.candidate-experience {
	margin-top: 21px
}

.single.candidate-experience .experience-title {
	position: relative;
	margin-left: 34px;
	color: var(--civi-color-primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px
}

.single.candidate-experience .experience-title.time-dot::before {
	left: -34px
}

.single.candidate-experience .experience-details {
	position: relative;
	margin-top: 4px;
	margin-left: 34px
}

.single.candidate-experience .experience-details.time-line::before {
	left: -30px
}

.single.candidate-experience .experience-details span:first-child {
	color: var(--civi-color-accent);
	font-weight: 500
}

.single.candidate-experience .experience-details span:not(:first-child) {
	color: var(--civi-color-text);
	font-weight: 400
}

.single.candidate-experience .experience-details span:nth-child(2)::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	top: 50%;
	background-color: #d9d9d9;
	border-radius: 50%;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 4px
}

.single.candidate-experience .experience-details span.des {
	display: block;
	margin-top: 16px
}

.single.candidate-experience .description {
	margin-top: 16px;
	color: var(--civi-color-text);
	font-weight: 400
}

.single.candidate-education {
	margin-top: 21px
}

.single.candidate-education .education-title {
	position: relative;
	margin-left: 34px;
	color: var(--civi-color-primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px
}

.single.candidate-education .education-title.time-dot::before {
	left: -34px
}

.single.candidate-education .time-dot:before {
	border-color: #ffd75e
}

.single.candidate-education .education-details {
	position: relative;
	margin-top: 4px;
	margin-left: 34px
}

.single.candidate-education .education-details.time-line:before {
	left: -30px;
	border-color: #ffd75e
}

.single.candidate-education .education-details span:first-child {
	color: var(--civi-color-accent);
	font-weight: 500
}

.single.candidate-education .education-details span:not(:first-child) {
	color: var(--civi-color-text);
	font-weight: 400
}

.single.candidate-education .education-details span:nth-child(2)::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	top: 50%;
	background-color: #d9d9d9;
	border-radius: 50%;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 4px
}

.single.candidate-education .education-details span.des {
	display: block;
	margin-top: 16px
}

.single.candidate-education .description {
	margin-top: 16px;
	color: var(--civi-color-text);
	font-weight: 400
}

.single.candidate-award {
	margin-top: 21px
}

.single.candidate-award .award-title {
	position: relative;
	color: var(--civi-color-primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin-left: 34px
}

.single.candidate-award .award-title.time-dot::before {
	left: -34px
}

.single.candidate-award .award-details {
	position: relative;
	margin-top: 4px;
	margin-left: 34px
}

.single.candidate-award .award-details span:not(:first-child) {
	color: var(--civi-color-text);
	font-weight: 400
}

.single.candidate-award .award-details span:last-child {
	display: block;
	margin-top: 16px
}

.single.candidate-award .award-details.time-line:before {
	left: -30px
}

.single.candidate-award .description {
	margin-top: 16px;
	color: var(--civi-color-text);
	font-weight: 400
}

.candidate-project-details {
	margin-top: 16px;
	border: 1px solid var(--civi-color-border);
	border-radius: 16px
}

.candidate-project-details figure {
	position: relative;
	overflow: hidden;
	border-radius: 8px
}

.candidate-project-details figure:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.3) 100%)
}

.candidate-project-details figure:before {
	content: "";
	display: block;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .5);
	-webkit-transition: all .6s;
	transition: all .6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
	z-index: 3
}

.candidate-project-details figure:hover .content-project {
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.candidate-project-details figure:hover .project-inner {
	opacity: 1
}

.candidate-project-details figure:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.candidate-project-details figure:hover:before {
	opacity: 1;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0)
}

.candidate-project-details figure:hover:after {
	background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.6) 100%)
}

.candidate-project-details figure img {
	border-radius: 8px;
	height: 280px;
	object-fit: cover;
	width: 100%;
	-webkit-transition: opacity .5s, transform .5s;
	-moz-transition: opacity .5s, transform .5s;
	-o-transition: opacity .5s, transform .5s;
	transition: opacity .5s, transform .5s
}

.candidate-project-details .civi-slick-carousel {
	margin-left: -12px;
	margin-right: -12px
}

.candidate-project-details .civi-slick-carousel .slick-slide {
	padding-left: 12px;
	padding-right: 12px
}

.candidate-project-details .content-project {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 32px;
	z-index: 2;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: translateY(115px);
	-moz-transform: translateY(115px);
	-o-transform: translateY(115px);
	-ms-transform: translateY(115px);
	transform: translateY(115px)
}

.candidate-project-details .content-project * {
	color: #fff !important
}

.candidate-project-details .content-project h4 {
	font-size: 18px;
	line-height: 1.3
}

.candidate-project-details .content-project p {
	margin-bottom: 16px
}

.candidate-project-details .content-project .civi-button.button-border-bottom:after {
	background-color: #fff
}

.candidate-project-details .project-inner {
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.block-archive-sidebar {
	padding: 28px;
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	background-color: #fff
}

.block-archive-sidebar+.block-archive-sidebar {
	margin-top: 16px
}

.block-archive-sidebar h4 {
	font-size: 24px
}

.candidate-sidebar .candidate-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

.candidate-sidebar .candidate-header img {
	width: 54px;
	height: 54px;
	object-fit: cover;
	border-radius: 50%
}

.candidate-sidebar .name {
	margin-left: 16px
}

.candidate-sidebar .name h2 {
	font-size: 24px
}

.candidate-sidebar .name h2 a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: var(--civi-color-primary)
}

.candidate-sidebar .name h2 i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--civi-color-accent);
	line-height: 15px;
	text-align: center;
	color: #fff;
	margin-left: 5px
}

.candidate-sidebar .name p {
	margin-bottom: 0
}

.candidate-sidebar .name p a {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.candidate-sidebar p {
	line-height: 1.5em
}

.candidate-sidebar .title-info {
	font-weight: 500;
	color: var(--civi-color-primary);
	margin-bottom: 3px
}

.candidate-sidebar .list-cate {
	padding-left: 0;
	margin-bottom: 0
}

.candidate-sidebar .list-cate .cate {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.candidate-sidebar .list-cate span+span:before {
	content: ",";
	padding-left: 3px;
	padding-right: 3px
}

.candidate-sidebar .content {
	overflow: hidden;
	display: block;
	height: 72px;
	overflow: hidden;
	margin-bottom: 20px
}

.candidate-sidebar .content p {
	margin-bottom: 0
}

.candidate-sidebar .details-info {
	margin-bottom: 0
}

.candidate-sidebar .details-info.email a {
	color: var(--civi-color-accent)
}

.candidate-sidebar .details-info.salary {
	color: var(--civi-color-accent);
	font-weight: 500
}

.candidate-sidebar .info {
	margin-bottom: 15px
}

.candidate-sidebar .list-social {
	margin-bottom: 0;
	list-style: none;
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px
}

.candidate-sidebar .list-social li+li {
	margin-left: 16px
}

.candidate-sidebar .list-social a {
	font-weight: 500;
	color: var(--civi-color-secondary);
	font-size: 20px
}

.candidate-sidebar .list-social a:hover {
	color: var(--civi-color-accent)
}

.cover-wrapper {
	width: 100%;
	margin-bottom: 24px;
	padding-right: 15px;
	padding-left: 15px
}

.cover-wrapper .cover {
	-webkit-mask-image: linear-gradient(rgba(17, 17, 17, 0.7), rgba(17, 17, 17, 0.7));
	mask-image: linear-gradient(rgb(17, 17, 17), rgb(17, 17, 17))
}

.cover-wrapper img {
	border-radius: 16px
}

.candidate-review-details {
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	margin-top: 16px
}

.candidate-review-details .entry-heading {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 24px
}

.candidate-review-details .rating-count {
	font-size: 20px;
	color: #fff;
	background-color: var(--civi-color-accent);
	padding: 5px 16px;
	border-radius: 8px
}

.candidate-review-details .review-count {
	color: var(--civi-color-secondary);
	margin-left: 12px
}

.candidate-review-details .entry-overview {
	padding-top: 15px;
	padding-bottom: 15px
}

.reviews-list {
	padding-left: 0;
	list-style: none
}

.reviews-list .entry-avatar img {
	width: 54px;
	height: 54px;
	object-fit: cover;
	border-radius: 50%;
	max-width: max-content
}

.reviews-list .entry-head {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.reviews-list .entry-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-left: 16px
}

.reviews-list .author-name {
	font-size: 16px;
	margin-bottom: 0
}

.reviews-list .review-date {
	color: var(--civi-color-secondary)
}

.reviews-list .review-content {
	line-height: 1.5;
	margin-top: 11px;
	margin-bottom: 11px
}

.reviews-list .review-title {
	font-size: 22px;
	margin-bottom: 0
}

.reviews-list .entry-comment ul {
	padding-left: 0;
	margin-bottom: 10px
}

.reviews-list .entry-comment li {
	list-style: none
}

.reviews-list .entry-comment img {
	width: 70px;
	height: 70px;
	object-fit: cover
}

.reviews-list ol {
	list-style: none
}

.reviews-list .author-review {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.add-new-review {
	padding-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.add-new-review .form-group+.form-group {
	margin-top: 20px
}

.add-new-review .form-media input {
	position: absolute;
	opacity: 0;
	visibility: hidden
}

.add-new-review .civi-submit-candidate-rating {
	margin-top: 24px
}

.add-new-review .login-for-review {
	font-weight: 500
}

.add-new-review .login-for-review a {
	color: var(--civi-color-accent)
}

.add-new-review label span.name {
	height: 36px;
	line-height: 36px;
	padding: 0 14px;
	border-radius: 20px;
	background-color: #ededed;
	display: inline-block;
	font-weight: 500;
	cursor: pointer;
	font-size: 14px
}

.add-new-review label span.name:before {
	content: "";
	font-size: 18px;
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
	vertical-align: -2px
}

.add-new-review .form-media {
	display: none
}

.add-new-review .review-title {
	font-size: 24px
}

.add-new-review .custom-area .current-user-avatar {
	position: absolute;
	top: 35px;
	left: 35px
}

.add-new-review .custom-area .current-user-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 30px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	object-fit: cover
}

.add-new-review .custom-area textarea {
	border-color: #ccc;
	border-radius: 3px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding: 35px 35px 35px 105px;
	max-height: 150px;
	resize: none
}

.add-new-review .star-rating {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 49%
}

.add-new-review .rate-title {
	display: block;
	width: 100%;
	margin-bottom: 3px;
	font-weight: 500
}

.add-new-review .rate-title span {
	display: inline-block;
	vertical-align: middle
}

.add-new-review .tip,
.rating-bars .tip {
	background-color: var(--civi-color-secondary);
	height: 15px;
	width: 15px;
	display: inline-block;
	font-size: 11px;
	border-radius: 50%;
	cursor: help;
	text-align: center;
	position: relative;
	vertical-align: -1px;
	margin-left: 3px;
	line-height: 20px
}

.add-new-review .tip:hover .tip-content,
.rating-bars .tip:hover .tip-content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, calc(-100% - 13px));
	-moz-transform: translate(-50%, calc(-100% - 13px));
	-o-transform: translate(-50%, calc(-100% - 13px));
	-ms-transform: translate(-50%, calc(-100% - 13px));
	transform: translate(-50%, calc(-100% - 13px))
}

.add-new-review .tip:after,
.rating-bars .tip:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "";
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 7px;
	line-height: normal;
	vertical-align: 3px;
	font-style: normal;
	color: #fff
}

.add-new-review .tip .tip-content,
.rating-bars .tip .tip-content {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, calc(-100% - 20px));
	-moz-transform: translate(-50%, calc(-100% - 20px));
	-o-transform: translate(-50%, calc(-100% - 20px));
	-ms-transform: translate(-50%, calc(-100% - 20px));
	transform: translate(-50%, calc(-100% - 20px));
	background: #333;
	color: #fff;
	padding: 13px 15px;
	min-width: 200px;
	max-width: 200px;
	font-size: 13px;
	border-radius: 4px;
	line-height: 19px;
	pointer-events: none;
	z-index: 999;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.add-new-review .tip .tip-content:after,
.rating-bars .tip .tip-content:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "";
	position: absolute;
	bottom: 3px;
	left: 50%;
	font-size: 22px;
	color: #333;
	transform: translate(-50%, 50%)
}

.rating-bars {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-right: -30px
}

.rating-bars .rating-bars-item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 15px 30px
}

.rating-bars .rating-bars-item .value-rating {
	color: var(--civi-color-secondary);
	font-weight: 500
}

.rating-bars .rating-bars-name {
	font-weight: 500;
	display: block
}

.rating-bars .rating-bars-inner {
	display: -ms-flexbox;
	display: flex
}

.rating-bars .rating-bars-rating {
	display: inline-block;
	vertical-align: baseline;
	background: #efefef;
	width: 100%;
	height: 6px;
	margin-right: 10px;
	border-radius: 3px;
	overflow: hidden;
	background-color: var(--civi-color-border);
	align-self: center
}

.rating-bars .rating-bars-rating.high .rating-bars-rating-inner {
	background-color: var(--civi-color-accent)
}

.rating-bars .rating-bars-rating-inner {
	height: 6px;
	display: block;
	background-color: var(--civi-color-accent);
	position: relative;
	width: 0;
	transition: width .5s
}

.repreviewForm {
	margin-bottom: 15px
}

.repreviewForm .civi-button i {
	margin-left: 8px
}

.candidate-gallery-details figure img {
	height: 230px;
	object-fit: cover;
	border-radius: 8px
}

.candidate-gallery-details .slick-nav .slick-arrow {
	top: calc(50% - 15px)
}

#form-invite-popup {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: fixed;
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

#form-invite-popup .bg-overlay {
	opacity: 1;
	visibility: unset
}

#form-invite-popup .invite-popup {
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
	max-width: 400px;
	z-index: 9;
	position: relative;
	margin: 0 auto;
	top: 15%
}

#form-invite-popup .btn-close {
	font-size: 20px;
	position: absolute;
	right: 35px
}

#form-invite-popup ul.custom-scrollbar {
	padding-left: 0;
	padding-right: 15px;
	list-style: none;
	margin-bottom: 0;
	max-height: 175px;
	overflow: auto
}

#form-invite-popup ul.custom-scrollbar input {
	border: 2px solid var(--civi-color-secondary);
	margin-top: 7px;
	margin-right: 3px !important;
	min-width: 14px
}

#form-invite-popup ul.custom-scrollbar label {
	margin-bottom: 0;
	margin-left: 5px
}

#form-invite-popup li {
	display: -ms-flexbox;
	display: flex
}

#form-invite-popup li+li {
	margin-top: 5px
}

#form-invite-popup h5 {
	font-size: 24px
}

#form-invite-popup p {
	color: var(--civi-color-secondary)
}

#form-invite-popup input+input {
	margin-top: 24px
}

#form-invite-popup .button-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px
}

#form-invite-popup .button-warpper .civi-button {
	text-align: center
}

#form-invite-popup .button-warpper .civi-button+.civi-button {
	margin-left: 16px
}

#form-invite-popup .button-warpper .btn-loading {
	display: none
}

.candidate-service-details .civi-service-item+.civi-service-item {
	margin-top: 16px
}

.candidate-service-details .header-service {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px
}

.candidate-service-details .header-service h4 {
	margin-bottom: 0;
	line-height: 1
}

.title-candidate {
	font-size: 24px;
	margin-bottom: 24px
}

.candidate-sidebar .list-social {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.candidate-sidebar .civi-location {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 24px
}

.candidate-sidebar .civi-location h3 {
	font-size: 24px;
	margin-bottom: 0
}

.candidate-single-field {
	border: 1px solid var(--civi-color-border);
	border-radius: 16px;
	margin-top: 16px
}

.candidate-single-field .additional-warpper:first-child {
	padding-top: 0 !important;
	margin-top: 0 !important;
	border-top: 0 !important
}

.block-candidate-warrper .block-archive-top .additional-warpper,
.block-candidate-warrper .candidate-single-field .additional-warpper,
.block-candidate-warrper .block-archive-inner .additional-warpper {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.candidate-rating-warpper .rating-count {
	position: relative
}

.candidate-rating-warpper .rating-count:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	background-color: #d9d9d9;
	border-radius: 50%;
	left: 2px
}

.candidate-rating-warpper .rating-count i {
	color: var(--civi-color-accent);
	font-weight: bold;
	margin-right: 0
}

.candidate-rating-warpper .rating-count span {
	font-weight: 500;
	color: var(--civi-color-accent);
	margin-right: 3px
}

.candidate-rating-warpper .review-count {
	color: var(--civi-color-secondary);
	font-weight: 500
}

.time-dot::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border: 2px solid var(--civi-color-accent);
	border-radius: 50%
}

.time-line::before {
	content: "";
	position: absolute;
	width: 1px;
	top: 0px;
	bottom: 0;
	margin: auto 0;
	border: 1px dashed var(--civi-color-accent)
}

.slick-align-left .slick-track {
	margin-left: 0
}

.candidate-custom-tab h3.title-additional {
	font-size: 24px
}

.candidate-custom-tab h4.title-candidate {
	font-size: 18px
}

@media(max-width: 576px) {
	.candidate-info {
		display: block
	}

	.candidate-rating-warpper {
		margin-top: 10px
	}

	.candidate-head-details .civi-candidate-header-bottom a {
		margin-bottom: 8px
	}

	.rating-bars .rating-bars-item {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.add-new-review .star-rating {
		width: 100%
	}
}

body.single-candidate #wrapper {
	overflow: inherit
}

body.single-candidate .widget-area-init.has-sticky {
	position: sticky;
	top: 30px;
	z-index: 2
}

.civi-service-item.layout-list .service-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--civi-color-border)
}

.civi-service-item.layout-list .service-thumbnail img {
	border-radius: 16px 0 0 16px;
	object-fit: cover;
	height: 100%;
	width: 100%
}

.civi-service-item.layout-list .service-content {
	padding: 24px;
	width: 100%
}

.civi-service-item.layout-list .service-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.civi-service-item.layout-list .info-inner {
	margin-left: 32px
}

.civi-service-item.layout-list .service-status-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.civi-service-item.layout-list .service-status-inner .service-status {
	width: 22px;
	margin-top: -8px;
	margin-right: 15px
}

@media(min-width: 768px) {
	.civi-service-item.layout-list {
		display: -ms-flexbox;
		display: flex
	}

	.civi-service-item.layout-list .service-thumbnail {
		-ms-flex: 0 0 220px;
		flex: 0 0 220px
	}
}

@media(max-width: 767px) {
	.civi-service-item.layout-list .service-thumbnail img {
		border-radius: 16px 16px 0 0
	}

	.civi-service-item.layout-list .service-header-right {
		display: block
	}

	.civi-service-item.layout-list .service-title {
		margin-top: 14px
	}

	.civi-service-item.layout-list .service-status-inner {
		position: absolute;
		top: 24px;
		right: 24px
	}

	.civi-service-item.layout-list .service-status-inner .service-status {
		margin-top: 0;
		width: auto;
		margin-right: 12px
	}

	.civi-service-item.layout-list .service-status-inner .featured,
	.civi-service-item.layout-list .service-status-inner .btn-add-to-wishlist {
		width: 36px;
		height: 36px;
		background-color: #fff;
		border-radius: 50%;
		text-align: center;
		display: block
	}

	.civi-service-item.layout-list .featured img {
		position: relative;
		top: 3px
	}

	.civi-service-item.layout-list .btn-add-to-wishlist span {
		position: relative;
		top: 8px
	}
}

@media(max-width: 576px) {
	.civi-service-item.layout-list .candidate-bottom {
		display: block
	}

	.civi-service-item.layout-list .candidate-salary {
		margin-top: 15px
	}
}

.civi-service-item.layout-grid .service-thumbnail img {
	border-radius: 16px 16px 0 0;
	height: 210px;
	object-fit: cover;
	width: 100%
}

.civi-service-item.layout-grid .service-content {
	padding: 24px
}

.civi-service-item.layout-grid .service-header {
	margin-bottom: 20px
}

.civi-service-item.layout-grid .price-inner {
	padding-top: 20px;
	margin-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.civi-service-item.layout-grid .service-status-inner {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 24px;
	right: 24px
}

.civi-service-item.layout-grid .service-status-inner .service-status {
	margin-top: 0;
	width: auto;
	margin-right: 12px
}

.civi-service-item.layout-grid .service-status-inner .featured,
.civi-service-item.layout-grid .service-status-inner .btn-add-to-wishlist {
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	display: block
}

.civi-service-item.layout-grid .service-status-inner .featured img {
	position: relative;
	top: 6px;
	margin: 0 auto
}

.civi-service-item.layout-grid .service-status-inner .btn-add-to-wishlist span {
	position: relative;
	top: 8px
}

.archive-service .price-filter {
	display: -ms-flexbox;
	display: flex
}

.archive-service .price-filter .filter {
	margin-right: 10px;
	display: -ms-flexbox;
	display: flex
}

.archive-service .price-filter .filter span {
	line-height: 47px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: var(--civi-color-accent);
	color: #fff;
	border-radius: 4px
}

.archive-service .price-filter .filter input {
	border-radius: 4px;
	min-width: 80px
}

.archive-service .price-filter .select2 {
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10.5px 16px;
	background-color: #fff;
	min-width: 100px
}

.archive-service .price-filter select {
	background-color: rgba(0, 0, 0, 0)
}

.archive-service .price-filter input::-webkit-outer-spin-button,
.archive-service .price-filter input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.archive-service .price-filter input[type=number] {
	-moz-appearance: textfield
}

.archive-service #map .service-thumbnail {
	display: none
}

.civi-service-item {
	position: relative;
	border-radius: 16px;
	border: 1px solid var(--civi-color-border);
	background-color: #fff;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .01);
	cursor: pointer
}

.civi-service-item.civi-service-featured {
	border-color: #ffd75e
}

.civi-service-item:hover {
	-webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05);
	box-shadow: 0 18px 22px -5px rgba(0, 0, 0, .05)
}

.civi-service-item a:not(.civi-link-item) {
	position: relative;
	z-index: 2
}

.civi-service-item .candidate-current-position {
	font-size: 16px;
	font-weight: 500;
	color: var(--civi-color-accent)
}

.civi-service-item .service-title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 6px
}

.civi-service-item .service-title a {
	color: var(--civi-color-primary)
}

.civi-service-item .service-title a:hover {
	color: var(--civi-color-accent)
}

.civi-service-item .info-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.civi-service-item .info-inner h4 {
	font-size: 14px;
	margin-bottom: 2px
}

.civi-service-item .image-candidates {
	-ms-flex: 0 0 45px;
	flex: 0 0 45px;
	height: 45px;
	background-color: #f9f9f9;
	text-align: center;
	line-height: 45px;
	border-radius: 50%;
	font-size: 14px;
	margin-right: 12px
}

.civi-service-item .des-service {
	padding-bottom: 24px
}

.civi-service-item .price-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.civi-service-item .price-inner span {
	font-weight: 500
}

.civi-service-item .price-inner .price {
	font-size: 24px;
	color: var(--civi-color-accent);
	padding-left: 6px
}

.civi-service-item .civi-rating-warpper {
	font-size: 14px
}

.civi-service-item .civi-rating-warpper .rating-count {
	padding-left: 0
}

.civi-service-item .civi-rating-warpper .rating-count:before {
	content: none
}

@media(max-width: 576px) {
	.archive-service .price-filter {
		display: block
	}

	.archive-service .price-filter .filter {
		margin-right: 0;
		margin-bottom: 10px
	}

	.archive-service .price-filter .select2 {
		min-width: 100%
	}

	.civi-service-item .candidate-header {
		position: relative
	}

	.civi-service-item .candidate-status-inner {
		position: absolute;
		right: 0
	}

	.civi-service-item .review-count {
		display: none
	}

	.civi-service-item .candidate-rating-warpper {
		margin-top: 0
	}
}

.service-package-sidebar {
	padding: 24px
}

.service-package-sidebar ul {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.service-package-sidebar .package-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(255, 215, 94, .3);
	margin: -24px -24px 0 -24px;
	padding: 24px;
	border-radius: 16px 16px 0 0
}

.service-package-sidebar .package-top span {
	font-size: 18px;
	font-weight: 500
}

.service-package-sidebar .package-top .price {
	font-size: 46px;
	font-weight: 600;
	color: var(--civi-color-accent)
}

.service-package-sidebar .content {
	padding-top: 24px
}

.service-package-sidebar .content li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500
}

.service-package-sidebar .content li span:last-child {
	margin-left: auto;
	font-weight: 600;
	color: var(--civi-color-primary)
}

.service-package-sidebar .content li+li {
	margin-top: 16px
}

.service-package-sidebar .content svg {
	margin-right: 8px
}

.service-package-sidebar .service-location span+span:before {
	content: ", "
}

.service-package-sidebar .package-bottom {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.service-package-sidebar .package-bottom h4 {
	font-size: 16px;
	margin-bottom: 20px
}

.service-package-sidebar .package-total {
	padding-top: 24px;
	margin-top: 18px;
	border-top: 1px solid var(--civi-color-border);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.service-package-sidebar .package-total span {
	font-size: 18px;
	font-weight: 500
}

.service-package-sidebar .package-total .price {
	color: var(--civi-color-primary);
	font-weight: 600
}

.service-package-sidebar .package-addons {
	max-height: 175px;
	overflow: auto
}

.service-package-sidebar .package-addons li {
	display: -ms-flexbox;
	display: flex
}

.service-package-sidebar .package-addons li .input-control {
	min-width: 15px;
	margin-right: 8px !important
}

.service-package-sidebar .package-addons li+li {
	margin-top: 16px
}

.service-package-sidebar .package-addons li label {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: -5px
}

.service-package-sidebar .package-addons .addons-left {
	line-height: 1.5
}

.service-package-sidebar .package-addons .title {
	font-weight: 500;
	color: var(--civi-color-primary);
	display: block
}

.service-package-sidebar .package-addons .price {
	font-weight: 600;
	color: var(--civi-color-primary);
	margin-left: 15px
}

.service-package-sidebar .package-addons .content {
	font-size: 14px;
	color: #999
}

.service-package-sidebar #btn-submit-addons .btn-loading {
	display: none
}

.service-package-sidebar .civi-button {
	margin-top: 24px
}

.service-package-sidebar .service_fee {
	font-size: 14px;
	font-weight: 500;
	color: #3ab446;
	margin-top: 16px
}

.service-info-sidebar>h4 {
	margin-bottom: 16px
}

.service-info-sidebar .info-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px
}

.service-info-sidebar .info-inner h4 {
	font-size: 16px;
	margin-bottom: 3px
}

.service-info-sidebar .info-inner .rating-count {
	padding-left: 0
}

.service-info-sidebar .info-inner .rating-count:before {
	content: none
}

.service-info-sidebar .image-candidates {
	min-width: 56px;
	height: 56px;
	background-color: #f9f9f9;
	text-align: center;
	line-height: 56px;
	border-radius: 50%;
	margin-right: 16px
}

.service-info-sidebar .image-candidates i {
	font-size: 18px;
	color: var(--civi-color-secondary)
}

.service-info-sidebar .button-warpper {
	margin-top: 24px
}

.service-info-sidebar .button-warpper>.civi-button {
	margin-bottom: 16px
}

.service-info-sidebar .civi-button {
	width: 100%;
	text-align: center
}

.service-head-details h1 {
	font-size: 28px
}

.service-head-details .featured.tooltip[data-title]:before {
	top: -0.2em
}

.service-head-details .head-left .info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.service-head-details .head-left .info-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.service-head-details .head-left .info-right {
	display: -ms-flexbox;
	display: flex
}

.service-head-details .head-left .image-candidates {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 50%;
	background-color: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 14px
}

.service-head-details .head-left h4 {
	font-size: 16px;
	margin-bottom: 0
}

.service-head-details .head-left .candidate-current-position {
	font-weight: 500;
	color: var(--civi-color-accent)
}

.service-head-details .head-left .candidate-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 12px
}

.service-head-details .head-left .candidate-warpper:before {
	content: "";
	width: 6px;
	height: 6px;
	top: 50%;
	background-color: #d9d9d9;
	border-radius: 50%;
	margin-right: 10px
}

.service-head-details .head-left .civi-rating-warpper {
	margin-left: 8px
}

.service-head-details .head-left .image-candidates {
	margin-right: 10px
}

.service-head-details .btn-share,
.service-head-details .btn-add-to-wishlist {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 116, 86, .05);
	border-radius: 50%;
	color: var(--civi-color-accent)
}

.service-head-details .btn-add-to-wishlist {
	margin-left: 16px
}

.service-head-details .btn-add-to-wishlist i {
	position: relative;
	margin-top: 5px
}

.service-head-details .toggle-social .social-share {
	z-index: 9
}

.service-gallery-details .slick-arrow.gl-prev {
	left: 30px
}

.service-gallery-details .slick-arrow.gl-next {
	right: 30px
}

@media(max-width: 576px) {
	.service-head-details h1 {
		font-size: 24px;
		margin-bottom: 15px
	}

	.service-head-details .head-left .info {
		display: block
	}

	.service-head-details .head-left .info-right {
		margin-top: 15px
	}

	.service-head-details .civi-rating-warpper {
		margin-top: 0
	}

	.service-head-details .civi-rating-warpper .review-count {
		display: none
	}
}

.service-faq-details .faq-inner+.faq-inner {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid var(--civi-color-border)
}

.service-faq-details .faq-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.service-faq-details .faq-header h5 {
	font-size: 18px;
	margin-bottom: 0
}

.service-faq-details .faq-content {
	margin-top: 18px;
	display: none
}

.service-related-details .civi-service-item+.civi-service-item {
	margin-top: 16px
}

.service-related-details .header-related {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px
}

.service-related-details .header-related h4 {
	margin-bottom: 0;
	line-height: 1
}

@media(max-width: 1199px)and (min-width: 992px) {
	.civi-service-item.layout-list {
		display: block
	}

	.civi-service-item.layout-list .service-thumbnail img {
		border-radius: 16px 16px 0 0
	}
}

#submit_service_form h5 {
	font-size: 24px;
	margin-bottom: 24px
}

#submit_service_form .group-title {
	display: flex;
	flex-direction: row;
	column-gap: 14px;
	position: relative;
	margin-bottom: 28px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--civi-color-border);
	cursor: pointer
}

#submit_service_form .group-title h6 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 0px
}

#submit_service_form .group-title i:last-child {
	margin-left: auto
}

#submit_service_form .group-title i:before {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

#submit_service_form .group-title.up~.form-group {
	display: none
}

#submit_service_form .group-title.up i:last-child::before {
	transform: rotateX(180deg)
}

#submit_service_form .btn-more {
	position: relative;
	margin-bottom: 24px;
	border: none;
	background-color: #fff;
	color: var(--civi-color-accent);
	transition: transform .3s;
	font-weight: 500
}

#submit_service_form .btn-more i {
	margin-right: 10px
}

#submit_service_form .btn-more:hover {
	cursor: pointer;
	transform: scale(1.02)
}

.submit-service-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 32px 0
}

.submit-service-header .entry-title h4 {
	font-size: 24px
}

.submit-service-header .button-warpper {
	margin-top: 0 !important
}

.submit-service-header .button-link {
	margin-right: 15px
}

.archive-layout {
	padding-bottom: 80px
}

.archive-layout.map-top .col-left {
	width: 100%
}

.archive-layout.map-top .archive-filter-top {
	background-image: none !important;
	background-color: rgba(0, 0, 0, 0) !important;
	padding: 0 !important
}

.archive-layout.map-top .archive-filter-top .container>h2 {
	display: none
}

.archive-layout .archive-filter:not(.open-canvas) .inner-filter {
	background-color: #fff;
	padding: 24px;
	border-radius: 16px
}

.archive-layout .archive-filter .show-result {
	position: fixed;
	z-index: 99999;
	width: 330px;
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	padding: 15px 25px;
	bottom: 0;
	background-color: #fff;
	border-top: 1px solid;
	border-color: var(--civi-color-border)
}

.archive-layout .archive-filter .civi-menu-filter ul.filter-control li .count {
	padding-left: 3px;
	color: var(--civi-color-secondary)
}

.archive-layout .archive-filter .civi-menu-filter ul.filter-control ul {
	padding-left: 15px;
	margin-top: 5px
}

.archive-layout .archive-filter .civi-menu-filter .locations-filter .form-group+.form-group {
	margin-top: 16px
}

.archive-layout .archive-filter .civi-menu-filter .locations-filter .select2.select2-container {
	height: 48px;
	width: 100% !important;
	border: 1px solid var(--civi-color-border);
	padding: 0 20px;
	border-radius: 5px
}

.archive-layout .archive-filter .civi-menu-filter .locations-filter .load-spinner {
	position: relative
}

.archive-layout .archive-filter .civi-menu-filter .locations-filter .load-spinner:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, .02)
}

.archive-layout .archive-filter .civi-menu-filter .locations-filter .spinner {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	color: var(--civi-color-accent)
}

.archive-layout input.archive-search-location {
	height: 70px;
	border: 0;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 0
}

.archive-layout .entry-mobie {
	margin-bottom: 24px;
	display: none
}

.archive-layout .entry-mobie .result-count {
	color: var(--civi-color-primary);
	font-size: 18px;
	font-weight: 500
}

.archive-layout .civi-jobs-featured {
	border-color: #ffd75e
}

.archive-layout .civi-jobs-urgent {
	border-color: red
}

.archive-layout .filter-rating i {
	color: var(--civi-color-accent);
	font-size: 14px
}

.archive-layout .filter-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 24px
}

.archive-layout .filter-warpper .entry-filter {
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap
}

.archive-layout .filter-warpper .entry-filter>* {
	margin-bottom: 5px
}

.archive-layout .filter-warpper .entry-filter .civi-clear-filter {
	margin-right: 10px
}

.archive-layout .filter-warpper .select2-container--default .select2-selection--single {
	background-color: rgba(0, 0, 0, 0)
}

.archive-layout .filter-warpper .entry-left {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.archive-layout .filter-warpper .entry-left>* {
	margin-bottom: 5px
}

.archive-layout .filter-warpper .switch-layout a+a {
	margin-left: 8px
}

.archive-layout .filter-warpper .switch-layout i {
	color: var(--civi-color-secondary)
}

.archive-layout .filter-warpper .switch-layout a:hover i,
.archive-layout .filter-warpper .switch-layout a.active i {
	color: var(--civi-color-primary)
}

.archive-layout .filter-warpper .text-sort-by {
	font-weight: 500;
	color: var(--civi-color-secondary);
	margin-left: 20px
}

.archive-layout .filter-warpper .select2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-left: 5px;
	width: 90px !important
}

.archive-layout .filter-warpper .sort-by {
	font-weight: 500;
	border: 0;
	font-size: 16px;
	color: var(--civi-color-text);
	padding-right: 18px;
	padding-left: 8px;
	background-color: rgba(0, 0, 0, 0);
	width: auto
}

.archive-layout .filter-warpper .result-count {
	color: var(--civi-color-primary);
	font-size: 18px;
	font-weight: 500
}

.archive-layout .civi-clear-filter {
	cursor: pointer;
	font-size: 14px;
	color: var(--civi-color-accent);
	font-weight: 500;
	display: none
}

.archive-layout .inner-content.has-map {
	display: -ms-flexbox;
	display: flex
}

.archive-layout .inner-content .area-archive {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	list-style-type: none;
	grid-template-columns: repeat(2, 1fr)
}

.archive-layout .inner-content.layout-list .area-archive {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: repeat(1, 1fr)
}

.archive-layout .inner-content .col-right {
	-ms-flex: 0 0 475px;
	flex: 0 0 475px;
	max-width: 475px;
	padding-top: 68px;
	margin-left: 60px
}

.archive-layout .inner-content.layout-full {
	display: -ms-flexbox;
	display: flex
}

.archive-layout .inner-content.layout-full .col-left {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
	padding-right: 15px;
	position: sticky;
	z-index: 3;
	top: 30px;
	padding-top: 0;
	margin-top: 60px;
	height: calc(100vh - 50px);
	overflow: auto
}

.archive-layout .inner-content.layout-full.only-left .col-left {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.archive-layout .inner-content.layout-full .col-right {
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
	padding-left: 15px;
	margin: 0
}

.archive-layout .inner-content.layout-full .block-archive-top {
	overflow: hidden
}

.archive-layout .inner-content.layout-full .area-archive.column-1 {
	display: block
}

.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item {
	margin-bottom: 20px
}

.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item a {
	pointer-events: none;
	cursor: default
}

.archive-layout .inner-content.layout-full .area-archive.column-1 .jobs-footer-left {
	margin: 0 0 10px 0
}

.archive-layout .inner-content.layout-full .area-archive.column-1 .jobs-archive-footer {
	display: block
}

.archive-layout .inner-content.layout-full .civi-jobs-header-bottom {
	line-height: normal;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .label {
	display: flex;
	align-items: center
}

.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .left {
	flex: 1;
	margin-right: 30px
}

.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .left .label {
	display: inline-flex
}

.archive-layout .inner-content.layout-full .civi-jobs-item .jobs-title {
	font-size: 16px
}

.archive-layout .inner-content.layout-full .civi-jobs-item .info-company {
	font-size: 14px
}

.archive-layout .inner-content.layout-full .civi-jobs-item.layout-list .jobs-header-left {
	align-items: flex-start
}

.archive-layout .preview-tabs .tab-nav {
	list-style: none;
	padding: 0 32px;
	border-bottom: 2px solid #f9f9f9;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff
}

.archive-layout .preview-tabs .tab-nav li {
	margin-right: 8px
}

.archive-layout .preview-tabs .tab-nav a {
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	padding: 12px;
	line-height: 1.2;
	border-bottom: 2px solid #f9f9f9;
	display: block;
	margin-bottom: -2px
}

.archive-layout .preview-tabs .tab-nav a.is-active {
	border-bottom-color: #111;
	color: #111
}

.archive-layout .preview-tabs .tab-content {
	display: none;
	background-color: #fff
}

.archive-layout .preview-tabs .tab-content.is-active {
	display: block
}

.archive-layout .preview-tabs .company-overview,
.archive-layout .preview-tabs .company-jobs {
	padding: 32px 32px 0
}

.archive-layout .preview-tabs .company-overview .title,
.archive-layout .preview-tabs .company-jobs .title {
	font-size: 24px;
	margin-bottom: 24px
}

.archive-layout .preview-tabs .company-jobs {
	padding-bottom: 32px
}

.archive-layout .preview-tabs .company-overview {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.archive-layout .preview-tabs .company-overview .title,
.archive-layout .preview-tabs .company-overview .content {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.archive-layout .preview-tabs .company-overview .info {
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%
}

.archive-layout .preview-tabs .company-overview .content {
	margin-bottom: 20px
}

.archive-layout .preview-tabs .company-overview .content p {
	margin-bottom: 0;
	display: none
}

.archive-layout .preview-tabs .company-overview .content p:first-child {
	display: inline-block
}

.archive-layout .preview-tabs .company-overview .content.is-active p {
	display: inline-block;
	margin-bottom: 12px
}

.archive-layout .preview-tabs .company-overview .content a {
	color: #007456
}

.archive-layout .preview-tabs .company-overview .content a:hover {
	text-decoration: underline
}

.archive-layout .preview-tabs .info .title-info {
	color: #111;
	font-weight: 500;
	margin-bottom: 4px
}

.archive-layout .preview-tabs .info a {
	color: #007456
}

.archive-layout .preview-tabs .info .salary-info {
	white-space: nowrap
}

.archive-layout .preview-tabs .info .list-cate a {
	display: inline-flex;
	justify-content: flex-start
}

.archive-layout .preview-tabs .info .list-cate a:last-child:before {
	content: ""
}

.archive-layout .preview-tabs .info .list-cate a:before {
	content: ",";
	order: 2
}

.archive-layout .preview-tabs .info .company-phone i {
	margin-left: 7px;
	cursor: pointer
}

.archive-layout .preview-tabs .list-social,
.archive-layout .preview-tabs .list-jobs {
	padding: 0;
	margin: 0 0 24px 0;
	list-style: none;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.archive-layout .preview-tabs .list-social li,
.archive-layout .preview-tabs .list-jobs li {
	display: inline-block;
	margin-right: 16px
}

.archive-layout .preview-tabs .civi-button.button-block {
	width: auto;
	margin-right: 20px
}

.archive-layout .preview-tabs .civi-button.button-block i,
.archive-layout .preview-tabs .civi-button.button-block svg {
	margin: 0 0 0 10px
}

.archive-layout .preview-tabs .list-jobs li {
	display: block;
	margin: 0 0 16px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.archive-layout .preview-tabs .list-jobs li .title {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 4px
}

.archive-layout .preview-tabs .list-jobs li .title a {
	color: #111
}

.archive-layout .preview-tabs .list-jobs li .title a:hover {
	color: #007456
}

.archive-layout .preview-tabs .list-jobs li:last-child {
	border-bottom: 0;
	margin-bottom: 0
}

.archive-layout .preview-tabs .list-jobs {
	margin: 0
}

.archive-layout .preview-tabs .list-jobs+.civi-button {
	width: auto;
	display: inline-block
}

.archive-layout .civi-filter-search-map {
	display: block;
	height: 100vh;
	position: sticky;
	top: 0
}

.archive-layout .civi-filter-search-map .entry-map {
	height: 100vh;
	position: relative
}

.archive-layout .civi-filter-search-map .mapboxgl-popup {
	z-index: 3
}

.archive-layout .civi-filter-search-map .mapboxgl-popup-content,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	padding: 0
}

.archive-layout .civi-filter-search-map .mapboxgl-popup-content .mapboxgl-popup-close-button,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .mapboxgl-popup-close-button {
	margin-top: 10px;
	margin-right: 10px
}

.archive-layout .civi-filter-search-map .mapboxgl-popup-content .des-company,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .company-size,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .des-candidate,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .candidate-category,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .des-company,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .company-size,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .des-candidate,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .candidate-category {
	display: none
}

.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-company-item,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-candidates-item,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-company-item,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-candidates-item {
	border: none;
	max-width: 330px
}

.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-company-item .candidates-title,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-candidates-item .candidates-title,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-company-item .candidates-title,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-candidates-item .candidates-title {
	margin-bottom: 10px
}

.archive-layout #pac-input {
	display: none
}

.archive-layout .salary-filter {
	display: -ms-flexbox;
	display: flex
}

.archive-layout .salary-filter .filter {
	margin-right: 10px;
	display: -ms-flexbox;
	display: flex
}

.archive-layout .salary-filter .filter span {
	line-height: 47px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: var(--civi-color-accent);
	color: #fff;
	border-radius: 4px
}

.archive-layout .salary-filter .filter input {
	border-radius: 4px;
	min-width: 80px
}

.archive-layout .salary-filter .select2 {
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10.5px 16px;
	background-color: #fff;
	min-width: 90px
}

.archive-layout .salary-filter select {
	background-color: rgba(0, 0, 0, 0)
}

.archive-layout .salary-filter input::-webkit-outer-spin-button,
.archive-layout .salary-filter input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.archive-layout .salary-filter input[type=number] {
	-moz-appearance: textfield
}

.archive-layout .archive-filter-top.has-bg {
	padding-top: 100px;
	padding-bottom: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.archive-layout .archive-filter-top.has-bg h2 {
	margin-top: 0;
	color: #fff
}

.archive-layout .archive-filter-top .form-archive-top-filter {
	margin-left: 15px;
	margin-right: 15px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03)
}

.archive-layout .archive-filter-top .form-archive-top-filter .ui-helper-hidden-accessible {
	display: none
}

.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container {
	height: 100% !important;
	width: 100% !important;
	border: 0;
	font-size: 16px;
	line-height: 70px;
	border-radius: 0;
	padding-left: 24px;
	padding-right: 24px;
	background-color: #fff;
	padding-left: 55px
}

.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2 .selection,
.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2 .select2-selection,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container .selection,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container .select2-selection {
	width: 100%
}

.archive-layout .archive-filter-top .form-archive-top-filter .load-spinner {
	position: relative
}

.archive-layout .archive-filter-top .form-archive-top-filter .load-spinner:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, .02)
}

.archive-layout .archive-filter-top .form-archive-top-filter .spinner {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	color: var(--civi-color-accent)
}

.archive-layout .archive-filter-top .form-group {
	border-top: 1px solid var(--civi-color-border);
	border-bottom: 1px solid var(--civi-color-border);
	-ms-flex-positive: 1;
	flex-grow: 1
}

.archive-layout .archive-filter-top .form-group+.form-group {
	border-left: 1px solid var(--civi-color-border)
}

.archive-layout .archive-filter-top .form-group:last-child {
	background-color: #fff;
	text-align: right;
	padding-right: 15px;
	border-radius: 0 50px 50px 0;
	border: 1px solid var(--civi-color-border) !important;
	max-width: 210px
}

.archive-layout .archive-filter-top .form-group:last-child,
.archive-layout .archive-filter-top .form-group:first-child {
	border: 0
}

.archive-layout .archive-filter-top h2 {
	margin-top: 52px;
	margin-bottom: 32px;
	text-align: center
}

.archive-layout .archive-filter-top .form-group i:not(.fa-spin) {
	color: var(--civi-color-secondary);
	font-size: 18px;
	position: absolute;
	top: 50%;
	z-index: 2;
	left: 20px;
	font-weight: 400;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.archive-layout .archive-filter-top .form-select i.fa-angle-down {
	right: 25px;
	left: auto
}

.archive-layout .archive-filter-top .archive-search-control {
	padding-left: 50px;
	border: 0;
	height: 70px;
	width: 100%;
	border-radius: 0
}

.archive-layout .archive-filter-top .archive-search-control {
	border-radius: 50px 0 0 50px;
	border-width: 1px 0 1px 1px !important;
	border-color: var(--civi-color-border) !important;
	border-style: solid !important;
	line-height: 70px;
	height: 72px
}

.archive-layout .archive-filter-top .select2-container--default .select2-selection--multiple {
	padding-top: 10px;
	padding-bottom: 10px
}

.archive-layout .archive-filter-top .btn-top-filter {
	margin-top: 14px
}

.archive-layout .archive-filter-top .btn-top-filter .btn-loading {
	display: none
}

.archive-layout .archive-filter-top .civi-clear-top-filter {
	color: var(--civi-color-secondary);
	padding-right: 10px;
	cursor: pointer
}

.archive-layout .archive-filter-top .civi-clear-top-filter:hover {
	color: var(--civi-color-accent)
}

.archive-layout.filter-right .inner-filter {
	margin-right: 0;
	margin-left: 70px
}

.archive-layout.filter-active .civi-clear-filter {
	display: block !important
}

.archive-layout .inner-filter {
	width: 330px;
	margin-right: 70px
}

.archive-layout .col-left {
	display: -ms-flexbox;
	display: flex;
	padding-top: 68px
}

.archive-layout #primary {
	flex: auto
}

.archive-layout .civi-filter-toggle>span {
	font-size: 18px;
	color: var(--civi-color-primary)
}

.archive-layout .civi-nav-filter {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.archive-layout .civi-nav-filter.active .civi-clear-filter {
	display: block
}

.archive-layout .inner-filter .entry-filter {
	padding-top: 24px;
	border-top: 1px solid var(--civi-color-border);
	margin-top: 24px
}

.archive-layout .inner-filter .entry-filter h4 {
	font-size: 16px;
	font-weight: 600;
	color: var(--civi-color-secondary);
	text-transform: uppercase;
	margin-bottom: 17px
}

.archive-layout .inner-filter .entry-filter ul.custom-scrollbar {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	max-height: 185px;
	overflow: auto
}

.archive-layout .inner-filter .entry-filter ul.custom-scrollbar label {
	margin-bottom: 0;
	margin-left: 5px
}

.archive-layout .inner-filter .entry-filter ul.custom-scrollbar input {
	border: 2px solid var(--civi-color-secondary)
}

.archive-layout .inner-filter .entry-filter ul.custom-scrollbar li+li {
	margin-top: 10px
}

.archive-layout .inner-filter .entry-filter ul.custom-scrollbar ul {
	list-style: none
}

.archive-layout .jobs-status-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.archive-layout .jobs-status-inner .logged-out {
	display: grid
}

.archive-layout .inner-content.no-map .col-right {
	-ms-flex: 0;
	flex: 0;
	max-width: 0;
	opacity: 0;
	visibility: hidden;
	height: 0;
	padding: 0;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform .3s ease 0s;
	-moz-transition: transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s
}

.archive-layout .inner-content.has-map .col-right {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform .3s ease 0s;
	-moz-transition: transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s
}

.archive-layout .btn-switch {
	margin-left: 28px
}

.archive-layout .btn-switch span.slider {
	background-color: var(--civi-color-secondary)
}

.archive-layout .btn-switch .text-switch {
	margin-right: 10px;
	color: var(--civi-color-secondary)
}

.btn-add-to-wishlist i {
	font-size: 20px
}

.btn-add-to-wishlist i,
.btn-add-to-wishlist.removed i {
	font-weight: 400
}

.btn-add-to-wishlist.added i {
	font-weight: 900;
	color: var(--civi-color-accent)
}

.civi-link-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.icon-heart .civi-dual-ring {
	width: auto;
	height: auto;
	position: static;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-o-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}

.icon-heart .civi-dual-ring:after {
	width: 20px;
	height: 20px;
	border-width: 2px
}

.btn-canvas-filter {
	margin-right: 24px;
	font-weight: 500
}

.btn-canvas-filter i {
	font-size: 14px;
	margin-right: 8px;
	font-weight: 500;
	color: var(--civi-color-secondary)
}

#jobs-result-filter {
	position: absolute;
	background-color: #fff;
	border-radius: 8px;
	top: 110%;
	width: 100%;
	max-height: 206px;
	overflow-y: auto;
	z-index: 2
}

#jobs-result-filter .title-jobs-filter {
	font-size: 16px;
	margin: 0;
	padding: 10px 25px 10px 25px;
	text-align: left;
	display: block
}

#jobs-result-filter .title-jobs-filter+.title-jobs-filter {
	border-top: 1px solid var(--civi-color-border)
}

body.post-type-archive-jobs #wrapper,
body.post-type-archive-company #wrapper,
body.post-type-archive-candidate #wrapper,
body.post-type-archive-service #wrapper {
	overflow: inherit
}

body.admin-bar .archive-layout .archive-filter .inner-filter {
	top: 32px
}

@media(max-width: 991px)and (min-width: 768px) {
	.archive-layout .archive-filter-top .form-group:first-child {
		flex-basis: 160px
	}
}

@media(min-width: 1200px) {
	.filter-canvas:not(.map-right) .inner-content .area-archive {
		grid-template-columns: repeat(3, 1fr)
	}

	.filter-canvas:not(.map-right) .inner-content.layout-list .area-archive {
		grid-template-columns: repeat(2, 1fr)
	}

	.filter-canvas .archive-filter.open-canvas .bg-overlay {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s
	}

	.filter-canvas .archive-filter.open-canvas .inner-filter {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
		width: 330px
	}

	.filter-canvas .archive-filter .inner-filter {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		background: #fff;
		z-index: 99999;
		padding: 25px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s
	}

	.filter-canvas .archive-filter .civi-menu-filter {
		padding-bottom: 80px
	}

	.archive-layout .salary-filter .filter {
		min-width: 80px
	}
}

.civi-form-location:hover .radius {
	opacity: 1;
	visibility: unset;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.civi-form-location select {
	padding: 0
}

.civi-form-location .select2 {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	visibility: hidden
}

.civi-form-location i.fa-angle-down {
	right: 24px;
	cursor: pointer;
	font-weight: 400 !important;
	left: auto !important;
	font-size: 16px !important
}

.civi-form-location .icon-location {
	position: absolute;
	bottom: 18px;
	left: 16px
}

.civi-form-location .icon-location svg {
	color: var(--civi-color-secondary);
	cursor: pointer;
	animation: load_infinite_360 5s 5s ease-in-out infinite;
	-webkit-animation: load_infinite_360 5s 5s ease-in-out infinite;
	-moz-animation: load_infinite_360 5s 5s ease-in-out infinite
}

.civi-form-location .icon-location svg:hover {
	color: var(--civi-color-accent)
}

.civi-form-location .icon-location svg path {
	fill: currentColor
}

.civi-form-location .radius {
	opacity: 0;
	visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	position: absolute;
	left: 0;
	bottom: calc(100% - 8px);
	width: 220px;
	background-color: #edf2f1;
	border-radius: 100px;
	padding-left: 24px
}

.civi-form-location .radius .labels {
	position: relative
}

.civi-form-location .radius .labels:after {
	position: absolute;
	content: "";
	border-left: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0);
	border-top: 12px solid #edf2f1;
	left: -2px;
	bottom: -22px
}

.civi-form-location .radius input {
	border: 0;
	color: var(--civi-color-primary);
	background-color: #edf2f1;
	padding-left: 5px;
	padding-right: 5px;
	-moz-appearance: textfield
}

.civi-form-location .radius input::-webkit-outer-spin-button,
.civi-form-location .radius input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.civi-form-location .radius .distance {
	padding-left: 24px;
	padding-right: 25px;
	background-color: var(--civi-color-accent);
	height: 47px;
	border-radius: 100px;
	line-height: 47px;
	color: #fff;
	font-weight: 500
}

@media(min-width: 992px) {
	.archive-layout.map-right .inner-content {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0
	}

	.archive-layout.map-right .inner-content.no-map .col-left {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding-right: 50px
	}

	.archive-layout.map-right .col-left {
		padding-left: 50px;
		max-width: 60%;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%
	}

	.archive-layout.map-right .col-right {
		max-width: 40%;
		-ms-flex: 1 1 40%;
		flex: 1 1 40%
	}
}

@media(min-width: 768px) {
	.archive-layout.map-top .archive-filter-top {
		position: absolute;
		top: 35px;
		z-index: 2;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%
	}

	.archive-layout .archive-filter-top .form-group {
		width: 180px
	}
}

@media(max-width: 1199px) {
	.archive-layout {
		padding-bottom: 80px
	}

	.archive-layout.filter-right .archive-filter .inner-filter {
		left: auto;
		right: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		-o-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.archive-layout .archive-filter {
		width: auto
	}

	.archive-layout .archive-filter.open-canvas .bg-overlay {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s
	}

	.archive-layout .archive-filter.open-canvas .inner-filter {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
		width: 370px
	}

	.archive-layout .archive-filter.open-canvas .show-result {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.archive-layout .archive-filter .inner-filter {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		background: #fff;
		z-index: 99999;
		padding: 25px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s
	}

	.archive-layout .archive-filter .civi-menu-filter {
		padding-bottom: 80px;
		position: relative
	}
}

@media(max-width: 991px) {

	.archive-layout.map-right .col-right,
	.archive-layout.map-right .btn-hide-map {
		display: none
	}

	.archive-layout .inner-content.layout-full .preview-job-wrapper {
		display: none
	}

	.archive-layout .inner-content.layout-full .col-left {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		overflow: auto;
		height: 100%
	}

	.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item {
		cursor: inherit
	}

	.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item a {
		pointer-events: all;
		cursor: pointer
	}
}

@media(max-width: 767px) {
	.archive-layout .archive-filter-top.has-bg {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.archive-layout.map-top .archive-filter-top {
		margin-top: 40px
	}

	.archive-layout .col-left {
		padding-top: 32px
	}

	.archive-layout .archive-filter-top h2 {
		font-size: 28px;
		margin-top: 24px;
		margin-bottom: 24px
	}

	.archive-layout .archive-filter-top .form-group {
		width: 100%;
		border-bottom: 0;
		border-right: 1px solid var(--civi-color-border)
	}

	.archive-layout .archive-filter-top .form-group:last-child {
		max-width: 100%;
		border-radius: 0 0 16px 16px;
		padding-left: 15px
	}

	.archive-layout .archive-filter-top .archive-search-control {
		border-radius: 16px 16px 0 0;
		border-width: 1px 1px 0 1px !important
	}

	.archive-layout .archive-filter-top .civi-clear-top-filter {
		margin-top: 24px;
		display: block;
		text-align: center;
		height: 46px;
		line-height: 46px;
		border: 1px solid var(--civi-color-border);
		border-radius: 30px;
		color: var(--civi-color-primary)
	}

	.archive-layout .archive-filter-top .civi-clear-top-filter:hover {
		cursor: pointer;
		color: #fff;
		border-color: var(--civi-color-accent);
		background-color: var(--civi-color-accent)
	}

	.archive-layout .archive-filter-top .btn-top-filter {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 24px
	}

	.archive-layout .archive-filter-top .btn-top-filter:hover {
		background-color: var(--civi-color-accent) !important;
		color: #fff !important
	}

	.archive-layout .entry-filter .switch-layout,
	.archive-layout .entry-filter .text-sort-by {
		display: none
	}

	.archive-layout .salary-filter {
		display: block
	}

	.archive-layout .salary-filter .filter {
		margin-bottom: 10px;
		margin-right: 0
	}
}

@media(max-width: 576px) {
	.archive-layout .inner-content .area-archive {
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 16px
	}

	.archive-layout .inner-content .archive-filter.open-canvas .inner-filter {
		width: 270px
	}

	.archive-layout .archive-filter .show-result {
		width: 270px
	}

	.archive-layout .filter-warpper {
		margin-bottom: 5px
	}

	.archive-layout .entry-mobie {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.archive-layout .entry-left .result-count,
	.archive-layout .entry-right .civi-clear-filter {
		display: none !important
	}

	.civi-form-location .select2 {
		visibility: unset
	}
}

@-ms-keyframes load_infinite_360 {
	from {
		-ms-transform: rotate(0)
	}

	to {
		-ms-transform: rotate(360deg)
	}
}

@-moz-keyframes load_infinite_360 {
	from {
		-moz-transform: rotate(0)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes load_infinite_360 {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes load_infinite_360 {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.civi-checkbox-round .inner-filter .entry-filter ul.custom-scrollbar input {
	border-radius: 50%
}

.civi-advanced-archive.off-count .civi-menu-filter ul.filter-control li .count {
	display: none
}

#company-submit-social .civi-button,
#candidate-submit-social .civi-button {
	padding-left: 8px;
	padding-bottom: 24px
}

#company-submit-social .field-social-clone,
#candidate-submit-social .field-social-clone {
	display: none
}

#company-submit-social .soical-remove-inner,
#candidate-submit-social .soical-remove-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--civi-color-border);
	margin-bottom: 24px;
	cursor: pointer
}

#company-submit-social .soical-remove-inner span,
#candidate-submit-social .soical-remove-inner span {
	color: var(--civi-color-primary);
	margin-left: 10px;
	font-weight: 500;
	font-size: 18px
}

#company-submit-social .soical-remove-inner i,
#candidate-submit-social .soical-remove-inner i {
	color: var(--civi-color-primary)
}

.civi-fields-gallery .civi-gallery-inner {
	width: 150px;
	height: 150px
}

.civi-fields-gallery #civi_gallery_container {
	border: dashed 1px #ddd;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	background-color: #f9f9f9
}

.civi-fields-gallery #civi_select_gallery {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	height: 100%;
	width: 100%;
	color: var(--civi-color-accent);
	font-weight: 500
}

.civi-fields-gallery #civi_select_gallery i {
	display: block;
	margin-bottom: 10px;
	color: var(--civi-color-secondary)
}

.civi-fields-gallery .field-note {
	max-width: 90px;
	margin: 8px 25px 20px;
	text-align: center;
	font-size: 14px;
	color: var(--civi-color-secondary);
	line-height: 1.5
}

.civi-fields-gallery #civi_gallery_thumbs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.civi-fields-gallery .media-thumb {
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 100px;
	height: 100px
}

.civi-fields-gallery .media-thumb .media-item-actions {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff
}

.civi-fields-gallery .media-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.civi-fields-thumbnail #civi_thumbnail_container {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-radius: 6px;
	position: relative
}

.civi-fields-thumbnail #civi_thumbnail_view {
	border-radius: 6px;
	border: 1px dashed #ddd;
	background-color: #f9f9f9;
	width: 100%;
	height: 100%
}

.civi-fields-thumbnail #civi_thumbnail_view img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.civi-fields-thumbnail #civi_add_thumbnail {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--civi-color-primary)
}

.civi-fields-thumbnail #civi_add_thumbnail #civi_select_thumbnail {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	color: var(--civi-color-accent);
	font-weight: 500;
	cursor: pointer
}

.civi-fields-thumbnail #civi_add_thumbnail p {
	margin-bottom: 0;
	margin-top: 10px
}

.civi-fields-thumbnail .media-item-actions {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	z-index: 999999
}

.civi-fields-thumbnail #civi_thumbnail_errors {
	font-size: 10px;
	color: red;
	margin-bottom: 5px
}

.civi-fields-thumbnail i.la-upload {
	color: var(--civi-color-secondary)
}

.civi-thumbnail-size {
	margin-top: 8px;
	color: var(--civi-color-secondary);
	font-size: 14px;
	text-align: center
}

@media(max-width: 992px) {
	#civi_thumbnail_container .moxie-shim {
		position: absolute;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important
	}
}

.civi-fields-custom_image .file-upload-block {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-radius: 6px;
	position: relative
}

.civi-fields-custom_image .custom-image-view {
	border-radius: 6px;
	border: 1px dashed #ddd;
	background-color: #f9f9f9;
	width: 100%;
	height: 100%
}

.civi-fields-custom_image .custom-image-view img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.civi-fields-custom_image .custom-image-add {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--civi-color-primary)
}

.civi-fields-custom_image .custom-image-add .select-custom-image {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	color: var(--civi-color-accent);
	font-weight: 500;
	cursor: pointer
}

.civi-fields-custom_image .custom-image-add p {
	margin-bottom: 0;
	margin-top: 10px
}

.civi-fields-custom_image .media-item-actions {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff
}

.civi-fields-custom_image .errors-log {
	font-size: 10px;
	color: red;
	margin-bottom: 5px
}

.civi-fields-custom_image i.la-upload {
	color: var(--civi-color-secondary)
}

.civi-custom_image-size {
	margin-top: 8px;
	color: var(--civi-color-secondary);
	font-size: 14px;
	text-align: center
}

@media(max-width: 992px) {
	.civi-fields-custom_image .file-upload-block .moxie-shim {
		position: absolute;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important
	}
}

.civi-map-warpper {
	height: 300px;
	width: 100%
}

#jobs-map-filter {
	height: 100%
}

#geocoder .mapboxgl-ctrl-geocoder--icon-search {
	display: none
}

.leaflet-marker-icon img {
	border-radius: 50%
}

div.leaflet-popup .leaflet-popup-content-wrapper {
	background-color: rgba(0, 0, 0, 0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

div.leaflet-popup .leaflet-popup-content-wrapper a {
	color: var(--civi-color-accent)
}

.mapboxgl-map .mapboxgl-marker:after,
.civi-openstreetmap-filter .leaflet-marker-icon:after {
	background-color: rgba(0, 0, 0, 0) !important
}

.civi-openstreetmap-filter * {
	font-family: inherit
}

.civi-openstreetmap-filter .leaflet-popup-tip {
	width: 0;
	height: 0
}

.mapboxgl-map .mapboxgl-marker.mouseenter:before,
.mapboxgl-map .mapboxgl-marker.mouseenter:after,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter:before,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter:after,
.page-dashboard .mapboxgl-map .mapboxgl-marker:before,
.page-dashboard .mapboxgl-map .mapboxgl-marker:after,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon:before,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-jobs .mapboxgl-map .mapboxgl-marker:before,
body.single-jobs .mapboxgl-map .mapboxgl-marker:after,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-company .mapboxgl-map .mapboxgl-marker:before,
body.single-company .mapboxgl-map .mapboxgl-marker:after,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-candidate .mapboxgl-map .mapboxgl-marker:before,
body.single-candidate .mapboxgl-map .mapboxgl-marker:after,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon:after {
	width: 150px;
	height: 150px;
	border: 2px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	border-radius: 50%;
	animation: animationSignal linear 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	display: block;
	content: "";
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: inset 0 0 35px 10px var(--civi-color-accent);
	-moz-box-shadow: inset 0 0 35px 10px var(--civi-color-accent);
	box-shadow: inset 0 0 35px 10px var(--civi-color-accent)
}

@keyframes animationSignal {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0.3);
		-moz-transform: translate(-50%, -50%) scale(0.3);
		-o-transform: translate(-50%, -50%) scale(0.3);
		-ms-transform: translate(-50%, -50%) scale(0.3);
		transform: translate(-50%, -50%) scale(0.3)
	}

	1% {
		-webkit-transform: translate(-50%, -50%) scale(0.32);
		-moz-transform: translate(-50%, -50%) scale(0.32);
		-o-transform: translate(-50%, -50%) scale(0.32);
		-ms-transform: translate(-50%, -50%) scale(0.32);
		transform: translate(-50%, -50%) scale(0.32);
		opacity: .1
	}

	20% {
		opacity: .5;
		-webkit-transform: translate(-50%, -50%) scale(0 0.45);
		-moz-transform: translate(-50%, -50%) scale(0 0.45);
		-o-transform: translate(-50%, -50%) scale(0 0.45);
		-ms-transform: translate(-50%, -50%) scale(0 0.45);
		transform: translate(-50%, -50%) scale(0 0.45)
	}

	60% {
		-webkit-transform: translate(-50%, -50%) scale(0.75);
		-moz-transform: translate(-50%, -50%) scale(0.75);
		-o-transform: translate(-50%, -50%) scale(0.75);
		-ms-transform: translate(-50%, -50%) scale(0.75);
		transform: translate(-50%, -50%) scale(0.75);
		opacity: .35
	}
}

.civi-fields-avatar button {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	color: var(--civi-color-accent);
	font-weight: 500;
	cursor: pointer
}

.civi-fields-avatar #civi_avatar_container {
	border-radius: 6px;
	border: 1px dashed #ddd;
	background-color: #f9f9f9;
	width: 150px;
	height: 150px;
	position: relative;
	margin-right: 16px;
	overflow: hidden
}

.civi-fields-avatar #civi_drop_avatar {
	margin-bottom: 0
}

.civi-fields-avatar #civi_avatar_view {
	width: 100%;
	height: 100%
}

.civi-fields-avatar .media-thumb {
	height: 100%;
	width: 100%
}

.civi-fields-avatar .media-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.civi-fields-avatar #civi_add_avatar {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	text-align: center;
	cursor: pointer
}

.civi-fields-avatar #civi_add_avatar #civi_drop_avatar {
	margin-bottom: 0
}

.civi-fields-avatar .media-item-actions {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	z-index: 999999
}

.civi-fields-avatar i.la-upload {
	color: var(--civi-color-secondary)
}

.civi-fields-avatar .field-note {
	max-width: 90px;
	font-size: 14px;
	margin-top: 8px;
	margin-left: 25px;
	color: var(--civi-color-secondary)
}

.civi-fields-avatar #civi_avatar_errors {
	font-size: 10px;
	color: red;
	margin-bottom: 5px
}

.civi-form-popup {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: fixed;
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.civi-form-popup .bg-overlay {
	opacity: 1;
	visibility: unset
}

.civi-form-popup .inner-popup {
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
	max-width: 450px;
	z-index: 9;
	position: relative;
	margin: 0 auto;
	top: 15%;
	max-height: calc(100vh - 200px);
	overflow: auto
}

.civi-form-popup .btn-close {
	font-size: 20px;
	position: absolute;
	right: 35px
}

.civi-form-popup .message_error {
	color: red;
	margin-top: 15px
}

.civi-form-popup .message_error.true {
	color: #7cfc00
}

.civi-form-popup .form-group {
	margin-top: 24px
}

.civi-form-popup h5 {
	font-size: 24px;
	margin-bottom: 0
}

.civi-form-popup h5 span {
	color: var(--civi-color-accent)
}

.civi-form-popup p {
	color: var(--civi-color-secondary);
	margin-bottom: 35px
}

.civi-form-popup label {
	font-weight: 500;
	margin-bottom: 14px;
	color: var(--civi-color-primary)
}

.civi-form-popup label sup {
	color: red;
	font-size: 12px;
	top: -0.2em
}

.civi-form-popup input+input {
	margin-top: 24px
}

.civi-form-popup .button-warpper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px
}

.civi-form-popup .button-warpper .civi-button {
	text-align: center;
	padding-left: 12px;
	padding-right: 12px
}

.civi-form-popup .button-warpper .civi-button+.civi-button {
	margin-left: 16px
}

.civi-form-popup .button-warpper .btn-loading {
	display: none
}

.civi-form-popup .civi-message-error {
	color: red;
	margin-top: 15px
}

.civi-form-popup .civi-message-error.true {
	color: #7cfc00
}

.form-group select {
	display: block;
	width: 100%
}

.civi-form-meetings {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: fixed;
	z-index: 8;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.civi-form-meetings label sup {
	color: red;
	font-size: 12px;
	top: -0.2em
}

.civi-form-meetings .bg-overlay {
	opacity: 1;
	visibility: unset
}

.civi-form-meetings .meetings-popup {
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
	max-width: 450px;
	z-index: 9;
	position: relative;
	margin: 0 auto;
	top: 100px;
	max-height: calc(100vh - 200px);
	overflow: auto
}

.civi-form-meetings .meetings-popup span[toggle="#zoompw"] {
	position: absolute;
	right: 30px;
	bottom: 15px;
	cursor: pointer
}

.civi-form-meetings .meetings-popup span.btn-loading {
	display: none;
	padding-left: 3px !important
}

.civi-form-meetings .meetings-popup span.btn-loading i {
	padding-left: 0 !important
}

.civi-form-meetings .btn-close {
	font-size: 20px;
	position: absolute;
	right: 35px
}

.civi-form-meetings h5 {
	font-size: 24px
}

.civi-form-meetings p {
	color: var(--civi-color-secondary);
	margin-bottom: 35px
}

.civi-form-meetings label {
	font-weight: 500;
	margin-bottom: 14px;
	color: var(--civi-color-primary)
}

.civi-form-meetings .form-group {
	margin-top: 24px
}

.civi-form-meetings .civi-button.button-link {
	margin-top: 24px;
	margin-bottom: 24px
}

.civi-form-meetings .button-warpper {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex
}

.civi-form-meetings .button-warpper .civi-button {
	text-align: center
}

.civi-form-meetings .button-warpper .civi-button+.civi-button {
	margin-left: 16px
}

.civi-form-meetings .tab-popup:not(:first-child) {
	display: none
}

.civi-form-meetings .message_error {
	color: red;
	margin-top: 15px
}

.civi-form-meetings .message_error.true {
	color: #7cfc00
}

@media(max-width: 576px) {
	.civi-form-meetings .button-warpper {
		display: block
	}

	.civi-form-meetings #btn-meetings-reschedule,
	.civi-form-meetings #btn-saved-meetings {
		margin-left: 0;
		margin-top: 15px
	}
}

.tooltip[data-title] {
	position: relative;
	z-index: 2;
	
}

.tooltip[data-title]:after {
	content: attr(data-title);
	position: absolute;
	top: -2.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #000;
	color: #fff;
	font-size: 14px;
	padding: 4px 10px;
	border-radius: 4px;
	white-space: nowrap
}

.tooltip[data-title]:before {
	content: "";
	position: absolute;
	right: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	top: 0;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid #000;
	top: -0.5em
}

.tooltip[data-title]:after,
.tooltip[data-title]:before {
	z-index: 99999;
	visibility: hidden;
	opacity: 0
}

.tooltip[data-title]:hover:after,
.tooltip[data-title]:hover:before {
	opacity: 1;
	transition: all .1s ease .2s;
	visibility: visible
}

.tab-dashboard .tab-list,
.tab-dashboard .tab-list-popup,
.tab-dashboard .tab-list-active,
.tab-popup-warpper .tab-list,
.tab-popup-warpper .tab-list-popup,
.tab-popup-warpper .tab-list-active,
.tab-dashboard-active .tab-list,
.tab-dashboard-active .tab-list-popup,
.tab-dashboard-active .tab-list-active {
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0
}

.tab-dashboard .tab-info-active:not(.active),
.tab-popup-warpper .tab-info-active:not(.active),
.tab-dashboard-active .tab-info-active:not(.active) {
	display: none
}

.tab-dashboard .tab-item,
.tab-popup-warpper .tab-item,
.tab-dashboard-active .tab-item {
	position: relative
}

.tab-dashboard .tab-item:before,
.tab-popup-warpper .tab-item:before,
.tab-dashboard-active .tab-item:before {
	content: "";
	height: 2px;
	background-color: var(--civi-color-accent);
	bottom: 0;
	display: block;
	position: absolute;
	width: 0;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s
}

.tab-dashboard .tab-item:hover a,
.tab-dashboard .tab-item.active a,
.tab-popup-warpper .tab-item:hover a,
.tab-popup-warpper .tab-item.active a,
.tab-dashboard-active .tab-item:hover a,
.tab-dashboard-active .tab-item.active a {
	color: var(--civi-color-accent)
}

.tab-dashboard .tab-item:hover:before,
.tab-dashboard .tab-item.active:before,
.tab-popup-warpper .tab-item:hover:before,
.tab-popup-warpper .tab-item.active:before,
.tab-dashboard-active .tab-item:hover:before,
.tab-dashboard-active .tab-item.active:before {
	width: 100%
}

.tab-dashboard .tab-item a,
.tab-popup-warpper .tab-item a,
.tab-dashboard-active .tab-item a {
	font-size: 18px;
	color: var(--civi-color-secondary);
	font-weight: 500
}

.tab-dashboard .tab-item+.tab-item,
.tab-popup-warpper .tab-item+.tab-item,
.tab-dashboard-active .tab-item+.tab-item {
	margin-left: 32px
}

@media(max-width: 672px) {
	.candidate-profile-tab {
		overflow: scroll
	}

	.candidate-profile-tab li {
		white-space: nowrap
	}
}

.nav-dashboard-wapper {
	padding: 24px 32px;
	background-color: #fff;
	border-right: 1px solid var(--civi-color-border);
	position: fixed;
	width: 260px;
	z-index: 2;
	overflow-y: auto;
	height: 100%
}

.nav-dashboard-wapper .list-nav-dashboard {
	margin-left: -18px
}

.nav-dashboard-wapper.close {
	padding: 20px 0
}

.nav-dashboard-wapper.close .site-logo,
.nav-dashboard-wapper.close .text-logo,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item span:not(.image),
.nav-dashboard-wapper.close .nav-dashboard-footer {
	display: none
}

.nav-dashboard-wapper.close .nav-dashboard-header {
	-ms-flex-pack: center;
	justify-content: center
}

.nav-dashboard-wapper.close .list-nav-dashboard .nav-item a:hover,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item.active a {
	background-color: rgba(0, 0, 0, 0)
}

.nav-dashboard-wapper.close .list-nav-dashboard .nav-item object,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item img {
	padding-right: 0
}

.nav-dashboard {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%
}

.nav-dashboard .tooltip[data-title]:before {
	top: 44%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: auto;
	border-top: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid #000
}

.nav-dashboard .tooltip[data-title]:after {
	top: 0;
	left: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none
}

.nav-dashboard .list-nav-dashboard {
	list-style: none;
	padding-left: 0
}

.nav-dashboard .list-nav-dashboard img {
	filter: invert(54%) sepia(57%) saturate(0%) hue-rotate(241deg) brightness(99%) contrast(101%)
}

.nav-dashboard .list-nav-dashboard .civi-svg {
	display: block;
	line-height: 24px;
	max-width: 24px
}

.nav-dashboard .list-nav-dashboard .nav-item a:hover,
.nav-dashboard .list-nav-dashboard .nav-item.active a {
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent)
}

.nav-dashboard .list-nav-dashboard .nav-item a:hover img,
.nav-dashboard .list-nav-dashboard .nav-item.active img {
	filter: invert(14%) sepia(14%) saturate(3183%) hue-rotate(120deg) brightness(69%) contrast(100%)
}

.nav-dashboard .list-nav-dashboard .nav-item .image {
	min-width: 24px;
	margin-right: 12px
}

.nav-dashboard .nav-item {
	font-size: 16px;
	font-weight: 500
}

.nav-dashboard .nav-item+.nav-item {
	margin-top: 5px
}

.nav-dashboard .nav-item a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	padding: 5px 18px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 30px
}

.nav-dashboard .nav-item .badge {
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background-color: #d63638;
	color: #fff;
	margin-left: 8px;
	font-size: 12px
}

.nav-dashboard .nav-dashboard-header {
	margin-bottom: 25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.nav-dashboard .nav-dashboard-header .text-logo {
	padding-left: 74px;
	font-size: 10px;
	margin-top: -3px;
	color: #000
}

.nav-dashboard .nav-dashboard-header .closebtn {
	margin-top: 10px
}

.nav-dashboard .nav-dashboard-footer {
	text-align: center;
	background: rgba(0, 116, 86, .05);
	border: 1px solid rgba(0, 116, 86, .07);
	padding: 15px;
	border-radius: 16px;
	margin-top: auto
}

.nav-dashboard .nav-dashboard-footer h4 {
	font-size: 17px;
	margin-bottom: 10px
}

.nav-dashboard .nav-dashboard-footer p {
	max-width: 140px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5;
	color: #000
}

.nav-dashboard .nav-dashboard-footer .civi-button {
	margin-top: 25px
}

.nav-dashboard-inner .icon-nav-mobie {
	display: none;
	font-size: 20px;
	position: fixed;
	left: 0;
	background-color: var(--civi-color-accent);
	color: #fff;
	border-radius: 0 5px 5px 0;
	top: 50%;
	z-index: 100000000;
	padding: 7px 8px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.nav-dashboard-inner .nav-dashboard-wapper,
.nav-dashboard-inner .bg-overlay {
	z-index: 100000000
}

@media(max-width: 991px) {
	.nav-dashboard-inner.open-nav .nav-dashboard-wapper {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	.nav-dashboard-inner.open-nav .bg-overlay {
		visibility: unset;
		opacity: 1
	}

	.nav-dashboard-wapper {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: transform .3s;
		-moz-transition: transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		z-index: 10
	}

	.nav-dashboard-inner .icon-nav-mobie {
		display: -ms-flexbox;
		display: flex
	}

	.nav-dashboard-header .closebtn {
		display: none
	}
}

.civi-slick-carousel {
	margin-left: -4px;
	margin-right: -4px
}

.civi-slick-carousel .slick-slide {
	padding-left: 4px;
	padding-right: 4px
}

.slick-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.slick-arrow svg {
	vertical-align: middle
}

.slick-arrow.slick-disabled {
	opacity: 0;
	visibility: hidden
}

.slick-arrow.gl-prev {
	left: 15px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.slick-arrow.gl-next {
	right: 15px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.select2 {
	width: 100% !important
}

.select2 .select2-selection__rendered {
	padding: 2px 16px
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent)
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 175px
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #ddd
}

.select2-container--default .select2-selection--multiple {
	padding: 3px 16px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-size: 14px;
	color: var(--civi-color-accent);
	background: rgba(0, 116, 86, .05);
	border-radius: 30px;
	padding: 2px 12px;
	border: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow {
	display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-bottom: 2px;
	color: var(--civi-color-accent);
	margin-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0
}

.select2-results__options {
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03)
}

.select2-results__option[aria-selected] {
	font-size: 14px
}

.select2-dropdown {
	border-color: var(--civi-color-border)
}

.civi-select2 {
	height: 44px !important;
	width: 100% !important;
	overflow: hidden !important
}

.civi-select2 option {
	margin-bottom: 10px
}

.civi-select2 option:checked {
	background-color: rgba(0, 0, 0, 0) !important
}

.form-select i.fa-angle-down {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 25px;
	color: var(--civi-color-text);
	font-weight: 400
}

.checkbox-inline input,
.radio-inline input {
	margin-right: 5px !important
}

select.civi-select2 {
	width: fit-content !important
}

.select2.select2-container {
	width: fit-content !important
}

.select2.select2-container .selection {
	display: block;
	height: 100%
}

.select2.select2-container .select2-selection {
	border: 0;
	height: 100%;
	margin: 0;
	display: flex;
	align-content: center;
	justify-content: space-between;
	padding-right: 0;
	background-color: #fff
}

.select2.select2-container .select2-selection__rendered {
	line-height: normal;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 0;
	padding-right: 0
}

.select2.select2-container .select2-selection__arrow {
	position: static;
	height: auto;
	width: auto;
	display: flex;
	align-items: center;
	margin-left: 10px
}

.select2.select2-container .select2-selection__arrow b {
	display: none
}

.select2.select2-container .select2-selection__arrow:after {
	content: "";
	font-size: 12px;
	font-weight: bold;
	font-family: "Font Awesome 5 Pro";
	color: var(--civi-color-secondary);
	font-style: normal;
	right: 18px;
	width: auto;
	height: auto;
	margin-top: 0;
	border: 0
}

.select2-container .select2-dropdown {
	border: 0;
	top: 0;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, .03)
}

.select2-container .select2-dropdown .select2-results__option {
	padding: 4px 16px;
	font-size: 15px
}

.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 5px
}

.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
	border-radius: 5px
}

.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
	background-color: #eee;
	border-radius: 5px
}

.select2-container .select2-results__option[aria-selected=true],
.select2-container .select2-results__option[data-selected=true] {
	background-color: rgba(0, 116, 86, .05);
	font-weight: 400;
	color: var(--civi-color-accent)
}

.select2-container .select2-results__option--highlighted[aria-selected],
.select2-container .select2-results__option--highlighted[data-selected] {
	background-color: rgba(0, 116, 86, .05);
	color: var(--civi-color-accent)
}

body.admin-bar .select2-container .select2-dropdown {
	top: 32px
}

.select2-field .select2.select2-container {
	width: 100% !important
}

.select2-field .select2.select2-container .select2-selection {
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 10.5px 16px;
	border-radius: 4px
}

.select2-field .select2.select2-container .select2-selection--multiple {
	padding: 0 16px;
	height: 47px;
	line-height: 47px
}

.select2-field .select2.select2-container .select2-selection .select2-selection__rendered li {
	margin: 5px 5px 5px 0
}

.form-select div.select2-multiple+i {
	right: 16px
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

.skeleton-loading .jobs-archive-header,
.skeleton-loading .jobs-archive-footer,
.skeleton-loading .jobs-des,
.skeleton-loading .days,
.skeleton-loading .company-top,
.skeleton-loading .des-company,
.skeleton-loading .company-header,
.skeleton-loading .company-bottom,
.skeleton-loading .company-thumbnail,
.skeleton-loading .candidate-top,
.skeleton-loading .des-candidate,
.skeleton-loading .candidate-header,
.skeleton-loading .candidate-bottom,
.skeleton-loading .candidate-salary,
.skeleton-loading .service-thumbnail,
.skeleton-loading .service-header,
.skeleton-loading .service-bottom,
.skeleton-loading .jobs-thumbnail-details,
.skeleton-loading .block-archive-inner>*,
.skeleton-loading .preview-tabs .tab-nav li,
.skeleton-loading .company-overview>*,
.skeleton-loading .company-jobs>* {
	position: relative;
	overflow: hidden;
	background-color: #dddbdd
}

.skeleton-loading .jobs-archive-header:before,
.skeleton-loading .jobs-archive-footer:before,
.skeleton-loading .jobs-des:before,
.skeleton-loading .days:before,
.skeleton-loading .company-top:before,
.skeleton-loading .des-company:before,
.skeleton-loading .company-header:before,
.skeleton-loading .company-bottom:before,
.skeleton-loading .company-thumbnail:before,
.skeleton-loading .candidate-top:before,
.skeleton-loading .des-candidate:before,
.skeleton-loading .candidate-header:before,
.skeleton-loading .candidate-bottom:before,
.skeleton-loading .candidate-salary:before,
.skeleton-loading .service-thumbnail:before,
.skeleton-loading .service-header:before,
.skeleton-loading .service-bottom:before,
.skeleton-loading .jobs-thumbnail-details:before,
.skeleton-loading .block-archive-inner>*:before,
.skeleton-loading .preview-tabs .tab-nav li:before,
.skeleton-loading .company-overview>*:before,
.skeleton-loading .company-jobs>*:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #dddbdd;
	z-index: 3
}

.skeleton-loading .jobs-archive-header::after,
.skeleton-loading .jobs-archive-footer::after,
.skeleton-loading .jobs-des::after,
.skeleton-loading .days::after,
.skeleton-loading .company-top::after,
.skeleton-loading .des-company::after,
.skeleton-loading .company-header::after,
.skeleton-loading .company-bottom::after,
.skeleton-loading .company-thumbnail::after,
.skeleton-loading .candidate-top::after,
.skeleton-loading .des-candidate::after,
.skeleton-loading .candidate-header::after,
.skeleton-loading .candidate-bottom::after,
.skeleton-loading .candidate-salary::after,
.skeleton-loading .service-thumbnail::after,
.skeleton-loading .service-header::after,
.skeleton-loading .service-bottom::after,
.skeleton-loading .jobs-thumbnail-details::after,
.skeleton-loading .block-archive-inner>*::after,
.skeleton-loading .preview-tabs .tab-nav li::after,
.skeleton-loading .company-overview>*::after,
.skeleton-loading .company-jobs>*::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	z-index: 3;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	animation: shimmer 3s infinite
}

@keyframes shimmer {
	100% {
		transform: translateX(100%)
	}
}

body.single-jobs .site-content,
body.single-jobs .site-header {
	position: static
}

body.single-service .civi_breadcrumb li:last-child {
	display: none
}

body.single-jobs .civi_breadcrumb,
body.single-company .civi_breadcrumb,
body.single-candidate .civi_breadcrumb {
	margin-top: 24px;
	margin-bottom: 24px
}

body.single-jobs .main-content,
body.single-company .main-content,
body.single-candidate .main-content {
	padding-top: 0
}

body.single-service .civi_breadcrumb {
	margin-top: 24px;
	margin-bottom: 18px
}

body.single-service .main-content {
	padding-top: 40px
}

#geocoder {
	top: 36px !important
}

body.civi-ltw {
	overflow: hidden !important
}

@media(min-width: 768px) {

	body.single-jobs .elementor-lightbox,
	body.single-company .elementor-lightbox,
	body.single-candidate .elementor-lightbox {
		display: none !important
	}
}

@media(max-width: 576px) {

	body.single-jobs .civi_breadcrumb,
	body.single-company .civi_breadcrumb,
	body.single-candidate .civi_breadcrumb {
		display: none
	}

	body.single-jobs .main-content,
	body.single-company .main-content,
	body.single-candidate .main-content {
		padding-top: 30px
	}
}

a.label {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a.label:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0 0)
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.civi-link-bottom {
	position: relative
}

.civi-link-bottom:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	height: 1px;
	bottom: -3px;
	background-color: currentColor;
	width: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.civi-link-bottom:hover:after {
	width: 100%
}

.mega-menu-content .civi-modern-tabs .button-border-bottom {
	display: inline-block !important
}

.mega-menu-content .elementor-widget-civi-jobs-category.civi-layout-01 .icon-cate {
	margin-bottom: 0
}

.mega-menu-content .civi-list .text {
	position: relative;
	display: inline-block
}

.mega-menu-content .civi-list .text:after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border-top: 1px solid var(--civi-color-accent);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: transform .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform .25s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.mega-menu-content .civi-list .text:hover:after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.civi-email-html {
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 5px;
	margin: 10px
}

.civi-email-html .text {
	color: #666;
	font-size: 16px;
	margin-bottom: 10px
}

.additional-warpper .entry-thumbnail {
	position: relative
}

.additional-warpper .view-video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.additional-warpper .view-video i {
	color: red;
	font-size: 60px
}

.elementor-section.rtl .jobs-archive-header,
.elementor-section.rtl .jobs-header-left,
.elementor-section.rtl .company-header .elementor-section.rtl,
.elementor-section.rtl .company-bottom {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.elementor-section.rtl .company-inner {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.elementor-section.rtl .company-img,
.elementor-section.rtl .layout-list .jobs-footer-left,
.elementor-section.rtl .layout-list .jobs-header-left,
.elementor-section.rtl .civi-jobs-item .logo-comnpany {
	margin-right: 0;
	margin-left: 16px
}

.elementor-section.rtl .jobs-footer-left,
.elementor-section.rtl .jobs-footer-right,
.elementor-section.rtl .jobs-header-left,
.elementor-section.rtl .civi-company-item,
.elementor-section.rtl .testimonial-item .content,
.elementor-section.rtl .cite {
	text-align: right
}

.elementor-section.rtl .civi-testimonial-style-03 .info .testimonial-logo {
	left: 0;
	right: auto
}

.elementor-section.rtl .civi-testimonial-style-03 .image {
	margin-left: 20px !important;
	margin-right: 0 !important
}

.elementor-section.rtl .civi-blog .top-blog .post-categories {
	padding-right: 0
}