@font-face {
font-family: 'Larsseit-Light';
src: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/styles/fonts/Larsseit-Light/Larsseit-Light.eot) format("eot"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/styles/fonts/Larsseit-Light/Larsseit-Light.otf) format("otf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/styles/fonts/Larsseit-Light/Larsseit-Light.svg) format("svg"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/styles/fonts/Larsseit-Light/Larsseit-Light.ttf) format("ttf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/styles/fonts/Larsseit-Light/Larsseit-Light.woff) format("woff"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/styles/fonts/Larsseit-Light/Larsseit-Light.woff2) format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Larsseit-LightItalic';
src: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-LightItalic/Larsseit-LightItalic.eot) format("eot"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-LightItalic/Larsseit-LightItalic.otf) format("otf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-LightItalic/Larsseit-LightItalic.svg) format("svg"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-LightItalic/Larsseit-LightItalic.ttf) format("ttf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-LightItalic/Larsseit-LightItalic.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Larsseit-Regular';
src: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Regular/Larsseit-Regular.eot) format("eot"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Regular/Larsseit-Regular.otf) format("otf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Regular/Larsseit-Regular.svg) format("svg"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Regular/Larsseit-Regular.ttf) format("ttf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Regular/Larsseit-Regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Larsseit-Medium';
src: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Medium/Larsseit-Medium.eot) format("eot"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Medium/Larsseit-Medium.otf) format("otf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Medium/Larsseit-Medium.svg) format("svg"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Medium/Larsseit-Medium.ttf) format("ttf"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Larsseit-Medium/Larsseit-Medium.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Queens-Italic';
src: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Queens-Italic/Queens_W-Italic.woff) format("woff"), url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/fonts/Queens-Italic/Queens_W-Italic.woff2) format("woff2");
font-weight: normal;
font-style: normal; }    * {
margin: 0;
padding: 0;
box-sizing: border-box; }
td, th {
vertical-align: top; }
hr {
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px solid #ccc; }
input, select {
vertical-align: middle; }
img {
display: block;
vertical-align: middle; }
input[type=radio], input[type=checkbox] {
vertical-align: -1px;
margin-right: 5px; }
input[readonly] {
background-color: #eee; }
textarea {
resize: vertical; }
:focus {
outline: 0; }
a {
color: inherit;
outline: 0;
text-decoration: none; }
a:hover {
color: inherit;
text-decoration: none; }
a:active {
color: inherit;
outline: 0;
text-decoration: none; }
a:focus {
color: inherit;
outline: 0;
text-decoration: none; }
a:visited {
color: inherit;
outline: 0;
text-decoration: none; } html, body {
color: #202022;
font: 400 16px/1.3em "Larsseit-Regular", sans-serif;
-webkit-text-size-adjust: 100%;
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
width: 100%;
overscroll-behavior: none;
min-height: 100%;
width: 100vw;
height: 100vh; }
body {
transition: all 600ms;
opacity: 1; }
body.out {
opacity: 0; } #loaderbg {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9998;
background: #fff;
opacity: 1;
transition: all 900ms; }
#loaderbg.hidden {
top: -100%;
opacity: 0; }
#loader {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
background: white;
opacity: 1;
transition: all 900ms; }
#loader lottie-player {
width: 125px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
filter: invert(100%);
-webkit-filter: invert(100%);
mix-blend-mode: difference;
-webkit-mix-blend-mode: difference;
opacity: 0;
transition: opacity 900ms cubic-bezier(0.17, 0.67, 0.3, 1.33); }
#loader:after {
content: '';
display: block;
background-color: #202022;
position: absolute;
width: 100%;
left: 0;
z-index: 1; }
#loader.imgfade lottie-player {
opacity: 1; }
#loader.closeloader:after {
animation: closeloader 3s ease-in-out; }
#loader.hidebg {
background-color: transparent; }
#loader.removeloader {
display: none; }
@keyframes closeloader {
0% {
margin-top: 100%;
height: 0; }
40% {
margin-top: 0;
height: 100%; }
60% {
margin-top: 0;
height: 100%; }
100% {
margin-top: -100%;
height: 0; } }
@keyframes rotation {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }  ::-webkit-scrollbar {
display: none; } html.lenis {
height: auto; }
html.lenis.noscroll {
width: 100vw;
height: 100vh;
overflow: hidden; } .full-screen {
display: block;
width: 100%;
height: 100vh;
overflow: hidden; }
.bg-grey {
background-color: #F8F6F3; }
.bg-beige {
background-color: #F5EFE3; }
.bg-yellow {
background-color: #FFDF9E; } img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
height: auto;
max-width: 100%; }
a.btn, a.btn:visited, a.btn:focus {
background: #FFDF9E;
color: #202022;
display: inline-block;
padding: 16px 30px;
transition: all 600ms;
border-radius: 30px;
font-size: 16px;
position: relative;
font-family: "Larsseit-Medium", sans-serif;
font-weight: 400;
cursor: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/more-icon.svg), pointer;
overflow: hidden; }
a.btn img, a.btn:visited img, a.btn:focus img {
display: inline-block;
margin-left: 6px;
transition: all 400ms;
-webkit-filter: invert(0);
filter: invert(0); }
a.btn span, a.btn:visited span, a.btn:focus span {
position: relative;
z-index: 2;
transition: all 400ms;
color: #202022;
transition: all 400ms; }
a.btn:after, a.btn:visited:after, a.btn:focus:after {
content: '';
background-color: #202022;
display: block;
width: calc(100% + 6px);
height: calc(100% + 6px);
top: -3px;
left: -110%;
border-radius: 30px;
transition: all 400ms;
position: absolute;
z-index: 1; }
a.btn span, a.btn:visited span, a.btn:focus span {
z-index: 2;
position: relative; }
a.btn.btn-vert, a.btn:visited.btn-vert, a.btn:focus.btn-vert {
background-color: #D1E3CB; }
a.btn.btn-dark, a.btn:visited.btn-dark, a.btn:focus.btn-dark {
background: #202022;
color: #fff; }
a.btn.btn-dark:hover, a.btn:visited.btn-dark:hover, a.btn:focus.btn-dark:hover {
color: #202022; }
a.btn:hover span, a.btn:visited:hover span, a.btn:focus:hover span {
color: #fff; }
a.btn:hover img, a.btn:visited:hover img, a.btn:focus:hover img {
-webkit-filter: invert(1);
filter: invert(1); }
a.btn:hover:after, a.btn:visited:hover:after, a.btn:focus:hover:after {
opacity: 1;
left: 0; }
a.btn.btn-outline, a.btn:visited.btn-outline, a.btn:focus.btn-outline {
border: 1px solid #202022;
background-color: transparent; }
a.btn.btn-outline:hover, a.btn:visited.btn-outline:hover, a.btn:focus.btn-outline:hover {
color: #202022; }
hr {
margin: 0;
border: 0;
border-top: 1px solid #ddd; }
iframe {
max-width: 100%; }
.hide_on_desktop {
display: none; }
.hide_on_mobile {
display: block; } .container {
width: 90vw;
margin-left: 5vw;
margin-right: 5vw; }
.small-container {
width: 70vw;
margin-left: 15vw;
margin-right: 15vw; }
.page-container {
max-width: 70vw;
width: 960px;
margin-left: auto;
margin-right: auto; }
.row {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start; }
.row.justify-content-between {
justify-content: space-between; }
.row.justify-content-center {
justify-content: center; }
.row.justify-content-end {
justify-content: end; }
.row.align-item-end {
align-items: flex-end; }
.row.align-item-center {
align-items: center; }
.row.align-item-start {
align-items: flex-start; }
.full-height {
height: 100vh;
position: relative; }
.full-width {
width: 100vh; }
.vertical-align {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
line-height: 1;
font-weight: 400; }
h1.small-title, .h1.small-title,
h2.small-title, .h2.small-title,
h3.small-title, .h3.small-title,
h4.small-title, .h4.small-title,
h5.small-title, .h5.small-title,
h6.small-title, .h6.small-title {
font-size: 16px;
display: block;
text-transform: uppercase; }
h1, .h1 {
font-size: 68px; }
h2, .h2 {
font-size: 48px; }
h3, .h3 {
font-size: 25px;
margin-top: 20px; }
p {
line-height: 1.4;
font-size: 18px; }
table {
border-collapse: collapse;
margin: 30px 0;
width: 100%; }
table tr td {
border: 1px solid #F5EFE3;
font-size: 18px;
padding: 15px; }
table tr td ul {
margin: 0 !important;
padding: 0 !important; }
table tr td ul li {
margin: 6px 0 !important; }
table tr th {
border: 1px solid #F5EFE3;
background: #F5EFE3;
font-size: 18px;
padding: 15px;
text-align: left; }
table tr th:first-of-type {
width: 33.333%; }
small {
font-size: 80%; }
.italic, i, em {
font-family: "Queens-Italic", sans-serif;
font-weight: 400; }
strong, b {
font-family: "Larsseit-Medium", sans-serif;
font-weight: 400; }
.title-container {
text-align: center;
padding: 60px 0; } .scroll-to-top {
font-size: 14px;
background: #D1E3CB;
color: #202022;
padding: 10px 0;
transition: all 400ms;
position: fixed;
right: 4vw;
bottom: -100%;
width: 45px;
height: 45px;
text-align: center;
opacity: 0.7;
z-index: 9; }
.scroll-to-top:hover {
cursor: pointer;
opacity: 1; }
.scroll-to-top.scrolled {
bottom: 4vw; } [data-transition] {
transition: ease all 1s; }
[data-transition]:not(.is-inview) {
transition-delay: 0s !important;
transition-duration: 0s !important; }
[data-transition="fadein"] {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0; }
[data-transition="fadein"].is-inview {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1; }
[data-transition="fadeInUp"] {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
[data-transition="fadeInUp"].is-inview {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } main .scroll-container ul {
margin: 20px 0;
padding: 0 0 0 20px;
font-size: 18px; }
main .scroll-container ul li {
list-style: none;
position: relative;
padding-left: 15px;
margin: 8px 0 12px 0;
font-size: 18px; }
main .scroll-container ul li:before {
content: '-';
display: block;
position: absolute;
left: 0; } @media screen and (min-width: 64rem) {
body {
--cb-tagreel-row-width: 100%; } }
@keyframes marqueelike {
0%, 100% {
margin-left: 0; }
100% {
margin-left: calc(5880px * 1); } }
.cb-tagreel-items {
position: relative;
width: 100%;
height: 125px;
overflow: hidden; }
.cb-tagreel-items > .cb-tagreel-row {
position: absolute;
min-width: 100%;
display: inline-block;
white-space: nonwrap !important;
height: 125px;
display: flex;
justify-content: center;
align-items: center;
width: 5880px;
transition: transform 2s ease-in-out; }
.cb-tagreel-items > .cb-tagreel-row.fast {
animation: linear marqueelike 55s infinite; }
.cb-tagreel-items > .cb-tagreel-row.slow {
animation: linear marqueelike 40s infinite; }
.cb-tagreel-items > .cb-tagreel-row:first-of-type {
left: 0; }
.cb-tagreel-items > .cb-tagreel-row:last-of-type {
left: -5880px; }
.cb-tagreel-row .cb-tagreel-item {
flex: 1 0 980px;
max-width: 980px;
line-height: 100%;
font-size: 63px;
text-align: center; }
.cb-tagreel-row .cb-tagreel-item img {
display: inline-block;
vertical-align: middle;
margin: 0 8px; }
.cb-tagreel-row .cb-tagreel-item img.circle {
width: 95px; }
.cb-tagreel-row .cb-tagreel-item img.arrow {
width: 35px; }
@keyframes marqueelike {
0%, 100% {
margin-left: 0; }
100% {
margin-left: calc(5580px * 1); } }
.page-id-22 .cb-tagreel-items > .cb-tagreel-row {
width: 5580px; }
.page-id-22 .cb-tagreel-items > .cb-tagreel-row:last-of-type {
left: -5580px; }
.page-id-22 .cb-tagreel-row .cb-tagreel-item {
flex: 1 0 930px;
max-width: 930px; }
.cb-tagreel {
position: relative;
height: 100vh;
background-color: #fff; }
.cb-tagreel-content {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.cb-tagreel-content a:hover { }  .concilivi {
display: flex;
margin-top: 20px;
align-items: center; }
.concilivi a:last-of-type {
flex: 1 0 150px; }
.concilivi img {
width: 150px; }
.slider-container {
height: 100vh;
position: relative; }
.slider-container .image-carr {
position: absolute;
width: 45vw;
height: 80vh;
border-bottom-right-radius: 35%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden; }
.slider-container .image-carr img {
height: 110%;
top: -5%;
width: 100%;
position: absolute;
object-fit: cover; }
.slider-container .slide-info-s {
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
background: #F5EFE3;
text-align: center;
padding: 18px 0;
left: 50%;
top: 75%;
font-size: 18px;
margin-left: 15px;
z-index: 2; }
.slider-container .slide-info-s:hover {
background-color: #FFDF9E; }
.slider-container .slick-prev, .slider-container .slick-next {
z-index: 7;
width: 25px;
height: 60px;
top: 75%;
margin-top: 30px; }
.slider-container .slick-prev:before, .slider-container .slick-next:before {
color: #202022;
content: '';
background-image: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/arrow.svg);
width: 25px;
height: 15px;
display: block;
background-size: contain;
background-repeat: no-repeat; }
.slider-container .slick-prev {
left: 50%; }
.slider-container .slick-prev:before {
background-image: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/arrow-left.svg); }
.slider-container .slick-prev:after {
content: '';
width: 45px;
height: 45px;
border-radius: 50%; }
.slider-container .slick-next {
left: calc(50% + 63px); }
.slider-container .slick-dots {
opacity: 0;
z-index: -1; }
.slider-container .slider-ca {
height: 100vh; }
.slider-container .slider-ca .slide-carr {
height: 100vh;
position: relative; }
.slider-container .slider-ca .slide-carr .inner {
display: flex;
align-items: center;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.slider-container .slider-ca .slide-carr .inner .text-container {
flex: 45%;
max-width: 45%;
margin-left: 5%;
margin-right: 5vw; }
.slider-container .slider-ca .slide-carr .inner .text-container .text {
width: 550px;
max-width: 100%; }
.slider-container .slider-ca .slide-carr .inner .text-container .text h2 {
margin-bottom: 20px; }
.slider-container .slider-ca .slide-carr .inner .img-container {
flex: 45%;
max-width: 45%;
height: 37vw;
overflow: hidden;
-webkit-border-bottom-right-radius: 50%;
-moz-border-radius-bottomright: 50%;
border-bottom-right-radius: 50%;
position: relative;
margin-top: -150%;
opacity: 0;
transition: all 600ms ease-in-out;
transition-delay: 600ms; }
.slider-container .slider-ca .slide-carr .inner .img-container img {
position: absolute;
width: 100%;
height: 120%;
object-fit: cover;
top: -10%;
left: 0; }
.slider-container .slider-ca .slide-carr.slick-active .inner .img-container {
margin-top: 0;
opacity: 1; }
.slider-container.reverse .image-carr {
border-bottom-right-radius: 0;
border-bottom-left-radius: 50%;
left: auto;
right: 0; }
.slider-container.reverse .slick-prev {
left: 5vw; }
.slider-container.reverse .slide-info-s {
left: 5vw; }
.slider-container.reverse .slick-next {
left: calc(5vw + 63px); }
.slider-container.reverse .slider-ca .slide-carr .inner {
flex-direction: row-reverse; }
.slider-container.reverse .slider-ca .slide-carr .inner .img-container {
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-bottomleft: 50%;
border-bottom-left-radius: 50%; }
.jobs-container {
background-color: #F5EFE3;
position: relative;
height: 100vh; }
.jobs-container .inner {
padding: 5vw;
width: 1250px;
margin: auto;
max-width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.jobs-container .inner .job-cta {
margin-top: 80px; }
.jobs-container .inner .job-cta p {
margin-bottom: 20px; }
.jobs-container .inner h2 {
margin-bottom: 40px; }
.jobs-container .inner .job {
display: flex;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.jobs-container .inner .job .date {
margin-left: auto;
flex: 40%;
max-width: 40%;
display: flex;
align-items: center;
position: relative; }
.jobs-container .inner .job .date:before {
content: '';
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #FFDF9E;
display: inline-block;
margin-left: auto;
background-position: center;
background-repeat: no-repeat;
background-size: 45%;
transition: all 400ms;
margin-right: 0;
z-index: 1;
right: 0;
position: absolute; }
.jobs-container .inner .job .date:after {
content: '';
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-block;
margin-left: auto;
background-image: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 45%;
transition: all 400ms;
margin-right: 0;
z-index: 2;
right: 0;
position: absolute; }
.jobs-container .inner .job:hover .date:after {
margin-right: -10px;
filter: invert(100%);
-webkit-filter: invert(100%); }
.jobs-container .inner .job:hover .date:before {
background-color: #202022;
margin-right: -10px; } #single-header {
position: relative;
height: 100vh;
width: 100vw;
overflow: hidden; }
#single-header .container {
height: 100vh;
position: relative;
z-index: 2; }
#single-header .vertical-align {
width: 100%;
position: relative; }
#single-header h1 {
width: 1000px;
max-width: 100%;
margin-top: 25px; }
#single-header .sujet {
font-size: 16px;
display: block;
text-transform: uppercase;
margin-bottom: 5px; }
#single-header .informations {
margin: 0;
padding: 0; }
#single-header .informations li {
margin: 20px 0;
padding: 0;
list-style: none; }  #hero-image .p-image_wrapper {
width: 100vw;
height: 60vw;
max-height: 120vh;
overflow: hidden;
position: relative; }
#hero-image .p-image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
#hero-image video {
object-fit: cover;
width: 100%;
height: 100%; }
#hero-image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); } #rea-content .rounded-corners .col {
border-radius: 7vw; }
#rea-content .blockquote-content {
padding: 160px 0;
width: 90%;
margin: auto;
height: 100vh;
position: relative; }
#rea-content .blockquote-content .vertical-align {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#rea-content .blockquote-content h2 {
font-family: "Larsseit-Medium", sans-serif;
font-size: 24px;
margin-bottom: 20px; }
#rea-content .blockquote-content h3 {
font-family: "Queens-Italic", sans-serif;
font-size: 48px;
margin: 0; }
#rea-content .blockquote-content .blockquote {
display: flex;
flex-wrap: wrap; }
#rea-content .blockquote-content .blockquote .col:nth-child(odd) {
flex: 0 0 calc(33.333% - 45px);
padding-right: 45px; }
#rea-content .blockquote-content .blockquote .col:nth-child(even) {
flex: 0 0 66.666%; }
#rea-content .blockquote-content .from {
width: 100%;
position: relative;
text-align: right;
margin-top: 160px; }
#rea-content .blockquote-content .from .name {
position: relative;
display: inline-block;
background-color: #fff;
padding: 4px 8px;
z-index: 2;
font-family: "Larsseit-Medium", sans-serif; }
#rea-content .blockquote-content .from .title {
position: relative;
display: inline-block;
background-color: #fff;
padding: 4px 8px;
z-index: 2;
margin-left: 25px; }
#rea-content .blockquote-content .from:after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ddd;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1; }
#rea-content .chiffre-content {
padding: 160px 0;
width: 90%;
margin: auto; }
#rea-content .chiffre-content h2 {
font-family: "Larsseit-Medium", sans-serif;
font-size: 24px;
margin-bottom: 20px; }
#rea-content .chiffre-content .chiffres {
margin-top: 60px; }
#rea-content .chiffre-content .chiffres .chiffre {
padding: 35px 0;
border-bottom: 1px solid #dddddd;
display: flex;
flex-wrap: nowrap;
margin-top: 15px;
align-items: center; }
#rea-content .chiffre-content .chiffres .chiffre span {
display: block;
line-height: 1; }
#rea-content .chiffre-content .chiffres .chiffre .fancy {
font-family: "Queens-Italic", sans-serif;
font-size: 60px;
flex: 0 0 40%;
padding-right: 45px; }
#rea-content .chiffre-content .chiffres .chiffre span:not(.fancy) {
font-size: 18px; }
#rea-content .text-content {
padding: 160px 0;
display: flex;
width: 90%;
margin: auto; }
#rea-content .text-content h2 {
font-family: "Larsseit-Medium", sans-serif;
font-size: 24px;
margin-bottom: 20px; }
#rea-content .text-content h3 {
margin-bottom: 35px;
line-height: 1.3;
font-size: 30px;
font-family: "Queens-Italic", sans-serif; }
#rea-content .text-content p {
margin: 0 0 15px; }
#rea-content .text-content ul {
margin: 20px 0;
padding: 0 0 0 20px;
font-size: 18px; }
#rea-content .text-content ul li {
list-style: none;
position: relative;
padding-left: 15px;
margin: 8px 0 12px 0;
font-size: 18px; }
#rea-content .text-content ul li:before {
content: '-';
display: block;
position: absolute;
left: 0; }
#rea-content .text-content.col-onethird .col:first-of-type {
flex: 0 0 33.333%;
padding-right: 45px; }
#rea-content .text-content.col-thirdthird .col {
flex: 0 0 33.333%; }
#rea-content .text-content.col-half .col:first-of-type {
flex: 0 0 50%;
padding-right: 45px; }
#rea-content .text-content.col-une {
display: block; }
#rea-content .text-content.col-twothird .col:first-of-type {
flex: 0 0 66.666%;
padding-right: 45px; }
#rea-content .medias-content-2 {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
#rea-content .medias-content-2 .col {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
margin-bottom: 10px;
margin-top: 10px; }
#rea-content .medias-content-2 .col img, #rea-content .medias-content-2 .col video {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
transform: scale(1);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
#rea-content .medias-content-2.col-une {
display: block; }
#rea-content .medias-content-2.col-onethird .col:nth-child(odd) {
margin-right: 10px;
flex: 0 0 calc(33.333% - 10px); }
#rea-content .medias-content-2.col-onethird .col:nth-child(even) {
margin-left: 10px;
flex: 0 0 calc(66.666% - 10px); }
#rea-content .medias-content-2.col-thirdthird .col {
flex: 0 0 calc(33.333% - 15px); }
#rea-content .medias-content-2.col-thirdthird .col:first-of-type {
margin-right: 20px; }
#rea-content .medias-content-2.col-thirdthird .col:nth-child(3n) {
margin-left: 20px; }
#rea-content .medias-content-2.col-half .col {
flex: 0 0 calc(50% - 10px); }
#rea-content .medias-content-2.col-half .col:nth-child(odd) {
margin-right: 10px; }
#rea-content .medias-content-2.col-half .col:nth-child(even) {
margin-left: 10px; }
#rea-content .medias-content-2.col-twothird .col:nth-child(odd) {
margin-right: 10px;
flex: 0 0 calc(66.666% - 10px); }
#rea-content .medias-content-2.col-twothird .col:nth-child(even) {
margin-left: 10px;
flex: 0 0 calc(33.333% - 10px); }
#rea-content .medias-content {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
#rea-content .medias-content .video-youtube_button .p-image span {
content: '';
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 400ms; }
#rea-content .medias-content .video-youtube_button .p-image span:after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#rea-content .medias-content .video-youtube_button .p-image span:hover {
background-color: rgba(255, 255, 255, 0.5); }
#rea-content .medias-content .video-modal_button {
position: absolute;
z-index: 9;
top: 0;
left: 0;
opacity: 1;
background-color: transparent;
width: 100%;
height: 100%;
text-align: center;
border: none;
cursor: pointer;
font-size: 0;
color: transparent; }
#rea-content .medias-content .video-modal_button span {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 400ms; }
#rea-content .medias-content .video-modal_button span:after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 28px solid #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#rea-content .medias-content .video-modal_button:hover span {
background-color: rgba(255, 255, 255, 0.5); }
#rea-content .medias-content .col {
width: 100%;
height: 35vw;
overflow: hidden;
position: relative;
margin-bottom: 10px;
margin-top: 10px; }
#rea-content .medias-content .col.h-high {
height: 50vw; }
#rea-content .medias-content .col.h-t-height {
height: auto; }
#rea-content .medias-content .col.h-t-height .p-image {
aspect-ratio: 1 / 2; }
#rea-content .medias-content .col .p-image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
#rea-content .medias-content .col img, #rea-content .medias-content .col video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
#rea-content .medias-content.col-une {
display: block; }
#rea-content .medias-content.col-onethird .col:nth-child(odd) {
margin-right: 10px;
flex: 0 0 calc(33.333% - 10px); }
#rea-content .medias-content.col-onethird .col:nth-child(even) {
margin-left: 10px;
flex: 0 0 calc(66.666% - 10px); }
#rea-content .medias-content.col-thirdthird .col {
flex: 0 0 calc(33.333% - 15px); }
#rea-content .medias-content.col-thirdthird .col:first-of-type {
margin-right: 20px; }
#rea-content .medias-content.col-thirdthird .col:nth-child(3n) {
margin-left: 20px; }
#rea-content .medias-content.col-half .col {
flex: 0 0 calc(50% - 10px); }
#rea-content .medias-content.col-half .col:nth-child(odd) {
margin-right: 10px; }
#rea-content .medias-content.col-half .col:nth-child(even) {
margin-left: 10px; }
#rea-content .medias-content.col-twothird .col:nth-child(odd) {
margin-right: 10px;
flex: 0 0 calc(66.666% - 10px); }
#rea-content .medias-content.col-twothird .col:nth-child(even) {
margin-left: 10px;
flex: 0 0 calc(33.333% - 10px); }
#rea-content .img-content {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
#rea-content .img-content .col {
width: 100%;
height: 35vw;
overflow: hidden;
position: relative;
margin-bottom: 10px;
margin-top: 10px; }
#rea-content .img-content .col.h-high {
height: 50vw; }
#rea-content .img-content .col.h-t-height {
height: auto; }
#rea-content .img-content .col.h-t-height .p-image {
aspect-ratio: 1 / 2; }
#rea-content .img-content .col .p-image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
#rea-content .img-content .col img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
#rea-content .img-content.col-une {
display: block; }
#rea-content .img-content.col-thirdthird .col {
flex: 0 0 calc(33.333% - 15px); }
#rea-content .img-content.col-thirdthird .col:first-of-type {
margin-right: 20px; }
#rea-content .img-content.col-thirdthird .col:nth-child(3n) {
margin-left: 20px; }
#rea-content .img-content.col-onethird .col:nth-child(odd) {
margin-right: 10px;
flex: 0 0 calc(33.333% - 10px); }
#rea-content .img-content.col-onethird .col:nth-child(even) {
margin-left: 10px;
flex: 0 0 calc(66.666% - 10px); }
#rea-content .img-content.col-half .col {
flex: 0 0 calc(50% - 10px); }
#rea-content .img-content.col-half .col:nth-child(odd) {
margin-right: 10px; }
#rea-content .img-content.col-half .col:nth-child(even) {
margin-left: 10px; }
#rea-content .img-content.col-twothird .col:nth-child(odd) {
margin-right: 10px;
flex: 0 0 calc(66.666% - 10px); }
#rea-content .img-content.col-twothird .col:nth-child(even) {
margin-left: 10px;
flex: 0 0 calc(33.333% - 10px); }
.video-modal {
position: absolute;
z-index: 999;
background-color: rgba(32, 32, 34, 0.9);
display: none;
opacity: 0;
transition: opacity 900ms;
width: 100vw;
height: 100vh; }
.video-modal .inner {
position: relative;
width: 100%;
height: 100%; }
.video-modal video {
width: 1280px;
height: 720px;
max-width: 80vw;
max-height: 90vh;
object-fit: cover;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.video-modal.show {
display: block; }
.video-modal.fadeIn {
opacity: 1; }
.video-modal .video-modal_close {
position: absolute;
z-index: 9;
top: 30px;
right: 30px;
opacity: 1;
background-color: transparent;
width: 45px;
height: 45px;
text-align: center;
border: none;
cursor: pointer;
font-size: 0;
color: transparent; }
.video-modal .video-modal_close span {
width: 45px;
height: 45px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
display: block;
position: absolute;
top: 0;
right: 0;
transition: all 400ms; }
.video-modal .video-modal_close span:before {
content: '';
display: block;
width: 20px;
height: 2px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.video-modal .video-modal_close span:after {
content: '';
display: block;
width: 20px;
height: 2px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
#next-project {
background-color: #F5EFE3;
text-align: center;
padding-top: 200px; }
#next-project .next-post-title:before {
content: '';
width: 1px;
height: 45px;
background-color: #202022;
display: block;
position: relative;
margin: 0 auto; }
#next-project .next-post-title p {
text-transform: uppercase;
font-size: 16px;
display: inline-block;
width: 100%;
padding-top: 35px; }
#next-project .next-post-title h2 {
width: 610px;
margin: 0 auto;
display: inline-block;
padding: 35px 0;
max-width: 100%; }
#next-project .next-post-img {
width: 650px;
height: 325px;
overflow: hidden;
border-top-left-radius: 350px;
border-top-right-radius: 350px;
margin: 0 auto;
position: relative;
max-width: 90vw;
max-height: 50vw; }
#next-project .next-post-img img {
position: absolute;
width: 100%;
height: 110%;
object-fit: cover;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 900ms; }
#next-project:hover .next-post-img img {
height: 100%; } #page-header {
position: relative;
height: 100vh;
width: 100vw;
overflow: hidden; }
#page-header .bg-image {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1;
object-fit: cover; }
#page-header .bg-image.desktop-image {
display: block; }
#page-header .bg-image.mobile-image {
display: none; }
#page-header .container {
text-align: center;
height: 100vh;
position: relative;
z-index: 2; }
#page-header .sep {
content: '';
width: 1px;
height: 30px;
display: block;
position: absolute;
bottom: -76px;
left: 50%;
-webkit-transform: translateX(-50%, -50%);
-ms-transform: translateX(-50%, -50%);
transform: translateX(-50%, -50%);
background-color: #202022; }
#page-header .vertical-align {
width: 100%;
position: relative; }
#page-header .small {
font-size: 16px;
display: block;
text-transform: uppercase;
margin-bottom: 20px; }
#page-header .sentence {
display: block;
margin-top: 0;
height: auto;
line-height: 1; }
#page-header .word {
display: inline-block;
position: relative; }
#page-header .word.word2-img {
top: 0; }
#page-header h1 {
width: 100%; }
#page-header .text-container {
width: 495px;
max-width: 100%;
margin: 30px auto 0; }
#page-header.page-header-s2 {
border-top: 0;
overflow: visible; }
#page-header.page-header-s2 .text-container {
width: 685px;
max-width: 100%;
margin: 25px auto 0; }
#page-header #header-image-mobile {
width: 500px;
max-width: 80vw;
margin: -200px auto 0;
display: none; }
#page-header #header-image {
margin: auto;
width: 6vw;
height: 6vw;
position: absolute;
bottom: -6vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
#page-header #header-image img.img {
position: absolute;
z-index: 2;
width: 280%;
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#page-header #header-image img.shape {
position: absolute;
z-index: 1;
width: 75%;
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.page-template-page-carrieres #page-header h1, .page-template-page-carrieres #page-header p {
color: #fff; }
.page-template-page-carrieres #page-header .sep {
background-color: #fff; }
#page-header-default {
background-color: #F5EFE3;
height: auto;
padding-top: 100px;
position: relative; }
#page-header-default .page-container {
padding: 100px 0 80px;
position: relative;
z-index: 2; }
#page-header-default .header-img {
position: absolute;
right: 0;
height: calc(100% - 100px);
bottom: 0;
z-index: 1; }
#page-header-default h1 {
font-size: 40px;
max-width: 66.666%;
margin-bottom: 20px; }
#page-header-default .small-container {
padding: 100px 0 80px;
position: relative;
z-index: 2; }
.page-template-default:not(.home) #social {
background-color: #F5EFE3; }
.page-template-default .page-container hr,
.page-template-page-candidature-recue .page-container hr {
margin: 52px 0;
border-top: 1px solid #F5EFE3; }
.page-template-page-candidature-recue table tr td:first-of-type {
width: 350px; }
.page-template-page-candidature-recue #social {
background: #FFDF9E; }
.page-template-page-candidature-recue #social .title-container {
padding-top: 0;
text-align: center; }
.page-template-page-candidature-recue #social .social ul {
text-align: center; }
.page-template-page-candidature-recue #social .social ul li p {
text-align: left; }
#page-content-default {
padding: 60px 0; }
#page-content-default p {
margin: 10px 0; }
#page-content-default a {
text-decoration: underline;
transition: all 400ms;
opacity: 1; }
#page-content-default a:hover {
opacity: 0.8; }
#page-content-default ul {
margin: 20px 0;
padding: 0 0 0 20px;
font-size: 18px; }
#page-content-default ul li {
list-style: none;
position: relative;
padding-left: 15px;
margin: 8px 0 12px 0;
font-size: 18px; }
#page-content-default ul li:before {
content: '-';
display: block;
position: absolute;
left: 0; }
.page-template-page-poste #page-content {
padding: 60px 0; }
.page-template-page-poste #page-content p {
margin: 10px 0; }
.page-template-page-poste #page-content ul {
margin: 20px 0;
padding: 0;
font-size: 18px; }
.page-template-page-poste #page-content ul li {
list-style: none;
position: relative;
padding-left: 15px;
margin: 8px 0 12px 0;
font-size: 18px; }
.page-template-page-poste #page-content ul li:before {
content: '-';
display: block;
position: absolute;
left: 0; }
.page-template-page-poste #page-header {
background-color: #F5EFE3;
height: auto;
padding-top: 100px;
position: relative; }
.page-template-page-poste #page-header .header-img { position: absolute;
right: 0;
height: calc(100% - 100px);
bottom: 0;
z-index: 1; }
.page-template-page-poste #page-header h1 {
font-size: 40px;
margin-bottom: 20px; }
.page-template-page-poste #page-header .page-container {
padding: 100px 0 80px;
position: relative;
z-index: 2; }
.page-template-page-poste #form-jobs {
background-color: #F5EFE3;
padding: 80px 0; }
.page-template-page-contact #social .title-container {
padding-top: 0;
text-align: center; }
.page-template-page-contact #social .social ul {
text-align: center; }
.page-template-page-contact #social .social ul li p {
text-align: left; }
.page-template-page-contact #page-header { }
.page-template-page-contact #page-header .vertical-align {
margin-bottom: 0; }
.page-template-page-contact #page-header .background-shape-contact {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
transition: all 1200ms;
z-index: 1; }
.page-template-page-contact #page-header .background-shape-contact .shape {
position: absolute;
height: 85vh;
max-width: none;
bottom: 0;
right: 0;
width: 85vh; }
.page-template-page-contact #page-header .background-shape-contact #contactimg1 {
position: absolute;
top: 15.2vh;
height: 63.67vh;
overflow: hidden;
z-index: 3;
right: 21.1vh;
width: 63.8vh;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-bottomleft: 50%;
border-bottom-left-radius: 50%; }
.page-template-page-contact #page-header .background-shape-contact #contactimg1 img {
position: absolute;
top: -5%;
width: 100%;
height: 110%;
object-fit: cover; }
.page-template-page-contact #page-header h1 {
margin-bottom: 15px; }
.page-template-page-contact #page-header .text-container {
max-width: 34vw;
margin: 0 5vw;
text-align: left;
width: 540px; }
.page-template-page-contact #page-header .form-container {
max-width: 50vw;
margin: 0 5vw;
text-align: left;
width: 540px;
position: relative;
display: none;
margin-top: 45px; }
.page-template-page-contact #page-header .form-container h2 {
margin-bottom: 30px; }
.page-template-page-contact #page-header .form-container #back-form_btn {
position: absolute;
bottom: 0;
right: 0; }
.page-template-page-contact #page-header .form-container #back-form_btn span:before {
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/arrow-yellow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
margin-right: 8px;
transform: rotate(180deg);
transition: all 400ms; }
.page-template-page-contact #page-header .form-container #back-form_btn:hover span:before {
margin-right: 12px; }
.page-template-page-contact #page-header .btn-container {
margin-top: 40px; }
.page-template-page-contact #page-header .btn-container a.btn {
margin-right: 10px; }
.page-template-page-contact #page-header .sep {
left: 0;
-webkit-transform: translateX(0, 0);
-ms-transform: translateX(0, 0);
transform: translateX(0, 0); } .gform_wrapper .gform_confirmation_message {
padding-right: 115px !important; }
.gform_wrapper .gform_validation_errors .gform_submission_error {
margin-bottom: 0 !important; }
.gform_wrapper .gform_validation_errors {
margin-bottom: 0 !important;
margin-top: 35px !important;
box-shadow: none !important;
background-color: transparent !important;
border-radius: 0 !important; }
.gform_wrapper form .gform_footer {
margin-block-start: 0; }
.gform_wrapper form .gform_footer input[type=submit].gform_button {
background: #FFDF9E !important;
color: #202022 !important;
display: inline-block !important;
padding: 16px 43px !important;
transition: all 600ms !important;
border-radius: 30px !important;
font-size: 16px !important;
position: relative !important;
font-family: "Larsseit-Medium", sans-serif !important;
font-weight: 400 !important;
cursor: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/more-icon.svg), pointer !important;
overflow: hidden !important;
border: none;
box-shadow: none !important; }
.gform_wrapper form .gform_footer input[type=submit].gform_button:hover {
background-color: #202022 !important;
color: #fff !important; }
.gform_wrapper form .gform_fields {
grid-row-gap: 20px;
grid-column-gap: 30px !important; }
.gform_wrapper form .gform_fields .gfield label {
font-size: 16px;
color: #202022; }
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=text],
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=file],
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=tel],
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=email],
.gform_wrapper form .gform_fields .gfield .ginput_container select {
border-radius: 0;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #202022;
box-shadow: none;
font-size: 16px;
color: #202022;
padding: 0;
background-color: transparent; }
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=text]::placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=file]::placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=tel]::placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=email]::placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container select::placeholder {
color: #202022;
opacity: 1; }
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=text]::-ms-input-placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=file]::-ms-input-placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=tel]::-ms-input-placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=email]::-ms-input-placeholder,
.gform_wrapper form .gform_fields .gfield .ginput_container select::-ms-input-placeholder { color: #202022; }
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=text]::file-selector-button,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=file]::file-selector-button,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=tel]::file-selector-button,
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=email]::file-selector-button,
.gform_wrapper form .gform_fields .gfield .ginput_container select::file-selector-button {
color: #202022;
background-color: #FFDF9E;
border: none;
border-radius: 30px;
padding: 8px 12px; }
.gform_wrapper form .gform_fields .gfield .ginput_container input[type=file] {
border: 1px solid #202022;
height: auto;
padding: 8px 20px; }
.gform_wrapper form .gform_fields .gfield .ginput_container textarea {
border-radius: 0;
border: 1px solid #202022;
box-shadow: none;
font-size: 16px;
color: #202022;
background-color: transparent; }
.gform_wrapper form .gform_fields .gfield .ginput_container textarea::placeholder {
color: #202022;
opacity: 1; }
.gform_wrapper form .gform_fields .gfield .ginput_container textarea::-ms-input-placeholder { color: #202022; }
.gform_wrapper form .gform_fields .gfield .ginput_container .gfield_description {
color: #202022; }
.gform_wrapper form .gform_fields .gfield#field_1_6 {
margin-top: 15px; }
.gform_wrapper form .gform_fields .gfield.gfield--type-select {
display: flex; }
.gform_wrapper form .gform_fields .gfield.gfield--type-select .gfield_label {
margin-right: 25px;
align-self: flex-end;
margin-bottom: 0;
line-height: 1; }
.gform_wrapper form .gform_fields .gfield.gfield--type-select .ginput_container {
flex: 2 1 auto; }
.gform_wrapper#gform_wrapper_2 form {
margin-top: 35px; }
.gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields {
grid-template-columns: 1fr 1fr; }
.gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield {
grid-column: auto; }
.gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield#field_2_11, .gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield#field_2_12, .gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield#field_2_6, .gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield#field_2_7 {
grid-column: 1/-1; }
.page-template-page-poste .gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield#field_2_11, .page-template-page-poste .gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield#field_2_12 {
display: none; } #home-header .container {
text-align: center;
height: 100vh;
position: relative; }
#home-header .desktop-tagline {
display: block; }
#home-header .mobile-tagline {
display: none; }
#home-header .sentence {
display: block;
margin-bottom: -18px; }
#home-header .word {
display: inline-block;
position: relative; }
#home-header .word.word4-text {
top: 10px; }
#home-header .word.word4-img {
top: -5px; }
#home-header .word.word4-img {
left: 5px; }
#home-header h1 {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-top: 60px; }
#home-header h1:after {
content: '';
width: 1px;
height: 45px;
display: block;
margin: 75px auto 0; }
#home-header .sep {
content: '';
width: 1px;
height: 30px;
display: block;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%, -50%);
-ms-transform: translateX(-50%, -50%);
transform: translateX(-50%, -50%);
background-color: #202022; }
#home-header img {
display: inline-block;
margin: 0 10px; }
#home-header img#img3 {
margin-left: 0; } #horizontal-container {
height: 100vh;
overflow: hidden;
display: flex;
left: 0; }
#horizontal-container article.panel {
position: relative;
width: 70vw;
padding: 0 5vw 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left; }
#horizontal-container article.panel:first-of-type {
margin-left: 15px; }
#horizontal-container article.panel .row {
flex-wrap: nowrap; }
#horizontal-container article.panel .row .r-image_wrapper {
height: 36vw;
width: 33vw;
overflow: hidden; }
#horizontal-container article.panel .row .r-image_wrapper .r-image {
height: 100%;
width: 100%; }
#horizontal-container article.panel .row img {
height: 100%;
width: 100%;
object-fit: cover; }
#horizontal-container article.panel .row .col .inner {
width: 475px;
padding-left: 90px;
padding-right: 90px; }
#horizontal-container article.panel .row .col .inner p {
margin: 20px 0 30px; }
#horizontal-container article.panel:nth-child(1) .row .r-image_wrapper {
border-top-left-radius: 35%; }
#horizontal-container article.panel:nth-child(2) .row .r-image_wrapper {
border-bottom-left-radius: 35%; }
#horizontal-container article.panel:nth-child(3) .row .r-image_wrapper {
border-top-right-radius: 35%; }
.articles-wrap {
height: 100vh;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 115px 0 80px 0; }
.articles-wrap > * {
min-width: 60vw;
padding: 0 5vw; }
#panels #panels-container {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
overflow: hidden; }
#panels #panels-container .panels-navigation {
position: absolute;
width: 100%;
bottom: 2rem;
right: 2rem; }
section {
overflow: hidden; } #histoire {
background-color: #F5EFE3;
padding: 100px 0; }
#histoire .title-container {
padding: 0 0 75px; }
#histoire .title-container h3 {
font-size: 22px;
margin: 25px auto 0;
width: 450px;
max-width: 100%; }
#histoire .img1 {
position: relative;
overflow: hidden;
width: 90%;
height: 31vw;
border-bottom-left-radius: 35%; }
#histoire .img1 img {
position: absolute;
top: -5%;
width: 100%;
height: 110%;
object-fit: cover; }
#histoire .text-container {
display: flex;
flex-wrap: wrap; }
#histoire .text-container .col {
flex: 1 0 50%; }
#histoire .text-container .text {
margin: 45px 0; }
#culture {
overflow: visible;
padding-top: 10vh; }
#culture .culture-container {
width: 660px;
max-width: 90vw;
text-align: center;
margin: 150px auto 45px; }
#culture .culture-container .text-container {
margin: 20px 0 30px; }
#culture .bg-image {
width: 100vw;
height: auto; }
#culture .bg-desktop {
display: block; }
#culture .bg-mobile {
display: none; } .spacer {
height: 30vh;
display: block;
transition: all 1200ms;
position: relative;
margin-top: 0; }
#content-services {
position: relative;
min-height: 100vh; }
#content-services .mobile-image {
width: 100%;
height: auto;
margin-bottom: 30px;
display: none; }
#content-services h2 {
margin-bottom: 15px; }
#content-services ul {
margin: 40px 0;
padding: 0; }
#content-services ul li.scroll-nav-btn {
font-size: 18px;
font-family: "Larsseit-Medium", sans-serif;
font-weight: 400;
list-style: none;
position: relative;
padding: 5px 0 5px 45px;
margin: 3px 0; }
#content-services ul li.scroll-nav-btn:before {
display: block;
content: '';
width: 30px;
height: 30px;
background-image: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/li-arrow.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 3px;
opacity: 0;
transform: scale(0);
transition: all 0.9s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
#content-services ul li.scroll-nav-btn.active:before {
opacity: 1;
transform: scale(1); }
#content-services .cta {
background-color: #F5EFE3;
border-radius: 20px;
padding: 30px;
margin-top: 30px; }
#content-services .cta .inner-cta {
display: flex;
align-items: center; }
#content-services .cta .inner-cta p {
line-height: 1.2; }
#content-services .cta .inner-cta a.btn {
padding: 16px 25px;
margin-left: auto; }
#content-services #scroll-target {
position: relative; }
#content-services .sticky-nav {
width: 480px;
margin-left: 5vw;
position: relative;
top: 0;
height: 100vh;
max-width: 33vw; }
#content-services .sticky-nav .inner-sticky-nav {
margin-top: 60px;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#content-services .sticky-images {
margin-left: 5vw;
position: absolute;
top: 0;
height: 100vh;
width: 50vw;
right: 0; }
#content-services .sticky-images .inner-sticky-images {
width: 100%;
position: absolute;
top: 12.7vh;
height: 65vh;
overflow: hidden;
z-index: 3;
right: 15.7vh;
width: 56vh;
-webkit-border-top-left-radius: 50%;
-webkit-border-top-right-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-topright: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%; }
#content-services .sticky-images .inner-sticky-images img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
#content-services .sticky-images #servicesimg img {
opacity: 0;
transition: all 1000ms; }
#content-services .sticky-images #servicesimg.pr_1-img .img-1 {
opacity: 1; }
#content-services .sticky-images #servicesimg.pr_2-img .img-2 {
opacity: 1; }
#content-services .sticky-images #servicesimg.pr_3-img .img-3 {
opacity: 1; }
#content-services .sticky-images .background-shape {
width: 100%;
margin-top: 60px;
height: 100%;
position: absolute;
top: 0;
right: 0;
-webkit-border-top-left-radius: 150px;
-moz-border-radius-topleft: 150px;
border-top-left-radius: 150px;
transition: all 1200ms;
z-index: 1; }
#content-services .sticky-images .background-shape svg {
position: absolute;
height: 90vh;
max-width: none;
bottom: 59px;
right: 0; }
#content-services .sticky-images .background-shape svg path {
fill: #EDCCBD;
transition: all 1200ms; }
#content-services .sticky-images .background-shape.yellow-bg svg path {
fill: #FFDF9E; }
#content-services .sticky-images .background-shape.green-bg svg path {
fill: #D1E3CB; }
#content-services .sticky-images .background-shape.pink-bg svg path {
fill: #EDCCBD; }
#content-services .sticky-images .background-shape.blue-bg svg path {
fill: #D1E3CB; }
#content-services .sticky-images .background-shape.beige-bg svg path {
fill: #F5EFE3; }
#content-services .image-container {
position: relative;
width: 50vw;
height: 100vh; }
#content-services .image-container img {
height: 70vh;
right: 0;
position: absolute;
top: 15vh;
opacity: 0;
transform: scale(0);
transition: all 0.9s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
#content-services .image-container.is-inview img {
opacity: 1;
transform: scale(1); }
#content-services .scroll-container .scroll-container-category {
display: block;
height: 100vh;
width: 50vw;
position: relative; }
#content-services .scroll-container .scroll-container-category .scroll-sensor {
height: 50%;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1; }
#content-services .scroll-container .scroll-container-category .scroll-container-row {
padding: 0 5vw;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 50px; }
#content-clients {
overflow: visible;
padding-bottom: 250px; }
#content-clients h2 {
text-align: center;
margin-bottom: 120px; }
#content-clients h2:before {
content: '';
width: 1px;
height: 30px;
display: block;
position: absolute;
top: -75px;
left: 50%;
-webkit-transform: translateX(-50%, -50%);
-ms-transform: translateX(-50%, -50%);
transform: translateX(-50%, -50%);
background-color: #202022; }
#content-clients .clients {
display: flex;
flex-wrap: wrap; }
#content-clients .clients .client {
flex: 1 0 25%;
border-bottom: 1px solid #ECEAE5;
border-right: 1px solid #ECEAE5; }
#content-clients .clients .client:nth-child(4n) {
border-right: none; }
#content-clients .clients .client:nth-last-child(-n+4) {
border-bottom: none; }
#content-clients .clients .client img {
margin: 45px auto;
max-width: 80%; } #cta .inner {
height: calc(100vh - 180px);
position: relative; }
#cta .bg-jaune {
background-color: #FFDF9E; }
#cta .bg-rose {
background-color: #EDCCBD; }
#cta .bg-bleu {
background-color: #b6c3cc; }
#cta .bg-vert {
background-color: #D1E3CB; }
#cta .title-container {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%; }
#cta .title-container h2 {
max-width: 90vw;
margin: 0 auto 40px;
width: 620px; }
.page-template-page-carrieres #cta .bg-yellow {
background-color: #D1E3CB; } .address {
width: 42vw;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 58vw; }
.address p {
margin: 20px 0; }
.address a.btn {
margin-top: 30px; }
.grecaptcha-badge {
margin-right: -5vw !important; }
.coordonnees {
background-color: #F5EFE3;
height: 100vh;
position: relative; }
.coordonnees .background-shape-contact2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.coordonnees .background-shape-contact2 .shape {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 40vw; }
.coordonnees .background-shape-contact2 #contactimg2 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 40vw;
overflow: hidden;
z-index: 3;
left: 13.3vw;
width: 40vw;
-webkit-border-bottom-right-radius: 50%;
-moz-border-radius-bottomright: 50%;
border-bottom-right-radius: 50%; }
.coordonnees .background-shape-contact2 #contactimg2 img {
position: absolute;
top: -5%;
width: 100%;
height: 110%;
object-fit: cover; } #Portfolio .title-container {
padding: 100px 0 60px; }
#Portfolio .title-container h2 {
margin-bottom: 60px; }
.portfolio-container {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 80px;
width: 70vw;
margin: auto; }
.home .portofolio-item {
flex-grow: 1;
flex-basis: 0; }
.home .portofolio-item a {
cursor: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/more-icon.svg), pointer; }
.home .portofolio-item .inner {
padding: 0 15px 125px;
position: relative; }
.home .portofolio-item .inner .p-image_wrapper {
width: 100%;
height: 30vw;
overflow: hidden;
position: relative; }
.home .portofolio-item .inner .p-image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
.home .portofolio-item .inner img, .home .portofolio-item .inner video {
position: absolute;
width: calc(100% + 60px);
height: calc(100% + 60px);
object-fit: cover;
margin-bottom: -30px;
margin-top: -30px;
margin-left: -30px;
transform: scale(1);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
.home .portofolio-item .inner .info {
position: relative;
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
.home .portofolio-item .inner .info h2 {
font-size: 19px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 10px;
line-height: 1.2; }
.home .portofolio-item .inner .info p {
font-size: 17px;
line-height: 1.2; }
.home .portofolio-item .inner .info h2, .home .portofolio-item .inner .info p {
opacity: 0;
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33);
position: relative; }
.home .portofolio-item .inner .info:after {
content: '';
display: block;
position: relative;
background: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/arrow-yellow.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 45px;
height: 45px;
opacity: 0;
transform: scale(0);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33);
margin-top: 10px; }
.home .portofolio-item .inner:hover .info {
margin-bottom: -30px; }
.home .portofolio-item .inner:hover .info h2, .home .portofolio-item .inner:hover .info p {
opacity: 1; }
.home .portofolio-item .inner:hover .info h2 {
margin-top: 30px; }
.home .portofolio-item .inner:hover .info:after {
opacity: 1;
transform: scale(1); }
.home .portofolio-item:first-of-type {
margin-left: -30px; }
.home .portofolio-item:last-of-type {
margin-right: -30px; }
.home .portofolio-item:nth-child(even) .inner .p-image_wrapper {
height: 35vw; }
.home .portofolio-item:hover img {
transform: scale(1.1); }
.post-type-archive-realisations .portfolio-container {
flex-wrap: wrap;
justify-content: left; }
.post-type-archive-realisations .portfolio-container .portofolio-item {
flex-grow: 1;
flex-basis: 0;
flex: 50%;
max-width: 50%;
margin: -45px 0 0; }
.post-type-archive-realisations .portfolio-container .portofolio-item:nth-child(even) {
margin-top: 160px; }
.post-type-archive-realisations .portfolio-container .portofolio-item a {
cursor: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/more-icon.svg), pointer; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner {
padding: 0 15px 160px;
position: relative; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .p-image_wrapper {
width: 100%;
height: 45vw;
overflow: hidden;
position: relative; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .p-image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner img, .post-type-archive-realisations .portfolio-container .portofolio-item .inner video {
position: absolute;
width: calc(100% + 60px);
height: calc(100% + 60px);
object-fit: cover;
margin-bottom: -30px;
margin-top: -30px;
margin-left: -30px;
transform: scale(1);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33); }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info {
position: absolute;
top: 45vw;
margin-top: 20px;
left: 15px;
width: calc(100% - 30px);
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33);
padding-right: 75px; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info h2 {
font-size: 19px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 10px;
line-height: 1.2; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info p {
font-size: 17px;
line-height: 1.2; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info h2, .post-type-archive-realisations .portfolio-container .portofolio-item .inner .info p {
opacity: 1;
transition: all 0.6s cubic-bezier(0.17, 0.67, 0.3, 1.33);
position: relative; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
background: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/arrow-yellow.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 45px;
height: 45px;
opacity: 0;
transform: scale(0);
transition: all 0.3s cubic-bezier(0.17, 0.67, 0.3, 1.33);
margin-top: 10px; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner:hover .info {
margin-top: 20px; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner:hover .info h2, .post-type-archive-realisations .portfolio-container .portofolio-item .inner:hover .info p {
opacity: 1; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner:hover .info:after {
opacity: 1;
transform: scale(1); } #social {
height: calc(100vh - 180px);
padding: 40px 0 100px; }
#social .small-container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#social .title-container {
text-align: left; }
#social .social ul {
padding: 0;
margin: 0;
display: flex; }
#social .social ul li {
list-style: none;
flex: 0 0 33.333%;
margin: 0;
vertical-align: middle; }
#social .social ul li a {
cursor: url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/more-icon.svg), pointer; }
#social .social ul li img {
display: inline-block;
margin-right: 20px;
vertical-align: middle; }
#social .social ul li p {
display: inline-block;
vertical-align: middle;
line-height: 1.1; } .logo {
width: 200px;
position: relative;
top: 2px;
height: auto; }
header {
width: 100vw;
padding: 20px 0;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
background-color: #fff;
transition: all 800ms;
height: 90px; }
header .menu_mobile {
display: none;
position: fixed;
width: 100vw;
height: calc(100vh - 90px);
background: #fff;
left: 0;
top: 90px;
text-align: left;
padding: 5vw; }
header .menu_mobile .menu-mobile-container, header .menu_mobile .social-mobile {
opacity: 0;
transition: all 600ms; }
header .menu_mobile .menu-mobile-container.fadein, header .menu_mobile .social-mobile.fadein {
opacity: 1; }
header .menu_mobile ul.mobile-menu {
padding: 0;
margin: 0; }
header .menu_mobile ul.mobile-menu li {
list-style: none;
font-size: 20px;
margin: 0;
color: #202022;
border-bottom: 1px solid #F8F6F3;
padding: 20px 0; }
header .menu_mobile .lang_switcher ul li {
font-size: 20px;
width: auto;
height: auto;
padding: 20px 0; }
header .menu_mobile .lang_switcher ul li:hover {
background-color: transparent; }
header .menu_mobile .social-mobile {
margin-top: 30px; }
header .menu_mobile .social-mobile ul {
padding: 0;
margin: 0; }
header .menu_mobile .social-mobile ul li {
display: inline-block;
list-style: none;
margin: 0 10px 0 0;
vertical-align: text-bottom; }
header .menu_button {
display: none;
position: absolute;
width: 35px;
height: 35px;
right: 5vw;
top: 28px;
cursor: pointer; }
header .menu_button span {
position: absolute;
width: 35px;
height: 1px;
right: 0;
background-color: #202022;
transition: all 500ms; }
header .menu_button span:nth-child(1) {
top: 7px; }
header .menu_button span:nth-child(2) {
top: 17px; }
header .menu_button span:nth-child(3) {
top: 27px; }
header .menu_button:hover span:nth-child(1) {
width: 32px; }
header .menu_button:hover span:nth-child(2) {
width: 20px; }
header .menu_button:hover span:nth-child(3) {
width: 28px; }
header .menu_button.close span:nth-child(1) {
transform: rotate(45deg);
width: 35px;
top: 17px; }
header .menu_button.close span:nth-child(2) {
width: 0; }
header .menu_button.close span:nth-child(3) {
transform: rotate(-45deg);
width: 35px;
top: 17px; }
header .menu_button.close:hover {
width: 35px; }
header .container {
position: relative; }
header .container .col:nth-child(1) {
position: relative;
display: inline-block;
z-index: 3; }
header .container .col:nth-child(2) {
position: absolute;
width: 100%;
text-align: center;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2; }
header .container .col:nth-child(3) {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
z-index: 3; }
header.noshow {
top: -100%; }
header .nav-container ul,
header .lang_switcher ul {
padding: 0;
margin: 0; }
header .nav-container ul li,
header .lang_switcher ul li {
list-style: none;
display: inline-block;
margin: 0 20px; }
header .nav-container ul li a,
header .lang_switcher ul li a {
color: #202022;
transition: all 400ms;
display: block;
position: relative; }
header .nav-container ul li a:after,
header .lang_switcher ul li a:after {
content: '';
display: block;
margin-top: 8px;
width: 0;
height: 1px;
background-color: #202022;
position: absolute;
transition: all 600ms;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
header .nav-container ul li a:hover:after,
header .lang_switcher ul li a:hover:after {
width: 33%; }
header .nav-container ul li.current-menu-item a:after,
header .lang_switcher ul li.current-menu-item a:after {
width: 33%; }
header .nav-container ul li .sub-menu,
header .lang_switcher ul li .sub-menu {
position: absolute;
display: none;
padding: 6px 10px 0;
background: #fff;
text-align: left; }
header .nav-container ul li .sub-menu li,
header .lang_switcher ul li .sub-menu li {
display: block; }
header .nav-container ul li.menu-item-has-children:hover .sub-menu,
header .lang_switcher ul li.menu-item-has-children:hover .sub-menu {
display: block; }
header .lang_switcher ul li {
background-color: #fff;
border-radius: 50%;
width: 35px;
height: 35px;
text-align: center;
padding: 6px 0;
transition: all 600ms;
margin: 0; }
header .lang_switcher ul li a {
text-transform: capitalize; }
header .lang_switcher ul li a:after {
display: none; }
header .lang_switcher ul li:hover {
background-color: #FFDF9E; }
header.scrolled {
background-color: #fff;
box-shadow: 0px 0px 15px 0px rgba(32, 32, 34, 0.15);
-webkit-box-shadow: 0px 0px 15px 0px rgba(32, 32, 34, 0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(32, 32, 34, 0.15); } .otgs-development-site-front-end,
.wpml-ls-statics-footer {
display: none !important; }
footer {
background: #fff;
padding: 34px 0;
height: 90px; }
footer .row .col {
flex: 0 0 33.333%; }
footer .row .col:nth-child(2) {
text-align: center; }
footer .row .col:nth-child(3) {
text-align: right; }
footer .footer-menu-container {
display: inline-block;
margin-right: 12px; }
footer .footer-menu {
padding: 0;
margin: 0; }
footer .footer-menu li {
display: inline-block;
list-style: none;
margin: 0 12px 0 0;
vertical-align: text-bottom;
font-size: 12px; }
footer .footer-menu li:last-of-type {
margin-right: 0; }
footer p {
display: inline-block;
font-size: 12px;
vertical-align: text-bottom; }
footer p.copyright {
margin-left: 20px; }
footer .social ul {
padding: 0;
margin: 0; }
footer .social ul li {
display: inline-block;
list-style: none;
margin: 0 10px;
vertical-align: text-bottom; }
footer .social ul li:first-of-type {
margin-left: 0; }
footer .social ul li:first-of-type img {
width: 9px; }
footer .social ul li:nth-child(2) img {
width: 19px; }
footer .social ul li:last-of-type {
margin-right: 0; }
footer .social ul li:last-of-type img {
width: 17px; }
.cky-btn-revisit-wrapper {
display: none !important; }@media (max-width: 1367px) {
.page-template-page-contact #page-header .background-shape-contact #contactimg1 {
bottom: 13.6vw;
right: 13.7vw;
top: auto;
width: 40vw;
height: 41vw; }
.page-template-page-contact #page-header .background-shape-contact .shape {
height: 55vw;
width: 55vw; } }
@media (max-width: 1300px) {
#horizontal-container article.panel:first-of-type {
margin-left: 5vw; }
#horizontal-container article.panel .row .col .inner {
padding-left: 60px; }
#home-header .sentence {
margin-bottom: 0px; } }
@media (max-width: 1200px) {
header .menu_button {
display: block; }
header .nav-container, header .col .lang_switcher {
display: none; }
h1, .h1 {
font-size: 60px; }
header .nav-container ul li {
margin: 0 15px; }
.home .portofolio-item .inner {
padding: 0 15px 0; }
.home .portofolio-item .inner .info {
position: relative;
bottom: auto;
margin-top: 15px;
width: 100%; }
.home .portofolio-item .inner .info h2, .home .portofolio-item .inner .info p {
opacity: 1; }
.home .portofolio-item .inner .info:after {
opacity: 1;
transform: scale(1); }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner {
padding: 0 15px 0; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info {
position: relative;
bottom: auto;
margin-top: 15px;
width: 100%;
top: 0;
left: 0; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info h2, .post-type-archive-realisations .portfolio-container .portofolio-item .inner .info p {
opacity: 1; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .info:after {
opacity: 1;
transform: scale(1); }
#content-services .sticky-images .inner-sticky-images {
height: 43vw;
width: 38vw;
top: auto;
bottom: 22.3vh; }
.page-template-page-contact #page-header .form-container {
max-width: 100%;
padding: 5vw;
margin: 0;
width: 100%;
position: relative;
background: white; }
.page-template-page-contact #page-header .form-container #back-form_btn {
position: relative;
bottom: auto;
right: auto;
margin-top: 15px;
display: block; } }
@media (max-width: 992px) {
h1, .h1 {
font-size: 45px; }
h2, .h2 {
font-size: 40px; }
h3, .h3,
#histoire .title-container h3 {
font-size: 18px; }
p,
#page-content-default ul li,
table tr td,
#rea-content .text-content ul li,
main .scroll-container ul li {
font-size: 16px; }
a.btn, a.btn:visited, a.btn:focus {
font-size: 14px; }
.small-container {
width: 90vw;
margin-left: 5vw;
margin-right: 5vw; }
#page-header .small {
font-size: 14px; }
#home-header .word2 img {
width: 100px; }
#home-header .word3 img {
width: 63px; }
#home-header .word4 img {
width: 95px; }
#horizontal-container article.panel {
width: 90vw;
padding: 0 5vw; }
#horizontal-container article.panel .row .col .inner {
padding: 0 5vw;
max-width: 55vw; }
.home .portofolio-item .inner .info {
left: 0; }
.page-template-page-contact #page-header {
height: calc(100vh + 55vw); }
.page-template-page-contact #page-header .text-container {
max-width: none;
width: calc(100% - 10vw); }
.page-template-page-contact #page-header .background-shape-contact .shape {
height: 90vw;
width: 90vw; }
.page-template-page-contact #page-header .background-shape-contact #contactimg1 {
bottom: 22.4vw;
right: 22.2vw;
top: auto;
width: 55vw;
height: 55vw; }
.page-template-page-contact #page-header .background-shape-contact #contactimg1 img {
height: 130%; }
#rea-content .text-content {
padding: 90px 0;
display: block;
width: 100%;
margin: auto; }
#rea-content .chiffre-content {
font-size: 18px; }
#rea-content .blockquote-content h2 {
font-size: 18px;
margin-bottom: 45px; }
#rea-content .blockquote-content .blockquote {
display: block; }
.cb-tagreel-row .cb-tagreel-item {
font-size: 35px;
flex: 1 0 600px;
max-width: 600px; }
.cb-tagreel-row .cb-tagreel-item img.arrow {
width: 22px; }
.cb-tagreel-row .cb-tagreel-item img.circle {
width: 75px; }
.page-id-22 .cb-tagreel-row .cb-tagreel-item {
font-size: 35px;
flex: 1 0 560px;
max-width: 560px; }
.page-id-22 .cb-tagreel-row .cb-tagreel-item img.arrow {
width: 22px; }
.page-id-22 .cb-tagreel-row .cb-tagreel-item img.circle {
width: 75px; }
.cb-tagreel-items {
height: 100px; }
.cb-tagreel {
height: 80vh; }
.cb-tagreel-items > .cb-tagreel-row {
width: 3600px;
height: 90px; }
.page-id-22 .cb-tagreel-items > .cb-tagreel-row {
width: 3360px;
height: 90px; }
@keyframes marqueelike {
0%, 100% {
margin-left: 0; }
100% {
margin-left: calc(3600px * 1); } }
@keyframes marqueelike {
0%, 100% {
margin-left: 0; }
100% {
margin-left: calc(3360px * 1); } }
.cb-tagreel-items > .cb-tagreel-row:last-of-type {
left: -3600px; }
.page-id-22 .cb-tagreel-items > .cb-tagreel-row:last-of-type {
left: -3360px; }
#culture .bg-desktop {
display: none; }
#culture .bg-mobile {
display: block; }
.slider-container {
height: auto;
padding-bottom: 115px; }
.slider-container .slide-info-s {
left: 5vw;
top: auto;
bottom: 50px; }
.slider-container .slick-prev {
left: 5vw; }
.slider-container .slick-next {
left: calc(5vw + 63px); }
.slider-container .slick-prev, .slider-container .slick-next {
top: auto;
bottom: -125px; }
.slider-container .image-carr {
width: 90vw;
height: 75vw;
border-bottom-right-radius: 55%;
left: 5vw;
top: 5vw;
-webkit-transform: none;
-ms-transform: none;
transform: none;
overflow: hidden; }
.slider-container.reverse .image-carr {
left: 5vw;
right: auto; }
.slider-container .slider-ca {
height: auto; }
.slider-container .slider-ca .slide-carr {
height: auto; }
.slider-container .slider-ca .slide-carr .inner {
padding-top: 85vw;
display: block;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.slider-container .slider-ca .slide-carr .inner .text-container {
max-width: 90vw;
width: 100%; }
.slider-container .slider-ca .slide-carr .inner .img-container {
display: none; }
.jobs-container {
height: auto;
padding: 60px 0; }
.jobs-container .inner {
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.jobs-container .inner .job-cta {
margin-top: 30px; }
.jobs-container .inner .job {
display: block; }
.jobs-container .inner .job .titre_poste {
padding: 0 55px 0 0; }
.jobs-container .inner .job .date {
max-width: 100%; }
.jobs-container .inner .job .date:before, .jobs-container .inner .job .date:after {
top: -20px; }
#rea-content .text-content h3 {
margin-top: 45px; } }
@media (max-width: 768px) {
#horizontal-container {
height: auto;
display: block;
width: 100%; }
#horizontal-container .articles-wrap {
height: auto;
display: block;
padding: 115px 0 80px 0; }
#horizontal-container .articles-wrap > * {
min-width: 60vw;
padding: 0 5vw; }
#horizontal-container .articles-wrap article.panel {
padding: 30px 10vw;
margin: 0 !important;
width: 100%;
display: block; }
#horizontal-container .articles-wrap article.panel .row .r-image_wrapper {
height: 80vw;
width: 80vw;
max-width: 80vw;
max-height: 80vw; }
#horizontal-container .articles-wrap article.panel:first-of-type {
padding-top: 0; }
#horizontal-container .articles-wrap article.panel .vertical-align {
position: relative;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.page-template-page-contact #page-header .background-shape-contact #contactimg1 {
display: none; }
#page-header { }
#page-header #header-image-mobile {
display: block; }
#page-header #header-image {
display: none; }
#page-header .bg-image.desktop-image {
display: none; }
#page-header .bg-image.mobile-image {
display: block; }
#home-header .desktop-tagline {
display: none; }
#home-header .mobile-tagline {
display: block; }
.gform_wrapper#gform_wrapper_2 form .gform-body .gform_fields .gfield {
grid-column: 1/-1; }
#histoire .text-container {
display: block; }
#histoire .text-container .text {
margin: 35px 0; }
#histoire .img1 {
width: 90vw;
height: 80vw;
margin-top: 35px; }
#histoire {
padding: 60px 0; }
#histoire .title-container {
padding: 0;
text-align: left; }
#histoire .title-container h3 {
width: 100%; }
#culture {
padding-top: 0; }
.spacer {
height: 30vw; }
#content-clients {
padding-bottom: 80px; }
#content-clients h2 {
margin-bottom: 80px; }
#content-clients .clients .client {
flex: 1 0 50%; }
#content-clients .clients .client:nth-child(even) {
border-right: none; }
#content-clients .clients .client:nth-last-child(-n+4) {
border-bottom: 1px solid #ECEAE5; }
#content-clients .clients .client:nth-last-child(-n+2) {
border-bottom: none; }
main .scroll-container ul li {
margin: 6px 0; }
#content-services .scroll-container .scroll-container-category {
width: 100%;
height: auto; }
#content-services .scroll-container .scroll-container-category .scroll-container-row {
position: relative;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
#content-services .mobile-image {
display: block; }
#content-services .sticky-images {
display: none; }
#content-services .sticky-images .inner-sticky-images {
display: none; }
#content-services ul {
margin: 26px 0; }
h2, .h2 {
font-size: 36px; }
h3, .h3 {
font-size: 20px; }
#home-header .sentence {
margin-bottom: -6px; }
#home-header .sentence.no-pic {
margin-top: 3px;
margin-bottom: 0; }
#home-header h1 {
margin-top: 40px;
max-width: 100%;
font-size: 33px; }
#home-header img {
margin: 0 7px; }
#home-header .word.word4-text {
top: 0; }
#home-header .word1 img {
width: 85px; }
#home-header .word4 img {
width: 56px; }
#home-header .word3 img {
width: 76px; }
#rea-content .text-content {
padding: 60px 0; }
#rea-content .text-content h3 {
font-size: 24px; }
#rea-content .chiffre-content {
padding: 60px 0; }
#rea-content .chiffre-content h2 {
font-size: 16px; }
#rea-content .chiffre-content .chiffres .chiffre {
font-size: 14px; }
#rea-content .chiffre-content .chiffres .chiffre .fancy {
font-size: 38px;
flex: 0 0 33%;
padding-right: 5px; }
#rea-content .blockquote-content {
height: 75vh; }
#rea-content .blockquote-content h2 {
font-size: 16px; }
#rea-content .blockquote-content h3 {
font-size: 37px; }
#horizontal-container article.panel .row {
display: block; }
#horizontal-container article.panel .row .r-image_wrapper {
height: 450px;
width: 450px;
max-width: 80vw;
max-height: 80vw; }
#horizontal-container article.panel .row .col .inner {
padding: 30px 0 0;
max-width: 80vw;
width: 450px; }
#Portfolio .title-container h2 {
margin-bottom: 30px; }
.portfolio-container {
display: block;
width: 90vw; }
.home .portofolio-item .inner .p-image_wrapper,
.home .portofolio-item:nth-child(even) .inner .p-image_wrapper {
width: 100%;
height: 110vw; }
.home .portofolio-item .inner .info h2,
.home .portofolio-item:nth-child(even) .inner .info h2 {
margin-top: 15px; }
.home .portofolio-item .inner:hover .info,
.home .portofolio-item:nth-child(even) .inner:hover .info {
margin-top: 0;
margin-bottom: 0; }
.home .portofolio-item .inner:hover .info h2,
.home .portofolio-item:nth-child(even) .inner:hover .info h2 {
margin-top: 15px; }
.home .portofolio-item:first-of-type {
margin-left: 0; }
.home .portofolio-item:last-of-type {
margin-right: 0; }
#social h2 {
text-align: center; }
#social .social ul {
display: block; }
#social .social ul li {
display: block;
margin: 10px auto;
text-align: left;
width: 180px;
max-width: 100%; }
footer {
height: auto; }
.page-container {
max-width: 90vw; }
h1,
#page-header-default h1 {
font-size: 34px; }
.page-template-page-poste #page-header .page-container,
#page-header-default .page-container {
padding: 50px 0 25px; }
.page-template-page-poste #page-header h1 {
font-size: 27px; }
.page-template-page-poste #page-content,
#page-content-default {
padding: 35px 0; }
.page-template-page-poste #form-jobs {
padding: 45px 0; }
#page-header {
height: 90vh; }
#page-header #header-image img.img {
width: 550%; }
#page-header #header-image img.shape {
width: 135%; }
.post-type-archive-realisations .portfolio-container .portofolio-item {
max-width: 100%;
margin: 30px 0; }
.post-type-archive-realisations .portfolio-container .portofolio-item:nth-child(even) {
margin: 60px 0; }
.post-type-archive-realisations .portfolio-container .portofolio-item .inner .p-image_wrapper {
height: 110vw; }
.gform_wrapper .gform_confirmation_message {
padding-right: 0 !important; }
.page-template-page-contact #page-header {
height: auto;
padding-bottom: 20vw; }
.page-template-page-contact #page-header .container {
height: auto; }
.page-template-page-contact #page-header .vertical-align {
width: 100%;
position: relative;
transform: none;
top: 0;
padding-top: 150px;
padding-right: 10vw; }
.page-template-page-contact #page-header .background-shape-contact { }
.page-template-page-contact #page-header .background-shape-contact .shape {
height: 60vw;
width: 60vw; }
.page-template-page-contact #page-header h1 {
margin-bottom: 0; }
.page-template-page-contact #page-header .btn-container {
margin-top: 20px; }
.page-template-page-contact #page-header .btn-container a.btn {
margin-bottom: 10px; }
.page-template-page-contact #page-header .form-container {
max-width: none;
margin: -90px 0 0;
width: 100%;
padding: 0; }
.page-template-page-contact #page-header .form-container h2 {
margin-bottom: 25px; }
.coordonnees .background-shape-contact2 {
display: none; }
.gform_wrapper form .gform_fields .gfield.gfield--type-select {
display: block; }
.coordonnees {
padding: 45px 0;
height: auto;
position: relative; }
.address {
width: 100%;
position: relative;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: 0;
text-align: center; }
.address p {
margin: 20px 0 0; } }
@media (max-width: 576px) {
.hide_on_desktop {
display: block; }
.hide_on_mobile {
display: none; }
#single-header {
height: auto; }
#single-header h1 {
margin: 0 0 25px; }
#single-header .container {
height: auto; }
#single-header .vertical-align {
position: relative;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-top: 190px;
padding-bottom: 100px; }
.spacer {
height: 30px; }
.page-template-page-about .spacer {
height: 0; }
#page-header {
height: auto; }
#page-header .container {
height: auto; }
#page-header .vertical-align {
position: relative;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-top: 150px;
padding-bottom: 60px; }
#page-header.page-header-s2 .small {
margin-bottom: 15px; }
#page-header.page-header-s2 .text-container {
margin: 10px auto 0; }
#page-header #header-image-mobile {
margin: 30px auto 0; }
#page-header #header-image {
width: 60vw;
height: 60vw;
bottom: -100px; }
#page-header #header-image img.img {
width: 75%; }
#page-header #header-image img.shape {
width: 20%; }
#page-header .sep {
bottom: 0; }
.page-template-page-contact #page-header .btn-container a.btn {
margin-bottom: 10px; }
.page-template-page-contact #page-header .sep {
display: none; }
.page-template-page-carrieres #page-header .vertical-align {
padding-top: 60vw; }
.page-template-page-carrieres #page-header h1 .small, .page-template-page-carrieres #page-header h1 .sentence {
margin-bottom: 10px; }
.page-template-page-carrieres #page-header .text-container {
margin: 0; }
.page-template-page-contact #page-header .vertical-align {
margin-top: 0;
padding-bottom: 0; }
.page-template-page-contact #page-header h1 span.small {
margin-bottom: 15px; }
.page-template-page-contact #page-header p {
margin: 5px 0 25px; }
h1, #page-header-default h1 {
font-size: 29px; }
h2, .h2 {
font-size: 25px; }
footer .row {
display: block;
text-align: center; }
footer .row .col:nth-child(3) {
text-align: center; }
footer .social {
margin: 20px 0; }
footer .footer-menu li {
margin: 0 6px; }
#rea-content .medias-content-2 {
display: block; }
#rea-content .medias-content-2 .col {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important; }
#rea-content .img-content,
#rea-content .medias-content {
display: block; }
#rea-content .img-content .col,
#rea-content .medias-content .col {
height: auto;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important; }
#rea-content .img-content .col img,
#rea-content .medias-content .col img {
position: relative; }
#rea-content .img-content .col.h-high,
#rea-content .medias-content .col.h-high {
height: 110vw; }
#rea-content .img-content.col-onethird .col:nth-child(odd),
#rea-content .medias-content.col-onethird .col:nth-child(odd) {
margin-right: 0; }
#rea-content .img-content.col-onethird .col:nth-child(even),
#rea-content .medias-content.col-onethird .col:nth-child(even) {
margin-left: 0; }
#rea-content .img-content.col-half .col:nth-child(odd),
#rea-content .medias-content.col-half .col:nth-child(odd) {
margin-right: 0; }
#rea-content .img-content.col-half .col:nth-child(even),
#rea-content .medias-content.col-half .col:nth-child(even) {
margin-left: 0; }
#rea-content .img-content.col-twothird .col:nth-child(odd),
#rea-content .medias-content.col-twothird .col:nth-child(odd) {
margin-right: 0; }
#rea-content .img-content.col-twothird .col:nth-child(even),
#rea-content .medias-content.col-twothird .col:nth-child(even) {
margin-left: 0; }
#rea-content .chiffre-content .chiffres .chiffre {
display: block; }
#rea-content .chiffre-content .chiffres .chiffre .fancy {
display: block;
margin-bottom: 10px; }
#content-services .scroll-container .scroll-container-category {
width: 100%; }
#content-services .sticky-images .background-shape svg {
height: 60vh; } }
@media (max-width: 400px) {
h1, #page-header-default h1 {
font-size: 24px; } }a.btn-dark{border:1px solid #202022 !important}a.btn-dark::after{background:#fff !important}a.btn-dark span span{color:#fff !important}a.btn-dark:hover span span{color:#202022 !important}#content-clients{padding-top:var(--security-padding-y)}#content-clients h2{font-size:18px;text-transform:none}#content-clients h2::before{display:none}#content-clients h2::after{background:currentcolor;content:"";display:block;height:20px;margin:20px auto 0;width:1px}.post-type-archive-realisations .portfolio-container{gap:calc(var(--security-padding-y)*.75) 0}.post-type-archive-realisations .portfolio-container .portofolio-item{margin-top:0 !important}footer .social ul li:first-of-type img{width:inherit}header .menu_mobile .social-mobile img{width:49px}:root{--security-padding-y: 120px;--transition-duration: 0.65s;--transition-duration-long: 1.2s;--transition-timing-function: cubic-bezier(.19,1,.22,1)}@media(max-width: 768px){:root{--security-padding-y: 72px}}.cursor-drag{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-drag-pink.svg),move}.cursor-drag *{cursor:inherit}body[data-page-theme=vert] .cursor-drag{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-drag-green.svg),pointer}body[data-page-theme=jaune] .cursor-drag{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-drag-yellow.svg),pointer}body[data-page-theme=bleu] .cursor-drag{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-drag-blue.svg),pointer}.cursor-more{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-more-pink.svg),pointer}.cursor-more *{cursor:inherit}body[data-page-theme=vert] .cursor-more{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-more-green.svg),pointer}body[data-page-theme=jaune] .cursor-more{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-more-yellow.svg),pointer}body[data-page-theme=bleu] .cursor-more{cursor:url(//espressocommunication.versionalpha.ca/wp-content/themes/espresso/assets/images/cursor-more-blue.svg),pointer}.card-project{width:100%}.card-project__link:hover .card-project__visual img,.card-project__link:hover .card-project__visual video{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-project__visual{aspect-ratio:10/7;width:100%;overflow:hidden;position:relative}.card-project__visual .p-image{width:100%;height:100%;position:relative}.card-project__visual img,.card-project__visual video{position:absolute;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;margin-bottom:-30px;margin-top:-30px;margin-left:-30px;max-width:calc(100% + 60px);-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform var(--transition-duration) var(--transition-timing-function);transition:transform var(--transition-duration) var(--transition-timing-function);transition:transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function)}.card-project-related{width:100%}.card-project-related__link:hover .card-project-related__inner img,.card-project-related__link:hover .card-project-related__inner video{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-project-related__inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;position:relative}.card-project-related__inner img,.card-project-related__inner video{position:absolute;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;margin-bottom:-30px;margin-top:-30px;margin-left:-30px;max-width:calc(100% + 60px);-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform var(--transition-duration) var(--transition-timing-function);transition:transform var(--transition-duration) var(--transition-timing-function);transition:transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function)}.card-project-related__visual{aspect-ratio:9/10;width:100%;overflow:hidden;position:relative}.card-project-related__visual .p-image{width:100%;height:100%;position:relative}.card-project-related__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}.card-project-related__content h2{font-size:22px;line-height:1.2}.card-project-related__content p{font-size:18px;line-height:1.2}.component{overflow:hidden;padding:var(--security-padding-y) 0;position:relative;width:100%}body.single-services .component{border-top:1px solid #d9d9d9}.component-marquee{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--security-padding-y)}.component-marquee__title{font-size:18px;text-align:center}.component-marquee__title::after{background:currentcolor;content:"";display:block;height:20px;margin:20px auto 0;width:1px}.component-marquee__item{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:120px;line-height:1;gap:36px;padding:0 18px}@media(max-width: 768px){.component-marquee__item{font-size:96px}}.component-marquee__item img{aspect-ratio:1;border-radius:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:auto;object-fit:cover;width:1.4em}.component-projects{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:64px}@media(max-width: 768px){.component-projects{gap:24px}}.component-projects__title{font-size:60px;text-align:center}@media(max-width: 768px){.component-projects__title{font-size:48px;text-align:left}}.component-projects__items{display:grid;gap:36px;grid-template-columns:repeat(3, 1fr);-webkit-transform:translateX(var(--translate, 0));transform:translateX(var(--translate, 0));width:120%}@media(max-width: 768px){.component-projects__items{gap:24px;width:165%}}.component-projects__items-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:36px;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw}@media(max-width: 768px){.component-projects__items-wrapper{gap:24px}}.component-projects__cta{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.component--projects{border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9}.component-projects-related{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:64px}@media(max-width: 768px){.component-projects-related{gap:40px}}.component-projects-related .swiper{overflow:visible;position:relative;width:100%}.component-projects-related .swiper-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;transition-timing-function:var(--transition-timing-function);width:100%}.component-projects-related .swiper-slide{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.component-projects-related .swiper-notification{display:none}.component-quote{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:grid;gap:40px var(--security-padding-y);grid-template-columns:1fr 3fr}@media(max-width: 768px){.component-quote{grid-template-columns:1fr}}.component-quote__visual img{aspect-ratio:1;border-radius:100%;height:auto;object-fit:cover;width:100%}@media(max-width: 768px){.component-quote__visual img{margin:0 auto;width:100px}}.component-quote__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.component-quote__text{font-size:36px;line-height:1.05;text-indent:4em}@media(max-width: 768px){.component-quote__text{font-size:24px;text-align:center;text-indent:0}}.component-quote__author{font-size:18px;text-align:center}@media(max-width: 768px){.component-quote__author{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px}}.component-quote__author span{color:#c4c4c4}.component-quote__author span::before{content:" - "}@media(max-width: 768px){.component-quote__author span::before{content:""}}.component-services{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:grid;gap:var(--security-padding-y);grid-template-columns:2fr 1fr;margin:0 auto}@media(max-width: 768px){.component-services{grid-template-columns:1fr}}.component-services__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:64px}@media(max-width: 768px){.component-services__content{gap:24px}}.component-services__title{font-size:18px}.component-services__item{--margin: 80px;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:calc(var(--margin)*-1);padding:40px 0}@media(max-width: 992px){.component-services__item{--margin: 48px;margin-left:0}}.component-services__item-nb{color:#c4c4c4;font-size:18px;-webkit-transform:translateY(1em);transform:translateY(1em);width:var(--margin)}@media(max-width: 992px){.component-services__item-nb{-webkit-transform:translateY(0.7em);transform:translateY(0.7em)}}@media(max-width: 768px){.component-services__item-nb{-webkit-transform:translateY(0.5em);transform:translateY(0.5em)}}.component-services__item-title{font-size:60px}@media(max-width: 768px){.component-services__item-title{font-size:36px}}.component-services__item-title br{display:none}.component-services__item-title img{display:inline-block;margin-left:4px;width:17px}@media(min-width: 769px){.component-services__item-title img{display:none}}.component-services__item-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.component-services__item-excerpt{max-width:540px;transition:height var(--transition-duration) var(--transition-timing-function);width:100%}@media(max-width: 768px){.component-services__item-excerpt{height:auto !important}}.component-services__item-excerpt>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px;padding-top:20px}@media(max-width: 768px){.component-services__item-excerpt>*{position:relative !important}}.component-services__item:not(:first-child){border-top:1px solid #d9d9d9}.component-services__item.js-active .component-services__item-excerpt{height:var(--height, auto)}.component-services__visual{aspect-ratio:5/6;border-radius:var(--border-radius, 50%) var(--border-radius, 50%) 0 0;overflow:hidden;pointer-events:none;position:relative;width:100%}@media(max-width: 768px){.component-services__visual{display:none}}.component-services__visual img{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity var(--transition-duration-long) var(--transition-timing-function);width:100%;z-index:1}.component-services__visual img.js-active{opacity:1;z-index:2}.component-services-links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:64px}@media(max-width: 768px){.component-services-links{gap:40px}}.component-services-links__title{font-size:18px;text-align:center}.component-services-links__title::after{background:currentcolor;content:"";display:block;margin:16px auto 0;height:20px;width:1px}.component-services-links__items{display:-webkit-flex;display:-ms-flexbox;display:flex}.component-services-links__items a{display:block;font-size:120px;line-height:1.3;padding:0 calc(var(--security-padding-y)/2)}@media(max-width: 768px){.component-services-links__items a{font-size:96px}}.component-services-links__cta{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.component-split{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}@media(max-width: 768px){.component-split{grid-template-columns:1fr}}.component-split__visual{position:relative}@media(max-width: 768px){.component-split__visual{padding-bottom:44px}}.component-split__visual-image{aspect-ratio:1;border-radius:0 40% 0 0;position:relative;overflow:hidden;width:100%}.component-split__visual-image img{height:calc(100% + 60px);inset:-30px;max-width:unset;object-fit:cover;position:absolute;width:calc(100% + 60px)}.component-split__visual-shape{height:60%;position:absolute;left:calc(var(--security-padding-y)*-1);top:75%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:60%}@media(max-width: 768px){.component-split__visual-shape{bottom:0;left:-10%;top:auto;-webkit-transform:none;transform:none}}.component-split__visual-shape img{height:100%;inset:0;object-fit:contain;object-position:left bottom;position:absolute;width:100%}.component-split__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:22px;gap:24px;padding-left:var(--security-padding-y);position:relative;top:20vh}@media(max-width: 768px){.component-split__content{padding-left:0;padding-top:var(--security-padding-y);top:0;-webkit-transform:none !important;transform:none !important}}.component-split__content h2{font-size:60px}@media(max-width: 768px){.component-split__content h2{font-size:36px}}.component-split__content p{font-size:inherit}.component-statistics{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--security-padding-y);padding-bottom:136px}@media(max-width: 768px){.component-statistics{gap:64px}}.component-statistics__title{font-size:60px;text-align:center}@media(max-width: 768px){.component-statistics__title{font-size:48px;text-align:left}}.component-statistics__items{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px var(--security-padding-y);-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.component-statistics__item{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px;width:calc(33.33% - var(--security-padding-y)*.67)}@media(max-width: 768px){.component-statistics__item{width:100%}}.component-statistics__item-value{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:"Queens-Italic",sans-serif;font-size:90px;line-height:1;-webkit-transform:translateY(0.1em);transform:translateY(0.1em)}@media(max-width: 768px){.component-statistics__item-value{font-size:64px;width:1.25em}}.component-statistics__decoration{background-repeat:repeat-x;background-position:left bottom;background-size:auto 100%;height:136px;inset:auto 0 -4px;position:absolute}.component--statistics{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:90vh}.component-text{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:grid;gap:24px var(--security-padding-y);grid-template-columns:1fr 2fr}@media(max-width: 768px){.component-text{grid-template-columns:1fr}}.component-text__title{font-size:36px;text-wrap:balance}@media(max-width: 768px){.component-text__title{-webkit-transform:none !important;transform:none !important}}.component-text__text{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:22px;gap:1em}@media(max-width: 768px){.component-text__text{font-size:20px}}.component-text__text *{font-size:inherit !important}.component-text__text>*{margin:0 !important}.component-text__text h1:not(:first-child),.component-text__text h2:not(:first-child),.component-text__text h3:not(:first-child),.component-text__text h4:not(:first-child),.component-text__text h5:not(:first-child),.component-text__text h6:not(:first-child){margin-top:.5em !important}.component-text__text h3{font-weight:600}.hero-basic{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:64px;overflow:visible;padding:calc(var(--security-padding-y) + 100px) 0 var(--security-padding-y);position:relative}@media(min-width: 769px){body.post-type-archive-realisations .hero-basic{gap:48px}}@media(max-width: 768px){.hero-basic{gap:24px}}.hero-basic__top{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:48px;text-align:center}@media(max-width: 768px){.hero-basic__top{gap:24px}}.hero-basic__top::after{background-color:#202022;content:"";display:block;height:30px;margin:0 auto;width:1px}.hero-basic__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:64px}@media(max-width: 768px){.hero-basic__header{gap:40px}}.hero-basic__surtitle{font-size:24px}.hero-basic__title{font-size:90px}@media(max-width: 768px){.hero-basic__title{font-size:64px}}.hero-basic__links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:18px;gap:24px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media(max-width: 768px){.hero-basic__links{display:none}}.hero-basic__bottom{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}@media(max-width: 768px){.hero-basic__bottom{grid-template-columns:1fr}}.hero-basic__visual{position:relative}@media(max-width: 768px){.hero-basic__visual{padding-bottom:44px}}.hero-basic__visual-image{aspect-ratio:1;border-radius:40% 0 0 0;position:relative;overflow:hidden;width:100%}@media(max-width: 768px){.hero-basic__visual-image{border-radius:0 0 0 40%}}.hero-basic__visual-image img{height:calc(100% + 60px);inset:-30px;max-width:unset;object-fit:cover;position:absolute;width:calc(100% + 60px)}.hero-basic__visual-shape{height:60%;position:absolute;right:calc(var(--security-padding-y)*-0.5);top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:60%}@media(max-width: 768px){.hero-basic__visual-shape{bottom:0;left:50%;right:auto;top:auto;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}}.hero-basic__visual-shape img{height:100%;inset:0;object-fit:contain;object-position:right center;position:absolute;width:100%}.hero-basic__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:22px;gap:24px;padding-left:var(--security-padding-y);position:relative;top:20vh}@media(max-width: 768px){.hero-basic__content{padding-left:0;top:0;-webkit-transform:none !important;transform:none !important}.hero-basic__visual+.hero-basic__content{padding-top:var(--security-padding-y)}}.hero-basic__content h2{font-size:56px}@media(max-width: 768px){.hero-basic__content h2{font-size:36px}}.hero-basic__content p{font-size:inherit}.hero-basic--no-image .hero-basic__bottom{display:-webkit-flex;display:-ms-flexbox;display:flex}.hero-basic--no-image .hero-basic__content{margin:0 auto;max-width:540px;padding-left:0;text-align:center;top:0;-webkit-transform:none !important;transform:none !important}.js-fake-drawer{height:0;overflow:hidden;position:relative}.js-fake-drawer-sizer{inset:0 0 auto;position:absolute}.js-marquee{left:50%;overflow:hidden;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw}.js-marquee-wrapper{-webkit-animation:js-marquee-loop var(--duration) forwards infinite linear;animation:js-marquee-loop var(--duration) forwards infinite linear;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:1}.js-marquee-item,.js-marquee-item-duplicate{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.js-marquee:not(.js-visible) .js-marquee-wrapper,.js-marquee.js-paused .js-marquee-wrapper{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes js-marquee-loop{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translate3d(var(--translation), 0, 0);transform:translate3d(var(--translation), 0, 0)}}@keyframes js-marquee-loop{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translate3d(var(--translation), 0, 0);transform:translate3d(var(--translation), 0, 0)}}.hero-basic__content{ 
top: 250px
}
.hero-basic__content p:last-child{ 
padding-bottom: 200px;
} @media (max-width: 768px) {
.hero-basic__content{ 
top: 0px;
}
.hero-basic__content p:last-child{ 
padding-bottom: 0px;
}
} @media (min-height: 500px ) and (min-width: 769px) {
.hero-basic__content{ top: 150px;
}
}
@media (min-height: 650px ) and (min-width: 769px) {
.hero-basic__content{ top: 145px;
}
}
@media (min-height: 700px ) and (min-width: 769px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 750px) and (min-width: 769px) {
.hero-basic__content{ top: 135px;
}
}
@media (min-height: 800px) and (min-width: 769px) {
.hero-basic__content{ top: 125px;
}
}
@media (min-height: 850px) and (min-width: 769px) {
.hero-basic__content{ top: 115px;
}
}
@media (min-height: 900px) and (min-width: 769px) {
.hero-basic__content{ top: 105px;
}
} @media (min-height: 500px ) and (min-width: 900px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 650px ) and (min-width: 900px) {
.hero-basic__content{ top: 135px;
}
}
@media (min-height: 700px ) and (min-width: 900px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 750px) and (min-width: 900px) {
.hero-basic__content{ top: 125px;
}
}
@media (min-height: 800px) and (min-width: 900px) {
.hero-basic__content{ top: 120px;
}
}
@media (min-height: 850px) and (min-width: 900px) {
.hero-basic__content{ top: 115px;
}
}
@media (min-height: 900px) and (min-width: 900px) {
.hero-basic__content{ top: 110px;
}
} @media (min-height: 500px ) and (min-width: 1000px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 650px ) and (min-width: 1000px) {
.hero-basic__content{ top: 135px;
}
}
@media (min-height: 700px ) and (min-width: 1000px) {
.hero-basic__content{ top: 135px;
}
}
@media (min-height: 750px) and (min-width: 1000px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 800px) and (min-width: 1000px) {
.hero-basic__content{ top: 125px;
}
}
@media (min-height: 850px) and (min-width: 1000px) {
.hero-basic__content{ top: 120px;
}
}
@media (min-height: 900px) and (min-width: 1000px) {
.hero-basic__content{ top: 110px;
}
} @media (min-height: 500px ) and (min-width: 1140px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 650px ) and (min-width: 1140px) {
.hero-basic__content{ top: 135px;
}
}
@media (min-height: 700px ) and (min-width: 1140px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 750px) and (min-width: 1140px) {
.hero-basic__content{ top: 125px;
}
}
@media (min-height: 800px) and (min-width: 1140px) {
.hero-basic__content{ top: 115px;
}
}
@media (min-height: 850px) and (min-width: 1140px) {
.hero-basic__content{ top: 105px;
}
}
@media (min-height: 900px) and (min-width: 1140px) {
.hero-basic__content{ top: 95px;
}
} @media (min-height: 650px ) and (min-width: 1200px) {
.hero-basic__content{ top: 150px;
}
}
@media (min-height: 700px ) and (min-width: 1200px) {
.hero-basic__content{ top: 150px;
}
}
@media (min-height: 750px) and (min-width: 1200px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 800px) and (min-width: 1200px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 850px) and (min-width: 1200px) {
.hero-basic__content{ top: 120px;
}
}
@media (min-height: 900px) and (min-width: 1200px) {
.hero-basic__content{ top: 110px;
}
} @media (min-height: 650px ) and (min-width: 1400px) {
.hero-basic__content{ top: 160px;
}
}
@media (min-height: 700px ) and (min-width: 1400px) {
.hero-basic__content{ top: 150px;
}
}
@media (min-height: 750px) and (min-width: 1400px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 800px) and (min-width: 1400px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 850px) and (min-width: 1400px) {
.hero-basic__content{ top: 120px;
}
}
@media (min-height: 900px) and (min-width: 1400px) {
.hero-basic__content{ top: 110px;
}
} @media (min-height: 650px ) and (min-width: 1600px) {
.hero-basic__content{ top: 170px;
}
}
@media (min-height: 700px ) and (min-width: 1600px) {
.hero-basic__content{ top: 160px;
}
}
@media (min-height: 750px) and (min-width: 1600px) {
.hero-basic__content{ top: 150px;
}
}
@media (min-height: 800px) and (min-width: 1600px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 850px) and (min-width: 1600px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 900px) and (min-width: 1600px) {
.hero-basic__content{ top: 120px;
}
} @media (min-height: 650px ) and (min-width: 1800px) {
.hero-basic__content{ top: 170px;
}
}
@media (min-height: 700px ) and (min-width: 1800px) {
.hero-basic__content{ top: 160px;
}
}
@media (min-height: 750px) and (min-width: 1800px) {
.hero-basic__content{ top: 150px;
}
}
@media (min-height: 800px) and (min-width: 1800px) {
.hero-basic__content{ top: 140px;
}
}
@media (min-height: 850px) and (min-width: 1800px) {
.hero-basic__content{ top: 130px;
}
}
@media (min-height: 900px) and (min-width: 1800px) {
.hero-basic__content{ top: 120px;
}
}
.hero-basic__bottom div:last-child  {
-webkit-align-self: stretch;
-ms-flex-self: stretch;
align-self: stretch;
display: flex;
grid-template-columns: 1fr 1fr;
}
.hero-basic__content h2 {
font-size: 56px;
padding-top: 5px;
}
@media (max-width: 1250px) {
.hero-basic__content h2 {
font-size: 42px;
padding-top: 25px;
}
}
@media (max-width: 1000px) {
.hero-basic__content h2 {
font-size: 36px;
padding-top: 40px;
}
}
.hero-basic--no-image .hero-basic__bottom .hero-basic__content p:last-child {
padding-bottom: 0px !important;
}