@charset "UTF-8";
/* CSS Document */
body, html {
font-family: 'Montserrat', sans-serif;
max-width: 100vw;
overflow-x: hidden;
position: relative; }
body {
opacity: 0;
transition-delay: .3s;
transition: opacity .7s ease; }
div.ranger {
display: flex;
flex-wrap: wrap; }
div.container {
width: 100%;
max-width: 1350px;
padding: 0 30px;
margin: 0 auto; }
div.container p {
color: #61646C; }
a {
color: #61646C; }
a:hover {
color: #D5631C; }
.bar1, .bar2, .bar3 {
width: 32px;
height: 4px;
background-color: #61646C;
margin: 4px 0;
transition: 0.4s;
border-radius: 1px; }
/* Rotate first bar */
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-6px, 6px);
transform: rotate(-45deg) translate(-6px, 6px); }
/* Fade out the second bar */
.change .bar2 {
opacity: 0; }
/* Rotate last bar */
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-5px, -5px);
transform: rotate(45deg) translate(-5px, -5px); }
.title, section#projects div.container h2, section#about-us div.container h2, section#tech-partners div.container h2, section#team div.container h2, section#partners-page div.container h2, section#projects-archive div.container h2, section#single-project div.container h2, section#news div.container h2, section#careers-archive div.container h2, section#careers-archive div.container h3, section#contact div.container h2, section#contact div.container h3 {
color: #61646C;
font-size: 1.875rem;
line-height: 3rem;
text-align: center;
font-weight: 700;
margin: 0px auto 0;
display: block; }
@media (max-width: 767px) {
.title, section#projects div.container h2, section#about-us div.container h2, section#tech-partners div.container h2, section#team div.container h2, section#partners-page div.container h2, section#projects-archive div.container h2, section#single-project div.container h2, section#news div.container h2, section#careers-archive div.container h2, section#careers-archive div.container h3, section#contact div.container h2, section#contact div.container h3 {
font-size: 1.5rem;
line-height: 1.5; } }
.sub-title, section#projects div.container h4, section#about-us div.container h4, section#tech-partners div.container h4, section#team div.container h4, section#partners-page div.container h4, section#projects-archive div.container h4, section#single-project div.container h4, section#news div.container h4, section#careers-archive div.container h4, section#contact div.container h4 {
text-transform: uppercase;
color: #61646C;
font-size: .875rem;
line-height: 1.25;
text-align: center;
font-weight: 400;
letter-spacing: 3px;
margin: 0; }
button {
border: none;
background-color: transparent;
color: #D5631C;
text-transform: uppercase;
font-weight: 800;
font-size: 0.625rem;
padding: 0;
font-family: 'Montserrat', sans-serif;
transition: all .5s ease; }
button.transparent {
border: 1px solid #555555;
background-color: transparent;
color: #555555;
text-transform: uppercase;
font-weight: 400;
font-size: 0.875rem;
padding: 0 25px;
text-transform: uppercase;
display: block;
margin: 60px auto 0;
height: 45px; }
button.apply {
border: none;
background-color: #61646C;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-size: 0.75rem;
padding: 0 25px;
text-transform: uppercase;
display: block;
margin: 0px auto 0;
border-radius: 3px;
min-width: 144px;
height: 28px; }
button.apply:hover {
background-color: #D5631C; }
div.scrollbar {
z-index: 9999999999;
position: relative; }
/* width */
::-webkit-scrollbar {
width: 10px;
height: 10px; }
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1; }
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 7px; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555; }
header {
padding: 20px 0;
background-color: #fff; }
header div.container div.ranger div.colonne:nth-child(1) {
width: calc( 100% - 230px );
display: flex;
align-items: center; }
@media (max-width: 400px) {
header div.container div.ranger div.colonne:nth-child(1) {
width: calc( 100% - 180px ); } }
@media (max-width: 1023px) {
header div.container div.ranger div.colonne:nth-child(1) nav {
display: none; } }
header div.container div.ranger div.colonne:nth-child(1) nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row; }
header div.container div.ranger div.colonne:nth-child(1) nav ul li a {
padding: 10px 34px;
color: #61646C;
font-size: .875rem;
font-weight: 500; }
header div.container div.ranger div.colonne:nth-child(1) nav ul li a:hover {
color: #D5631C; }
header div.container div.ranger div.colonne:nth-child(1) nav ul li:first-of-type a {
padding-left: 0; }
header div.container div.ranger div.colonne:nth-child(1) nav ul li:last-of-type a {
padding-right: 0; }
header div.container div.ranger div.colonne:nth-child(1) nav ul li.current-menu-item a {
color: #D5631C; }
header div.container div.ranger div.colonne:nth-child(1) #bouton-mobile {
display: none;
cursor: pointer; }
@media (max-width: 1023px) {
header div.container div.ranger div.colonne:nth-child(1) #bouton-mobile {
display: block; } }
header div.container div.ranger div.colonne:nth-child(2) {
width: 230px; }
@media (max-width: 400px) {
header div.container div.ranger div.colonne:nth-child(2) {
width: 180px; } }
div#menu-sec {
display: none;
position: absolute;
width: 100%;
z-index: 9999;
background-color: #fff;
padding-bottom: 10px;
padding-top: 10px; }
div#menu-sec ul {
display: flex;
flex-direction: column; }
div#menu-sec ul li a {
display: block;
padding: 10px 0;
width: 100%;
text-align: center; }
div#menu-sec ul li.current-menu-item a {
color: #D5631C; }
section#page div.container div.ranger div.colonne-full {
width: 100%; }
section#page div.container div.ranger div.colonne-2 {
width: 50%; }
section#page div.container div.ranger div.colonne-3 {
width: 33.33333%; }
:focus {
outline: none; }
section#hero {
overflow: hidden; }
section#hero div.relative {
position: relative;
width: 100%;
height: 900px; }
@media (max-width: 1300px) {
section#hero div.relative {
height: 600px; } }
@media (max-width: 1023px) {
section#hero div.relative {
height: 100vw; } }
section#hero div.relative div.slider-bg {
position: absolute;
width: 100%;
height: calc( 45vw + 4px);
top: -2px;
left: 0; }
@media (max-width: 1023px) {
section#hero div.relative div.slider-bg {
height: calc( 100vw + 4px); } }
section#hero div.relative div.slider-texte {
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
section#hero div.relative div.slider-texte div.container {
position: relative;
height: 100%; }
@media (max-width: 1500px) {
section#hero div.relative div.slider-texte div.container {
padding: 0 56px;
max-width: 100%; } }
section#hero div.relative div.slider-texte div.bg {
width: 100%; }
section#hero div.relative div.slider-texte div.texte {
background-color: rgba(255, 255, 255, 0.8);
width: 50%;
height: 100%;
left: 0;
top: 0;
position: relative;
padding: 40px; }
@media (max-width: 1023px) {
section#hero div.relative div.slider-texte div.texte {
width: 80%;
padding: 20px; } }
section#hero div.relative div.slider-texte div.content {
position: absolute;
left: 40px;
width: calc( 100% - 80px );
top: 210px;
transform: translateY(0%); }
@media (max-width: 1023px) {
section#hero div.relative div.slider-texte div.content {
width: calc( 100% - 40px );
left: 20px;
top: 100px; } }
section#hero div.relative div.slider-texte div.content h2 {
color: #D5631C;
font-size: 1.5rem;
font-weight: 600;
margin: 0;
text-transform: uppercase; }
@media (min-width: 1024px) and (max-width: 1550px) {
section#hero div.relative div.slider-texte div.content h2 {
font-size: 2.5vw; } }
@media (max-width: 1023px) {
section#hero div.relative div.slider-texte div.content h2 {
font-size: 3.5vw; } }
section#hero div.relative div.slider-texte div.content h3 {
font-weight: 800;
font-size: 4.5rem;
color: #61646C;
margin: 0;
line-height: 5.375rem; }
@media (min-width: 1024px) and (max-width: 1550px) {
section#hero div.relative div.slider-texte div.content h3 {
font-size: 4.5vw;
line-height: 5.375vw; } }
@media (max-width: 1023px) {
section#hero div.relative div.slider-texte div.content h3 {
font-size: 5.5vw;
line-height: 1.15; } }
section#hero div.relative div.slider-texte div.content p {
color: #61646C;
font-weight: 600;
font-size: 2.25rem;
line-height: 3rem; }
@media (min-width: 1024px) and (max-width: 1550px) {
section#hero div.relative div.slider-texte div.content p {
font-size: 2vw;
line-height: 1.25; } }
@media (max-width: 1023px) {
section#hero div.relative div.slider-texte div.content p {
font-size: 2vw;
line-height: 1.25; } }
section#hero div.relative div.slider-texte div.content button {
border: none;
background-color: transparent;
color: #D5631C;
text-transform: uppercase;
font-weight: 800;
font-size: 0.625rem;
padding: 0; }
section#hero div.bg {
height: 900px;
background-size: cover; }
@media (max-width: 1300px) {
section#hero div.bg {
height: 600px; } }
@media (max-width: 1023px) {
section#hero div.bg {
height: 100vw; } }
section#hero div.prev {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 30px;
z-index: 4; }
@media (max-width: 1023px) {
section#hero div.prev {
top: 60%;
left: 10px; } }
section#hero div.prev img {
width: 100%;
cursor: pointer; }
section#hero div.next {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 30px;
z-index: 4; }
@media (max-width: 1023px) {
section#hero div.next {
top: 60%;
right: 10px; } }
section#hero div.next img {
width: 100%;
cursor: pointer; }
section#hero div.fixed-mail {
position: absolute;
top: 0;
left: calc( calc( 100vw - 1400px ) / 2 - 5px);
z-index: 5;
display: flex;
flex-wrap: wrap; }
@media (max-width: 1500px) {
section#hero div.fixed-mail {
left: 0; } }
section#hero div.fixed-mail div.ranger {
flex-direction: column;
width: 56px; }
section#hero div.fixed-mail div.ranger div.colonne {
width: 100%; }
section#hero div.fixed-mail div.ranger div.colonne:nth-child(1) {
height: 56px;
border-bottom: 2px solid transparent;
background-color: #20ba0c;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-right: 1px solid #fff; }
section#hero div.fixed-mail div.ranger div.colonne:nth-child(1) img {
width: 33.333%; }
section#hero div.fixed-mail div.ranger div.colonne:nth-child(2) {
height: 56px;
width: 160px;
background-color: #5269a5;
position: relative;
transform: rotate(-90deg) translate(-33.333%, -93%);
border-bottom: 1px solid #fff; }
section#hero div.fixed-mail div.ranger div.colonne:nth-child(2) div {
width: 100%;
height: 100%; }
section#hero div.fixed-mail div.ranger div.colonne:nth-child(2) span {
transform: translate(-50%, -50%);
text-transform: uppercase;
font-size: 0.75rem;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
white-space: nowrap; }
section#hero div.fixed-mail div.popup {
height: 217px;
width: 183px;
background-color: #6282ba;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
float: left;
opacity: 0;
transition: all .5s ease; }
section#hero div.fixed-mail div.popup.active {
opacity: 1; }
section#hero div.fixed-mail div.popup p {
color: #fff;
margin: 0;
font-size: 1rem;
line-height: 2.25rem; }
section#hero div.fixed-mail div.popup p strong {
font-size: 1.125rem;
line-height: 1; }
section#hero div.fixed-mail div#popup-request {
display: none;
width: calc( ((1350px - 60px) / 2) - 1px);
height: 217px;
overflow: hidden; }
section#hero div.fixed-mail div#popup-request div.popup-form {
width: calc( ((1350px - 60px) / 2) - 183px);
padding: 0 35px;
opacity: 0;
background-color: #fff;
transition: all .5s ease; }
section#hero div.fixed-mail div#popup-request div.popup-form.active {
opacity: 1; }
section#hero div.fixed-mail div#popup-request div.popup-form input {
background-color: transparent;
font-size: .625rem;
height: 20px;
border-radius: 0;
border: none;
border-bottom: 1px solid #cacbce;
box-shadow: none;
padding-left: 0;
color: #61646C; }
section#hero div.fixed-mail div#popup-request div.popup-form input ::-webkit-input-placeholder {
/* Edge */
color: #61646C; }
section#hero div.fixed-mail div#popup-request div.popup-form input :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #61646C; }
section#hero div.fixed-mail div#popup-request div.popup-form input ::placeholder {
color: #61646C; }
section#hero div.fixed-mail div#popup-request div.popup-form button {
float: right;
border: none;
background-color: transparent;
color: #ff7f02;
text-transform: uppercase;
font-weight: 800;
font-size: 0.688rem;
padding: 0;
font-family: 'Montserrat', sans-serif;
transition: all .5s ease;
box-shadow: none;
position: relative;
top: -20px; }
section#hero div.fixed-mail div#popup-request div.popup-form .frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 15px; }
.animated {
position: relative;
opacity: 0;
top: 80px;
transition: all .5s ease-in; }
.animated.active {
opacity: 1;
top: 0; }
.animated-hover {
position: relative;
transition: all .35s ease;
top: 0;
transition-delay: 0.1s !important; }
.animated-hover:hover {
top: -20px; }
section#action {
padding: 175px 0 175px; }
@media (max-width: 1023px) {
section#action {
padding: 175px 0 50px; } }
@media (max-width: 767px) {
section#action {
padding: 100px 0 100px; } }
section#action div.container img.logo {
width: 235px;
display: block;
margin: 0 auto 64px; }
section#action div.container p {
line-height: 2.5rem; }
section#action div.container h1 {
color: #61646C;
font-size: 1.875rem;
line-height: 3rem;
text-align: center;
font-weight: 700;
margin: 0px auto 0;
display: block;
letter-spacing: 1px; }
@media (max-width: 767px) {
section#action div.container h1 {
font-size: 1.5rem;
line-height: 1.5; } }
section#action div.container h4 {
text-transform: uppercase;
color: #61646C;
font-size: .75rem;
line-height: 1.25;
text-align: center;
font-weight: 400;
letter-spacing: 3px;
margin: 0 0 1em 0; }
section#action div.container div.ranger {
width: calc( 100% + 70px);
margin-left: -35px;
margin-right: -35px;
margin-top: 85px; }
section#action div.container div.ranger div.colonne {
width: 25%;
padding: 0 35px;
text-align: center;
transition-delay: 0s; }
@media (max-width: 1023px) {
section#action div.container div.ranger div.colonne {
width: 50%;
margin-bottom: 80px; }
section#action div.container div.ranger div.colonne div {
display: block;
max-width: 320px;
margin: 0 auto; } }
@media (max-width: 767px) {
section#action div.container div.ranger div.colonne {
width: 100%; } }
section#action div.container div.ranger div.colonne:nth-child(2) {
transition-delay: .25s; }
@media (max-width: 767px) {
section#action div.container div.ranger div.colonne:nth-child(2) {
transition-delay: 0; } }
section#action div.container div.ranger div.colonne:nth-child(3) {
transition-delay: .5s; }
@media (max-width: 1023px) {
section#action div.container div.ranger div.colonne:nth-child(3) {
transition-delay: 0; } }
section#action div.container div.ranger div.colonne:nth-child(4) {
transition-delay: .75s; }
@media (max-width: 1023px) {
section#action div.container div.ranger div.colonne:nth-child(4) {
transition-delay: .25; } }
@media (max-width: 767px) {
section#action div.container div.ranger div.colonne:nth-child(4) {
transition-delay: 0; } }
section#action div.container div.ranger div.colonne img {
width: 100%;
border-radius: 50%;
overflow: hidden;
margin-bottom: 48px; }
section#action div.container div.ranger div.colonne h3 {
color: #61646C;
text-transform: uppercase;
font-size: 1.125rem;
font-weight: 700; }
section#action div.container div.ranger div.colonne p {
color: #61646C;
font-size: 0.875rem;
line-height: 1.5rem;
font-weight: 400; }
section#behind-the-scenes {
background-color: #f8f9f9; }
section#behind-the-scenes div.ranger {
padding: 175px 0 175px; }
section#behind-the-scenes div.ranger div.colonne {
width: 50%;
display: flex;
flex-direction: column;
position: relative; }
@media (max-width: 1023px) {
section#behind-the-scenes div.ranger div.colonne {
width: 100%;
align-items: center; } }
section#behind-the-scenes div.ranger div.colonne:nth-child(1) {
padding-right: 65px;
padding-left: calc( calc( 100vw - 1400px ) / 2); }
@media (max-width: 1500px) {
section#behind-the-scenes div.ranger div.colonne:nth-child(1) {
padding-left: 30px; } }
@media (max-width: 1023px) {
section#behind-the-scenes div.ranger div.colonne:nth-child(1) {
padding-right: 30px; } }
section#behind-the-scenes div.ranger div.colonne:nth-child(1) h2 {
text-align: right; }
@media (max-width: 1023px) {
section#behind-the-scenes div.ranger div.colonne:nth-child(1) h2 {
text-align: center; } }
section#behind-the-scenes div.ranger div.colonne:nth-child(1) p {
text-align: right; }
section#behind-the-scenes div.ranger div.colonne:nth-child(1) p:last-of-type {
position: absolute;
bottom: 0;
right: 65px; }
section#behind-the-scenes div.ranger div.colonne:nth-child(1) p:last-of-type a {
color: #D5631C;
text-transform: uppercase;
font-size: 0.688rem;
font-weight: 600; }
@media (max-width: 1170px) {
section#behind-the-scenes div.ranger div.colonne:nth-child(1) p:last-of-type {
position: relative;
bottom: inherit;
right: inherit; } }
@media (max-width: 1023px) {
section#behind-the-scenes div.ranger div.colonne:nth-child(1) p {
text-align: center; } }
section#behind-the-scenes div.ranger div.colonne h2 {
color: #61646C;
font-size: 1.875rem; }
section#behind-the-scenes div.ranger div.colonne p {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.875rem;
color: #61646C; }
@media (max-width: 1023px) {
section#behind-the-scenes div.ranger {
padding: 100px 0; } }
section#markets {
position: relative;
z-index: 1;
/* width */
/* Track */
/* Handle */
/* Handle on hover */ }
section#markets ::-webkit-scrollbar {
width: 10px; }
section#markets ::-webkit-scrollbar-track {
background: #f1f1f1; }
section#markets ::-webkit-scrollbar-thumb {
background: #888;
border-radius: 7px; }
section#markets ::-webkit-scrollbar-thumb:hover {
background: #555; }
section#markets img.bg {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
z-index: -1; }
section#markets >
div.ranger >
div.colonne {
width: 50%; }
@media (max-width: 1023px) {
section#markets >
div.ranger >
div.colonne {
width: 100%; } }
section#markets >
div.ranger >
div.colonne:nth-child(1) {
padding-right: 65px;
color: #fff;
padding-left: calc( calc( 100vw - 1400px ) / 2);
display: flex;
flex-direction: column;
justify-content: center;
position: relative; }
@media (max-width: 1500px) {
section#markets >
div.ranger >
div.colonne:nth-child(1) {
padding-left: 30px; } }
@media (max-width: 1023px) {
section#markets >
div.ranger >
div.colonne:nth-child(1) {
padding-top: 80px;
padding-bottom: 80px; } }
section#markets >
div.ranger >
div.colonne:nth-child(1):before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(20, 18, 18, 0.8);
left: 0;
right: 0;
top: 0;
bottom: 0;
mix-blend-mode: multiply; }
section#markets >
div.ranger >
div.colonne:nth-child(1) h2 {
font-weight: 700;
font-size: 4.5rem;
line-height: 1.25;
margin: 0;
position: relative;
letter-spacing: 2px; }
@media (max-width: 767px) {
section#markets >
div.ranger >
div.colonne:nth-child(1) h2 {
font-size: 2.25rem; } }
section#markets >
div.ranger >
div.colonne:nth-child(1) p {
font-weight: 500;
font-size: 1.5rem;
line-height: 2.25rem;
position: relative;
letter-spacing: 1px; }
@media (max-width: 767px) {
section#markets >
div.ranger >
div.colonne:nth-child(1) p {
font-size: 1.25rem;
line-height: 1.5; } }
section#markets >
div.ranger >
div.colonne:nth-child(2) {
position: relative;
max-height: 834px;
overflow-y: auto; }
@media (max-width: 1023px) {
section#markets >
div.ranger >
div.colonne:nth-child(2) {
max-height: initial; } }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.accordeon {
position: relative;
z-index: 2;
padding-right: calc( calc( 100vw - 1400px ) / 2);
border-bottom: 1px solid #999a9d;
min-height: 166px;
padding-left: 65px;
position: relative; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.accordeon:last-of-type {
border-bottom: none; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.accordeon:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.75);
left: 0;
right: 0;
top: 0;
bottom: 0; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.accordeon.active:before {
content: none; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.accordeon.active div.content div.ranger div.colonne:first-of-type img {
opacity: 1; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.accordeon.active div.content div.ranger div.colonne:last-of-type {
opacity: 1; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.titre {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 166px;
cursor: pointer; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.titre h4 {
color: #61646C;
font-weight: 600;
text-transform: uppercase;
font-size: 1.125rem;
margin: 0;
padding-right: 20px;
position: relative; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.titre h4:after {
content: '+';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #D5631C;
font-size: 2.5rem;
font-weight: 400; }
@media (max-width: 1500px) {
section#markets >
div.ranger >
div.colonne:nth-child(2) div.titre h4:after {
right: 10px; } }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.titre.active h4:after {
content: '-';
font-size: 3rem; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.titre.active h4 {
color: #fff; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content {
display: none;
margin-top: -40px;
margin-bottom: 20px; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger {
align-items: center; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:first-of-type {
width: 40%; }
@media (max-width: 767px) {
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:first-of-type {
width: 100%; } }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:first-of-type img {
opacity: 0;
transition: all .5s ease;
transition-delay: .25s; }
@media (max-width: 767px) {
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:first-of-type img {
max-width: 240px; } }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:last-of-type {
width: 60%;
padding: 0 40px;
color: #fff;
opacity: 0;
transition: all .5s ease;
transition-delay: .25s; }
@media (max-width: 767px) {
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:last-of-type {
width: 100%;
margin-top: 20px;
padding: 0; } }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:last-of-type p {
font-size: 1.125rem;
line-height: 1.5rem; }
section#markets >
div.ranger >
div.colonne:nth-child(2) div.content div.ranger div.colonne:last-of-type ul li {
margin-bottom: 5px; }
section#products {
padding: 175px 0 175px; }
@media (max-width: 767px) {
section#products {
padding: 100px 0 100px; } }
section#products div.container h4 {
text-transform: uppercase;
color: #61646C;
font-size: .75rem;
line-height: 1.25;
text-align: center;
font-weight: 400;
letter-spacing: 3px;
margin: 0; }
section#products div.container h2 {
color: #61646C;
font-size: 1.875rem;
line-height: 3rem;
text-align: center;
font-weight: 700;
margin: 0px auto 1em;
display: block;
max-width: 1155px;
letter-spacing: 1px; }
section#products div.container h3 {
color: #61646C; }
section#products div.container p {
color: #61646C;
font-size: 1.5rem;
line-height: 2.5rem;
text-align: center;
display: block;
margin: 40px auto 0;
max-width: 1160px; }
@media (max-width: 767px) {
section#products div.container p {
font-size: 1.25rem;
line-height: 1.25; } }
section#products div.container div.ranger {
width: calc( 100% + 70px);
margin-left: -35px;
margin-right: -35px;
margin-top: 85px; }
section#products div.container div.ranger div.colonne {
width: 33.3333%;
padding: 0 35px;
text-align: center; }
@media (max-width: 1023px) {
section#products div.container div.ranger div.colonne {
width: 100%;
margin-bottom: 80px; } }
section#products div.container div.ranger div.colonne:nth-child(2) {
transition-delay: .25s; }
section#products div.container div.ranger div.colonne:nth-child(3) {
transition-delay: .5s; }
section#products div.container div.ranger div.colonne div {
max-width: 230px;
display: block;
margin: 0 auto;
position: relative; }
section#products div.container div.ranger div.colonne div div.abs {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
left: 0;
background-color: rgba(20, 18, 18, 0.8);
opacity: 0;
transition: all .5s ease; }
section#products div.container div.ranger div.colonne div div.abs:after {
content: '';
width: 25px;
height: 25px;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
background-image: url("images/download.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute; }
section#products div.container div.ranger div.colonne div:hover div.abs {
opacity: 1; }
section#products div.container div.ranger div.colonne img {
width: 100%;
border: 1px solid #f1f1f1; }
section#products div.container div.ranger div.colonne h5 {
color: #61646C;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 800;
margin-top: 20px; }
section#projects div.container {
padding-top: 135px; }
@media (max-width: 767px) {
section#projects div.container {
padding-top: 100px; } }
section#projects div.container h2 {
margin-bottom: 90px;
max-width: 1155px; }
section#projects div.container div.ranger {
margin-bottom: 215px; }
section#projects div.container div.ranger div.colonne {
width: 33.3333%;
position: relative; }
@media (max-width: 1023px) {
section#projects div.container div.ranger div.colonne {
width: 100%; } }
section#projects div.container div.ranger div.colonne div.animated {
position: relative;
height: 590px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
display: block;
overflow: hidden; }
section#projects div.container div.ranger div.colonne:nth-child(2) {
transition-delay: .25s; }
section#projects div.container div.ranger div.colonne:nth-child(3) {
transition-delay: .5s;
border-right: none; }
section#projects div.container div.ranger div.colonne:nth-child(3) .animated {
top: -80px; }
section#projects div.container div.ranger div.colonne:nth-child(3) .animated.active {
top: 0; }
section#projects div.container div.ranger div.colonne:nth-child(1) {
border-right: none; }
section#projects div.container div.ranger div.colonne:nth-child(1) .animated {
top: -80px; }
section#projects div.container div.ranger div.colonne:nth-child(1) .animated.active {
top: 0; }
section#projects div.container div.ranger div.colonne div.hover {
position: absolute;
bottom: 0;
width: calc( 100% - 0px);
left: 0px;
height: 50%;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(20, 18, 18, 0.6); }
section#projects div.container div.ranger div.colonne div.hover h3 {
text-transform: uppercase;
font-size: 1.125rem;
font-weight: 600;
margin: 1em 0 0 0;
letter-spacing: 1px; }
section#projects div.container div.ranger div.colonne div.hover h4 {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 400;
margin: 1em 0 0 0;
color: #fff; }
section#projects div.container div.ranger div.colonne div.hover button {
margin-top: 3em;
letter-spacing: 1px; }
section#projects div.container div.ranger div.colonne div.hover a h3, section#projects div.container div.ranger div.colonne div.hover a h4 {
color: #fff; }
section#projects div.container div.ranger div.colonne:nth-child(2) div.hover {
top: 0;
bottom: initial; }
footer div.stay {
border-top: 2px solid #afb1b8; }
footer div.stay div.container div.ranger {
justify-content: space-between; }
@media (max-width: 767px) {
footer div.stay div.container div.ranger {
padding: 15px 0; } }
footer div.stay div.container div.ranger div.colonne {
min-height: 96px;
display: flex;
flex-direction: column;
justify-content: center; }
@media (max-width: 767px) {
footer div.stay div.container div.ranger div.colonne {
width: 100%;
min-height: 45px; } }
footer div.stay div.container div.ranger div.colonne p {
font-weight: 700;
font-size: 1.125rem;
color: #61646C;
letter-spacing: 1px;
font-weight: 600; }
@media (max-width: 767px) {
footer div.stay div.container div.ranger div.colonne p {
text-align: center; } }
footer div.stay div.container div.ranger div.colonne p a {
color: #61646C; }
footer div.stay div.container div.ranger div.colonne p a[href^="tel:"] {
font-weight: 700; }
footer div.footer {
background-color: #393b40;
color: #ebebeb;
padding: 50px 0; }
footer div.footer a {
color: #ebebeb; }
footer div.footer p {
font-size: .75rem;
font-weight: 400;
line-height: 1.875rem;
color: #ebebeb; }
footer div.footer p strong {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px; }
footer div.footer ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column; }
footer div.footer ul li {
margin: 10px 0; }
footer div.footer ul li a {
font-size: .75rem;
font-weight: 400; }
footer div.footer ul li img {
height: 15px;
width: auto; }
footer div.footer div.colonne {
width: 27%; }
@media (max-width: 767px) {
footer div.footer div.colonne {
width: 100% !important;
text-align: center; } }
footer div.footer div.colonne:nth-child(2) {
width: 23%; }
footer div.footer div.colonne:nth-child(3) {
width: 26%; }
footer div.footer div.colonne:nth-child(4) {
width: 12%; }
footer div.footer div.colonne:nth-child(4) ul li:first-child {
margin-top: 0; }
footer div.footer div.colonne:nth-child(5) {
width: 12%; }
footer div.footer div.colonne:nth-child(5) ul {
margin-top: .7em; }
footer div.footer div.colonne:nth-child(5) ul li {
margin: 7.5px 0; }
footer div.footer div.colonne:nth-child(5) ul li a {
text-align: right;
display: block; }
@media (max-width: 767px) {
footer div.footer div.colonne:nth-child(5) ul li a {
text-align: center; } }
section#entete {
background-size: cover;
background-position: center; }
@media (max-width: 1160px) {
section#entete {
background-position: left -310px center; } }
section#entete .divimage {
background-position: center center; }
section#entete div.container {
height: 230px;
display: flex;
flex-direction: column;
justify-content: center; }
section#entete div.container h1 {
font-size: 2.25rem;
line-height: 1.25;
font-weight: 700;
letter-spacing: 1px;
color: #fff; }
@media (max-width: 767px) {
section#entete div.container h1 {
font-size: 1.65rem; } }
section#about-us {
padding: 80px 0 95px; }
@media (max-width: 767px) {
section#about-us {
padding: 100px 0 30px; } }
section#about-us div.container h4 {
text-align: left;
margin-bottom: 1em;
font-size: 0.688rem;
color: #888; }
section#about-us div.container h2 {
text-align: left;
margin: initial;
margin-bottom: 1em; }
section#about-us div.container > div.ranger {
margin-top: 80px; }
section#about-us div.container > div.ranger > div.colonne {
width: 100%; }
section#about-us div.container > div.ranger > div.colonne div.ranger div.col {
width: 25%;
margin-bottom: 80px; }
@media (max-width: 1024px) {
section#about-us div.container > div.ranger > div.colonne div.ranger div.col {
width: 50%;
margin-bottom: 50px; } }
@media (max-width: 780px) {
section#about-us div.container > div.ranger > div.colonne div.ranger div.col {
width: 100%; } }
section#about-us div.container > div.ranger > div.colonne div.ranger div.col div.box {
width: 100px;
height: 100px;
background-color: #f8f8f8;
position: relative; }
section#about-us div.container > div.ranger > div.colonne div.ranger div.col div.box span {
color: #61646C;
display: flex;
justify-content: center;
align-items: center; }
section#about-us div.container > div.ranger > div.colonne div.ranger div.col div.box span.number {
font-size: 1.875rem;
font-weight: 700;
padding-bottom: .1em;
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%); }
section#about-us div.container > div.ranger > div.colonne div.ranger div.col div.box span.desc {
position: absolute;
left: 25px;
bottom: 7px;
text-transform: uppercase;
font-weight: 400;
font-size: .688rem;
white-space: nowrap;
letter-spacing: 3px; }
section#about-us div.container > div.ranger > div.colonne:first-of-type {
padding-right: 50px;
color: #393b40;
font-size: 1.125rem;
line-height: 2.5rem; }
section#about-us div.container > div.ranger > div.colonne:first-of-type p:first-of-type {
margin-top: 0; }
section#about-us div.videoWrapper, section#news div.videoWrapper {
position: relative;
width: calc( 100% );
height: 0;
padding-bottom: 40%;
background-color: #fff; }
section#news div.videoWrapper {
padding-bottom: 51.2%; }
section#about-us div.videoWrapper iframe, section#news div.videoWrapper iframe {
position: absolute;
z-index: 1;
width: 100% !important;
height: 100% !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: opacity 1.5s ease; }
section#about-us div.absolute img, section#news div.absolute img {
width: 100%;
height: 100%;
object-fit: cover; }
section#about-us div.absolute, section#news div.absolute {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer; }
section#about-us div.absolute:before, section#news div.absolute:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
position: absolute; }
section#about-us div.absolute:after, section#news div.absolute:after {
content: '';
position: absolute;
z-index: 4;
width: 120px;
height: 120px;
background-image: url("images/play.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer; }
section#tech-partners {
background-color: #393b40;
padding: 100px 0; }
@media (max-width: 767px) {
section#tech-partners {
padding: 60px 0; } }
section#tech-partners div.container h4 {
text-align: left;
margin-bottom: 1em;
color: #ebebeb;
font-size: 0.688rem; }
section#tech-partners div.container h2 {
margin-bottom: 90px;
text-align: left;
max-width: 1000px;
margin: initial;
margin-bottom: 1em;
color: #fff; }
section#tech-partners div.container div.slide {
position: relative;
z-index: 1;
height: 200px; }
section#tech-partners div.container div.slide div.absolute {
width: 100vw;
position: absolute;
top: 50%;
left: 0;
z-index: 2;
transform: translateY(-50%); }
section#tech-partners div.container div.slide div.absolute div.ranger {
align-items: center; }
section#tech-partners div.container div.slide div.absolute div.ranger div.colonne {
width: auto;
padding: 0 50px;
display: flex;
align-items: center; }
section#tech-partners div.container div.slide div.absolute div.ranger div.colonne img {
width: auto;
height: 62px; }
section#tech-partners .slick-track {
display: flex !important; }
section#tech-partners .slick-slide {
height: auto; }
section#team {
padding: 175px 0; }
@media (max-width: 767px) {
section#team {
padding: 100px 0 100px; } }
section#team div.container p {
line-height: 2.5rem;
color: #393b40;
font-size: 1.125rem; }
section#team div.container h4 {
margin-bottom: 1em;
color: #999;
font-size: 0.688rem; }
section#team div.container h2 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em; }
section#team div.container div.ranger {
width: calc( 100% + 90px );
margin-left: -45px;
margin-right: -45px; }
section#team div.container div.ranger div.colonne {
width: 25%;
padding: 0 45px;
margin-top: 130px;
text-align: center; }
section#team div.container div.ranger div.colonne:nth-child(4n+2) div.animated {
transition-delay: .25s; }
section#team div.container div.ranger div.colonne:nth-child(4n+3) div.animated {
transition-delay: .5s; }
section#team div.container div.ranger div.colonne:nth-child(4n+4) div.animated {
transition-delay: .75s; }
@media (max-width: 1023px) {
section#team div.container div.ranger div.colonne {
width: 50%; }
section#team div.container div.ranger div.colonne:nth-child(4n+2) div.animated {
transition-delay: 0s; }
section#team div.container div.ranger div.colonne:nth-child(4n+3) div.animated {
transition-delay: 0s; }
section#team div.container div.ranger div.colonne:nth-child(4n+4) div.animated {
transition-delay: 0s; }
section#team div.container div.ranger div.colonne:nth-child(2n+2) div.animated {
transition-delay: 0.25s; } }
@media (max-width: 767px) {
section#team div.container div.ranger div.colonne {
width: 100%; }
section#team div.container div.ranger div.colonne:nth-child(2n+2) div.animated {
transition-delay: 0s; } }
section#team div.container div.ranger div.colonne div.border {
overflow: hidden;
position: relative;
display: block;
margin: 0 auto;
max-width: 255px; }
section#team div.container div.ranger div.colonne div.border div.absolute {
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.5);
position: absolute;
top: 0;
right: 0;
display: none; }
section#team div.container div.ranger div.colonne div.border div.absolute div.ranger {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
justify-content: center;
align-items: center;
margin: 0 auto; }
section#team div.container div.ranger div.colonne div.border div.absolute div.ranger div.colonne {
width: 18px;
padding: 0;
margin: 0 7px; }
section#team div.container div.ranger div.colonne div.border div.absolute div.ranger div.colonne img {
width: 100%; }
section#team div.container div.ranger div.colonne div.relative {
height: 0px;
width: 100%;
position: relative;
z-index: 2;
display: none; }
section#team div.container div.ranger div.colonne div.relative div.hover {
width: 300px;
background-color: #393b40;
padding: 40px;
color: #fff;
text-align: center;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute;
z-index: 2; }
section#team div.container div.ranger div.colonne div.relative div.hover p {
color: #fff;
line-height: 1.75;
font-size: 0.75rem; }
section#team div.container div.ranger div.colonne img {
width: 100%; }
section#team div.container div.ranger div.colonne h3 {
text-transform: uppercase;
color: #61646C;
font-weight: 700;
font-size: 1rem;
margin: 0;
line-height: 1.25;
margin-top: 30px; }
section#team div.container div.ranger div.colonne p {
color: #888;
font-size: .688rem;
font-weight: 400;
line-height: 1.25; }
section#partners-page {
padding: 80px 0 80px; }
@media (max-width: 767px) {
section#partners-page {
padding: 100px 0 40px; } }
section#partners-page div.container h4 {
margin-bottom: 1em;
color: #999;
font-size: 0.688rem;
text-align: left; }
section#partners-page div.container h2 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em;
text-align: left; }
section#partners-page div.container button {
border: none;
border-top: 1px solid #555;
font-weight: 700;
font-size: .75rem; }
section#partners-page div.container button:hover {
color: #D5631C;
border-color: #D5631C; }
section#partners-page div.container div.ranger {
width: calc( 100% + 30px );
margin-left: -15px;
margin-right: -15px;
padding: 0 50px; }
@media (max-width: 1023px) {
section#partners-page div.container div.ranger {
padding: 0; } }
section#partners-page div.container div.ranger div.colonne {
width: 25%;
padding: 0 15px;
margin-bottom: 30px; }
section#partners-page div.container div.ranger div.colonne:nth-child(4n+2) {
transition-delay: 0.25s; }
section#partners-page div.container div.ranger div.colonne:nth-child(4n+3) {
transition-delay: 0.5s; }
section#partners-page div.container div.ranger div.colonne:nth-child(4n+4) {
transition-delay: 0.75s; }
@media (max-width: 1023px) {
section#partners-page div.container div.ranger div.colonne {
width: 50%; }
section#partners-page div.container div.ranger div.colonne:nth-child(4n+2) {
transition-delay: 0s; }
section#partners-page div.container div.ranger div.colonne:nth-child(4n+3) {
transition-delay: 0s; }
section#partners-page div.container div.ranger div.colonne:nth-child(4n+4) {
transition-delay: 0s; }
section#partners-page div.container div.ranger div.colonne:nth-child(2n+2) {
transition-delay: 0.25s; } }
@media (max-width: 767px) {
section#partners-page div.container div.ranger div.colonne {
width: 100%; }
section#partners-page div.container div.ranger div.colonne:nth-child(2n+2) {
transition-delay: 0s; } }
section#partners-page div.container div.ranger div.colonne div.border {
height: 100%;
border: 1px solid #ebebeb;
padding: 0px 25px 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 310px; }
section#partners-page div.container div.ranger div.colonne div.border div.fixe {
height: 107px;
padding-top: 12px;
display: flex;
align-items: center; }
section#partners-page div.container div.ranger div.colonne div.border p:last-of-type {
margin-bottom: 0; }
section#partners-page div.container div.ranger div.colonne div.border h4:first-of-type {
margin-top: 2em; }
section#partners-page div.container div.ranger div.colonne div.border img {
object-fit: contain;
object-position: top left;
margin-bottom: 0px; }
section#partners-page div.container div.ranger div.colonne div.border h4 {
font-size: 0.625rem;
font-weight: 700;
text-transform: uppercase;
color: #61646C;
margin: 0;
line-height: 1.25;
letter-spacing: 0;
margin-bottom: -1em;
margin-top: 2em; }
section#partners-page div.container div.ranger div.colonne div.border p {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
color: #555; }
section#projects-archive {
padding: 80px 0 80px; }
@media (max-width: 767px) {
section#projects-archive {
padding: 100px 0 30px; } }
section#projects-archive div.container h4 {
margin-bottom: 1em;
color: #999;
font-size: 0.688rem;
text-align: left; }
section#projects-archive div.container h2 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em;
text-align: left; }
section#projects-archive div.container img {
max-width: 100%;
display: block; }
section#projects-archive div.container .grid {
margin-top: 75px;
overflow: hidden;
width: calc( 100% + 14px );
margin-left: -7px;
margin-right: -7px; }
section#projects-archive div.container button.transparent {
border: none;
border-top: 1px solid #555;
font-weight: 700;
font-size: .75rem; }
section#projects-archive div.container button.transparent:hover {
color: #D5631C;
border-color: #D5631C; }
section#projects-archive div.container .grid-sizer, section#projects-archive div.container .grid-item {
width: 33.3333%;
border: 7px solid #fff; }
@media (max-width: 1023px) {
section#projects-archive div.container .grid-sizer, section#projects-archive div.container .grid-item {
width: 50%; } }
@media (max-width: 767px) {
section#projects-archive div.container .grid-sizer, section#projects-archive div.container .grid-item {
width: 100%; } }
section#projects-archive div.container .grid-sizer.landscape, section#projects-archive div.container .grid-item.landscape {
width: 66.6666%; }
@media (max-width: 1023px) {
section#projects-archive div.container .grid-sizer.landscape, section#projects-archive div.container .grid-item.landscape {
width: 50%; } }
@media (max-width: 767px) {
section#projects-archive div.container .grid-sizer.landscape, section#projects-archive div.container .grid-item.landscape {
width: 100%; } }
section#projects-archive div.container .grid-sizer.landscape div.relative, section#projects-archive div.container .grid-item.landscape div.relative {
padding-bottom: calc( 65% + 5px); }
section#projects-archive div.container .grid-sizer.big div.relative, section#projects-archive div.container .grid-item.big div.relative {
padding-bottom: calc( 130% + 14px); }
section#projects-archive div.container .grid-sizer div.relative, section#projects-archive div.container .grid-item div.relative {
position: relative;
z-index: 1;
height: 0;
width: 100%;
padding-bottom: 65%; }
section#projects-archive div.container .grid-sizer div.relative img, section#projects-archive div.container .grid-item div.relative img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover; }
section#projects-archive div.container .grid-sizer div.relative div.absolute, section#projects-archive div.container .grid-item div.relative div.absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(20, 18, 18, 0.6);
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
opacity: 0;
transition: all .5s ease; }
section#projects-archive div.container .grid-sizer div.relative div.absolute:hover, section#projects-archive div.container .grid-item div.relative div.absolute:hover {
opacity: 1; }
section#projects-archive div.container .grid-sizer div.relative div.absolute h3, section#projects-archive div.container .grid-item div.relative div.absolute h3 {
color: #edeff4;
margin-top: 2em;
font-size: 0.75rem;
font-weight: 700;
line-height: 0.875rem;
text-transform: uppercase;
margin-bottom: 0.5em;
max-width: 70%; }
section#projects-archive div.container .grid-sizer div.relative div.absolute p, section#projects-archive div.container .grid-item div.relative div.absolute p {
color: #edeff4;
font-size: .688rem;
line-height: 1.25;
margin: 0 0 2em; }
section#projects-archive div.container .grid-sizer div.relative div.absolute button, section#projects-archive div.container .grid-item div.relative div.absolute button {
text-align: left; }
section#projects-archive div.container .grid-item.count8 {
right: 0 !important;
left: inherit !important; }
section#projects-archive div.container .grid-item.count9 {
left: 0 !important; }
section#projects-archive div.container .grid-item.count10 {
left: 0 !important; }
.slick-next:before {
width: 30px;
height: 80px;
content: '';
background-image: url("images/angle-right.svg");
position: absolute;
top: 0;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.slick-prev:before {
width: 30px;
height: 80px;
content: '';
background-image: url("images/angle-left.svg");
position: absolute;
top: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.slick-lightbox-close:before {
font-size: 40px;
cursor: pointer; }
section.return {
padding: 30px 0 30px 0; }
section.return a {
color: #D5631C;
text-transform: uppercase;
font-weight: 600;
font-size: 0.75rem; }
section#single-project {
padding: 80px 0 40px; }
@media (max-width: 767px) {
section#single-project {
padding: 100px 0 30px; } }
section#single-project .jssocials-share {
margin: 10px 8px 0;
width: 23px; }
section#single-project .jssocials-share:last-of-type {
margin-right: 20px; }
@media (max-width: 1023px) {
section#single-project .jssocials-share:first-of-type {
margin-left: 0; } }
section#single-project div.container h4 {
margin-bottom: 1em;
color: #61646C;
font-size: 0.688rem;
text-align: left; }
section#single-project div.container h2 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em;
text-align: left; }
section#single-project div.container h5 {
font-size: .688rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.25;
color: #61646C;
margin-bottom: 20px;
margin-top: 60px; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) {
width: 60%;
padding-right: 22.5px; }
@media (max-width: 1023px) {
section#single-project div.container div.ranger > div.colonne:nth-child(1) {
width: 100%;
padding-right: 0; } }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.overflow {
width: 100%;
overflow: hidden; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.overflow .slick-next {
right: 15px; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.overflow .slick-next:before {
width: 15px;
height: 30px;
background-size: 100%; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.overflow .slick-prev {
left: 15px;
z-index: 50; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.overflow .slick-prev:before {
width: 15px;
height: 30px;
background-size: 100%; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.slides-projects {
margin-top: 8px;
width: calc( 100% + 8px );
margin-left: -4px;
margin-right: -4px; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.slides-projects div.bg {
width: calc( 100% );
padding: 0 4px; }
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.slides-projects div.bg img {
width: 100%;
cursor: pointer;
height: 250px;
object-fit: cover; }
@media (max-width: 1023px) {
section#single-project div.container div.ranger > div.colonne:nth-child(1) div.slides-projects div.bg img {
height: 30vw; } }
section#single-project div.container div.ranger > div.colonne:nth-child(1) img {
width: 100%; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) {
width: 40%;
padding-left: 0;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between; }
@media (max-width: 1023px) {
section#single-project div.container div.ranger > div.colonne:nth-child(2) {
width: 100%;
padding-top: 30px; } }
section#single-project div.container div.ranger > div.colonne:nth-child(2) p {
line-height: 1.25rem;
color: #555;
font-size: 0.875rem; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) p:first-of-type {
margin-top: 0; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) div.max {
max-width: 335px; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) div.novideo {
height: 269px; }
@media (max-width: 1023px) {
section#single-project div.container div.ranger > div.colonne:nth-child(2) div.novideo {
height: inherit; } }
section#single-project div.container div.ranger > div.colonne:nth-child(2) .responsiveIframe {
padding-bottom: 53%; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) #share img {
width: auto;
height: 20px;
margin: 0 4px; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) .ranger {
align-items: center;
margin-top: 10px; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) .ranger p {
font-size: .688rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.25;
color: #61646C;
margin: 0;
margin-right: 10px; }
section#single-project div.container div.ranger > div.colonne:nth-child(2) .profile {
margin-bottom: 51px;
width: 100%; }
@media (max-width: 1023px) {
section#single-project div.container div.ranger > div.colonne:nth-child(2) .profile {
position: relative;
margin-top: 100px; } }
section#single-project div.container div.ranger video {
width: 100%; }
section#single-project div.container div.cadre {
background-color: #f1f5f8;
color: #61646C;
padding: 20px;
padding-bottom: 21px; }
section#single-project div.container div.cadre:last-of-type {
padding-bottom: 13px; }
@media (max-width: 1023px) {
section#single-project div.container div.cadre {
overflow-x: auto; } }
section#single-project div.container div.cadre ul {
margin: 0;
padding: 0;
list-style: none;
columns: 2;
break-inside: avoid-column; }
@media (max-width: 767px) {
section#single-project div.container div.cadre ul {
columns: 1; } }
section#single-project div.container div.cadre ul li {
color: #61646C;
font-size: 0.75rem;
margin-bottom: 2em;
color: #61646C;
break-inside: avoid-column; }
section#single-project div.container div.cadre ul li strong {
font-weight: 700;
text-transform: uppercase;
display: block; }
section#single-project div.container div.cadre table {
width: 100%; }
@media (max-width: 1023px) {
section#single-project div.container div.cadre table {
min-width: 600px; } }
section#single-project div.container div.cadre table tr th {
text-align: left;
padding-bottom: 1em;
font-size: .75rem;
color: #61646C; }
section#single-project div.container div.cadre table tr td {
padding-bottom: .3em;
font-size: 0.75em;
line-height: 1.25rem;
color: #61646C; }
section#single-project div.container div.cadre table a {
color: #61646C; }
section#news {
padding: 80px 0 80px; }
@media (max-width: 767px) {
section#news {
padding: 100px 0 30px; } }
section#news div.container h4 {
margin-bottom: 1em;
color: #61646C;
font-size: 0.688rem;
text-align: left; }
section#news div.container h2 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em;
text-align: left; }
section#news div.container h5 {
font-size: .688rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.25;
color: #002;
margin-bottom: 20px;
margin-top: 60px; }
section#news div.container div.ranger {
margin-top: 60px;
width: calc( 100% + 70px );
margin-left: -35px;
margin-right: -35px; }
section#news div.container div.ranger > div.colonne {
width: 50%;
padding: 0 35px 0px; }
section#news div.container div.ranger > div.colonne:nth-child(even) {
transition-delay: .25s; }
section#news div.container div.ranger > div.colonne div.animated-hover {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
@media (max-width: 1023px) {
section#news div.container div.ranger > div.colonne {
width: 100%; }
section#news div.container div.ranger > div.colonne:nth-child(even) {
transition-delay: 0s; } }
section#news div.container div.ranger > div.colonne a h3 {
color: #61646C;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 800; }
section#news div.container div.ranger > div.colonne a p {
color: #61646C;
font-size: .813rem;
font-weight: 400;
line-height: 1.125rem; }
section#news div.container div.ranger > div.colonne a div.desc {
margin: 0;
width: 100%; }
section#news div.container div.ranger > div.colonne a div.desc p {
color: #888;
font-size: .625rem;
line-height: 1.25;
font-weight: 400;
letter-spacing: 3px;
text-align: right;
width: 100%; }
section#news div.container div.ranger > div.colonne a button {
margin-top: 2em;
margin-bottom: 40px; }
section#news div.pagination {
text-align: left;
margin-top: 60px; }
section#news div.pagination img {
width: 13px; }
section#news div.pagination a {
margin: 0 15px;
position: relative;
padding: 0; }
section#news div.pagination a.active span {
color: #222; }
section#news div.pagination a.active span:after {
content: ''; }
section#news div.pagination a span {
position: relative;
color: #555;
font-size: .813rem; }
section#news div.pagination a span:after {
width: 100%;
height: 1px;
bottom: -3px;
left: 0;
background-color: #a6a6a6;
position: absolute; }
section#news div.pagination a:first-of-type {
margin-left: 0; }
section#careers-archive {
padding: 80px 0 175px; }
@media (max-width: 767px) {
section#careers-archive {
padding: 100px 0 100px; } }
section#careers-archive div.container h4 {
margin-bottom: 1em;
color: #999;
font-size: 0.688rem;
text-align: left; }
section#careers-archive div.container h2 {
margin: 40px 0 30px 0;
text-align: left;
font-weight: 600; }
section#careers-archive div.container h3 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em;
text-align: left;
font-weight: 400; }
section#careers-archive div.container h3 strong {
font-weight: 700; }
section#careers-archive div.content h2 {
font-size: 1.5rem;
line-height: 1.25;
font-weight: 600;
margin: 0; }
section#careers-archive div.content p {
font-weight: 400;
font-size: 1rem;
line-height: 1.875rem;
color: #555; }
section#careers-archive div.ranger.careers {
max-width: 1350px;
padding: 0 30px;
margin: 0 auto 40px auto; }
section#careers-archive div.ranger.careers div.colonne {
width: 33.3333%;
padding: 0 10px;
position: relative; }
@media (max-width: 1023px) {
section#careers-archive div.ranger.careers div.colonne {
width: 100%; }
section#careers-archive div.ranger.careers div.colonne img {
max-width: 500px;
width: 100%; } }
section#careers-archive div.ranger.careers div.colonne p:nth-child(2) {
position: absolute;
top: 100%;
color: #505a68;
font-weight: 500;
font-size: .75em;
line-height: 1.25;
margin-top: 1em; }
section#careers-archive div.ranger.careers div.colonne:first-child {
padding-left: 0; }
section#careers-archive div.ranger.careers div.colonne:last-child {
padding-right: 0; }
section#careers-archive div.ranger.positions {
max-width: 1350px;
margin: 0 auto;
align-items: center;
border-top: 1px solid #e1e1e1;
padding: 30px; }
section#careers-archive div.ranger.positions:first-of-type {
margin-top: 50px; }
section#careers-archive div.ranger.positions:last-of-type {
border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1023px) {
section#careers-archive div.ranger.positions div.colonne {
width: 100% !important; } }
section#careers-archive div.ranger.positions div.colonne p {
margin: 0;
font-size: 0.69rem;
line-height: 1.5rem; }
section#careers-archive div.ranger.positions div.colonne:nth-child(1) {
width: 24%; }
section#careers-archive div.ranger.positions div.colonne:nth-child(1) p {
color: #61646C; }
section#careers-archive div.ranger.positions div.colonne:nth-child(1) h5 {
color: #61646C;
font-size: 0.75rem;
line-height: 1.5rem;
text-transform: uppercase;
margin: 0; }
section#careers-archive div.ranger.positions div.colonne:nth-child(2) {
width: 20%; }
section#careers-archive div.ranger.positions div.colonne:nth-child(2) p {
margin-top: 1.5em;
color: #61646C;
text-transform: uppercase; }
section#careers-archive div.ranger.positions div.colonne:nth-child(3) {
width: 22%; }
section#careers-archive div.ranger.positions div.colonne:nth-child(3) p {
margin-top: 1.5em;
color: #61646C;
text-transform: uppercase; }
section#careers-archive div.ranger.positions div.colonne:nth-child(4) {
width: 18%; }
section#careers-archive div.ranger.positions div.colonne:nth-child(4) p {
margin-top: 1.5em;
color: #61646C;
text-transform: uppercase;
font-weight: 700; }
section#careers-archive div.ranger.positions div.colonne:nth-child(5) {
width: 16%;
display: flex;
justify-content: flex-end; }
@media (max-width: 1023px) {
section#careers-archive div.ranger.positions div.colonne:nth-child(5) {
justify-content: flex-start;
margin-top: 15px; } }
section#careers-archive.single div.ranger.careers {
margin-bottom: 50px; }
section#careers-archive.single div.infos div.ranger {
border-top: 1px solid #e1e1e1; }
section#careers-archive.single div.infos div.ranger div.colonne {
width: 135px; }
section#careers-archive.single div.infos div.ranger div.colonne:first-child {
width: 260px; }
@media (max-width: 1023px) {
section#careers-archive.single div.infos div.ranger div.colonne {
width: 100%; } }
section#careers-archive.single div.infos div.ranger div.colonne p {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.25rem;
color: #61646C; }
section#careers-archive.single div.infos div.ranger div.colonne p span {
text-transform: none;
font-size: .75rem;
line-height: 1.25rem; }
section#careers-archive.single div.infos div.ranger div.colonne:nth-child(3) p {
color: #D5631C; }
section#careers-archive.single div.infos div.ranger div.colonne:nth-child(3) p span {
color: #61646C; }
section#careers-archive.single div.share {
width: calc( 100% - 665px);
display: flex;
justify-content: flex-end;
align-items: center;
font-size: .75rem;
color: #61646C;
font-weight: 700;
text-transform: uppercase; }
section#careers-archive.single div.share .jssocials-share {
width: 22px; }
section#careers-archive.single div.share .jssocials-share:last-child {
margin-right: 7px; }
@media (max-width: 1023px) {
section#careers-archive.single div.share {
width: 100%;
justify-content: flex-start;
margin-top: 20px; } }
section#careers-archive .content-single {
margin-top: 80px;
width: 100%; }
section#careers-archive .content-single div.ranger div.colonne:first-of-type {
width: 260px;
text-transform: uppercase;
padding-right: 20px; }
@media (max-width: 1023px) {
section#careers-archive .content-single div.ranger div.colonne:first-of-type {
width: 100%;
padding-right: 0; } }
section#careers-archive .content-single div.ranger div.colonne:first-of-type h2 {
color: #D5631C;
text-transform: uppercase;
font-weight: 700;
font-size: 1rem;
margin: 0;
line-height: 1.25; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type {
width: calc( 100% - 260px); }
@media (max-width: 1023px) {
section#careers-archive .content-single div.ranger div.colonne:last-of-type {
width: 100%; } }
section#careers-archive .content-single div.ranger div.colonne:last-of-type p {
color: #555;
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type p:first-of-type {
margin-top: 0; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type li {
color: #555;
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type ul {
margin: 0;
padding: 0; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type ul li {
padding-left: 45px;
list-style: none;
position: relative; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type ul li:before {
content: '—';
position: absolute;
top: 0;
left: 20px;
font-size: 1rem; }
section#careers-archive .content-single div.ranger div.colonne:last-of-type h3 {
margin-top: 35px;
color: #555;
text-transform: uppercase;
font-size: 1rem;
margin-bottom: 0.1em;
line-height: 1.5rem;
font-weight: 700; }
section#careers-archive .content-single hr {
border-top: 1px solid #e1e1e1;
margin-top: 60px;
margin-bottom: 27px; }
section#careers-archive .content-single div#form {
background-color: #f8f8f8;
width: 100%;
padding: 40px 25px 0px;
box-shadow: none; }
section#careers-archive .content-single div#form :focus {
outline: none; }
section#careers-archive .content-single div#form input, section#careers-archive .content-single div#form textarea {
width: 100%;
height: 60px;
padding: 0 10px;
font-family: 'Montserrat', sans-serif;
font-size: .875rem;
color: #666;
font-weight: 400;
border: none;
border-radius: 0; }
section#careers-archive .content-single div#form textarea {
height: 320px;
padding-top: 20px;
padding-bottom: 20px; }
section#careers-archive .content-single div#form ::-webkit-input-placeholder {
/* Edge */
color: #666; }
section#careers-archive .content-single div#form :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #666; }
section#careers-archive .content-single div#form ::placeholder {
color: #666; }
section#careers-archive .content-single div#form #frm_field_9_container {
display: none; }
section#careers-archive .content-single div#form #frm_field_9_container .with_frm_style .frm_dropzone {
margin-top: 0; }
section#careers-archive .content-single div#form .frm_section_spacing {
display: none; }
section#careers-archive .content-single div#form #upload-file {
background-color: #fff;
color: #555;
height: 60px;
padding: 0 10px;
width: 100%;
font-weight: 400;
text-align: left;
cursor: pointer;
font-size: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
font-family: 'Montserrat', sans-serif;
font-size: .875rem; }
section#careers-archive .content-single div#form .frm_final_submit {
margin: 0;
position: relative;
top: -40px;
background-color: #D5631C;
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: none;
color: #fff;
font-weight: 400;
font-size: .813rem;
border: none;
border-radius: 0;
height: 42px;
width: 140px;
margin-top: -20px;
text-transform: capitalize; }
@media (max-width: 730px) {
section#careers-archive .content-single div#form .frm_final_submit {
top: 0px;
margin-top: 10px; } }
section#careers-archive .content-single div#form .with_frm_style .frm_dropzone {
background-color: transparent; }
section#contact {
padding: 80px 0 175px; }
@media (max-width: 767px) {
section#contact {
padding: 100px 0 100px; } }
section#contact div.container h4 {
margin-bottom: 1em;
color: #999;
font-size: 0.688rem;
text-align: left; }
section#contact div.container h2 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1.5em;
text-align: left; }
section#contact div.container h3 {
margin-bottom: 90px;
margin: initial;
margin-bottom: 1em;
text-align: left;
font-weight: 400; }
section#contact div.container h3 strong {
font-weight: 700; }
section#contact div.responsiveIframe video {
width: 100%; }
section#contact div.choose {
margin-top: 80px;
text-align: left;
font-size: 1rem;
color: #61646C;
font-style: italic;
margin-left: 226px; }
@media (max-width: 1355px) {
section#contact div.choose {
margin-left: 16.8vw; } }
@media (max-width: 1023px) {
section#contact div.choose {
margin-left: 0; } }
section#contact div.button {
justify-content: flex-end;
margin-top: 50px;
margin-bottom: 30px; }
section#contact div.button div.colonne {
padding: 0 25px; }
@media (max-width: 1023px) {
section#contact div.button div.colonne {
width: 100%;
justify-content: flex-end;
display: flex;
margin-bottom: 15px;
padding-right: 0; } }
section#contact div.button div.colonne button {
font-size: .75rem;
color: #61646C;
font-weight: 400; }
section#contact div.button div.colonne button.active {
color: #D5631C;
font-weight: 600; }
section#contact div.button div.colonne:nth-last-of-type(2) {
padding-right: 0; }
section#contact div.button #message-verify {
width: 100%;
text-align: right;
color: #D5631C;
visibility: hidden; }
section#contact div.button #message-verify p {
font-size: .875rem; }
section#contact div#form .frm_section_spacing {
display: none; }
section#contact div#form input:not([type='checkbox']), section#contact div#form textarea {
height: 40px;
width: 100%;
padding: 0 10px;
font-family: 'Montserrat', sans-serif;
font-size: .813rem;
color: #888;
font-weight: 400;
border: none;
border-radius: 0;
background-color: #f8f8f8;
box-shadow: none; }
section#contact div#form textarea {
height: 205px;
padding-top: 10px;
padding-bottom: 10px; }
section#contact div#form ::-webkit-input-placeholder {
/* Edge */
color: #888; }
section#contact div#form :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #888; }
section#contact div#form ::placeholder {
color: #888; }
section#contact div#form .frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 15px; }
@media (max-width: 1023px) {
section#contact div#form #frm_field_16_container {
margin-bottom: 0; } }
section#contact div#form .frm_checkbox {
margin-bottom: 50px;
/* Customize the label (the container) */
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */ }
section#contact div#form .frm_checkbox label {
font-weight: 700;
color: #61646C;
font-family: 'Montserrat', sans-serif;
font-size: .813rem;
text-transform: uppercase; }
section#contact div#form .frm_checkbox label {
display: block;
position: relative;
padding-left: 50px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
section#contact div#form .frm_checkbox label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
section#contact div#form .frm_checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 17px;
width: 17px;
background-color: #e8e8e8; }
section#contact div#form .frm_checkbox label:hover input ~ .checkmark {
background-color: #ccc; }
section#contact div#form .frm_checkbox label input:checked ~ .checkmark {
background-color: #D5631C; }
section#contact div#form .frm_checkbox .checkmark:after {
content: "";
position: absolute;
display: none; }
section#contact div#form .frm_checkbox label input:checked ~ .checkmark:after {
display: block; }
section#contact div#form .frm_fields_container {
display: flex;
flex-wrap: wrap;
margin: 0;
grid-template-columns: initial;
grid-auto-rows: initial;
grid-gap: initial;
justify-content: flex-end; }
section#contact div#form .frm_fields_container .frm4 {
width: 42%;
margin: 0;
padding-left: 15px; }
@media (max-width: 1023px) {
section#contact div#form .frm_fields_container .frm4 {
width: calc(100% - 200px); }
section#contact div#form .frm_fields_container .frm4:last-of-type {
padding-left: 0; } }
@media (max-width: 767px) {
section#contact div#form .frm_fields_container .frm4 {
width: 100%; } }
section#contact div#form .frm_fields_container .frm4:first-of-type {
width: 16%; }
@media (max-width: 1023px) {
section#contact div#form .frm_fields_container .frm4:first-of-type {
width: 200px; } }
@media (max-width: 767px) {
section#contact div#form .frm_fields_container .frm4:first-of-type {
width: 100%; } }
section#contact div#form .frm_fields_container .frm_submit {
width: 100%; }
section#contact div#form .frm_fields_container .frm_submit button {
float: right;
margin: 0;
position: relative;
top: 0px;
background-color: #D5631C;
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: none;
color: #fff;
font-weight: 400;
font-size: .813rem;
border: none;
border-radius: 0;
height: 42px;
width: 140px;
margin-top: -15px;
white-space: nowrap; }
@media (max-width: 1023px) {
section#contact div#form .frm_fields_container .frm_submit button {
margin-top: 0; } }
div.pagination {
padding-bottom: 175px; }
div.pagination div.container {
border-top: 1px solid #ebebeb;
padding-top: 30px; }
div.pagination div.ranger {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
div.pagination div.ranger div.colonne img.arrow {
width: 18px; }
div.pagination div.ranger div.colonne .bar1, div.pagination div.ranger div.colonne .bar2, div.pagination div.ranger div.colonne .bar3 {
width: 15px;
margin: 1.5px 0;
height: 3px; }
div.responsiveIframe {
width: 100%;
position: relative;
height: 0;
padding-bottom: 56%;
position: relative; }
div.responsiveIframe iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0; }
div.responsiveIframe div.absolute {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%; }
div.responsiveIframe div.absolute img {
width: 100%;
height: 100%;
object-fit: cover; }
div.responsiveIframe div.absolute:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
position: absolute; }
div.responsiveIframe div.absolute:after {
content: '';
position: absolute;
z-index: 4;
width: 120px;
height: 120px;
background-image: url("images/play.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer; }
.post-type-archive-careers section#hero {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 625px;
overflow: hidden;
position: relative; }
.post-type-archive-careers section#hero video {
position: absolute;
min-width: 100%;
min-height: 100%; }
.post-type-archive-careers section#hero .herocontent {
position: absolute;
left: 50%;
bottom: 60px;
transform: translateX(-50%);
width: 100%;
max-width: 1350px;
padding: 0 30px;
margin: 0 auto;
z-index: 99; }
.post-type-archive-careers section#hero .herocontent h2 {
color: #FFF;
font-size: 2.75rem; }
.post-type-archive-careers section#hero .herocontent p {
color: #FFF;
font-size: 2.25rem;
line-height: 3rem; }
.post-type-archive-careers .benefits {
background-color: #F1F1F1;
padding: 60px 0;
margin: 100px auto; }
.post-type-archive-careers .benefits .row {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.post-type-archive-careers .benefits .col {
width: 33.33%;
justify-content: center;
padding: 30px; }
.post-type-archive-careers .benefits .col img {
max-width: 100px; }
.post-type-archive-careers .team-culture {
padding-bottom: 100px; }
.post-type-archive-careers .team-culture .row {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.post-type-archive-careers .team-culture .row .tile {
width: 24.2%;
margin: 0 1% 1% 0; }
.post-type-archive-careers .team-culture .row .tile.img {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 20%; }
.post-type-archive-careers .team-culture .row .tile.text {
background-color: #578e48;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.post-type-archive-careers .team-culture .row .tile.text p {
margin-top: 0;
color: #FFF; }
.post-type-archive-careers .team-culture .row .tile:nth-child(4n) {
margin-right: 0; }
@media (max-width: 1024px) {
.post-type-archive-careers .team-culture .row .tile {
width: 32.6%; }
.post-type-archive-careers .team-culture .row .tile:nth-child(3n) {
margin-right: 0; }
.post-type-archive-careers .team-culture .row .tile:nth-child(4n) {
margin-right: 1%; } }
@media (max-width: 780px) {
.post-type-archive-careers .team-culture .row .tile {
width: 48%;
height: 235px; }
.post-type-archive-careers .team-culture .row .tile:nth-child(2n) {
margin-right: 0; }
.post-type-archive-careers .team-culture .row .tile:nth-child(3n) {
margin-right: 1%; }
.post-type-archive-careers .team-culture .row .tile:nth-child(4n) {
margin-right: 0; } }
.post-type-archive-careers .available-positions {
padding: 100px 0 0 0; }
.post-type-archive-careers .available-positions p {
line-height: 1.2; }
/*# sourceMappingURL=styles.css.map */