@charset "UTF-8";

.flex-row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.flex-row.-end {
align-items: flex-end;
}
.flex-row.-start {
align-items: flex-start;
}
.flex-row.-center {
align-items: center;
}
.c-body {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.015em;
}
.c-bodysmall {
font-size: 16px;
letter-spacing: initial;
line-height: 1.5;
}
.c-bodysmall p {
margin-bottom: 15px !important;
}
.c-bodysmall p, .c-bodysmall li, .c-bodysmall ol {
font-size: 16px;
}
.c-bodysmall ul, .c-bodysmall ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.c-bodysmall ul li, .c-bodysmall ol li {
padding-left: 30px;
margin-bottom: 15px;
position: relative;
}
.c-bodysmall ul li:before, .c-bodysmall ol li:before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 20px;
height: 2px;
background-color: #006ED6;
display: block;
}
.c-bodysmall h2 {
font-size: 20px;
font-weight: 700;
margin-top: 45px;
margin-bottom: 1em;
}
.c-btn {
text-transform: uppercase;
border: 2px solid #006ED6;
font-size: 15px;
font-weight: 900;
padding: 15px 30px;
position: relative;
background-color: #fff;
display: table;
transition: 0.4s background-color ease-out, 0.4s border ease-out, 0.4s padding ease-out;
}
.c-btn .c-btn_arrow {
position: absolute;
transform: translateY(-50%) rotate(-90deg);
opacity: 0;
right: 15px;
top: 50%;
transition: 0.4s opacity ease-out;
}
.c-btn:hover {
background-color: #FADE14;
border: 2px solid #FADE14;
text-decoration: none;
padding: 15px 55px 15px 30px;
}
.c-btn:hover .c-btn_arrow {
opacity: 1;
}
@media (max-width: 768px) {
.c-btn {
border: 0;
background-color: #FFDD00;
color: #006ED6;
}
.c-btn:hover {
padding: 15px 30px;
}
.c-btn .c-btn_arrow {
display: none;
}
}
.c-subtitle {
font-size: 32px;
font-weight: 500;
}
.c-subtitle.-small {
font-size: 24px;
}
.c-jobs_page .c-title {
color: #000;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.015em;
}
.c-jobs_page .c-title.-h1 {
font-size: 48px;
margin-bottom: 30px;
}
.c-jobs_page .c-title.-h2 {
font-size: 40px;
margin-bottom: 30px;
}
.c-jobs_page .breadcrumbs {
padding-left: 0;
}
.c-job_container {
padding: 0 7vw;
}
.c-job_top {
padding-top: 30px;
}
.u-hidden {
position: absolute;
left: -999999px;
top: -999999px;
opacity: 0;
}
.-fade {
opacity: 0;
transition: 0.4s opacity ease-out;
}
.-fade.is-inview {
opacity: 1;
}
.-faded0 {
opacity: 0;
transition: 0.4s opacity ease-out 0.2s;
}
.-faded0.is-inview {
opacity: 1;
}
.-faded1 {
opacity: 0;
transition: 0.4s opacity ease-out 0.4s;
}
.-faded1.is-inview {
opacity: 1;
}
.-faded2 {
opacity: 0;
transition: 0.4s opacity ease-out 0.6s;
}
.-faded2.is-inview {
opacity: 1;
}
.-faded3 {
opacity: 0;
transition: 0.4s opacity ease-out 0.8s;
}
.-faded3.is-inview {
opacity: 1;
}
.-fadeUp, .-fadeUpd0 {
opacity: 0;
transform: translateY(50px);
transition: 0.4s opacity ease-out, 0.4s transform ease-out;
}
.-fadeUp.is-inview, .-fadeUpd0.is-inview {
opacity: 1;
transform: translateY(0);
}
.-fadeUpd1 {
opacity: 0;
transform: translateY(50px);
transition: 0.4s opacity ease-out 0.2s, 0.4s transform ease-out 0.2s;
}
.-fadeUpd1.is-inview {
opacity: 1;
transform: translateY(0);
}
.-fadeUpd2 {
opacity: 0;
transform: translateY(50px);
transition-delay: 0.4s;
transition: 0.4s opacity ease-out 0.4s, 0.4s transform ease-out 0.4s;
}
.-fadeUpd2.is-inview {
opacity: 1;
transform: translateY(0);
}
.-fadeUpd3 {
opacity: 0;
transform: translateY(50px);
transition-delay: 0.6s;
transition: 0.4s opacity ease-out 0.6s, 0.4s transform ease-out 0.6s;
}
.-fadeUpd3.is-inview {
opacity: 1;
transform: translateY(0);
}
.lb-details, .lb-nav {
display: none;
}
.lb-data .lb-close {
position: absolute;
top: 0;
right: 10px;
transform: translateY(-130%);
}
#lightboxOverlay .lightbox .lb-image {
border: 0;
border-radius: 0;
}
.c-mediatext {
padding-bottom: 60px;
}
.c-mediatext_media img {
width: 100%;
height: auto;
}
.c-mediatext_text {
padding-right: 8vw;
padding-top: 45px;
padding-bottom: 45px;
}
.c-mediatext_text .c-btn {
margin-top: 60px;
display: table;
}
.c-valeurs {
padding-top: 150px;
padding-bottom: 25vw;
position: relative;
}
.c-valeurs .c-job_container {
position: relative;
z-index: 2;
}
.c-valeurs_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.c-valeurs_bg img {
width: 100%;
height: auto;
}
.c-valeurs_bg img.-mobile {
display: none;
}
.c-valeurs_bgspacer {
flex-grow: 1;
background-color: #ff916f;
}
.c-valeurs_title {
text-align: center;
margin-bottom: 60px;
}
.c-valeurs_list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
align-items: stretch;
background-color: #fff;
border-radius: 30px;
-webkit-box-shadow: -2px 10px 36px 0px rgba(0, 0, 0, 0.25);
box-shadow: -2px 10px 36px 0px rgba(0, 0, 0, 0.25);
padding: 40px 0;
}
.c-valeurs_list .c-valeur {
width: 25%;
padding: 0 45px;
text-align: center;
border-right: 2px solid #006ED6;
}
.c-valeurs_list .c-valeur:last-of-type {
border-right: 0;
}
.c-accordions {
margin-bottom: 50px;
}
.c-accordions_wrap {
display: flex;
flex-wrap: wrap;
border-bottom: 2px solid #006ED6;
}
.c-accordions_list {
width: 60%;
display: flex;
flex-direction: column;
}
.c-accordions_title {
margin-bottom: 120px;
}
.c-accordion {
padding: 30px 0;
border-bottom: 2px solid #006ED6;
}
.c-accordion:last-of-type {
border-bottom: 0;
}
.c-accordion_content {
display: none;
}
.c-accordion_body {
opacity: 0;
padding-top: 20px;
transition: 0.4s opacity ease-out;
}
.-is-extended .c-accordion_body {
opacity: 1;
}
.c-accordion_body .c-btn {
margin-top: 30px;
display: table;
}
.c-accordion_head {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.c-accordion_head p {
font-size: 24px;
font-weight: 700;
line-height: 1.4;
color: #000;
margin: 0;
padding-right: 15px;
}
.c-accordion_arrow {
transform: rotate(0);
transition: 0.4s transform ease-out;
}
.-arrowflip .c-accordion_arrow {
transform: rotate(180deg);
}
.c-accordion_icns {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.c-accordion_icns li {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}
.c-accordion_icns li img {
max-width: 100%;
height: auto;
}
.c-accordions_bg {
width: 40%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.c-accordions_bg img {
width: 310px;
height: auto;
display: table;
margin-left: auto;
}
.c-temoignages {
padding: 120px 0;
position: relative;
}
.c-temoignages .c-job_container {
position: relative;
z-index: 2;
}
.c-temoignages_bg {
position: absolute;
top: 0;
width: 100%;
height: auto;
}
.c-temoignages_bg img {
width: 100%;
height: auto;
}
.c-temoignages_bg img.mobile {
display: none;
}
.c-temoignage_shape {
position: relative;
filter: drop-shadow(5px 22px 36px rgba(0, 0, 0, 0.25));
}
.c-temoignage_medias {
z-index: 4;
}
.c-temoignage_medias .slick-list {
overflow: visible !important;
}
.c-temoignage_media {
position: relative;
}
.c-temoignage_media img {
-webkit-mask-image: url(//www.korem.com/wp-content/themes/theme_korem/images/temoignage-mask.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% auto;
position: relative;
z-index: 2;
width: 96%;
margin-top: -5%;
margin-left: 3.5%;
}
.c-temoignage_media svg {
display: block;
position: absolute;
}
.c-temoignage_media svg.top {
width: 20%;
height: auto;
top: 0;
right: 0;
}
.c-temoignage_media svg.bottom {
width: 22%;
height: auto;
left: 0;
bottom: 0;
}
.c-temoignage_media svg.background {
width: 100%;
height: 100%;
transform: none;
top: 0;
left: 0;
z-index: 1;
}
.c-temoignage_sliders {
display: flex;
flex-wrap: wrap;
margin-top: 160px;
}
.c-temoignage_authors {
width: 50%;
padding: 0 70px 0 0;
max-width: 650px;
}
@media (max-width: 1440px) {
.c-temoignage_authors {
max-width: 500px;
}
}
.c-temoignage_content {
width: 50%;
padding: 0 0 0 70px;
}
.c-temoignage_bloc {
background-color: #fff;
padding: 60px;
position: relative;
border-radius: 30px;
filter: drop-shadow(11px 9px 35px rgba(0, 0, 0, 0.25));
}
.c-temoignage_bloc .slick-dots {
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
display: flex;
list-style-type: none;
}
.c-temoignage_bloc .slick-dots li.slick-active button {
background-color: #006ED6;
}
.c-temoignage_bloc .slick-dots li {
margin-right: 10px;
}
.c-temoignage_bloc .slick-dots li:last-of-type {
margin-right: 0;
}
.c-temoignage_bloc .slick-dots li button {
font-size: 0;
padding: 0;
width: 12px;
max-width: 12px;
min-width: 12px;
height: 12px;
max-height: 12px;
min-height: 12px;
border-radius: 200%;
border: 2px solid #006ED6;
background-color: transparent;
transition: 0.4s background-color ease-out;
}
.c-temoignagetext_slide {
text-align: center;
}
.c-temoignagetext_slide .c-body {
margin-bottom: 30px;
}
.c-contentrow {
margin-bottom: 100px;
}
.c-contentrow .c-title.-mobile {
display: none;
}
.c-contentrow .c-body {
font-size: 24px;
}
.c-contentrow .c-body ul, .c-contentrow .c-body ol {
font-size: 20px;
margin-left: 30px;
}
.c-contentrow.-containright {
padding-right: 7vw;
}
.c-contentrow.-mediaright img {
display: table;
margin-left: auto;
}
.c-imageslider {
position: relative;
}
.c-imageslider.-desktop {
display: block;
}
.c-imageslider.-mobile {
display: none;
}
.c-imageslider .c-imageslider_arrow {
position: absolute;
width: 50%;
height: 100%;
background-color: transparent;
z-index: 2;
top: 0;
left: 0;
cursor: url(//www.korem.com/wp-content/themes/theme_korem/images/slidercursor.png), auto;
}
.c-imageslider .c-imageslider_arrow.-next {
left: 50%;
cursor: url(//www.korem.com/wp-content/themes/theme_korem/images/slidercursornext.png), auto;
}
.c-imageslider .slick-dots {
margin: 0 30px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
position: relative;
z-index: 2;
}
.c-imageslider .slick-dots li.slick-active button {
background-color: #006ED6;
}
.c-imageslider .slick-dots li {
margin-right: 10px;
}
.c-imageslider .slick-dots li:last-of-type {
margin-right: 0;
}
.c-imageslider .slick-dots li button {
font-size: 0;
padding: 0;
width: 12px;
max-width: 12px;
min-width: 12px;
height: 12px;
max-height: 12px;
min-height: 12px;
border-radius: 200%;
border: 2px solid #006ED6;
background-color: transparent;
transition: 0.4s background-color ease-out;
}
@media (max-width: 768px) {
.c-imageslider.-desktop {
display: none;
}
.c-imageslider.-mobile {
display: block;
}
}
.c-imageslider_slide {
position: relative;
}
@media (max-width: 1440px) {
.c-imageslider_slide .-slide1_containtitle .c-title {
font-size: 32px;
padding-left: 0 !important;
}
}
@media (max-width: 1200px) {
.c-imageslider_slide .-slide1_containtitle .c-title {
font-size: 28px;
}
}
@media (max-width: 1024px) {
.c-imageslider_slide .-slide1_containtitle .c-title {
font-size: 24px;
}
}
@media (max-width: 850px) {
.c-imageslider_slide .-slide1_containtitle .c-title {
font-size: 20px;
}
}
@media (max-width: 768px) {
.c-imageslider_slide .-slide1_containtitle .c-title {
font-size: 20px !important;
}
}
.c-imageslider_slide.-slide1 .-bg2 {
left: 55vw;
top: 50%;
transform: translate(0%, -50%);
width: 30vw;
}
.c-imageslider_slide.-slide1 .-slide1_containtitle {
width: 34%;
position: relative;
}
.c-imageslider_slide.-slide1 .-slide1_containtitle .-bg1 {
width: 20vw;
max-width: 20vw;
min-width: 20vw;
left: -3vw;
top: -85px;
z-index: -1;
position: absolute;
}
.c-imageslider_slide.-slide1 .-slide1_containtitle .c-title {
position: absolute;
left: 7vw;
top: 0;
margin-top: 150px;
padding-left: 50px;
}
.c-imageslider_slide.-slide1 .-slide1_containtitle .c-title.-subtitle {
top: unset;
bottom: 0;
width: 50vw;
text-align: left;
margin-bottom: 45px;
}
.c-imageslider_slide.-slide1 .-slide1_containtitle .c-title.-subtitle img {
position: absolute;
left: 0;
top: 0;
width: 20vw;
height: auto;
transform: translate(6vw, -160%) rotate(0);
transition: 0.4s transform ease-out;
}
.c-imageslider_slide.-slide1 .-slide1_containtitle .c-title.-subtitle img:hover {
transform: translate(6vw, -160%) rotate(-30deg);
}
.c-imageslider_slide.-slide1 .-slide1_containleft {
width: 33%;
display: flex;
flex-direction: column;
justify-content: center;
}
.c-imageslider_slide.-slide1 .-slide1_containright {
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
}
.c-imageslider_slide.-slide2 .-slide2_containtop {
width: 100%;
display: flex;
justify-content: flex-start;
}
.c-imageslider_slide.-slide2 .-slide2_containbottom {
width: 100%;
display: flex;
justify-content: flex-end;
}
.c-imageslider_slide.-slide2 .-bg1 {
position: absolute;
top: 50%;
left: 10vw;
width: 27vw;
}
.c-imageslider_slide.-slide2 .-bg2 {
position: absolute;
right: -5vw;
top: 20%;
width: 30vw;
}
.c-imageslider_slide.-slide3 .-slide3_containtop {
width: 100%;
display: flex;
justify-content: space-between;
}
.c-imageslider_slide.-slide3 .-slide3_containbottom {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 70px;
}
.c-imageslider_slide.-slide3 .-bg1 {
position: absolute;
right: 17vw;
width: 32vw;
top: 100px;
}
.c-imageslider_slide.-slide4 .-slide4_containtop {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.c-imageslider_slide.-slide4 .-slide4_containbottom {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 80px;
}
.c-imageslider_slide.-slide4 .-bg1 {
position: absolute;
top: 50%;
left: 7vw;
width: 30vw;
transform: translateY(-30%);
}
.c-imageslider_slide.-slide4 .-bg2 {
position: absolute;
right: 14vw;
top: 25%;
width: 25vw;
}
.c-imageslider_carousel .slick-list {
overflow: visible;
}
.c-imageslider_carousel .-bg1  {
position: absolute;
}
.c-imageslider_carousel .-bg2 {
position: absolute;
}
.c-imageslider_carousel .slick-track {
display: flex !important;
}
.c-imageslider_carousel .slick-slide {
height: inherit !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.c-imageslider_medias {
display: flex;
align-items: stretch;
}
.c-imageslider_img {
position: relative;
z-index: 2;
overflow: hidden;
}
.c-imageslider_img img {
position: absolute;
width: 100%;
display: block;
object-fit: cover;
}
.c-imageslider_img:after {
content: "";
display: block;
}
.c-imageslider_img.-img1 {
width: 20vw;
transform: rotate(-15deg);
margin-left: 70px;
}
.c-imageslider_img.-img1:after {
padding-bottom: 100%;
}
.c-imageslider_img.-img2 {
width: 23vw;
margin-bottom: 70px;
}
.c-imageslider_img.-img2:after {
padding-bottom: 75%;
}
.c-imageslider_img.-img3 {
width: 18vw;
}
.c-imageslider_img.-img3:after {
padding-bottom: 130%;
}
.c-imageslider_img.-img4 {
width: 20vw;
transform: rotate(15deg) translateY(35%);
margin-right: 140px;
margin-left: 140px;
}
.c-imageslider_img.-img4:after {
padding-bottom: 100%;
}
.c-imageslider_img.-img5 {
width: 28vw;
transform: rotate(-15deg);
}
.c-imageslider_img.-img5:after {
padding-bottom: 75%;
}
.c-imageslider_img.-img6 {
width: 20vw;
margin-right: 70px;
transform: translate(-20%, 15%);
}
.c-imageslider_img.-img6:after {
padding-bottom: 100%;
}
.c-imageslider_img.-img7 {
width: 20vw;
margin-right: 70px;
}
.c-imageslider_img.-img7:after {
padding-bottom: 75%;
}
.c-imageslider_img.-img8 {
width: 45vw;
margin-right: 70px;
margin-left: 70px;
margin-top: 80px;
}
.c-imageslider_img.-img8:after {
padding-bottom: 43%;
}
.c-imageslider_img.-img9 {
width: 20vw;
margin-right: 50px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
flex-direction: column;
}
.c-imageslider_img.-img9:after {
padding-bottom: 66%;
}
.c-imageslider_img.-img10 {
width: 20vw;
margin-left: 120px;
transform: rotate(15deg);
}
.c-imageslider_img.-img10:after {
padding-bottom: 100%;
}
.c-imageslider_img.-img11 {
width: 40vw;
margin-right: 11vw;
}
.c-imageslider_img.-img11:after {
padding-bottom: 55%;
}
.c-imageslider_img.-img12 {
width: 28vw;
margin-right: 19vw;
padding-top: 50px;
margin-left: 19vw;
}
.c-imageslider_img.-img12:after {
padding-bottom: 66%;
}
.c-imageslider_img.-img13 {
width: 16vw;
margin-right: 10vw;
}
.c-imageslider_img.-img13:after {
padding-bottom: 133%;
}
.c-imageslider_img.-img14 {
width: 13vw;
transform: rotate(-15deg);
margin-left: 11vw;
}
.c-imageslider_img.-img14:after {
padding-bottom: 66%;
}
.c-imageslider_img.-img15 {
width: 30vw;
margin-right: 13vw;
}
.c-imageslider_img.-img15:after {
padding-bottom: 66%;
}
.c-imageslider_mobile {
position: relative;
margin: 0 15px;
}
.c-imageslider_mobile:after {
content: "";
display: block;
padding-bottom: 100%;
}
.c-imageslider_mobile img {
width: 100%;
height: 100%;
position: absolute;
object-position: center;
object-fit: cover;
}
.c-imageslider_mobilecarousel .slick-track {
display: flex !important;
}
.c-imageslider_mobilecarousel .slick-list {
overflow: visible;
}
.c-imageslider_mobilecarousel .slick-slide {
height: inherit !important;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.c-imageslider_mobileslide {
position: relative;
}
.c-imageslider_mobileslide .-mobilebg {
position: absolute;
z-index: -1;
max-width: unset;
}
.c-imageslider_mobileslide .-mobile2 {
position: absolute;
bottom: 0;
right: -60px;
width: 97vw;
height: auto;
}
.c-imageslider_mobileslide .-mobile3 {
width: 125vw;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.c-imageslider_mobileslide .-mobile4 {
top: 0;
left: 50%;
width: 96vw;
transform: rotate(-150deg);
}
.c-imageslider_mobileslide .-mobile5 {
width: 60vw;
bottom: -20px;
left: 50%;
}
.c-imageslider_mobileslide .-mobile6 {
width: 116vw;
right: -25%;
top: 50%;
transform: translateY(-50%);
}
.c-imageslider_mobileslide .-mobile7 {
width: 55vw;
right: 50%;
bottom: 0;
}
.c-mobiletitle {
text-align: center;
padding: 8px 30px;
font-size: 13px;
opacity: 0;
}
.c-mobiletitle.-child0 {
opacity: 1;
}
.c-imageslider_mobiletitle {
position: relative;
}
.c-imageslider_mobiletitle h2 {
position: relative;
z-index: 2;
margin-top: 60px !important;
padding-left: 25px;
margin-bottom: 60px !important;
}
.c-imageslider_mobiletitle .-arrow {
position: absolute;
top: 0;
right: 0;
}
.c-imageslider_mobiletitle .-mobile1 {
top: 0px;
transform: translateX(-30%);
width: 76vw;
}
.c-environement {
padding-top: 60px;
}
.c-environement_img1 {
width: 48%;
position: relative;
}
.c-environement_img1 img {
position: absolute;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.c-environement_img1:after {
content: "";
display: block;
padding-bottom: 74%;
}
.c-environement_img2 {
width: 48%;
position: relative;
margin-left: auto;
margin-top: -10%;
}
.c-environement_img2 img {
position: absolute;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.c-environement_img2:after {
content: "";
display: block;
padding-bottom: 74%;
}
.c-environement_img3 {
width: 35%;
position: relative;
margin-top: -5%;
}
.c-environement_img3 img {
position: absolute;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.c-environement_img3:after {
content: "";
display: block;
padding-bottom: 130%;
}
.c-environement_bottom {
margin-bottom: 60px;
position: relative;
}
.c-env_title {
width: 65%;
padding: 0 0 0 7vw;
}
.c-env_title .c-title {
font-size: 43px;
font-weight: 700;
margin-bottom: 60px;
}
.c-env_title .-accent {
max-width: 20vw;
}
.c-awards {
padding: 380px 0 480px;
position: relative;
color: #fff;
}
@media (max-width: 1500px) {
.c-awards {
padding-bottom: 430px;
padding-top: 280px;
}
}
@media (max-width: 1250px) {
.c-awards {
padding-top: 280px;
padding-bottom: 230px;
}
}
@media (max-width: 1100px) {
.c-awards {
padding-top: 180px;
padding-bottom: 200px;
}
}
@media (max-width: 768px) {
.c-awards {
padding-top: 120px;
padding-bottom: 180px;
}
}
.c-awards .c-awards_title {
text-align: center;
}
.c-awards .c-job_container {
position: relative;
z-index: 2;
}
.c-awards .c-job_container .c-title {
color: #fff;
}
.c-awards .c-awards_bg {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.c-awards .c-awards_bg img {
width: 100%;
height: 100%;
object-position: auto 100%;
object-fit: cover;
}
.c-awards .c-awards_bg img.-mobile {
display: none;
}
@media (max-width: 450px) {
.c-awards .c-awards_bg {
height: 100%;
}
}
@media (max-width: 768px) {
.c-awards .c-awards_bg img.-desktop {
display: none;
}
.c-awards .c-awards_bg img.-mobile {
display: block;
}
}
.c-awards_slider {
max-width: 1400px;
margin: 45px auto 0;
}
@media (max-width: 768px) {
.c-awards_slider {
margin: 0 15px;
}
}
.c-awards_slider .slick-track {
display: flex !important;
}
.c-awards_slider .slick-slide {
height: inherit !important;
}
.c-awards_slider .slick-arrow {
background-color: transparent;
width: 8px;
height: 20px;
background-image: url(//www.korem.com/wp-content/themes/theme_korem/images/arrowslider.svg);
background-repeat: no-repeat;
background-size: cover;
border: 0;
font-size: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.c-awards_slider .slick-arrow.slick-prev {
left: -15px;
transform: translateY(-50%) rotate(180deg);
}
.c-awards_slider .slick-arrow.slick-next {
right: -15px;
}
@media (max-width: 768px) {
.c-awards_slider .slick-arrow.slick-prev {
left: -15px;
}
.c-awards_slider .slick-arrow.slick-next {
right: -15px;
}
}
.c-awards_slide {
width: calc(100% / 6);
margin-bottom: 20px;
}
.c-award_bloc {
border-radius: 30px;
padding: 10px 20px;
background-color: #fff;
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
margin: 0 20px;
position: relative;
}
@media (max-width: 768px) {
.c-award_bloc {
padding: 10px;
margin: 0 10px;
border-radius: 25px;
}
}
.c-award_bloc:after {
content: "";
display: block;
width: calc(100% - 60px);
left: 50%;
top: 50%;
background-color: #006ED6;
height: 2px;
position: absolute;
transform: translate(-50%, -50%);
}
.c-award_img {
display: flex;
height: 50%;
align-items: center;
justify-content: center;
}
.c-award_img:first-of-type {
padding-bottom: 10px;
}
.c-award_img:last-of-type {
padding-top: 10px;
}
.c-joblist {
padding-top: 200px;
padding-bottom: 140px;
}
.c-joblist .-mobile {
display: none;
}
@media (max-width: 1700px) {
.c-joblist {
padding-top: 0;
}
}
@media (max-width: 768px) {
.c-joblist .-mobile {
display: block;
}
.c-joblist .-mobile.c-body {
text-align: center;
padding: 0 30px;
font-size: 15px;
font-weight: 500;
margin-bottom: 50px;
margin-top: 30px;
}
.c-joblist .-mobile.c-btn {
text-align: center;
color: #006ED6;
background-color: #FFDD00;
border: 0;
}
}
.c-joblist_title {
position: relative;
}
.c-joblist_title .c-title {
position: relative;
display: table;
}
.c-joblist_title .c-title .-accent {
position: absolute;
top: 0;
right: 0;
transform: translate(120%, -100%);
}
.c-joblist_title .c-body {
margin: 60px 0;
max-width: 420px;
}
@media (max-width: 768px) {
.c-joblist_title .-desktop {
display: none;
}
}
.c-joblist_filter {
margin-top: 50px;
}
.c-joblist_filter ul {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 3px solid #006ED6;
margin: 0;
padding: 0;
}
.c-joblist_filter ul li {
list-style-type: none;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.c-joblist_filter ul li:hover button {
opacity: 0.7;
}
.c-joblist_filter ul li button {
background-color: transparent;
border: 0;
font-size: 20px;
font-weight: 700;
padding: 8px 20px 5px;
color: #9F9F9F;
line-height: 1;
background-color: transparent;
opacity: 1;
transition: 0.4s background-color ease-out, 0.4s color ease-out, 0.4s opacity ease-out;
}
@media (max-width: 768px) {
.c-joblist_filter ul li button {
font-size: 14px;
padding: 8px 10px 5px;
}
}
.c-joblist_filter ul li.-active button {
color: #fff;
background-color: #006ED6;
}
@media (max-width: 992px) {
.c-joblist_filter {
margin-top: 100px;
}
}
@media (max-width: 768px) {
.c-joblist_filter {
margin-top: 50px;
}
}
.c-joblist_wrap {
opacity: 0;
transition: 0.4s opacity ease-out;
}
.-active .c-joblist_wrap {
opacity: 1;
}
.c-job_nojob {
padding: 20px 0;
margin: 0;
font-size: 16px;
}
.c-joblist_job {
border-bottom: 3px solid #006ED6;
}
.c-joblist_job a {
padding: 25px 0;
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
text-decoration: none;
transition: 0.4s padding ease-out;
}
.c-joblist_job a:hover {
padding: 25px 15px;
}
.c-joblist_job a p {
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
margin-right: 30px;
}
@media (max-width: 768px) {
.c-joblist_job a p {
font-size: 13px;
font-weight: 500;
}
}
.c-joblist_job a img {
transform: rotate(-90deg);
}
@media (max-width: 1420px) {
.c-temoignages_bg {
top: 15%;
}
}
@media (max-width: 1350px) {
.c-jobs_page .c-title.-h1 {
font-size: 36px;
}
.c-subtitle {
font-size: 28px;
}
.c-subtitle.-small {
font-size: 20px;
}
.c-valeurs .c-title {
font-size: 20px;
}
.c-valeurs .c-body {
font-size: 16px;
}
.c-valeurs_list .c-valeur {
padding: 0 30px;
}
.c-accordion_head p {
font-size: 18px;
}
.c-env_title .c-title {
font-size: 33px;
}
.c-contentrow {
margin-bottom: 50px;
}
.c-contentrow .c-body {
font-size: 18px;
}
.c-contentrow .c-body ul, .c-contentrow .c-body ol {
font-size: 16px;
margin-left: 15px;
}
.c-body {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.c-valeurs_list .c-valeur {
width: 50%;
margin-bottom: 30px;
}
.c-valeurs_list .c-valeur:nth-child(even) {
border-right: 0;
}
.c-valeurs_list .c-valeur:nth-last-child(-n+2) {
margin-bottom: 0;
}
.c-subtitle {
font-size: 24px;
}
.c-subtitle.-small {
font-size: 20px;
}
.c-accordions_title {
margin-bottom: 0;
}
.c-accordion_icns li {
width: calc(100% / 3);
margin-bottom: 15px;
}
.c-accordion_icns li:last-of-type {
margin-bottom: 0;
}
.c-accordions_list {
width: 100%;
}
.c-accordions_bg {
display: none;
}
.c-temoignages_bg {
top: 25%;
}
.c-temoignage_sliders {
margin-top: 100px;
}
}
@media (max-width: 992px) {
.c-subtitle {
font-size: 15px;
}
.c-subtitle.-small {
font-size: 15px;
}
.c-joblist_title {
text-align: center;
}
.c-joblist_title h2 {
margin: 0 auto 30px !important;
}
.c-joblist_title .c-body {
margin: 30px 0;
}
.c-joblist_title .c-btn {
margin: 0 auto;
}
.c-contentrow {
margin-bottom: 30px;
}
.c-contentrow .c-title {
text-align: center;
}
.c-contentrow .c-title.-mobile {
display: block;
padding: 0 7vw;
text-align: center;
}
.c-contentrow .c-title.-desktop {
display: none;
}
.c-contentrow .c-body {
font-size: 15px;
}
.c-contentrow .c-body ul, .c-contentrow .c-body ol {
font-size: 13px;
margin-left: 15px;
}
.c-contentrow.-containright {
padding-right: 0;
}
.c-contentrow .c-contentrow_content {
padding: 30px 7vw 0;
}
.c-contentrow.-mediaright .col-md-7 {
order: 2;
}
.c-contentrow.-mediaright img {
display: table;
margin-left: auto;
}
.c-env_title .c-title {
font-size: 28px;
}
.c-joblist_title .c-title {
position: unset;
}
.c-joblist_title .c-title .-accent {
display: none;
}
.c-joblist_title .c-body {
max-width: 100%;
}
.c-temoignage_content {
padding-left: 35px;
}
.c-joblist_job a:hover {
padding: 25px 0;
}
}
@media (max-width: 768px) {
.c-job_container {
padding: 0 15px;
}
.c-jobs_page .c-title.-h1 {
font-size: 30px;
}
.c-jobs_page .c-title.-h2 {
font-size: 25px;
}
.c-body {
font-size: 15px;
}
.c-mediatext {
text-align: center;
}
.c-mediatext .c-btn {
margin: 20px auto;
}
.c-mediatext_text {
order: 2;
padding-right: 15px;
}
.c-valeurs {
padding-top: 80px;
padding-bottom: 140px;
}
.c-valeurs_bg {
display: flex;
flex-direction: column;
height: 100%;
}
.c-valeurs_bg img.-desktop {
display: none;
}
.c-valeurs_bg img.-mobile {
display: block;
}
.c-valeurs_bg img.-mobile.-top {
transform: translateY(1px);
}
.c-valeurs_bg img.-mobile.-bottom {
margin-top: -1px;
}
.c-valeurs_bgspacer {
flex-grow: 1;
background-color: #FF9773;
}
.c-valeurs_list {
padding: 30px 60px;
}
.c-valeurs_list .c-valeur {
width: 100%;
margin-bottom: 30px;
border-bottom: 2px solid #006ED6;
padding-bottom: 30px;
border-right: 0;
}
.c-valeurs_list .c-valeur:nth-last-child(-n+2) {
margin-bottom: 30px;
}
.c-valeurs_list .c-valeur:last-of-type {
margin-bottom: 0;
border-bottom: 0;
}
.c-accordion_head p {
font-size: 13px;
}
.c-environement_top, .c-environement_bottom {
padding: 0 15px;
}
.c-environement_img1, .c-environement_img2 {
width: 100%;
margin-bottom: 30px;
margin-top: 0;
}
.c-environement_img1 img, .c-environement_img2 img {
position: relative;
width: 100%;
height: auto;
}
.c-environement_img1:after, .c-environement_img2:after {
display: none;
}
.c-environement_img3 {
width: 100%;
margin-top: 0;
}
.c-environement_img3 img {
position: relative;
width: 100%;
height: auto;
}
.c-environement_img3:after {
display: none;
}
.c-env_title {
width: 100%;
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.c-env_title .c-title {
font-size: 13px;
font-weight: 500;
margin-bottom: 0;
width: 55%;
}
.c-env_title img.-accent {
transform: scale(-1, 1) rotate(45deg);
max-width: 35%;
margin-top: 15px;
}
.c-temoignages {
padding: 25px 0 150px;
}
.c-temoignage_bloc {
padding: 60px 30px;
}
.c-temoignage_authors {
max-width: 300px;
margin: 0 auto;
padding-right: 0;
position: relative;
z-index: 3;
}
.c-temoignage_content {
width: 100%;
padding-left: 0;
transform: translateY(-45px);
}
}
@media (max-width: 500px) {
.c-temoignages_bg {
top: 13%;
}
.c-temoignages_bg img.mobile {
display: block;
}
.c-temoignages_bg img.desktop {
display: none;
}
}
.single-job, .page-template-candidature {
position: relative;
}
.single-job .gform_wrapper .file .gfield_label:before, .page-template-candidature .gform_wrapper .file .gfield_label:before {
background-image: url(//www.korem.com/wp-content/themes/theme_korem/images/ico-uploadjob.svg);
width: 30px;
height: 36px;
}
.single-job .c-bodysmall, .page-template-candidature .c-bodysmall {
padding-bottom: 120px;
}
.single-job h1, .page-template-candidature h1 {
font-size: 40px;
font-weight: 700;
margin-top: 90px;
margin-bottom: 40px;
color: #000;
}
.single-job .breadcrumbs, .page-template-candidature .breadcrumbs {
margin-top: 110px;
max-width: 500px;
position: relative;
}
.single-job .single-job-bg, .page-template-candidature .single-job-bg {
position: absolute;
right: 0;
top: -150px;
width: 66%;
height: auto;
}
.single-job .single-job-bg svg, .page-template-candidature .single-job-bg svg {
width: 100%;
height: auto;
}
.single-job .entete.bg, .page-template-candidature .entete.bg {
display: none !important;
}
.gform_legacy_markup_wrapper .top_label select.medium {
width: 100% !important;
}
.gform_legacy_markup_wrapper .gfield_html.gfield_no_follows_desc {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.c-job_form {
position: relative;
background-color: #006ED6;
color: #fff;
padding: 50px;
border-radius: 30px;
}
.c-job_form .gform_legacy_markup_wrapper .gfield_required {
color: #fff;
}
.c-job_form .gform_legacy_markup_wrapper .gform_footer {
margin: 0;
padding: 0;
}
.c-job_form form input {
width: 100% !important;
}
.c-job_form form input[type=submit].gform_button {
width: 170px !important;
position: relative;
margin-bottom: 0;
transform: none;
left: unset;
top: unset;
display: block;
float: none;
right: unset;
bottom: unset;
}
.c-job_form .c-job_formtitle {
font-size: 24px;
color: #fff;
font-weight: 700;
margin-bottom: 20px !important;
}
.c-job_formwrap {
padding-left: 7vw;
padding-bottom: 120px;
}
@media (max-width: 992px) {
.c-job_formwrap {
padding-left: 0;
}
.single-job .c-bodysmall, .page-template-candidature .c-bodysmall {
padding-bottom: 45px;
}
}
@media (min-width: 1920px) {
.c-temoignages_bg img {
transform: translateY(-8%) scale(1, 0.85);
}
.c-awards .c-awards_bg img {
transform: translateY(-10%) scale(1, 0.75);
}
}