@charset "UTF-8";
   *,
*:after,
*:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} html {
font-size: 62.5%;
scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
color: #ee3123;
}
h1 {
font-size: 5rem;
}
h2 {
font-size: 3.4rem;
}
h3 {
font-size: 2.4rem;
}
h4 {
font-size: 2rem;
}
h5 {
font-size: 1.8rem;
}
h6 {
font-size: 1.3rem;
}
body {
font: 400 14px/1.4 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #203240;
}
p {
line-height: 2.4rem;
color: #626262;
} .clear {
*zoom: 1;
}
.clear :before,
.clear :after {
content: " ";
display: table;
}
.clear :after {
clear: both;
}
img {
height: auto;
max-width: 100%;
vertical-align: bottom;
}
a {
color: #347cf2;
text-decoration: none;
}
a :hover {
color: #c41f1c;
outline: 0;
}
a :focus {
outline: 0;
}
a :active {
outline: 0;
}
.btn {
height: 44px;
color: #fff;
padding: 10px 33px;
background-color: #ee3123;
font-size: 1.8rem;
font-style: italic;
font-family: "Libre Franklin", sans-serif;
border-radius: 4px;
display: inline-flex;
align-items: center;
text-decoration: none;
cursor: pointer;
transition: 0.5s background-color ease-out;
}
.btn:hover {
color: #fff;
text-decoration: none;
background-color: #c41f1c;
transition: 0.1s background-color ease-in;
}
.btn-primary {
color: #fff !important;
background-color: #203240;
}
.btn-secondary {
padding: 0;
color: #203240;
font-size: 1.4rem;
background-color: transparent;
}
.btn-secondary:hover {
color: #c41f1c;
background-color: transparent;
}
.btn-tertiary {
color: #203240;
background-color: #fff;
}
.btn-long {
padding: 10px;
width: 224px;
text-align: center;
justify-content: center;
}
.btn-long-secondary {
padding: 10px;
width: 224px;
text-align: center;
justify-content: center;
background-color: #203240;
}
.btn-long-tertiary {
padding: 10px;
width: 224px;
text-align: center;
justify-content: center;
color: #203240;
background-color: #fff;
}
.btn-white {
background-color: #fff;
color: #ee3123;
}
.btn-border {
color: #203240;
background-color: #f2f2f2;
border: 1px solid #203240;
}
.btn-border:hover {
background-color: #203240;
}
input :focus {
outline: 0;
}
.slick-slider .slick-prev {
left: -80px;
}
.slick-slider .slick-next {
right: -80px;
transform: rotateY(180deg);
}
.slick-slider .slick-arrow {
display: block;
position: absolute;
width: 56px;
height: 60px;
top: 0;
bottom: 0;
margin: auto 0;
font-size: 0;
background-color: transparent;
border: 0;
outline: none;
z-index: 1;
}
.slick-slider .slick-arrow:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #203240;
mask-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/slider-arrow.svg);
mask-repeat: no-repeat;
mask-size: contain;
}
.slick-slider .slick-dots {
padding: 0;
list-style-type: none;
text-align: center;
position: absolute;
width: 100%;
bottom: 190px;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.slick-slider .slick-dots li {
display: none;
margin: 0 4px;
width: 10px;
height: 10px;
}
.slick-slider .slick-dots li.slick-active {
display: inline-block;
}
.slick-slider .slick-dots li.slick-active button {
background-color: #ee3123;
outline: none;
}
.slick-slider .slick-dots li.slick-active + li,
.slick-slider .slick-dots li.slick-active + li + li {
display: inline-block;
}
.slick-slider .slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-slider .slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-slider .slick-dots li.slick-active ~ li:nth-last-child(3) {
display: none;
}
.slick-slider .slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-slider .slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-slider .slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-slider .slick-dots li.slick-active + li:nth-last-child(3),
.slick-slider .slick-dots li.slick-active + li:nth-last-child(2),
.slick-slider .slick-dots li.slick-active + li:nth-last-child(1) {
display: inline-block;
}
.slick-slider .slick-dots li:nth-last-child(1), .slick-slider .slick-dots li:nth-last-child(2), .slick-slider .slick-dots li:nth-last-child(3) {
display: inline-block;
}
.slick-slider .slick-dots li:only-of-type, .slick-slider .slick-dots li:only-child {
display: none;
}
.slick-slider .slick-dots button {
border: none;
background-color: #fff;
padding: 0;
font-size: 0;
line-height: 0;
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
}
.slick-slider .slick-dots button:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 9px;
height: 9px;
margin: auto;
}
#progressBar {
height: 4px;
width: 100%;
}
.pace {
pointer-events: none;
user-select: none;
z-index: 2000;
position: relative;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 5px;
width: 100%;
background: rgba(238, 49, 35, 0.3);
overflow: hidden;
}
.pace .pace-progress {
box-sizing: border-box;
transform: translate3d(0, 0, 0);
max-width: 100%;
z-index: 2000;
display: block;
position: absolute;
top: 0;
right: 100%;
height: 100%;
width: 100%;
background: #ed3123;
}
.pace.pace-inactive {
display: none;
}
.indeterminate-progress-bar {
position: relative;
width: 100%;
height: 4px;
overflow-x: hidden;
display: none;
}
.indeterminate-progress-bar.active {
display: block;
}
.indeterminate-progress-bar .line {
position: absolute;
opacity: 0.4;
background: #ed3123;
width: 150%;
height: 4px;
}
.indeterminate-progress-bar .subline {
position: absolute;
background: #ed3123;
height: 4px;
}
.indeterminate-progress-bar .subline.inc {
animation: increase 2s infinite;
}
.indeterminate-progress-bar .subline.dec {
animation: decrease 2s 0.5s infinite;
}
@keyframes increase {
from {
left: -5%;
width: 5%;
}
to {
left: 130%;
width: 100%;
}
}
@keyframes decrease {
from {
left: -80%;
width: 80%;
}
to {
left: 110%;
width: 10%;
}
} html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title:after {
content: "Veja a lista";
}
html[lang=pt-pt] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view .btn-long {
height: 70px;
} #siteMain {
position: relative;
}
.main-content {
margin: 0;
padding: 40px 0 60px;
}
.main-content > article *[class^=wp-block-lazyblock]:last-of-type .block-wrapper {
margin-bottom: 0;
} .bg-primary-red {
background-color: #ee3123;
}
.bg-primary-red .column-content *:not(.btn) {
color: #fff;
}
.bg-primary-default {
background-color: #203240;
}
.bg-primary-default .column-content *:not(.btn) {
color: #fff;
} .column-content .column-image {
overflow: hidden;
}
.column-content .column-image img {
transform: translate3d(0, 0, 0) scale(1);
transition: 2s transform;
}
.column-content:hover .column-image img {
transform: scale(1.05);
transition: 1 transform;
} .header {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: auto auto;
position: relative;
z-index: 4;
}
.header .logo-wrapper {
grid-area: logo;
grid-column: 1;
grid-row: 1;
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(1fr 80px);
padding: 25px 16px;
background-color: #fff;
}
.header .logo-wrapper .logo img {
width: 266px;
max-width: 266px;
}
.header .language {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .language .wpml-ls-legacy-list-horizontal {
border: 1px solid transparent;
padding: 7px;
clear: both;
}
.header .language .wpml-ls-legacy-list-horizontal ul {
padding: 0;
margin: 0 !important;
list-style-type: none;
}
.header .language .wpml-ls-legacy-list-horizontal ul li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline-block;
}
.header .language .wpml-ls-legacy-list-horizontal ul li a {
display: block;
text-decoration: none;
padding: 5px 10px;
line-height: 1;
}
.header .language .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
display: inline;
vertical-align: middle;
width: 18px;
height: 12px;
}
.header .language #siteLanguage {
border: 0;
text-transform: uppercase;
font-size: 1.5rem;
font-weight: bold;
color: #203240;
appearance: none;
padding: 4px 25px 4px 10px;
border-radius: 4px;
background: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/language-arrow-down.svg) no-repeat calc(100% - 9px) center;
opacity: 0;
transition: opacity 0.3s;
}
.header .language #siteLanguage .widgettitle {
display: none;
}
.header .language .extras {
display: none;
}
.header .language .extras span {
line-height: 1;
margin-left: 20px;
}
.header .language .extras span a {
display: block;
}
.header .language .extras .header-burger {
width: 33px;
}
.header .language .extras .header-burger .open-mobile-menu {
display: block;
}
.header .language .extras .header-burger .close-mobile-menu {
display: none;
}
.header .language .extras .header-burger.active .open-mobile-menu {
display: none;
}
.header .language .extras .header-burger.active .close-mobile-menu {
display: block;
}
.header .main-navigation {
grid-area: navigation;
grid-column: 1;
grid-row: 2;
position: relative;
height: 45px;
z-index: 2;
}
.header .main-navigation .menu-wrapper {
display: grid;
column-gap: 4px;
row-gap: 10px;
}
.header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper {
display: none;
}
.header .main-navigation .menu {
padding: 0;
display: flex;
margin: 0;
line-height: 1;
list-style: none;
background-color: #203240;
width: 100%;
height: 45px;
position: relative;
}
.header .main-navigation .menu .menu-item {
border-left: 1px solid #203240;
transition: border-color 0.5s ease-in-out;
cursor: pointer;
}
.header .main-navigation .menu .menu-item:first-of-type {
border-left: 0;
}
.header .main-navigation .menu .menu-item a,
.header .main-navigation .menu .menu-item span {
display: flex;
width: 100%;
height: 45px;
padding-left: 1.6rem;
padding-right: 1.6rem;
align-items: center;
justify-content: center;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
font-weight: bold;
font-size: 1.4rem;
color: #fff;
text-decoration: none;
background-color: #253a4a;
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
position: relative;
}
.header .main-navigation .menu .menu-item.current-menu-item, .header .main-navigation .menu .menu-item.current-menu-ancestor {
border-left-color: #ee3123;
}
.header .main-navigation .menu .menu-item.current-menu-item a, .header .main-navigation .menu .menu-item.current-menu-ancestor a {
background-color: #ee3123;
}
.header .main-navigation .menu .menu-item.active, .header .main-navigation .menu .menu-item:hover {
border-left-color: #ee3123;
transition: border-color 0.1s ease-in-out;
z-index: 1;
}
.header .main-navigation .menu .menu-item.active > a,
.header .main-navigation .menu .menu-item.active span, .header .main-navigation .menu .menu-item:hover > a,
.header .main-navigation .menu .menu-item:hover span {
background-color: #ee3123;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.header .main-navigation .menu .menu-item.menu-item-has-children > a,
.header .main-navigation .menu .menu-item.menu-item-has-children > span {
position: relative;
padding-right: 35px;
}
.header .main-navigation .menu .menu-item.menu-item-has-children > a:after,
.header .main-navigation .menu .menu-item.menu-item-has-children > span:after {
content: "";
top: 0;
bottom: 0;
right: 10px;
height: 9px;
width: 15px;
margin: auto 0;
position: absolute;
background-color: #fff !important;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
z-index: 1;
}
.header .main-navigation .menu .menu-item.login {
position: relative;
margin-left: auto;
}
.header .main-navigation .menu .menu-item.login a {
padding-left: 43px;
padding-right: 35px;
}
.header .main-navigation .menu .menu-item.login a:before, .header .main-navigation .menu .menu-item.login a:after {
content: "";
top: 0;
bottom: 0;
margin: auto 0;
position: absolute;
z-index: 1;
transition: background-color 0.5s ease-in-out;
}
.header .main-navigation .menu .menu-item.login a:before {
left: 14px;
height: 21px;
width: 16px;
background-color: #497292;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/lock.svg) no-repeat;
}
.header .main-navigation .menu .menu-item.login a:after {
right: 10px;
height: 9px;
width: 15px;
background: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
}
.header .main-navigation .menu .menu-item.login.menu-open a:before, .header .main-navigation .menu .menu-item.login:hover a:before {
background-color: #fff;
transition: background-color 0.1s ease-in-out;
}
.header .main-navigation .menu .menu-item.search-careers {
position: relative;
border-left-color: transparent;
}
.header .main-navigation .menu .menu-item.search-careers a {
color: #203240;
background-color: #fff100;
padding-right: 46px;
}
.header .main-navigation .menu .menu-item.search-careers a:after {
content: "";
top: 0;
bottom: 0;
margin: auto 0;
position: absolute;
z-index: 1;
right: 14px;
height: 24px;
width: 24px;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/search-glass.svg) no-repeat;
transition: background-color 0.5s ease-in-out;
}
.header .main-navigation .menu .menu-item.search-careers:hover a {
color: #fff;
background-color: #ee3123;
}
.header .main-navigation .menu .menu-item.search-careers:hover a:after {
background-color: #fff;
transition: background-color 0.1s ease-in-out;
}
.header .main-navigation .menu .menu-item.candidate-login {
margin-left: auto;
}
.header .main-navigation .menu .menu-item.jet2-colleagues a {
background-color: #ee3123;
}
.header .main-navigation .menu .menu-header {
display: none;
}
.header .main-navigation .menu + .menu-advert-list {
display: flex;
display: none;
margin: 0;
padding: 0;
list-style: none;
}
.header .main-navigation .child-wrapper {
display: none;
background-color: #ee3123;
width: 100%;
min-height: 400px;
padding: 10px 16px 71px 72px;
}
.header .main-navigation .child-wrapper.active {
display: block;
}
.header .main-navigation .child-wrapper.login-menu {
width: fit-content;
padding: 16px;
min-height: auto;
margin-left: auto;
margin-right: 166px;
}
.header .main-navigation .child-wrapper.login-menu .menu-item-header {
display: none;
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active a {
padding-left: 50px;
position: relative;
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active a:after {
content: "";
width: 40px;
height: 45px;
left: 5px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
transition: 0.6s background-image;
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active a:hover:after {
transition: 0.3s background-image;
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active .candidate-login a:after {
background-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/candidate-login.png);
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active .candidate-login a:hover:after {
background-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/candidate-login-alt.png);
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active .jet2-colleagues a:after {
background-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/jet2colleagues.png);
}
.header .main-navigation .child-wrapper.login-menu .sub-menu.active .jet2-colleagues a:hover:after {
background-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/jet2colleagues-alt.png);
}
.header .main-navigation .child-wrapper.login-menu .sub-wrapper#subMenu4 {
display: none;
}
.header .main-navigation .child-wrapper .sub-wrapper {
display: none;
}
.header .main-navigation .child-wrapper .sub-wrapper.active {
display: flex;
}
.header .main-navigation .child-wrapper .sub-wrapper#subMenu4 {
display: block;
}
.header .main-navigation .sub-menu {
padding: 0;
margin: 0;
line-height: 1;
list-style: none;
color: #fff;
width: 250px;
display: none;
vertical-align: top;
flex-direction: column;
}
.header .main-navigation .sub-menu .menu-item {
display: flex;
flex-direction: column;
min-height: 45px;
margin-bottom: 3px;
cursor: pointer;
}
.header .main-navigation .sub-menu .menu-item a,
.header .main-navigation .sub-menu .menu-item span {
font-size: 1.4rem;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
line-height: 1.2;
color: #fff;
padding-left: 15px;
padding-right: 15px;
display: flex;
height: 100%;
min-height: 45px;
align-items: center;
background-color: #c41f1c;
border-radius: 4px;
text-decoration: none;
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.header .main-navigation .sub-menu .menu-item a:hover,
.header .main-navigation .sub-menu .menu-item span:hover {
background-color: #fff;
color: #203240;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.header .main-navigation .sub-menu .menu-item.active a,
.header .main-navigation .sub-menu .menu-item.active span:not(.item-link), .header .main-navigation .sub-menu .menu-item:hover a,
.header .main-navigation .sub-menu .menu-item:hover span:not(.item-link) {
background-color: #fff;
color: #203240;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.header .main-navigation .sub-menu .menu-item.active.menu-item-has-children > a:after,
.header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after, .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children > a:after,
.header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after {
background-color: #203240 !important;
transition: background-color 0.1s ease-in-out;
}
.header .main-navigation .sub-menu .menu-item:last-of-type {
margin-bottom: 0;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children {
background-color: #c41f1c;
border-radius: 4px;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children > a,
.header .main-navigation .sub-menu .menu-item.menu-item-has-children > span {
position: relative;
padding-right: 35px;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children > a:after,
.header .main-navigation .sub-menu .menu-item.menu-item-has-children > span:after {
content: "";
top: 0;
bottom: 0;
right: 10px;
height: 9px;
width: 15px;
margin: auto 0;
position: absolute;
background-color: #fff !important;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
transform: rotate(-90deg);
z-index: 1;
transition: background-color 0.1s ease-in-out;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only {
display: flex;
display: none;
flex-direction: column;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child {
display: flex;
margin: 0;
list-style: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
padding-right: 5.84px;
color: #203240;
overflow-y: hidden;
overflow-x: scroll;
position: relative;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item {
padding: 10px;
margin-right: 10px;
border-radius: 4px;
background-color: #fff;
min-height: 170px;
display: flex;
flex: 0 0 270px;
flex-direction: column;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item .title {
font-size: 1.8rem;
font-style: italic;
font-family: "Libre Franklin", sans-serif;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item p {
font-size: 1.4rem;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item span {
margin-top: auto;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item:last-of-type {
margin-right: 5.84px;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child a,
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child span {
height: 45px;
width: 100%;
padding: 0;
align-items: center;
justify-content: center;
background-color: #347cf2;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child:after {
content: " ";
display: block;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child + .go-to-page {
padding: 0;
display: block;
position: relative;
height: auto;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child + .go-to-page a {
padding: 0 50px 0 0;
width: 100%;
display: flex;
justify-content: flex-end;
font-size: 1.4rem;
}
.header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child + .go-to-page:after {
content: "";
width: 17px;
height: 13px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
right: 10px;
position: absolute;
background-color: #fff;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-right-alt.svg) no-repeat;
}
.header .main-navigation .sub-menu .menu-item.previous-menu-item {
display: none;
}
.header .main-navigation .sub-menu .menu-item.previous-menu-item span {
padding-left: 30px;
color: #ee3123;
background-color: #fff;
position: relative;
}
.header .main-navigation .sub-menu .menu-item.previous-menu-item span:after {
content: "";
top: 0;
bottom: 0;
left: 10px;
height: 9px;
width: 15px;
margin: auto 0;
position: absolute;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
transform: rotate(90deg);
z-index: 1;
}
.header .main-navigation .sub-menu .menu-item.menu-header {
display: none;
}
.header .main-navigation .sub-menu.active {
display: flex;
}
.header .main-navigation .sub-menu.menu-advert-wrapper {
display: block;
}
.header .main-navigation .sub-menu.menu-advert-wrapper .menu-item-advert {
user-select: none;
margin-bottom: 0;
display: block;
width: 250px;
height: 285px;
float: left;
}
.header .main-navigation .sub-menu.menu-advert-wrapper a {
padding: 0;
display: block;
height: auto;
background-color: transparent;
}
.header .main-navigation .sub-menu.menu-advert-wrapper img {
border-radius: 4px;
display: block;
}
.header .main-navigation .sub-menu.menu-advert-wrapper.menu-advert-desktop img {
max-width: 100%;
height: auto;
}
.header .main-navigation .sub-menu.menu-advert-wrapper.menu-advert-mobile {
display: none;
}
.header .main-navigation .sub-menu.menu-advert-wrapper.menu-advert-mobile img {
max-width: 100%;
height: auto;
}
.header .main-navigation .menu-item-header > .desktop {
display: grid;
grid-auto-flow: column;
grid-auto-columns: repeat(auto-fit, minmax(300px, max-content));
column-gap: 10px;
object-fit: cover;
}
.header .main-navigation .menu-item-header > .mobile {
display: none;
grid-auto-flow: column;
grid-auto-columns: repeat(auto-fit, minmax(300px, max-content));
column-gap: 10px;
object-fit: cover;
}
.header .main-navigation .menu-item-header > .mobile .menu-item-name {
grid-area: 1;
font-size: 3.4rem;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
display: flex;
line-height: 1;
padding: 18px 0;
margin-bottom: 0;
color: #fff;
}
.header .main-navigation .menu-item-header .menu-item-link {
grid-area: 1/6;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
.header .main-navigation .menu-item-header .menu-item-link a {
color: #fff;
font-weight: bold;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
position: relative;
padding-right: 30px;
margin-right: 80px;
}
.header .main-navigation .menu-item-header .menu-item-link a:after {
content: "";
top: 0;
bottom: 0;
right: 10px;
height: 9px;
width: 15px;
margin: auto 0;
position: absolute;
background-color: #fff;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
transform: rotate(-90deg);
z-index: 1;
}
.header .main-navigation .menu-item-header .menu-item-link a:hover {
text-decoration: none;
}
.header .main-navigation .menu-item-header .menu-item-description {
grid-area: 1;
font-size: 3.4rem;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
display: flex;
line-height: 1;
padding: 20px 0;
margin-bottom: 0;
color: #fff;
}
.header .main-navigation .menu-item-header .menu-item-close {
grid-area: 1/6;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
.header .main-navigation .menu-item-header .menu-item-close > .close-menu {
display: flex;
align-items: center;
color: #fff;
height: 25px;
padding-right: 35px;
position: relative;
cursor: pointer;
}
.header .main-navigation .menu-item-header .menu-item-close > .close-menu:after {
content: "";
top: 0;
bottom: 0;
right: 0;
height: 25px;
width: 25px;
margin: auto 0;
position: absolute;
background-color: #fff;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/mega-menu-close.svg) no-repeat center;
z-index: 1;
}
.header .main-navigation .menu-item-header .return-to-main {
grid-area: 1/2;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .main-navigation .menu-item-header .return-to-main span {
height: 45px;
width: 125px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
font-size: 1.8rem;
color: #ee3123;
background-color: #fff;
}
.header .main-navigation .menu-item-children {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min-content, 250px));
column-gap: 4px;
row-gap: 4px;
}
@media only screen and (min-width: 833px) and (max-width: 1090px) {
.header .main-navigation .menu-item-children {
grid-auto-flow: column;
max-width: calc(100vw - 74px);
overflow-x: scroll;
}
}
.header .main-navigation .menu-description-list {
flex-direction: column;
}
.header .main-navigation .menu-description-list .menu-item-description {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 4px;
padding: 14px 20px;
cursor: auto;
}
.header .main-navigation .menu-description-list .menu-item-description span {
height: auto;
color: #626262;
background-color: transparent;
padding: 0;
}
.header .main-navigation .menu-description-list .menu-item-description span.item-title {
margin-bottom: 15px;
min-height: auto;
}
.header .main-navigation .menu-description-list .menu-item-description span.item-content {
font-size: 1.4rem;
font-style: initial;
font-weight: initial;
margin-bottom: 15px;
line-height: 2rem;
display: -webkit-box;
vertical-align: top;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
overflow: hidden;
}
.header .main-navigation .menu-description-list .menu-item-description span.item-link {
width: 100%;
margin-top: auto;
}
.header .main-navigation .menu-description-list .menu-item-description span.item-link a {
display: flex;
height: 100%;
width: 100%;
padding: 15px;
justify-content: center;
color: #fff;
background-color: #ee3123;
}
.header .main-navigation .menu-description-list .menu-item-description span.item-link a:hover {
background-color: #c41f1c;
}
.header .main-navigation .menu-advert-list {
width: 250px;
height: 285px;
display: block;
position: relative;
}
.header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile {
max-width: 100%;
height: auto;
} #jet2Login {
height: 0;
opacity: 0;
display: none;
visibility: hidden;
transition: opacity 1s;
}
#jet2Login.show {
display: flex;
position: fixed;
visibility: visible;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
background-color: rgba(0, 0, 0, 0.75);
z-index: 4;
transition: opacity 0.6s;
}
#jet2Login .wrapper {
display: grid;
max-width: 500px;
width: 100%;
grid-template-columns: 1fr;
margin: auto;
align-items: center;
justify-content: center;
position: relative;
}
#jet2Login .close-login {
font-size: 0;
top: 15px;
right: 15px;
position: absolute;
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
}
#jet2Login .close-login:before, #jet2Login .close-login:after {
content: " ";
position: absolute;
top: 8px;
left: 0;
right: 0;
margin: 0 auto;
height: 14px;
width: 2px;
background-color: #203240;
}
#jet2Login .close-login:before {
transform: rotate(45deg);
}
#jet2Login .close-login:after {
transform: rotate(-45deg);
}
#jet2Login form {
text-align: center;
padding: 50px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 4px;
}
#jet2Login fieldset {
padding: 20px;
background-color: #fff;
border-radius: 4px;
}
#jet2Login label {
display: block;
margin-bottom: 20px;
}
#jet2Login label .title {
font-family: "Libre Franklin", sans-serif;
font-size: 2rem;
font-weight: 900;
font-style: italic;
color: #ee3123;
margin-top: 0;
margin-bottom: 0.5rem;
}
#jet2Login label span {
display: block;
font-size: 1.2rem;
font-style: italic;
}
#jet2Login input[name=employeeId] {
display: block;
margin: auto;
border-radius: 4px;
border: 1px solid #666666;
font-size: 1.7rem;
padding: 8px;
}
#jet2Login input[type=submit],
#jet2Login .btn-submit {
display: block;
width: 100%;
max-width: 100px;
border: none;
border-radius: 4px;
font-size: 1.4rem;
padding: 10px 14px;
margin: 14px auto 0;
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
background-color: #ee3123;
transition: background-color 0.6s;
}
#jet2Login input[type=submit]:hover, #jet2Login input[type=submit]:focus,
#jet2Login .btn-submit:hover,
#jet2Login .btn-submit:focus {
background-color: #c41f1c;
transition: background-color 0.3s;
}
#jet2Login .login-failed {
display: none;
color: #ee3123;
width: 220px;
margin: 10px auto;
padding: 0 10px;
animation: fadeIn 0.3s;
}  body.vacancy .hero .hero-wrapper .hero-list .hero-item .hero-text, body.single .hero .hero-wrapper .hero-list .hero-item .hero-text {
bottom: 60px;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-id, body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-id {
display: none;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title, body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title {
font-size: 3.5rem;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-item .hero-text span, body.single .hero .hero-wrapper .hero-list .hero-item .hero-text span {
display: block;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-location, body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-location {
font-size: 2.4rem;
font-weight: 500;
font-family: "Libre Franklin", sans-serif;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-division, body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-division {
font-size: 2.4rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras, body.single .hero .hero-wrapper .hero-list .hero-extras {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: absolute;
width: 100%;
height: 60px;
bottom: -29px;
left: 0;
z-index: 3;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page, body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page {
display: flex;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a, body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a {
display: block;
width: 60px;
height: 60px;
background-color: #ee3123;
margin-left: 60px;
border-radius: 50%;
transition: background-color 0.6s;
position: relative;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after, body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after {
content: "";
position: absolute;
left: 7px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
background-color: #fff;
mask-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/slider-arrow.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a:hover, body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a:hover {
background-color: #c41f1c;
transition: background-color 0.3s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .apply-page, body.single .hero .hero-wrapper .hero-list .hero-extras .apply-page {
display: flex;
justify-content: center;
align-items: center;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy {
display: flex;
flex-direction: row-reverse;
position: relative;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social), body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social) {
display: block;
width: 60px;
height: 60px;
margin-right: 60px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
transition: background-color 0.6s;
position: relative;
overflow: hidden;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social).share-link, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social).share-link {
margin-right: 0;
position: relative;
display: none;
border-radius: 50%;
margin-bottom: 7px;
opacity: 0;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social).share-link:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social).share-link:after {
left: 0;
right: 0;
width: 24px;
height: 24px;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social).share-link.show, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social).share-link.show {
display: block;
opacity: 1;
transition: opacity 0.7s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social):after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social):after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-color: #fff;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy {
background-color: #ee3123;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy:after {
left: 16px;
width: 24px;
height: 24px;
mask-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/share.svg);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
opacity: 1;
animation: fadeIn 0.3s;
transition: opacity 0.3s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy:hover, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy:hover {
background-color: #c41f1c;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy.open .close, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy.open .close {
display: block;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy.open .close:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy.open .close:after {
left: 0;
right: 0;
width: 24px;
height: 24px;
opacity: 1;
mask-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/close.svg);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
animation: fadeIn 0.3s;
transition: opacity 0.3s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy.open:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy.open:after {
opacity: 0;
animation: fadeIn 0.3s;
transition: opacity 0.3s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy .close, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy .close {
display: none;
background-color: #ee3123;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy .close:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareVacancy .close:after {
opacity: 0;
animation: fadeOut 0.3s;
transition: opacity 0.3s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareLinkedIn, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareLinkedIn {
background-color: #007bb5;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareLinkedIn:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareLinkedIn:after {
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/linkedin-alt.svg) no-repeat center;
mask-size: contain;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareTwitter, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareTwitter {
background-color: #1da1f2;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareTwitter:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareTwitter:after {
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/twitter-alt.svg) no-repeat center;
mask-size: contain;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareFacebook, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareFacebook {
background-color: #1877f2;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareFacebook:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareFacebook:after {
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/facebook-alt.svg) no-repeat center;
mask-size: contain;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareWhatsApp, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareWhatsApp {
background-color: rgba(79, 206, 93, 0.4);
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareWhatsApp:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareWhatsApp:after {
background-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/whatsapp.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: initial;
width: 30px;
height: 30px;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareEmail, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareEmail {
background-color: #ee3123;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareEmail:after, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social)#shareEmail:after {
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/mail.svg) no-repeat center;
mask-size: contain;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social):hover, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span:not(.share-social):hover {
transition: background-color 0.3s;
}
body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social, body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social {
position: absolute;
right: 60px;
top: 70px;
}
.hero {
margin-bottom: 0;
}
.hero .hero-wrapper {
margin: 0;
background-color: #f2f2f2;
position: relative;
}
.hero .hero-wrapper.search-active .hero-item .hero-text {
bottom: 140px;
opacity: 1;
animation: heroTitle 0.7s;
transition: bottom 0.7s;
}
@keyframes heroTitle {
0% {
opacity: 0.5;
}
25% {
opacity: 0;
}
75% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.hero .hero-wrapper.search-active .slick-dots {
bottom: 220px;
transition: bottom 0.7s;
}
.hero .hero-wrapper .hero-list {
height: 440px;
opacity: 0;
backface-visibility: hidden;
}
.hero .hero-wrapper .hero-list.loaded {
opacity: 1;
transition: 1s opacity;
}
.hero .hero-wrapper .hero-item {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.hero .hero-wrapper .hero-item .hero-background {
width: 100%;
height: 0;
padding-top: 440px;
position: relative;
left: 0;
top: 0;
z-index: 0;
transform: translate3d(0, 0, 0) scale(1.05);
opacity: 0;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
background-position: center top;
transition: 6s opacity, 10s transform;
}
.hero .hero-wrapper .hero-item .hero-background.loaded {
opacity: 1;
transform: scale(1);
transition: opacity 0.3s, 6.5s transform;
}
.hero .hero-wrapper .hero-item.slick-active .hero-background {
transform: translate3d(0, 0, 0) scale(1.05);
}
.hero .hero-wrapper .hero-item.slick-active .hero-background.loaded {
transform: scale(1);
transition: 6.5s transform;
}
.hero .hero-wrapper .hero-item .hero-text {
position: absolute;
bottom: 110px;
right: 0;
left: 0;
height: min-content;
text-align: center;
padding: 0 40px;
margin: auto;
z-index: 1;
animation: fadeInLeft 0.4s;
}
.hero .hero-wrapper .hero-item .hero-text > * {
color: #fff;
}
.hero .hero-wrapper .hero-item .hero-text .hero-title {
font-size: 6rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin: 0;
}
.hero .hero-wrapper .hero-item.is-selected {
display: block;
}
.hero .hero-wrapper .hero-item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 300px;
width: 100%;
background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.5;
z-index: 0;
}
.hero .hero-wrapper .hero-search {
max-width: 1024px;
width: 100%;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.hero .hero-wrapper .hero-search .hero-form {
padding: 15px 34px;
border-radius: 8px;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 17px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group {
position: relative;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item {
position: relative;
font-size: 1.4rem;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #203240;
display: block;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item label,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-label {
width: 130px;
font-size: 0.8em;
background-color: #203240;
color: #fff;
text-align: center;
padding: 3px 0;
border-radius: 0 6px 0 6px;
position: absolute;
z-index: 1;
top: 0;
right: 5px;
margin-left: 60px;
opacity: 0;
pointer-events: none;
transition: all 0.2s ease;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 15px;
transition: 0.5s background-color ease-out;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title {
height: 45px;
width: 100%;
border-radius: 4px;
padding: 14px 8px;
display: block;
background-color: #fff;
position: relative;
cursor: pointer;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title:after {
content: "See list";
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 1.2rem;
margin: auto;
display: flex;
align-items: center;
padding: 14px;
border-left: 1px solid rgba(98, 98, 98, 0.3);
background-color: #fff;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.lang-es {
font-size: 1.3rem;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.lang-es:after {
content: "Ver Lista";
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.lang-pt-pt {
font-size: 1.3rem;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.lang-pt-pt:after {
content: "Ver lista";
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.keyword-search input {
padding: 14px 8px 14px 45px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.keyword-search input:focus::placeholder {
color: transparent;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.keyword-search:hover + .input-submit button span:after {
background-color: #203240;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search:after {
width: 15px;
height: 20px;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/map-pin.svg) no-repeat;
mask-size: contain;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search select {
padding: 3px 3px 3px 37px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search .input-title {
padding-left: 45px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.job-category:after {
width: 24px;
height: 17px;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/team.svg) no-repeat;
mask-size: contain;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.job-category select {
padding: 3px 3px 3px 45px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item.job-category .input-title {
padding-left: 45px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item:hover:after {
background-color: #ee3123;
transition: 0.1s background-color ease-in;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item input[type=text],
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item input,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item select {
background-color: #fff;
border: 1px solid #a8a8a8;
border-radius: 4px;
width: 100%;
height: 45px;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item input[type=text]:focus + label,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item input[type=text]:focus + .input-label,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item input:focus + label,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item input:focus + .input-label,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item select:focus + label,
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item select:focus + .input-label {
visibility: 1;
opacity: 1;
right: 0;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-item select {
appearance: none;
position: relative;
background: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down-grey.svg) no-repeat 95% center #fff;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-submit button {
line-height: 0;
font-size: 0;
width: 30px;
height: 30px;
border: none;
padding: 0 6px;
border-radius: 4px;
background-color: transparent;
position: absolute;
top: 8px;
left: 10px;
transition: 0.5s background-color ease-out;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-submit button span {
width: 18px;
height: 100%;
display: block;
position: relative;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-submit button span:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 18px;
height: 18px;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/search-glass.svg) no-repeat;
mask-size: contain;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-tooltip {
top: -10px;
position: absolute;
transition: left 0.3s ease-out, opacity 0.2s ease 0.1s;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-tooltip.tooltip-active {
left: -10px;
opacity: 1;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-tooltip.tooltip-inactive {
left: -20px;
opacity: 0;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-tooltip .tooltip-content {
background-color: #ee3123;
color: #fff;
display: flex;
flex-direction: row;
min-width: 20px;
max-height: 24px;
height: 24px;
border-radius: 14px;
cursor: pointer;
position: relative;
}
.hero .hero-wrapper .hero-search .hero-form .input-group .input-tooltip .keyword-total {
display: flex;
flex-direction: column;
min-width: 24px;
text-align: center;
align-content: center;
align-self: center;
font-size: 0.9em;
line-height: 1em;
}
.hero .hero-wrapper .hero-search .results-found {
margin: 0 0 18px;
text-align: center;
color: #fff;
font-size: 1.9rem;
font-family: "Libre Franklin", sans-serif;
font-weight: bold;
font-style: italic;
position: relative;
}
.hero .hero-wrapper .hero-search .results-found a {
color: #fff;
text-decoration: none;
padding-bottom: 20px;
display: inline-block;
cursor: pointer;
transition: 0.5s color ease-in;
min-width: 24px;
height: 0;
overflow: hidden;
}
.hero .hero-wrapper .hero-search .results-found a span {
color: #fff;
transition: 0.5s color ease-in;
display: inline-block;
opacity: 0;
}
.hero .hero-wrapper .hero-search .results-found a span.view-results {
display: none;
position: absolute;
bottom: -6px;
left: 0;
right: 0;
margin: 0 auto;
font-size: 1.2rem;
background-color: rgba(238, 49, 35, 0.6);
width: 110px;
max-width: 110px;
padding: 4px 10px;
border-radius: 2px;
}
.hero .hero-wrapper .hero-search .results-found a.show-results:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 24px;
height: 13px;
background-color: #fff;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
mask-size: contain;
transition: 0.5s background-color ease-in;
opacity: 0;
}
.hero .hero-wrapper .hero-search .results-found a.show-results.active {
height: initial;
}
.hero .hero-wrapper .hero-search .results-found a.show-results.active.initial-load .view-results {
display: block;
transition: 0.3s background-color ease-out;
}
.hero .hero-wrapper .hero-search .results-found a.show-results.active.initial-load:after {
opacity: 0;
}
.hero .hero-wrapper .hero-search .results-found a.show-results.active span {
opacity: 1;
transition: opacity 1s;
}
.hero .hero-wrapper .hero-search .results-found a.show-results.active:after {
opacity: 1;
}
.hero .hero-wrapper .hero-search .results-found a:hover {
color: #ee3123;
transition: 0.1s color ease-out;
}
.hero .hero-wrapper .hero-search .results-found a:hover span {
transition: 0.1s color ease-out;
}
.hero .hero-wrapper .hero-search .results-found a:hover span.view-results {
background-color: rgba(238, 49, 35, 0.9);
transition: background-color 0.35s ease-in-out;
}
.hero .hero-wrapper .hero-search .results-found a:hover:after {
background-color: #ee3123;
transition: 0.1s background-color ease-out;
}
.search-modals .modal {
box-sizing: border-box;
padding: 20px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
overflow: auto;
background-color: rgba(0, 0, 0, 0.75);
user-select: none;
}
.search-modals .modal.modal-show {
display: block;
animation: fadeIn 0.5s;
}
.search-modals .modal.modal-hide {
display: none;
opacity: 0;
transition: opacity 0.5s;
}
.search-modals .modal .modal-inner {
width: 100%;
height: 100%;
display: table;
table-layout: fixed;
}
.search-modals .modal .modal-content {
transform: translateZ(0);
display: table-cell;
vertical-align: middle;
}
.search-modals .modal .modal-box {
position: relative;
width: auto;
height: auto;
max-width: 500px;
max-height: 700px;
margin: 0 auto;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
}
.search-modals .modal .modal-box-top {
padding: 24px 50px 24px 24px;
position: relative;
background-color: #ee3123;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.search-modals .modal .modal-box-top .modal-close {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
background-color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
opacity: 1;
cursor: pointer;
pointer-events: auto;
}
.search-modals .modal .modal-box-top .modal-close:before, .search-modals .modal .modal-box-top .modal-close:after {
content: " ";
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
height: 21px;
width: 2px;
background-color: #ee3123;
}
.search-modals .modal .modal-box-top .modal-close:before {
transform: rotate(45deg);
}
.search-modals .modal .modal-box-top .modal-close:after {
transform: rotate(-45deg);
}
.search-modals .modal .modal-title {
font-size: 2.4rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
color: #fff;
}
.search-modals .modal .modal-box-content {
transition: background-color 0.2s linear;
padding: 24px;
}
.search-modals .modal .modal-box-content .modal-extra {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 14px;
}
.search-modals .modal .modal-box-content .modal-message {
display: block;
font-size: 1.3rem;
margin-bottom: 14px;
}
.search-modals .modal .modal-box-content .checkbox-actions {
display: block;
position: relative;
text-align: right;
}
.search-modals .modal .modal-box-content .checkbox-all {
margin-right: 7px;
}
.search-modals .modal .modal-box-content .checkbox-clear,
.search-modals .modal .modal-box-content .checkbox-all {
display: inline-block;
text-align: right;
text-decoration: underline;
margin-bottom: 10px;
}
.search-modals .modal .modal-box-content .checkbox-clear .clear-cbi,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi {
cursor: pointer;
display: inline-block;
padding: 5px 32px 5px 10px;
position: relative;
border-radius: 4px;
background-color: rgba(192, 192, 192, 0.3);
font-size: 1.3rem;
transition: background-color 0.6s, color 0.6s;
}
.search-modals .modal .modal-box-content .checkbox-clear .clear-cbi:hover,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi:hover {
background-color: rgb(192, 192, 192);
transition: background-color 0.3s, color 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-clear .clear-cbi .clear-cross,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi .clear-cross {
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
width: 18px;
height: 18px;
}
.search-modals .modal .modal-box-content .checkbox-clear .clear-cbi .clear-cross:before, .search-modals .modal .modal-box-content .checkbox-clear .clear-cbi .clear-cross:after,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi .clear-cross:before,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi .clear-cross:after {
position: absolute;
top: 0;
bottom: 0;
left: 8px;
margin: auto;
content: " ";
height: 14px;
width: 2px;
background-color: #203240;
transition: background-color 0.6s;
}
.search-modals .modal .modal-box-content .checkbox-clear .clear-cbi .clear-cross:before,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi .clear-cross:before {
transform: rotate(45deg);
}
.search-modals .modal .modal-box-content .checkbox-clear .clear-cbi .clear-cross:after,
.search-modals .modal .modal-box-content .checkbox-all .clear-cbi .clear-cross:after {
transform: rotate(-45deg);
}
.search-modals .modal .modal-box-content .checkbox-clear .all-cbi,
.search-modals .modal .modal-box-content .checkbox-all .all-cbi {
cursor: pointer;
display: inline-block;
padding: 5px 32px 5px 10px;
position: relative;
border-radius: 4px;
color: #203240;
background-color: rgba(192, 192, 192, 0.3);
font-size: 1.3rem;
transition: background-color 0.6s, color 0.6s;
}
.search-modals .modal .modal-box-content .checkbox-clear .all-cbi:hover,
.search-modals .modal .modal-box-content .checkbox-all .all-cbi:hover {
background-color: #dcf1c0;
transition: background-color 0.3s, color 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-clear .all-cbi .all-check,
.search-modals .modal .modal-box-content .checkbox-all .all-cbi .all-check {
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
width: 18px;
height: 18px;
text-align: center;
}
.search-modals .modal .modal-box-content .checkbox-group-list {
height: 315px;
overflow-y: scroll;
}
.search-modals .modal .modal-box-content .checkbox-group-list > .checkbox-wrapper > .checkbox-item {
display: block;
}
.search-modals .modal .modal-box-content .checkbox-group-list > .checkbox-wrapper > .checkbox-item > .checkbox-dropdown {
width: 48px;
height: 48px;
}
.search-modals .modal .modal-box-content .checkbox-item {
margin: 1px 0;
position: relative;
display: none;
}
.search-modals .modal .modal-box-content .checkbox-item.active {
display: block;
}
.search-modals .modal .modal-box-content input[type=checkbox] {
opacity: 0;
position: absolute;
border: none;
height: 0;
}
.search-modals .modal .modal-box-content input[type=checkbox]:indeterminate + .checkbox-label {
background-color: #dcf1c0;
}
.search-modals .modal .modal-box-content input[type=checkbox]:indeterminate + .checkbox-label:after {
content: "–";
opacity: 1;
}
.search-modals .modal .modal-box-content input[type=checkbox].checked + .checkbox-label {
background-color: #ddffaf;
color: #098c09;
outline: thin solid #098c09;
border-bottom: 1px solid #098c09;
outline-offset: -1px;
z-index: 1;
}
.search-modals .modal .modal-box-content input[type=checkbox].checked + .checkbox-label:after {
opacity: 1;
}
.search-modals .modal .modal-box-content .checkbox-label {
display: block;
color: #626262;
position: relative;
padding: 10px 14px 10px 44px;
margin-bottom: 0;
border-bottom: 1px solid silver;
transition: background-color 0.3s, color 0.3s, outline 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-label:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 10px;
display: block;
width: 20px;
height: 20px;
box-sizing: border-box;
border: 1px solid silver;
background-color: #fff;
cursor: pointer;
}
.search-modals .modal .modal-box-content .checkbox-label:after {
content: "✓";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
left: 10px;
width: 20px;
height: 20px;
opacity: 0;
color: green;
cursor: pointer;
text-align: center;
}
.search-modals .modal .modal-box-content .checkbox-label.parent {
padding-top: 14px;
padding-bottom: 14px; }
.search-modals .modal .modal-box-content .checkbox-label.parent.toggle-off + .other-locations {
display: none;
}
.search-modals .modal .modal-box-content .checkbox-label.child.first-child {
padding-left: 54px;
background: rgba(239, 239, 239, 0.5);
display: none;
animation: fadeOut 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-label.child.first-child:before {
left: 20px;
}
.search-modals .modal .modal-box-content .checkbox-label.child.first-child:after {
left: 20px;
}
.search-modals .modal .modal-box-content .checkbox-label.child.first-child.active {
display: block;
animation: fadeIn 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-label.child.first-child.active + .child-teams {
display: block;
}
.search-modals .modal .modal-box-content .checkbox-label.child.last-child {
padding-left: 70px;
background: rgba(239, 239, 239, 0.3);
display: none;
animation: fadeOut 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-label.child.last-child:before {
left: 35px;
}
.search-modals .modal .modal-box-content .checkbox-label.child.last-child:after {
left: 35px;
}
.search-modals .modal .modal-box-content .checkbox-label.child.last-child.active {
display: block;
animation: fadeIn 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-label.child + .child-teams {
display: none;
height: 41px;
margin-top: -41px;
}
.search-modals .modal .modal-box-content .checkbox-label ~ .checkbox-dropdown {
position: absolute;
top: 0;
right: 0;
width: 48px;
height: 40px;
cursor: pointer;
}
.search-modals .modal .modal-box-content .checkbox-label ~ .checkbox-dropdown:before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 9px;
width: 15px;
margin: auto;
position: absolute;
background-color: #626262;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
z-index: 1;
transform: rotate(0);
transition: transform 0.6s;
}
.search-modals .modal .modal-box-content .checkbox-label ~ .checkbox-dropdown.show-children:before {
transform: rotate(180deg);
transition: transform 0.3s;
}
.search-modals .modal .modal-box-content .checkbox-label .checkbox-text {
cursor: pointer;
display: inline-block;
}
.search-modals .modal .modal-box-content .checkbox-confirm {
margin: 20px 0 0;
text-align: center;
}  #searchResults {
margin-bottom: 30px;
}
#searchResults #lastVacancy {
margin-bottom: 24px;
}
#searchResults #lastVacancy .job-alerts-guide {
font-size: 1.4rem;
margin-top: 14px;
}
.search-results-wrapper {
display: block;
}
.search-results-wrapper.fadeIn {
display: block;
animation: fadeInLeft 0.4s;
}
.search-results-wrapper .search-tags {
margin-bottom: 20px;
display: block;
}
.search-results-wrapper .search-tags#getSearchedTags {
margin-bottom: 20px;
display: none;
align-items: center;
}
.search-results-wrapper .search-tags .tag-title {
font-size: 0.8em;
padding: 4px 7px;
line-height: 1em;
margin-bottom: 4px;
}
.search-results-wrapper .search-tags .reset-tag-list,
.search-results-wrapper .search-tags .tag-item {
font-size: 1.2rem;
padding: 4px 27px 4px 7px;
border-radius: 4px;
color: #fff;
display: inline-block;
background-color: #c41f1c;
margin-right: 4px;
margin-bottom: 4px;
position: relative;
overflow: hidden;
}
.search-results-wrapper .search-tags .reset-tag-list .remove-tag,
.search-results-wrapper .search-tags .tag-item .remove-tag {
top: 0;
right: 0;
position: absolute;
font-size: 1rem;
height: 24px;
width: 19px;
padding: 4px 5px 4px 6px;
background-color: #ee3123;
cursor: pointer;
}
.search-results-wrapper .search-tags .reset-tag-list {
color: #000;
background-color: rgba(192, 192, 192, 0.3);
cursor: pointer;
font-weight: bold;
transition: background-color 0.3s;
}
.search-results-wrapper .search-tags .reset-tag-list:hover {
background-color: rgba(192, 192, 192, 0.7);
transition: background-color 0.6s;
}
.search-results-wrapper .search-tags .reset-tag-list .remove-tag {
background-color: #cdcdcd;
}
.search-results-wrapper .search-tags .reset-tag-list.show {
display: inline-block !important;
}
.search-results-wrapper .search-results {
display: block;
margin-bottom: 20px;
}
.search-results-wrapper .search-results .job-url {
text-decoration: none;
}
.search-results-wrapper .search-results .job-url:hover .job-title {
color: #c41f1c !important;
}
.search-results-wrapper .search-results .job-url:hover .job-info span {
color: #000;
}
.search-results-wrapper .search-results .job-url:hover .btn {
background-color: #c41f1c;
}
.search-results-wrapper .search-results .job-item {
margin-bottom: 24px;
}
.search-results-wrapper .search-results .job-item.show {
animation: fadeInLeft 0.7s;
}
.search-results-wrapper .search-results .job-item.hide {
display: none;
opacity: 0;
transform: translateX(-20px);
}
.search-results-wrapper .search-results .job-content {
background-color: #fff;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.224);
border-collapse: separate;
border-radius: 8px;
padding: 26px 29px;
display: grid;
grid-template-columns: 1fr auto;
}
.search-results-wrapper .search-results .job-content .job-details .job-title {
color: #ee3123;
text-decoration: none;
}
.search-results-wrapper .search-results .job-content .job-details .job-title:hover {
text-decoration: none;
color: #c41f1c;
}
.search-results-wrapper .search-results .job-content .job-info {
font-size: 1.4rem;
font-weight: 500;
color: #626262;
display: flex;
flex-direction: row;
}
.search-results-wrapper .search-results .job-content .job-info span {
margin-right: 18px;
}
.search-results-wrapper .search-results .job-content .job-info span:last-of-type {
margin-right: 0;
}
.search-results-wrapper .search-results .job-content .job-info span:hover {
color: #626262;
}
.search-results-wrapper .search-results .job-content .btn {
margin: auto;
}
body.query-string-creator .main-content {
padding: 60px 0;
}
body.query-string-creator .query-string-wrapper {
padding: 24px 20px;
border-radius: 4px;
background-color: #ececec;
overflow-wrap: break-word;
font-size: 1.3rem;
line-height: 1.7rem;
margin-bottom: 0;
}
body.query-string-creator .query-string-wrapper p {
margin-bottom: 0;
} .block-wrapper {
margin: 0 0 60px;
}
.block-wrapper .wrapper-title {
margin-bottom: 40px;
text-align: center;
color: #626262;
}
.wrapper-title {
margin-bottom: 40px;
text-align: center;
color: #626262;
}
.text-area-block {
text-align: center;
padding: 0 110px;
margin-bottom: 24px;
font-size: 1.5rem;
}
.text-area-block h1 {
color: #626262;
text-align: center;
margin-bottom: 20px;
}
.text-area-block h2 {
color: #626262;
text-align: center;
margin-bottom: 20px;
}
.text-area-block h3 {
color: #626262;
text-align: center;
margin-bottom: 20px;
}
.text-area-block h4 {
color: #626262;
text-align: center;
margin-bottom: 20px;
}
.text-area-block h5 {
color: #626262;
text-align: center;
margin-bottom: 20px;
}
.text-area-block h6 {
color: #626262;
text-align: center;
margin-bottom: 20px;
}
.text-area-block .wrapper-title {
margin-bottom: 20px;
}
.text-area-block p:last-of-type {
margin-bottom: 0;
}
.text-area-block p:last-of-type + .wp-block-lazyblock-button {
margin: 24px 0;
}
.two-column-block .column-content,
.rjp-block .column-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "colImg colTxt";
}
.two-column-block .column-content.column-stack,
.rjp-block .column-content.column-stack {
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: "colImg colImg" "colTxt colTxt";
}
.two-column-block .column-content.column-stack .column-image,
.rjp-block .column-content.column-stack .column-image {
overflow: hidden;
}
@media screen and (min-width: 769px) {
.two-column-block .column-content.column-stack .column-image,
.rjp-block .column-content.column-stack .column-image {
max-height: 385px;
}
}
.two-column-block .column-content.column-stack .column-image img,
.rjp-block .column-content.column-stack .column-image img {
min-width: 100%;
min-height: 100%;
object-fit: cover;
flex-shrink: 0;
}
.two-column-block .column-content.text-left,
.rjp-block .column-content.text-left {
grid-template-areas: "colTxt colImg";
}
.two-column-block .column-content.text-left.column-stack,
.rjp-block .column-content.text-left.column-stack {
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: "colImg colImg" "colTxt colTxt";
}
.two-column-block .column-content .column-image,
.two-column-block .column-content .column-video,
.rjp-block .column-content .column-image,
.rjp-block .column-content .column-video {
grid-area: colImg;
}
.two-column-block .column-content .column-video,
.rjp-block .column-content .column-video {
position: relative;
}
.two-column-block .column-content .column-video .video-block,
.rjp-block .column-content .column-video .video-block {
display: block;
}
.two-column-block .column-content .column-video .video-block .video-item,
.rjp-block .column-content .column-video .video-block .video-item {
overflow: hidden;
}
.two-column-block .column-content .column-video .video-block .video-item.active,
.rjp-block .column-content .column-video .video-block .video-item.active {
animation: none;
}
.two-column-block .column-content .column-video .video-block .video-item .video-placeholder.hide,
.rjp-block .column-content .column-video .video-block .video-item .video-placeholder.hide {
display: block;
}
.two-column-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper,
.rjp-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper {
position: fixed;
z-index: 99999;
padding: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.two-column-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper .video-modal,
.rjp-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper .video-modal {
display: none;
max-width: 960px;
max-height: 540px;
width: 100%;
height: 100%;
margin: auto;
padding-bottom: initial;
overflow: visible;
}
.two-column-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper .video-modal figure,
.rjp-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper .video-modal figure {
margin: 0;
}
.two-column-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper.show,
.rjp-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper.show {
display: grid;
}
.two-column-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper.show .video-modal,
.rjp-block .column-content .column-video .video-block .video-item .video-placeholder ~ .video-wrapper.show .video-modal {
display: flex;
flex-direction: column;
justify-content: center;
}
.two-column-block .column-content .column-video .video-block .video-item .video-title,
.rjp-block .column-content .column-video .video-block .video-item .video-title {
top: 0;
bottom: 0;
height: 100%;
margin: auto;
display: grid;
align-items: center;
justify-content: center;
}
.two-column-block .column-content .column-video .video-block .video-item .video-title .video-play,
.rjp-block .column-content .column-video .video-block .video-item .video-title .video-play {
margin: initial;
}
.two-column-block .column-content .column-text,
.rjp-block .column-content .column-text {
grid-area: colTxt;
padding: 25px 100px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
}
.two-column-block .column-content .column-text h1,
.rjp-block .column-content .column-text h1 {
color: #626262;
margin-bottom: 25px;
font-size: 3rem;
}
.two-column-block .column-content .column-text h2,
.rjp-block .column-content .column-text h2 {
color: #626262;
margin-bottom: 25px;
font-size: 3rem;
}
.two-column-block .column-content .column-text h3,
.rjp-block .column-content .column-text h3 {
color: #626262;
margin-bottom: 25px;
font-size: 3rem;
}
.two-column-block .column-content .column-text h4,
.rjp-block .column-content .column-text h4 {
color: #626262;
margin-bottom: 25px;
font-size: 3rem;
}
.two-column-block .column-content .column-text h5,
.rjp-block .column-content .column-text h5 {
color: #626262;
margin-bottom: 25px;
font-size: 3rem;
}
.two-column-block .column-content .column-text h6,
.rjp-block .column-content .column-text h6 {
color: #626262;
margin-bottom: 25px;
font-size: 3rem;
}
.two-column-block .column-content .column-text .column-title .column-sub-title,
.rjp-block .column-content .column-text .column-title .column-sub-title {
font-size: 2rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
display: block;
}
.two-column-block .column-content .column-text.bg-primary-red p,
.two-column-block .column-content .column-text.bg-primary-red .column-sub-title,
.rjp-block .column-content .column-text.bg-primary-red p,
.rjp-block .column-content .column-text.bg-primary-red .column-sub-title {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red h1,
.rjp-block .column-content .column-text.bg-primary-red h1 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red h2,
.rjp-block .column-content .column-text.bg-primary-red h2 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red h3,
.rjp-block .column-content .column-text.bg-primary-red h3 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red h4,
.rjp-block .column-content .column-text.bg-primary-red h4 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red h5,
.rjp-block .column-content .column-text.bg-primary-red h5 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red h6,
.rjp-block .column-content .column-text.bg-primary-red h6 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-red .btn,
.rjp-block .column-content .column-text.bg-primary-red .btn {
color: #203240;
background-color: #fff;
transition: 0.5s background-color ease-out;
}
.two-column-block .column-content .column-text.bg-primary-red .btn:hover, .two-column-block .column-content .column-text.bg-primary-red .btn:focus,
.rjp-block .column-content .column-text.bg-primary-red .btn:hover,
.rjp-block .column-content .column-text.bg-primary-red .btn:focus {
color: #fff;
background-color: #c41f1c;
transition: 0.1s background-color ease-in;
}
.two-column-block .column-content .column-text.bg-primary-default p,
.two-column-block .column-content .column-text.bg-primary-default .column-sub-title,
.rjp-block .column-content .column-text.bg-primary-default p,
.rjp-block .column-content .column-text.bg-primary-default .column-sub-title {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-default h1,
.rjp-block .column-content .column-text.bg-primary-default h1 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-default h2,
.rjp-block .column-content .column-text.bg-primary-default h2 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-default h3,
.rjp-block .column-content .column-text.bg-primary-default h3 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-default h4,
.rjp-block .column-content .column-text.bg-primary-default h4 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-default h5,
.rjp-block .column-content .column-text.bg-primary-default h5 {
color: #fff;
}
.two-column-block .column-content .column-text.bg-primary-default h6,
.rjp-block .column-content .column-text.bg-primary-default h6 {
color: #fff;
}
.rjp-block .column-content {
position: relative;
}
.rjp-block .column-content .column-text {
padding: 50px;
text-align: left;
align-items: flex-start;
}
.rjp-block .column-content .column-rjp {
overflow: hidden;
position: relative;
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.rjp-block .column-content .column-rjp:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: 1;
}
.rjp-block .column-content .column-rjp .rjp-list {
position: absolute;
height: 465px;
width: 100%;
top: 0;
bottom: 0;
left: 0;
margin: auto auto 55px;
padding: 0;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
clear: both;
user-select: none;
will-change: transform;
z-index: 2;
}
.rjp-block .column-content .column-rjp .rjp-list::-webkit-scrollbar {
display: none !important;
}
.rjp-block .column-content .column-rjp .rjp-item {
width: 420px;
display: inline-block;
vertical-align: top;
color: #fff;
margin: 30px 0 0;
position: relative;
user-select: none;
transition: margin-top 0.4s;
pointer-events: auto;
opacity: 0.7;
}
.rjp-block .column-content .column-rjp .rjp-item.rjp-active {
opacity: 1;
margin-top: 0;
transition: 0.3s opacity, 0.4s margin-top;
}
.rjp-block .column-content .column-rjp .rjp-item.rjp-active > .rjp-move-left,
.rjp-block .column-content .column-rjp .rjp-item.rjp-active > .rjp-move-right {
display: block;
}
.rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-left {
display: none;
}
.rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right {
right: 30px;
}
.rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left {
left: 30px;
}
.rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-right {
display: none;
}
.rjp-block .column-content .column-rjp .rjp-item:first-of-type, .rjp-block .column-content .column-rjp .rjp-item:last-of-type {
width: 512px;
width: 100%;
}
.rjp-block .column-content .column-rjp .rjp-item .wrapper {
position: relative;
height: 435px;
width: 320px;
margin: auto;
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-details {
width: 100%;
backface-visibility: hidden;
background-color: #000;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-info-btn {
cursor: pointer;
position: absolute;
right: 14px;
top: 14px;
padding: 10px 14px;
color: #fff;
border: none;
border-radius: 4px;
background-color: #ee3123;
outline: none;
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-image {
width: 100%;
height: 433px;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-name {
font-size: 2.8rem;
font-weight: bold;
line-height: 1;
margin-bottom: 14px;
display: block;
display: -webkit-box;
vertical-align: top;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-body {
width: 100%;
height: 135px;
padding: 14px;
font-style: italic;
white-space: normal;
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-body .rjp-time {
font-weight: 700;
font-size: 2.4rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
}
.rjp-block .column-content .column-rjp .rjp-item > .rjp-move-left,
.rjp-block .column-content .column-rjp .rjp-item > .rjp-move-right {
content: "";
top: 0;
bottom: 0;
margin: auto 0;
position: absolute;
width: 37px;
height: 42px;
display: none;
z-index: 3;
cursor: pointer;
}
.rjp-block .column-content .column-rjp .rjp-item > .rjp-move-left {
left: -20px;
}
.rjp-block .column-content .column-rjp .rjp-item > .rjp-move-right {
right: -20px;
transform: rotate(180deg);
}
.rjp-block .column-content .column-rjp .rjp-item .rjp-content {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
.rjp-block-info {
display: none;
}
.rjp-block-info.active {
display: block;
}
.rjp-block-info .rjp-info {
position: fixed;
top: 180px;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 2000;
visibility: hidden;
backface-visibility: hidden;
transform: translateX(-50%) translateY(-50%) translateZ(0);
}
.rjp-block-info .rjp-info .rjp-content {
color: #fff;
background: #ee3123;
position: relative;
border-radius: 4px;
margin: 0 auto;
transform: scale(0.7);
opacity: 0;
overflow: hidden;
transition: opacity 0.6s;
}
.rjp-block-info .rjp-info .rjp-content .rjp-name {
padding: 20px;
position: relative;
}
.rjp-block-info .rjp-info .rjp-content .rjp-name * {
color: #fff;
}
.rjp-block-info .rjp-info .rjp-content .rjp-name .rjp-sub-title {
font-size: 1.8rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
}
.rjp-block-info .rjp-info .rjp-content .rjp-name .rjp-title {
margin-bottom: 0;
}
.rjp-block-info .rjp-info .rjp-content .rjp-description {
padding: 20px;
background-color: #fff;
}
.rjp-block-info .rjp-info.rjp-show {
left: 0;
right: 0;
margin: auto;
transform: scale(1);
opacity: 1;
}
.rjp-block-info .rjp-info.rjp-show .rjp-content {
animation: fadeIn 0.3s;
opacity: 1;
transform: scale(1);
transition: opacity 0.3s;
}
.rjp-block-info .rjp-info.rjp-show .rjp-close {
opacity: 1;
transition: opacity 0.3s;
}
.rjp-block-info .rjp-show {
visibility: visible;
}
.rjp-block-info .rjp-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(32, 50, 64, 0.8);
transition: opacity 0.6s;
}
.rjp-block-info .rjp-show ~ .rjp-overlay {
opacity: 1;
visibility: visible;
}
.rjp-block-info .rjp-close {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
background-color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 0;
opacity: 0;
cursor: pointer;
pointer-events: auto;
transition: opacity 0.3s;
}
.rjp-block-info .rjp-close:before, .rjp-block-info .rjp-close:after {
content: " ";
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
height: 21px;
width: 2px;
background-color: #ee3123;
}
.rjp-block-info .rjp-close:before {
transform: rotate(45deg);
}
.rjp-block-info .rjp-close:after {
transform: rotate(-45deg);
}
.rjp-block-info .rjp-close span {
display: none;
}
.timeline-block {
background-color: #203240;
padding: 60px;
position: relative;
margin-bottom: 60px;
}
.timeline-block * {
color: #fff;
}
.timeline-block .timeline-title {
margin-bottom: 60px;
text-align: center;
}
.timeline-block .timeline-block-date {
position: relative;
height: 100px;
padding: 0 24px;
overflow: hidden;
}
.timeline-block .timeline-block-date:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 33px;
z-index: 1;
background-color: #fff;
}
.timeline-block .timeline-list {
position: absolute;
height: 100px;
width: calc(100% - 50px);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 24px 0;
font-size: 0;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
clear: both;
user-select: none;
will-change: transform;
display: flex;
z-index: 2;
}
.timeline-block .timeline-list::-webkit-scrollbar {
display: none !important;
}
.timeline-block .timeline-item {
flex: 0 0 100px;
display: inline-block;
vertical-align: top;
color: #fff;
margin: auto 0;
position: relative;
user-select: none;
pointer-events: auto; }
.timeline-block .timeline-item.timeline-active .timeline-year,
.timeline-block .timeline-item.timeline-active .timeline-month {
opacity: 1;
transition: opacity 0.3s;
}
.timeline-block .timeline-item.timeline-active .timeline-dot:after {
background-color: #ee3123;
border-color: #fff;
transition: background-color 0.3s, border-color 0.3s;
}
.timeline-block .timeline-details {
text-align: center;
}
.timeline-block .timeline-date {
display: block;
background: transparent;
border: none;
padding: 0;
margin: auto;
outline: 0;
}
.timeline-block .timeline-date .timeline-year,
.timeline-block .timeline-date .timeline-month {
margin-bottom: 0;
height: 30px;
display: grid;
align-items: center;
opacity: 0.6;
transition: opacity 0.6s;
}
.timeline-block .timeline-date .timeline-month {
font-size: 1.5rem;
}
.timeline-block .timeline-date .timeline-month + .timeline-dot:after {
width: 14px;
height: 14px;
}
.timeline-block .timeline-date .timeline-dot {
display: block;
width: 24px;
height: 24px;
margin: auto;
position: relative;
}
.timeline-block .timeline-date .timeline-dot:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: auto;
background-color: #fff;
border: 2px solid #203240;
border-radius: 50%;
}
.timeline-block .timeline-move-left,
.timeline-block .timeline-move-right {
height: 42px;
display: block;
position: absolute;
bottom: 12px;
cursor: pointer;
z-index: 2;
user-select: none;
}
.timeline-block .timeline-move-left {
left: -6px;
}
.timeline-block .timeline-move-right {
right: -6px;
transform: rotate(180deg);
}
.timeline-block-info {
padding: 70px 20px 0;
text-align: center;
max-width: 760px;
margin: auto;
display: block;
}
.timeline-block-info .timeline-info {
display: none;
opacity: 0;
transition: visibility 0.6s, opacity 0.6s;
}
.timeline-block-info .timeline-info.timeline-show {
display: block;
opacity: 1;
transition: visibility 0.3s, opacity 0.3s;
}
.two-column-fluid {
position: relative;
}
.two-column-fluid.text-left .column-text .column-content {
padding-right: 70px;
}
.two-column-fluid .column-text {
padding: 100px 0;
}
.two-column-fluid .column-text .column-title {
line-height: 1.2;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 25px;
}
.two-column-fluid .column-text .column-title .column-sub-title {
font-size: 2rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
display: block;
}
.two-column-fluid .column-image {
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
background-position: center top;
}
.two-column-fluid .wp-block-lazyblock-button:last-of-type .btn {
margin-bottom: 0;
}
.two-column-fluid .btn {
margin: 24px 0 0;
}
.text-on-image-block {
margin: 60px 0;
}
.text-on-image-block.text-left .column-text {
margin-left: 0;
margin-right: auto;
}
.text-on-image-block .column-wrapper {
position: relative;
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
.text-on-image-block .column-wrapper .column-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
background-position: center top;
}
.text-on-image-block .column-wrapper .column-text {
position: relative;
padding: 160px 70px;
width: 50%;
margin-left: auto;
color: #fff;
text-align: center;
background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%) 0% 0% no-repeat padding-box;
display: flex;
justify-content: center;
align-items: center;
}
.text-on-image-block .column-wrapper .column-text h1 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 24px;
}
.text-on-image-block .column-wrapper .column-text h2 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 24px;
}
.text-on-image-block .column-wrapper .column-text h3 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 24px;
}
.text-on-image-block .column-wrapper .column-text h4 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 24px;
}
.text-on-image-block .column-wrapper .column-text h5 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 24px;
}
.text-on-image-block .column-wrapper .column-text h6 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
margin-bottom: 24px;
}
.text-on-image-block .column-wrapper .column-text p {
color: #fff;
}
.text-on-image-block .column-wrapper .column-text .btn {
margin: 24px 0;
}
.stats-block {
padding: 100px 0;
background-color: #203240;
}
.stats-block .stats-wrapper {
color: #fff;
}
.stats-block .stats-wrapper .wrapper-title {
color: #fff;
}
.stats-block .stats-wrapper .stats-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 40px;
row-gap: 40px;
}
.stats-block .stats-wrapper .stats-list.rewards-list {
grid-template-columns: repeat(4, 1fr);
}
.stats-block .stats-wrapper .stats-list .stat-item {
color: #fff;
}
.stats-block .stats-wrapper .stats-list .stat-item .stat-image {
text-align: center;
margin-bottom: 14px;
}
.stats-block .stats-wrapper .stats-list .stat-item .stat-desc {
color: #fff;
text-align: center;
}
.stats-block .stats-wrapper .stats-list .stat-item .stat-desc h1,
.stats-block .stats-wrapper .stats-list .stat-item .stat-desc h2,
.stats-block .stats-wrapper .stats-list .stat-item .stat-desc h3,
.stats-block .stats-wrapper .stats-list .stat-item .stat-desc h4 {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
line-height: 1.2em;
}
.stats-block .stats-wrapper .stats-list .stat-item .stat-desc span {
display: block;
font-size: 1.6rem;
}
.video-block {
position: relative;
display: block;
}
.video-block.video-loaded .video-loading {
display: none;
}
.video-block.video-loaded .video-item {
opacity: 1;
transition: opacity 0.3s;
overflow: hidden;
}
.video-block .video-loading {
display: grid;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
z-index: 2;
align-items: center;
justify-content: center;
}
.video-block .video-item {
position: relative;
opacity: 0;
transition: opacity 0.6s;
}
.video-block .video-item.active:after {
display: none;
}
.video-block .video-item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 220px;
background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) 0% 0% no-repeat padding-box;
}
.video-block .video-item .video-placeholder {
overflow: hidden;
}
.video-block .video-item .video-placeholder.hide {
display: block;
}
.video-block .video-item .video-placeholder ~ .video-wrapper {
position: fixed;
z-index: 99999;
padding: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.video-block .video-item .video-placeholder ~ .video-wrapper .video-modal {
display: none;
max-width: 960px;
max-height: 540px;
width: 100%;
height: 100%;
margin: auto;
padding-bottom: initial;
overflow: visible;
}
.video-block .video-item .video-placeholder ~ .video-wrapper .video-modal .actualVideo {
position: relative;
padding-bottom: 60%;
}
.video-block .video-item .video-placeholder ~ .video-wrapper.show {
display: grid;
}
.video-block .video-item .video-placeholder ~ .video-wrapper.show .video-modal {
display: flex;
flex-direction: column;
justify-content: center;
}
.video-block .video-item .video-placeholder ~ .video-wrapper.hide {
display: none;
}
.video-block .video-item .video-placeholder ~ .video-wrapper .close-video {
position: absolute;
z-index: 999999;
top: 3%;
right: -70px;
width: 50px;
height: 50px;
text-align: center;
}
.video-block .video-item .video-placeholder ~ .video-wrapper .close-video .btn-close-video {
display: block;
position: relative;
background-color: #fff;
border-radius: 50%;
width: 50px;
height: 50px;
opacity: 1;
cursor: pointer;
pointer-events: auto;
}
.video-block .video-item .video-placeholder ~ .video-wrapper .close-video .btn-close-video:before, .video-block .video-item .video-placeholder ~ .video-wrapper .close-video .btn-close-video:after {
content: " ";
position: absolute;
top: 14px;
left: 0;
right: 0;
margin: 0 auto;
height: 21px;
width: 2px;
background-color: #ee3123;
}
.video-block .video-item .video-placeholder ~ .video-wrapper .close-video .btn-close-video:before {
transform: rotate(45deg);
}
.video-block .video-item .video-placeholder ~ .video-wrapper .close-video .btn-close-video:after {
transform: rotate(-45deg);
}
.video-block .video-item .video-placeholder .video-image {
transform: translate3d(0, 0, 0) scale(1);
transition: 2s transform;
}
.video-block .video-item .video-placeholder:active, .video-block .video-item .video-placeholder:hover {
cursor: pointer;
}
.video-block .video-item .video-placeholder:active .video-play, .video-block .video-item .video-placeholder:hover .video-play {
transform: scale(1.2);
opacity: 1;
}
.video-block .video-item .video-placeholder:active .video-image, .video-block .video-item .video-placeholder:hover .video-image {
transform: scale(1.05);
transition: 1 transform;
}
.video-block .video-item .video-modal {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
pointer-events: none;
}
.video-block .video-item .video-modal iframe,
.video-block .video-item .video-modal object,
.video-block .video-item .video-modal embed,
.video-block .video-item .video-modal video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: auto;
}
.video-block .video-item .video-title {
position: absolute;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
color: #fff;
bottom: 60px;
font-size: 4rem;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 1;
}
.video-block .video-item .video-title .video-play {
position: relative;
display: block;
height: 80px;
width: 80px;
margin: 0 auto;
background: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/play.svg) no-repeat;
transition: transform 0.2s;
transform: scale(1);
will-change: transform;
opacity: 0.9;
}
.scroller-block .full-scroller {
padding: 60px 0;
display: grid;
column-gap: 30px;
row-gap: 30px;
grid-template-columns: repeat(3, 1fr);
position: relative;
}
.scroller-block .full-scroller.slick-slider {
display: block;
}
.scroller-block .scroller {
padding: 60px 0;
display: grid;
column-gap: 30px;
row-gap: 30px;
grid-template-columns: repeat(3, 1fr);
position: relative;
}
.scroller-block .scroller.slick-slider {
display: block;
}
.scroller-block .scroller-item {
display: inline-block;
margin: 0 10px;
}
.scroller-block .scroller-item.slick-slide {
display: block;
cursor: grab;
}
.scroller-block .scroller-item.slick-slide img.scroller-image {
margin: 0 auto;
}
.scroller-block .scroller-item img.scroller-image {
display: block;
object-fit: contain;
height: auto;
max-width: 100%;
}
.scroller-block .slick-slider .slick-dots {
bottom: 20px;
}
.scroller-block .slick-slider .slick-dots button {
border-color: transparent;
background-color: #626262;
}
.image-block {
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
background-position: center top;
height: 580px;
} .our-teams .teams {
margin-bottom: 60px;
height: 588px;
}
.our-teams .teams.slick-initialized {
height: auto;
}
.our-teams .teams + .team-item {
display: none;
}
.our-teams .teams + .team-item:first-of-type {
display: flex;
}
.our-teams .team-item {
width: 325px;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 24px;
margin-bottom: 24px;
}
.our-teams .team-item .team-item-content {
overflow: hidden;
max-width: 325px;
}
.our-teams .team-item.slick-slide {
margin-left: 12px;
margin-right: 12px;
margin-bottom: 0;
display: flex;
}
.our-teams .team-item .team-image {
overflow: hidden;
}
.our-teams .team-item .team-image img {
display: block;
transform: translate3d(0, 0, 0) scale(1.05);
transition: 2s transform;
}
.our-teams .team-item .team-details {
display: flex;
flex-direction: column;
font-size: 1.4rem;
padding: 20px 30px 25px;
background-color: #f2f2f2;
border: 1px solid #c0c0c0;
min-height: 240px;
position: relative;
}
.our-teams .team-item .team-details .team-desc {
display: flex;
flex-direction: column;
}
.our-teams .team-item .team-details .team-title {
font-size: 1.7rem;
font-weight: 900;
font-style: italic;
color: #626262;
display: -webkit-box;
vertical-align: top;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
min-height: 43px;
}
.our-teams .team-item .team-details .team-title > span {
display: flex;
width: 100%;
min-height: 43px;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 10px;
}
.our-teams .team-item .team-details .team-title + p {
min-height: 72px;
display: -webkit-box;
vertical-align: top;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.our-teams .team-item .team-details .team-view {
display: block;
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
margin: auto;
}
.our-teams .team-item .team-details .team-view.module-pt-pt .btn:first-of-type, .our-teams .team-item .team-details .team-view.module-es .btn:first-of-type {
padding-left: 14px;
padding-right: 14px;
}
.our-teams .team-item .team-details .team-view .btn:last-of-type {
float: right;
}
.our-teams .team-item:hover .team-image img {
display: block;
transform: scale(1.1);
transition: 1s transform;
}
.our-teams .slick-slider .slick-dots {
bottom: -35px;
}
.our-teams .slick-slider .slick-dots button {
border-color: transparent;
background-color: #626262;
} .our-brands-block {
padding: 60px 0;
background-color: #203240;
color: #fff;
}
.our-brands-block .wrapper-title {
color: #fff;
}
.our-brands-block .brands {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
row-gap: 30px;
padding: 0 100px;
} .news-and-insights {
padding: 60px 0;
background-color: #203240;
margin-bottom: 60px;
}
.news-and-insights.no-bg {
background-color: transparent;
padding: 0;
margin-top: 60px;
}
.news-and-insights.no-bg .wrapper-title {
color: #626262;
}
.news-and-insights .wrapper-title {
color: #fff;
}
.news-and-insights .latest-news {
display: flex;
}
.news-and-insights .news-item {
width: 325px;
display: flex;
flex-direction: column;
clear: none;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
}
.news-and-insights .news-item:nth-child(3n) {
margin-left: 0;
margin-right: 0;
}
.news-and-insights .news-item .news-image {
height: 200px;
justify-content: center;
align-items: center;
overflow: hidden;
}
.news-and-insights .news-item .news-image a {
height: 200px;
display: block;
position: relative;
overflow: hidden;
}
.news-and-insights .news-item .news-image a img {
min-height: 100%;
min-width: 100%;
object-fit: cover;
flex-shrink: 0;
transform: translate3d(0, 0, 0) scale(1.05);
transition: 2s transform;
}
.news-and-insights .news-item .news-details {
font-size: 1.4rem;
padding: 41px 30px 25px;
background-color: #f2f2f2;
border: 1px solid #c0c0c0;
min-height: 340px;
}
.news-and-insights .news-item .news-details .news-title {
font-weight: 900;
font-style: italic;
color: #626262;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.news-and-insights .news-item .news-details .news-excerpt {
visibility: visible;
}
.news-and-insights .news-item .news-details .news-excerpt p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden; }
.news-and-insights .news-item .news-details .btn {
position: absolute;
bottom: 30px;
}
.news-and-insights .news-item:hover .news-image a img {
transform: scale(1.1);
transition: 1s transform;
}
.news-and-insights .slick-slider .news-item:nth-child(3n) {
margin-left: 12px;
margin-right: 12px;
}
.news-and-insights .slick-slider .slick-dots {
bottom: -20px;
} .juicer-feed {
margin: 60px auto !important;
max-width: 1440;
padding: 0 60px;
} .latest-vacancies .vacancy-item {
border: 1px solid #707070;
border-radius: 4px;
position: relative;
margin: 0 10px;
}
.latest-vacancies .vacancy-item .vacancy-name {
background-color: #203240;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
color: #fff;
text-align: center;
padding: 40px 14px;
min-height: 141px;
display: grid;
align-items: center;
}
.latest-vacancies .vacancy-item .vacancy-name .vacancy-title {
color: #fff;
max-height: 56px;
display: -webkit-box;
vertical-align: top;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.latest-vacancies .vacancy-item .vacancy-details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px;
position: relative;
text-align: center;
}
.latest-vacancies .vacancy-item .vacancy-details span {
display: block;
font-weight: 700;
color: #626262;
}
.latest-vacancies .vacancy-item .vacancy-details span.vacancy-logo {
position: absolute;
top: -25px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.latest-vacancies .vacancy-item .vacancy-details span.vacancy-logo img {
margin: 0 auto;
}
.latest-vacancies .vacancy-item .vacancy-details span.vacancy-loc {
margin-top: 6px;
}
.latest-vacancies .vacancy-item .vacancy-details span.vacancy-view {
margin-top: 14px;
}
.latest-vacancies .vacancy-item .vacancy-details span.vacancy-availability {
margin-top: 14px;
display: none;
}
.latest-vacancies .vacancy-item .vacancy-details span.vacancy-availability a {
color: #ee3123;
}
.latest-vacancies .vacancy-item.no-vacancy span {
display: none;
}
.latest-vacancies .vacancy-item.no-vacancy span.vacancy-logo, .latest-vacancies .vacancy-item.no-vacancy span.vacancy-availability {
display: block;
} .latest-social-posts {
max-width: 1196px;
margin: 0 auto;
} .app-process-block {
color: #fff;
text-align: center;
background-color: #ee3123;
padding: 100px 0;
height: 600px;
counter-reset: app-process;
margin-bottom: 60px;
margin-right: 15px;
}
.app-process-block .app-process-header {
padding: 20px;
}
.app-process-block .app-process-title,
.app-process-block .app-process-job {
display: block;
color: #fff;
}
.app-process-block .app-process {
font-size: 0;
margin: 0 auto;
position: absolute;
width: 100%;
margin: 0 auto;
left: 0;
right: 0;
display: block;
text-align: center;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
clear: both;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; scrollbar-width: none; z-index: 2;
user-select: none;
will-change: transform;
cursor: grab;
}
.app-process-block .app-process:active {
cursor: grabbing;
}
.app-process-block .app-process::-webkit-scrollbar {
display: none !important;
}
.app-process-block .ap-item {
display: inline-block;
vertical-align: top;
clear: none;
padding: 0;
position: relative;
}
.app-process-block .ap-item-title {
min-height: 56px;
display: grid;
align-items: center;
}
.app-process-block .ap-item-desc {
margin: 0 auto;
display: grid;
}
.app-process-block .ap-item-desc p {
color: #fff;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
}
.app-process-block .ap-item-desc p strong {
color: #000;
}
.app-process-block .ap-item.ap-active .ap-content {
opacity: 1;
}
.app-process-block .ap-item.ap-active > .ap-move-left,
.app-process-block .ap-item.ap-active > .ap-move-right {
display: block;
opacity: 1;
}
.app-process-block .ap-item:first-of-type {
padding-left: 350px;
}
.app-process-block .ap-item:first-of-type > .ap-move-left {
display: none;
}
.app-process-block .ap-item:last-of-type > .ap-move-right {
display: none;
}
.app-process-block .ap-item > .ap-move-left,
.app-process-block .ap-item > .ap-move-right {
content: "";
top: 0;
bottom: 0;
margin: auto 0;
position: absolute;
width: 60px;
height: 42px;
display: block;
z-index: 3;
cursor: pointer;
}
.app-process-block .ap-item > .ap-move-left:before,
.app-process-block .ap-item > .ap-move-right:before {
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 10px;
margin: auto;
border-radius: 10px;
background-color: #fff;
}
.app-process-block .ap-item > .ap-move-left img,
.app-process-block .ap-item > .ap-move-right img {
display: none;
}
.app-process-block .ap-item > .ap-move-left {
left: -30px;
}
.app-process-block .ap-item > .ap-move-right {
right: -30px;
}
.app-process-block .ap-content {
font-size: 1.4rem;
padding: 30px;
width: 320px;
height: 240px;
background-color: #fff;
border-radius: 4px;
position: relative;
margin: 0 15px;
}
.app-process-block .ap-content:before, .app-process-block .ap-content:after {
content: "";
position: absolute;
height: 50px;
width: 50px;
top: 0;
bottom: 0;
margin: auto 0;
border-radius: 50%;
background-color: #ee3123;
}
.app-process-block .ap-content:before {
left: -25px;
}
.app-process-block .ap-content:after {
right: -25px;
}
.app-process-block .ap-content .wrapper {
position: relative;
padding-top: 40px;
height: 100%;
width: 100%;
white-space: pre-wrap;
display: flex;
flex-direction: column;
}
.app-process-block .ap-content .wrapper:before {
counter-increment: app-process;
content: counter(app-process) ".";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
font-size: 3rem;
}
.app-process-block .ap-content h1 {
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 20px;
}
.app-process-block .ap-content h2 {
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 20px;
}
.app-process-block .ap-content h3 {
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 20px;
}
.app-process-block .ap-content h4 {
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 20px;
}
.app-process-block .ap-content h5 {
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 20px;
}
.app-process-block .ap-content h6 {
color: #ee3123;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 20px;
}
.app-process-block .application-btn {
margin-top: 20px;
} .footer {
background-color: #203240;
padding: 40px 0;
color: #fff;
text-align: center;
margin-top: 0;
position: relative;
}
.footer p {
color: #fff;
}
.footer .footer-logo {
width: 200px;
height: 30px;
margin: 0 auto 14px;
}
.footer .social-media {
list-style: none;
padding: 0;
max-width: max-content;
margin: 0 auto 24px;
}
.footer .social-media li {
display: inline-block;
margin: 0 3px;
}
.footer .footer-text .copyright p {
margin-bottom: 0;
color: #acadb2;
}
.footer .footer-text .copyright p a {
color: #acadb2;
text-decoration: none;
}
.footer #backToTop {
position: fixed;
bottom: 40px;
right: 20px;
z-index: 3;
}
.footer #backToTop a {
display: block;
cursor: pointer;
}
.footer #backToTop.hide {
animation: fadeOutUp 0.4s;
opacity: 0;
}
.footer #backToTop.show {
opacity: 1;
}
.footer #backToTop.show.sticky-hide {
animation: fadeIn 0.4s;
}
.footer #backToTop.show.sticky-show {
animation: fadeInDown 0.4s;
position: absolute;
top: -30px;
} body.our-locations #backToTop {
display: none;
} #map {
height: 90vh;
z-index: 0;
} .location-container {
position: relative;
}
.location-container .location-controls {
left: 0;
bottom: 40px;
width: 100%;
height: 180px;
position: absolute;
z-index: 3;
pointer-events: none;
}
.location-container .location-controls span {
height: 40px;
width: 40px;
top: 0;
bottom: 0;
margin: auto 0;
display: block;
position: absolute;
padding: 7px;
background-color: #c41f1c;
border-radius: 50%;
pointer-events: all;
}
.location-container .location-controls span:before {
content: "";
position: absolute;
width: 20px;
height: 15px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
mask: url(https://jet2careers.com/wp-content/themes/jet2careers/img/icons/arrow-down.svg) no-repeat;
mask-size: contain;
mask-position: right;
background-color: #fff;
}
.location-container .location-controls span.loc-scroll-l {
left: 20px;
}
.location-container .location-controls span.loc-scroll-l:before {
transform: rotate(90deg);
}
.location-container .location-controls span.loc-scroll-r {
right: 20px;
}
.location-container .location-controls span.loc-scroll-r:before {
transform: rotate(-90deg);
}
#locations {
position: absolute;
width: 100%;
left: 0;
bottom: 40px;
display: block;
grid-template-columns: 20px 1fr 20px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
clear: both;
-webkit-overflow-scrolling: touch;
z-index: 2;
user-select: none;
will-change: transform;
cursor: pointer;
}
#locations::-webkit-scrollbar {
display: none !important;
}
#locations.active {
pointer-events: none;
}
#locations .location-item {
width: 370px;
height: 180px;
display: inline-block;
vertical-align: bottom;
color: #fff;
margin: 20px 10px 0;
position: relative;
user-select: none;
cursor: pointer;
transition: margin-bottom 0.3s;
pointer-events: auto;
}
#locations .location-item .hide-description {
position: absolute;
right: 10px;
top: 20px;
width: 20px;
height: 20px;
opacity: 1;
}
#locations .location-item .hide-description:before, #locations .location-item .hide-description:after {
content: " ";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: 21px;
width: 2px;
background-color: #fff;
}
#locations .location-item .hide-description:before {
transform: rotate(45deg);
}
#locations .location-item .hide-description:after {
transform: rotate(-45deg);
}
#locations .location-item .wrapper {
position: relative;
min-height: 180px;
height: 100%;
width: 100%;
}
#locations .location-item .location-name {
font-weight: bold;
display: block;
margin-bottom: 14px;
white-space: normal;
}
#locations .location-item .location-details,
#locations .location-item .location-content {
min-height: 180px;
height: 100%;
width: 100%;
backface-visibility: hidden;
padding: 20px;
border-radius: 10px;
overflow: hidden;
}
#locations .location-item .location-details {
display: block;
background-color: #203240;
background-repeat: no-repeat;
background-size: cover;
position: relative;
white-space: pre-wrap;
}
#locations .location-item .location-details .location-name {
position: absolute;
top: 0;
left: 20px;
margin-top: 20px;
z-index: 1;
font-size: 2.2rem;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
}
#locations .location-item .location-details:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: transparent linear-gradient(180deg, #1e2f3c 0%, rgba(6, 10, 13, 0) 100%) 0% 0% no-repeat padding-box;
z-index: 0;
}
#locations .location-item .location-content {
background-color: #ee3123;
text-align: left;
display: none;
}
#locations .location-item .location-content .location-description {
white-space: normal;
}
#locations .location-item .location-content .location-description p {
color: #fff;
}
#locations .location-item .location-btn {
margin-top: 20px;
display: block;
}
#locations .location-item.active {
height: auto;
margin-bottom: 20px;
transition: height 0.3s, margin-bottom 0.6s;
}
#locations .location-item.active .wrapper .location-details {
opacity: 0;
display: none;
}
#locations .location-item.active .wrapper .location-content {
animation: fadeIn 0.3s;
display: block;
}
#locations .location-latitude,
#locations .location-longitude {
display: none;
} .blog-page .hero .hero-wrapper .hero-item {
background-repeat: no-repeat;
background-size: cover;
}
.blog-page .hero .hero-wrapper .hero-search {
bottom: 40px;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search {
display: block;
max-width: 370px;
padding: 0 20px;
margin: 0 auto;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter {
display: block;
padding: 15px 0;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul {
padding: 0;
margin-bottom: 0;
line-height: 1;
list-style: none;
position: relative;
width: 100%;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li {
display: block;
padding: 0;  }
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[name=ofsearch],
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=text],
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search] {
padding: 0 40px;
border: none;
border: 1px solid #626262;
border-radius: 27px;
outline: none;
background-color: #fff;
width: 100%;
height: 45px;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=submit] {
color: transparent;
font-size: 0;
height: 100%;
width: 100%;
border: none;
background-color: #203240;
mask-image: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/search-glass.svg);
mask-position: center;
mask-repeat: no-repeat;
outline: none;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li:last-of-type {
position: absolute;
top: 0;
bottom: 0;
right: 20px;
width: 35px;
height: 35px;
margin-top: auto;
margin-bottom: auto;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search]::-webkit-search-decoration,
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search]::-webkit-search-cancel-button,
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search]::-webkit-search-results-button,
.blog-page .hero .hero-wrapper .hero-search .blog-search .searchandfilter ul li input[type=search]::-webkit-search-results-decoration {
display: none;
}
#blogContent .search-title {
font-size: 3rem;
}
#blogContent .blog-introduction {
text-align: center;
padding: 0 40px;
margin-bottom: 40px;
}
#blogContent .sticky-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 30px;
margin-bottom: 40px;
}
#blogContent .masonry-item .go-to-post {
text-decoration: none;
}
#blogContent .masonry-item .post-title a {
color: #626262;
}
#blogContent .masonry-item .post-thumbnail {
display: block;
margin-bottom: 20px;
}
#blogContent .masonry-item .post-thumbnail img {
display: block;
}
#blogContent .masonry-item .post-excerpt {
visibility: visible;
}
#blogContent .masonry-item .post-excerpt p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
#blogContent .masonry-item .view-article {
display: block;
margin: 20px 0;
}
#blogContent .blog-wrapper {
margin: 40px 0;
}
#blogContent .blog-wrapper .masonry-item .type-post {
display: grid;
grid-template-columns: 325px 1fr;
column-gap: 30px;
row-gap: 30px;
}
#blogContent .blog-wrapper .masonry-item .type-post .post-content {
display: flex;
align-content: center;
align-self: center;
flex-direction: column;
}
#blogContent .blog-wrapper .masonry-item .type-post.sticky {
display: none;
}
.single-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "title title" "mainContent mainContent";
}
.single-wrapper.with-sidebar {
grid-template-columns: 300px 1fr;
grid-template-areas: "title title" "sidebar mainContent";
column-gap: 30px;
}
.single-wrapper .blog-title {
grid-area: title;
font-size: 4rem;
color: #626262;
text-align: center;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
}
.single-wrapper .blog-main {
grid-area: mainContent;
}
.single-wrapper .blog-main .wp-block-image {
text-align: center;
background-color: #f2f2f2;
margin: 20px 0;
}
.single-wrapper .blog-main .wp-block-image img {
display: block;
margin: 0 auto;
}
.single-wrapper .blog-main .wp-block-lazyblock-scroller-block {
max-width: 576px;
}
.single-wrapper .blog-main .wp-block-lazyblock-scroller-block .container {
max-width: 100%;
}
.single-wrapper .blog-main .return-to-blog {
margin: 20px 0;
}
.single-wrapper .blog-sidebar {
grid-area: sidebar;
padding-right: 30px;
}
.single-wrapper .blog-details .blog-quote {
margin-bottom: 20px;
color: #626262;
font-size: 1.7rem;
line-height: 1.7;
font-family: "Libre Franklin", sans-serif;
font-weight: 900;
font-style: italic;
} body.vacancy .main-content {
padding-bottom: 0;
}
body.vacancy .search-results-wrapper {
display: block;
}
body.vacancy .search-results-wrapper .search-results .job-item {
display: block;
animation: fadeIn 0.3s;
}
body.vacancy .job-apply-url {
display: inline-block;
width: 180px;
text-align: center;
padding: 7px 0;
font-size: 2.4rem;
background-color: #ee3123;
border-radius: 4px;
color: #fff;
text-decoration: none;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
transition: background-color 0.6s;
}
body.vacancy .job-apply-url:hover {
background-color: #c41f1c;
transition: background-color 0.3s;
}
.vacancy-main-content {
padding-top: 40px;
}
.vacancy-main-content .vacancy-extra-details {
text-align: center;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
font-size: 1.6rem;
}
.vacancy-main-content .vacancy-extra-details p {
margin-bottom: 4px;
color: #ee3123;
}
.vacancy-main-content .vacancy-extra-details p span {
color: #626262;
}
.vacancy-main-content .vacancy-description {
margin: 30px 0;
font-family: "Libre Franklin", sans-serif;
color: #626262;
}
.vacancy-main-content .vacancy-description *[dir=ltr] {
margin-bottom: 14px;
}
.vacancy-main-content .vacancy-description *[dir=ltr]:empty {
display: none;
}
.vacancy-main-content .vacancy-description ul {
padding-left: 1.6rem;
}
.vacancy-main-content .vacancy-apply {
text-align: center;
}
.vacancy-other-openings {
padding: 50px 0;
margin-top: 60px;
background-color: #e2f4ff;
}
.vacancy-other-openings .other-openings-wrapper h1.title {
color: #626262;
text-align: center;
margin-bottom: 50px;
}
.vacancy-other-openings .other-openings-wrapper h2.title {
color: #626262;
text-align: center;
margin-bottom: 50px;
}
.vacancy-other-openings .other-openings-wrapper h3.title {
color: #626262;
text-align: center;
margin-bottom: 50px;
}
.vacancy-other-openings .other-openings-wrapper h4.title {
color: #626262;
text-align: center;
margin-bottom: 50px;
}
.vacancy-other-openings .other-openings-wrapper h5.title {
color: #626262;
text-align: center;
margin-bottom: 50px;
}
.vacancy-other-openings .other-openings-wrapper h6.title {
color: #626262;
text-align: center;
margin-bottom: 50px;
}
.vacancy-other-openings .categories {
display: none;
}
#loadMoreVacancies,
.load-more-vacancies {
margin: 0 auto 20px;
}
#lastVacancy,
#noMoreVacancy,
.no-more-vacancy {
border-radius: 8px;
padding: 26px 29px;
background-color: #fff;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.224);
text-align: center;
display: block;
}
#lastVacancy a,
#noMoreVacancy a,
.no-more-vacancy a {
color: #ee3123;
}
#noMoreVacancy {
margin-bottom: 24px;
} .page-lang-other .header .main-navigation .child-wrapper.login-menu .sub-menu.active a {
font-size: 0.9em;
} .placeholder-results {
display: none;
margin-bottom: 20px;
}
.placeholder-item {
animation: fadeInLeft 0.7s;
margin-bottom: 24px;
}
.placeholder-item .job-content {
background-color: #fff;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.224);
border-collapse: separate;
border-radius: 8px;
padding: 26px 29px;
display: grid;
grid-template-columns: 1fr auto;
gap: 29px;
}
.placeholder-item .job-details {
display: flex;
flex-direction: column;
}
.placeholder-item .job-details .job-title {
margin-bottom: 10px;
}
.placeholder-item .job-actions {
margin: auto;
min-width: 109px;
}
.placeholder-item .job-actions .job-view {
height: 44px;
width: 100%;
border-radius: 4px;
} @media only screen and (max-width: 1200px) {
.our-teams .team-item .team-details {
min-height: 280px;
}
.our-teams .team-item .team-details .team-title {
margin-bottom: 0;
}
.our-teams .team-item .team-details .team-view .btn {
width: 100%;
justify-content: center;
}
.app-process-block .ap-item:first-of-type {
padding-left: 310px;
}
.rjp-block .column-content .column-rjp .rjp-item {
width: 392px;
}
.rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right {
right: 15px;
}
.rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left {
left: 15px;
}
}
@media only screen and (max-width: 1160px) {
.header .main-navigation .child-wrapper {
padding: 0 37px 40px;
}
.header .main-navigation .menu-item-header .menu-item-link,
.header .main-navigation .menu-item-header .menu-item-close {
margin-bottom: 0;
}
.header .main-navigation .menu-item-header .menu-item-description {
font-size: 2.4rem;
}
}
@media only screen and (max-width: 1085px) and (hover: hover) {
.header .main-navigation .menu-item-children {
row-gap: 10px;
}
html[lang=es-ES] .header,
html[lang=pt-pt] .header,
html[lang=en-US] .header {
height: 87px;
position: sticky;
top: 0;
}
html[lang=es-ES] .header .logo-wrapper,
html[lang=pt-pt] .header .logo-wrapper,
html[lang=en-US] .header .logo-wrapper {
height: 87px;
}
html[lang=es-ES] .header .language #siteLanguage,
html[lang=pt-pt] .header .language #siteLanguage,
html[lang=en-US] .header .language #siteLanguage {
border: 1px solid #f1f1f4;
background-color: #f1f1f4;
}
html[lang=es-ES] .header .language .extras,
html[lang=pt-pt] .header .language .extras,
html[lang=en-US] .header .language .extras {
display: flex;
}
html[lang=es-ES] .header .main-navigation,
html[lang=pt-pt] .header .main-navigation,
html[lang=en-US] .header .main-navigation {
display: grid;
display: none;
grid-template-areas: "navigation-1" "navigation-2" "advert";
grid-auto-flow: row;
grid-auto-rows: auto;
min-height: 100vh;
background-color: #ee3123;
grid-auto-rows: minmax(min-content, max-content);
}
@supports (-webkit-appearance: none) {
html[lang=es-ES] .header .main-navigation,
html[lang=pt-pt] .header .main-navigation,
html[lang=en-US] .header .main-navigation {
min-height: calc(100vh - 87px);
}
}
html[lang=es-ES] .header .main-navigation.active,
html[lang=pt-pt] .header .main-navigation.active,
html[lang=en-US] .header .main-navigation.active {
display: grid;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper,
html[lang=pt-pt] .header .main-navigation .menu-wrapper,
html[lang=en-US] .header .main-navigation .menu-wrapper {
grid-template-columns: repeat(auto-fill, minmax(calc(100% - 254px), 250px));
padding: 70px 20px 20px;
background-color: #ee3123;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper:after,
html[lang=pt-pt] .header .main-navigation .menu-wrapper:after,
html[lang=en-US] .header .main-navigation .menu-wrapper:after {
content: "Menu";
position: absolute;
height: 70px;
top: 0;
left: 0;
padding: 0 20px;
width: 100%;
color: #fff;
font-size: 2.4rem;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
display: flex;
align-items: center;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper.active,
html[lang=pt-pt] .header .main-navigation .menu-wrapper.active,
html[lang=en-US] .header .main-navigation .menu-wrapper.active {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper.active.login-active,
html[lang=pt-pt] .header .main-navigation .menu-wrapper.active.login-active,
html[lang=en-US] .header .main-navigation .menu-wrapper.active.login-active {
display: grid;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop,
html[lang=pt-pt] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop,
html[lang=en-US] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop {
display: flex;
}
html[lang=es-ES] .header .main-navigation .menu,
html[lang=pt-pt] .header .main-navigation .menu,
html[lang=en-US] .header .main-navigation .menu {
flex-direction: column;
height: 100%;
background: #ee3123;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item,
html[lang=pt-pt] .header .main-navigation .menu .menu-item,
html[lang=en-US] .header .main-navigation .menu .menu-item {
border-left: 0;
margin-bottom: 3px;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item a,
html[lang=es-ES] .header .main-navigation .menu .menu-item span,
html[lang=pt-pt] .header .main-navigation .menu .menu-item a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item span,
html[lang=en-US] .header .main-navigation .menu .menu-item a,
html[lang=en-US] .header .main-navigation .menu .menu-item span {
border-radius: 4px;
background-color: #c41f1c;
justify-content: flex-start;
font-size: 1.6rem;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.login,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.login,
html[lang=en-US] .header .main-navigation .menu .menu-item.login {
margin-left: initial;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.login a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.login a,
html[lang=en-US] .header .main-navigation .menu .menu-item.login a {
padding: 0 16px;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.login a:before,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.login a:before,
html[lang=en-US] .header .main-navigation .menu .menu-item.login a:before {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.search-careers a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.search-careers a,
html[lang=en-US] .header .main-navigation .menu .menu-item.search-careers a {
color: #fff;
background-color: #c41f1c;
padding: 0 16px;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.search-careers a:after,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.search-careers a:after,
html[lang=en-US] .header .main-navigation .menu .menu-item.search-careers a:after {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.menu-item-has-children a:after,
html[lang=es-ES] .header .main-navigation .menu .menu-item.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.menu-item-has-children a:after,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .menu .menu-item.menu-item-has-children a:after,
html[lang=en-US] .header .main-navigation .menu .menu-item.menu-item-has-children span:after {
transform: rotate(-90deg);
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.current-menu-ancestor a, html[lang=es-ES] .header .main-navigation .menu .menu-item.current-menu-item a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.current-menu-ancestor a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.current-menu-item a,
html[lang=en-US] .header .main-navigation .menu .menu-item.current-menu-ancestor a,
html[lang=en-US] .header .main-navigation .menu .menu-item.current-menu-item a {
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item:hover span,
html[lang=es-ES] .header .main-navigation .menu .menu-item:hover a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item:hover span,
html[lang=pt-pt] .header .main-navigation .menu .menu-item:hover a,
html[lang=en-US] .header .main-navigation .menu .menu-item:hover span,
html[lang=en-US] .header .main-navigation .menu .menu-item:hover a {
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item:last-of-type,
html[lang=pt-pt] .header .main-navigation .menu .menu-item:last-of-type,
html[lang=en-US] .header .main-navigation .menu .menu-item:last-of-type {
margin-bottom: 0;
}
html[lang=es-ES] .header .main-navigation .menu + .menu-advert-list,
html[lang=pt-pt] .header .main-navigation .menu + .menu-advert-list,
html[lang=en-US] .header .main-navigation .menu + .menu-advert-list {
display: flex;
}
html[lang=es-ES] .header .main-navigation .child-wrapper,
html[lang=pt-pt] .header .main-navigation .child-wrapper,
html[lang=en-US] .header .main-navigation .child-wrapper {
padding: 0 20px 40px;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.active,
html[lang=pt-pt] .header .main-navigation .child-wrapper.active,
html[lang=en-US] .header .main-navigation .child-wrapper.active {
grid-area: navigation-1;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu {
margin-right: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
display: grid;
align-items: center;
justify-content: center;
padding-top: calc(50vh - 135px);
padding-bottom: 50vh;
background-color: rgba(238, 49, 35, 0.9);
animation: fadeIn 0.3s;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-header,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-header,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-header {
display: block;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-header .return-to-main span,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-header .return-to-main span,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-header .return-to-main span {
width: 70px;
position: absolute;
top: calc(50vh - 200px);
right: 0;
left: 0;
margin: 0 auto;
z-index: 5;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-header > .mobile,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-header > .mobile,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-header > .mobile {
grid-template-areas: "returnMain returnMain" "menuLink menuLink";
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-children,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-children,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-children {
grid-template-columns: repeat(auto-fill, minmax(100%, 250px));
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .sub-menu,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .sub-menu,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .sub-menu {
max-width: 280px;
}
html[lang=es-ES] .header .main-navigation .child-wrapper #subMenu2,
html[lang=es-ES] .header .main-navigation .child-wrapper #subMenu3,
html[lang=pt-pt] .header .main-navigation .child-wrapper #subMenu2,
html[lang=pt-pt] .header .main-navigation .child-wrapper #subMenu3,
html[lang=en-US] .header .main-navigation .child-wrapper #subMenu2,
html[lang=en-US] .header .main-navigation .child-wrapper #subMenu3 {
display: none;
}
html[lang=es-ES] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4,
html[lang=pt-pt] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4,
html[lang=en-US] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4 {
display: flex;
width: min-content;
max-width: 100%;
}
html[lang=es-ES] .header .main-navigation .sub-menu,
html[lang=pt-pt] .header .main-navigation .sub-menu,
html[lang=en-US] .header .main-navigation .sub-menu {
width: 100%;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.previous-menu-item,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.previous-menu-item,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.previous-menu-item {
display: none;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children {
transition: background-color 0.1s ease-in-out;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children a:after,
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children a:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children a:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children span:after {
transform: rotate(0);
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active {
background-color: #ae1b19;
transition: background-color 0.5s ease-in-out;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active .mobile-only,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active .mobile-only,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active .mobile-only {
display: grid;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active a:after,
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active a:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active a:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active span:after {
background-color: #fff !important;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only .mobile-child-item:first-of-type,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only .mobile-child-item:first-of-type,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only .mobile-child-item:first-of-type {
display: none;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.active a,
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.active span:not(.item-link),
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.active a,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.active span:not(.item-link),
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.active a,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.active span:not(.item-link) {
color: #fff;
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after {
background-color: #fff !important;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after {
background-color: #fff !important;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item:hover span:not(.item-link),
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item:hover a,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item:hover span:not(.item-link),
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item:hover a,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item:hover span:not(.item-link),
html[lang=en-US] .header .main-navigation .sub-menu .menu-item:hover a {
color: #fff;
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .menu-item-children,
html[lang=pt-pt] .header .main-navigation .menu-item-children,
html[lang=en-US] .header .main-navigation .menu-item-children {
grid-template-columns: repeat(auto-fill, minmax(calc(100% - 254px), 250px));
}
html[lang=es-ES] .header .main-navigation .menu-item-header .menu-item-description,
html[lang=pt-pt] .header .main-navigation .menu-item-header .menu-item-description,
html[lang=en-US] .header .main-navigation .menu-item-header .menu-item-description {
font-size: 2.4rem;
padding: 23px 0;
height: 70px;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .desktop,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .desktop,
html[lang=en-US] .header .main-navigation .menu-item-header > .desktop {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile {
display: grid;
grid-template-areas: "menuName returnMain" "menuLink menuLink";
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-name,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-name,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-name {
grid-area: menuName;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .return-to-main,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .return-to-main,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .return-to-main {
grid-area: returnMain;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-link,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-link,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-link {
grid-area: menuLink;
justify-content: flex-start;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-link a,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-link a,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-link a {
margin-bottom: 20px;
}
html[lang=es-ES] .header .main-navigation .menu-description-list .menu-item-description,
html[lang=pt-pt] .header .main-navigation .menu-description-list .menu-item-description,
html[lang=en-US] .header .main-navigation .menu-description-list .menu-item-description {
height: calc(100% - 48px);
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.active:after,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.active:after,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item .input-title.active:after {
opacity: 0.1;
}
}
@media only screen and (max-width: 992px) {
html[lang=es-ES] .two-column-block .column-content .column-text,
html[lang=pt-pt] .two-column-block .column-content .column-text,
html[lang=en-US] .two-column-block .column-content .column-text {
padding: 20px;
}
html[lang=es-ES] .our-teams .container,
html[lang=pt-pt] .our-teams .container,
html[lang=en-US] .our-teams .container {
max-width: 100%;
overflow: hidden;
}
html[lang=es-ES] .our-teams .teams,
html[lang=pt-pt] .our-teams .teams,
html[lang=en-US] .our-teams .teams {
max-width: 770px;
margin-left: auto;
margin-right: auto;
padding-right: 40px;
padding-left: 40px;
}
html[lang=es-ES] .our-teams .slick-slider .slick-arrow,
html[lang=pt-pt] .our-teams .slick-slider .slick-arrow,
html[lang=en-US] .our-teams .slick-slider .slick-arrow {
width: 40px;
height: 40px;
}
html[lang=es-ES] .our-teams .slick-slider .slick-arrow.slick-prev,
html[lang=pt-pt] .our-teams .slick-slider .slick-arrow.slick-prev,
html[lang=en-US] .our-teams .slick-slider .slick-arrow.slick-prev {
left: -10px;
}
html[lang=es-ES] .our-teams .slick-slider .slick-arrow.slick-next,
html[lang=pt-pt] .our-teams .slick-slider .slick-arrow.slick-next,
html[lang=en-US] .our-teams .slick-slider .slick-arrow.slick-next {
right: -10px;
}
html[lang=es-ES] .latest-vacancies .swipe-for-more.md-swipe-for-more img,
html[lang=pt-pt] .latest-vacancies .swipe-for-more.md-swipe-for-more img,
html[lang=en-US] .latest-vacancies .swipe-for-more.md-swipe-for-more img {
display: none;
}
html[lang=es-ES] .latest-vacancies .vacancies,
html[lang=pt-pt] .latest-vacancies .vacancies,
html[lang=en-US] .latest-vacancies .vacancies {
padding: 0 20px;
}
html[lang=es-ES] .latest-vacancies .vacancies.slick-slider .slick-prev,
html[lang=pt-pt] .latest-vacancies .vacancies.slick-slider .slick-prev,
html[lang=en-US] .latest-vacancies .vacancies.slick-slider .slick-prev {
left: -10px;
}
html[lang=es-ES] .latest-vacancies .vacancies.slick-slider .slick-next,
html[lang=pt-pt] .latest-vacancies .vacancies.slick-slider .slick-next,
html[lang=en-US] .latest-vacancies .vacancies.slick-slider .slick-next {
right: -10px;
}
html[lang=es-ES] .latest-vacancies .vacancy-item,
html[lang=pt-pt] .latest-vacancies .vacancy-item,
html[lang=en-US] .latest-vacancies .vacancy-item {
margin: 0 5px;
}
html[lang=es-ES] .latest-vacancies .vacancy-item .vacancy-name,
html[lang=pt-pt] .latest-vacancies .vacancy-item .vacancy-name,
html[lang=en-US] .latest-vacancies .vacancy-item .vacancy-name {
padding: 30px 10px 40px;
}
html[lang=es-ES] .latest-vacancies .vacancy-item .vacancy-name .vacancy-title,
html[lang=pt-pt] .latest-vacancies .vacancy-item .vacancy-name .vacancy-title,
html[lang=en-US] .latest-vacancies .vacancy-item .vacancy-name .vacancy-title {
font-size: 1.7rem;
}
html[lang=es-ES] .latest-vacancies .vacancy-item .vacancy-details,
html[lang=pt-pt] .latest-vacancies .vacancy-item .vacancy-details,
html[lang=en-US] .latest-vacancies .vacancy-item .vacancy-details {
padding: 40px 10px 10px;
}
html[lang=es-ES] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view,
html[lang=pt-pt] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view,
html[lang=en-US] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view {
width: 100%;
}
html[lang=es-ES] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view .btn-long,
html[lang=pt-pt] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view .btn-long,
html[lang=en-US] .latest-vacancies .vacancy-item .vacancy-details span.vacancy-view .btn-long {
width: 100%;
}
html[lang=es-ES] .stats-block .stats-wrapper .stats-list,
html[lang=pt-pt] .stats-block .stats-wrapper .stats-list,
html[lang=en-US] .stats-block .stats-wrapper .stats-list {
grid-template-columns: repeat(3, 1fr);
row-gap: 20px;
}
html[lang=es-ES] .our-brands-block .brands,
html[lang=pt-pt] .our-brands-block .brands,
html[lang=en-US] .our-brands-block .brands {
column-gap: 20px;
row-gap: 20px;
padding: 0;
}
html[lang=es-ES] .single-wrapper,
html[lang=pt-pt] .single-wrapper,
html[lang=en-US] .single-wrapper {
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "title title" "sidebar sidebar" "mainContent mainContent";
}
html[lang=es-ES] .single-wrapper .blog-sidebar,
html[lang=pt-pt] .single-wrapper .blog-sidebar,
html[lang=en-US] .single-wrapper .blog-sidebar {
padding-right: 0;
}
html[lang=es-ES] .app-process-block .ap-item:first-of-type,
html[lang=pt-pt] .app-process-block .ap-item:first-of-type,
html[lang=en-US] .app-process-block .ap-item:first-of-type {
padding-left: 190px;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .container,
html[lang=es-ES] .wp-block-lazyblock-video-block .col,
html[lang=pt-pt] .wp-block-lazyblock-video-block .container,
html[lang=pt-pt] .wp-block-lazyblock-video-block .col,
html[lang=en-US] .wp-block-lazyblock-video-block .container,
html[lang=en-US] .wp-block-lazyblock-video-block .col {
max-width: 100%;
padding: 0;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .row,
html[lang=pt-pt] .wp-block-lazyblock-video-block .row,
html[lang=en-US] .wp-block-lazyblock-video-block .row {
margin-left: 0;
margin-right: 0;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-list,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-list,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-list {
height: 360px;
margin: auto;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item {
width: 340px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:first-of-type,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:first-of-type,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:first-of-type {
margin-left: auto;
margin-right: auto;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right {
right: 8px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left {
left: 8px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .wrapper,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .wrapper,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .wrapper {
width: 240px;
height: 100%;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-image,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-image,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-image {
height: 325px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item > .rjp-move-left,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item > .rjp-move-left,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item > .rjp-move-left {
left: 4px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item > .rjp-move-right,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item > .rjp-move-right,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item > .rjp-move-right {
right: 4px;
}
}
@media only screen and (max-width: 832px) {
html[lang=es-ES] .header,
html[lang=pt-pt] .header,
html[lang=en-US] .header {
height: 87px;
position: sticky;
top: 0;
}
html[lang=es-ES] .header .logo-wrapper,
html[lang=pt-pt] .header .logo-wrapper,
html[lang=en-US] .header .logo-wrapper {
height: 87px;
}
html[lang=es-ES] .header .language #siteLanguage,
html[lang=pt-pt] .header .language #siteLanguage,
html[lang=en-US] .header .language #siteLanguage {
border: 1px solid #f1f1f4;
background-color: #f1f1f4;
}
html[lang=es-ES] .header .language .extras,
html[lang=pt-pt] .header .language .extras,
html[lang=en-US] .header .language .extras {
display: flex;
}
html[lang=es-ES] .header .main-navigation,
html[lang=pt-pt] .header .main-navigation,
html[lang=en-US] .header .main-navigation {
display: grid;
display: none;
grid-template-areas: "navigation-1" "navigation-2" "advert";
grid-auto-flow: row;
grid-auto-rows: auto;
min-height: 100vh;
background-color: #ee3123;
grid-auto-rows: minmax(min-content, max-content);
}
@supports (-webkit-appearance: none) {
html[lang=es-ES] .header .main-navigation,
html[lang=pt-pt] .header .main-navigation,
html[lang=en-US] .header .main-navigation {
min-height: calc(100vh - 87px);
}
}
html[lang=es-ES] .header .main-navigation.active,
html[lang=pt-pt] .header .main-navigation.active,
html[lang=en-US] .header .main-navigation.active {
display: grid;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper,
html[lang=pt-pt] .header .main-navigation .menu-wrapper,
html[lang=en-US] .header .main-navigation .menu-wrapper {
grid-template-columns: repeat(auto-fill, minmax(calc(100% - 254px), 250px));
padding: 70px 20px 20px;
background-color: #ee3123;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper:after,
html[lang=pt-pt] .header .main-navigation .menu-wrapper:after,
html[lang=en-US] .header .main-navigation .menu-wrapper:after {
content: "Menu";
position: absolute;
height: 70px;
top: 0;
left: 0;
padding: 0 20px;
width: 100%;
color: #fff;
font-size: 2.4rem;
font-family: "Libre Franklin", sans-serif;
font-style: italic;
display: flex;
align-items: center;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper.active,
html[lang=pt-pt] .header .main-navigation .menu-wrapper.active,
html[lang=en-US] .header .main-navigation .menu-wrapper.active {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper.active.login-active,
html[lang=pt-pt] .header .main-navigation .menu-wrapper.active.login-active,
html[lang=en-US] .header .main-navigation .menu-wrapper.active.login-active {
display: grid;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop,
html[lang=pt-pt] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop,
html[lang=en-US] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop {
display: flex;
}
html[lang=es-ES] .header .main-navigation .menu,
html[lang=pt-pt] .header .main-navigation .menu,
html[lang=en-US] .header .main-navigation .menu {
flex-direction: column;
height: 100%;
background: #ee3123;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item,
html[lang=pt-pt] .header .main-navigation .menu .menu-item,
html[lang=en-US] .header .main-navigation .menu .menu-item {
border-left: 0;
margin-bottom: 3px;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item a,
html[lang=es-ES] .header .main-navigation .menu .menu-item span,
html[lang=pt-pt] .header .main-navigation .menu .menu-item a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item span,
html[lang=en-US] .header .main-navigation .menu .menu-item a,
html[lang=en-US] .header .main-navigation .menu .menu-item span {
border-radius: 4px;
background-color: #c41f1c;
justify-content: flex-start;
font-size: 1.6rem;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.login,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.login,
html[lang=en-US] .header .main-navigation .menu .menu-item.login {
margin-left: initial;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.login a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.login a,
html[lang=en-US] .header .main-navigation .menu .menu-item.login a {
padding: 0 16px;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.login a:before,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.login a:before,
html[lang=en-US] .header .main-navigation .menu .menu-item.login a:before {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.search-careers a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.search-careers a,
html[lang=en-US] .header .main-navigation .menu .menu-item.search-careers a {
color: #fff;
background-color: #c41f1c;
padding: 0 16px;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.search-careers a:after,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.search-careers a:after,
html[lang=en-US] .header .main-navigation .menu .menu-item.search-careers a:after {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.menu-item-has-children a:after,
html[lang=es-ES] .header .main-navigation .menu .menu-item.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.menu-item-has-children a:after,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .menu .menu-item.menu-item-has-children a:after,
html[lang=en-US] .header .main-navigation .menu .menu-item.menu-item-has-children span:after {
transform: rotate(-90deg);
}
html[lang=es-ES] .header .main-navigation .menu .menu-item.current-menu-ancestor a, html[lang=es-ES] .header .main-navigation .menu .menu-item.current-menu-item a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.current-menu-ancestor a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item.current-menu-item a,
html[lang=en-US] .header .main-navigation .menu .menu-item.current-menu-ancestor a,
html[lang=en-US] .header .main-navigation .menu .menu-item.current-menu-item a {
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item:hover span,
html[lang=es-ES] .header .main-navigation .menu .menu-item:hover a,
html[lang=pt-pt] .header .main-navigation .menu .menu-item:hover span,
html[lang=pt-pt] .header .main-navigation .menu .menu-item:hover a,
html[lang=en-US] .header .main-navigation .menu .menu-item:hover span,
html[lang=en-US] .header .main-navigation .menu .menu-item:hover a {
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .menu .menu-item:last-of-type,
html[lang=pt-pt] .header .main-navigation .menu .menu-item:last-of-type,
html[lang=en-US] .header .main-navigation .menu .menu-item:last-of-type {
margin-bottom: 0;
}
html[lang=es-ES] .header .main-navigation .menu + .menu-advert-list,
html[lang=pt-pt] .header .main-navigation .menu + .menu-advert-list,
html[lang=en-US] .header .main-navigation .menu + .menu-advert-list {
display: flex;
}
html[lang=es-ES] .header .main-navigation .child-wrapper,
html[lang=pt-pt] .header .main-navigation .child-wrapper,
html[lang=en-US] .header .main-navigation .child-wrapper {
padding: 0 20px 40px;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.active,
html[lang=pt-pt] .header .main-navigation .child-wrapper.active,
html[lang=en-US] .header .main-navigation .child-wrapper.active {
grid-area: navigation-1;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu {
margin-right: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
display: grid;
align-items: center;
justify-content: center;
padding-top: calc(50vh - 135px);
padding-bottom: 50vh;
background-color: rgba(238, 49, 35, 0.9);
animation: fadeIn 0.3s;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-header,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-header,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-header {
display: block;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-header .return-to-main span,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-header .return-to-main span,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-header .return-to-main span {
width: 70px;
position: absolute;
top: calc(50vh - 200px);
right: 0;
left: 0;
margin: 0 auto;
z-index: 5;
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-header > .mobile,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-header > .mobile,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-header > .mobile {
grid-template-areas: "returnMain returnMain" "menuLink menuLink";
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .menu-item-children,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .menu-item-children,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .menu-item-children {
grid-template-columns: repeat(auto-fill, minmax(100%, 250px));
}
html[lang=es-ES] .header .main-navigation .child-wrapper.login-menu .sub-menu,
html[lang=pt-pt] .header .main-navigation .child-wrapper.login-menu .sub-menu,
html[lang=en-US] .header .main-navigation .child-wrapper.login-menu .sub-menu {
max-width: 280px;
}
html[lang=es-ES] .header .main-navigation .child-wrapper #subMenu2,
html[lang=es-ES] .header .main-navigation .child-wrapper #subMenu3,
html[lang=pt-pt] .header .main-navigation .child-wrapper #subMenu2,
html[lang=pt-pt] .header .main-navigation .child-wrapper #subMenu3,
html[lang=en-US] .header .main-navigation .child-wrapper #subMenu2,
html[lang=en-US] .header .main-navigation .child-wrapper #subMenu3 {
display: none;
}
html[lang=es-ES] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4,
html[lang=pt-pt] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4,
html[lang=en-US] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4 {
display: flex;
width: min-content;
max-width: 100%;
}
html[lang=es-ES] .header .main-navigation .sub-menu,
html[lang=pt-pt] .header .main-navigation .sub-menu,
html[lang=en-US] .header .main-navigation .sub-menu {
width: 100%;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.previous-menu-item,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.previous-menu-item,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.previous-menu-item {
display: none;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children {
transition: background-color 0.1s ease-in-out;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children a:after,
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children a:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children a:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children span:after {
transform: rotate(0);
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active {
background-color: #ae1b19;
transition: background-color 0.5s ease-in-out;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active .mobile-only,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active .mobile-only,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active .mobile-only {
display: grid;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active a:after,
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active a:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active a:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children.active span:after {
background-color: #fff !important;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only .mobile-child-item:first-of-type,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only .mobile-child-item:first-of-type,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-only .mobile-child-item:first-of-type {
display: none;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.active a,
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.active span:not(.item-link),
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.active a,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.active span:not(.item-link),
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.active a,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.active span:not(.item-link) {
color: #fff;
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.active.menu-item-has-children span:after {
background-color: #fff !important;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item:hover.menu-item-has-children span:after {
background-color: #fff !important;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item:hover span:not(.item-link),
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item:hover a,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item:hover span:not(.item-link),
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item:hover a,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item:hover span:not(.item-link),
html[lang=en-US] .header .main-navigation .sub-menu .menu-item:hover a {
color: #fff;
background-color: #ae1b19;
}
html[lang=es-ES] .header .main-navigation .menu-item-children,
html[lang=pt-pt] .header .main-navigation .menu-item-children,
html[lang=en-US] .header .main-navigation .menu-item-children {
grid-template-columns: repeat(auto-fill, minmax(calc(100% - 254px), 250px));
}
html[lang=es-ES] .header .main-navigation .menu-item-header .menu-item-description,
html[lang=pt-pt] .header .main-navigation .menu-item-header .menu-item-description,
html[lang=en-US] .header .main-navigation .menu-item-header .menu-item-description {
font-size: 2.4rem;
padding: 23px 0;
height: 70px;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .desktop,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .desktop,
html[lang=en-US] .header .main-navigation .menu-item-header > .desktop {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile {
display: grid;
grid-template-areas: "menuName returnMain" "menuLink menuLink";
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-name,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-name,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-name {
grid-area: menuName;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .return-to-main,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .return-to-main,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .return-to-main {
grid-area: returnMain;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-link,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-link,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-link {
grid-area: menuLink;
justify-content: flex-start;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-link a,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-link a,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-link a {
margin-bottom: 20px;
}
html[lang=es-ES] .header .main-navigation .menu-description-list .menu-item-description,
html[lang=pt-pt] .header .main-navigation .menu-description-list .menu-item-description,
html[lang=en-US] .header .main-navigation .menu-description-list .menu-item-description {
height: calc(100% - 48px);
}
html[lang=es-ES] .hero .hero-wrapper .hero-item .hero-text .hero-title,
html[lang=pt-pt] .hero .hero-wrapper .hero-item .hero-text .hero-title,
html[lang=en-US] .hero .hero-wrapper .hero-item .hero-text .hero-title {
font-size: 4rem;
line-height: 4.5rem;
}
html[lang=es-ES] .hero .hero-wrapper .hero-list .hero-item .hero-text,
html[lang=pt-pt] .hero .hero-wrapper .hero-list .hero-item .hero-text,
html[lang=en-US] .hero .hero-wrapper .hero-list .hero-item .hero-text {
bottom: 220px;
}
html[lang=es-ES] .hero .hero-wrapper.search-active .hero-item .hero-text,
html[lang=pt-pt] .hero .hero-wrapper.search-active .hero-item .hero-text,
html[lang=en-US] .hero .hero-wrapper.search-active .hero-item .hero-text {
bottom: 250px;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form {
grid-template-columns: repeat(1, 1fr);
max-width: 370px;
margin: 0 auto;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form .input-group,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form .input-group {
max-width: 300px;
margin-bottom: 10px;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search:after,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search:after,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search:after {
width: 45px;
left: 0;
mask-position: center;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search select,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search select,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.country-search select {
padding-left: 45px;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.job-category:after,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.job-category:after,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form .input-group .input-item.job-category:after {
width: 45px;
left: 0;
mask-position: center;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .hero-form .input-group:last-of-type,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .hero-form .input-group:last-of-type,
html[lang=en-US] .hero .hero-wrapper .hero-search .hero-form .input-group:last-of-type {
margin-bottom: 0;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .modal,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .modal,
html[lang=en-US] .hero .hero-wrapper .hero-search .modal {
padding: 0;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .modal .modal-box,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .modal .modal-box,
html[lang=en-US] .hero .hero-wrapper .hero-search .modal .modal-box {
height: 100vh;
max-height: 100%;
max-width: 100%;
border-radius: 0;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .modal .modal-box-top,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .modal .modal-box-top,
html[lang=en-US] .hero .hero-wrapper .hero-search .modal .modal-box-top {
border-radius: 0;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .modal .modal-content,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .modal .modal-content,
html[lang=en-US] .hero .hero-wrapper .hero-search .modal .modal-content {
display: block;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .modal .modal-box-content,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .modal .modal-box-content,
html[lang=en-US] .hero .hero-wrapper .hero-search .modal .modal-box-content {
height: 100%;
overflow-y: scroll;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search .modal .modal-box-content .checkbox-group-list,
html[lang=pt-pt] .hero .hero-wrapper .hero-search .modal .modal-box-content .checkbox-group-list,
html[lang=en-US] .hero .hero-wrapper .hero-search .modal .modal-box-content .checkbox-group-list {
height: 40vh;
}
html[lang=es-ES] .blog-page .hero .hero-wrapper .hero-item .hero-text,
html[lang=pt-pt] .blog-page .hero .hero-wrapper .hero-item .hero-text,
html[lang=en-US] .blog-page .hero .hero-wrapper .hero-item .hero-text {
bottom: 130px;
}
html[lang=es-ES] #locations .location-item,
html[lang=pt-pt] #locations .location-item,
html[lang=en-US] #locations .location-item {
width: 300px;
} }
@media only screen and (max-width: 768px) {
html[lang=es-ES] .slick-slider .slick-arrow,
html[lang=pt-pt] .slick-slider .slick-arrow,
html[lang=en-US] .slick-slider .slick-arrow {
width: 40px;
height: 40px;
}
html[lang=es-ES] .header .main-navigation,
html[lang=pt-pt] .header .main-navigation,
html[lang=en-US] .header .main-navigation {
grid-template-columns: minmax(0, 1fr);
min-width: 0;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop,
html[lang=pt-pt] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop,
html[lang=en-US] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-desktop {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-mobile,
html[lang=pt-pt] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-mobile,
html[lang=en-US] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper.menu-advert-mobile {
display: flex;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper .menu-item-advert,
html[lang=pt-pt] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper .menu-item-advert,
html[lang=en-US] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper .menu-item-advert {
max-width: inherit;
height: auto;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper .flickity-viewport,
html[lang=pt-pt] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper .flickity-viewport,
html[lang=en-US] .header .main-navigation .menu-wrapper .sub-menu.menu-advert-wrapper .flickity-viewport {
height: 100% !important;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper,
html[lang=es-ES] .header .main-navigation .menu-item-children,
html[lang=pt-pt] .header .main-navigation .menu-wrapper,
html[lang=pt-pt] .header .main-navigation .menu-item-children,
html[lang=en-US] .header .main-navigation .menu-wrapper,
html[lang=en-US] .header .main-navigation .menu-item-children {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
html[lang=es-ES] .header .main-navigation .menu-advert-list,
html[lang=pt-pt] .header .main-navigation .menu-advert-list,
html[lang=en-US] .header .main-navigation .menu-advert-list {
width: 100%;
max-width: 100%;
justify-content: center;
}
html[lang=es-ES] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-desktop,
html[lang=pt-pt] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-desktop,
html[lang=en-US] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-desktop {
display: none;
}
html[lang=es-ES] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile,
html[lang=pt-pt] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile,
html[lang=en-US] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile {
display: flex;
width: 100%;
height: 285px;
margin: 0 auto;
}
html[lang=es-ES] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile img,
html[lang=pt-pt] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile img,
html[lang=en-US] .header .main-navigation .menu-advert-list .menu-advert-wrapper.menu-advert-mobile img {
margin: 0 auto;
}
html[lang=es-ES] .header .main-navigation .menu-advert-list .menu-advert-wrapper .flickity-viewport,
html[lang=pt-pt] .header .main-navigation .menu-advert-list .menu-advert-wrapper .flickity-viewport,
html[lang=en-US] .header .main-navigation .menu-advert-list .menu-advert-wrapper .flickity-viewport {
height: 100% !important;
}
html[lang=es-ES] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4,
html[lang=pt-pt] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4,
html[lang=en-US] .header .main-navigation .child-wrapper .sub-wrapper#subMenu4 {
width: 100%;
max-width: 100%;
min-width: 0;
}
html[lang=es-ES] .text-area-block,
html[lang=pt-pt] .text-area-block,
html[lang=en-US] .text-area-block {
padding: 0;
}
html[lang=es-ES] .our-teams .team-item .team-details,
html[lang=pt-pt] .our-teams .team-item .team-details,
html[lang=en-US] .our-teams .team-item .team-details {
padding: 30px 24px;
min-height: 290px;
}
html[lang=es-ES] .latest-vacancies .swipe-for-more.sm-swipe-for-more img,
html[lang=pt-pt] .latest-vacancies .swipe-for-more.sm-swipe-for-more img,
html[lang=en-US] .latest-vacancies .swipe-for-more.sm-swipe-for-more img {
display: block;
}
html[lang=es-ES] .video-block .video-item .video-placeholder ~ .video-wrapper,
html[lang=pt-pt] .video-block .video-item .video-placeholder ~ .video-wrapper,
html[lang=en-US] .video-block .video-item .video-placeholder ~ .video-wrapper {
padding: 0;
}
html[lang=es-ES] .video-block .video-item .video-placeholder ~ .video-wrapper .close-video,
html[lang=pt-pt] .video-block .video-item .video-placeholder ~ .video-wrapper .close-video,
html[lang=en-US] .video-block .video-item .video-placeholder ~ .video-wrapper .close-video {
top: -70px;
right: 0;
left: 0;
margin: 0 auto;
}
html[lang=es-ES] .two-column-block .container,
html[lang=es-ES] .two-column-fluid .container,
html[lang=es-ES] .text-on-image-block .container,
html[lang=es-ES] .news-and-insights .container,
html[lang=es-ES] .wp-block-lazyblock-scroller-block .container,
html[lang=es-ES] .rjp-block .container,
html[lang=pt-pt] .two-column-block .container,
html[lang=pt-pt] .two-column-fluid .container,
html[lang=pt-pt] .text-on-image-block .container,
html[lang=pt-pt] .news-and-insights .container,
html[lang=pt-pt] .wp-block-lazyblock-scroller-block .container,
html[lang=pt-pt] .rjp-block .container,
html[lang=en-US] .two-column-block .container,
html[lang=en-US] .two-column-fluid .container,
html[lang=en-US] .text-on-image-block .container,
html[lang=en-US] .news-and-insights .container,
html[lang=en-US] .wp-block-lazyblock-scroller-block .container,
html[lang=en-US] .rjp-block .container {
max-width: 100%;
overflow: hidden;
}
html[lang=es-ES] .two-column-block .container > .row .col,
html[lang=es-ES] .text-on-image-block .container > .row .col,
html[lang=es-ES] .rjp-block .container > .row .col,
html[lang=pt-pt] .two-column-block .container > .row .col,
html[lang=pt-pt] .text-on-image-block .container > .row .col,
html[lang=pt-pt] .rjp-block .container > .row .col,
html[lang=en-US] .two-column-block .container > .row .col,
html[lang=en-US] .text-on-image-block .container > .row .col,
html[lang=en-US] .rjp-block .container > .row .col {
padding-left: 0;
padding-right: 0;
}
html[lang=es-ES] .two-column-block .column-item,
html[lang=es-ES] .rjp-block .column-item,
html[lang=pt-pt] .two-column-block .column-item,
html[lang=pt-pt] .rjp-block .column-item,
html[lang=en-US] .two-column-block .column-item,
html[lang=en-US] .rjp-block .column-item {
max-width: 513px;
margin: 0 auto;
}
html[lang=es-ES] .two-column-block .column-item .column-content,
html[lang=es-ES] .rjp-block .column-item .column-content,
html[lang=pt-pt] .two-column-block .column-item .column-content,
html[lang=pt-pt] .rjp-block .column-item .column-content,
html[lang=en-US] .two-column-block .column-item .column-content,
html[lang=en-US] .rjp-block .column-item .column-content {
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "colImg colImg" "colTxt colTxt";
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item {
height: 100%;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:first-of-type .rjp-move-right {
right: 27px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:last-of-type .rjp-move-left {
left: 27px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-image,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-image,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-image {
height: 433px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .wrapper,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .wrapper,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .wrapper {
width: 320px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-left,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-left,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-left {
left: -60px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-right,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-right,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-right {
right: -60px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-list,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-list,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-list {
height: 465px;
margin: auto auto 55px;
}
html[lang=es-ES] .two-column-fluid.text-left .column-text .column-content,
html[lang=pt-pt] .two-column-fluid.text-left .column-text .column-content,
html[lang=en-US] .two-column-fluid.text-left .column-text .column-content {
padding-left: 20px;
padding-right: 20px;
}
html[lang=es-ES] .news-and-insights .news-item .news-details,
html[lang=pt-pt] .news-and-insights .news-item .news-details,
html[lang=en-US] .news-and-insights .news-item .news-details {
min-height: 310px;
padding: 20px;
}
html[lang=es-ES] .news-and-insights .news-item .news-details .btn,
html[lang=pt-pt] .news-and-insights .news-item .news-details .btn,
html[lang=en-US] .news-and-insights .news-item .news-details .btn {
bottom: 20px;
}
html[lang=es-ES] #blogContent .blog-introduction,
html[lang=pt-pt] #blogContent .blog-introduction,
html[lang=en-US] #blogContent .blog-introduction {
padding: 0;
}
html[lang=es-ES] #blogContent .sticky-wrapper,
html[lang=pt-pt] #blogContent .sticky-wrapper,
html[lang=en-US] #blogContent .sticky-wrapper {
grid-template-columns: repeat(1, 1fr);
column-gap: 0;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
html[lang=es-ES] #blogContent .blog-wrapper,
html[lang=pt-pt] #blogContent .blog-wrapper,
html[lang=en-US] #blogContent .blog-wrapper {
margin: 20px 0 0;
}
html[lang=es-ES] #blogContent .blog-wrapper .masonry-item .type-post,
html[lang=pt-pt] #blogContent .blog-wrapper .masonry-item .type-post,
html[lang=en-US] #blogContent .blog-wrapper .masonry-item .type-post {
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 0;
margin-bottom: 10px;
}
html[lang=es-ES] #blogContent .blog-wrapper .masonry-item .type-post .post-content p:last-of-type,
html[lang=pt-pt] #blogContent .blog-wrapper .masonry-item .type-post .post-content p:last-of-type,
html[lang=en-US] #blogContent .blog-wrapper .masonry-item .type-post .post-content p:last-of-type {
margin-bottom: 0;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content,
html[lang=en-US] .search-results-wrapper .search-results .job-content {
grid-template-columns: 1fr;
position: relative;
padding: 0;
overflow: hidden;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-details,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-details,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-details {
padding: 20px 123px 0 30px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-details .job-title,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-details .job-title,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-details .job-title {
font-size: 1.8rem;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info {
display: block;
margin-bottom: 24px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span {
margin-right: 0;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-category,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-category,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-category {
font-weight: bold;
padding-left: 25px;
position: relative;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-category:after,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-category:after,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-category:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 17px;
width: 17px;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/team.svg) no-repeat;
mask-size: contain;
mask-position: center;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-location,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-location,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-location {
display: block;
margin: 3px 0;
padding-left: 25px;
position: relative;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-location:after,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-location:after,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-location:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 17px;
width: 17px;
background-color: #203240;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/map-pin.svg) no-repeat;
mask-size: contain;
mask-position: center;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-employment,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-employment,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-employment {
position: absolute;
top: 0;
right: 0;
padding: 4px 10px;
background-color: #ee3123;
color: #fff;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-hours,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-hours,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-hours {
display: block;
top: 45px;
right: 3px;
margin: 3px 0;
padding-left: 17px;
color: #000;
font-size: 1.1rem;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-hours:after,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-hours:after,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-hours:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background-color: #000;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/clock.svg) no-repeat;
mask-size: contain;
mask-position: center;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date {
position: absolute;
top: 30px;
right: 3px;
color: #000;
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding-left: 17px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date:after,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date:after,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date:after {
content: "";
position: absolute;
left: 0;
height: 14px;
width: 14px;
background-color: #000;
mask: url(//jet2careers.com/wp-content/themes/jet2careers/img/icons/calendar.svg) no-repeat;
mask-size: contain;
mask-position: center;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .btn,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .btn,
html[lang=en-US] .search-results-wrapper .search-results .job-content .btn {
width: 100%;
justify-content: center;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-item,
html[lang=pt-pt] .search-results-wrapper .search-results .job-item,
html[lang=en-US] .search-results-wrapper .search-results .job-item {
margin-left: auto;
margin-right: auto;
}
html[lang=es-ES] #loadMoreVacancies,
html[lang=es-ES] .load-more-vacancies,
html[lang=pt-pt] #loadMoreVacancies,
html[lang=pt-pt] .load-more-vacancies,
html[lang=en-US] #loadMoreVacancies,
html[lang=en-US] .load-more-vacancies {
width: 100%;
}
html[lang=es-ES] .app-process-block .ap-item:first-of-type,
html[lang=pt-pt] .app-process-block .ap-item:first-of-type,
html[lang=en-US] .app-process-block .ap-item:first-of-type {
padding-left: 100px;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .video-block .video-item .video-title,
html[lang=pt-pt] .wp-block-lazyblock-video-block .video-block .video-item .video-title,
html[lang=en-US] .wp-block-lazyblock-video-block .video-block .video-item .video-title {
bottom: 20px;
font-size: 3rem;
}
}
@media only screen and (max-width: 675px) {
html[lang=es-ES] .footer #backToTop.show.sticky-show,
html[lang=pt-pt] .footer #backToTop.show.sticky-show,
html[lang=en-US] .footer #backToTop.show.sticky-show {
bottom: 260px;
}
html[lang=es-ES] .news-and-insights .latest-news,
html[lang=pt-pt] .news-and-insights .latest-news,
html[lang=en-US] .news-and-insights .latest-news {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
html[lang=es-ES] .our-teams .team-item .team-item-content,
html[lang=pt-pt] .our-teams .team-item .team-item-content,
html[lang=en-US] .our-teams .team-item .team-item-content {
max-width: 350px;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item:after,
html[lang=pt-pt] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item:after,
html[lang=en-US] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item:after {
display: none;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-image,
html[lang=pt-pt] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-image,
html[lang=en-US] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-image {
display: block;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-title,
html[lang=pt-pt] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-title,
html[lang=en-US] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-title {
display: block;
position: relative;
bottom: 0;
padding: 14px;
font-size: 2.4rem;
background-color: #ee3123;
}
html[lang=es-ES] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-title .video-play,
html[lang=pt-pt] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-title .video-play,
html[lang=en-US] .wp-block-lazyblock-video-block .block-wrapper > .video-block .video-item .video-title .video-play {
position: absolute;
background-size: cover;
top: -100px;
left: 0;
right: 0;
margin: auto;
}
}
@media only screen and (max-width: 640px) {
html[lang=es-ES] .scroller-block .scroller,
html[lang=pt-pt] .scroller-block .scroller,
html[lang=en-US] .scroller-block .scroller {
padding-left: 40px;
padding-right: 40px;
}
html[lang=es-ES] .scroller-block .scroller .slick-arrow.slick-prev,
html[lang=pt-pt] .scroller-block .scroller .slick-arrow.slick-prev,
html[lang=en-US] .scroller-block .scroller .slick-arrow.slick-prev {
left: 0;
}
html[lang=es-ES] .scroller-block .scroller .slick-arrow.slick-next,
html[lang=pt-pt] .scroller-block .scroller .slick-arrow.slick-next,
html[lang=en-US] .scroller-block .scroller .slick-arrow.slick-next {
right: 0;
}
html[lang=es-ES] .two-column-block .column-content,
html[lang=es-ES] .two-column-block .column-content.text-left,
html[lang=pt-pt] .two-column-block .column-content,
html[lang=pt-pt] .two-column-block .column-content.text-left,
html[lang=en-US] .two-column-block .column-content,
html[lang=en-US] .two-column-block .column-content.text-left {
grid-template-areas: "colImg colImg" "colTxt colTxt";
}
html[lang=es-ES] .two-column-block .column-content .column-image,
html[lang=es-ES] .two-column-block .column-content.text-left .column-image,
html[lang=pt-pt] .two-column-block .column-content .column-image,
html[lang=pt-pt] .two-column-block .column-content.text-left .column-image,
html[lang=en-US] .two-column-block .column-content .column-image,
html[lang=en-US] .two-column-block .column-content.text-left .column-image {
background-color: #f2f2f2;
}
html[lang=es-ES] .two-column-block .column-content .column-image img,
html[lang=es-ES] .two-column-block .column-content.text-left .column-image img,
html[lang=pt-pt] .two-column-block .column-content .column-image img,
html[lang=pt-pt] .two-column-block .column-content.text-left .column-image img,
html[lang=en-US] .two-column-block .column-content .column-image img,
html[lang=en-US] .two-column-block .column-content.text-left .column-image img {
display: block;
margin-left: auto;
margin-right: auto;
}
html[lang=es-ES] .two-column-fluid,
html[lang=pt-pt] .two-column-fluid,
html[lang=en-US] .two-column-fluid {
display: grid;
grid-template-areas: "colImg" "colTxt";
}
html[lang=es-ES] .two-column-fluid .column-text,
html[lang=pt-pt] .two-column-fluid .column-text,
html[lang=en-US] .two-column-fluid .column-text {
padding: 50px 0;
grid-area: colTxt;
}
html[lang=es-ES] .two-column-fluid .column-text .col-6,
html[lang=pt-pt] .two-column-fluid .column-text .col-6,
html[lang=en-US] .two-column-fluid .column-text .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
html[lang=es-ES] .two-column-fluid .column-image,
html[lang=pt-pt] .two-column-fluid .column-image,
html[lang=en-US] .two-column-fluid .column-image {
width: 100%;
height: 370px;
position: relative;
grid-area: colImg;
}
html[lang=es-ES] .text-on-image-block .column-wrapper,
html[lang=pt-pt] .text-on-image-block .column-wrapper,
html[lang=en-US] .text-on-image-block .column-wrapper {
padding-top: 370px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-image,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-image,
html[lang=en-US] .text-on-image-block .column-wrapper .column-image {
max-height: 370px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text {
padding: 50px 20px;
width: 100%;
color: #626262;
margin-right: auto;
background: transparent;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content h1,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content h1,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content h1 {
color: #626262;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content h2,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content h2,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content h2 {
color: #626262;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content h3,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content h3,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content h3 {
color: #626262;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content h4,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content h4,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content h4 {
color: #626262;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content h5,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content h5,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content h5 {
color: #626262;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content h6,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content h6,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content h6 {
color: #626262;
font-family: "Libre Franklin", sans-serif;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
}
html[lang=es-ES] .text-on-image-block .column-wrapper .column-text .column-content p,
html[lang=pt-pt] .text-on-image-block .column-wrapper .column-text .column-content p,
html[lang=en-US] .text-on-image-block .column-wrapper .column-text .column-content p {
color: #626262;
}
html[lang=es-ES] .news-and-insights .news-item .news-image,
html[lang=pt-pt] .news-and-insights .news-item .news-image,
html[lang=en-US] .news-and-insights .news-item .news-image {
height: 285px;
}
html[lang=es-ES] .news-and-insights .news-item .news-image a,
html[lang=pt-pt] .news-and-insights .news-item .news-image a,
html[lang=en-US] .news-and-insights .news-item .news-image a {
height: 285px;
}
html[lang=es-ES] .scroller-block .full-scroller .scroll-item img.scroller-image,
html[lang=pt-pt] .scroller-block .full-scroller .scroll-item img.scroller-image,
html[lang=en-US] .scroller-block .full-scroller .scroll-item img.scroller-image {
max-width: 320px;
}
}
@media only screen and (max-width: 575px) {
html[lang=es-ES] body.single .hero .hero-wrapper .hero-list, html[lang=es-ES] body.blog-page .hero .hero-wrapper .hero-list,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list,
html[lang=pt-pt] body.blog-page .hero .hero-wrapper .hero-list,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list,
html[lang=en-US] body.blog-page .hero .hero-wrapper .hero-list {
height: 170px;
}
html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-item .hero-text, html[lang=es-ES] body.blog-page .hero .hero-wrapper .hero-list .hero-item .hero-text,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-item .hero-text,
html[lang=pt-pt] body.blog-page .hero .hero-wrapper .hero-list .hero-item .hero-text,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-item .hero-text,
html[lang=en-US] body.blog-page .hero .hero-wrapper .hero-list .hero-item .hero-text {
bottom: 110px;
}
html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title, html[lang=es-ES] body.blog-page .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title,
html[lang=pt-pt] body.blog-page .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title,
html[lang=en-US] body.blog-page .hero .hero-wrapper .hero-list .hero-item .hero-text .hero-title {
font-size: 2.7rem;
line-height: 2.5rem;
}
html[lang=es-ES] .single-wrapper .blog-title,
html[lang=pt-pt] .single-wrapper .blog-title,
html[lang=en-US] .single-wrapper .blog-title {
font-size: 2rem;
margin-bottom: 20px;
padding-bottom: 20px;
}
html[lang=es-ES] .stats-block .stats-wrapper .stats-list,
html[lang=pt-pt] .stats-block .stats-wrapper .stats-list,
html[lang=en-US] .stats-block .stats-wrapper .stats-list {
grid-template-columns: repeat(1, 1fr);
max-width: 400px;
margin: 0 auto;
}
html[lang=es-ES] .stats-block .stats-wrapper .stats-list .stat-item,
html[lang=pt-pt] .stats-block .stats-wrapper .stats-list .stat-item,
html[lang=en-US] .stats-block .stats-wrapper .stats-list .stat-item {
display: grid;
grid-template-columns: 122px 1fr;
column-gap: 20px;
}
html[lang=es-ES] .stats-block .stats-wrapper .stats-list .stat-item .stat-image,
html[lang=pt-pt] .stats-block .stats-wrapper .stats-list .stat-item .stat-image,
html[lang=en-US] .stats-block .stats-wrapper .stats-list .stat-item .stat-image {
margin-bottom: 0;
width: 122px;
height: 122px;
}
html[lang=es-ES] .stats-block .stats-wrapper .stats-list .stat-item .stat-desc,
html[lang=pt-pt] .stats-block .stats-wrapper .stats-list .stat-item .stat-desc,
html[lang=en-US] .stats-block .stats-wrapper .stats-list .stat-item .stat-desc {
display: flex;
text-align: left;
align-items: center;
}
html[lang=es-ES] .our-brands-block,
html[lang=pt-pt] .our-brands-block,
html[lang=en-US] .our-brands-block {
padding: 60px 0 20px;
}
html[lang=es-ES] .our-brands-block .brands,
html[lang=pt-pt] .our-brands-block .brands,
html[lang=en-US] .our-brands-block .brands {
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
row-gap: 15px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-item,
html[lang=pt-pt] .search-results-wrapper .search-results .job-item,
html[lang=en-US] .search-results-wrapper .search-results .job-item {
max-width: 420px;
}
html[lang=es-ES] #loadMoreVacancies,
html[lang=es-ES] .load-more-vacancies,
html[lang=pt-pt] #loadMoreVacancies,
html[lang=pt-pt] .load-more-vacancies,
html[lang=en-US] #loadMoreVacancies,
html[lang=en-US] .load-more-vacancies {
max-width: 420px;
}
html[lang=es-ES] .app-process-block .ap-item:first-of-type,
html[lang=pt-pt] .app-process-block .ap-item:first-of-type,
html[lang=en-US] .app-process-block .ap-item:first-of-type {
padding-left: 15px;
}
html[lang=es-ES] .app-process-block .ap-item:last-of-type,
html[lang=pt-pt] .app-process-block .ap-item:last-of-type,
html[lang=en-US] .app-process-block .ap-item:last-of-type {
padding-right: 15px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp,
html[lang=pt-pt] .rjp-block .column-content .column-rjp,
html[lang=en-US] .rjp-block .column-content .column-rjp {
height: 500px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item {
width: 280px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:first-of-type, html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item:last-of-type,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:first-of-type,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item:last-of-type,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:first-of-type,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item:last-of-type {
width: 280px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .wrapper,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .wrapper,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .wrapper {
width: 260px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-image,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-image,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-image {
height: 352px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-left,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-left,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-left {
left: 30px;
bottom: 60px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-right,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-right,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-item .rjp-move-right {
right: 30px;
bottom: 60px;
}
html[lang=es-ES] .rjp-block .column-content .column-rjp .rjp-list,
html[lang=pt-pt] .rjp-block .column-content .column-rjp .rjp-list,
html[lang=en-US] .rjp-block .column-content .column-rjp .rjp-list {
margin: auto;
height: 410px;
}
.placeholder-item {
max-width: 420px;
margin: auto auto 24px;
}
.placeholder-item .job-content {
grid-template-columns: 1fr;
padding: 0;
}
.placeholder-item .job-details {
padding: 20px 123px 0 30px;
}
.placeholder-item .job-actions {
width: 100%;
}
.placeholder-item .job-actions .job-view {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media only screen and (max-width: 485px) {
html[lang=es-ES] .header .logo-wrapper,
html[lang=pt-pt] .header .logo-wrapper,
html[lang=en-US] .header .logo-wrapper {
column-gap: 10px;
}
html[lang=es-ES] .header .logo-wrapper .logo,
html[lang=pt-pt] .header .logo-wrapper .logo,
html[lang=en-US] .header .logo-wrapper .logo {
display: flex;
align-items: center;
}
html[lang=es-ES] .header .logo-wrapper .logo a,
html[lang=pt-pt] .header .logo-wrapper .logo a,
html[lang=en-US] .header .logo-wrapper .logo a {
display: block;
max-width: 160px;
}
html[lang=es-ES] .header .logo-wrapper .logo img,
html[lang=pt-pt] .header .logo-wrapper .logo img,
html[lang=en-US] .header .logo-wrapper .logo img {
height: auto;
width: 100%;
max-width: 100%;
}
html[lang=es-ES] .header .main-navigation,
html[lang=pt-pt] .header .main-navigation,
html[lang=en-US] .header .main-navigation {
height: 285px;
}
html[lang=es-ES] .header .main-navigation .menu-wrapper,
html[lang=es-ES] .header .main-navigation .menu-item-children,
html[lang=pt-pt] .header .main-navigation .menu-wrapper,
html[lang=pt-pt] .header .main-navigation .menu-item-children,
html[lang=en-US] .header .main-navigation .menu-wrapper,
html[lang=en-US] .header .main-navigation .menu-item-children {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
html[lang=es-ES] .header .main-navigation .menu-advert-list .menu-advert-wrapper .flickity-viewport,
html[lang=pt-pt] .header .main-navigation .menu-advert-list .menu-advert-wrapper .flickity-viewport,
html[lang=en-US] .header .main-navigation .menu-advert-list .menu-advert-wrapper .flickity-viewport {
height: 285px !important;
}
html[lang=es-ES] .header .main-navigation .menu-item-header .return-to-main,
html[lang=pt-pt] .header .main-navigation .menu-item-header .return-to-main,
html[lang=en-US] .header .main-navigation .menu-item-header .return-to-main {
grid-area: 2/1;
}
html[lang=es-ES] .header .main-navigation .menu-item-header .return-to-main span,
html[lang=pt-pt] .header .main-navigation .menu-item-header .return-to-main span,
html[lang=en-US] .header .main-navigation .menu-item-header .return-to-main span {
width: 100%;
margin-bottom: 3px;
}
html[lang=es-ES] .header .main-navigation .menu-item-header > .mobile .menu-item-name,
html[lang=pt-pt] .header .main-navigation .menu-item-header > .mobile .menu-item-name,
html[lang=en-US] .header .main-navigation .menu-item-header > .mobile .menu-item-name {
font-size: 2.4rem;
padding: 24px 0 22px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page {
align-items: center;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a {
margin-left: 20px;
width: 40px;
height: 40px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .previous-page a:after {
left: 3px;
width: 21px;
height: 21px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy {
align-items: center;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span {
width: 40px;
height: 40px;
margin-right: 20px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span#shareVacancy:after, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span#shareVacancy:after,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span#shareVacancy:after,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span#shareVacancy:after,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span#shareVacancy:after,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span#shareVacancy:after {
left: 6px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social, html[lang=es-ES] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social,
html[lang=pt-pt] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social,
html[lang=en-US] body.single .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social {
right: 0;
}
html[lang=es-ES] .hero .hero-wrapper .hero-search form .input-group .input-item input[type=text]::placeholder,
html[lang=pt-pt] .hero .hero-wrapper .hero-search form .input-group .input-item input[type=text]::placeholder,
html[lang=en-US] .hero .hero-wrapper .hero-search form .input-group .input-item input[type=text]::placeholder {
font-size: 1.2rem;
}
html[lang=es-ES] .app-process-block,
html[lang=pt-pt] .app-process-block,
html[lang=en-US] .app-process-block {
padding: 40px 0;
height: 550px;
}
html[lang=es-ES] .app-process-block .ap-content,
html[lang=pt-pt] .app-process-block .ap-content,
html[lang=en-US] .app-process-block .ap-content {
width: 250px;
height: 300px;
}
html[lang=es-ES] .app-process-block .ap-content:before, html[lang=es-ES] .app-process-block .ap-content:after,
html[lang=pt-pt] .app-process-block .ap-content:before,
html[lang=pt-pt] .app-process-block .ap-content:after,
html[lang=en-US] .app-process-block .ap-content:before,
html[lang=en-US] .app-process-block .ap-content:after {
height: 40px;
width: 40px;
}
html[lang=es-ES] .app-process-block .ap-item .ap-move-left,
html[lang=pt-pt] .app-process-block .ap-item .ap-move-left,
html[lang=en-US] .app-process-block .ap-item .ap-move-left {
left: -20px;
}
html[lang=es-ES] .app-process-block .ap-item .ap-move-right,
html[lang=pt-pt] .app-process-block .ap-item .ap-move-right,
html[lang=en-US] .app-process-block .ap-item .ap-move-right {
right: -20px;
}
html[lang=es-ES] .app-process-block .ap-item .ap-move-left,
html[lang=es-ES] .app-process-block .ap-item .ap-move-right,
html[lang=pt-pt] .app-process-block .ap-item .ap-move-left,
html[lang=pt-pt] .app-process-block .ap-item .ap-move-right,
html[lang=en-US] .app-process-block .ap-item .ap-move-left,
html[lang=en-US] .app-process-block .ap-item .ap-move-right {
width: 40px;
}
html[lang=es-ES] .our-teams .teams,
html[lang=pt-pt] .our-teams .teams,
html[lang=en-US] .our-teams .teams {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
html[lang=es-ES] .our-teams .team-item .team-item-content,
html[lang=pt-pt] .our-teams .team-item .team-item-content,
html[lang=en-US] .our-teams .team-item .team-item-content {
max-width: 100%;
}
html[lang=es-ES] .search-modals .modal .modal-box-content .modal-extra,
html[lang=pt-pt] .search-modals .modal .modal-box-content .modal-extra,
html[lang=en-US] .search-modals .modal .modal-box-content .modal-extra {
grid-template-columns: 1fr;
}
html[lang=es-ES] .vacancy-main-content .vacancy-extra-details,
html[lang=pt-pt] .vacancy-main-content .vacancy-extra-details,
html[lang=en-US] .vacancy-main-content .vacancy-extra-details {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 350px) {
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item {
flex: 0 0 240px;
}
html[lang=es-ES] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item .title,
html[lang=pt-pt] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item .title,
html[lang=en-US] .header .main-navigation .sub-menu .menu-item.menu-item-has-children .mobile-child .mobile-child-item .title {
font-size: 1.7rem;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .previous-page a {
margin-left: 10px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy span {
margin-right: 10px;
}
html[lang=es-ES] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social,
html[lang=pt-pt] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social,
html[lang=en-US] body.vacancy .hero .hero-wrapper .hero-list .hero-extras .share-vacancy .share-social {
right: 10px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-employment,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-employment,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-employment {
font-size: 1rem;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-hours,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-hours,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-hours {
top: initial;
right: initial;
color: #626262;
font-weight: 500;
font-size: 1.4rem;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-left: 25px;
position: relative;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-hours:after,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-hours:after,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-hours:after {
height: 17px;
width: 17px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date {
position: relative;
top: initial;
right: initial;
font-weight: normal;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #626262;
font-size: 1.4rem;
padding-left: 25px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date:after,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date:after,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-info span.job-posted-date:after {
height: 17px;
width: 17px;
}
html[lang=es-ES] .search-results-wrapper .search-results .job-content .job-details,
html[lang=pt-pt] .search-results-wrapper .search-results .job-content .job-details,
html[lang=en-US] .search-results-wrapper .search-results .job-content .job-details {
padding: 30px 20px 0 30px;
}
html[lang=es-ES] .footer #backToTop.show.sticky-show,
html[lang=pt-pt] .footer #backToTop.show.sticky-show,
html[lang=en-US] .footer #backToTop.show.sticky-show {
bottom: 310px;
}
} #loading,
#searchLoading,
.search-loading,
.video-loading {
display: block;
text-align: center;
}
#loading .lds-ellipsis,
#searchLoading .lds-ellipsis,
.search-loading .lds-ellipsis,
.video-loading .lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
#loading .lds-ellipsis div,
#searchLoading .lds-ellipsis div,
.search-loading .lds-ellipsis div,
.video-loading .lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #ee3123;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#loading .lds-ellipsis div:nth-child(1),
#searchLoading .lds-ellipsis div:nth-child(1),
.search-loading .lds-ellipsis div:nth-child(1),
.video-loading .lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
#loading .lds-ellipsis div:nth-child(2),
#searchLoading .lds-ellipsis div:nth-child(2),
.search-loading .lds-ellipsis div:nth-child(2),
.video-loading .lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
#loading .lds-ellipsis div:nth-child(3),
#searchLoading .lds-ellipsis div:nth-child(3),
.search-loading .lds-ellipsis div:nth-child(3),
.video-loading .lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
#loading .lds-ellipsis div:nth-child(4),
#searchLoading .lds-ellipsis div:nth-child(4),
.search-loading .lds-ellipsis div:nth-child(4),
.video-loading .lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
#loading.loaded,
#searchLoading.loaded,
.search-loading.loaded,
.video-loading.loaded {
animation: fadeOut 0.3s;
}
#dataLoaded,
#searchDataLoaded {
display: none;
}
::selection {
background: #ee3123;
color: #fff;
text-shadow: none;
}
.swipe-for-more {
display: block;
position: relative;
margin-bottom: 20px;
}
.swipe-for-more .wrapper-title {
margin-bottom: 0;
}
.swipe-for-more img {
display: none;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1090px) {
.swipe-for-more img {
display: block;
}
}
.scroll-active {
cursor: grabbing;
}
.hidden {
display: none;
height: 0;
opacity: 0;
visibility: hidden;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} @keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 0;
transform: translateY(20px);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
transform: translateX(0);
}
30% {
background-color: transparent;
}
80% {
opacity: 0;
transform: translateX(100px);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: #d1d1d1;
opacity: 0.8;
}
.placeholder.btn::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.5;
}
}
.placeholder-wave {
mask-image: linear-gradient(130deg, #d1d1d1 55%, rgba(0, 0, 0, 0.5) 75%, #d1d1d1 95%);
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
mask-position: -200% 0%;
}
}