/* codeDESIGN - content_job_offers_grid.css */
@charset "utf-8";

/* CONTENT JOB OFFERS GRID */
div.component_column_1_inner {
	background: none !important;
}
div.component_column.col-md-8, 
div.component_column.col-md-4, 
div.component_column.col-md-12 {
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers {
	background: #f8f8f8 !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers [class^="col-"],
div.content_job_offers [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}

div.content_job_offers_tabs_332 {
	padding: 0px 20px;
}

div.content_job_offers_tabs div.row.head_row {
	background: var(--ci_color_white);
	margin-bottom: 40px;
}
div.content_job_offers_tabs div.job_offer_head_text {
	padding: 20px 20px 20px 0px;
}
div.content_job_offers_tabs div.job_offer_head_item {
	display: inline-block;
	position: relative;
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
	padding: 69px 40px;
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers_tabs div.job_offer_head_item {
		margin-top: 0px;
	}
	div.content_job_offers_tabs div.job_offer_head_text {
		padding: 20px 20px 20px 20px;
	}
}
div.content_job_offers_tabs div.job_offer_head_item_title {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	font-size: 96px;
	line-height: 64px;
	font-weight: 600;
}
div.content_job_offers_tabs div.job_offer_head_item_title span {
	display: block;
	font-size: 48px;
	line-height: 48px;
	margin-top: 10px;
}
@media only screen and (max-width: 991px) {
	div.job_offer_head_item {
		display: none !important;
	}
	div.content_job_offers_tabs div.job_offer_head_item_title {
		left: 0%;
		transform: translateX(0%);
	}
}
div.content_job_offers_tabs div.job_offer_head_item_text {
	display: block;
	position: relative;
	text-align: right;
	text-transform: lowercase;
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
}
div.content_job_offers_tabs div.job_offer_head_text h4.bigger {
	font: normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-style: normal;
	color: var(--ci_color_dark_grey);
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
div.content_job_offers_tabs div.job_offer_head_text h4.bigger::after {
	content: none;
}
div.content_job_offers_tabs div.job_offer_head_text a,
div.content_job_offers_tabs div.job_offer_head_text a:link,
div.content_job_offers_tabs div.job_offer_head_text a:visited {
	font-weight: 400;
	color: var(--ci_color_black);
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.content_job_offers_tabs div.job_offer_head_text a:hover,
div.content_job_offers_tabs div.job_offer_head_text a:hover:link,
div.content_job_offers_tabs div.job_offer_head_text a:hover:visited {
	color: var(--ci_color);
	text-decoration: underline;
}


div.content_job_offers_apply_to_wrapper {
	background: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
div.content_job_offers_apply_to_wrapper div.content_job_offers_content_box {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}
div.content_job_offers_apply_to_wrapper div.content_job_offers_image_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.content_job_offers_apply_to_wrapper div.content_job_offers_image_box div.content_job_offers_image_box_caption {
	font-weight: 400;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}



.com_content div.item-page strong, 
.com_content div.item-page b {
	font-weight: 400;
	color: var(--ci_color_black);
}

div.content_job_offers div.container:not(:last-child) {
	margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
	div.content_job_offers div.conatiner {
		background: var(--ci_color_white);
	}
}

div.content_job_offers div.row {
	background: var(--ci_color_white);
}
div.content_job_offers div.row:not(.items_row) {
	padding: 20px 0px;
	margin-bottom: 20px;
}
div.content_job_offers div.row:not(.items_row):first-child {
	padding-top: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row:first-child:not(.items_row):not(.text_row) {
		padding-top: 0px !important;
	}
}
div.content_job_offers div.head_row,
div.content_job_offers div.text_row {
	padding-top: 20px !important;
}

div.content_job_offers div.job_offers_item_rows {
	margin-bottom: 20px;
}

div.content_job_offers div.row.items_row {
	display: flex;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.items_row {
		display: inherit;
	}
}

div.content_job_offers div.row.items_row div.col-md-12 {
	padding-right: 0px !important;
}
div.content_job_offers div.row.items_row h2 {
	margin-bottom: 0px;
}

div.content_job_offers div.custom_tab_content_inner h2 {
	letter-spacing: 0px;
}

div.content_job_offers div.row.items_row {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}
div.content_job_offers div.items_row:not(:last-child) {
	padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.items_row:not(:last-child) {
		padding-bottom: 0px;
	}
}
div.content_job_offers div.items_row:first-child {
	padding-top: 20px;
}
div.content_job_offers div.items_row:last-child {
	padding-bottom: 0px;
}

div.job_offers_item_rows div.items_row:not(:last-child) {
	margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
	div.job_offers_item_rows div.row.items_row,
	div.job_offers_item_rows div.row.items_row:not(:last-child) {
		margin-bottom: 0px;
	}
}

div.content_job_offers div.row:not(.items_row):not(:first-child):not(:last-child) {
	margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row:not(.items_row):not(:first-child):not(:last-child),
	div.job_offers_item_rows div.row.items_row:last-child {
		margin-bottom: 0px;
	}
}

div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(1) {
	padding-left: 0px;
	padding-right: 20px;
}
div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(2) {
	padding-left: 10px;
	padding-right: 10px;
}
div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(3) {
	padding-left: 20px;
	padding-right: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(1),
	div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(2),
	div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(3) {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	div.content_job_offers div.items_row:last-child div[class^="col-"]:nth-child(3) {
		margin-bottom: 0px;
	}
}

div.content_job_offers div.job_offer_item {
	display: block;
	position: relative;
	height: calc(100% - 51px);
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
	padding: 20px;
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_item {
		height: calc(100% - 102px);
	}
}
div.content_job_offers div.job_offer_item:hover {
	background: var(--ci_color_accent_2_hover);
}

div.content_job_offers div.job_offer_item > div {
	text-align: center;
}

div.content_job_offers div.job_offer_item div.job_offer_title {
	text-transform: uppercase;
	font-size: 42px;
	line-height: 48px;
	font-weight: 600;
}
div.content_job_offers div.job_offer_item div.job_offer_diversity {
	text-transform: uppercase;
	font-weight: 600;
}
div.content_job_offers div.job_offer_item div.job_offer_description {
	font-weight: 600;
}
div.content_job_offers div.job_offer_item div.job_offer_location {
	font-weight: 600;
}

div.content_job_offers div.job_offer_item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.content_job_offers div.row.head_row {
	padding-bottom: 18px;
	/* margin-bottom: 24px; */
}
div.content_job_offers div.row.head_row div.job_offer_head_text {
	padding-right: 20px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.head_row div.job_offer_head_text {
		padding: 0px 20px;
	}
}

div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(1) {
	padding-left: 0px;
	padding-right: 20px;
}
div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(2) {
	padding-left: 10px;
	padding-right: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(1) {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(2) {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 0px;
	}
}

div.content_job_offers div.job_offer_head_item {
	display: block;
	position: relative;
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
	padding: 69px 40px;
	margin-top: -164px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_head_item {
		margin-top: 0px;
	}
}

div.content_job_offers div.job_offer_head_item_title {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	font-size: 96px;
	line-height: 64px;
	font-weight: 600;
}
div.content_job_offers div.job_offer_head_item_title span {
	display: block;
	font-size: 48px;
	line-height: 48px;
	margin-top: 10px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_head_item_title {
		left: 0%;
		transform: translateX(0%);
	}
}

div.content_job_offers div.job_offer_head_item_text {
	display: block;
	position: relative;
	text-align: right;
	text-transform: lowercase;
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
}

div.content_job_offers div.job_offer_text {
	padding: 0px 20px;
}

div.content_job_offers div.row.text_row {
	/*
	margin-left: -20px;
	margin-right: -20px;
	*/
	padding: 20px 20px 20px 20px;
}

div.content_job_offers div.row.text_row ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	margin-bottom: 0px;
}
div.content_job_offers div.row.text_row ul > li > ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
@media only screen and (max-width: 768px) {
	div.content_job_offers div.row.text_row ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}

div.content_job_offers div.row.text_row_blue {
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
}
div.content_job_offers div.row.text_row_blue a,
div.content_job_offers div.row.text_row_blue a:link,
div.content_job_offers div.row.text_row_blue a:visited {
	color: var(--ci_color_white);
	text-decoration: none;
	font-weight: 400;
}
div.content_job_offers div.row.text_row_blue a:hover,
div.content_job_offers div.row.text_row_blue a:hover:link,
div.content_job_offers div.row.text_row_blue a:hover:visited {
	color: var(--ci_color_white);
	text-decoration: underline;
	font-weight: 400;
}
div.content_job_offers div.row.text_row_blue h2 {
	color: var(--ci_color_white);
	/*
	font-size: 36px;
	line-height: 36px;
	*/
	font-size: 30px;
	line-height: 30px;
	/* font-weight: 600; */
}
div.content_job_offers div.row.text_row_blue h2::after {
	background-color: var(--ci_color_accent_2_hover);
}
div.content_job_offers div.row.text_row_blue h3 {
	color: var(--ci_color_white);
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: none;
	/* font-weight: 600; */
}
div.content_job_offers div.row.text_row_blue h3::after {
	content: none;
}

div.content_job_offers div.row.text_row_blue ul li {
	color: var(--ci_color_white);
}
div.content_job_offers div.row.text_row_blue ul li strong {
	color: var(--ci_color_white);
	font-weight: 400;
}
div.content_job_offers div.row.text_row_blue ul li::before {
	color: var(--ci_color_white);
}
div.content_job_offers div.row.text_row_blue ul li:hover::before {
	color: var(--ci_color_white);
}

div.content_job_offers div.row.text_row_white h2 {
	/*
	font-size: 36px;
	line-height: 36px;
	*/
	font-size: 30px;
	line-height: 30px;
}
div.content_job_offers div.row.text_row_white h3 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: none;
}
div.content_job_offers div.row.text_row_white h3::after {
	content: none;
}

div.content_job_offers div.row.text_row > div.col-md-4 > div > img {
	width: 66.67%;
	margin: 0 auto;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.text_row > div.col-md-4 > div > img {
		margin: 40px auto 0 auto;
	}
}

div.codedesign_responsive_slider_swiper_content {
	background: var(--ci_color_white);
	padding: 20px;
}

div.codedesign_responsive_slider_swiper_content h2 {
	font-size: 30px;
	line-height: 30px;
}


/* CUSTOM TABS */
div.content_job_offers {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
div.modal_fullscreen_search div.content_job_offers {
	margin: 145px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers div.custom_tabs_navigation_items {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers div.custom_tabs_navigation_items_inner {
	display: flex;
	gap: 8px;	
}
div.content_job_offers button.custom_tab_button {
	background: #ffffff;
	width: 100%;
	border: 1px solid #ffffff;
	color: var(--ci_color_blue);
	font: normal 15px/15px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	cursor: pointer;
	border: none;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
div.content_job_offers button.custom_tab_button strong {
	font-weight: 600;
}
div.content_job_offers div.custom_tabs_navigation_items_top button.custom_tab_button {
	background: #f8f8f8;
	border: 0px dashed #e2e2e2;
	border-bottom: 0px solid #e2e2e2;
}
div.content_job_offers div.custom_tabs_navigation_items_top button.custom_tab_button:hover {
	background: #ffffff;
	border: 0px solid #e2e2e2;
	border-bottom: 0px solid #ffffff;
}
div.content_job_offers div.custom_tabs_navigation_items_top button.custom_tab_button.active {
	background: #ffffff;
	border: 0px solid #e2e2e2;
	border-bottom: 1px solid #ffffff;
}
div.content_job_offers div.custom_tabs_navigation_items_bottom button.custom_tab_button {
	background: #ffffff;
	border: 0px solid #ffffff;
	border-top: 1px solid #e2e2e2;
	margin: -1px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.content_job_offers div.custom_tabs_navigation_items_top button.custom_tab_button, 
	div.content_job_offers div.custom_tabs_navigation_items_bottom button.custom_tab_button {
		text-align: left;
	}

}
div.content_job_offers div.custom_tabs_navigation_items_bottom button.custom_tab_button:hover {
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-top: 1px solid #ffffff;
}
div.content_job_offers div.custom_tabs_navigation_items_bottom button.custom_tab_button.active {
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-top: 1px solid #ffffff;
}
div.content_job_offers button.custom_tab_button span.custom_tab_button_icon i {
	font-size: 32px;
	position: absolute;
	margin: 0px 10px 0px 0px
}
div.content_job_offers button.custom_tab_button.active span.custom_tab_button_icon i {
	color: #34a8d9;
}
div.content_job_offers button.custom_tab_button span.custom_tab_button_content {
	line-height: 32px;
	margin: 0px 0px 0px 45px;
	padding: 0px 0px 0px 0px;	
}
@media only screen and (max-width: 991px) {

	div.content_job_offers button.custom_tab_button span.custom_tab_button_icon i {
  		font-size: 22px;
  		left: 15px;
  		font-weight: 300;
	}
	div.content_job_offers button.custom_tab_button span.custom_tab_button_icon i {
  		font-size: 22px;
  		left: 15px;
  		font-weight: 300;
	}
	div.content_job_offers button.custom_tab_button span.custom_tab_button_content {
		line-height: 20px;
	}

}
div.content_job_offers div.custom_tabs_content_items {
	margin: -1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content {
	width: 100%;
	display: none;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul {
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	position: relative;
	width: 100%;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li:nth-child(even) {
	background-color: #f8f8f8;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li::before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	color: var(--ci_color_accent_1);
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li:hover::before {
	color: var(--ci_color_accent_2);
	left: 6px;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content a,
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content a:link,
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content a:visited {
	color: var(--ci_color_black);
	text-decoration: none;
	font-weight: 400;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content a:hover,
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content a:hover:link,
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content a:hover:visited {
	color: var(--ci_color);
	text-decoration: underline;
	/*font-weight: 300;*/
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content div.job_offer_buttons a:hover,
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content div.job_offer_buttons a:hover:link,
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content div.job_offer_buttons a:hover:visited {
	text-decoration: none;
}

div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li div.buttons {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 10px 20px;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li div.buttons a {
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
@media only screen and (max-width: 720px) {
	div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li div.buttons {
		display: block;
		position: relative;
		left: 0px;
		padding: 0px;
	}
	div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li div.buttons a {
		margin-left: 0px;
	}
	div.content_job_offers div.custom_tabs_content_items div.custom_tab_content ul li div.buttons a:nth-child(2) {
		margin-left: 20px;
	}
}

div.content_job_offers div.custom_tabs_content_items div.custom_tab_content_inner {
	width: 100%;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content.active {
	background: #ffffff;
	display: flex;
	gap: 20px;
	padding: 20px 20px 20px 20px;
	border: 0px solid #e2e2e2;
}
div.content_job_offers div.custom_tabs_content_items div.custom_tab_content_inner div.custom_tab_content_inner_modules {
	margin: 30px 0px 0px 0px;
}

div.content_job_offers div.job_offer_buttons {
	display: block;
	position: relative;
	height: 51px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_buttons {
		height: 102px;
	}
}
div.content_job_offers div.job_offer_buttons a {
	display: inline;
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_buttons a {
		width: 100%;
	}
}