/*homepage*/
.hp-search-box {
	height: calc( 100vh - 80px );
	min-height: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.hp-search-box h1,
.hp-search-box h2 {
	color: #333;
}

.hp-search-box h1 {
	margin-top: 0;
	font-weight: 700;
	margin-bottom: .25rem;
	font-size: 2.5rem;
}

.hp-search-box h2 {
	font-size: 1.8rem;
}

.hp-search-form {
	padding: .8rem 1.3rem;
	background-color: rgba(0,0,0,.3);
	position: relative;
}

.hp-search-form .row {
	margin: 0;
}

.hp-search-form .row>[class*=col-] {
	padding-left: 5px;
	padding-right: 5px;
}

.hp-search-form .hp-input,
.hp-search-form .select2-selection {
	width: 100%;
	height: 45px;
	border-radius: .4rem;
	border: solid 1px #fff;
}

.hp-search-form .hp-input {
	padding: 5px;
}

.hp-search-form .select2 {
	width: 100% !important;
}

.hp-search-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	transform: translateY(-50%);
	position: relative;
	top: 50%;
}

.hp-search-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 0;
}

.hp-search-form .select2-selection__choice {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hp-search-submit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: none;
	width: 100%;
	height: 45px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	font-weight: 600;
	background-color: #ed1c24;
	border-radius: .4rem;
	text-decoration: none;
	font-size: 1.1rem;
	text-transform: uppercase;
}

.hp-search-submit:hover {
	text-decoration: none;
	color: #fff;
}

.hp-search-form .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem;
	border: solid 1px #409bee;
}

.hp-search-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.hp-search-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.hp-search-advance {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 0 .5rem .5rem .6rem;
	background-color: rgba(0,0,0,.3);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.hp-search-advance a {
	color: #fff;
	text-decoration: none;
	font-size: .9rem;
	line-height: 1;
}

.hp-search-advance a i {
	font-size: .8rem;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.hp-search-advance a i.rotated {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.hp-tabs-head {
	margin-top: -55px;
}

.hp-tabs-head a {
	padding: .75rem .5rem;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	text-transform: capitalize;
	height: 55px;
	background: #f6f6f6;
	-webkit-transition: all .125s linear;
	transition: all .125s linear;
}

.hp-tabs-head a.active {
	background: #fff;
	color: rgba(237,28,36,1);
}

.hp-tabs-head a img {
	width: 30px;
	height: 30px;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	-webkit-filter: gray;
	        filter: gray;
	-webkit-transition: all .125s linear;
	transition: all .125s linear;
	margin-right: 5px;
}

.hp-tabs-head a.active img {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}

.hp-tabs-head .nav-tabs {
	border: none;
}

.hp-tabs-content {
	background: #fff;
	padding: 1.5rem;
	margin-bottom: 2.5rem;
	border-bottom: solid 1px rgba(237,28,36,.7);
}

.hp-tabs-content .tab-items a {
	font-size: .9rem;
	color: #333;
}

.hp-box {
	padding: 1.5rem;
	background: #fff;
	margin-bottom: 1.8rem;
}

.fitsjob-box {
	margin-top: 2rem;
}
/*carousel template*/
.slide-n-title {
	position: relative;
}

.slide-n-title .owl-carousel {
	position: static;
}

.slide-n-title .owl-carousel .owl-nav button.owl-next, 
.slide-n-title .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 1.5rem;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	font-size: 1.5rem;
	width: 45px;
	height: 30px;
	background: transparent;
	color: #999;
	border: solid 1px #999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	outline: none;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

.slide-n-title .owl-carousel .owl-nav button.disabled {
	background: #d1d1d1;
	border: none;
	color: #fff;
}

.slide-n-title .owl-carousel .owl-nav button.owl-next {
	left: calc( 100% - 1.5rem - 15px - .4rem - 1px );
}

.slide-n-title .owl-carousel .owl-nav button.owl-prev {
	left: calc( 100% - 1.5rem - 65px - .6rem );
}

.slide-n-title .owl-stage-outer {
	margin-top: 2rem;
}

/*end carousel template*/

#hp-company .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#hp-company .owl-item{
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: auto !important;
}

.owl-company {
	width: calc( 100% + 1.5rem );
	margin-left: -.75rem;
	margin-right: -.75rem;
}

.owl-company .company-item {
	position: relative;
	padding: 1.2rem;
	border: solid 1px #ddd;
	border-bottom: 0;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 .75rem;
}

.owl-company .company-item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -1px;
	width: calc( 100% + 2px );
	height: 3px;
	background: #ddd;
}

.owl-company .fst-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.owl-company .company-logo {
	width: 100%;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-o-object-fit: cover;
	   object-fit: cover;
	margin-bottom: 3px;
}

.owl-company .company-logo img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.owl-company .company-title {
	margin-bottom: 5px;
	text-align: center;
}

.owl-company .fst-part i {
	line-height: 1;
	font-size: .9rem;
}

.owl-company a {
	display: inline-block;
	background: rgba(237,28,36,.9);
	color: #fff;
	text-decoration: none;
	padding: .3rem .6rem;
	margin-top: 1rem;
	border-radius: 5px;
}

.spotlight-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.spotlight-slide .fitsjob-item {
	width: calc( 50% - .25rem );
}

.spotlight-slide .fitsjob-item.hot {
	background: rgba(247,148,29,.13);
	border-color: rgba(247,148,29,.3);
}

.spotlight-slide .fitsjob-item.hot:hover {
	border-color: rgba(237,28,36,.9);
}

.spotlight-slide .fitsjob-item span.hot {
	background: rgba(237,28,36,.9);
	font-size: .75rem;
	text-transform: capitalize;
	display: inline-block;
	line-height: 1;
	padding: .2rem .55rem;
	color: #fff;
	border-radius: .2rem;
}

.spotlight-slide .fitsjob-item .item-info {
	padding: .5rem .5rem
}

.spotlight-slide .fitsjob-item .text-left-bot {
	margin-left: -2px;
	margin-right: -2px;
}

.spotlight-slide .fitsjob-item .text-left-bot span {
	font-size: .7rem;
	background: #eee;
	border-color: #e1e1e1;
}

.spotlight-slide .text-left-top h5 {
	display: block;
}

.spotlight-slide .text-left-top h5 a {
	font-size: 1.1rem;
}

.spotlight-slide .text-left-top .item-cpn-name {
	font-size: .8rem;
}

.spotlight-slide .text-left-top .item-cpn-name span {
	font-size: .85rem;
}

.spotlight-slide .offer {
	font-size: .8rem;
}

.spotlight-slide .offer-date {
	margin-bottom: .25rem;
	font-size: .75rem;
	line-height: 1;
}

.spotlight-slide .fitsjob-item:last-child,
.spotlight-slide .fitsjob-item {
	margin-bottom: .5rem;
}

.spotlight-slide .item-img {
	padding-right: .5rem;
	width: 20%;
}

.spotlight-slide .like-offer {
	width: 30px;
	height: 25px;
	font-size: .78rem;
	border-radius: 9px;
}

.spotlight-slide .like-offer i {
	margin-left: -1px;
}

@media (max-width: 991px) {
	.spotlight-slide .item-img {
		display: none;
	}
}

@media (max-width: 767px) {
	.hp-search-box {
		margin-bottom: 55px;
		margin-top: 3rem;
		height: calc( 100vh - 3rem - 55px );
	}

	.hp-search-box h1 {
		font-size: 1.7rem;
	}

	.hp-search-box h2 {
		font-size: 1.5rem;
	}

	.spotlight-slide .fitsjob-item {
		width: 100%;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
	.owl-company .company-logo {
		width: 200px;
		display: block;
		position: relative;
	}

	.owl-company .company-logo img {
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}