@font-face {
	font-family: "Datacron";
	src: url("/var/fonts/datacron/datacron.eot");
	src: url("/var/fonts/datacron/datacron.ttf") format("truetype"), url("/var/fonts/datacron/datacron.woff") format("woff");
}

@font-face{
	font-family:'BebasNeueRegular';
	src:url('/var/fonts/hyster-orig/BebasNeue-webfont.eot');
	src:url('/var/fonts/hyster-orig/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('/var/fonts/hyster-orig/BebasNeue-webfont.woff') format('woff'),url('/var/fonts/hyster-orig/BebasNeue-webfont.ttf') format('truetype'),url('/var/fonts/hyster-orig/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
	font-weight:normal;
	font-style:normal
}

html {
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	height: 100%;
	background-color: #E8E8E8;
	background: black url(/img/bg-globalhome-body.jpg) 50% 0 no-repeat;
	background-size: cover;
	color: white;
	font-family: Arial,Sans-Serif;
	font-size: .813em;
	line-height: 1.4em
	/*font-size: 14px;*/
	font: 16px/26px 'Open Sans', Helvetica, Helvetica Neue, Arial;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

form {margin: 0px; padding: 0px;}

/*.main-container { max-width: 100%; border: solid 0px #000; }
.main-content { clear: both; max-width: 100%; margin-top: 80px;}*/

.wrapper {
	width: 90%;
	max-width: 1350px;
	margin: 0 auto;
}

.header-container{
	background-image: url(/img/bg-header.png);
	background-repeat: repeat-x;
	height: 64px;
	position: absolute;
	z-index: 999;
	position: fixed;
	top: 0px;
	width: 100%;
	margin: 0px auto;
}

.header-container a img{
	margin: 8px 10px 5px 10px;
}

.footer-container{
	background-color: #FFF;
	min-height: 200px;
	width: 100%;
	margin-top: 20px;
}

.footer-partner {
	margin: 10px;
	width: auto;
	display: inline-block;
}

.footer-company {
	float: left;
	display: inline-block;
	margin: 10px;
}

.footer-company > .company-text {
	color: #2b2b2b;
	display: inline-block
}

@media only screen and (min-width: 940px) and (max-width: 2000px) {
	
	.footer-partner {
		float: right;
	}
	
	
}

@media only screen and (max-width: 940px) {
	
	.footer-partner {
		clear: both;
		display: inline-block;
		width: 100% !important;
		margin: 0px auto;
	}
	
	.footer-company {
		width: 100% !important;
		margin: 0px auto;
	}
	
}



.main-container {
	margin-top: 65px;
	min-height: calc(100vh - 64px - 200px - 21px);
}

.msg-job-link {
	float: right;
	padding-right: 10px;
	text-decoration: none;
	background: url(/img/msg-job.png) left bottom no-repeat;
	background-size: 25px;
	height: 25px;
	margin-top: 26px;
	border: solid 0px #000
}

.msg-job-link{
	color: #ffdf66;
}

.msg-job-link:hover{
	color: #fff;
	background: url(/img/msg-job-under.png) left bottom no-repeat;
	background-size: 25px;
}

.msg-job-link > .text {
	display: inline-block;
	margin-top: 3px;
}


.msg-job-box {
	text-align: center;
	color: #000;
	font-size: .8em;
	display: inline-block;
	font-align: center;
	width: 25px;
	line-height: 22px;
}

/* Test x NewsLetter*/

.header-logo > div.job-main-box {
	clear:both; position: relative; top: -18px; right: 15px;
	box-shadow: 0px 5px 10px 2px #000;
	display: inline-block; float: right;
	margin: 5px 0px 0px 5px;
	display: none; line-height: 25px;
	width: 300px; height: 250px;
	text-align: center; font-size: .7em;
	background-color: #2c2c2c; color: #FFF;
	border: solid 2px #000;
	border-radius: 5px;
}


.header-logo > div.job-main-box
> .job-box
> div {
	margin: 4px 0px 4px 0px;
	line-height: 25px;
	width: 296px; max-height: 240px;
	text-align: center; font-size: .9em;
	overflow-x: none;
	overflow-y: auto;
}

.header-logo > div.job-main-box
> .job-box
> div > .nosearch{
	line-height: 220px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}

.header-logo > div.job-main-box
> .job-box
> div > a {
	text-decoration: none;
	color: #fff;
	
}

.header-logo > div.job-main-box
> .job-box
> div > a > .job_post {
	cursor: pointer;
	clear: both;
	font-size: 1.4em;
	width: auto;
	padding: 4px;
	min-height: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	text-align: left;
	line-height: 18px;
}

.header-logo > div.job-main-box
> .job-box
> div > a > .job_post
> .job_post_profile {
	float: left;
	display: inline-block;
	font-weight: bold;
	color: #ffdf66
}

.header-logo > div.job-main-box
> .job-box
> div > a > .job_post
> .job_post_location {
	float: left;
	display: inline-block;
}

.header-logo > div.job-main-box
> .job-box
> div > a > .job_post
> .job_post_title {
	clear: both;
}

.cls-boxes {
	padding-top: 10px;
	width: 100%;
	display: -ms-grid;
	display: grid;
	grid-gap: 10px;
}

.cls-boxes .cls-box {
	display: block;
}

@media only screen and (min-width: 1281px) {
	.cls-boxes {
		-ms-grid-columns: 2fr 10px 1fr 10px 1.5fr 10px 1.5fr;
		-ms-grid-rows: 340px 10px 150px 10px 150px;
		grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
		grid-template-rows: 340px 150px 150px;
	}
}

@media only screen and (max-width: 1280px) {
	.cls-boxes {
		-ms-grid-columns: 1fr 10px 1fr;
		-ms-grid-rows: auto 10px auto 10px auto 10px auto;
		grid-template-columns: 1fr 1fr;
	}
	
	.cls-boxes .cls-box section:after {
		content: "";
		display: block;
		padding-bottom: 56.25%;
	}
	
	.cls-boxes .cls-box:nth-child(5) section:after,
	.cls-boxes .cls-box:nth-child(6) section:after {
		content: "";
		display: block;
		padding-bottom: 44%;
	}
	
	.cls-boxes .cls-box .yale .content:after {
		content: "";
		display: block;
		padding-bottom: 44%;
	}
}

@media only screen and (max-width: 640px) {
	.cls-boxes {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto;
		grid-template-columns: 1fr;
		padding-top: 20px;
		grid-gap: 20px;
	}
	
	.cls-boxes .cls-box .myusato-garantito {
		margin-top: -70px !important;
	}
}

.cls-boxes .cls-box section {
	margin: 0;
	box-sizing: border-box;
}

.cls-boxes .cls-box:nth-child(1){
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 1;
	grid-column: 1 / 3;
	grid-row: 1;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(1){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(1){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
}

.cls-boxes .cls-box:nth-child(2){
	-ms-grid-column: 5;
	-ms-grid-column-span: 3;
	-ms-grid-row: 1;
	grid-column: 3 / 5;
	grid-row: 1;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(2){
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(2){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
}

.cls-boxes .cls-box:nth-child(3){
	-ms-grid-column: 1;
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	grid-column: 1 / 2;
	grid-row: 2 / 4;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(3){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(3){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
}

.cls-boxes .cls-box:nth-child(4){
	-ms-grid-column: 3;
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	grid-column: 2 / 3;
	grid-row: 2 / 4;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(4){
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(4){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
	}
}

.cls-boxes .cls-box:nth-child(5){
	-ms-grid-column: 5;
	-ms-grid-row: 3;
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(5){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(5){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 9;
		-ms-grid-row-span: 1;
	}
}

.cls-boxes .cls-box:nth-child(6){
	-ms-grid-column: 5 ;
	-ms-grid-row: 5;
	grid-column: 3 / 4;
	grid-row: 3 / 4;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(6){
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(6){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 11;
		-ms-grid-row-span: 1;
	}
}

.cls-boxes .cls-box:nth-child(7){
	-ms-grid-column: 7;
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	grid-column: 4 / 5;
	grid-row: 2 / 4;
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box:nth-child(7){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
	}
}
@media only screen and (max-width: 640px) {
	.cls-boxes .cls-box:nth-child(7){
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 13;
		-ms-grid-row-span: 1;
	}
}

@media only screen and (max-width: 1280px) {
	.cls-boxes .cls-box {
		grid-column: auto !important;
		grid-row: auto !important;
		-ms-grid-column: auto !important;
		-ms-grid-row: auto !important;
	}
}