@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');
/*Default color: #E61F57*/
/*Normalize styling*/
html{
font-size:62.5%;
}
body{
margin:0;
padding:70px 0 0 0;
font-family: 'Poppins', sans-serif;
font-size:1.4rem;
color:#000;
}
body#VD{
background:#FCFCFC;
}
*{
box-sizing:border-box;
}
h1,h2,h3,h4,h5{
margin:0;
font-family: 'Poppins', sans-serif;
}
p,ul,li{
margin:0;
padding:0;
}
.hide {
display: none;
}
li{
list-style:none;
}
a{
text-decoration:none;
color:#000;
}
img{
display:block;
max-width:100%;
height:auto!important;
}
select{
display:none;
}
.slick-slider *:focus{
outline:none;
}
/*General styling*/
.sw{
max-width:1280px;
padding:0 15px;
margin:0 auto;
}
.sw.xs{
max-width:600px;
}
.sw.md{
max-width:800px;
}
.sw.s{
max-width:700px;
}
.sw.minus-slider-padding {
padding: 0;
}
h1{
font-size:4.6rem;
line-height:5.6rem;
font-weight:500;
color:#000;
margin:0 0 15px 0;
}
h2 {
font-size: 3.8rem;
line-height: 5.2rem;
font-weight: normal;
color: #000;
margin: 0 0 10px 0;
}
h3{
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 500;
color: #000;
margin: 0 0 10px 0;
}
h3 > a{
color: #000;
transition: 0.2s;
}
h4{
font-size:2rem;
line-height:3rem;
font-weight:500;
color:#000;
margin:0 0 10px 0;
}
h5 {
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
}
.table{
height:100%;
width:100%;
display:table;
}
.cell{
display:table-cell;
height:100%;
width:100%;
vertical-align:middle;
}
button, .button, input[type=submit], input[type=button], a>s, s>a, strike>a, a>strike {
-webkit-appearance: none;
font-family: inherit;
display: inline-block;
cursor: pointer;
text-decoration: none!important;
font-size: 1.4rem;
line-height: 3.4rem;
background-color:#E61F57;
border:0;
color: #fff;
padding: 3px 30px;
border-radius: 25px;
transition: 0.2s;
margin: 0 0 5px 0;
}
button:hover,.button:hover,input[type=submit]:hover,input[type=button]:hover,a>s:hover,s>a:hover,strike>a:hover,a>strike:hover{
background-color:#000;
}
input:focus,textarea:focus,button:focus{
outline:none;
}
input[type=text], input[type=password], textarea {
font-family: inherit;
-webkit-appearance: none;
width: 100%;
max-width: 100%;
border-radius: 25px;
border: 0;
background-color:#fff;
color:#000;
padding: 10px 25px;
font-size: 1.4rem;
line-height:2rem;
font-weight: 400;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #939AA2!important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #939AA2!important;
}
:-ms-input-placeholder { /* IE 10+ */
color: #939AA2!important;
}
:-moz-placeholder { /* Firefox 18- */
color: #939AA2!important;
}
textarea {
height: 106px;
}
input[type=text]::placeholder,input[type=password]::placeholder,textarea::placeholder{
}
.fileInputHolder {
position: relative;
cursor: pointer;
-webkit-appearance: none;
width: 100%;
max-width: 100%;
border-radius: 25px;
border: 0;
background: #fff;
color: #D4D7DA;
padding: 10px 35px 10px 25px;
font-size: 1.4rem;
line-height: 2rem;
font-weight: 500;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.fileInputHolder.empty{
background-image: url(../_images/forms/file-upload-solid.svg);
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
background-size: 12px auto;
}
.inputFile{
color: #000;
}
.fileInputHolder.empty .inputFile{
color:#939AA2;
}
input[type=file] {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor:pointer;
}
.fileInputHolder span.remove {
position: absolute;
right: 5px;
top: 2px;
display: inline-block;
width: 30px;
height: 30px;
background-image: url(../_images/forms/trash.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 80% auto;
z-index:2;
cursor:pointer;
}
.fileInputHolder.empty span.remove{
display:none;
}
.formInput.aplFileInput label,
.formInput.aplFormInput.aplCvTkInput label,
.formInput.infoFormInput.aplFormCV label
{
display:none!important;
}
label[for=cv_file] {
display: none!important;
}
.qsPIOuter.interaction-hook .aplMCheckExplain {
margin-top: -20px;
margin-bottom: 10px;
display: block;
font-size: 12px;
}
.qsPIOuter.interaction-hook .formMultiCheckbox.aplMCheckInput {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
}
/*
.otysSelect{
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.otysSelectInner{
box-shadow: unset;
background-color:transparent;
position: relative;
}
.otysSelectInner.filled .inputBox {
width: 100%;
}
.optionHolder{
border:1px solid transparent;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.otysSelectInner .inputBox{
border-radius: 25px;
background-color: #fff;
padding: 3px 35px 3px 30px;
transition:border-top-left-radius 0.2s, border-top-right-radius 0.2s;
}
.otysSelectInner .inputBox.subOpen {
border-radius: 15px 15px 0 0;
}
span.selectTitle {
line-height: 33px;
}
.otysSelect .navArrow {
background-image: url(../_images/otysSelect/select-arrow.svg);
background-size: auto 8px;
width: 12px;
right: 15px;
}
.otysSelect input[type=text].search {
border-radius: 0;
border:0!important;
border-bottom: 1px solid #000!important;
font-size: 1.2rem;
line-height: 1.4rem;
padding: 5px 10px;
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 17px auto;
}
.optionHolder>.option{
padding: 4px 8px;
}
.optionHolder>.option.selected,.inputBox .selectedItems>div{
background-color:#E61F57;
}
.optionHolder>.option:hover{
background-color:#E61F5760;
}
*/
.select {
background-color: #fff;
border-radius: 20px;
border-color: #CBCBCB;
font-size: 1.4rem;
font-weight: 500;
border: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
padding: 4px 40px 4px 25px;
}
.select.options_open .select_options {
border: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.select.options_open {
border-radius: 20px 20px 0 0;
}
select .select_options .option {
padding: 4px 10px;
margin: 2px 11px;
}
.select .select_options {
padding-bottom: 8px;
border-radius: 0 0 0 25px;
}
/*_______________________Select Colouring_______________________*/
/*All Greys*/
.select .select_options,
input.select_searcher{
border-color:#cecece;
}
.select .select_options::-webkit-scrollbar-track,
.select .select_options::-webkit-scrollbar{
background-color: #cecece;
}
.select.single .selected_item[value=NULL],
.select .select_options .option[value=NULL],
.select_label{
color:#939AA2;
}
/*Selected option text*/
.active_options,
.select.multiple .selected_item,
.select .select_options .option.selected{
color:#fff;
}
/*Option text color*/
.selected_item{
color:#000;
}
.select .select_options .option {
padding: 4px 10px;
margin: 2px 11px;
}
/*Selected option background color*/
.select.multiple .selected_item,
.select .select_options .option.selected {
background-color: #E61F57;
border-radius: 13px;
}
.select .select_options::-webkit-scrollbar-thumb{
background-color: #E61F57;
}
/*Hover over select option*/
.select .select_options .option:not(.selected):hover{
background-color: #E61F5729;
color: #000;
border-radius: 13px;
}
/*Counter*/
.counter{
background-color: #E61F57;
color: #fff;
}
/*_______________________End Colouring_______________________*/
/* ___________________________________________________________________________ LLB */
body.sticky .languageBlock { display: none !important; }
.languageBlock > .table > .cell { position: relative; }
.languageBlock {
display: none;
margin-top: 19px;
margin-right: 10px;
margin-left: 0px;
float: right;
}
.languageBlock.visible {
display: inline-block;
}
.clickLlb {
display: inline-block;
cursor: pointer;
}
.llb {
display: none;
overflow: hidden;
vertical-align: middle;
line-height: 14px;
padding: 10px 10px 0px;
left: 101px;
z-index: 9999;
position: absolute;
left: 25px;
top: 23px;
background-color: #FFF;
}
.llb > a {
display: block;
margin-bottom: 10px;
width: 22px;
height: 17px;
background-size: cover;
background-position: center;
}
.clickLlb > div {
display: inline-block;
position: relative;
width: 22px;
height: 17px;
vertical-align: middle;
margin-left: 35px;
background-size: cover;
background-position: center;
}
.clickLlb > div::after {
font-family: "Font Awesome 5 Pro";
content: '\f078';
font-weight: bold;
font-size: 1.4rem;
position: absolute;
width: 20px;
height: 20px;
left: -25px;
top: 2px;
}
.clickLlb.open > div::after {
top: -5px;
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.lang1, .langflag_1 { background: url(../_images_global/flags/svg/netherlands.svg) no-repeat; }
.lang2, .langflag_2 { background: url(../_images_global/flags/svg/germany.svg) no-repeat; }
.lang3, .langflag_3 { background: url(../_images_global/flags/svg/uk.svg) no-repeat; }
.lang4, .langflag_4 { background: url(../_images_global/flags/svg/france.svg) no-repeat; }
.lang5, .langflag_5 { background: url(../_images_global/flags/svg/czech.svg) no-repeat; }
.lang6, .langflag_6 { background: url(../_images_global/svg/spain.svg) no-repeat; }
.lang7, .langflag_7 { background: url(../_images_global/flags/svg/poland.svg) no-repeat; }
.lang8, .langflag_8 { background: url(../_images_global/flags/svg/slovenia.svg) no-repeat; }
@media (min-width: 992px) {
body.sticky .languageBlock { display: none !important; }
.currentLang1 .langflag_1,
.currentLang2 .langflag_2,
.currentLang3 .langflag_3,
.currentLang4 .langflag_4,
.currentLang5 .langflag_5,
.currentLang6 .langflag_6,
.currentLang7 .langflag_7,
.currentLang8 .langflag_8 { display: none; }
}
.text,.text p{
font-size:1.4rem;
line-height:2.8rem;
color:#000;
}
.text,.intro{
margin: 0 0 30px 0;
}
.text:last-child,.intro:last-child{
margin:0;
}
p{
margin:0 0 25px 0;
}
p:last-child{
margin:0;
}
label[for="captcha"] {
display: none;
}
.text a:not(.button){
text-decoration: underline;
}
.text ul li a:not(.button) {
text-decoration: none;
}
.text a:hover{
text-decoration:none;
}
.text h2{
}
.text ul{
}
.text ul,.intro ul{
padding-left:15px;
}
.text ul li,.intro ul li{
list-style:disc;
}
.text ol li,.intro ol li{
list-style: decimal;
}
.intro-text,.intro-text p,.intro,.intro p{
font-size:1.5rem;
line-height:2.8rem;
color:#000;
}
.sub-title {
color: #E61F57;
font-size: 1.4rem;
font-weight: 500;
}
/*Slick*/
ul.slick-dots {
margin: 20px 0 0 0;
text-align: center;
}
ul.slick-dots > li {
display: inline-block;
margin: 0 5px;
width: 20px;
height: 3px;
background: #bec3c7;
cursor:pointer;
}
ul.slick-dots > li.slick-active{
background:#000;
}
ul.slick-dots > li > button{
display:none;
}
.formInput{
display: inline-block;
width: 100%;
margin:0 0 20px 0;
}
/*____________________________________________________________________________*/
/*Main*/
#main {
display:block;
position: relative;
overflow: hidden;
z-index:1;
}
/*Header - Header*/
#header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
padding: 5px 0;
background: #fff;
box-shadow: 0 5px 10px rgba(41, 55, 70, 0.05);
}
#header .job-alert {
margin-left: 10px;
display: inline-block;
}
#hlb1 .job-alert {
display: none;
}
/*Header - Logo*/
#logo{
display:inline-block;
vertical-align:top;
}
#logo > a {
height: 60px;
display: flex;
align-items: center;
}
#logo > a > img{
max-height:60px;
max-width:400px;
width: 200px;
}
/*Header - Navigation*/
#menu{
display:inline-block;
float:right;
}
/*Header - Navigation - HLB 1*/
#hamburger,#close{
display:none;
}
#menu #hlb1{
margin:0;
padding:0;
display: inline-block;
}
#menu #hlb1 > li {
display: inline-block;
position: relative;
}
#menu #hlb1 > li > a{
display:inline-block;
color:#000;
font-size:1.5rem;
line-height:6rem;
padding:0 10px;
font-weight:500;
transition:0.2s;
}
#menu #hlb1 > li > a:hover {
color: #E61F57;
}
#menu #hlb1 > li:first-child > a {
padding: 0 15px 0 0;
}
#menu #hlb1 > li.active > a{
color:#E61F57;
}
#menu #hlb1 > li > ul > li.subLevel_1active > a {
color: #E61F57;
}
#menu #hlb1 > li > ul > li > a {
display: block;
padding: 7px 15px;
background: #fff;
transition:0.05s;
}
#menu #hlb1 > li > ul > li > a:hover {
background: #E61F57;
color: #fff;
}
/*Header - Navigation - Login*/
#login {
display: inline-block;
height: 60px;
vertical-align: top;
float: right;
}
#login > a {
font-size: 1.6rem;
font-weight: 500;
display: inline-block;
cursor: pointer;
line-height: 3.4rem;
background-color: #E61F57;
color: #fff;
padding: 3px 15px;
border-radius: 25px;
transition: 0.2s;
margin: 10px 0 10px 15px;
}
/*Header - Navigation - Favorites*/
#favoCounter {
display: inline-block;
margin:0 15px;
vertical-align: middle;
font-size: 0;
display: none;
}
#favoCounter a{
display: inline-block;
width: 20px;
height: 17.5px;
position: relative;
background-image: url(../_images/hlb1/heart.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
span.favoritescount{
display:none;
position: absolute;
top: -15px;
right: -15px;
width: 17px;
height: 17px;
font-size: 1.2rem;
line-height: 1.7rem;
background: #E61F57;
text-align: center;
border-radius: 100%;
color: #fff;
}
#favoCounter a:hover span.favoritescount{
display:inline-block;
}
#AP .outer.favouriteJobList h1 {
text-align: left;
}
.favouriteJobListItem {
background: #fff;
padding: 30px 40px 40px 40px;
margin: 0 0 10px 0;
border-radius: 5px;
overflow: hidden;
position: relative;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.05);
font-size: 1.6rem;
font-weight: 600;
}
.favouriteJobListItem input.button{
float:right;
}
/*Footer*/
#footer{
padding:80px 0 15px 0;
background:#000;
color:#fff;
}
body#VD #footer {
padding: 80px 0 95px 0;
}
#footer a,#footer p,#footer .text{
color:#fff;
}
#footer h5 {
color: #fff;
margin: 0 0 10px 0;
}
#footer .bottom-footer{
padding-top:50px;
}
#footer ul li a{
display:block;
line-height: 2.8rem;
}
#footer-logo img {
margin:0 auto 15px auto;
width: 200px;
}
#footer #poweredby {
display: block;
text-align: center;
font-size: 1rem;
line-height: 1.2rem;
color: rgba(255,255,255,0.2);
}
#footer ul li a:hover {
text-decoration: underline;
}
footer button:hover,
footer .button:hover,
footer input[type=submit]:hover,
footer input[type=button]:hover,
footer a>s:hover,
footer s>a:hover,
footer strike>a:hover,
footer a>strike:hover{
box-shadow: inset 0px 0 0 1px #E61F57;
}
/*Bisjabs - Circle*/
.bisjab.circle-content{
padding: 120px 0;
position: relative;
}
.bisjab.circle-content .intro{
min-height: 200px;
}
.bisjab.circle-content .col-md-5{
z-index:1;
}
.circle-holder {
position:absolute;
right: 0;
top:-70px;
z-index:0;
pointer-events: none;
}
.circle {
width: 57.3vw;
height: 57.3vw;
background-color: #000;
background-repeat: no-repeat;
border-radius: 100%;
transform: translateX(5%) translateY(-43%);
background-size: 100% auto;
background-position: bottom center;
overflow: hidden;
}
.circle .image{
position: absolute;
bottom: 0;
left: 0;
background-size: cover;
width: calc(100% - 5%);
height: calc(100% - 43%);
background-position: right bottom;
}
#HP .bisjab.circle-content + .bisjab-content {
display: none;
}
/*Bisjabs - Bisjab content 1*/
.bisjab-content{
padding:80px 0 100px 0;
}
.bisjab-content .intro.intro-text {
margin: 0 0 30px 0;
}
.text blockquote{
margin: 0 0 60px 0;
-webkit-appearance: none;
text-align: center;
font-size: 1.8rem;
line-height: 3.4rem;
color: #E61F57;
}
.text blockquote:last-child{
margin:0 0 0 0;
}
.text blockquote p {
font-size: 1.8rem;
line-height: 3.4rem;
color: #E61F57;
}
.bisjab-content .b-t-item h2{
font-size: 1.8rem;
line-height: 3.4rem;
color: #000;
font-weight: bold;
margin: 0 0 0 0;
}
.bisjab-content .text{
margin: 0 0 30px 0;
}
.bisjab-content .text:last-child{
margin:0;
}
.bisjab-content .b-t-item{
margin: 0 0 30px 0;
}
.bisjab-content .b-t-item:last-chid{
margin:0;
}
/*Bisjab Contact*/
.bisjab-contact .top-part{
background:#fff;
padding: 80px 0 60px 0;
text-align:center;
}
.bisjab-contact .main-part {
background: #FCFCFC;
padding:60px 0 100px 0;
}
.bisjab-contact .logo{
margin: 0 0 15px 0;
}
.bisjab-contact .contact-data.text {
margin: 0 0 27px 0;
}
.bisjab-contact .part-2 .image {
margin: 0 0 30px 0;
}
.bisjab-contact .interaction-hook h2.title {
display: none;
}
.bisjab-contact .interaction-hook .form textarea{
min-height:120px;
}
.bisjab-contact .formInput.aplCsc {
margin: 0 0 30px 0;
}
.bisjab-contact .intro-text > ol{
margin:0;
padding:0;
}
.bisjab-contact .intro-text > ol> li{
display: inline-block;
margin: 0 7.5px;
}
.bisjab-contact .intro-text > ol > li > a {
font-size: 0;
line-height: 0;
display: inline-block;
width: 30px;
height: 30px;
background-color: #E61F57;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
.bisjab-contact .intro-text > ol > li > a[href*='facebook']{
background-image:url(../_images/t6/facebook.svg);
}
.bisjab-contact .intro-text > ol > li > a[href*='twitter']{
background-image:url(../_images/t6/twitter.svg);
background-size: 15px auto;
}
.bisjab-contact .intro-text > ol > li > a[href*='instagram']{
background-image:url(../_images/t6/instagram.svg);
}
.bisjab-contact .intro-text > ol > li > a[href*='youtube']{
background-image:url(../_images/t6/youtube.svg);
}
.bisjab-contact .intro-text > ol > li > a[href*='linkedin']{
background-image:url(../_images/t6/linkedin.svg);
}
.bisjab-contact .intro-text > ol > li > a[href*='whatsapp']{
background-image:url(../_images/t6/whatsapp.svg);
background-size: 16px auto;
}
.bisjab-contact .contact-data.text a {
color: #E61F57;
}
/*Teasers - Teaser 1*/
#t1 {
padding: 60px 0 120px 0;
text-align: center;
}
#CNT #t1 {
padding: 60px 0 0 0;
}
#t1 .item {
padding: 25px;
}
#t1 .item-image {
margin-bottom: -50px;
}
#t1 .item-image img {
margin: 0 auto;
box-shadow: 0 10px 30px rgba(41, 55, 70, 0.25);
border-radius:100%;
}
#t1 .item-content {
padding: 80px 30px 40px 30px;
}
#t1 .item-holder .item:hover .item-content{
background: #fff;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.1);
}
#t1 .item-holder .item .item-content h4{
transition: 0.3s;
}
#t1 .item-holder .item:hover .item-content h4{
color:#E61F57;
}
#t1 .item-holder .item .item-content a>s,#t1 .item-holder .item .item-content s>a,#t1 .item-holder .item .item-content strike>a,#t1 .item-holder .item .item-content a>strike{
transition: 0.3s;
}
#t1 .item-holder .item:hover .item-content a>s,#t1 .item-holder .item:hover .item-content s>a,#t1 .item-holder .item:hover .item-content strike>a,#t1 .item-holder .item:hover .item-content a>strike{
background-color:#000;
}
/*Teasers - Teaser 2*/
#t2 {
padding:120px 0;
background: #000000;
}
#t2 h2,
#t2 .intro-text,
#t2 .intro-text p,
#t2 .intro,
#t2.intro p {
color: #FFF;
}
#t2 .hookOuter.jbhOuter {
margin: -10px 0;
}
#t2 .jbhItemWrapper{
padding: 10px;
}
#t2 .jbhItem.itemOuter{
padding: 30px 40px;
background: #fff;
border-radius: 5px;
position:relative;
box-shadow: 0 2px 10px rgba(0, 42, 95, 0.1);
}
#t2 .jbhItemLocation {
background: #FFF2F5;
padding: 5px 20px;
display: inline-block;
border-radius: 15px;
font-size: 1.4rem;
color: #E61F57;
font-weight: 500;
}
#t2 button.slick-arrow{
position: absolute;
right: -40px;
top: 50%;
color: #000;
font-size: 0;
width: 20px;
height: 20px;
border-radius: 0;
padding: 0;
background-color:transparent;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
#t2 button.slick-arrow.slick-next{
top:calc(50% + 10px);
background-image:url(../_images/t2/slick-down.svg);
}
#t2 button.slick-arrow.slick-prev{
top:calc(50% - 30px);
background-image:url(../_images/t2/slick-up.svg);
}
.favorites_cookies{
position: absolute;
right: 20px;
top: 20px;
}
.favorites_cookies > div > input {
padding: 0;
font-size: 0;
width:18px;
height:16px;
border-radius: 0;
background-color: transparent;
background-image:url(../_images/t2/favo.svg);
background-repeat:no-repeat;
background-size:cover;
}
.favorites_cookies > div > input.delFav{
background-image:url(../_images/t2/favo-active.svg);
}
.favorites_cookies > div > input.AddFav{
background-image:url(../_images/t2/favo.svg);
}
.favorites_cookies > div > input:hover{
background-color:transparent;
}
.hide-by-default{
display:none;
}
/*Teasers - Teaser 3*/
#t3 {
padding: 60px 0;
}
#t3 .t3-content-outer{
display: flex;
align-items: center;
}
#t3 .numbers-circle {
width: 540px;
height: 540px;
opacity: 0;
border-radius: 100%;
background: #F8F8F9;
margin-left: auto;
padding: 115px 0;
}
#t3 .numbers-circle.show{
opacity:1;
}
#t3 .number-rectangle {
width: 50%;
background: #fff;
padding: 30px 20px;
position: absolute;
top: 25%;
left: 25%;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.1);
transition:1.2s;
}
#t3 .number-rectangle .number{
font-size: 3.2rem;
font-weight: bold;
color: #E61F57;
line-height: 4rem;
text-align: center;
}
#t3 .number-rectangle .number i{
font-style:normal;
}
#t3 .number-rectangle .number-title {
font-size: 1.5rem;
color: #000;
font-weight: 500;
text-align: center;
}
#t3 .numbers-container{
width:100%;
height:100%;
position:relative;
}
#t3 .show .number-rectangle:nth-child(1) {
top: 0;
bottom:auto;
right:auto;
left: -30px;
}
#t3 .show .number-rectangle:nth-child(2) {
top: 30px;
bottom:auto;
right:0;
left:auto;
}
#t3 .show .number-rectangle:nth-child(3) {
bottom:30px;
top:auto;
left: -30px;
right:auto;
}
#t3 .show .number-rectangle:nth-child(4) {
bottom: 0;
top:auto;
right:0;
left:auto;
}
/*Teasers - Teaser 4*/
#t4{
padding:60px 0;
background:#F7F7F8;
}
#t4 .interaction-holder h2 {
display: none;
}
#t4 .interaction-holder .formInput{
margin: 0 0 10px 0;
}
#t4 .interaction-holder .formInput input[type=text]{
box-shadow:unset;
}
#t4 .interaction-holder .form .formInput.last-child{
width:60%;
display:inline-block;
float:left;
padding-right:15px;
margin-bottom:0;
}
#t4 .interaction-holder .form .buttonContainer{
width:40%;
display:inline-block;
float:left;
padding-left:15px;
}
#t4 .interaction-holder .form .buttonContainer .button,
#t4 .interaction-holder .form .buttonContainer button{
width:100%;
}
#t4 .phone-icon {
width: 90px;
height: 90px;
background-color: #E61F57;
background-image:url(../_images/t4/phone.svg);
background-size:40px;
background-position:center;
background-repeat:no-repeat;
border-radius: 100%;
display: inline-block;
box-shadow: 0 3px 30px rgba(247, 18, 69, 0.2);
margin-right:30px;
vertical-align:top;
}
#t4 .introductional-text {
display: inline-block;
vertical-align: top;
padding: 3.5px 0;
}
/*Teasers - Teaser 6*/
#t6 .adres-contact {
text-align: center;
margin: 0 0 20px 0;
}
#t6 .adres-contact > div,#t6 .adres-contact > div > a,#t6 .adres-contact > div > p{
display:inline-block;
vertical-align:top;
}
#t6 .adres-contact > div + div:before{
content:' | ';
color:#E61F57;
}
#t6 .socials {
text-align: center;
margin: 0 0 20px 0;
font-size: 0;
line-height: 0;
}
#t6 .socials > ul > li {
display: inline-block;
margin: 0 7.5px;
}
#t6 .socials > ul > li > a {
font-size: 0;
line-height: 0;
display: inline-block;
width: 30px;
height: 30px;
background-color: #E61F57;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#t6 .socials > ul > li > a[href*='facebook']{
background-image:url(../_images/t6/facebook.svg);
}
#t6 .socials > ul > li > a[href*='twitter']{
background-image:url(../_images/t6/twitter.svg);
background-size: 15px auto;
}
#t6 .socials > ul > li > a[href*='instagram']{
background-image:url(../_images/t6/instagram.svg);
}
#t6 .socials > ul > li > a[href*='youtube']{
background-image:url(../_images/t6/youtube.svg);
}
#t6 .socials > ul > li > a[href*='linkedin']{
background-image:url(../_images/t6/linkedin.svg);
}
#t6 .socials > ul > li > a[href*='whatsapp']{
background-image:url(../_images/t6/whatsapp.svg);
background-size: 16px auto;
}
/*Teasers - Teaser 7*/
#t7{
width: calc(100% - 470px);
display: inline-block;
text-align: center;
color: #fff;
}
#t7 .outr {
height: 100%;
display: flex;
align-items: center;
}
#t7 .inr{
width: 100%;
}
#t7 h3 {
font-size: 2.2rem;
font-weight: bold;
color: #fff;
}
#t7 a > strike,#t7 a > s,#t7 s > a,#t7 strike > a{
border:1px solid #fff;
background-color:transparent;
}
#t7 a > strike:hover,#t7 a > s:hover,#t7 s > a:hover,#t7 strike > a:hover{
background: #fff;
color: #E61F57;
}
/*Teasers - Teaser 8*/
#t8 .itemContainer{
background: #000;
color: #fff;
}
#t8 .itemContainer h3 a{
color:#fff;
}
#t8 .itemContainer .itemDescription.actItemDescr,#t8 .itemContainer .itemDescription.actItemDescr p{
color:#fff;
}
/*Teasers - Teaser 9*/
#t9 {
padding: 100px 0;
background: #fff;
}
#t9 .sub-title {
text-align: center;
}
#t9 .intro-text.intro.item-col-1 {
text-align: center;
}
#t9 h2 {
text-align: center;
}
#t9 .name-holder > div {
display: inline-block;
float: left;
}
#t9 .name-holder > div:nth-child(1) {
width: calc((100% / 5) * 2);
}
#t9 .name-holder > div:nth-child(2) {
width: calc((100% / 5) * 1);
}
#t9 .name-holder > div:nth-child(3) {
width: calc((100% / 5) * 2);
}
#t9 .name-holder > div:nth-child(2) {
padding: 0 11px;
}
#t9 .name-holder > div:nth-child(2) input {
text-align: center;
padding: 10px 0;
}
#t9 .name-holder {
display: inline-block;
width: 100%;
}
#t9 .fields-left-side > div,
#t9 .fields-right-side > div{
margin: 0 0 20px 0;
}
#t9 .fields-right-side > div textarea{
max-height:105px;
min-height:105px;
min-width:100%;
}
#t9 .hookOuter.qAplOuter {
margin-top: 40px;
}
#t9 .hookInput.qAplInput.qAplInputCsc {
display: inline-block!important;
}
#t9 .fields-bottom-center{
text-align:center;
}
/*Teaser 10 Photo slider*/
.photo-slider-item{
padding:0 15px;
}
.bisjab-content-slider .photo-slider.has-childs{
margin: 100px -15px 0 -15px;
}
/*Teaser 11 - Logo slider*/
#t11 {
padding: 100px 0;
text-align: center;
background-color: #F8F8F9;
}
#t11 h2 {
margin: 0 0 30px 0;
}
#t11 .slick-slide {
float: none;
display: inline-block !important;
vertical-align: middle;
text-align: center;
}
#t11 .logo-slider-item{
padding: 0 30px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition:0.2s;
}
#t11 .logo-slider-item:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
#C-T11 + #t11 {
padding: 100px 0 80px 0;
background:transparent;
}
/*Teasers - Teaser 12 - Team slider*/
#t12{
text-align:center;
padding:0 0 80px 0;
}
/* #t12 .sw.minus-slider-padding {
max-width: 800px;
} */
#t12 h2 {
margin: 0 0 20px 0;
}
#t12 .team-slider-item {
padding: 15px;
cursor: pointer;
}
#t12 .team-slider-item-inner{
padding:50px 30px;
border-radius:5px;
box-shadow: 0 5px 15px rgba(0, 42, 95, 0.1);
background-color:#fff;
}
#t12 .team-item-photo {
width: 180px;
height: 180px;
margin: 0 auto 30px auto;
background: #000;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#t12 .team-slider-item-inner .fulltext{
display:none;
}
#t12 h4 {
font-size: 2.2rem;
font-weight: bold;
margin: 0 0 5px 0;
}
#t12 em {
font-size: 1.6rem;
font-style: normal;
color: #E61F57;
}
#t12 .text p{
margin:0 0 10px 0;
}
#t12 .button-container {
margin-top: 30px;
}
#C-T12 + #t12 {
padding: 100px 0 80px 0;
padding: 0px 0 80px 0;
}
#C-T12 + #t12 .button-container{
display:none;
}
body.t12pop {
overflow: hidden;
}
/*Pop up*/
.team-item-pop-up-outer{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.9);
z-index: 999999;
display:none;
}
.team-item-pop-up-outer.active{
display:block;
}
.team-item-pop-up{
width:1170px;
max-width: calc(100% - 40px);
background: #fff;
left: 50%;
top: 50%;
border-radius: 5px;
overflow: hidden;
transform: translateX(-50%) translateY(-50%);
position:absolute;
padding:90px 100px;
}
.team-item-pop-up .team-item-photo {
display: inline-block;
width: 180px;
height: 180px;
border-radius: 100%;
float: right;
background-size: cover;
background-position: center;
}
.team-item-pop-up .team-slider-item-inner {
display: inline-block;
width: 100%;
}
.team-item-pop-up .team-item-content {
display: inline-block;
width: calc(100% - 180px);
float: left;
padding-right:60px;
}
.team-item-pop-up .team-item-content em {
font-size: 1.6rem;
font-style: normal;
color: #E61F57;
}
.team-item-pop-up .team-item-content ol {
padding: 0;
margin: 0;
}
.team-item-pop-up .team-item-content ol > li {
display: inline-block;
padding-right: 35px;
}
.team-item-pop-up .team-item-content ol > li a {
position: relative;
padding-left: 22px;
outline: none;
}
.team-item-pop-up .team-item-content ol > li a[href*='tel']:before,
.team-item-pop-up .team-item-content ol > li a[href*='mailto']:before,
.team-item-pop-up .team-item-content ol > li a[href*='linkedin']:before {
content: '';
color: #E61F57;
display: block;
font-weight: bold;
font-family: "Font Awesome 5 Pro",Font Awesome\ 5 Brands;
font-size: 16px;
line-height: 20px;
position: absolute;
left: 0;
top: 2px;
}
.team-item-pop-up .team-item-content ol > li a[href*='tel']:before {
content: '\f232';
}
.team-item-pop-up .team-item-content ol > li a[href*='mailto']:before {
content: '\f0e0';
}
.team-item-pop-up .team-item-content ol > li a[href*='linkedin']:before {
content: '\f0e1';
}
.team-item-pop-up .team-item-content h4 {
font-weight: bold;
}
.team-item-pop-up .team-item-content > .text{
display:none;
}
.team-item-pop-up .fulltext,.team-item-pop-up .fulltext p{
font-size: 1.4rem;
line-height: 2.8rem;
color: #000;
}
.t12next{
right:20px;
background-image:url(../_images/t12/next.svg);
}
.t12prev{
left:20px;
background-image:url(../_images/t12/prev.svg);
}
.t12prev,.t12next{
position:absolute;
top:50%;
transform:translateY(-50%);
width:30px;
height:30px;
background-color:#000;
background-repeat:no-repeat;
background-size:24% auto;
background-position:center;
border-radius:100%;
cursor:pointer;
}
/*Modules - Actonomy Vacancy Results Overview*/
body#VO #main {
background-color: #FCFCFC;
}
body#VO .outer.actouter {
padding: 80px 0;
}
h1.title.actTitle {
text-align: center;
}
.intro.custRewriteIntro {
max-width: 770px;
margin: 0 auto 15px auto;
text-align: center;
}
/*Modules - Actonomy Vacancy Results Overview - Items*/
.actEquery {
display: none;
}
.actSResContainer .itemContainer{
background: #fff;
padding: 30px 40px 40px 40px;
margin: 0 0 0 0;
border-radius: 5px;
overflow: hidden;
position: relative;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.05);
}
.actSResContainer .itemContainer:hover h3 > a {
color: #E61F57;
}
.actSResContainer .itemContainer:hover .premium-tag {
color:#000;
}
.actSResContainer .itemContainer a>s, .actSResContainer .itemContainer s>a, .actSResContainer .itemContainer strike>a, .actSResContainer .itemContainer a>strike {
padding: 0 20px;
line-height: 3rem;
margin-top: 10px;
}
.itemContainer-outer{
margin: 0 0 30px 0;
}
.itemTags > .itemTag{
background-color:#EAF9FF;
color:#000;
padding: 5px 20px;
display: inline-block;
border-radius: 15px;
font-size: 1.4rem;
font-weight: 500;
margin-right:2px;
margin-top: 10px;
}
.actIcPremium .itemTags > .itemTag{
background-color: #FFF2F5;
color: #E61F57;
}
.itemDescription.actItemDescr {
margin: 0 0 5px 0;
}
img.jobThumb {
float: right;
max-width: 100px;
max-height: 100px;
margin:10px;
}
.premium-tag {
font-weight: 500;
color: #E61F57;
transition: 0.2s;
font-size: 1.6rem;
margin: 0 0 3px 0;
}
.top-tag {
display: inline-block;
}
/*Modules - Actonomy Vacancy Results Overview - Facets*/
.facet-opener {
width: 30px;
height: 30px;
position: fixed;
left: 0;
top: 50%;
background-color: #E61F57;
border-radius: 0 3px 3px 0;
background-image: url(../_images/vacancy-overview/filter-results-button.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px auto;
cursor: pointer;
transition: 0.4s;
z-index: 99999;
}
.facet-opener span {
position: absolute;
top: -10px;
right: -8px;
display: inline-block;
width: 15px;
height: 15px;
font-size: 1rem;
line-height: 15px;
font-weight: 500;
background: #000;
border-radius: 100%;
text-align: center;
color: #fff;
transition: 0.3s;
}
.facet-opener.open {
left: 300px;
}
.facets {
position: fixed;
top: 70px;
z-index: 99999;
left: -300px;
width: 300px;
height: calc(100% - 70px);
background: rgba(247, 247, 248, 0.6);
padding: 40px 20px;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.05);
transition: 0.4s;
overflow-x: hidden;
}
.facets.open{
left:0;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionListTitle {
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
color: #000;
margin: 0 0 20px 0;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionList{
padding:0 20px;
background: #ffffff;
margin: 0 0 30px 0;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.05);
border-radius: 5px;
overflow: hidden;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionList li:first-child{
margin-top:20px;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionList li:last-child{
margin-bottom:20px;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionList ul li a {
display: block;
font-size: 1.4rem;
line-height: 2.8rem;
padding-left: 25px;
position: relative;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionList ul li a:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 7px);
width: 14px;
height: 14px;
border: 1px solid #000;
border-radius: 2px;
background-position: center;
background-size: 60% auto;
background-repeat: no-repeat;
background-image: url(../_images/vacancy-overview/tick.svg);
transition: 0.2s;
}
.actSRCf .optionListContainer.actLc.actLcMcrit .optionList ul li a:hover:before{
background-image: url(../_images/vacancy-overview/tick_white.svg);
}
.actSROf .optionListContainer {
background: #ffffff;
margin: 0 0 30px 0;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.05);
border-radius: 5px;
overflow: hidden;
}
.actSROf .optionListContainer .facetListTitle{
color:#fff;
font-weight:bold;
background:#E61F57;
padding:5px 15px;
display:block;
}
.actSROf .optionListContainer .facetList{
padding:5px 15px;
}
.actSROf .optionListContainer .facetList ul li a{
display:block;
font-size:1.4rem;
line-height:2.8rem;
padding-left:25px;
position:relative;
}
.actSROf .optionListContainer .facetList ul li a:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 7px);
width: 14px;
height: 14px;
border: 1px solid #000;
border-radius: 2px;
background-position:center;
background-size:60% auto;
background-repeat:no-repeat;
background-image:url(../_images/vacancy-overview/tick_white.svg);
transition:0.2s;
}
.actSROf .optionListContainer .facetList ul li a:hover:before{
background-image:url(../_images/vacancy-overview/tick.svg);
}
span.facetFreq{
float: right;
}
span.facetFreq:before{
content:'(';
}
span.facetFreq:after{
content:')';
}
/*Modules - Actonomy Vacancy Results Overview - Page naviation*/
.pageNav.actPageNav {
display: inline-block;
vertical-align: top;
}
.pageNav.actPageNav > a{
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
font-weight: 500;
color:#000;
vertical-align: top;
margin-right: 5px;
line-height: 4rem;
}
.pageNav.actPageNav > a.actActive{
background: #E61F57;
color: #fff;
border-radius: 100%;
}
.pageNav.actPageNav > a.actNext,
.pageNav.actPageNav > a.pnPrev.actPrev{
width:auto;
}
.pageNav.actPageNav > a.actLast,.pageNav.actPageNav > a.pnFirst.actFirst{
display:none;
}
/*Modules - Actonomy Vacancy Results Overview - Jobalert*/
.actSResultsCont .job-alert{
display:inline-block;
float:right;
}
/*Moduels - Actonomy Vacancy Detail Page - Main*/
.outer.jbdOuter {
position: relative;
}
.white-section{
position:absolute;
top:0;
left:0;
width:100%;
opacity:0;
height:0;
background: #fff;
z-index: -1;
transition:opacity 0.3s;
}
.jbdContent{
padding:60px 0 80px calc(100% / 8);
}
.jbdHeader {
padding: 80px 0 60px 0;
}
.side-bar {
padding: 80px 0 60px 0;
}
.short-description.intro {
margin: 0 0 15px 0;
}
.jbdContent h2{
color:#000;
font-size:1.8rem;
font-weight:bold;
line-height:3.4rem;
margin:0 0 0 0;
}
.photo1.jbdPhoto1 {
float: right;
max-width: 120px;
margin:10px 0 10px 10px;
}
.text.jbdText {
margin: 0 0 30px 0;
}
#VD .itemTags > .itemTag{
margin-right:20px;
}
#VD .itemTags > .itemTag > span + span:before {
content: ', ';
}
#VD .itemTags .favorites_cookies {
position: static;
display: inline-block;
margin-top: 10px;
vertical-align: bottom;
}
/*Modules - Actonomy Vacancy Detail Page - Sticky apply*/
.stick-apply {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background: #fff;
z-index: 999;
padding: 20px 0;
box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
.stick-apply-inner-title {
font-size: 1.8rem;
line-height: 4rem;
color: #000;
font-weight: bold;
text-align: center;
}
.stick-apply-inner-social .at-share-btn-elements a.at-icon-wrapper.at-share-btn {
margin: 0 0 0 10px;
padding:7.5px;
}
.stick-apply-inner-social .at-share-btn-elements span.at-icon-wrapper,
.stick-apply-inner-social .at-share-btn-elements svg.at-icon{
width:25px!important;
height:25px!important;
line-height:25px!important;
}
.stick-apply-inner-social .at-share-btn-elements a.at-icon-wrapper.at-share-btn.at-svc-compact{
background-color: #E61F57!important;
}
.stick-apply-inner-social .at-share-btn-elements a.at-icon-wrapper.at-share-btn.at-svc-compact svg.at-icon.at-icon-addthis{
fill:#fff!important;
}
.stick-apply-inner-social {
text-align: right;
}
/*Module - Blog Overview*/
.blog-outer{
padding:80px 0 100px 0;
}
h1.title.blgTitle {
text-align: center;
margin: 0 0 40px 0;
}
.outer.blgouterSite > .row > .col-md-6 {
margin-bottom: 30px;
}
.itemContainer.blgIc.blcListIc{
width: 100%;
display: inline-block;
position:relative;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.1);
border-radius:5px;
overflow:hidden;
}
.blogItemContent h3 {
font-size: 2.2rem;
line-height: 3.2rem;
font-weight: bold;
color: #000;
margin: 0 0 15px 0;
transition: 0.3s;
}
.blogItemContent h3 a{
color:#000;
transition:0.3s;
}
.itemContainer.blgIc.blcListIc:hover h3 a{
color:#E61F57;
}
.blogItemContent{
display:inline-block;
width:calc(100% - 170px);
float:left;
padding:40px 30px 30px 30px;
}
.blogItemImage {
display: inline-block;
width: 170px;
float: right;
height: 100%;
min-height:100px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.blog-item-footer {
text-align: right;
padding-top: 15px;
border-top: 1px solid #ececec;
line-height: 3rem;
}
.blog-item-footer > div.blogItemDate {
display: inline-block;
}
.blog-item-footer > div.authorName {
float: left;
}
.blog-item-footer > div.authorName .authorImage {
float: left;
max-width: 30px;
border-radius: 50%;
margin-right: 10px;
}
.blog-categories {
margin: 0 0 60px 0;
text-align: center;
}
.blog-categories > a {
display: inline-block;
cursor: pointer;
color: #E61F57;
border: 1px solid #E61F57;
padding: 9px 30px;
font-size: 1.4rem;
line-height: 2rem;
border-radius: 25px;
font-weight: 500;
background-color: #fff;
transition:0.2s;
}
.blog-categories > a.active {
background: #E61F57;
color: #ffff;
}
.blog-categories > a:hover{
background:#E61F57;
color:#fff;
}
.loadmore.disabled{
pointer-events:none;
}
/*Modules - Blog Detail*/
#BD .white-section {
height: 540px;
}
#BD{
background-color:#FCFCFC;
}
#BD h1{
text-align:center;
}
.blogDetailOuter {
padding: 80px 0;
}
.photo.blgItemPhoto {
margin: 0 auto 30px auto;
}
.photo.blgItemPhoto img{
margin:0 auto;
}
#BD .bottom-bar{
margin-top:30px;
text-align:right;
}
/*Modules - Apply*/
form + form{
margin: 20px 0 0 0;
}
.apply-outer {
padding: 80px 0;
}
.outer.aplOuter.aplStartOuter form {
margin: 0 0 50px 0;
}
#AP h1 {
text-align: center;
}
#AP h1 span {
color: #E61F57;
font-size: 1.4rem;
line-height: 2rem;
font-weight: 500;
display: block;
}
#AP .intro ul{
text-align:center;
margin:0 -10px 30px -10px;
}
#AP .intro ul li{
display: inline-block;
margin: 0 10px 10px 10px;
}
#AP .intro ul li a{
-webkit-appearance: none;
font-family: inherit;
display: inline-block;
cursor: pointer;
text-decoration: none!important;
font-size: 1.4rem;
line-height: 3.4rem;
background-color:#E61F57;
border:0;
color: #fff;
padding: 3px 30px;
border-radius: 25px;
transition: 0.2s;
}
input[type=checkbox], input[type=radio] {
background-color: transparent;
-webkit-appearance: none;
border: 1px solid #000;
border-radius: 5px;
width: 30px;
height: 30px;
display: block;
transition: 0.1s;
background-repeat: no-repeat;
background-position: center;
background-size: 60% auto;
margin: 0;
cursor: pointer;
display: inline-block;
margin-right: 5px;
}
input[type=radio]{
border-radius:100%;
}
input[type=checkbox]:checked,input[type=radio]:checked{
background-image:url(../_images/forms/tick.svg);
}
.formInput .select {
padding: 5px 40px 5px 25px;
}
.formInput.apllDate > label {
display: block;
margin: 0 0 5px 0;
}
.outer.aplOuter.qsOuter form > .error {
margin: 0 0 15px 0;
color: #ff4040;
}
.error {
color: #ff4040;
margin:10px 0 10px 0;
}
.errormailError {
color: red;
margin: 0 0 3px;
}
div#error_g-recaptcha-response {
margin: -10px 0 10px 0;
color: #ff4040;
}
.formInput.formSmallInput.aplCheckContainer .formCheckboxContainer{
display: inline-block;
}
.formInput.formSmallInput.aplCheckContainer label {
display: inline-block;
vertical-align: top;
line-height: 3rem;
margin-left: 10px;
width: calc(100% - 50px);
}
.formInput.aplTextAreaInput.aplPrivAreaInput{
margin: 0 0 0 0;
padding-bottom:0;
font-size: 12px;
line-height: 16px;
max-height:0;
overflow:hidden;
transition:0.3s;
}
.formInput.aplTextAreaInput.aplPrivAreaInput label{
display:none;
}
.formInput.aplTextAreaInput.aplPrivAreaInput.showing{
max-height:300px;
padding-bottom: 20px;
}
span.terms {
cursor: pointer;
text-decoration: underline;
}
.buttonContainer + .buttonContainer {
margin: 15px 0 0 0;
}
.formInput.aplCsc.aplStkCsc > label {
display: none;
}
/*Hooks - Jobdetail - Related jobs hook*/
.hookOuter.related-jobs-hook{
background: #000;
color: #fff;
padding: 80px 0;
}
.hookOuter.related-jobs-hook h2 {
color: #fff;
margin: 0 0 30px 0;
text-align:center;
}
.hookItemContainer.rJhVIc .hookItemContainerInner{
background: #fff;
position:relative;
padding: 30px 40px 30px 40px;
border-radius: 5px;
margin: 0 15px;
}
.itemDescription {
color: #000;
}
/*Hooks - Jobdetail - Consultantviewhook*/
.hookOuter.fhlOuter.chlOuter{
background: #000;
border-radius: 5px;
color: #fff;
padding: 30px;
margin:0 0 30px 0;
}
.hookOuter.fhlOuter.chlOuter a{
color:#fff;
}
.hookItemPhoto1.fhlPhoto1.chlPhoto1 {
overflow: hidden;
border-radius: 100%;
max-width: 150px;
margin: 0 auto 30px auto;
}
.hookItemTitle.fhlItemTitle.chlItemTitle {
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: 500;
margin:0 0 15px 0;
}
.hookItemWord.fhlItemWord.chlItemWord a{
display:block;
font-size:1.4rem;
line-height:2.8rem;
position:relative;
padding-left:22px;
}
.hookItemWord.fhlItemWord.chlItemWord a[href*='whatsapp']:before {
content: '\f232';
color: #E61F57;
display: block;
font-weight:bold;
font-family: "Font Awesome 5 Pro",Font Awesome\ 5 Brands;
font-size: 17px;
line-height: 20px;
position: absolute;
left:0;
top:4px;
}
.hookItemWord.fhlItemWord.chlItemWord a[href*='mailto']:before {
content: '\f0e0';
color: #E61F57;
display: block;
font-weight:bold;
font-family: "Font Awesome 5 Pro",Font Awesome\ 5 Brands;
font-size: 16px;
line-height: 20px;
position: absolute;
left:0;
top:4px;
}
.hookItemWord.fhlItemWord.chlItemWord a[href*='tel']:before {
content: '\f095';
color: #E61F57;
display: block;
font-weight:bold;
font-family: "Font Awesome 5 Pro",Font Awesome\ 5 Brands;
font-size: 16px;
line-height: 20px;
position: absolute;
left:0;
top:4px;
}
/*Hooks - Jobdetail - Interaction hook*/
.call-me-back .outer.qsPIOuter{
padding: 30px 25px;
position:relative;
background: #fff;
border-radius: 5px;
box-shadow: 0 5px 30px rgba(0, 42, 95, 0.05);
}
.outer.qsPIOuter.interaction-hook{
position:relative;
}
.call-me-back .outer.qsPIOuter.interaction-hook h2{
font-size:2rem;
line-height:3rem;
margin:0 0 15px 0;
font-weight:500;
}
.call-me-back .outer.qsPIOuter.interaction-hook input.button {
width: 100%;
text-align: center;
}
.formInput > .error {
color: #fff;
background: #ff4040;
border-radius: 3px;
font-size: 10px;
width: auto;
padding: 2px 5px;
position: absolute;
left: 17px;
top: 40px;
z-index: 2;
}
.formInput{
transition:padding 0.3s;
}
.formInput.error-mode{
position:relative;
padding-bottom:34px;
}
.outer.qsPIOuter.interaction-hook > .error {
position: absolute;
top: -50px;
left: 0;
width: 100%;
background: #ff4040;
color: #fff;
padding: 10px;
opacity: 1;
transition:1s;
border-radius: 5px;
}
.outer.qsPIOuter.interaction-hook > .error.hide{
opacity:0;
}
.call-me-back .outer.qsPIOuter.interaction-hook > .error{
top:0;
}
/*Hooks - Quick Application hook*/
.hookInput.qAplInput.qAplInputCv label {
display: none!important;
}
.hookError.qAplError {
color: red;
margin: 0 0 5px;
}
#AP .intro ul li.aplAplyPass{
display:none;
}
/*Hooks - Job search hook*/
.search-hook.search-hook-vacancies {
padding: 15px 0 60px 0;
}
.hookBottomLink.actHBl{
display:none;
}
#sh-form {
display: inline-block;
width: 100%;
}
#sh-form > .sh-item {
display: inline-block;
width: calc((100% - 170px) / 3 );
float: left;
padding-right:30px;
}
#sh-form > .sh-button{
display: inline-block;
width: 170px;
float: left;
}
#sh-form > .sh-button > .button{
width:100%;
}
#sh-form > .sh-item.sh-text-search {
position: relative;
}
#sh-form input[type=text]{
box-shadow: unset;
border: 1px solid #CBCBCB;
position: relative;
z-index: 99;
line-height:1.8rem;
}
.select.multiple .selected_item{
border-radius: 14px;
}
#sh-form .select{
box-shadow:none;
border: 1px solid #CBCBCB;
}
#sh-form .select.options_open .select_options {
display: block;
border: 1px solid #CBCBCB;
}
#sh-form .select input[type=text] {
line-height: 2rem;
border-radius: 0;
font-size: 1.2rem;
box-shadow: unset;
border: 0;
border-bottom: 1px solid #cecece;
padding: 3px 10px;
}
#sh-form .suggestions {
display: none;
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 30px);
background: #fff;
padding: 30px 0 10px 0;
margin-top: -20px;
z-index: 9;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.suggestions > div {
line-height: 2.5rem;
cursor: pointer;
padding: 0 20px;
transition: 0.1s;
cursor:pointer;
}
.suggestions > div:hover {
background: #E61F57;
color: #ffff;
}
#sh-form .suggestions.active{
display:block;
}
/*Hooks - Login hook*/
#header #menu .hookOuter.webUserHookOuter.ocdHookOuter{
display:none;
}
.login-pop-up{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: rgba(0, 0, 0, 0.9);
}
body.loginOpen .login-pop-up {
display: block;
}
body.loginOpen {
overflow: hidden;
}
.login-inner {
width: 770px;
max-width: calc(100% - 40px);
background: #E61F57;
left: 50%;
top: 50%;
border-radius: 5px;
overflow: hidden;
/*transform: translateX(-50%) translateY(-50%);*/
transform: perspective(1px) scale(1.001) translateX(-50%) translateY(-50%);
position: relative;
}
.login-inner .inner-wrapper{
display: inline-block;
width: 100%;
}
.login-pop-up .close {
background-image: url(../_images/t7/close.svg);
}
.hookOuter.webUserHookOuter.ocdHookOuter{
width: 470px;
padding: 50px 50px 60px 50px;
background: #fff;
display: inline-block;
float: left;
}
.hookOuter.webUserHookOuter.ocdHookOuter h3{
font-size: 2.2rem;
font-weight: bold;
color: #000;
text-align: center;
margin: 0 0 30px 0;
}
.webUserHookOuter .loginHookField {
margin: 0 0 20px 0;
}
.webUserHookOuter span.ocdFrgtPswrd {
display: block;
text-align: center;
margin: 0 0 20px 0;
}
.webUserHookOuter span.ocdFrgtPswrd a {
font-size: 1.4rem;
color: #000;
font-weight: 500;
text-decoration: underline;
}
.webUserHookOuter .buttons {
text-align: center;
}
.webUserHookOuter .buttons .intro {
margin: 15px 0 0 0;
}
.webUserHookOuter .buttons .intro p {
color: red;
font-size: 1.3rem;
line-height: 2rem;
}
/*Hooks - Job alert*/
body.jobalertopen{
overflow:hidden;
}
.jbl-pop-up{
display:none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: rgba(0, 0, 0, 0.9);
}
.popUpContainer {
max-width: 450px;
background: #fff;
padding: 50px 40px;
position: absolute;
left: 50%;
top: 50%;
border-radius: 5px;
transform: translateX(-50%) translateY(-50%);
position:relative;
overflow:hidden;
}
.close{
position:absolute;
top:20px;
right:20px;
width:25px;
height:25px;
background-image:url(../_images/job-alert/close.svg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
}
.ajaxWindow.newAgentFormFrag > form > .text {
display: none;
}
.ajaxWindow.newAgentFormFrag h3.title {
font-size: 2.2rem;
font-weight: bold;
color: #000;
text-align: left;
margin: 0 0 15px 0;
}
.ajaxWindow.newAgentFormFrag .intro.actIntro.vacActIntro {
margin: 0 0 20px 0;
}
/*Cookie bar*/
.ckOuter{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 0;
line-height: 5rem;
z-index: 9;
background: #fff;
box-shadow: 0 -5px 10px rgba(0,0,0,0.1);
}
.ckOuter.close,.ckOuter.accepted{
display:none;
}
.cookieBtns {
float: right;
}
/*______________________________________Media queries______________________________________*/
@media only screen and (min-width:1921px)
{
.circle {
width:1120px;
height:1120px;
}
}
@media only screen and (min-width:991px)
{
#menu #hlb1 > li > ul {
position: absolute;
top: 100%;
width: 220px;
padding-top: 19px;
display: none;
}
#menu #hlb1 > li > ul > li {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
#menu #hlb1 > li > ul > li:last-child {
border-radius: 0 0 5px 5px;
overflow: hidden;
}
#menu #hlb1 > li > ul > li:nth-child(1) {
border-radius: 5px 5px 0 0;
overflow: hidden;
}
#menu #hlb1 > li > ul > li:first-child > a {
padding: 12px 15px 7px 15px;
}
#menu #hlb1 > li > ul > li:last-child > a {
padding:7px 15px 12px 15px;
}
#menu #hlb1 > li:hover > ul{
display:block;
}
}
@media only screen and (max-width:1400px)
{
.bisjab.circle-content {
padding: 70px 0;
}
}
@media only screen and (max-width:1200px)
{
h2 {
font-size: 2.8rem;
line-height: 3.6rem;
margin: 0 0 10px 0;
}
#menu #hlb1 > li > a {
padding: 0 5px;
}
#login > a{
margin:10px 0 10px 10px;
}
#t3 .number-rectangle {
width: calc(50% - 20px);
position:static;
display: inline-block;
margin: 7px;
}
#t4 .phone-icon {
width: 60px;
height: 60px;
background-size: 30px;
margin-right: 20px;
}
#t4 h2 {
font-size: 2.8rem;
line-height: 3.6rem;
margin: 0 0 0 0;
}
}
@media only screen and (max-width:1200px){
/* LLB */
.languageBlock.visible { display: block; }
.languageBlock {
float: none;
margin: 20px 0 0;
}
.clickLlb { display: none; }
.llb {
display: block !important;
position: static;
padding: 0;
background: transparent;
}
.llb > a {
display: inline-block;
margin: 0 10px 0 0;
}
#menu #hlb1{
position: fixed;
top: 70px;
right: -320px;
width: 320px;
height: calc(100% - 70px);
background: #f7f7f8;
padding: 30px;
transition:0.5s;
}
body.menuOpen #menu #hlb1{
right: 0;
}
#menu #hlb1 > li {
display:block;
position:relative;
}
#menu #hlb1 > li > a,#menu #hlb1 > li:first-child > a{
padding:0;
line-height:4.5rem;
}
#hamburger{
display: inline-block;
margin: 22px 0 0 10px;
font-size: 0;
line-height: 0;
}
#close{
display:none;
}
body.menuOpen #hamburger{
display:none;
}
body.menuOpen #close {
display: inline-block;
margin: 20px 0 0 20px;
font-size: 0;
line-height: 0;
}
#menu #hlb1 > li > a {
display: block;
}
#menu #hlb1 > li > ul > li > a {
background: transparent;
border-left: 1px solid #E61F57;
}
span.hlbtoggle{
position: absolute;
top: 11px;
right: 0;
width: 25px;
height: 25px;
background-color: #E61F57;
border-radius: 100%;
cursor: pointer;
background-image: url(../_images/hlb1/hlbtoggle.svg);
background-repeat: no-repeat;
background-position: center 10px;
background-size: 44% auto;
transform:rotateZ(0deg);
transition:0.2s;
}
li.sub-open span.hlbtoggle{
transform:rotateZ(180deg);
}
#menu #hlb1 > li > ul{
display: none;
}
#menu #hlb1 > li.sub-open > ul{
display:block;
}
#favoCounter {
margin: 21px 10px 0 10px;
vertical-align: top;
}
#login { float: none; }
#header .jobalert {
position: relative;
top: -4px;
}
}
@media only screen and (max-width:991px)
{
h1 {
font-size: 3.2rem;
line-height: 4.2rem;
}
p {
margin: 0 0 15px 0;
}
.circle-holder{
display:none;
}
.bisjab.circle-content .intro{
min-height: auto;
}
.bisjab.circle-content {
padding:40px 0;
}
#t1 {
padding:40px 0;
}
#t2 {
padding:40px 0;
}
#t2 .teaser-content {
padding:40px 0 0 0;
}
#t2 button.slick-arrow {
right: -20px;
width:15px;
height:15px;
}
#t2 .jbhItem.itemOuter {
padding: 25px 20px;
}
#t3 {
padding:40px 0;
}
#t3 .numbers-circle {
width: auto!important;
height: auto!important;
background: transparent;
padding: 20px 0 0 0;
}
#t5 {
margin: 0 0 30px 0;
}
#footer {
padding: 40px 0 15px 0;
}
.hookOuter.webUserHookOuter.ocdHookOuter {
width: 400px;
}
#t7 {
width: calc(100% - 400px);
}
#t9{
padding:40px 0;
}
body#VO .outer.actouter {
padding: 40px 0;
}
.search-hook.search-hook-vacancies {
padding: 15px 0 30px 0;
}
#sh-form {
width: calc(100% + 15px);
margin: 0 -7.5px;
}
#sh-form > .sh-item, #sh-form > .sh-button {
width: calc(100% / 2);
margin: 0 0 15px 0;
padding: 0 7.5px;
}
.actSResultsCont .job-alert {
width: 100%;
text-align: center;
float: none;
}
.jbdHeader {
padding: 40px 0 40px 0;
}
.jbdContent {
padding: 40px 0 40px 0;
}
.side-bar {
padding: 0 0 40px 0;
}
.hookOuter.related-jobs-hook {
padding: 30px 0;
}
.hookOuter.fhlOuter.chlOuter {
display: inline-block;
width: 45%;
}
.call-me-back {
display: inline-block;
width: 45%;
vertical-align: top;
float: right;
}
.apply-outer {
padding: 40px 0;
}
.bisjab-contact .top-part{
padding:40px 0 40px 0;
}
.bisjab-contact .main-part{
padding:40px 0 40px 0;
}
.bisjab-contact .main-part .content{
margin-top:40px;
}
#C-T12 + #t12 {
padding:40px 0 40px 0;
padding:0px 0 40px 0;
}
.team-item-pop-up .team-item-photo {
width: 130px;
height: 130px;
}
.team-item-pop-up .team-item-content {
width: calc(100% - 130px);
padding-right:30px;
}
.team-item-pop-up {
padding: 50px 35px;
}
.t12next {
right:5px;
}
.t12prev{
left:5px;
}
.t12prev, .t12next {
width: 22px;
height: 22px;
}
.blogItemImage {
width: 100%;
float: none;
height: 240px!important;
}
.blogItemContent {
width: 100%;
height: auto!important;
padding: 20px 15px 20px 15px;
}
}
@media only screen and (max-width:767px)
{
#t2 .sw{
padding:0;
}
#t2 .teaser-content {
padding: 30px 15px 0 15px;
}
#t2 .jbhItem.itemOuter {
padding: 25px 20px;
}
#t2 .hookOuter.jbhOuter {
margin: 0;
}
#t2 .jbhItemWrapper {
padding: 0 10px;
}
#t4 .content-section {
margin: 0 0 20px 0;
}
#t4 .interaction-holder .form .formInput.last-child {
padding-right: 0;
width: 100%;
margin-bottom: 10px;
}
#t4 .interaction-holder .form .buttonContainer{
padding-left:0;
width:100%;
}
.hlb2 {
margin-bottom: 30px;
}
.hookOuter.webUserHookOuter.ocdHookOuter {
width: 100%;
padding: 30px 15px;
}
#t7 {
height: auto!important;
width: 100%;
padding: 20px 10px;
}
#t9 .fields-left-side > div:not(.hookInput){
margin:0 0 0 0;
}
#t9 .fields-right-side > div{
margin:0 0 20px 0;
}
#t9 .fields-left-side > div > div{
margin:0 0 20px 0;
}
#t9 .name-holder > div{
width: 100%;
}
#t9 .name-holder > div:nth-child(2){
padding:0;
}
.login-pop-up .close {
background-image: url(../_images/job-alert/close.svg);
}
.pageNav.actPageNav {
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}
.actSResultsCont .jobalert{
float:none;
}
.facets {
background: rgb(255, 255, 255);
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
position:fixed;
padding-top: 100px;
z-index:9999;
top: 0;
height: 100%;
overflow-x: hidden;
}
.facet-opener{
position:fixed;
top:calc(50% - 15px);
z-index:99999;
}
.stick-apply-inner-title {
display: none;
}
.hookOuter.fhlOuter.chlOuter {
display:block;
width:100%;
}
.call-me-back {
display:block;
width:100%;
float:none;
}
.stick-apply-inner-apply {
text-align: center;
margin: 0 0 20px 0;
}
.stick-apply-inner-social{
text-align:center;
}
.team-item-pop-up .team-item-photo {
width: 130px;
height: 130px;
margin: 0 0 30px 0;
float: none;
display: block;
}
.team-item-pop-up .team-item-content {
width:100%;
padding-right:0;
}
.outer.qsPIOuter.interaction-hook > .error {
position: static;
margin-top: 25px;
}
.outer.qsPIOuter.interaction-hook .form {
display: inline-block;
width: 100%;
}
body#VD #footer {
padding: 80px 0 140px 0;
}
.stick-apply {
padding: 10px 0;
}
.stick-apply-inner-apply {
margin: 0 0 10px 0;
}
.actSResContainer .itemContainer {
padding: 20px 15px 20px 15px;
}
img.jobThumb {
max-width: 80px;
max-height: 80px;
margin: 20px 0px 10px 0px;
}
}
@media only screen and (max-width:600px)
{
nav > .job-alert {
display: none !important;
}
#hlb1 .job-alert {
display: block;
margin-left: 0;
}
#header .jobalert {
position: static;
margin-top: 20px;
text-align: center;
width: 100%;
}
body{
padding:60px 0 0 0;
}
#logo > a{
height:50px;
}
#logo > a > img{
max-height:50px;
max-width:130px;
}
#login {
height: 50px;
}
#login > a {
margin: 5px 0 5px 10px;
}
#hamburger {
margin: 17px 0 0 10px;
}
body.menuOpen #close{
margin: 17px 0 0 20px;
}
#menu #hlb1{
top:60px;
height: calc(100% - 60px);
}
#favoCounter {
margin: 17px 0px 0 0px;
}
#t3 .number-rectangle {
padding: 10px 5px;
width: calc(50% - 10px);
margin: 4px;
}
#t3 .number-rectangle .number{
font-size:2rem;
line-height:3rem;
}
#t3 .number-rectangle .number-title{
font-size:1.2rem;
line-height:1.6rem;
}
#t6 .adres-contact > div {
display: block;
}
#t6 .adres-contact > div + div:before{
content:'';
}
.facets{
width: calc(100% - 40px);
left:-100%;
}
.facet-opener.open {
left: calc(100% - 40px);
}
#sh-form {
width:100%;
margin:0;
}
#sh-form > .sh-item, #sh-form > .sh-button {
width:100%;
margin: 0 0 15px 0;
padding:0;
}
.bisjab.circle-content {
padding: 40px 0 0 0;
}
.bisjab-content {
padding:40px 0 40px 0;
}
}
h2.itemTitle.ojp2It {
font-size: 2rem;
line-height: 3rem;
}
h1.title.ojp2Title {
font-size: 3rem;
line-height: 4rem;
font-weight: bold;
}