@charset "UTF-8";
    html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button {
cursor: pointer;
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
color: inherit;
font: inherit;
line-height: normal;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
}
a {
color: currentColor;
}
a, li, button {
outline-color: #fff;
}
input, select, button, textarea {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
}
input[type=submit] {
cursor: pointer;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
} @font-face {
font-family: "Helvetica File";
font-weight: 300;
src: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/fonts/HelveticaNeueLTStd-Lt.woff2) format("woff2"), url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/fonts/HelveticaNeueLTStd-Lt.woff) format("woff");
}
@font-face {
font-family: "Helvetica File";
font-weight: 400;
src: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/fonts/HelveticaNeueLTStd-Roman.woff2) format("woff2"), url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/fonts/HelveticaNeueLTStd-Roman.woff) format("woff");
}
@font-face {
font-family: "Helvetica File";
font-weight: 700;
src: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/fonts/HelveticaNeueLTStd-Bd.woff2) format("woff2"), url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/fonts/HelveticaNeueLTStd-Bd.woff) format("woff");
}
h1 {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 6rem;
line-height: 6.9rem;
}
@media screen and (max-width: 768px) {
h1 {
font-size: 3.5rem;
line-height: 4rem;
}
}
h1 sup {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1.5rem;
line-height: 1.7rem;
text-align: right;
vertical-align: text-top;
line-height: 4rem;
}
@media screen and (max-width: 768px) {
h1 sup {
line-height: 3rem;
}
}
h1 b {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 6rem;
line-height: 6.9rem;
line-height: 1;
}
@media screen and (max-width: 768px) {
h1 b {
font-size: 3.5rem;
line-height: 4rem;
}
}
h1 b sup {
font-weight: 700;
}
h2 {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
h2 b {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 4rem;
line-height: 6rem;
line-height: 1;
}
@media screen and (max-width: 768px) {
h2 b {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
h2 b sup {
font-weight: 700;
}
h2 sup {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1rem;
line-height: 1.1rem;
text-align: right;
vertical-align: text-top;
line-height: 3rem;
}
@media screen and (max-width: 768px) {
h2 sup {
line-height: 2.5rem;
}
}
h3 {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 300;
font-size: 3rem;
line-height: 4.5rem;
}
@media screen and (max-width: 768px) {
h3 {
font-size: 2.5rem;
line-height: 3rem;
}
}
h4 {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 2rem;
line-height: 2.3rem;
}
p {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.7rem;
color: #0B2C40;
}
@media screen and (max-width: 768px) {
p {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
sup {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1rem;
line-height: 1.1rem;
text-align: right;
}
:root {
--sbw: 0px;
}
* {
box-sizing: border-box;
outline: none;
}
html {
-moz-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 0.6944444444vw;
font-size: calc(0.6944444444vw - var(--sbw) / 144);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased;
}
@media screen and (min-width: 1440px) {
html {
font-size: 10px;
}
}
@media screen and (max-width: 768px) {
html {
font-size: 2.6666666667vw;
font-size: calc(2.6666666667vw - var(--sbw) / 37.5);
}
}
html, body {
width: 100%;
}
body {
position: relative;
}
#main {
width: 100%;
position: relative;
overflow: hidden;
}
#main-container {
min-height: 100vh;
}
@media screen and (min-width: 1440px) {
#main-container {
width: 1440px;
margin: 0 auto;
}
}
#content-page__container {
position: relative;
z-index: 0;
}
#content-page__container:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 97.6rem;
opacity: 0.4;
background: linear-gradient(360deg, #4F758B -30.4rem, rgba(255, 255, 255, 0) 100%);
transform: matrix(1, 0, 0, -1, 0, 0);
}
@media screen and (max-width: 768px) {
#content-page__container:before {
opacity: 0.5;
height: 100rem;
background: linear-gradient(360deg, #4F758B 0%, rgba(255, 255, 255, 0) 100%);
}
}
#content-page__container:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
width: 100%;
height: 50rem;
background: linear-gradient(360deg, #4F758B 6.99%, rgba(255, 255, 255, 0) 100%);
opacity: 0.4;
}
#content-page > * {
position: relative;
z-index: 1;
}
.sro {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
#popin-check {
background: rgba(11, 44, 64, 0.5);
z-index: 200;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0B2C4060;
opacity: 0;
pointer-events: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
#popin-check.show {
pointer-events: all;
opacity: 1;
}
#popin-check .content {
background: #FFFFFF;
box-shadow: 0px 2px 20px rgba(149, 149, 149, 0.25);
border-radius: 5rem;
padding: 7rem;
max-width: 70rem;
color: #00275F;
}
@media screen and (max-width: 768px) {
#popin-check .content {
padding: 2rem;
margin: 2rem;
border-radius: 3rem;
}
}
#popin-check .content h2 {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 4rem;
line-height: 6rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
#popin-check .content h2 {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
#popin-check .content h2:after {
content: "";
display: block;
width: 100%;
height: 0rem;
background: #151618;
margin-top: 1.6rem;
border: 0.6rem solid #E30613;
width: 2.9rem;
}
#popin-check .content p {
font-size: 1.6rem;
line-height: 2.4rem;
margin-bottom: 7rem;
}
#popin-check .content .btns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
}
#popin-check .content .btns button, #popin-check .content .btns a {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 5.6rem;
padding: 1.9rem;
border: 1px solid #E30613;
border-radius: 5rem;
background: #E30613;
color: #FFFFFF;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 700;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
}
#popin-check .content .btns button:hover, #popin-check .content .btns a:hover {
transform: scale(1.05);
}
#popin-check .content .btns a {
background: #FFFFFF;
color: #E30613;
text-decoration: none;
}
.btn, .home__book-a-demo__form .hs-button, .home__book-a-demo__form .hs_submit .actions, .selector {
will-change: background-color;
display: inline-block;
border-radius: 10rem;
background-color: var(--bg-color);
color: var(--color);
transition: background-color, color, 0.3s ease;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
position: relative;
cursor: pointer;
text-decoration: none;
}
.btn--cta, .home__book-a-demo__form .hs_submit .actions, .selector, .btn--download-v2, .btn--download, .btn--close {
padding: 0.4rem 3.1rem 0.4rem 1.3rem;
}
.btn--drag {
padding: 0.4rem 3.1rem 0.4rem 3.1rem;
transition: background-color 0.3s ease, color 0.3s ease;
}
.btn--cta--small {
padding: 0 0.8rem;
border: 0.1rem solid var(--border-color);
}
.btn--ancre, .btn--ancre-2 {
padding: 0 0.6rem;
}
.btn--download-v2, .btn--ancre-2 {
border: 0.1rem solid var(--border-color);
}
.btn__ico, .selector__ico {
position: absolute;
top: 50%;
right: 0.7rem;
transform: translate3d(0, -50%, 0);
border-radius: 10rem;
width: 1.8rem;
height: 1.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--bg-color-ico);
transition: background-color 0.3s ease;
}
.btn__ico--left {
left: 0.7rem;
right: initial;
}
.btn__ico__svg {
color: var(--color-ico);
transition: color 0.3s ease;
}
.btn--cta .btn__ico__svg, .home__book-a-demo__form .hs_submit .actions .btn__ico__svg, .selector .btn__ico__svg, .btn--close .btn__ico__svg {
width: 0.8rem;
height: 0.8rem;
}
.btn--download .btn__ico__svg, .btn--download-v2 .btn__ico__svg {
width: 1rem;
height: 1.1rem;
transform: translateX(0.04rem);
}
.btn--drag .btn__ico__svg {
width: 1.1rem;
height: 1.1rem;
}
.btn--cta--red, .home__book-a-demo__form .hs_submit .actions {
--bg-color: #E30613;
--color: #FFFFFF;
--bg-color-ico: #FFFFFF;
--color-ico: #E30613;
}
.btn--cta--red:hover, .home__book-a-demo__form .hs_submit .actions:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--cta--white {
--bg-color: #FFFFFF;
--color: #E30613;
--bg-color-ico: #E30613;
--color-ico: #FFFFFF;
}
.btn--cta--white:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--cta--pantone {
--bg-color-ico: #FFFFFF;
--color-ico: #4F758B;
--bg-color: #4F758B;
--color: #FFFFFF;
}
.btn--cta--pantone:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--cta--small--blue {
--bg-color: #FFFFFF;
--color: #0B2C40;
--border-color: #0B2C40;
--bg-color-ico: #FFFFFF;
--color-ico: #4F758B;
}
.btn--cta--small--blue:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--cta--small--white {
--bg-color: transparent;
--color: #FFFFFF;
--border-color: #FFFFFF;
}
.btn--cta--small--white:hover {
--border-color: #0B2C40;
--bg-color-ico: transparent;
--color-ico: #FFFFFF;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.open .btn--cta--small--white {
--bg-color: transparent;
--color: #0B2C40;
--border-color: #0B2C40;
}
.btn--cta--small--blue-dark {
--bg-color: #0B2C40;
--color: #FFFFFF;
--border-color: #0B2C40;
}
.btn--cta--small--blue-dark:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--cta--small--pantone {
--bg-color: #4F758B;
--color: #FFFFFF;
--border-color: transparent;
}
.btn--cta--small--pantone:hover {
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--download {
--bg-color-ico: #FFFFFF;
--color-ico: #4F758B;
--bg-color: #4F758B;
--color: #FFFFFF;
}
.btn--download:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
--bg-color: #0B2C40;
--color: #FFFFFF;
}
.btn--download-v2 {
--bg-color-ico: #4F758B;
--color-ico: #FFFFFF;
--bg-color: transparent;
--color: #4F758B;
--border-color: #4F758B;
}
.btn--download-v2:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #4F758B;
--bg-color: #4F758B;
--color: #FFFFFF;
}
.btn--ancre {
--bg-color: transparent;
--color: #0B2C40;
}
.btn--ancre:hover, .btn--ancre.hover {
--bg-color: #0095C2;
--color: #FFFFFF;
}
.btn--ancre-2 {
--bg-color: #FFFFFF;
--color: #0B2C40;
--border-color: #0B2C40;
}
.btn--ancre-2:hover, .btn--ancre-2.btn--active {
--bg-color: #0095C2;
--color: #FFFFFF;
--border-color: #0095C2;
}
@media screen and (max-width: 768px) {
.btn--ancre-2.btn--active {
--bg-color: #0095C2;
--color: #FFFFFF;
--border-color: #0095C2;
}
}
@media screen and (max-width: 768px) {
.btn--ancre-2:hover {
--bg-color: #FFFFFF;
--color: #0B2C40;
--border-color: #0B2C40;
}
.btn--ancre-2:hover.btn--active {
--bg-color: #0095C2;
--color: #FFFFFF;
--border-color: #0095C2;
}
}
.btn--close {
--bg-color: #FFFFFF;
--color: #E30613;
--bg-color-ico: #E30613;
--color-ico: #FFFFFF;
}
.btn--close:hover {
--bg-color-ico: #FFFFFF;
--color-ico: #4F758B;
--bg-color: #4F758B;
--color: #FFFFFF;
}
.btn--drag--red {
--bg-color: #E30613;
--color: #FFFFFF;
--bg-color-ico: #FFFFFF;
--color-ico: #E30613;
}
.btn--drag--red:hover {
--bg-color: #0B2C40;
--color: #FFFFFF;
--bg-color-ico: #FFFFFF;
--color-ico: #0B2C40;
}
.btn--cta--animation {
opacity: 0;
transition: opacity 1s 2s ease, background-color 0.3s ease, color 0.3s ease;
}
.btn--cta--animation--show {
opacity: 1;
}
.link {
color: #0B2C40;
text-decoration: none;
cursor: pointer;
background-color: transparent;
}
.link:hover .link--arrow:after {
transform: translate3d(0, -50%, 0);
opacity: 1;
}
.link--arrow {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.7rem;
padding-right: 3.3rem;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.link--arrow {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
.link--arrow:after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translate3d(-20%, -30%, 0);
width: 1.9rem;
height: 1.9rem;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/link-arrow.svg);
background-repeat: no-repeat;
background-size: 95%;
background-position: center;
opacity: 0;
transition: opacity, transform, 0.3s cubic-bezier(0.4, 0.64, 0.68, 1);
}
.link--footer {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
transition: color 0.15s ease;
}
.link--footer:hover {
color: #4F758B;
}
.selector {
--bg-color: #FFFFFF;
--color: #4F758B;
--bg-color-ico: transparent;
--color-ico: #4F758B;
--border-color: #4F758B;
border: 0.1rem solid var(--border-color);
}
.selector__container {
position: relative;
}
.selector:hover {
--bg-color: #0B2C40;
--color: #FFFFFF;
--color-ico: #FFFFFF;
--border-color: #0B2C40;
}
@media screen and (max-width: 768px) {
.selector:hover {
--bg-color: #FFFFFF;
--color: #4F758B;
--color-ico: #4F758B;
--border-color: #4F758B;
}
}
.selector__ico__svg {
transition: transform 0.3s ease;
width: 1rem;
height: 0.6rem;
}
.selector__options {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
position: absolute;
bottom: 100%;
left: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.selector__options__option {
margin-bottom: 1rem;
}
.selector--active .selector {
--bg-color: #0B2C40;
--color: #FFFFFF;
--bg-color-ico: transparent;
--color-ico: #FFFFFF;
--border-color: #0B2C40;
}
.selector--active .selector__ico__svg {
transform: rotate(-180deg);
}
.selector--active .selector__options {
opacity: 1;
pointer-events: all;
}
@media screen and (max-width: 768px) {
.selector__options {
position: relative;
bottom: initial;
left: initial;
height: 0rem;
overflow: hidden;
transition: height 0.3s ease;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
.selector__options__option {
margin-bottom: initial;
margin-top: 1rem;
}
.selector--active .selector__options {
height: 12.6rem;
}
}
.icon {
position: relative;
z-index: 0;
background-color: transparent;
cursor: pointer;
}
.icon--dot {
display: inline-block;
width: 2.8rem;
height: 2.8rem;
}
.icon--dot.selected {
pointer-events: none;
}
.icon--dot.selected:before {
background-color: #FFFFFF;
}
.icon--dot.selected:after {
background-color: #0095C2;
}
.icon--dot.selected--red {
pointer-events: none;
}
.icon--dot.selected--red:before {
background-color: #E30613;
transform: scale(1);
}
.icon--dot.selected--red:after {
background-color: #FFFFFF;
}
.icon--dot:before {
background-color: #0095C2;
transform: scale(0.64);
will-change: transform;
transition: transform, background-color, 0.3s ease;
}
.icon--dot:after {
content: "";
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 0.45rem;
height: 0.45rem;
border-radius: 2rem;
background-color: #FFFFFF;
transition: background-color, 0.3s ease;
}
.icon--dot:hover:before, .icon--dot.hover:before {
transform: scale(1);
}
.icon--prev, .icon--next {
width: 1.8rem;
}
.icon--arrow {
width: 4rem;
height: 4rem;
}
.icon--arrow:before {
background-color: #4F758B;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.icon--arrow:after {
content: "";
position: absolute;
z-index: 2;
top: -0.1rem;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/arrow-up.svg);
background-size: 1rem 1.1rem;
background-position: center;
background-repeat: no-repeat;
}
.icon--arrow:hover:before {
opacity: 1;
}
.icon--close {
width: 1.8rem;
height: 1.8rem;
}
.icon--close:before {
background-color: #FFFFFF;
}
.icon--close:after {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/close.svg);
background-size: 0.8rem;
background-position: center;
background-repeat: no-repeat;
}
.icon:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8rem;
}
.tag {
--bg-color: #0095C2;
display: inline-block;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
background-color: var(--bg-color);
color: #FFFFFF;
padding: 0 0.8rem;
border-radius: 20rem;
}
.tag--clinical_case {
--bg-color: #0095C2;
}
.tag--brochure {
--bg-color: #E30613;
}
.tag--articles {
--bg-color: #C6B7A4;
}
.tag--testimonial {
--bg-color: #4F758B;
}
.tag--press_release {
--bg-color: #0B2C40;
}
.tag--news {
--bg-color: #70C5C4;
}
.tag--video {
--bg-color: #007A70;
}
.tag--webinar {
--bg-color: #98BCEA;
}
.card {
display: block;
border-radius: 1rem;
}
.card--quote, .card--presentation, .card--generic_content {
padding: 6rem;
background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.card--quote, .card--presentation, .card--generic_content {
padding: 2rem;
}
}
.card--infobulle {
position: relative;
padding: 1.5rem 3.3rem 1.5rem 2rem;
background-color: #0095C2;
}
.card--infobulle__close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
z-index: 1;
}
.card--infobulle__description {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
color: #FFFFFF;
}
.card--small {
padding: 3rem;
background-color: #4F758B;
}
.card--small__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 2rem;
line-height: 2.3rem;
color: #FFFFFF;
margin-bottom: 1rem;
}
.card--small__description {
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.card--small {
padding: 2rem;
}
}
.card--quote__blockquote__text {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 2rem;
line-height: 2.3rem;
color: #4F758B;
margin-bottom: 1rem;
}
.card--quote__blockquote__text:before {
content: "“";
display: block;
color: #0095C2;
}
.card--quote__figcaption {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.7rem;
color: #0095C2;
}
@media screen and (max-width: 768px) {
.card--quote__figcaption {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
.card--quote__cite {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
}
.card--presentation__img {
width: 5rem;
height: 5rem;
margin-bottom: 3rem;
}
.card--presentation__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 2rem;
line-height: 2.3rem;
color: #4F758B;
margin-bottom: 1rem;
}
.card--presentation__description {
color: #4F758B;
}
.card--generic_content__title {
color: #0B2C40;
}
.header__container {
padding: 5.5rem 5.5rem 0 5.5rem;
position: absolute;
z-index: 100;
top: 0;
left: 50%;
width: 100%;
transform: translate3d(-50%, 0, 0);
min-height: 100vh;
pointer-events: none;
}
.header__top {
position: absolute;
top: 0;
left: 0;
padding: 5.5rem 0 0 5.5rem;
}
.header__top__logo {
pointer-events: all;
width: 23.9rem;
height: 3.1rem;
color: #FFFFFF;
}
.header__top__logo__container {
display: block;
}
.home .header__top__logo__container, .single-home .header__top__logo__container {
pointer-events: none;
}
.home .header__top__logo__container .header__top__logo, .single-home .header__top__logo__container .header__top__logo {
pointer-events: none;
}
.header__top__menu {
pointer-events: all;
display: none;
}
.header-nav {
position: absolute;
top: 0;
right: 0;
padding: 5.5rem 5.5rem 0 0;
pointer-events: all;
margin-top: 1.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start;
}
.header-nav__main {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start;
}
.header-nav__main__item {
margin-left: 1rem;
}
.header-nav__languages-selector {
margin-left: 1rem;
position: relative;
}
.header-nav__languages-selector__select {
background-color: transparent;
position: relative;
padding: 0 2.7rem 0 0.8rem;
--border-color: transparent;
border: none;
}
.header-nav__languages-selector__select__label {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
color: #FFFFFF;
}
.header-nav__languages-selector__select__arrow {
position: absolute;
top: 50%;
right: 0.3rem;
transform: translate3d(0, -50%, 0);
width: 1.8rem;
height: 1.4rem;
color: #FFFFFF;
transition: transform 0.3s ease;
}
.selector--active .header-nav__languages-selector__select__arrow {
transform: translate3d(0, -50%, 0) rotate(-180deg);
}
.header-nav__languages-selector__options {
bottom: initial;
top: calc(100% + 1rem);
left: -16.8rem;
width: 22.2rem;
padding: 1rem 2rem;
border-radius: 1rem;
background-color: #FFFFFF;
}
.header-nav__languages-selector__options__option:last-of-type {
margin-bottom: 0;
}
.header-nav__languages-selector__options__option__flag {
width: 2.6rem;
height: 3.9rem;
-o-object-fit: contain;
object-fit: contain;
margin-right: 1.5rem;
}
.header-nav__languages-selector__options__option__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
color: #0B2C40;
text-decoration: none;
}
.header-nav__languages-selector__options__option__link:hover {
color: #4F758B;
}
.header-nav__secondary {
position: fixed;
z-index: 100;
bottom: 5.5rem;
right: 5.5rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: start;
justify-content: flex-start;
}
.single-form .header-nav__secondary {
display: none;
}
.error404 .header-nav__secondary {
display: none;
}
.header-nav__secondary__item {
margin-bottom: 1rem;
}
.header-nav__secondary__item.btn--cta--red, .home__book-a-demo__form .hs_submit .header-nav__secondary__item.actions {
padding: 0.1rem 3.1rem 0.1rem 0.8rem;
}
.header__reset-scroll {
position: fixed;
z-index: 100;
bottom: 5.5rem;
left: 5.5rem;
pointer-events: all;
transition: opacity 0.3s ease;
}
.header__reset-scroll.hidden {
opacity: 0;
}
@media screen and (max-width: 768px) {
.header__container {
padding: 2.3rem 2.3rem 0 2.3rem;
left: 0;
transform: translate3d(0%, 0, 0);
}
.header.open .header__container {
position: fixed;
overflow: auto;
pointer-events: all;
}
.header.open .header__top__logo {
color: #0B2C40;
}
.header.open .header__top__menu__ico, .header.open .header__top__menu__label {
color: #0B2C40;
}
.header.open .header__top__menu__ico--closed {
transform: translate3d(0, -50%, 0) scale(0);
}
.header.open .header__top__menu__ico--opened {
transform: translate3d(0, -50%, 0) scale(1);
}
.header.open .header-nav {
background-color: #FFFFFF;
opacity: 1;
pointer-events: all;
}
.header.open .header-nav__secondary {
display: -ms-flexbox;
display: flex;
}
.header.open .header-nav__languages-selector {
text-align: center;
}
.header.open .header-nav__languages-selector__select__label, .header.open .header-nav__languages-selector__select__arrow {
color: #0B2C40;
}
.header.open .header-nav__languages-selector__options {
width: 100%;
left: 0;
}
.header__top {
padding: 2.3rem;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
.header__top__logo {
width: 18.8rem;
height: 2.443rem;
position: relative;
z-index: 1;
}
.header__top__menu {
position: relative;
display: block;
z-index: 1;
}
.header__top__menu__ico {
position: absolute;
top: 50%;
left: 0;
width: 1.8rem;
color: #FFFFFF;
}
.header__top__menu__ico--closed {
transition: transform, color, 0.3s ease;
transform: translate3d(0, -50%, 0) scale(1);
}
.header__top__menu__ico--opened {
transition: transform, color, 0.3s ease;
transform: translate3d(0, -50%, 0) scale(0);
}
.header__top__menu__label {
padding-left: 2.4rem;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
color: #FFFFFF;
}
.header-nav {
opacity: 0;
pointer-events: none;
position: absolute;
z-index: 0;
top: 0;
left: 0;
min-height: 100vh;
margin-top: 0;
padding: 15.44rem 0 16rem 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.header-nav__main {
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.header-nav__main__item {
margin-left: 0;
margin-bottom: 3rem;
}
.header-nav__languages-selector {
margin-left: 0;
}
.header .header-nav__languages-selector__options {
height: initial;
}
.header-nav__secondary {
position: fixed;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0 -1rem 1rem #FFFFFF;
display: none;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 2rem;
padding-bottom: 4.4rem;
bottom: 0;
right: 0;
-ms-flex-align: center;
align-items: center;
}
.header__reset-scroll {
left: 2.3rem;
bottom: 2.3rem;
}
}
.footer {
margin: 0 auto;
max-width: 1440px;
height: 21.4rem;
background-color: #FFFFFF;
padding: 7rem 11.1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
z-index: 5;
}
.footer:before {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 50%;
transform: translate(-50%, 0);
width: 100vw;
height: 100%;
background-color: #FFFFFF;
}
.footer__logo {
width: 7.4rem;
height: 7.4rem;
margin-right: 9.2rem;
}
.footer__logo__container {
position: relative;
z-index: 1;
}
.footer__languages-selector {
margin-left: 1rem;
position: relative;
border: 1px solid #4F758B;
border-radius: 100px;
}
.footer__languages-selector__select {
background-color: transparent;
position: relative;
padding: 0.4rem 3.1rem 0.4rem 1.3rem;
--border-color: #4F758B;
border: none;
}
.footer__languages-selector__select__label {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
color: #4F758B;
}
.footer__languages-selector__select__arrow {
position: absolute;
top: 50%;
right: 0.3rem;
transform: translate3d(0, -50%, 0);
width: 1.8rem;
height: 1.4rem;
color: #4F758B;
transition: transform 0.3s ease;
}
.selector--active .footer__languages-selector__select__arrow {
transform: translate3d(0, -50%, 0) rotate(-180deg);
}
.footer__languages-selector__options {
bottom: calc(100% + 1rem);
top: initial;
right: -16.8rem;
width: 22.2rem;
padding: 1rem 2rem;
border-radius: 1rem;
background-color: #FFFFFF;
border: 1px solid #4F758B;
}
.footer__languages-selector__options__option:last-of-type {
margin-bottom: 0;
}
.footer__languages-selector__options__option__flag {
width: 2.6rem;
height: 3.9rem;
-o-object-fit: contain;
object-fit: contain;
margin-right: 1.5rem;
}
.footer__languages-selector__options__option__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
color: #0B2C40;
text-decoration: none;
}
.footer__languages-selector__options__option__link:hover {
color: #4F758B;
}
.footer__documentation {
margin-left: 20px;
}
.footer__documentation__wrapper {
position: relative;
z-index: 1;
}
.footer__items {
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
}
.footer__items__item {
margin-left: 2rem;
}
.footer__items__item:first-of-type {
margin-left: 3rem;
}
.footer-nav__secondary {
display: none;
}
.footer__banner {
background: #0B2C40;
padding: 0.5rem 6.8rem;
width: 100%;
text-align: center;
}
.footer__banner p {
font-family: "Helvetica";
font-style: normal;
font-weight: 400;
font-size: 1.4rem;
line-height: 150%;
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.footer {
width: 100%;
height: initial;
padding: 3.983rem 4.7rem 4.717rem 4.7rem;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-nav__secondary {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer-nav__secondary__item__container {
margin-bottom: 1rem;
}
.footer-nav__secondary__item__container:last-of-type {
margin-bottom: 5rem;
}
.footer__logo {
width: 4.7rem;
height: 4.7rem;
}
.footer__logo__container {
-ms-flex-order: 3;
order: 3;
}
.footer__languages-selector {
margin-left: 0;
border: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.footer__languages-selector__wrapper {
width: 100%;
}
.footer__languages-selector__options {
right: 0;
border: none;
}
.footer__documentation {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__documentation__wrapper {
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-left: 0;
margin-bottom: 5rem;
}
.footer__documentation__options {
height: initial;
max-height: 0px;
transition: max-height 0.3s ease-out;
max-width: 100%;
}
.footer__documentation__options a {
border-radius: 20px;
}
.footer__documentation.selector--active .selector__options {
height: initial;
}
.footer__items {
-ms-flex-order: 4;
order: 4;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start;
}
.footer__items__item {
margin-left: 0;
margin-top: 1rem;
}
.footer__items__item:first-of-type {
margin-left: 0;
margin-top: 0;
}
}
@keyframes header__title__intro_1 {
from {
transform: translate3d(0, 100%, 0);
}
to {
transform: translate3d(0, 0%, 0);
}
}
@keyframes header__title__intro_2_a {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(11.2rem, 0, 0);
}
}
@keyframes header__title__intro_2_b {
from {
transform: translate3d(5rem, 0, 0);
}
to {
transform: translate3d(0rem, 0, 0);
}
}
@keyframes header__title__intro_2_c {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(11.2rem, 0, 0);
}
}
@keyframes header__title__intro_error_a {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(5.5rem, 0, 0);
}
}
@keyframes header__title__intro_error_b {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(17.9rem, 0, 0);
}
}
@keyframes header__title__intro_error_c {
from {
transform: translate3d(5rem, 0, 0);
}
to {
transform: translate3d(0rem, 0, 0);
}
}
@keyframes header__title__intro_decision_a {
from {
transform: translate3d(5.5rem, 0, 0);
}
to {
transform: translate3d(0rem, 0, 0);
}
}
@keyframes header__title__intro_decision_b {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(11.1rem, 0, 0);
}
}
@keyframes header__title__intro_decision_c {
from {
transform: translate3d(11.5rem, 0, 0);
}
to {
transform: translate3d(5rem, 0, 0);
}
}
@keyframes header__title__intro_decision-2_a {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(11.1rem, 0, 0);
}
}
@keyframes header__title__intro_decision-2_b {
from {
transform: translate3d(5.6rem, 0, 0);
}
to {
transform: translate3d(0rem, 0, 0);
}
}
@keyframes header__title__intro_decision-2_c {
from {
transform: translate3d(0rem, 0, 0);
}
to {
transform: translate3d(5.6rem, 0, 0);
}
}
@keyframes header__subtitle__intro {
from {
opacity: 0;
transform: translate3d(0, 5rem, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0rem, 0);
}
}
.anim__header__title__line {
overflow: hidden;
display: block;
}
.anim__header__title--translate-x .anim__header__title__line {
will-change: transform;
}
.anim__header__title--translate-x .anim__header__title__line:first-of-type {
transform: translate3d(0rem, 0, 0);
animation: header__title__intro_2_a 1s 1s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x .anim__header__title__line:first-of-type {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x .anim__header__title__line:nth-of-type(2) {
transform: translate3d(5rem, 0, 0);
animation: header__title__intro_2_b 1s 1.6s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x .anim__header__title__line:nth-of-type(2) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x .anim__header__title__line:nth-of-type(3) {
transform: translate3d(0, 0, 0);
animation: header__title__intro_2_c 1s 2.2s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x .anim__header__title__line:nth-of-type(3) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--error .anim__header__title__line {
will-change: transform;
}
.anim__header__title--translate-x--error .anim__header__title__line:first-of-type {
transform: translate3d(0rem, 0, 0);
animation: header__title__intro_error_a 1s 1s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--error .anim__header__title__line:first-of-type {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--error .anim__header__title__line:nth-of-type(2) {
transform: translate3d(0rem, 0, 0);
animation: header__title__intro_error_b 1s 1.6s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--error .anim__header__title__line:nth-of-type(2) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--error .anim__header__title__line:nth-of-type(3) {
transform: translate3d(5rem, 0, 0);
animation: header__title__intro_error_c 1s 2.2s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--error .anim__header__title__line:nth-of-type(3) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--decision .anim__header__title__line {
will-change: transform;
}
.anim__header__title--translate-x--decision .anim__header__title__line:first-of-type {
transform: translate3d(5.5rem, 0, 0);
animation: header__title__intro_decision_a 1s 1s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--decision .anim__header__title__line:first-of-type {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--decision .anim__header__title__line:nth-of-type(2) {
transform: translate3d(0rem, 0, 0);
animation: header__title__intro_decision_b 1s 1.6s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--decision .anim__header__title__line:nth-of-type(2) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--decision .anim__header__title__line:nth-of-type(3) {
transform: translate3d(11.5rem, 0, 0);
animation: header__title__intro_decision_c 1s 2.2s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--decision .anim__header__title__line:nth-of-type(3) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--decision-b .anim__header__title__line:first-of-type {
transform: translate3d(0rem, 0, 0);
animation: header__title__intro_decision-2_a 1s 1s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--decision-b .anim__header__title__line:first-of-type {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--decision-b .anim__header__title__line:nth-of-type(2) {
transform: translate3d(5.6rem, 0, 0);
animation: header__title__intro_decision-2_b 1s 1.6s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--decision-b .anim__header__title__line:nth-of-type(2) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title--translate-x--decision-b .anim__header__title__line:nth-of-type(3) {
transform: translate3d(0rem, 0, 0);
animation: header__title__intro_decision-2_c 1s 2.2s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title--translate-x--decision-b .anim__header__title__line:nth-of-type(3) {
transform: translate3d(0, 0, 0);
animation: none;
}
}
.anim__header__title__line:nth-of-type(1):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 0.3s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(1):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 0s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(2):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 0.6s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(2):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 0.3s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(3):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 0.9s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(3):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 0.6s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(4):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 1.2s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(4):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 0.9s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(5):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 1.5s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(5):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 1.2s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(6):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 1.8s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(6):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 1.5s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(7):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 2.1s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(7):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 1.8s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line:nth-of-type(8):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
will-change: transform;
animation: header__title__intro_1 1s 2.4s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
@media screen and (max-width: 768px) {
.anim__header__title__line:nth-of-type(8):not(.anim__header__title--with-intercept) .anim__header__title__line__text {
animation: header__title__intro_1 1s 2.1s cubic-bezier(0.55, 0.01, 0.16, 0.95) forwards;
}
}
.anim__header__title__line__text {
transform: translate3d(0, 100%, 0);
display: inline-block;
}
.anim__header__subtitle {
opacity: 0;
transform: translate3d(0, 5rem, 0);
animation: header__subtitle__intro 1s 1.5s ease forwards;
}
body.no-scroll {
height: 100vh;
overflow: hidden;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@keyframes ribbon {
from {
transform: translate3d(0%, 0, 0);
}
to {
transform: translate3d(-100%, 0, 0);
}
}
@keyframes rotate-1 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate-2 {
from {
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
to {
transform: translate3d(-50%, -50%, 0) rotate(-360deg);
}
}
@keyframes rotate-3 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes submitted-message {
from {
transform: translate3d(0, 5rem, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0rem, 0);
opacity: 1;
}
}
.home #content-page {
padding-bottom: 16rem;
}
@media screen and (min-width: 1440px) {
.home #content-page {
width: 1440px;
margin: 0 auto;
}
}
.home #content-page__container {
transform: translate3d(-50%, 0, 0);
left: 50%;
position: relative;
width: 100vw;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/homepage/linear-gradient.svg);
background-position: center 89.4rem;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
.home #content-page__container {
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/homepage/linear-gradient-mobile.svg);
background-position: center top;
}
.home #content-page__container:before {
content: none;
}
.home #content-page__container:after {
background: linear-gradient(360deg, #4F758B 20%, rgba(255, 255, 255, 0) 100%);
}
}
.home__header {
position: relative;
z-index: 1;
min-height: 100vh;
}
.home__header__container {
position: relative;
padding: 20rem 29.7rem 16.8rem 16.7rem;
pointer-events: none;
}
.home__header__video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home__header__video__content {
position: absolute;
left: 0;
top: 50%;
transform: translate3d(0, -50%, 0);
width: 100%;
height: 100%;
}
.home__header__video__btn {
display: none;
}
.home__header__video__container {
overflow: hidden;
position: absolute;
z-index: 0;
top: 0;
left: 50%;
transform: translate3d(-50%, 0, 0);
width: 100vw;
height: 100%;
}
.home__header__video__container__thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home__header__video__container:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #4F758B;
opacity: 0.55;
}
.home__header__video__container:after {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: calc(50% - 22rem);
width: 22.2rem;
height: 4.4rem;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/homepage/trame.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.home__header__video__container--mobile {
width: 100%;
height: 100%;
}
.home__header__img {
display: none;
}
.home__header__title {
position: relative;
z-index: 1;
color: #FFFFFF;
width: 60.9rem;
pointer-events: all;
}
.home__header__title .anim__header__title__line,
.home__header__title .anim__header__title__line__text {
animation-duration: 0s !important;
animation-delay: 0s !important;
}
.home__header__subtitle {
position: relative;
z-index: 1;
color: #FFFFFF;
width: 44.4rem;
margin-top: 4.5rem;
margin-left: 16.5rem;
pointer-events: all;
animation-duration: 0s !important;
animation-delay: 0s !important;
}
.home__header__btns {
position: relative;
z-index: 1;
margin-top: 4.5rem;
pointer-events: all;
margin-left: 16.5rem;
}
.home__header__btns__btn--1 {
margin-right: 1rem;
}
.home__header__ribbon {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
color: white;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
line-height: 2.4rem;
text-transform: uppercase;
text-transform: none;
will-change: transform;
animation: ribbon 25s linear infinite;
}
.home__header__ribbon__container {
position: absolute;
bottom: 5.4rem;
left: 50%;
transform: translate3d(-50%, 0, 0);
width: 100vw;
height: 6rem;
display: -ms-flexbox;
display: flex;
}
.home__header__ribbon__item {
padding-left: 3rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home__header__ribbon__item:after {
content: "";
display: inline-block;
margin-left: 3rem;
width: 1.2rem;
height: 1.2rem;
border-radius: 2.4rem;
background-color: #4F758B;
color: #FFFFFF;
}
.home__header__ribbon__item b {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 700;
font-style: normal;
font-size: 1.6rem;
line-height: 2.4rem;
text-transform: uppercase;
font-style: italic;
color: #000000;
}
.home__reinsurance {
padding: 13.8rem 16.7rem 0 16.7rem;
margin-top: -1px;
}
.home__reinsurance__img {
position: absolute;
z-index: 0;
pointer-events: none;
}
.home__reinsurance__img--pistol {
width: 100%;
transform-origin: left bottom;
}
.home__reinsurance__img--pistol__container {
width: 42.9rem;
height: 73.8rem;
top: -20rem;
right: -23rem;
}
.home__reinsurance__img--fireworks {
top: -52.5rem;
right: -92.6rem;
width: 170.2rem;
transform: scale(0);
transition: transform 5s cubic-bezier(0, 0.97, 0.18, 1);
display: none;
}
.home__reinsurance__title {
color: #0B2C40;
position: relative;
z-index: 1;
}
.home__reinsurance__cta {
transform: translate3d(49.8rem, -4.4rem, 0);
position: relative;
z-index: 1;
}
.home__reinsurance__items {
position: relative;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 5.8rem;
}
.home__reinsurance__items__item {
transform: scale(0);
transition: transform 3s cubic-bezier(0.74, 0.3, 0.06, 1);
}
.home__reinsurance__items__item__wrapper {
width: 33.3rem;
}
.home__reinsurance__items__item__container {
position: relative;
}
.home__reinsurance__items__item__container:after {
content: "";
position: absolute;
z-index: -1;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
background-color: #4F758B;
border-radius: 1rem;
transform: scale(0);
transition: transform 2.5s cubic-bezier(0.74, 0.3, 0.06, 1);
}
.home__reinsurance__items__item__container.show:after {
transform: scale(1);
}
.home__reinsurance__items__item.show {
transform: scale(1);
}
.home__4-step {
padding: 11.8rem 22.1rem 0 22.2rem;
}
.home__4-step__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
color: #0B2C40;
margin-left: -5.5rem;
}
@media screen and (max-width: 768px) {
.home__4-step__title {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
.home__4-step__cta {
transform: translate3d(55.4rem, -4.4rem, 0);
}
.home__4-step__items {
background-color: #0095C2;
border-radius: 10rem;
padding: 1rem;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: justify;
justify-content: space-between;
list-style-type: none;
position: relative;
z-index: 0;
}
.home__4-step__items__container {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.3rem;
margin-bottom: 4.5rem;
}
.home__4-step__items__item {
position: relative;
z-index: 1;
}
.home__4-step__items__item__btn {
color: #FFFFFF;
transition: color 0.3s ease;
}
.home__4-step__items__item__btn.active {
color: #0095C2;
}
.home__4-step__items__item__btn:before {
content: attr(data-index) " ";
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 700;
font-style: normal;
font-size: 1.4rem;
line-height: 2.4rem;
text-transform: uppercase;
}
.home__4-step__items__selector {
width: 100px;
height: calc(100% - 2rem);
background-color: #FFFFFF;
border-radius: 10rem;
position: absolute;
top: 1rem;
left: 1rem;
z-index: 0;
transition: transform, width, 0.3s ease;
opacity: 0;
}
.home__4-step__video {
margin: 0 auto;
display: block;
width: 99.7rem;
height: 56rem;
border-radius: 1rem;
}
.home__system {
position: relative;
margin-top: 22rem;
}
.home__system__items {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.home__system__items__item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%;
min-height: 60rem;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 0 0 11.3rem;
}
.home__system__items__item__title {
pointer-events: none;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
color: #0B2C40;
margin-left: 5.3rem;
}
@media screen and (max-width: 768px) {
.home__system__items__item__title {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
.home__system__items__item__list {
pointer-events: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 60.7rem;
margin-top: 4.5rem;
}
.home__system__items__item__list__item {
pointer-events: none;
}
.home__system__items__item__list__item:first-of-type {
width: 33.2rem;
margin-left: 11rem;
margin-bottom: 5.5rem;
}
.home__system__items__item__list__item:nth-of-type(2) {
width: 27.5rem;
}
.home__system__items__item__list__item:last-of-type {
width: 27.7rem;
}
.home__system__items__item__illustration {
pointer-events: none;
position: absolute;
top: 0;
right: 0;
width: 66.4rem;
height: 60rem;
}
.home__system__items__item__illustration__image {
will-change: transform;
transform-origin: left center;
}
.home__system__items__illustration-mask {
position: absolute;
pointer-events: none;
opacity: 0;
}
.home__system__drag__wrapper {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.home__system__drag__wrapper.hide .home__system__drag__container {
opacity: 0;
transform: scale(0);
}
.home__system__drag__wrapper.active .home__system__drag {
--bg-color: #0B2C40;
--color-ico: #0B2C40;
}
.home__system__drag__container {
opacity: 1;
transform: scale(1);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.home__system__pagination {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5rem;
margin-right: 11.3rem;
}
.home__verbatims {
padding: 17rem 16.6rem 0 16.6rem;
}
.home__verbatims__img {
position: absolute;
pointer-events: none;
transition: transform 5s cubic-bezier(0, 0.97, 0.18, 1);
}
.home__verbatims__img--fireworks {
width: 184rem;
left: -99.65rem;
top: -5.7rem;
transform: scale(0) rotate(-16.1deg);
}
.home__verbatims__img--syringe-1 {
width: 100%;
transform-origin: right bottom;
}
.home__verbatims__img--syringe-1__container {
width: 12.6rem;
left: 34.81rem;
top: 40.2rem;
}
.home__verbatims__img--syringe-1__img {
width: 100%;
transform: rotate(45deg);
}
.home__verbatims__img--syringe-2 {
width: 100%;
transform-origin: right bottom;
}
.home__verbatims__img--syringe-2__container {
width: 15.3rem;
left: 28.08rem;
top: 70rem;
}
.home__verbatims__img--syringe-2__img {
width: 100%;
transform: rotate(61deg);
}
.home__verbatims__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
color: #0B2C40;
}
@media screen and (max-width: 768px) {
.home__verbatims__title {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
.home__verbatims__items {
width: 72rem;
margin-top: 9rem;
margin-left: 51.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
.home__verbatims__items__item {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 33.2rem;
margin-bottom: 5.5rem;
}
.home__verbatims__items__item__container {
position: relative;
}
.home__verbatims__items__item__container:after {
content: "";
position: absolute;
z-index: -1;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
background-color: #4F758B;
border-radius: 1rem;
transition: transform 2.5s cubic-bezier(0.74, 0.3, 0.06, 1);
}
.home__indications {
padding: 13.8rem 28.3rem 0 16.6rem;
}
.home__indications__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
color: #0B2C40;
}
@media screen and (max-width: 768px) {
.home__indications__title {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
.home__indications__cta {
transform: translate3d(55.4rem, -4.4rem, 0);
}
.home__indications__interactive-infographics {
position: relative;
z-index: 0;
margin-left: 36.8rem;
margin-top: 4.6rem;
width: 37.1rem;
}
.home__indications__interactive-infographics__img {
width: 37.1rem;
height: 54.5rem;
pointer-events: none;
}
.home__indications__interactive-infographics__items__item {
position: absolute;
z-index: 0;
}
.home__indications__interactive-infographics__items__item:hover {
z-index: 1;
}
.home__indications__interactive-infographics__items__item:hover .home__indications__interactive-infographics__items__item__text {
opacity: 1;
transform: scale(1);
pointer-events: all;
}
.home__indications__interactive-infographics__items__item:hover .home__indications__interactive-infographics__items__item__dot:before {
background-color: #FFFFFF;
transform: scale(0.64);
}
.home__indications__interactive-infographics__items__item:hover .home__indications__interactive-infographics__items__item__dot:after {
background-color: #0095C2;
}
.home__indications__interactive-infographics__items__item--0 {
top: 0%;
left: 20.5%;
}
.home__indications__interactive-infographics__items__item--1 {
top: 9.3%;
left: 45.4%;
}
.home__indications__interactive-infographics__items__item--2 {
top: 21.7%;
left: 52.8%;
}
.home__indications__interactive-infographics__items__item--3 {
top: 34.5%;
left: 58%;
}
.home__indications__interactive-infographics__items__item--4 {
top: 64.6%;
left: 85.8%;
}
.home__indications__interactive-infographics__items__item--5 {
top: 45%;
left: 57.2%;
}
.home__indications__interactive-infographics__items__item--6 {
top: 82.8%;
left: 17.2%;
}
.home__indications__interactive-infographics__items__item--7 {
top: 90.1%;
left: 35.1%;
}
.home__indications__interactive-infographics__items__item--8 {
top: 85.1%;
left: 65.2%;
}
.home__indications__interactive-infographics__items__item--9 {
top: 55%;
left: 76%;
}
.home__indications__interactive-infographics__items__item__dot {
position: relative;
z-index: 1;
}
.home__indications__interactive-infographics__items__item__text {
width: 33.2rem;
position: absolute;
z-index: 0;
top: 0;
left: 0;
opacity: 0;
transform: scale(0.2);
transform-origin: top left;
pointer-events: none;
will-change: transform;
transition: transform, opacity, 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
}
.home__insight {
margin-top: 14rem;
padding: 9.7rem 16.8rem;
position: relative;
}
.home__insight__background {
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
@media screen and (min-width: 1440px) {
.home__insight__background {
border-radius: 1rem;
}
}
.home__insight__background--mobile {
display: none;
}
.home__insight__background__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform-origin: center top;
}
.home__insight__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.home__insight__title {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
.home__insight__cta {
transform: translate3d(55.4rem, -4.4rem, 0);
}
.home__insight__quote {
width: 100%;
transform: scale(0);
transition: transform 3s cubic-bezier(0.74, 0.3, 0.06, 1);
}
.home__insight__quote.show {
transform: scale(1);
}
.home__insight__quote__container {
margin-left: 10.4rem;
width: 33.2rem;
position: relative;
}
.home__insight__quote__container:after {
content: "";
position: absolute;
z-index: -1;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
background-color: #4F758B;
border-radius: 1rem;
transform: scale(0);
transition: transform 2.5s cubic-bezier(0.74, 0.3, 0.06, 1);
}
.home__insight__quote__container.show:after {
transform: scale(1);
}
.home__book-a-demo {
padding: 14rem 16.8rem 0 16.8rem;
}
.home__book-a-demo__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 4rem;
line-height: 6rem;
color: #0B2C40;
margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
.home__book-a-demo__title {
font-size: 2.8rem;
line-height: 3.22rem;
}
}
.home__book-a-demo__subtitle {
text-transform: uppercase;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
}
.home__book-a-demo__form {
margin-top: 4.5rem;
width: 71.9rem;
}
.home__book-a-demo__form input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0.15rem solid #0095C2 !important;
border-radius: 0.3rem !important;
width: 1.6rem !important;
height: 1.6rem !important;
transform: translateY(-0.1rem);
margin-right: 1rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home__book-a-demo__form input[type=checkbox]:checked {
background-color: #0095C2;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images/form/checkbox-check-valid.svg);
background-repeat: no-repeat;
background-size: 0.8rem;
background-position: center;
}
.home__book-a-demo__form .field label.hs-form-booleancheckbox-display {
display: -ms-flexbox;
display: flex;
}
.home__book-a-demo__form .field label.hs-form-booleancheckbox-display span, .home__book-a-demo__form .field label.hs-form-booleancheckbox-display p {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
color: #0B2C40 !important;
}
.home__book-a-demo__form .inputs-list span {
display: inline-block;
}
.home__book-a-demo__form .hs-form {
width: 100%;
}
.home__book-a-demo__form fieldset {
max-width: initial;
}
.home__book-a-demo__form .form-columns-1 {
width: 100%;
}
.home__book-a-demo__form .form-columns-1 .field {
width: 100%;
}
.home__book-a-demo__form .form-columns-2,
.home__book-a-demo__form .form-columns-3 {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home__book-a-demo__form .field {
width: 33.2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 5.5rem;
}
.home__book-a-demo__form .field label {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
color: #0095C2;
display: -ms-flexbox;
display: flex;
}
.home__book-a-demo__form .field label.hs-error-msg {
color: #E30613;
margin-top: 1rem;
display: inline-block;
}
.home__book-a-demo__form .hs-input:not(.hs-fieldtype-intl-phone) {
border-radius: 0px;
width: 100%;
background-color: transparent;
padding-bottom: 1rem;
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.7rem;
color: #4F758B;
border-bottom: 0.1rem solid #4F758B;
}
@media screen and (max-width: 768px) {
.home__book-a-demo__form .hs-input:not(.hs-fieldtype-intl-phone) {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
.home__book-a-demo__form .hs-input:not(.hs-fieldtype-intl-phone)::-moz-placeholder {
color: #4F758B;
opacity: 1;
}
.home__book-a-demo__form .hs-input:not(.hs-fieldtype-intl-phone):-ms-input-placeholder {
color: #4F758B;
opacity: 1;
}
.home__book-a-demo__form .hs-input:not(.hs-fieldtype-intl-phone)::placeholder {
color: #4F758B;
opacity: 1;
}
.home__book-a-demo__form .hs_phone {
margin-bottom: 5.5rem;
}
.home__book-a-demo__form .hs-fieldtype-intl-phone {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home__book-a-demo__form .hs-fieldtype-intl-phone .hs-input {
width: 33.2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.home__book-a-demo__form .hs-fieldtype-intl-phone select {
margin-bottom: 5.5rem !important;
}
}
.home__book-a-demo__form .hs-richtext {
margin-top: 2rem;
}
.home__book-a-demo__form .hs_submit {
margin-top: 2.4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.home__book-a-demo__form .hs_submit .actions {
display: inline-block;
position: relative;
margin: 0 auto;
}
.home__book-a-demo__form .legal-consent-container p {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 2.1rem;
color: #4F758B;
}
.home__book-a-demo__form .hs_error_rollup {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.home__book-a-demo__form .submitted-message {
transform: translate3d(0, 5rem, 0);
opacity: 0;
animation: submitted-message 1s 0s ease forwards;
margin-left: 5.5rem;
}
.home__book-a-demo__form .submitted-message p {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.7rem;
}
@media screen and (max-width: 768px) {
.home__book-a-demo__form .submitted-message p {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
.home__book-a-demo__img {
width: 100%;
}
.home__book-a-demo__img__container {
position: absolute;
pointer-events: none;
width: 38.5rem;
height: 58.4rem;
top: 45rem;
right: -5.6rem;
}
.home__push-form {
margin: 14rem 11.1rem 0 11.1rem;
padding: 5.7rem;
background-color: #0095C2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: 1rem;
}
.home__push-form__content__title {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 700;
font-size: 2rem;
line-height: 2.3rem;
color: #FFFFFF;
margin-bottom: 1rem;
}
.home__push-form__content__subtitle {
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.home #content-page {
padding-bottom: 5rem;
}
.home #content-page__container {
transform: initial;
left: 0;
width: 100%;
}
.home__header {
min-height: initial;
}
.home__header__container {
padding: 29.5rem 1.7rem 15rem 1.6rem;
}
.home__header.popin-open {
z-index: 200;
}
.home__header.popin-open .home__header__video__container {
z-index: 2;
}
.home__header.popin-open .home__header__video {
position: absolute;
top: 50%;
left: 0;
transform: translate3d(0, -50%, 0);
height: auto;
}
.home__header.popin-open .home__header__video__content {
z-index: 1;
display: block;
background-color: #0B2C40;
}
.home__header.popin-open .home__header__video__content__close {
display: block;
}
.home__header__video__content {
display: none;
position: fixed;
}
.home__header__video__content__close {
display: none;
position: absolute;
top: 2.3rem;
right: 2.3rem;
}
.home__header__video__btn {
position: absolute;
z-index: 1;
top: 10rem;
left: 19.3rem;
display: block;
position: relative;
width: 12.5rem;
height: 12.5rem;
animation: rotate-1 15s linear infinite;
}
.home__header__video__btn__text {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-weight: 400;
font-style: normal;
font-size: 0.85rem;
text-transform: uppercase;
white-space: nowrap;
position: absolute;
opacity: 0;
pointer-events: none;
}
.home__header__video__btn__svg {
width: 17.5rem;
height: 17.5rem;
position: absolute;
pointer-events: none;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1.7) rotate(16deg);
}
.home__header__video__btn__svg__play {
width: 1.9rem;
height: 1.9rem;
position: absolute;
top: 3.3rem;
left: -0.6rem;
animation: rotate-3 15s linear infinite;
}
.home__header__video__btn__svg__circle {
stroke: #E30613;
stroke-width: 0.2rem;
transform-origin: center;
transform: scale(1.1);
}
.home__header__video__btn__svg__text {
font-family: "Helvetica File", "Helvetica", "sans-serif";
font-style: normal;
font-weight: 400;
font-size: 40px;
text-transform: uppercase;
fill: #FFFFFF;
}
.home__header__video__btn__illustration {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 9.4rem;
height: 9.4rem;
border-radius: 20rem;
animation: rotate-2 15s linear infinite;
}
.home__header__video__container {
transform: initial;
width: 100%;
left: 0;
}
.home__header__video__container:after {
display: none;
}
.home__header__img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home__header__title {
width: 100%;
padding: 0 0.6rem;
}
.home__header__subtitle {
margin-top: 1rem;
margin-left: initial;
width: 100%;
padding: 0 0.6rem;
text-align: center;
}
.home__header__btns {
margin-top: 3rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
}
.home__header__btns__btn {
padding-right: 3rem;
}
.home__header__btns__btn--1 {
margin-right: 1rem;
}
.home__header__ribbon {
animation: ribbon 10s 0s linear infinite;
}
.home__header__ribbon__container {
bottom: 4rem;
}
.home__reinsurance {
padding: 23.7rem 0 0 0;
}
.home__reinsurance__img--pistol__container {
width: 20rem;
height: 35rem;
top: -10rem;
right: 0rem;
}
.home__reinsurance__img--fireworks {
top: -35.6rem;
right: -60.3rem;
width: 111.4rem;
}
.home__reinsurance__title {
padding: 0 2.3rem;
}
.home__reinsurance__cta {
transform: initial;
margin: 2rem 2.3rem 0 2.3rem;
}
.home__reinsurance__items {
margin-top: 4rem;
padding-left: 2.3rem;
}
.home__reinsurance__items__item__wrapper {
width: 28.2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home__reinsurance__items__item__wrapper:last-of-type {
width: 32.8rem;
}
.home__reinsurance__items__item__wrapper:last-of-type .home__reinsurance__items__item__container {
margin-right: 2.3rem;
}
.home__reinsurance__items__item__wrapper:last-of-type .home__reinsurance__items__item__container:after {
width: calc(100% - 1px - 2.3rem);
}
.home__reinsurance__items__item__wrapper:last-of-type .home__reinsurance__items__item__ribbon {
padding-right: 2.3rem;
width: 100%;
}
.home__4-step {
padding: 9.8rem 0 0 0;
}
.home__4-step__title {
padding: 0 2.3rem;
margin-left: 0;
}
.home__4-step__cta {
transform: initial;
margin: 2rem 2.3rem 0 2.3rem;
}
.home__4-step__items {
width: 100%;
border-radius: 0;
overflow: scroll;
}
.home__4-step__items__container {
margin-top: 4rem;
margin-bottom: 0;
}
.home__4-step__video {
width: 100%;
height: 21rem;
border-radius: 0;
}
.home__system {
margin-top: 10rem;
padding: 0 0 6.8rem 0rem;
}
.home__system__items__item {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
z-index: 0;
}
.home__system__items__item__title {
-ms-flex-order: 1;
order: 1;
margin-left: 0;
padding: 0 2.3rem;
}
.home__system__items__item__list {
position: relative;
z-index: 1;
-ms-flex-order: 3;
order: 3;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: -37.7rem;
min-height: 40.8rem;
}
.home__system__items__item__list__item:first-of-type {
width: 28.2rem;
margin-left: initial;
margin-bottom: 2.3rem;
}
.home__system__items__item__list__item:nth-of-type(2) {
width: 28.2rem;
margin-bottom: 2.3rem;
}
.home__system__items__item__list__item:last-of-type {
width: 28.2rem;
}
.home__system__items__item__illustration {
-ms-flex-order: 2;
order: 2;
position: relative;
width: 100%;
height: 42.7rem;
margin-top: 4.1rem;
}
.home__system__items__illustration-mask {
display: none;
}
.home__system__drag {
display: none;
}
.home__system__drag__container {
display: none;
}
.home__system__pagination {
-ms-flex-order: 4;
order: 4;
position: absolute;
left: 0;
bottom: 0;
margin-top: 2rem;
margin-right: 0;
}
.home__verbatims {
padding: 30.9rem 0 0 0;
}
.home__verbatims__img {
z-index: 0;
}
.home__verbatims__img--fireworks {
width: 102.4rem;
height: 63.6rem;
left: -58.5rem;
top: -15.7rem;
transform: rotate(0deg);
}
.home__verbatims__img--syringe-1__container {
width: 4.7rem;
height: 14.5rem;
left: 9rem;
top: 2.3rem;
}
.home__verbatims__img--syringe-1__img {
transform: rotate(30deg);
}
.home__verbatims__img--syringe-2__container {
width: 5.6rem;
height: 17.7rem;
left: 8.6rem;
top: 11.9rem;
}
.home__verbatims__img--syringe-2__img {
transform: rotate(45deg);
}
.home__verbatims__title {
position: relative;
z-index: 1;
padding: 0 2.3rem;
}
.home__verbatims__items {
position: relative;
z-index: 1;
width: 100%;
margin-top: 4rem;
margin-left: 2.3rem;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.home__verbatims__items__col-1 {
display: -ms-flexbox;
display: flex;
}
.home__verbatims__items__col-2 {
display: -ms-flexbox;
display: flex;
}
.home__verbatims__items__item {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 28.2rem;
margin-bottom: 0;
}
.home__verbatims__items__item:last-of-type {
width: 32.8rem;
}
.home__verbatims__items__item:last-of-type .home__verbatims__items__item__wrapper {
margin-right: 2.3rem;
}
.home__verbatims__items__item:last-of-type .home__verbatims__items__item__container {
width: 100%;
padding-right: 2.3rem;
}
.home__verbatims__items__item:last-of-type .home__verbatims__items__item__container:after {
width: calc(100% - 1px - 2.3rem);
}
.home__verbatims__items__item:last-of-type .card {
width: 100%;
}
.home__indications {
padding: 10rem 2.3rem 0 2.3rem;
}
.home__indications__cta {
transform: initial;
margin-top: 2rem;
}
.home__indications__interactive-infographics {
margin: 4rem auto 0 auto;
width: 28rem;
}
.home__indications__interactive-infographics__img {
width: 100%;
height: 37.9rem;
}
.home__indications__interactive-infographics__items {
margin-top: 2rem;
}
.home__indications__interactive-infographics__items__item {
position: static;
top: initial;
left: initial;
}
.home__indications__interactive-infographics__items__item:hover .home__indications__interactive-infographics__items__item__text {
width: 100%;
position: absolute;
height: 0;
pointer-events: none;
padding: 0;
transform-origin: top center;
}
.home__indications__interactive-infographics__items__item:hover.selected .home__indications__interactive-infographics__items__item__text {
position: relative;
height: initial;
opacity: 1;
transform: scale(1);
padding: 2rem;
}
.home__indications__interactive-infographics__items__item:hover.selected .home__indications__interactive-infographics__items__item__dot:before {
background-color: #FFFFFF;
transform: scale(0.64);
}
.home__indications__interactive-infographics__items__item:hover.selected .home__indications__interactive-infographics__items__item__dot:after {
background-color: #0095C2;
}
.home__indications__interactive-infographics__items__item:hover.selected .home__indications__interactive-infographics__items__item__dot:hover:before {
background-color: #FFFFFF;
transform: scale(0.64);
}
.home__indications__interactive-infographics__items__item:hover.selected .home__indications__interactive-infographics__items__item__dot:hover:after {
background-color: #0095C2;
}
.home__indications__interactive-infographics__items__item--0 .home__indications__interactive-infographics__items__item__dot {
top: 0%;
left: 20.5%;
}
.home__indications__interactive-infographics__items__item--1 .home__indications__interactive-infographics__items__item__dot {
top: 9.3%;
left: 45.4%;
}
.home__indications__interactive-infographics__items__item--2 .home__indications__interactive-infographics__items__item__dot {
top: 16.7%;
left: 50.8%;
}
.home__indications__interactive-infographics__items__item--3 .home__indications__interactive-infographics__items__item__dot {
top: 25%;
left: 56%;
}
.home__indications__interactive-infographics__items__item--4 .home__indications__interactive-infographics__items__item__dot {
top: 51.6%;
left: 82.8%;
}
.home__indications__interactive-infographics__items__item--5 .home__indications__interactive-infographics__items__item__dot {
top: 34%;
left: 54.2%;
}
.home__indications__interactive-infographics__items__item--6 .home__indications__interactive-infographics__items__item__dot {
top: 63.8%;
left: 15.2%;
}
.home__indications__interactive-infographics__items__item--7 .home__indications__interactive-infographics__items__item__dot {
top: 68.1%;
left: 34.1%;
}
.home__indications__interactive-infographics__items__item--8 .home__indications__interactive-infographics__items__item__dot {
top: 64.1%;
left: 64.2%;
}
.home__indications__interactive-infographics__items__item--9 .home__indications__interactive-infographics__items__item__dot {
top: 41%;
left: 75%;
}
.home__indications__interactive-infographics__items__item__dot {
position: absolute;
}
.home__indications__interactive-infographics__items__item__dot.hover:before {
transform: scale(0.64) !important;
}
.home__indications__interactive-infographics__items__item__text {
width: 100%;
position: relative;
pointer-events: none;
height: 0;
padding: 0;
transform-origin: center;
overflow: hidden;
transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
}
.selected .home__indications__interactive-infographics__items__item__text {
height: initial;
opacity: 1;
transform: scale(1);
padding: 2rem;
}
.home__insight {
margin-top: 10.1rem;
padding: 5rem 2.3rem;
background-image: url(//www.biodentinexp-fr.ca/wp-content/themes/timber-biodentine/assets/images//homepage/background-insight-mobile.png);
}
.home__insight__cta {
transform: initial;
margin-top: 2rem;
}
.home__insight__quote__container {
margin-top: 14.7rem;
margin-left: 0;
width: 100%;
}
.home__insight__background--desktop {
display: none;
}
.home__insight__background--mobile {
display: block;
}
.home__insight__background--mobile .home__insight__background__img {
-o-object-position: right top;
object-position: right top;
}
.home__book-a-demo {
padding: 7.9rem 2.3rem 38rem 2.3rem;
}
.home__book-a-demo__title {
margin-bottom: 2rem;
}
.home__book-a-demo__subtitle {
margin-left: 0;
text-transform: uppercase;
}
.home__book-a-demo__form {
position: relative;
z-index: 1;
margin-top: 4rem;
width: 100%;
}
.home__book-a-demo__form .submitted-message {
margin-left: 0;
}
.home__book-a-demo__img__container {
width: 20.1rem;
top: initial;
bottom: -38rem;
right: -3.7rem;
}
.home__push-form {
margin: -15rem 2.3rem 0 2.3rem;
padding: 1.6rem 2rem 2rem 2rem;
background-color: #0095C2;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
z-index: 10;
}
.home__push-form__content__subtitle {
margin-bottom: 2rem;
}
}