/*Contact Form CSS*/
/* -------------------------------- Start -------------------------------- */
.required {
	color: red !important; 
}
/* -------------------------------- End -------------------------------- */

/* css/theme-elements.css - Index - Sales and Network Section */
/* -------------------------------- Start -------------------------------- */
.image-hotspot .circle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 28px;
	margin: -0.666em auto auto -0.666em;
	background: transparent;
	border-radius: 50%;
	opacity: 0.6;
	transform-origin: 50% 50%;
	transition: opacity .2s ease-in, transform .1s ease-out;
	color: white;
	font-size: 1.5em;
	padding: 0;
	text-align: center;
	line-height: 28px;
	overflow: hidden;
}
/* -------------------------------- End -------------------------------- */

/* css/demos/demo-coffee.css - Index - Accreditations & Certification section */
/* -------------------------------- Start -------------------------------- */
.custom-column-bg {
		position: relative;
}

.custom-column-bg:before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 50vw;
		height: 100%;
		border-radius: 0 10px 10px 0;
		background: var(--dark);
		opacity: 0.6;
		transform: translate3d(0, -50%, 0);
		z-index: -1;
}

@media (max-width: 767px) {
		.custom-column-bg:before {
				width: 100%;
				border-radius: 10px;
		}
}

@media (max-width: 575px) {
		.custom-column-bg:before {
				width: calc(100% - 30px);
				margin-right: 15px;
		}
}
/* -------------------------------- End -------------------------------- */

/*  Logos in Footer */
/* -------------------------------- Start -------------------------------- */
.custom-icon-size-1 {
		font-size: 3em;
}
/* -------------------------------- End -------------------------------- */

/*  Our Team - all employees */
/* -------------------------------- Start -------------------------------- */
.custom-card-style-1 {
		border: 2px solid transparent;
		transition: ease border 300ms;
}

.custom-card-style-1 .custom-card-style-1-image-wrapper img {
		transform: translate3d(5px, -5px, 0);
		transition: ease transform 300ms;
}

.custom-card-style-1 .custom-card-style-1-title,
.custom-card-style-1 .custom-card-style-1-link {
		transition: ease color 300ms;
}

.custom-card-style-1:hover .custom-card-style-1-image-wrapper img {
		transform: translate3d(0, 0, 0);
}
/* -------------------------------- End -------------------------------- */

/*  Index - category block - reduce opacity */
/* -------------------------------- Start -------------------------------- */
.custom-grid-1 .custom-grid-1-item .custom-grid-1-img:after {
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		/*opacity: 0.7;*/
		opacity: 0.3;
		background-color: var(--dark);
}
/* -------------------------------- End -------------------------------- */

/*  Resources - Downloads */
/* -------------------------------- Start -------------------------------- */
.custom-thumb-info-style-1 .thumb-info-wrapper {
		border-radius: 25px !important;
		border: 5px solid transparent !important;
		transition: ease border 300ms;
}

.custom-thumb-info-style-1 h3 {
		transition: ease color 300ms;
}

.custom-img-thumbnail-style-1.img-thumbnail.img-thumbnail-hover-icon:before {
		border-radius: 0 !important;
}

.custom-thumb-info-style-1:hover .thumb-info-wrapper {
		border-color: var(--primary) !important;
}

.custom-thumb-info-style-1:hover h3 {
		color: var(--primary) !important;
}
/* -------------------------------- End -------------------------------- */

/*  Careers - Life at Cosben */
/* -------------------------------- Start -------------------------------- */
feature-box.custom-feature-box {
		margin-bottom: 19.2px;
		margin-bottom: 1.2rem;
}

.feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon, .feature-box.custom-feature-box:hover .feature-box-icon {
		box-shadow: 0px 0px 40px 4px rgba(200, 200, 200, 0.5);
}

.feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon img, .feature-box.custom-feature-box:hover .feature-box-icon img {
		transform: translate3d(-50%, -50%, 0) scale(1.1);
}

.feature-box.custom-feature-box .feature-box-icon {
		flex: 0 0 auto;
		background: transparent;
		width: 100px;
		position: relative;
		height: 100px;
		border: 6px solid #FFF;
		border-radius: 100%;
		padding: 5px;
		margin-top: 0;
		overflow: hidden;
		z-index: 1;
		transition: ease box-shadow 300ms;
}

.feature-box.custom-feature-box .feature-box-icon img {
		position: absolute;
		width: 113%;
		top: 50%;
		left: 50%;
		z-index: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
		transition: ease transform 300ms;
}

@media (max-width: 991px) {
		.col-md-12 .feature-box.feature-box-style-2.custom-feature-box .feature-box-info {
				padding-left: 115px;
		}
}
/* -------------------------------- End -------------------------------- */

/*  Careers - Life at Cosben - Infrastructure */
/* -------------------------------- Start -------------------------------- */
@media (width > 750px) {
		.infrastructure-img {
				width:750px; 
				height: auto;
		}
}

@media (width < 750px) {
		.infrastructure-img {
				width:400px; 
				height: auto;
		}
}
/* -------------------------------- End -------------------------------- */

/* Careers home page */
/* -------------------------------- Start -------------------------------- */
.career-hero{
	background-color: transparent;
	background-image:linear-gradient(180deg, #fbc105 0%, #FFFFFF 63%);
}

/* -------------------------------- End -------------------------------- */

/* Sales Network - Dealers details table */
/* -------------------------------- Start -------------------------------- */
.tabs-navigation-custom .nav-tabs .nav-item {
		position: relative;
}

.tabs-navigation-custom .nav-tabs .nav-item .nav-link {
		border: 0 !important;
		font-size: 18px;
		padding-left: 25px !important;
}

.tabs-navigation-custom .nav-tabs .nav-item .nav-link:not(.active) {
		color: var(--dark);
}

.tabs-navigation-custom .nav-tabs .nav-item .nav-link:before {
		content: "";
		width: 20px;
		height: 2px;
		display: inline-block;
		background: var(--dark);
		margin-right: 10px;
		position: relative;
		top: -3px;
		left: 0;
}

.tabs-navigation-custom .nav-tabs .nav-item .nav-link.active:before {
		background: var(--primary);
}

/* -------------------------------- End -------------------------------- */


/* Our Team */
/* -------------------------------- Start -------------------------------- */
.linkedin-custom-icon {
		height:30px; 
		width: auto;
}

/* -------------------------------- End -------------------------------- */