html {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

body {
	background: rgb(255, 255, 255);
	font-family: "Microsoft Yahei";
	font-weight: 500;
	position: relative;
	font-size: 14px;
	color: rgb(112, 127, 140);
	line-height: 24px;
	overflow-x: hidden;
}

.modal-open {
	overflow: hidden;
	padding-right: 0px !important;
}

p {
	position: relative;
	line-height: 26px;
	transition: all 0.2s ease-in 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0.25em;
	color: rgb(51, 78, 111);
	font-family: Poppins, sans-serif;
	font-weight: 600;
}

p a {
	color: rgb(38, 174, 97);
}

a {
	color: rgb(51, 78, 111);
}

a,
a:active,
a:focus,
a:hover {
	color: rgb(51, 78, 111);
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
}

img {
	max-width: 100%;
}

.clear {
	clear: both;
}

.centered {
	display: table;
	margin: 0px auto;
}

.badge {
	font-weight: 600;
}

.text-center {
	text-align: center;
}

.text-center img {
	margin: 5px auto;
	float: none;
	display: table;
}

.user_profile_img img {
	border: 2px dotted rgb(238, 238, 238);
	border-radius: 50px;
}

section {
	padding: 4em 0px 3em;
	background: rgb(255, 255, 255);
	overflow: hidden;
}

.title h3 {
	color: rgb(255, 255, 255);
	font-size: 34px;
	text-align: center;
	padding-top: 20px;
	letter-spacing: 3px;
}

.small-pad {
	padding: 1em 0px 1.5em;
}

section.gray {
	background: rgb(239, 242, 245);
}

.light-gray {
	background: rgb(245, 247, 248);
}

.light-bg {
	background: rgb(255, 255, 255);
}

a.btn.call-btn {
	background: rgb(255, 255, 255);
	border-radius: 4px;
	padding: 0.8em 2em;
	color: rgb(38, 174, 97);
	text-transform: capitalize;
}

.d-block {
	display: block;
	margin-bottom: 10px;
}

.no-shadow,
.no-shadow:hover,
.no-shadow:focus {
	box-shadow: none !important;
}

.utf_main_banner_area h2 {
	font-weight: 700;
	font-family: Montserrat, sans-serif;
}

.heading {
	padding: 0px 0px 35px;
	text-align: center;
}

.heading h2 {
	margin-top: 0px;
	font-family: Poppins, sans-serif;
	font-weight: 600;
}

.heading p {
	line-height: 1.8;
	font-size: 15px;
}

.heading.light h2,
.heading.light p {
	color: rgb(255, 255, 255);
}

button:hover,
input:hover,
input:focus,
button:focus {
	outline: none;
}

.btn {
	border-radius: 4px;
	box-shadow: none;
	font-weight: 400;
	position: relative;
	border: 0px;
	background-image: none;
	padding: 10px 15px;
	transition: all 0.4s ease 0s;
	margin-bottom: 5px;
}

.btn-m {
	padding: 12px 30px;
	font-size: 15px;
	font-weight: 500;
}

.radius-0 {
	border-radius: 0px;
}

.btn-l {
	padding: 16px 35px;
	font-size: 17px;
}

.btn-xl {
	padding: 20px 40px;
	font-size: 18px;
}

.btn-square {
	width: 44px;
	height: 42px;
	display: inline-block;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	border-radius: 2px;
	margin: 5px;
	transition: all 0.4s ease 0s;
}

.btn-square-large {
	width: 55px;
	height: 55px;
	display: inline-block;
	text-align: center;
	line-height: 55px;
	font-size: 18px;
	border-radius: 2px;
	margin: 7px;
}

.light-gray-btn {
	background: rgb(234, 237, 243);
	border: 2px solid rgb(234, 237, 243);
	border-radius: 50px;
}

.light-gray-btn:hover,
.light-gray-btn:focus {
	color: rgb(255, 255, 255);
	background: rgb(120, 144, 156);
	border: 2px solid rgb(120, 144, 156);
}

.btn-general-white-bg {
	background: rgb(255, 255, 255);
	color: rgb(38, 174, 97);
	border-color: rgb(255, 255, 255);
}

.btn-general-white-bg:hover,
.btn-general-white-bg:focus {
	background: rgb(38, 174, 97);
	color: rgb(255, 255, 255);
	border-color: rgb(38, 174, 97);
}

.btn-general-theme-bg {
	background: rgb(38, 174, 97);
	color: rgb(255, 255, 255);
	border-color: rgb(38, 174, 97);
}

.btn-general-theme-bg:hover,
.btn-general-theme-bg:focus {
	background: rgb(255, 255, 255);
	color: rgb(38, 174, 97);
	border-color: rgb(255, 255, 255);
}

.btn-general-theme-trans-bg {
	background: rgba(255, 58, 114, 0.1);
	border-color: rgb(38, 174, 97);
	color: rgb(38, 174, 97);
}

.btn-general-theme-trans-bg:hover,
.btn-general-theme-trans-bg:focus {
	background: rgb(255, 58, 114);
	border-color: rgb(38, 174, 97);
	color: rgb(255, 255, 255);
}

.full-width {
	width: 100%;
}

.btn-width-200 {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.btn-radius {
	border-radius: 50px;
}

.form-control {
	height: 50px;
	border: 2px solid rgb(221, 230, 239);
	margin-bottom: 20px;
	box-shadow: none;
	background: rgb(251, 253, 255);
	font-size: 14px;
	color: rgb(107, 124, 138);
	padding: 6px 18px;
	font-weight: 500;
}

textarea.form-control {
	padding-top: 12px;
}

.bootstrap-select.form-control {
	padding: 0px;
	margin-bottom: 10px;
	border: 2px solid rgb(221, 230, 239);
}

.form-control:hover,
.form-control:focus {
	border: 2px solid rgb(38, 174, 97);
	box-shadow: rgba(7, 177, 7, 0.075) 0px 1px 1px;
	outline: none;
	transition: all 0.4s ease-out 0s;
}

.form-control .btn.dropdown-toggle.btn-default:hover,
.form-control .btn.dropdown-toggle.btn-default:focus {
	border: none;
	box-shadow: none;
	outline: none;
}

#signin,
#apply-job {
	background: rgba(0, 0, 0, 0.85);
}

span.input-group-addon {
	color: rgb(103, 119, 130);
	border-top-color: rgb(221, 230, 239);
	border-right-color: rgb(221, 230, 239);
	border-bottom-color: rgb(221, 230, 239);
	background: rgb(251, 253, 255);
	border-left: 0px;
}


.bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default {
	background: transparent;
	height: 46px;
	border: 1px solid transparent;
	color: rgb(68, 84, 97);
	text-shadow: none;
	border-radius: 0px;
	box-shadow: none;
}

.btn.btn-primary {
	border: 1px solid rgb(38, 174, 97);
	border-radius: 0px;
	width: 100%;
	height: 46px;
	background: rgb(38, 174, 97);
	text-transform: capitalize;
	font-size: 16px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	border: 1px solid rgb(38, 174, 97);
	border-radius: 0px;
	width: 100%;
	height: 46px;
	background: rgb(38, 174, 97);
	text-transform: capitalize;
	font-size: 16px;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	color: rgb(51, 51, 51);
	background-color: transparent;
	border-color: transparent;
	height: 46px;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	outline-offset: 0px !important;
}

.bootstrap-select.btn-group .dropdown-menu li a {
	padding: 8px 10px;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
	box-shadow: none;
	background: rgb(38, 174, 97);
	color: rgb(255, 255, 255);
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
	color: rgb(68, 84, 97);
	background-color: transparent;
	border-color: transparent;
}

button.btn.dropdown-toggle.btn-default {
	background: transparent;
	border: none;
	box-shadow: none;
	height: 46px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	background-color: rgb(38, 174, 97);
}

.chosen-container-single .chosen-single {
	background: rgb(251, 253, 255);
	border: 1px solid rgb(221, 230, 239);
	border-radius: 0px;
	box-shadow: none;
	color: rgb(68, 84, 97);
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
}

.chosen-container-single .chosen-single div {
	top: 8px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(221, 230, 239);
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.chosen-container-single .chosen-search input[type="text"] {
	border: 1px solid rgb(221, 230, 239);
	border-radius: 0px;
	box-shadow: none;
	margin: 1px 0px;
	padding: 4px 20px 4px 4px;
	width: 100%;
}

.chosen-container .chosen-results li.highlighted {
	background-color: rgb(244, 245, 247);
	background-image: none;
	color: rgb(68, 86, 97);
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -15px 7px;
}

.chosen-container .chosen-drop {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(221, 230, 239);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: rgb(216, 221, 230) 0px 2px 10px 0px;
	margin-top: -1px;
	position: absolute;
	top: 100%;
	left: -9000px;
	z-index: 1060;
}

.wysihtml5-toolbar a.btn {
	background: rgb(251, 253, 255);
	color: rgb(53, 67, 78);
	margin-right: 5px;
	border-color: rgb(221, 230, 239);
}

.btn-group [class^="icon-"],
.bootstrap-wysihtml5-insert-link-modal [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../img/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}

.btn-group .icon-indent-left {
	background-position: -384px -48px;
}

.btn .icon-share {
	background-position: -120px -72px;
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../img/glyphicons-halflings.png");
	background-repeat: no-repeat;
}

.btn-group .icon-indent-right {
	background-position: -408px -48px;
}

.btn-group .icon-th-list {
	background-position: -264px 0px;
}

.btn-group .icon-list {
	background-position: -360px -48px;
}

.form-control.textarea {
	height: 180px;
	border-radius: 4px;
}

.box {
	position: relative;
	border-top: 0px;
	margin-bottom: 40px;
	width: 100%;
	background: rgb(255, 255, 255);
	border-radius: 4px;
	padding: 0px;
	transition: all 0.5s ease 0s;
	display: flex;
	flex-direction: column;
	box-shadow: rgba(41, 128, 185, 0.1) 0px 5px 15px 0px;
}

.box-header {
	background: rgb(76, 84, 87);
	padding: 20px 30px;
	margin-bottom: 0px;
	display: flex;
	border-radius: 4px 4px 0px 0px;
	align-items: center;
	border-bottom: 1px solid rgb(234, 239, 245);
}

.box-header h4 {
	color: rgb(255, 255, 255);
	margin: 0px;
	font-weight: 500;
}

.box-body {
	padding: 25px 30px;
	border-radius: 0px 0px 4px 4px;
	flex: 1 1 auto;
	border-width: 0px 2px 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: rgb(241, 243, 244);
	border-bottom-color: rgb(241, 243, 244);
	border-left-color: rgb(241, 243, 244);
	border-image: initial;
	border-top-style: initial;
	border-top-color: initial;
}

.box-hover-shadow:hover {
	box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 35px;
}

.box-body> :last-child {
	margin-bottom: 0px;
}

.emp-des span.theme-cl {
	font-weight: 500;
	font-size: 14px;
	background: rgb(234, 237, 243);
	display: inline-block;
	padding: 3px 10px;
	border-radius: 4px;
	text-align: center;
}

.emp-pic img {
	border-radius: 10px;
}

ul.employer_detail_item {
	list-style-type: none;
	margin-top: 20px;
	display: inline-block;
}

ul.employer_detail_item li {
	margin-bottom: 8px;
	width: 50%;
	float: left;
	padding-right: 20px;
}

.pagination {
	display: table;
	padding-left: 0px;
	border-radius: 4px;
	margin: 20px auto 0px;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 0px;
	margin: 5px;
	color: rgb(90, 111, 124);
	font-weight: 500;
	text-decoration: none;
	background-color: rgb(255, 255, 255);
	border-radius: 30px;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border: 0px;
	box-shadow: rgb(216, 221, 230) 0px 2px 10px 0px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:hover,
.pagination>li>a:focus {
	z-index: 2;
	color: rgb(255, 255, 255);
	cursor: pointer;
	background-color: rgb(38, 174, 97);
	border-color: rgb(38, 174, 97);
	box-shadow: rgb(216, 221, 230) 0px 2px 10px 0px;
}

.pagination li:first-child a,
.pagination li:last-child a {
	border-radius: 30px;
	font-size: 18px;
	line-height: 36px;
}

.utf_create_company_area .table-responsive a.cl-success {
	background: rgb(15, 183, 107);
	color: rgb(255, 255, 255);
	border-radius: 40px;
}

.utf_create_company_area .table-responsive a.cl-success:hover {
	background: rgb(255, 255, 255);
	color: rgb(15, 183, 107);
}

.utf_create_company_area .table-responsive a.cl-success i {
	border: 0px;
}

.utf_create_company_area .table-responsive a.cl-danger {
	background: rgb(242, 17, 54);
	color: rgb(255, 255, 255);
	border-radius: 40px;
}

.utf_create_company_area .table-responsive a.cl-danger:hover {
	background: rgb(255, 255, 255);
	color: rgb(242, 17, 54);
}

.utf_create_company_area .table-responsive a.cl-danger i {
	border: 0px;
}

.utf_manage_jobs_area .table-responsive a.cl-success {
	background: rgb(15, 183, 107);
	color: rgb(255, 255, 255);
	border-radius: 40px;
}

.utf_manage_jobs_area .table-responsive a.cl-success:hover {
	background: rgb(255, 255, 255);
	color: rgb(15, 183, 107);
}

.utf_manage_jobs_area .table-responsive a.cl-success i {
	border: 0px;
}

.utf_manage_jobs_area .table-responsive a.cl-danger {
	background: rgb(242, 17, 54);
	color: rgb(255, 255, 255);
	border-radius: 40px;
}

.utf_manage_jobs_area .table-responsive a.cl-danger:hover {
	background: rgb(255, 255, 255);
	color: rgb(242, 17, 54);
}

.utf_manage_jobs_area .table-responsive a.cl-danger i {
	border: 0px;
}

fieldset.search-form .form-control {
	margin-bottom: 0px;
}

fieldset.search-form button.theme-btn {
	border-radius: 6px;
}

div.datedropper.my-style {
	border-radius: 8px;
	width: 180px;
}

div.datedropper.my-style .picker {
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 32px 0px;
}

div.datedropper.my-style .pick-l {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

div.datedropper.my-style .pick-lg-b .pick-sl::before,
div.datedropper.my-style .pick-lg-h,
div.datedropper.my-style .pick-m,
div.datedropper.my-style .pick-submit,
div.datedropper.my-style::before {
	background-color: rgb(28, 193, 0);
}

div.datedropper.my-style .pick-l,
div.datedropper.my-style .picker,
div.datedropper.my-style.picker-tiny .pick-m,
div.datedropper.my-style.picker-tiny::before {
	background-color: rgb(255, 255, 255);
}

div.datedropper.my-style .pick li span,
div.datedropper.my-style .pick-btn,
div.datedropper.my-style .pick-lg-b .pick-wke,
div.datedropper.my-style .pick-y.pick-jump {
	color: rgb(28, 193, 0);
}

div.datedropper.my-style .pick-arw,
div.datedropper.my-style .pick-l,
div.datedropper.my-style .picker {
	color: rgb(58, 70, 94);
}

div.datedropper.my-style .pick-lg-b .pick-sl,
div.datedropper.my-style .pick-lg-h,
div.datedropper.my-style .pick-m,
div.datedropper.my-style .pick-m .pick-arw,
div.datedropper.my-style .pick-submit {
	color: rgb(255, 255, 255);
}

div.datedropper.my-style.picker-tiny .pick-m,
div.datedropper.my-style.picker-tiny .pick-m .pick-arw {
	color: rgb(58, 70, 94);
}

div.datedropper.my-style.picker-lkd .pick-submit {
	background-color: rgb(255, 255, 255);
	color: rgb(58, 70, 94);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: rgb(251, 253, 255);
	opacity: 1;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 1px solid transparent;
	border-top: 0px !important;
}

table.table.table-lg tr th,
table.table tr td {
	border-color: rgb(234, 239, 245);
	padding: 10px 15px;
	vertical-align: middle;
	font-size: 14px;
}

.table.table tr td i {
	padding-right: 5px;
}

.table-hover tbody tr:hover {
	background-color: rgb(244, 245, 247);
}

table.table td a {
	font-weight: 500;
	display: inline-block;
	text-decoration: none;
}

.table.table tr td a i {
	padding-right: 0px;
}

table.table td img {
	margin-right: 10px;
}

table.table td img.avatar-lg {
	margin-right: 10px;
	border-radius: 50px;
	padding: 2px;
	border: 2px solid rgba(0, 0, 0, 0.08);
	width: 46px;
	height: 46px;
	object-fit: cover;
}

table.table td .label {
	padding: 5px 15px;
}

.theme-bg {
	background: rgb(38, 174, 97);
	color: rgb(255, 255, 255);
}

.theme-bg p {
	color: rgb(255, 255, 255);
}

.dark-bg {
	background: rgb(42, 54, 70);
}

.light-bg {
	background: rgb(255, 255, 255);
}

.gray-bg {
	background: rgb(241, 244, 251);
}

.theme-cl {
	color: rgb(38, 174, 97);
	background: rgba(38, 174, 97, 0.2);
	border-radius: 4px;
	padding: 0px 10px;
}

h2 span.theme-cl {
	color: rgb(36, 214, 113);
}

.input-group-addon .theme-cl {
	padding: 10px;
}

.theme-overlap {
	background-image: url("../img/slider_bg.jpg");
	background-repeat: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	position: relative;
	background-position: center center !important;
	background-size: cover !important;
}

.theme-overlap::before {
	background: rgb(38, 174, 97);
}

.theme-overlap::before {
	opacity: 0.8;
	content: "";
	display: block;
	inset: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
}

.btn-radius {
	border-radius: 50px;
}

.theme-btn {
	background: rgb(38, 174, 97);
	border: 2px solid rgb(38, 174, 97);
	text-transform: uppercase;
	border-radius: 4px;
	font-weight: 500;
	box-shadow: rgba(41, 128, 185, 0.2) 0px 4px 10px 0px;
	color: rgb(255, 255, 255) !important;
}

.theme-btn:hover,
.theme-btn:focus {
	background: transparent;
	border: 2px solid rgb(38, 174, 97);
	color: rgb(38, 174, 97) !important;
}

.btn.theme-btn-outlined,
a.theme-btn-outlined {
	background: transparent;
	border: 1px solid rgb(38, 174, 97);
	color: rgb(38, 174, 97);
}

.btn.theme-btn-outlined:hover,
a.theme-btn-outlined:hover,
.btn.theme-btn-outlined:focus,
a.theme-btn-outlined:focus {
	background: rgb(38, 174, 97);
	border-color: rgb(38, 174, 97);
	color: rgb(255, 255, 255);
}

.btn.theme-btn-trans-radius,
a.theme-btn-trans-radius {
	background: rgba(255, 58, 114, 0.1);
	color: rgb(38, 174, 97);
	border-radius: 2px;
	border: 1px solid rgb(38, 174, 97);
}

.btn.theme-btn-trans-radius:hover,
a.theme-btn-trans-radius:hover,
.btn.theme-btn-trans-radius:focus,
a.theme-btn-trans-radius:focus {
	background: rgb(255, 58, 114);
	color: rgb(255, 255, 255);
	border-radius: 2px;
	border: 1px solid rgb(38, 174, 97);
}

.btn.theme-btn-trans,
a.theme-btn-trans {
	background: rgba(255, 58, 114, 0.1);
	color: rgb(38, 174, 97);
	border-radius: 2px;
	border: 1px solid rgb(38, 174, 97);
}

.btn.theme-btn-trans:hover,
a.theme-btn-trans:hover,
.btn.theme-btn-trans:focus,
a.theme-btn-trans:focus {
	background: rgb(255, 58, 114);
	color: rgb(255, 255, 255);
	border-radius: 2px;
	border: 1px solid rgb(38, 174, 97);
}

.btn.btn-light-outlined,
a.btn-light-outlined {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
}

.btn.btn-light-outlined:hover,
a.btn-light-outlined:hover,
.btn.btn-light-outlined:focus,
a.btn-light-outlined:focus {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
	color: rgb(38, 174, 97);
}

.btn.light-btn,
a.light-btn {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
	color: rgb(38, 174, 97);
}

.btn.light-btn:hover,
.btn.light-btn:focus,
a.light-btn:hover,
a.light-btn:focus {
	background: rgb(38, 174, 97);
	border: 1px solid rgb(38, 174, 97);
	color: rgb(255, 255, 255);
}

html body .padd-0 {
	padding: 0px;
}

html body .padd-5 {
	padding: 5px;
}

html body .padd-10 {
	padding: 10px;
}

html body .padd-15 {
	padding: 15px;
}

html body .padd-20 {
	padding: 20px;
}

html body .padd-l-0 {
	padding-left: 0px;
}

html body .padd-l-5 {
	padding-left: 5px;
}

html body .padd-l-10 {
	padding-left: 10px;
}

html body .padd-l-15 {
	padding-left: 15px;
}

html body .padd-r-0 {
	padding-right: 0px;
}

html body .padd-r-5 {
	padding-right: 5px;
}

html body .padd-r-10 {
	padding-right: 10px;
}

html body .padd-r-10 {
	padding-right: 15px;
}

html body .padd-top-0 {
	padding-top: 0px;
}

html body .padd-top-5 {
	padding-top: 5px;
}

html body .padd-top-10 {
	padding-top: 10px;
}

html body .padd-top-15 {
	padding-top: 15px;
}

html body .padd-top-20 {
	padding-top: 25px;
}

html body .padd-top-25 {
	padding-top: 25px;
}

html body .padd-top-30 {
	padding-top: 30px;
}

html body .padd-top-40 {
	padding-top: 40px;
}

html body .padd-top-50 {
	padding-top: 50px;
}

html body .padd-top-60 {
	padding-top: 60px;
}

html body .padd-top-70 {
	padding-top: 70px;
}

html body .padd-top-80 {
	padding-top: 80px;
}

html body .padd-top-90 {
	padding-top: 90px;
}

html body .padd-top-100 {
	padding-top: 100px;
}

html body .padd-bot-0 {
	padding-bottom: 0px;
}

html body .padd-bot-5 {
	padding-bottom: 5px;
}

html body .padd-bot-10 {
	padding-bottom: 10px;
}

html body .padd-bot-15 {
	padding-bottom: 15px;
}

html body .padd-bot-20 {
	padding-bottom: 20px;
}

html body .padd-bot-25 {
	padding-bottom: 25px;
}

html body .padd-bot-30 {
	padding-bottom: 30px;
}

html body .padd-bot-40 {
	padding-bottom: 40px;
}

html body .padd-bot-50 {
	padding-bottom: 50px;
}

html body .padd-bot-60 {
	padding-bottom: 60px;
}

html body .padd-bot-70 {
	padding-bottom: 70px;
}

html body .padd-bot-80 {
	padding-bottom: 80px;
}

html body .padd-bot-90 {
	padding-bottom: 90px;
}

html body .padd-bot-100 {
	padding-bottom: 100px;
}

html body .mrg-0 {
	margin: 0px;
}

html body .mrg-5 {
	margin: 5px;
}

html body .mrg-10 {
	margin: 10px;
}

html body .mrg-15 {
	margin: 15px;
}

html body .mrg-20 {
	margin: 20px;
}

html body .mrg-l-0 {
	margin-left: 0px;
}

html body .mrg-l-5 {
	margin-left: 5px;
}

html body .mrg-l-10 {
	margin-left: 10px;
}

html body .mrg-l-15 {
	margin-left: 15px;
}

html body .mrg-r-0 {
	margin-right: 0px;
}

html body .mrg-r-5 {
	margin-right: 5px;
}

html body .mrg-r-10 {
	margin-right: 10px;
}

html body .mrg-r-15 {
	margin-right: 15px;
}

html body .mrg-top-0 {
	margin-top: 0px;
}

html body .mrg-top-5 {
	margin-top: 5px;
}

html body .mrg-top-10 {
	margin-top: 10px;
}

html body .mrg-top-15 {
	margin-top: 15px;
}

html body .mrg-top-20 {
	margin-top: 20px;
}

html body .mrg-top-25 {
	margin-top: 25px;
}

html body .mrg-top-30 {
	margin-top: 30px;
}

html body .mrg-top-40 {
	margin-top: 40px;
}

html body .mrg-bot-0 {
	margin-bottom: 0px;
}

html body .mrg-bot-5 {
	margin-bottom: 5px;
}

html body .mrg-bot-10 {
	margin-bottom: 10px;
}

html body .mrg-bot-15 {
	margin-bottom: 15px;
}

html body .mrg-bot-20 {
	margin-bottom: 20px;
}

html body .mrg-bot-25 {
	margin-bottom: 25px;
}

html body .mrg-bot-30 {
	margin-bottom: 30px;
}

html body .mrg-bot-40 {
	margin-bottom: 40px;
}

html body .extra-mrg-5 {
	margin: 0px -5px;
}

html body .extra-mrg-10 {
	margin: 0px -10px;
}

html body .extra-mrg-15 {
	margin: 0px -15px;
}

html body .extra-mrg-20 {
	margin: 0px -20px;
}

html body .bg-white {
	background: rgb(255, 255, 255);
}

html body .bg-dark {
	background: rgb(17, 22, 28);
}

html body .bg-light-dark {
	background: rgb(21, 28, 38);
}

html body .bg-info {
	background: rgb(1, 178, 172) !important;
}

html body .bg-primary {
	background: rgb(17, 148, 247) !important;
}

html body .bg-danger {
	background: rgb(242, 17, 54) !important;
}

html body .bg-warning {
	background: rgb(255, 152, 0) !important;
}

html body .bg-success {
	background: rgb(15, 183, 107) !important;
}

html body .bg-purple {
	background: rgb(197, 128, 255) !important;
}

html body .bg-default {
	background: rgb(40, 52, 71) !important;
}

html body .bg-info-light {
	background: rgba(1, 178, 172, 0.1) !important;
	color: rgb(1, 178, 172) !important;
}

html body .bg-primary-light {
	background: rgba(17, 148, 247, 0.1) !important;
	color: rgb(17, 148, 247) !important;
}

html body .bg-danger-light {
	background: rgba(255, 17, 54, 0.1) !important;
	color: rgb(242, 17, 54) !important;
}

html body .bg-warning-light {
	background: rgba(255, 152, 0, 0.1) !important;
	color: rgb(255, 152, 0) !important;
}

html body .bg-success-light {
	background: rgba(15, 183, 107, 0.1) !important;
	color: rgb(15, 183, 107) !important;
}

html body .bg-purple-light {
	background: rgba(197, 128, 255, 0.1) !important;
	color: rgb(197, 128, 255) !important;
}

html body .bg-default-light {
	background: rgba(40, 52, 71, 0.1) !important;
	color: rgb(40, 52, 71) !important;
}

html body .bg-trans-info {
	background: rgba(2, 182, 179, 0.12);
}

html body .bg-trans-primary {
	background: rgba(17, 148, 247, 0.12);
}

html body .bg-trans-danger {
	background: rgba(242, 17, 54, 0.12);
}

html body .bg-trans-warning {
	background: rgba(255, 152, 0, 0.12);
}

html body .bg-trans-success {
	background: rgba(15, 183, 107, 0.12);
}

html body .bg-trans-purple {
	background: rgba(197, 128, 255, 0.12);
}

html body .bg-trans-default {
	background: rgba(40, 52, 71, 0.12);
}

html body .bg-info-br {
	border: 1px solid rgb(1, 178, 172);
	background: rgba(2, 182, 179, 0.12);
}

html body .bg-primary-br {
	border: 1px solid rgb(17, 148, 247);
	background: rgba(17, 148, 247, 0.12);
}

html body .bg-danger-br {
	border: 1px solid rgb(242, 17, 54);
	background: rgba(242, 17, 54, 0.12);
}

html body .bg-warning-br {
	border: 1px solid rgb(255, 152, 0);
	background: rgba(255, 152, 0, 0.12);
}

html body .bg-success-br {
	border: 1px solid rgb(15, 183, 107);
	background: rgba(15, 183, 107, 0.12);
}

html body .bg-purple-br {
	border: 1px solid rgb(197, 128, 255);
	background: rgba(197, 128, 255, 0.12);
}

html body .bg-default-br {
	border: 1px solid rgb(40, 52, 71);
	background: rgba(40, 52, 71, 0.12);
}

html body .cl-info {
	color: rgb(1, 178, 172);
}

html body .cl-primary {
	color: rgb(17, 148, 247);
}

html body .cl-danger {
	color: rgb(242, 17, 54);
}

html body .cl-warning {
	color: rgb(255, 152, 0);
}

html body .cl-success {
	color: rgb(15, 183, 107);
}

html body .cl-purple {
	color: rgb(197, 128, 255);
}

html body .cl-default {
	color: rgb(40, 52, 71);
}

html body .cl-white {
	color: rgb(255, 255, 255);
}

html body .br-light {
	border-color: rgb(234, 239, 245) !important;
}

html body .br-info {
	border-color: rgb(1, 178, 172);
}

html body .br-primary {
	border-color: rgb(17, 148, 247);
}

html body .br-danger {
	border-color: rgb(242, 17, 54);
}

html body .br-warning {
	border-color: rgb(255, 152, 0);
}

html body .br-success {
	border-color: rgb(15, 183, 107);
}

html body .br-purple {
	border-color: rgb(197, 128, 255);
}

html body .br-default {
	border-color: rgb(40, 52, 71);
}

html body .bg-online {
	background: rgb(104, 199, 11);
}

html body .bg-offline {
	background: rgb(224, 43, 13);
}

html body .bg-busy {
	background: rgb(33, 150, 243);
}

html body .bg-working {
	background: rgb(255, 152, 0);
}

html body .normal-height {
	height: 46px;
}

html body .height-10 {
	height: 10px;
}

html body .height-20 {
	height: 20px;
}

html body .height-30 {
	height: 30px;
}

html body .height-40 {
	height: 40px;
}

html body .height-50 {
	height: 50px;
}

html body .height-60 {
	height: 60px;
}

html body .height-70 {
	height: 70px;
}

html body .height-80 {
	height: 80px;
}

html body .height-90 {
	height: 90px;
}

html body .height-100 {
	height: 100px;
}

html body .height-110 {
	height: 110px;
}

html body .height-120 {
	height: 120px;
}

html body .height-130 {
	height: 130px;
}

html body .height-140 {
	height: 140px;
}

html body .height-150 {
	height: 150px;
}

html body .height-160 {
	height: 160px;
}

html body .height-170 {
	height: 170px;
}

html body .height-180 {
	height: 180px;
}

html body .height-190 {
	height: 190px;
}

html body .height-200 {
	height: 200px;
}

html body .height-210 {
	height: 210px;
}

html body .height-220 {
	height: 220px;
}

html body .height-230 {
	height: 230px;
}

html body .height-240 {
	height: 240px;
}

html body .height-250 {
	height: 250px;
}

html body .height-260 {
	height: 260px;
}

html body .height-270 {
	height: 270px;
}

html body .height-280 {
	height: 280px;
}

html body .height-290 {
	height: 290px;
}

html body .height-300 {
	height: 300px;
}

html body .height-350 {
	height: 350px;
}

html body .height-400 {
	height: 400px;
}

html body .height-450 {
	height: 450px;
}

html body .full-width {
	width: 100%;
}

html body .width-30 {
	width: 30px;
	height: 30px;
}

html body .width-40 {
	width: 40px;
	height: 40px;
}

html body .width-50 {
	width: 50px;
	height: 50px;
}

html body .width-60 {
	width: 60px;
	height: 60px;
}

html body .width-70 {
	width: 70px;
	height: 70px;
}

html body .width-80 {
	width: 80px;
	height: 80px;
}

html body .width-90 {
	width: 90px;
	height: 90px;
}

html body .width-100 {
	width: 100px;
	height: 100px;
}

html body .width-110 {
	width: 110px;
	height: 110px;
}

html body .width-120 {
	width: 120px;
	height: 120px;
}

html body .width-130 {
	width: 130px;
	height: 130px;
}

html body .width-140 {
	width: 140px;
	height: 140px;
}

html body .width-150 {
	width: 150px;
	height: 150px;
}

html body .width-160 {
	width: 160px;
	height: 160px;
}

html body .width-170 {
	width: 170px;
	height: 170px;
}

html body .width-180 {
	width: 180px;
	height: 180px;
}

html body .width-190 {
	width: 190px;
	height: 190px;
}

html body .width-200 {
	width: 200px;
	height: 200px;
}

html body .width-210 {
	width: 210px;
	height: 210px;
}

html body .width-220 {
	width: 220px;
	height: 220px;
}

html body .width-230 {
	width: 230px;
	height: 230px;
}

html body .width-240 {
	width: 240px;
	height: 240px;
}

html body .width-250 {
	width: 250px;
	height: 250px;
}

html body .width-260 {
	width: 260px;
	height: 260px;
}

html body .width-270 {
	width: 270px;
	height: 270px;
}

html body .width-280 {
	width: 280px;
	height: 280px;
}

html body .width-290 {
	width: 290px;
	height: 290px;
}

html body .width-300 {
	width: 300px;
	height: 300px;
}

html body .line-height-10 {
	line-height: 10px;
}

html body .line-height-12 {
	line-height: 12px;
}

html body .line-height-14 {
	line-height: 14px;
}

html body .line-height-16 {
	line-height: 16px;
}

html body .line-height-18 {
	line-height: 18px;
}

html body .line-height-20 {
	line-height: 20px;
}

html body .line-height-22 {
	line-height: 22px;
}

html body .line-height-24 {
	line-height: 24px;
}

html body .line-height-26 {
	line-height: 26px;
}

html body .line-height-28 {
	line-height: 28px;
}

html body .line-height-30 {
	line-height: 30px;
}

html body .line-height-32 {
	line-height: 32px;
}

html body .line-height-34 {
	line-height: 34px;
}

html body .line-height-36 {
	line-height: 36px;
}

html body .line-height-38 {
	line-height: 38px;
}

html body .line-height-40 {
	line-height: 40px;
}

html body .line-height-42 {
	line-height: 42px;
}

html body .line-height-44 {
	line-height: 44px;
}

html body .line-height-46 {
	line-height: 46px;
}

html body .line-height-48 {
	line-height: 48px;
}

html body .line-height-50 {
	line-height: 50px;
}

html body .line-height-60 {
	line-height: 60px;
}

html body .line-height-70 {
	line-height: 70px;
}

html body .line-height-80 {
	line-height: 80px;
}

html body .line-height-90 {
	line-height: 90px;
}

html body .line-height-100 {
	line-height: 100px;
}

html body .line-height-110 {
	line-height: 110px;
}

html body .line-height-120 {
	line-height: 120px;
}

html body .line-height-130 {
	line-height: 130px;
}

html body .line-height-140 {
	line-height: 140px;
}

html body .line-height-150 {
	line-height: 150px;
}

html body .line-height-160 {
	line-height: 160px;
}

html body .line-height-170 {
	line-height: 170px;
}

html body .line-height-180 {
	line-height: 180px;
}

html body .line-height-190 {
	line-height: 190px;
}

html body .line-height-200 {
	line-height: 200px;
}

html body .line-height-210 {
	line-height: 210px;
}

html body .line-height-220 {
	line-height: 220px;
}

html body .line-height-230 {
	line-height: 230px;
}

html body .line-height-240 {
	line-height: 240px;
}

html body .line-height-250 {
	line-height: 250px;
}

html body .line-height-260 {
	line-height: 260px;
}

html body .line-height-270 {
	line-height: 270px;
}

html body .line-height-280 {
	line-height: 280px;
}

html body .line-height-290 {
	line-height: 290px;
}

html body .line-height-300 {
	line-height: 300px;
}

html body .line-height-350 {
	line-height: 350px;
}

html body .line-height-400 {
	line-height: 400px;
}

html body .line-height-450 {
	line-height: 450px;
}

.avatar {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	background-color: rgb(245, 246, 247);
	color: rgb(255, 255, 255);
	text-transform: uppercase;
}

.avatar-dxl {
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 2rem;
}

.avatar-xl {
	width: 65px;
	height: 65px;
	line-height: 65px;
	font-size: 1.5rem;
}

.avatar-lg {
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 1.125rem;
}

.avatar-sm {
	width: 29px;
	height: 29px;
	line-height: 29px;
	font-size: 0.75rem;
}

.avatar img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.avatar-bordered {
	border: 4px solid rgba(255, 255, 255, 0.27);
	background-clip: padding-box;
}

.facebook-cl {
	color: rgb(60, 102, 196);
}

.twitter-cl {
	color: rgb(0, 172, 237);
}

.google-plus-cl {
	color: rgb(220, 71, 58);
}

.linkedin-cl {
	color: rgb(24, 149, 195);
}

.instagram-cl {
	color: rgb(188, 68, 189);
}

.pinterest-cl {
	color: rgb(189, 8, 28);
}

.facebook-bg {
	background: rgb(60, 102, 196);
	color: rgb(255, 255, 255);
}

.twitter-bg {
	background: rgb(0, 172, 237);
	color: rgb(255, 255, 255);
}

.googl-plus-bg {
	background: rgb(220, 71, 58);
	color: rgb(255, 255, 255);
}

.linkedin-bg {
	background: rgb(24, 149, 195);
	color: rgb(255, 255, 255);
}

.instagram-bg {
	background: rgb(188, 68, 189);
	color: rgb(255, 255, 255);
}

.pinterest-bg {
	background: rgb(189, 8, 28);
	color: rgb(255, 255, 255);
}

html body .font-10 {
	font-size: 10px;
}

html body .font-12 {
	font-size: 12px;
}

html body .font-13 {
	font-size: 13px;
}

html body .font-16 {
	font-size: 16px;
}

html body .font-18 {
	font-size: 18px;
}

html body .font-15 {
	font-size: 15px;
}

html body .font-20 {
	font-size: 20px;
}

html body .font-25 {
	font-size: 25px;
}

html body .font-30 {
	font-size: 30px;
}

html body .font-35 {
	font-size: 35px;
}

html body .font-40 {
	font-size: 40px;
}

html body .font-45 {
	font-size: 45px;
}

html body .font-50 {
	font-size: 50px;
}

html body .font-60 {
	font-size: 60px;
}

html body .font-70 {
	font-size: 70px;
}

html body .font-80 {
	font-size: 80px;
}

html body .font-90 {
	font-size: 90px;
}

html body .font-100 {
	font-size: 100px;
}

html body .font-bold {
	font-weight: bold;
}

html body .font-normal {
	font-weight: 400;
}

html body .font-midium {
	font-weight: 500;
}

html body .font-light {
	font-weight: 300;
}

html body .font-italic {
	font-style: italic;
}

html body .label-info {
	background: rgb(1, 178, 172);
}

html body .label-primary {
	background: rgb(17, 148, 247);
}

html body .label-danger {
	background: rgb(242, 17, 54);
}

html body .label-warning {
	background: rgb(255, 152, 0);
}

html body .label-success {
	background: rgb(15, 183, 107);
}

html body .label-purple {
	background: rgb(197, 128, 255);
}

html body .label-default {
	background: rgb(40, 52, 71);
}

.custom-checkbox {
	position: relative;
}

.custom-checkbox input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	margin: 5px 0px 0px 3px;
	z-index: 9;
}

.custom-checkbox label::before {
	width: 18px;
	height: 18px;
}

.custom-checkbox label::before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background: rgb(255, 255, 255);
	border: 2px solid rgb(187, 187, 187);
	border-radius: 15px;
	box-sizing: border-box;
	z-index: 2;
}

.custom-checkbox input[type="checkbox"]:checked+label::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 10px;
	border-style: solid;
	border-color: rgb(0, 0, 0);
	border-image: initial;
	border-width: 0px 2px 2px 0px;
	z-index: 3;
	transform: rotateZ(45deg);
}

.custom-checkbox input[type="checkbox"]:checked+label::before {
	border-color: rgb(38, 174, 97);
	background: rgb(38, 174, 97);
}

.custom-checkbox input[type="checkbox"]:checked+label::after {
	border-color: rgb(255, 255, 255);
}

.custom-checkbox input[type="checkbox"]:disabled+label::before {
	color: rgb(184, 184, 184);
	cursor: auto;
	box-shadow: none;
	background: rgb(221, 221, 221);
}

.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.custom-radio [type="radio"]:checked+label,
.custom-radio [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	width: 25px;
	height: 9px;
}

.custom-radio [type="radio"]:checked+label::before,
.custom-radio [type="radio"]:not(:checked)+label::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 18px;
	height: 18px;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 100%;
	background: rgb(255, 255, 255);
}

.custom-radio [type="radio"]:checked+label::after,
.custom-radio [type="radio"]:not(:checked)+label::after {
	content: "";
	width: 10px;
	height: 10px;
	background: rgb(38, 174, 97);
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	transition: all 0.2s ease 0s;
}

.custom-radio [type="radio"]:not(:checked)+label::after {
	opacity: 0;
	transform: scale(0);
}

.custom-radio [type="radio"]:checked+label::after {
	opacity: 1;
	transform: scale(1);
}

.custom-file-upload-hidden {
	display: none;
	visibility: hidden;
	position: absolute;
	left: -9999px;
}

.custom-file-upload {
	display: block;
	width: auto;
	background: rgb(251, 253, 255);
	font-size: 16px;
	border: 2px solid rgb(221, 230, 239);
	border-radius: 4px;
	height: 50px;
	margin-bottom: 20px;
}

.file-upload-input {
	width: 120px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	padding: 11px 17px;
	border: none;
	outline: none;
}

.file-upload-button {
	cursor: pointer;
	display: inline-block;
	color: rgb(255, 255, 255);
	font-size: 16px;
	text-transform: uppercase;
	padding: 11px 20px;
	border: none;
	margin-left: -1px;
	background-color: red;
	float: left;
}

.jov_search_block_inner {
	position: relative;
	z-index: 9;
}

.custom-file-upload input[type="file"] {
	appearance: none;
	text-align: left;
	width: 100%;
	font-size: 14px;
	padding: 10px 0px 0px 10px;
}

.custom-file-upload input[type="file"]::-webkit-file-upload-button {
	appearance: none;
	float: right;
	margin: 0px 0px 0px 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-image: initial;
	height: 48px;
	border-left: 1px solid rgb(221, 230, 239);
	border-radius: 0px;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(251, 253, 255)), to(rgb(251, 253, 255)));
}

html body .bg-a {
	background: rgb(247, 61, 81);
}

html body .bg-b {
	background: rgb(138, 124, 217);
}

html body .bg-c {
	background: rgb(255, 179, 144);
}

html body .bg-d {
	background: rgb(55, 180, 117);
}

html body .bg-e {
	background: rgb(75, 94, 108);
}

html body .bg-f {
	background: rgb(245, 184, 59);
}

html body .bg-g {
	background: rgb(85, 101, 208);
}

html body .bg-h {
	background: rgb(24, 186, 217);
}

html body .bg-i {
	background: rgb(67, 60, 99);
}

html body .bg-j {
	background: rgb(173, 79, 135);
}

html body .bg-k {
	background: rgb(238, 125, 78);
}

html body .bg-l {
	background: rgb(255, 70, 90);
}

html body .bg-m {
	background: rgb(245, 184, 59);
}

html body .bg-o {
	background: rgb(24, 186, 217);
}

html body .bg-p {
	background: rgb(104, 119, 222);
}

html body .bg-q {
	background: rgb(20, 175, 105);
}

html body .bg-r {
	background: rgb(87, 105, 119);
	color: rgb(87, 105, 119);
}

html body .bg-s {
	background: rgb(253, 92, 5);
}

html body .bg-t {
	background: rgb(138, 124, 217);
}

html body .bg-u {
	background: rgb(255, 70, 90);
}

html body .bg-v {
	background: rgb(138, 124, 217);
}

html body .bg-x {
	background: rgb(24, 186, 217);
}

html body .bg-y {
	background: rgb(245, 184, 59);
}

html body .bg-z {
	background: rgb(255, 134, 69);
}

.br-0 {
	border: none !important;
}

.b-1 {
	border: 1px solid rgb(221, 230, 239) !important;
}

.b-2 {
	border: 3px solid rgb(221, 230, 239) !important;
}

.b-3 {
	border: 3px solid rgb(221, 230, 239) !important;
}

.b-4 {
	border: 4px solid rgb(221, 230, 239) !important;
}

.bl-1 {
	border-left: 1px solid rgb(221, 230, 239) !important;
}

.bl-2 {
	border-left: 2px solid rgb(221, 230, 239) !important;
}

.bl-3 {
	border-left: 3px solid rgb(221, 230, 239) !important;
}

.bl-4 {
	border-left: 4px solid rgb(221, 230, 239) !important;
}

.br-1 {
	border-right: 1px solid rgb(221, 230, 239) !important;
}

.br-2 {
	border-right: 2px solid rgb(221, 230, 239) !important;
}

.br-3 {
	border-right: 3px solid rgb(221, 230, 239) !important;
}

.br-4 {
	border-right: 4px solid rgb(221, 230, 239) !important;
}

.bt-1 {
	border-top: 1px solid rgb(221, 230, 239) !important;
}

.bt-2 {
	border-top: 2px solid rgb(221, 230, 239) !important;
}

.bt-3 {
	border-top: 3px solid rgb(221, 230, 239) !important;
}

.bt-4 {
	border-top: 4px solid rgb(221, 230, 239) !important;
}

.bb-1 {
	border-bottom: 1px solid rgb(221, 230, 239) !important;
}

.bb-2 {
	border-bottom: 2px solid rgb(221, 230, 239) !important;
}

.bb-3 {
	border-bottom: 3px solid rgb(221, 230, 239) !important;
}

.bb-4 {
	border-bottom: 4px solid rgb(221, 230, 239) !important;
}

.br-info {
	border-color: rgb(1, 178, 172) !important;
}

.br-primary {
	border-color: rgb(17, 148, 247) !important;
}

.br-danger {
	border-color: rgb(242, 17, 54) !important;
}

.br-warning {
	border-color: rgb(255, 152, 0) !important;
}

.br-success {
	border-color: rgb(15, 183, 107) !important;
}

.br-purple {
	border-color: rgb(197, 128, 255) !important;
}

.br-default {
	border-color: rgb(40, 52, 71) !important;
}

ol,
ul {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

ol.check-job>li,
ul.check-job>li {
	position: relative;
	letter-spacing: -0.2px;
	list-style: none;
}

ol.check-job>li::before,
ul.check-job>li::before {
	content: "";
	font-family: FontAwesome;
	font-size: 1em;
	margin-right: 7px;
	color: rgb(38, 174, 97);
}

.quote-card {
	background: rgb(255, 255, 255);
	padding: 20px 20px 20px 50px;
	box-sizing: border-box;
	position: relative;
	min-height: 100px;
	border-left: none;
}

.quote-card p {
	font-size: 22px;
	line-height: 1.5;
	margin: 0px;
	max-width: 90%;
}

.quote-card cite {
	font-size: 16px;
	margin-top: 10px;
	display: block;
	font-weight: 400;
	color: rgb(38, 174, 97);
}

.quote-card::before {
	font-family: Georgia, serif;
	content: "“";
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 50px;
	color: rgb(38, 174, 97);
	font-weight: normal;
}





i.login-icon {
	margin-right: 10px;
}

.banner,
.utf_main_banner_area {
	margin: 0px;
	position: relative;
	background-size: cover !important;
	background-position: center center !important;
}

.freelancer.banner {
	background: rgb(255, 255, 255);
}

.freelancer.banner .container {
	display: flex;
	padding: 80px 0px;
	flex-wrap: wrap;
	height: 100vh;
	min-height: 550px;
	align-items: center;
}

.banner {
	color: rgb(255, 255, 255);
}

.utf_main_banner_area {
	padding: 68px 0px;
}

.utf_main_banner_area h2 {
	color: rgb(255, 255, 255);
	font-weight: 400;
	display: block;
	margin-bottom: 12px;
}

[data-overlay] {
	position: relative;
}

[data-overlay]::before {
	position: absolute;
	content: "";
	background: linear-gradient(to right, rgb(50, 50, 50) 20%, rgba(50, 50, 50, 0.95) 50%, rgba(50, 50, 50, 0.1) 80%, rgba(50, 50, 50, 0) 100%);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.do-light[data-overlay]::before {
	position: absolute;
	content: "";
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}

[data-overlay].image--light::before {
	background: rgb(255, 255, 255);
}

[data-overlay].bg--primary::before {
	background: rgb(74, 144, 226);
}

[data-overlay="1"]::before {
	opacity: 0.1;
}

[data-overlay="2"]::before {
	opacity: 0.2;
}

[data-overlay="3"]::before {
	opacity: 0.3;
}

[data-overlay="4"]::before {
	opacity: 0.4;
}

[data-overlay="5"]::before {
	opacity: 0.5;
}

[data-overlay="6"]::before {
	opacity: 0.6;
}

[data-overlay="7"]::before {
	opacity: 0.7;
}

[data-overlay="8"]::before {
	opacity: 0.8;
}

[data-overlay="9"]::before {
	opacity: 0.9;
}

[data-overlay="10"]::before {
	opacity: 1;
}

[data-overlay="0"]::before {
	opacity: 0;
}

.utf_main_banner_area fieldset .seub-btn {
	margin-bottom: 0px;
}

.utf_main_banner_area fieldset .form-control,
.utf_main_banner_area fieldset .seub-btn,
.utf_main_banner_area fieldset select.selectpicker {
	width: 100%;
	padding: 12px 20px;
	border: none;
	border-radius: 0px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 500;
	height: 60px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.utf_main_banner_area fieldset .form-control:first-child {
	border-radius: 30px 0px 0px 30px;
	padding-left: 25px;
	color: rgb(107, 124, 138);
}

.utf_main_banner_area fieldset .seub-btn {
	margin-bottom: 0px;
	border-radius: 0px 30px 30px 0px;
}

.utf_main_banner_area fieldset .seub-btn:hover {
	background: rgb(17, 166, 82);
	color: rgb(255, 255, 255) !important;
}

.utf_main_banner_area fieldset select.selectpicker:focus,
.utf_main_banner_area fieldset .form-control:focus,
.utf_main_banner_area fieldset .seub-btn:focus {
	outline: none;
}

.utf_main_banner_area p {
	margin-bottom: 40px;
	font-size: 18px;
	letter-spacing: 4px;
}

.utf_main_banner_area .seub-btn {
	text-align: center;
	justify-content: center;
}

.freelancer.banner h2 {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 1.1;
}

.freelancer.banner p {
	font-family: Poppins, sans-serif;
	font-weight: 300;
	color: rgb(132, 146, 175);
	font-size: 17px;
	margin-bottom: 20px;
}

.freelancer.banner .no-br {
	border: none !important;
}

.freelancer.banner .input-group {
	padding: 5px;
	border-radius: 4px;
	max-width: 540px;
	box-shadow: rgba(41, 128, 185, 0.18) 0px 5px 10px 0px;
}

.freelancer.banner .input-group .form-control {
	height: 50px;
	background: transparent;
}

.freelancer.banner .input-group-btn:last-child>.btn,
.freelancer.banner .input-group-btn:last-child>.btn-group {
	margin-left: 0px;
	border-radius: 4px;
	height: 50px;
	padding-left: 30px;
	padding-right: 30px;
	background: rgb(38, 174, 97);
}

.freelancer.banner .banner-btn:hover,
.freelancer.banner .banner-btn:focus {
	color: rgb(255, 255, 255);
	background: rgb(38, 174, 97);
}

.features-block.style-one>div::before {
	position: absolute;
	content: "";
	background-image: url("../imgs/bg-pattern.png");
	background-repeat: repeat;
	width: calc(100% + 130px);
	height: calc(100% + 130px);
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.3;
}

.feature-item.style-one .feature-thumb {
	min-height: 100px;
}

.feature-item.style-one .feature-thumb img {
	width: 100%;
}

.feature-item.style-one .feature-info {
	background-color: white;
	padding: 20px 25px 32px;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 40px);
	margin-top: -45px;
	position: relative;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 13px;
	border-radius: 6px;
}

.feature-item.style-one .feature-info .title {
	font-size: 26px;
	font-weight: 700;
	font-family: "Barlow Semi Condensed", sans-serif;
	margin-bottom: 12px;
}

.features-block.style-one {
	padding-top: 60px;
	margin-bottom: 60px;
}

.features-block.style-one>div {
	position: relative;
	padding-bottom: 10px;
}

.runpic-box {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.runpic-words {
	position: absolute;
	width: 100%;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}

.runpic-words ul li {
	width: calc(25%);
	float: left;
	text-align: center;
	height: 70vh;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}

.runpic-words ul li img {
	display: block;
	margin: 0px auto;
	transition: all 1s ease 0s;
}

.runpic-words ul li h1 {
	color: rgb(255, 255, 255);
	margin-top: 80px;
	margin-bottom: 40px;
	font-size: 22px !important;
}

.runpic-words ul li .dt_more {
	color: rgb(255, 255, 255);
	font-size: 15px;
	width: 200px;
	letter-spacing: 2px;
	line-height: 36px;
	text-align: center;
	margin: 0px auto;
	position: relative;
}

.runpic-words ul li .dt_more::after {
	content: "";
	display: inline-block;
	width: 70%;
	height: 40%;
	background: rgb(142, 195, 31);
	position: absolute;
	z-index: -1;
	left: 15%;
	bottom: 0px;
	transition: all 0.5s ease 0s;
}

.runpic-words ul li .dt_more:hover::after {
	height: 100%;
}

.runpic-words ul li p {
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-transform: capitalize;
	margin-top: 10px;
}

.runpic-words ul li:hover img {
	transform: rotateY(180deg);
}

.runpic-line-null {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
	left: 0px;
	top: 62%;
	z-index: 4;
	display: none;
}

.runpic-line {
	position: absolute;
	width: 10%;
	height: 1px;
	background-color: rgb(182, 181, 170);
	left: 0px;
	display: none;
	top: 62%;
	z-index: 4;
	transition: all 1s ease 0s;
}

.runpic-pic {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	height: 70vh;
	background-color: rgb(182, 181, 170);
}

.runpic-pic ul li {
	width: 100%;
	height: 840px;
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
}

.runpic-pic-true {
	animation: 1s ease-in-out 0s 1 normal both running toPicBig;
}

@-webkit-keyframes toPicBig {
	0% {
		transform: scale(1.04);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes toPicBig {
	0% {
		transform: scale(1.04);
	}

	100% {
		transform: scale(1);
	}
}

.runpic-pic-shade {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 2s ease 0s;
}

.runpic-words-pic {
	height: 42px;
}

.sec1-intro {
	position: relative;
	padding: 50px 0px 0px;
	overflow: hidden;
}

.sec1-intro .intro-cont {
	position: relative;
	z-index: 3;
	width: 100%;
	margin-left: 18%;
	background: url("../imgs/bg1.png") right bottom / contain no-repeat fixed rgb(255, 255, 255);
	padding: 30px;
	display: flex;
	justify-content: space-between;
}

.sec1-intro .left {
	flex: 2.5 1 0%;
	position: relative;
}

.sec1-intro .left .div1 {
	background: rgb(38, 174, 97);
	display: flex;
	padding: 20px 30px;
	align-items: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-top: 40px solid rgb(255, 255, 255);
	border-right: 40px solid rgb(255, 255, 255);
	border-bottom: 40px solid rgb(255, 255, 255);
	border-image: initial;
	border-left: none;
}

.sec1-intro .left .spanline {
	width: 60px;
}

.sec1-intro .left span {
	display: block;
	height: 3px;
	background: rgb(255, 255, 255);
	animation: 1s ease-in-out -0.16s infinite normal none running load1;
	width: 23px;
	margin: 12px 0px;
}

.sec1-intro .left .span2 {
	animation-delay: -0.32s;
}

.sec1-intro .left .span3 {
	animation-delay: -0.46s;
}

.sec1-intro .left h3 {
	color: rgb(255, 255, 255);
	font-size: 22px;
}

.sec1-intro .left p {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-family: "arial narrow";
	letter-spacing: 1px;
	padding-top: 5px;
}

.sec1-intro .left strong {
	display: block;
	font-size: 70px;
	color: rgb(255, 255, 255);
	padding: 0px 15px;
}

.sec1-intro .right {
	flex: 3 1 0%;
}

.sec1-intro .left img {
	display: block;
	max-width: 100%;
}

.color-bg {
	position: absolute;
	inset: 50% 0px 0px;
	background: url("../imgs/bg_around.jpg") center bottom no-repeat;
	z-index: 0;
}

.sec1-intro .intro-cont .right {
	padding-right: 20%;
	padding-left: 3%;
}

.sec1-intro .tit {
	padding-top: 50px;
	position: relative;
}

.sec1-intro .tit h2 {
	font-size: 34px;
	color: rgb(0, 0, 0);
	padding-top: 25px;
}

.sec1-intro .tit b {
	display: block;
	background: rgb(38, 174, 97);
	height: 37px;
	width: 3px;
	margin: 50px 0px;
	transition: all 0.36s ease 0s;
	top: 0px;
	left: 0px;
}

.sec1-intro .right h3 {
	color: rgb(0, 0, 0);
	font-size: 22px;
	padding-bottom: 30px;
}

.sec1-intro .right p {
	font-size: 16px;
	line-height: 42px;
	color: rgb(102, 102, 102);
}

.sec1-intro .btn-3 {
	position: relative;
	display: block;
	border: 10px solid rgb(0, 0, 0);
	height: 100px;
	width: 300px;
	margin-top: 50px;
	overflow: hidden;
	background: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: center;
	line-height: 82px;
	font-size: 20px;
	z-index: 333;
	transition: all 0.36s ease 0s;
	margin-left: 0px;
}

/* 出口国家 */
.index-sec2 {
	padding: 0px 85px 0px;
	background: url("../imgs/bg_around.png") center bottom no-repeat;
	position: relative;
	border-radius: 0px;
	margin-bottom: 0px;
}

.index-sec2 p {
	color: #fff;
	margin: 10px 0;
}

.chart {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	padding: 20px;
	margin: 30px 0px 0px auto;
}

.geo {
	width: 70vw;
	height: 30vw;
	margin: 0 auto;
}

.footer {
	background-color: rgb(248, 248, 248);
	min-height: 0px;
}

.footer .e_container-3 {
	display: flex;
	flex-flow: row wrap;
	width: 94%;
	max-width: 1600px;
	margin: 0px auto;
	padding-bottom: 50px;
	padding-top: 50px;
}

.footer .e_container-3>.p_item {
	flex: 1 1 0%;
	max-width: 100%;
	max-height: 100%;
}

.footer .e_container-3 .cbox-3-0 {
	padding-right: 20px;
}

.footer .e_container-3 .cbox-3-1 {
	padding-right: 20px;
}

.footer .e_container-3 .cbox-3-2 {
	padding-right: 20px;
}

.footer .e_container-3 .cbox-3-3 {
	padding-right: 20px;
}

.footer .e_container-4 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	background-color: rgb(255, 255, 255);
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .e_container-4>.p_item {
	flex: 1 1 0%;
	max-width: 100%;
	max-height: 100%;
}

.footer .e_container-4 .cbox-4-0 {
	flex: 0 0 35%;
	align-self: center;
}

.footer .e_image-5 {
	overflow: hidden;
	max-width: 80px;
	margin-left: auto;
	margin-right: auto;
	max-height: none;
	height: 80px;
}

.footer .e_image-5 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.footer .e_text-6 {
	font-size: 24px;
	color: rgb(51, 51, 51);
}

.footer .e_text-7 {}

.footer .e_container-4:hover .e_image-5 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .s_img {
	transition: -webkit-transform 2s ease-out 0s;
}

.footer .e_container-4:hover .s_img {
	transform: rotateY(360deg);
}

.footer .e_container-8 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	background-color: rgb(255, 255, 255);
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .e_container-8>.p_item {
	flex: 1 1 0%;
	max-width: 100%;
	max-height: 100%;
}

.footer .e_container-8 .cbox-8-0 {
	flex: 0 0 35%;
	align-self: center;
}

.footer .e_container-8:hover .e_image-11 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .e_container-8:hover .s_img {
	transform: rotateY(360deg);
}

.footer .e_text-9 {
	font-size: 24px;
	color: rgb(51, 51, 51);
}

.footer .e_image-11 {
	overflow: hidden;
	max-width: 80px;
	margin-left: auto;
	margin-right: auto;
	max-height: none;
	height: 80px;
}

.footer .e_image-11 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.e_container-4:hover .footer .e_image-11 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .e_container-12 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	background-color: rgb(255, 255, 255);
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .e_container-12>.p_item {
	flex: 1 1 0%;
	max-width: 100%;
	max-height: 100%;
}

.footer .e_container-12 .cbox-12-0 {
	flex: 0 0 35%;
	align-self: center;
}

.footer .e_container-12:hover .e_image-15 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .e_container-12:hover .s_img {
	transform: rotateY(360deg);
}

.footer .e_image-15 {
	overflow: hidden;
	max-width: 80px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
}

.footer .e_image-15 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.e_container-4:hover .footer .e_image-15 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .e_container-16 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	background-color: rgb(255, 255, 255);
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .e_container-16>.p_item {
	flex: 1 1 0%;
	max-width: 100%;
	max-height: 100%;
}

.footer .e_container-16 .cbox-16-0 {
	flex: 0 0 40%;
	align-self: center;
}

.footer .e_container-16:hover .e_image-19 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .e_container-16:hover .s_img {
	transform: rotateY(360deg);
}

.footer .e_image-19 {
	overflow: hidden;
	max-width: 80px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
}

.footer .e_image-19 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.e_container-4:hover .footer .e_image-19 img {
	filter: drop-shadow(#cfa559 80px 0px);
	margin-left: -80px;
}

.footer .e_container-8 .cbox-8-1 {
	align-self: center;
}

.footer .e_container-4 .cbox-4-1 {
	align-self: center;
}

.footer .e_container-12 .cbox-12-1 {
	align-self: center;
}

.footer .e_container-16 .cbox-16-1 {
	align-self: center;
}

.footer .e_text-10 {}

.footer .e_text-14 {}

.footer .e_text-18 {}

.footer .e_text-13 {
	font-size: 24px;
	font-weight: 400;
	color: rgb(51, 51, 51);
}

.footer .e_text-17 {
	font-size: 24px;
	color: rgb(51, 51, 51);
}

@media screen and (max-width: 768px) {
	.footer .e_container-3 {
		flex-direction: column;
	}

	.footer .e_container-3 .cbox-3-1 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer .e_container-3 .cbox-3-0 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer .e_container-3 .cbox-3-2 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer .e_container-3 .cbox-3-3 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer .e_container-4 {}
}


/* banner */
.bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

@-webkit-keyframes load1 {

	0%,
	80%,
	100% {
		width: 13px;
	}

	40% {
		width: 60px;
	}
}

@keyframes down {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}

	100% {
		transform: none;
		opacity: 1;
	}
}

@media screen and (max-width: 1800px) {
	.sec1-intro .intro-cont {
		margin-left: 5%;
	}

	.sec1-intro .intro-cont .right {
		padding-right: 5%;
	}

	.sec1-intro .right .btn-3 {
		border: 6px solid rgb(0, 0, 0);
		height: 85px;
		width: 300px;
		line-height: 76px;
		font-size: 18px;
	}
}

@media screen and (max-width: 1300px) {
	.nav {
		margin-left: 5px;
	}

	.sec1-intro .intro-cont {
		padding: 20px;
	}

	.sec1-intro .tit img {
		width: 80%;
	}

	.sec1-intro .tit h2 {
		font-size: 28px;
		padding-top: 5px;
	}

	.sec1-intro .tit b {
		margin: 15px 0px;
		height: 30px;
	}

	.sec1-intro .right .btn-3 {
		border: 5px solid rgb(0, 0, 0);
		height: 70px;
		width: 260px;
		line-height: 62px;
		font-size: 18px;
	}
}
@media screen and (max-width: 1200px){

	.feature-item.style-one .feature-info {
		margin-bottom: 25px;
	}
	.footer .e_container-3>.p_item {
		flex: 1 1 50%;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 768px) {
	.sec1-intro .left img {
		display: none;
	}

	.index-sec2 {
		padding: 0px;
	}



	.chart {
		padding: 0 0 15px;
	}

	.geo {
		height: 70vw;
		width: 100vw;
	}

	.runpic-words ul li {
		width: 50%;
	}

	.sec1-intro .intro-cont {
		padding: 0;
		margin-left: 0;
	}

	.sec1-intro .left {
		flex: 0;
	}

	.sec1-intro .left .div1 {
		display: none;
	}
	.sec1-intro .tit {
		padding-top: 0;
	}
	.sec1-intro .right .btn-3 {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	.footer .e_container-3 .p_item{
		padding-right: 0;
	}
	.feature-item.style-one .feature-info {
		margin-bottom: 25px;
	}
}