@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
}


body {
	margin:0;
	padding: 0;
	overflow: hidden;
	font-family: 'Myriad Pro Regular', 'helvetica', arial, sans-serif;
	font-size: 1.5vh;
	color: #333333;
}

#container, .popup{
	font-size: 1em;
	width: 100%;
	height: auto;
	max-height: 100vh;
	aspect-ratio:3/4;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top:0px;
	left: 0px;
}
#container {background-image: url(images/background.png);}

#logo {
	position: absolute;
	width:100%;
	text-align: center;
	top:6%;
}
#logo img {
	width:44%;
}

#langselector{
	width:70%;
	position: absolute;
	border:1px solid transparent;
	top:28%;
	left:28%;
}
h1, h2 {color:#333333}
h1 {font-size:1.8em; font-weight: 100}
h2 {font-size:1.2em; font-weight: 100}
#legals {font-size:12px}
#mandatory, .mandatory {color:#EA5504; font-weight:500;}
.orange {color:#EA5504} 
.link {color: #333333;}

#langselector td {padding:1.5% 0}
.flag {width:1.2%}
.flag img {max-height:24px}
.lang {width:12%}

#jobno {
	color:#fff;
	position: absolute;
	bottom:4%;
	right:4%;
	font-size:0.9em;
}

.popup {display: none; padding:2%}
#popup1 {background-color: #EA5504;}
#popup2 {background-color: #EA5504;}

.popclose {width:4%; position: absolute; top:4%; right:9%}
.popclose img {width:100%}
.popupcontainer{width:96%; height:94%; background-color: white; border-radius:4%;}
.popform { padding:6% 4%}
.popform table {width:100%}

input, label {display:block;}
label {text-align: left; margin-bottom:1.4%}
input {padding:14px 18px; font-size:1.05em; border-radius: 999px; border:1px solid #C4C4C4;  width:90%; margin-bottom:6%}

.checkbox input, .checkbox label {display:inline-block; vertical-align: text-top;}
.checkbox input {width:6%; margin-bottom:2%}
.checkbox label {width:92%}
.checkbox p, label {font-size:0.9em;}

.fullwidth {width:95%;}

.submit {text-align: left; color: #fff; background-color:#EA5504; border: 1px solid #EA5504; margin-top:4.6%;font-weight: 600;}

.poplogo {position: absolute; bottom:10%; right:9%; width:26%}
.poplogo img {width:100%}
.poplogo p {margin:0px; font-size:0.8em}

.fiftyfifty {width: 50%}
.submit {    background-size: 20px;
    background-image: url(images/arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], textarea, select {
color: #333333;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #333333;
}