.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}body,html{overflow:hidden;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pp-section{height:100%;position:absolute;width:100%;backface-visibility:hidden}.pp-easing{-webkit-transition:all 1s cubic-bezier(.55,.085,0,.99);-moz-transition:all 1s cubic-bezier(.55,.085,0,.99);-o-transition:all 1s cubic-bezier(.55,.085,0,.99);transition:all 1s cubic-bezier(.55,.085,0,.99);-webkit-transition-timing-function:cubic-bezier(.55,.085,0,.99);-moz-transition-timing-function:cubic-bezier(.55,.085,0,.99);-o-transition-timing-function:cubic-bezier(.55,.085,0,.99);transition-timing-function:cubic-bezier(.55,.085,0,.99)}#pp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1}#pp-nav.right{right:17px}#pp-nav.left{left:17px}.pp-section.pp-table{display:table}.pp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.pp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.pp-slidesNav.bottom{bottom:17px}.pp-slidesNav.top{top:17px}#pp-nav ul,.pp-slidesNav ul{margin:0;padding:0}#pp-nav li,.pp-slidesNav li{display:block;width:14px;height:13px;margin:7px;position:relative}.pp-slidesNav li{display:inline-block}#pp-nav li a,.pp-slidesNav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#pp-nav li .active span,.pp-slidesNav .active span{background:#333}#pp-nav span,.pp-slidesNav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0,0,0,0);border-radius:50%;position:absolute;z-index:1}.pp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px}.pp-tooltip.right{right:20px}.pp-tooltip.left{left:20px}.pp-scrollable{overflow-y:scroll;height:100%}:root {
--color-black: #222222;
--padding-left: 15.6%;
--padding-right: 102px;
--blur-bottom: 25vh;
--header-height: 87px;
--border-white: 1.6px solid #bdbdbd;
--border-dark: 1.6px solid #4f4f4f;
--single-padding: 27.5%;
}
@font-face {
font-family: "EmonaCond";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/EmonaCond.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "EmonaCondBold";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/EmonaCondBold.woff2) format("woff2");
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "EmonaCondBoldItalic";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/EmonaCondBoldItalic.woff2) format("woff2");
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "FuturaBkBT";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/FuturaBkBT.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "EmonaCondItalic";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/EmonaCondItalic.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "NunitoSans";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/NunitoSans-Light.woff2) format("woff2");
font-weight: 300;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "NunitoSans";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/NunitoSans-Regular.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "NunitoSans";
src: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/fonts/NunitoSans-SemiBold.woff2) format("woff2");
font-weight: 600;
font-display: swap;
font-style: normal;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--color-black);
counter-reset: myCounter;
height: -webkit-fill-available;
}
body.lock {
overflow: hidden;
}
.main {
background: #fbf8f7;
width: 100vw;
min-height: 600px;
height: 100vh;
position: relative;
}
.main:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: var(--padding-right);
background-color: #bdbdbd;
width: 1.5px;
z-index: 100;
}
img {
max-width: 100%;
display: block;
}
a {
font-family: inherit;
text-decoration: none;
color: inherit;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-family: "EmonaCond", serif;
font-weight: 400;
letter-spacing: 0.02em;
}
p {
margin: 0;
padding: 0;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
button {
border: none;
background: transparent;
cursor: pointer;
padding: 0;
margin: 0;
outline: none;
}
input,
textarea {
outline: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
opacity: 0;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
opacity: 0;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.is-hidden {
display: none !important;
}
.error {
border: 2px #ff4019 solid !important;
}
.visually-hidden {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
}
#pp-nav {
z-index: 10;
}
#pp-nav.right {
right: 36px;
top: 250px;
}
#pp-nav.right ul li {
margin-bottom: 24px;
}
.pp-nav {
position: fixed;
z-index: 10;
opacity: 1;
transform: rotate(90deg);
right: -94px;
min-width: 279px; top: 60%;
display: flex;
}
.pp-nav li {
display: none;
color: var(--color-black);
}
.pp-nav li a {
font-family: "EmonaCond", serif;
font-weight: 400;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.02em;
}
.b1 .pp-nav li[data-menuanchor="video"] {
display: block;
}
.b1 .video,
.pp-viewing-video .video {
display: block;
}
.pp-viewing-bienvenue .first-animation {
display: block;
}
.pp-viewing-bienvenue .first-animation__text {
opacity: 1;
}
.pp-viewing-bienvenue .pp-nav li[data-menuanchor="bienvenue"] {
display: block;
}
.pp-viewing-specialites .first-animation {
display: block;
}
.pp-viewing-specialites .pp-nav li[data-menuanchor="specialites"] {
display: block;
}
.pp-viewing-equipe .pp-nav li[data-menuanchor="equipe"] {
display: block;
color: #fff;
}
.pp-viewing-cabinet .pp-nav li[data-menuanchor="cabinet"] {
display: block;
}
.pp-viewing-clinique .pp-nav li[data-menuanchor="clinique"] {
display: block;
color: #fff;
}
.pp-viewing-clinique .clinic {
pointer-events: auto;
}
.pp-viewing-traitments .pp-nav li[data-menuanchor="traitments"] {
display: block;
}
.pp-viewing-patients .pp-nav li[data-menuanchor="patients"] {
display: block;
}
.pp-viewing-acces .pp-nav li[data-menuanchor="acces"] {
display: block;
}
#pp-nav li .active span {
width: 7px;
height: 7px;
}
#pp-nav span {
width: 4px;
height: 4px;
border: none;
background: var(--color-black);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.section {
opacity: 0;
transform: none !important;
transition: opacity 0.5s ease-in-out;
}
.section.active {
opacity: 1;
}
body.category .traitments {
opacity: 1;
pointer-events: auto;
}
body.menu-open #pagepiling {
pointer-events: none;
}
.modal-open .main:after {
background-color: #4f4f4f;
}
.modal-open .header {
color: #fff;
border-bottom: 1.6px solid #4f4f4f;
background: transparent;
}
.modal-open .header__link {
border-left: 1.6px solid #4f4f4f;
}
.modal-open .header__burger {
border-left: var(--border-dark);
}
.modal-open .header__logo {
border-right: 1.6px solid #4f4f4f;
}
.modal-open .header__logo .black-logo {
display: none;
}
.modal-open .header__logo .white-logo {
display: block;
}
.modal-open .burger {
color: #fff;
}
.modal-open .burger span {
background: #fff;
}
.modal-open.menu-open .header__logo .black-logo {
display: block;
}
.modal-open.menu-open .header__logo .white-logo {
display: none;
}
.container {
max-width: 1310px;
margin: 0 auto;
}
.btn {
display: inline-block;
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
background: #fbf8f7;
color: var(--color-black);
border: 1px solid var(--color-black);
padding: 10px 18px;
border-radius: 20px;
position: relative;
transform-style: preserve-3d;
}
.btn::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: currentColor;
z-index: -1;
transform: translateZ(-1px);
border-radius: 20px;
transition: transform 0.3s ease-in-out;
}
.burger {
color: var(--color-black);
width: 37px;
height: 37px;
position: relative;
}
.burger span {
position: absolute;
top: 50%;
display: block;
height: 3px;
background: var(--color-black);
width: 100%;
transform: scale(1) translateY(-50%);
transition: transform 1s;
}
.burger::after,
.burger::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background: currentColor;
transition: transform 1s;
}
.burger::before {
top: 0;
transform: translateY(10px);
}
.burger::after {
bottom: 0;
transform: translateY(-10px);
}
.burger.active span {
transform: scale(0);
transition: transform 1s;
}
.burger.active::before {
transform: rotate(45deg) translateY(12px) translateX(12px); background-color: #333333;
transition: transform 1s, background-color 0.3s ease-in-out;
}
.burger.active::after {
transform: rotate(-45deg) translateY(-12px) translateX(12px); background-color: #333333;
transition: transform 1s, background-color 0.3s ease-in-out;
}
.header {
position: fixed;
z-index: 100;
display: flex;
color: var(--color-black);
height: var(--header-height);
top: 0;
left: 0;
width: 100%;
background: linear-gradient(
90deg,
rgba(251, 248, 247, 0.599877451) 0%,
rgba(251, 248, 247, 0.9696253501) 56%
);
border-bottom: 1.6px solid #bdbdbd;
display: flex;
justify-content: space-between;
}
.header__logo {
display: flex;
justify-content: center;
align-items: center; width: calc(var(--padding-left) + 5px);
max-width: 299px;
padding: 10px 28px 0 0;
border-right: 1.6px solid #bdbdbd;
}
.header__logo .white-logo {
display: none;
}
.header__nav {
display: flex;
justify-content: flex-end;
width: 85.4%;
}
.header__link {
display: flex;
justify-content: center;
align-items: center;
max-width: 195.5px; width: 100%;
font-weight: 600;
font-size: 15px;
line-height: 20px;
border-left: 1.6px solid #bdbdbd;
}
.header__burger {
display: flex;
justify-content: center;
align-items: center;
max-width: 102px;
width: var(--padding-right);
}
.main-menu {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 31px 0;
}
.menu-item {
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin-right: 64px;
}
.menu-item:last-child {
margin-right: 54px;
}
.menu-item__number {
display: none;
}
.dropdown-menu {
position: absolute;
height: 100vh;
top: 0;
right: var(--padding-right);
left: 0;
bottom: 0;
transform: translateY(-100vh);
transition: transform 0.5s ease-in-out;
overflow: hidden;
z-index: 99;
display: flex;
}
.privacy-policy .dropdown-menu,
.single .dropdown-menu,
.page-id-221 .dropdown-menu {
position: fixed;
}
.dropdown-menu__img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100vh;
z-index: -1;
}
.dropdown-menu__right {
padding-top: 9vh;
padding-bottom: 4vh;
margin-left: auto;
padding-top: var(--header-height);
width: 54%;
background: linear-gradient(
90deg,
rgba(251, 248, 247, 0.8834628852) 0%,
#fbf8f7 56%
); }
.dropdown-menu__list {
margin: 0 auto;
max-width: 520px;
padding-top: calc(30vh - 226px);
padding-bottom: calc(10vh - 60px);
}
.dropdown-menu__list li {
font-family: "EmonaCond", serif;
font-weight: 400;
font-size: 36px;
line-height: 43px;
letter-spacing: 0.02em;
color: #222222;
margin-bottom: calc(8vh - 40px);
}
.dropdown-menu__container {
width: 100%;
position: relative;
}
.dropdown-menu__bottom p {
max-width: 520px;
margin: 0 auto;
font-family: "FuturaBkBT";
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--color-black);
}
.dropdown-menu__bottom a {
display: block;
max-width: 520px;
margin: 0 auto;
font-family: "FuturaBkBT";
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--color-black);
}
.dropdown-menu__bottom p:nth-child(2) {
display: flex;
}
.dropdown-menu__bottom p:nth-child(2) a {
margin-left: 15px;
}
.dropdown-menu.active {
transform: translateY(0);
}
.dropdown-menu__nav .main-menu {
display: none;
}
.dropdown-menu__nav .header__link {
display: none;
}
.pp-viewing-clinique .header,
.pp-viewing-equipe .header {
color: #fff;
border-bottom: 1.6px solid #4f4f4f;
background: transparent;
}
.pp-viewing-clinique .header .burger,
.pp-viewing-equipe .header .burger {
color: #fff;
}
.pp-viewing-clinique .header .burger span,
.pp-viewing-equipe .header .burger span {
background: #fff;
}
.pp-viewing-clinique .header .header__logo,
.pp-viewing-equipe .header .header__logo {
border-right: 1.6px solid #4f4f4f;
}
.pp-viewing-clinique .header .header__logo .black-logo,
.pp-viewing-equipe .header .header__logo .black-logo {
display: none;
}
.pp-viewing-clinique .header .header__logo .white-logo,
.pp-viewing-equipe .header .header__logo .white-logo {
display: block;
}
.pp-viewing-clinique .header .header__link,
.pp-viewing-equipe .header .header__link {
border-left: 1.6px solid #4f4f4f;
}
.pp-viewing-clinique .header + .main::after,
.pp-viewing-equipe .header + .main::after {
background-color: #4f4f4f;
}
.pp-viewing-clinique .burger.active::before,
.pp-viewing-clinique .burger.active::after {
background: #fff;
}
.menu-open .header {
color: var(--color-black);
}
.header.white-color {
color: #fff;
border-bottom: 1.6px solid #4f4f4f;
background: transparent;
}
.header.white-color .header__burger {
border-left: var(--border-dark);
}
.privacy-policy .header .header__burger,
.page-id-221 .header .header__burger,
.single .header .header__burger {
border-left: 1px solid #bdbdbd;
}
.header.white-color .burger {
color: #fff;
}
.header.white-color .burger span {
background: #fff;
}
.header.white-color .header__logo {
border-right: 1.6px solid #4f4f4f;
}
.header.white-color .header__logo .black-logo {
display: none;
}
.header.white-color .header__logo .white-logo {
display: block;
}
.header.white-color .header__link {
border-left: 1.6px solid #4f4f4f;
}
.header.white-color + .main::after {
background-color: #4f4f4f;
}
.welcome__content {
padding-top: 20vh;
padding-left: 138px;
width: 51%;
margin: var(--header-height) var(--padding-right) 0 auto;
position: relative;
z-index: 1;
}
.welcome__overhead {
font-family: "EmonaCond", serif;
font-weight: 400;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.02em;
margin-bottom: 2vh;
color: #000000;
}
.welcome__title {
font-size: 47px;
line-height: 56px;
text-transform: uppercase;
color: #000000;
max-width: 630px;
margin-bottom: 4.5vh;
}
.welcome__wrap {
position: absolute;
top: 0;
right: var(--padding-right);
bottom: 0;
left: 0;
z-index: 0;
}
.welcome-slider {
position: relative;
}
.welcome-slider::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 46%;
background: linear-gradient(
90deg,
rgba(251, 248, 247, 0.599877451) 0%,
rgba(251, 248, 247, 0.9696253501) 56%
);
z-index: 1;
}
.welcome-slider__item {
height: 100vh;
position: relative;
}
.welcome-slider__item img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
bottom: 0;
top: 0;
left: 0;
right: 0;
position: absolute;
width: 100%;
transition: transform 1.5s ease-in-out;
transform: scale(1.03, 1.03);
}
.welcome-slider__item.slick-active img {
transform: scale(1, 1);
}
.welcome-slider__counter {
position: absolute;
bottom: 11vh;
z-index: 10;
right: 13%;
font-weight: 200;
font-size: 30px;
line-height: 28px;
letter-spacing: 3px;
color: #bdbdbd;
}
.welcome-slider__counter-start {
font-weight: 200;
line-height: 28px;
letter-spacing: 3px;
color: var(--color-black);
font-size: 36px;
}
.welcome-slider__counter-max {
font-weight: 200;
font-size: 30px;
line-height: 28px;
letter-spacing: 3px;
color: #bdbdbd;
}
.welcome-slider .slick-arrow {
position: absolute;
bottom: 13vh;
transform: translate(50%, 50%);
z-index: 100;
width: 52px;
height: 52px;
font-size: 0;
flex-shrink: 0;
border-radius: 100px;
pointer-events: all;
cursor: pointer;
border: 1px solid #222222;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.welcome-slider .slick-next {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-right.svg);
right: 33%;
}
.welcome-slider .slick-prev {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-left.svg);
right: 37%;
}
.first-animation {
position: absolute;
top: calc(34vh + 240px);
left: 67.5%;
z-index: 10;
display: none;
}
.first-animation__text {
opacity: 0;
position: relative;
padding-left: 100px;
max-width: 620px;
transition: max-width 2s ease-in-out, opacity 0.3s ease-in-out;
}
.first-animation__text::before {
content: "";
display: block;
position: absolute;
top: calc(-20vh - 193px);
left: 0;
width: 47px;
height: 11vh;
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/face.svg) no-repeat left top/contain;
transition: all 2s ease-in-out;
}
.first-animation__text p {
font-size: 18px;
line-height: 24px;
color: var(--color-black);
margin-bottom: 2vh;
}
.first-animation ul {
padding-left: 15px;
pointer-events: initial;
}
.first-animation li {
position: relative;
transition: 0.3s;
}
.first-animation li:hover {
transform: scale(1.04);
}
.first-animation li::before {
content: "—";
color: #000;
font-weight: 600;
display: inline-block;
width: 1em;
position: absolute;
left: -30px;
font-size: 13px;
}
.b1 {
display: block;
}
.b1 .first-animation__text {
opacity: 1;
}
.pp-viewing-specialites {
display: block;
}
.pp-viewing-specialites .first-animation {
top: 21vh;
left: 30%;
}
.pp-viewing-specialites .first-animation .first-animation__text {
opacity: 1;
max-width: 480px;
padding-left: 30px;
}
.pp-viewing-specialites .first-animation .first-animation__text p {
font-size: 15px;
line-height: 22px;
}
.pp-viewing-specialites .first-animation .first-animation__text::before {
top: -6vh;
left: -275px;
height: 226px;
width: 94px;
}
@-webkit-keyframes slide-right {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.specialites__container {
margin-top: var(--header-height);
margin-left: var(--padding-left);
margin-right: var(--padding-right);
display: inline-grid;
height: calc(100vh - var(--header-height));
grid-template-columns: 2.568fr 1fr 1.5fr 0.93fr 0.895fr;
grid-template-rows: 37vh 31vh 25vh;
grid-template-areas: "spec1 spec2 spec3 spec4 spec5" "spec6 spec7 spec8 spec9 spec10" "spec11 spec12 spec8 spec9 spec10";
}
.specialites__container div {
border-left: 1.6px solid #e0e0e0;
grid-gap: 1.6px;
width: 100%;
}
.specialites__container img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
}
.specialites__title {
position: relative;
font-size: 30px;
line-height: 35px;
color: #222222;
z-index: 1;
}
.specialites__subtitle a {
position: relative;
font-family: "EmonaCond", serif;
font-weight: 400;
font-size: 26px;
line-height: 31px;
letter-spacing: 0.02em;
color: #222222;
z-index: 1;
pointer-events: all !important;
cursor: pointer !important; }
.specialites__subtitle a:hover {
font-style: italic;
}
.specialites__text {
position: relative;
font-size: 22px;
line-height: 28px;
margin-bottom: 20px;
z-index: 1;
}
.specialites.active .specialites__container img {
transform: translateY(0);
}
.spec1 {
grid-area: spec1;
padding: 30px 20px 20px 120px;
padding-top: calc(15vh - 80px);
}
.spec2 {
grid-area: spec2;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.spec3 {
grid-area: spec3;
display: flex;
flex-direction: column;
}
.spec3 img {
margin-top: 0;
max-height: 223px;
}
.spec3 h3 {
margin-top: auto;
}
.spec4 {
grid-area: spec4;
display: flex;
flex-direction: column;
padding: 10px 10px 48px 20px;
background: #f3f0ee;
}
.spec4 h3 {
margin-top: auto;
max-width: 205px;
}
.spec5 {
grid-area: spec5;
}
.spec6 {
grid-area: spec6;
display: flex;
flex-direction: column;
padding: 0 0px 36px 90px;
}
.spec6 p {
margin-top: auto;
}
.spec6 h3 {
font-size: 26px;
line-height: 31px;
}
.spec6 a {
font-size: 26px;
line-height: 31px;
pointer-events: all;
cursor: pointer; }
.spec6 a:hover {
font-style: italic;
}
.spec7 {
grid-area: spec7;
}
.spec8 {
grid-area: spec8;
padding: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.spec2 .specialites__subtitle,
.spec3 .specialites__subtitle,
.spec8 .specialites__subtitle {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.spec8 img {
max-height: 242px;
}
.spec9 {
grid-area: spec9;
}
.spec10 {
grid-area: spec10;
text-align: center;
padding: 35px 0;
}
.spec11 {
grid-area: spec11;
}
.spec12 {
display: flex;
justify-content: center;
grid-area: spec12;
padding: 23px 0 35px 10px;
background: #f3f0ee;
}
.pp-viewing-equipe .main:after {
background-color: #4f4f4f;
}
.pp-viewing-equipe #pp-nav li span {
background-color: #fff;
}
.team {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
color: #fff;
height: 100vh;
display: flex;
flex-direction: column;
}
.team__container {
padding-top: var(--header-height);
max-width: 1516px;
width: 85%;
margin: auto var(--padding-right) 0 auto;
}
.team__title {
margin-top: 1vh;
font-size: 30px;
line-height: 35px;
color: #ffffff;
text-align: center;
margin-bottom: 4.5vh;
}
.team.active .team-content {
transform: translateX(0);
}
.team-content {
display: flex;
justify-content: space-between;
background-color: var(--color-black);
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/team-content-bg.svg);
background-repeat: no-repeat;
background-position: bottom center;
}
.team-content__left {
width: 36%;
max-width: 535px;
flex-shrink: 0;
}
.team-content__center {
max-width: 410px;
}
.team-content__center h3 {
font-size: 30px;
line-height: 35px;
color: #ffffff;
padding-top: 5.5vh;
margin-bottom: 3vh;
}
.team-content__center p {
font-size: 16px;
line-height: 22px;
margin-bottom: 2vh;
}
.team-content__center h4 {
font-family: "NunitoSans", sans-serif;
font-size: 20px;
line-height: 26px;
color: #ffffff;
padding-top: 5.5vh;
margin-bottom: 0.6vh;
}
.team-content__center ul {
margin-bottom: 7vh;
}
.team-content__center ul li {
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #ffffff;
padding-left: 9%;
position: relative;
}
.team-content__center ul li::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 9px;
height: 1px;
width: 5%;
background: currentColor;
}
.team-content__center a {
display: inline-block;
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
background-color: #292929;
color: #ffffff;
border: 1px solid #fff;
padding: 10px 18px;
border-radius: 20px;
position: relative;
}
.team-content__right {
display: flex;
flex-direction: column;
width: 19%;
max-width: 291px;
border-left: 1.6px solid #4f4f4f;
flex-shrink: 0;
}
.team-content__right-text {
margin-top: auto;
margin-bottom: 11.5vh;
padding: 0 20px;
}
.team-content__right-text h3 {
font-size: 22px;
line-height: 26px;
margin-bottom: 1vh;
}
.team-content__right-text p {
font-size: 16px;
line-height: 22px;
}
.office {
display: flex;
flex-direction: column;
padding-top: var(--header-height);
}
.office__wrap {
position: absolute;
right: 0;
top: var(--header-height);
left: 0;
bottom: 0;
}
.office__bottom {
color: var(--color-black);
margin-top: auto;
background-color: rgba(243, 240, 238, 0.6);
background: radial-gradient(
circle,
rgba(243, 240, 238, 0.7) 50%,
#f3f0ee 100%
);
height: var(--blur-bottom);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
display: flex;
justify-content: space-between;
padding-top: 4vh;
padding-left: var(--padding-left);
padding-right: var(--padding-left);
z-index: 2;
border-top: var(--border-white);
}
.office .slick-arrow {
position: absolute;
top: 33.5%;
z-index: 100;
width: 52px;
height: 52px;
font-size: 0;
flex-shrink: 0;
border-radius: 100px;
cursor: pointer;
pointer-events: none;
border: 1px solid var(--color-black);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.office .slick-next {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-right.svg);
transform: translate(50%, -50%);
right: 11%;
}
.office .slick-prev {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-left.svg);
transform: translate(-50%, -50%);
left: 11%;
}
.office .slick-list {
pointer-events: none;
}
.office.active .office-slider__item {
transform: translateX(0);
}
.office.active .office-right__title {
transform: translateX(0);
transition: none;
}
.pp-viewing-cabinet .slick-arrow {
pointer-events: auto;
}
.pp-viewing-cabinet .office {
pointer-events: auto;
}
.office-slider {
position: relative;
}
.office-slider::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: var(--blur-bottom);
width: calc(var(--padding-left) - 2px);
background: linear-gradient(
90deg,
#f3f0ee 0%,
rgba(243, 240, 238, 0.8) 100%
);
z-index: 1;
}
.office-slider::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
bottom: var(--blur-bottom); width: calc(var(--padding-right) + 195.5px);
background: linear-gradient(
270deg,
#f3f0ee 0%,
rgba(243, 240, 238, 0.8) 100%
);
z-index: 1;
}
.office-slider__item img {
width: 100%;
height: calc(100vh - var(--header-height));
-o-object-fit: cover;
object-fit: cover;
}
.office-left {
padding-left: 15px;
}
.office-left__title {
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 35px;
margin-bottom: 2vh;
}
.office-left__text {
font-size: 18px;
line-height: 22px;
max-width: 240px;
}
.office-left__mini-text {
margin-bottom: 2vh;
}
.office-right {
padding-right: 15px;
}
.office-right__title {
font-family: "NunitoSans", sans-serif;
font-weight: 400px;
font-size: 20px;
line-height: 27px;
text-align: right;
}
.pp-viewing-clinique #pp-nav li span {
background-color: #fff;
}
.pp-viewing-clinique .clinic-slider .slick-arrow {
pointer-events: auto;
}
.pp-viewing-clinique .clinic {
pointer-events: auto;
}
body.pp-viewing-clinique .main:after {
background-color: #4f4f4f !important;
}
.clinic {
display: flex;
flex-direction: column;
padding-top: var(--header-height);
}
.clinic .slick-arrow {
position: absolute;
top: 33.5%;
z-index: 100;
width: 52px;
height: 52px;
font-size: 0;
flex-shrink: 0;
border-radius: 100px;
cursor: pointer;
border: 1px solid #fff;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.clinic .slick-next {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-right-white.svg);
transform: translate(50%, -50%);
right: 11%;
}
.clinic .slick-prev {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-left-white.svg);
transform: translate(-50%, -50%);
left: 11%;
}
.clinic .slick-list {
pointer-events: none;
}
.clinic .office__bottom {
background: radial-gradient(circle, rgba(36, 36, 36, 0.7) 50%, #242424 100%);
color: #fff;
border-top: var(--border-dark);
}
.clinic .office-left {
width: 100%;
}
.clinic.active .office-slider__item {
transform: translateX(0);
}
.clinic.active .office-left__title {
transform: translateX(0);
}
.clinic-slider {
position: relative;
}
.clinic-slider::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: var(--blur-bottom);
width: var(--padding-left);
background: linear-gradient(90deg, #2a2a2a 0%, rgba(57, 57, 57, 0.8) 100%);
z-index: 1;
}
.clinic-slider::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
bottom: var(--blur-bottom);
width: calc(var(--padding-right) + 195.5px);
background: linear-gradient(270deg, #2a2a2a 0%, rgba(57, 57, 57, 0.8) 100%);
z-index: 1;
}
.traitments {
display: flex;
padding-top: var(--header-height);
height: 100vh;
}
.traitments__left {
width: 49%;
}
.traitments__content {
max-width: 780px;
color: var(--color-black);
padding-right: var(--padding-right);
padding-top: 3vh;
padding-left: 7.5%;
background: #fbf8f7;
}
.traitments__title {
font-size: 30px;
line-height: 35px;
margin-bottom: 3vh;
}
.traitments-max {
font-weight: 200;
font-size: 30px;
line-height: 28px;
letter-spacing: 3px;
color: #bdbdbd;
}
.traitments-slider {
height: calc(100vh - var(--header-height));
position: relative;
}
.traitments-slider:before {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
left: 0;
height: 15vh;
background: rgba(233, 233, 233, 0.9);
z-index: 1;
}
.traitments-slider:after {
content: "";
position: absolute;
display: block;
bottom: 0;
right: 0;
left: 0;
height: 15vh;
background: rgba(233, 233, 233, 0.9);
z-index: 1;
}
.traitments-slider img {
-o-object-fit: cover;
object-fit: cover;
height: calc(100vh - var(--header-height));
width: 100%;
}
.traitments-slider__counter {
font-weight: 200;
font-size: 30px;
line-height: 28px;
letter-spacing: 3px;
color: #bdbdbd;
margin-bottom: 3vh;
} .accordion {
padding-left: 110px;
}
.pp-viewing-traitments .accordion-item {
pointer-events: all;
}
.accordion-item {
position: relative;
margin-bottom: 3vh;
}
.accordion-item__content {
display: none;
}
.accordion-item__content p {
margin-bottom: 2vh;
}
.accordion-item__content a {
position: relative;
display: inline-block;
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
background: #fbf8f7;
color: var(--color-black);
border: 1px solid var(--color-black);
padding: 8px 60px;
border-radius: 20px;
margin-bottom: 2.5vh;
}
.accordion-item:first-child .accordion-item__content {
display: block;
}
.accordion-item__trigger {
font-size: 24px;
line-height: 31px;
margin-bottom: 1vh;
cursor: pointer;
}
.area img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: calc(100% - var(--padding-right));
margin-right: var(--padding-right);
margin-top: var(--header-height);
}
.access {
padding-top: var(--header-height);
position: relative;
}
.access__title {
font-size: 30px;
line-height: 35px;
margin-bottom: 2vh;
}
.access__subtitle {
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 28px;
}
.access__container {
max-width: 85%;
margin-right: 296px;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
height: calc(100vh - var(--header-height));
}
.access-top {
display: flex; justify-content: flex-start;
position: relative;
background: #f3f0ee; margin-left: calc(var(--padding-left) + 2.75%);
height: 28vh;
}
.access-top__right { padding-top: 14px; width: 72%; position: relative;
overflow: hidden;
padding-left: 8%;
}
.access-top__img {
max-width: 315px;
width: 100%;
height: 100%;
flex-shrink: 0;
}
.access-top__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.access-top:after {
position: absolute;
content: "";
display: block;
bottom: 0;
right: 0;
width: 100vw;
height: 1px;
background: #bdbdbd;
}
.access-doc {
color: var(--color-black);
}
.access-doc__item img {
width: 110px;
height: 130px;
}
.access-doc .slick-prev {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-left.svg);
top: 28%;
left: -10%;
position: absolute;
display: block;
z-index: 33;
width: 52px;
height: 52px;
font-size: 0;
flex-shrink: 0;
border-radius: 100px;
cursor: pointer; border: 1px solid var(--color-black);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.access-doc .slick-next {
background-image: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/arrow-right.svg);
top: 28%;
right: 9%;
position: absolute;
display: block;
z-index: 33;
width: 52px;
height: 52px;
font-size: 0;
flex-shrink: 0;
border-radius: 100px;
cursor: pointer; border: 1px solid var(--color-black);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.access-doc:after {
content: "";
display: block;
position: absolute;
right: 0;
width: 23%;
top: 0;
bottom: 0;
background: linear-gradient(
90deg,
rgba(243, 240, 238, 0.4794292717) 0%,
#f3f0ee 54%
);
}
.access-doc__file {
display: block;
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
padding-right: 24px;
position: relative;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
.access-doc__file:after {
content: "";
position: absolute;
display: block;
top: 5px;
right: 0;
width: 14px;
height: 14px;
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/cloud.svg) no-repeat center top;
}
.access-doc__text {
font-size: 20px;
line-height: 24px;
margin-bottom: 0.5vh;
}
.access-doc__item {
margin-right: 100px;
padding-top: 2vh;
padding-bottom: 2vh;
display: flex !important;
}
.access-doc__wrap {
max-width: 177px;
margin-left: 20px;
position: relative;
}
.access-center {
display: flex;
justify-content: space-between;
position: relative;
height: 31.5vh;
}
.access-center:after {
position: absolute;
content: "";
display: block;
bottom: 0;
right: 0;
width: 100vw;
height: 1px;
background: #bdbdbd;
}
.access-center__content {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.access-cnter__photo {
max-width: 300px;
width: 100%; height: 100%;
flex-shrink: 0;
}
.pdf-link {
max-width: 110px;
height: 130px;
display: block;
}
.pdf-link img {
width: 100%;
height: 100%;
}
.access-cnter__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.access-center__left {
max-width: 400px; width: 100%;
height: 100%;
overflow: scroll;
}
.access-center__left {
scrollbar-width: auto;
scrollbar-color: #7c777e #fbf8f7;
}
.access-center__left::-webkit-scrollbar {
width: 2px;
}
.access-center__left::-webkit-scrollbar-track {
background: #fbf8f7;
height: 100%;
}
.access-center__left::-webkit-scrollbar-thumb {
background-color: #7c777e;
border-radius: 30px;
border: 2px solid transparent;
}
.access-center__right {
max-width: 330px;
width: 100%;
padding: 5.5vh 0 5vh 1%;
}
.access-center .access__title {
margin-bottom: 4vh;
margin-top: 2vh;
}
.access__subtitle {
max-width: 280px;
margin-bottom: 4.8vh;
}
.access-center__map {
width: 25%;
flex-shrink: 0;
}
.access-center__btn {
display: inline-block;
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--color-black);
border: 1px solid var(--color-black);
padding: 8px 46px;
border-radius: 20px;
margin-bottom: 3vh;
}
.access-center__link {
display: block;
max-width: 156px;
margin-bottom: 2vh;
}
.access-center__text {
max-width: 200px;
}
#map {
position: relative;
height: 100%;
width: 100%;
margin: 0 auto;
}
#map-2 {
position: relative;
height: 100%;
width: 100%;
margin: 0 auto;
}
.access-bottom {
display: flex;
justify-content: space-between;
height: 31.5vh;
}
.access-bottom .access__subtitle {
padding-top: 6vh;
}
.access-bottom .access-center__right {
padding-top: 8.5vh;
padding-bottom: 2vh;
}
.access-bottom .access-center__link {
max-width: 200px;
}
.pp-viewing-acces .access {
pointer-events: all;
}
.modal-overlay {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 20;
background-color: rgba(0, 0, 0, 0.7);
height: 100vh;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
cursor: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/cursor-hover.svg) 40 40, auto;
}
.modal {
margin-top: var(--header-height);
margin-left: var(--padding-left);
padding: 17vh 0 17vh 6.5%;
background: var(--color-black);
color: #fff;
max-width: 645px;
border-left: 1px solid #828282;
border-right: 1px solid #828282;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
display: none;
position: relative;
cursor: auto;
}
.modal__title {
font-size: 30px;
line-height: 35px;
margin-bottom: 5.5vh;
}
.modal-overlay--visible {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.modal--visible {
display: block;
}
.modal-close {
position: absolute;
right: 10px;
top: 10px;
width: 32px;
height: 32px;
color: #000;
}
.modal-close:before,
.modal-close:after {
content: " ";
position: absolute;
display: block;
left: 15px;
top: 0;
height: 33px;
width: 2px;
background-color: currentColor;
}
.modal-close::before {
transform: rotate(45deg);
}
.modal-close::after {
transform: rotate(-45deg);
}
.form__inputs {
margin-bottom: 11.5vh;
}
.form__inputs input {
display: block;
border: none;
border-left: 1px solid #fff;
border-right: 1px solid transparent;
color: #fff;
font-size: 22px;
line-height: 30px;
background: transparent;
height: 48px;
width: 79%;
padding-left: 17px;
margin-top: 3.5vh;
}
.form__inputs input::-moz-placeholder {
font-size: 16px;
line-height: 22px;
color: #ffffff;
}
.form__inputs input:-ms-input-placeholder {
font-size: 16px;
line-height: 22px;
color: #ffffff;
}
.form__inputs input::placeholder {
font-size: 16px;
line-height: 22px;
color: #ffffff;
}
.form__inputs input:focus {
border-left: 1px solid transparent;
border-right: 1px solid #fff;
padding-left: 0;
}
.form__btn {
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 3vh;
}
.form__btn input {
font-family: "NunitoSans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #fff;
border: 1px solid #fff;
padding: 8px 38px;
border-radius: 20px;
cursor: pointer;
background: var(--color-black);
}
.single-page {
padding-top: var(--header-height);
background: #fbf8f7;
}
.single-page__container {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding-bottom: 123px;
max-width: 1310px;
}
.error404 .single-page__container {
min-height: calc(100vh - var(--header-height) - 259px);
max-width: 1325px;
}
.error404 .footer .container {
max-width: 1325px;
}
.single-page__bottom {
margin-left: 9.5%;
}
.single-page__bottom .breadcrumb_last::before {
content: "";
display: block;
position: absolute;
bottom: 3px;
left: 0;
right: 0;
height: 1px;
background: currentColor;
}
.privacy-policy .single-page a:hover {
text-decoration: underline;
transition: 0.4s ease-in-out;
}
.single {
overflow: auto;
}
.single__wrap {
padding: 44px 0 46px 0;
max-width: 1070px;
width: 100%;
margin: 0 auto;
}
.single__title {
font-size: 36px;
line-height: 43px;
max-width: 520px;
margin-bottom: 26px;
}
.single__img {
margin-bottom: 62px;
}
.single__print {
padding: 8px 34px;
margin-bottom: 86px;
}
.single .footer,
.error404 .footer,
.privacy-policy .footer,
.page-id-221 .footer {
display: block;
padding-top: 0;
padding-bottom: 0;
}
.single-top {
display: flex;
justify-content: space-between;
}
.single-top__btn {
align-self: start;
padding: 8px 30px;
}
.single-top__text {
font-family: "FuturaBkBT";
font-weight: 40;
font-size: 16px;
line-height: 22px;
text-align: justify;
color: var(--color-black);
max-width: 740px;
width: 100%;
}
.single-page__video {
padding-left: 9.5%;
padding-bottom: 90px;
}
.single-page__video h2 {
font-size: 30px;
line-height: 35px;
max-width: 525px;
margin-bottom: 25px;
}
.single-page__video .video-items {
max-width: 740px;
width: 100%;
margin: 0 15% 53px var(--single-padding);
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.single-page__video .video-items .video-item {
margin-right: 30px;
width: calc(50% - 20px);
margin-top: 30px;
cursor: pointer;
}
.single-page__video .video-items .video-item:nth-child(1),
.single-page__video .video-items .video-item:nth-child(2) {
margin-top: 0;
}
.single-page__video .video-items .video-item:nth-child(2n),
.single-page__video .video-items .video-item:last-child {
margin-right: 0;
}
.single-page__video .video-items .video-item .img {
margin-bottom: 16px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.single-page__video .video-items .video-item .img img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.single-page__video .video-items .video-item .img svg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.single-page__video .video-items .video-item .title {
font-family: "NunitoSans";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #222222;
margin: 0;
cursor: pointer;
}
.modal-video-box {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(34, 34, 34, 0.61);
z-index: 999;
}
.modal-video-box .modal-content {
height: 100vh;
display: flex;
align-items: center;
}
.modal-video-box iframe {
width: 100%;
height: 100%;
}
.modal-video-box .close-modal {
margin-left: 41px;
width: 130px;
min-width: 130px;
height: 130px;
border: 1px solid #fbf8f7;
display: flex;
align-items: center;
justify-content: center;
font-family: "NunitoSans";
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 22px;
color: #ffffff;
border-radius: 50%;
cursor: pointer;
}
.single-page__file {
padding-left: 9.5%;
padding-bottom: 90px;
}
.single-page__file h2 {
font-size: 30px;
line-height: 35px;
max-width: 525px;
margin-bottom: 25px;
}
.single-page__file .file-items {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 740px;
width: 100%;
margin: 0 15% 53px var(--single-padding);
}
.single-page__file .file-items .file-item {
width: calc(33.3% - 20px);
margin-right: 30px;
margin-top: 20px;
}
.single-page__file .file-items .file-item img {
height: 220px;
max-width: 190px;
width: 100%;
object-fit: cover;
margin-bottom: 20px;
}
.single-page__file .file-items .file-item:nth-child(1),
.single-page__file .file-items .file-item:nth-child(2),
.single-page__file .file-items .file-item:nth-child(3) {
margin-top: 0;
}
.single-page__file .file-items .file-item:nth-child(3n),
.single-page__file .file-items .file-item:last-child {
margin-right: 0;
}
.single-page__file .file-items .file-item .title {
font-family: "NunitoSans";
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #222222;
margin: 0 0 7px 0;
}
.single-page__file .file-items .file-item a {
display: flex;
align-items: center;
}
.single-page__file .file-items .file-item a:hover {
font-style: italic;
}
.single-page__file .file-items .file-item a svg {
margin-left: 7px;
}
.single__content {
padding-left: 9.5%;
padding-bottom: 90px;
}
.single__content h1 {
font-size: 36px;
line-height: 43px;
margin-bottom: 26px;
}
.single__content h2 {
font-size: 30px;
line-height: 35px;
max-width: 525px;
margin-bottom: 45px;
}
.single__content h3 {
font-size: 26px;
line-height: 31px;
max-width: 520px;
}
.single__content h4 {
font-family: "NunitoSans";
font-weight: 400;
font-size: 22px;
line-height: 28px;
max-width: 500px;
margin-bottom: 5px;
padding-top: 63px;
letter-spacing: 0;
}
.single__content p {
font-family: "FuturaBkBT";
font-weight: 40;
font-size: 16px;
line-height: 22px;
text-align: justify;
color: var(--color-black);
max-width: 740px;
width: 100%; margin: 0 15% 37px var(--single-padding);
}
.single__content img {
margin-left: auto; margin-bottom: 48px; padding-top: 0;
}
.single__content ul {
margin-left: var(--single-padding);
margin-right: 13%;
}
.single__content ul li {
margin-left: 47px;
text-align: justify;
color: var(--color-black);
position: relative;
}
.single__content ul li:before {
content: "—";
color: #000;
font-weight: 600;
display: inline-block;
width: 1em;
position: absolute;
left: -30px;
font-size: 14px;
}
.breadcrumbs {
font-family: "NunitoSans";
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--color-black);
margin-bottom: 47px;
}
.breadcrumb_last {
position: relative;
font-weight: 600;
}
.breadcrumbs span a {
text-transform: capitalize;
}
.breadcrumbs span a:hover {
text-decoration: underline;
}
.footer {
padding-top: 85px;
padding-bottom: 45px;
background: #fbf8f7;
}
.footer__container {
padding-left: 15px;
padding-right: 15px;
}
.single .footer .footer__container,
.privacy-policy .footer .footer__container,
.error404 .footer .footer__container {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 85px 15px 45px;
}
.page-id-221 .footer .footer__container {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 85px 15px 45px;
}
.footer__top {
display: flex;
justify-content: space-between;
margin-bottom: 65px;
}
.footer__right {
display: flex;
align-items: center;
padding-top: 18px;
display: none;
}
.footer__social {
font-family: "FuturaBkBT";
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--color-black);
margin-right: 20px;
}
.footer__social-inst {
width: 16px;
height: 16px;
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/instagram.svg) no-repeat center center/contain;
margin-right: 22px;
}
.footer__social-facebook {
width: 16px;
height: 16px;
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/facebook.svg) no-repeat center center/contain;
}
.footer__bottom {
display: flex;
justify-content: space-between;
}
.footer__bottom p {
font-family: "FuturaBkBT";
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #a5a3a2;
}
.video {
position: relative;
overflow: hidden;
height: 100vh;
display: none;
margin-top: 0;
}
.video__preview {
position: relative;
margin-right: var(--padding-right);
margin-top: 0;
height: 100vh;
overflow: hidden;
max-width: 100%;
}
.video__preview::before {
content: "";
width: 100%;
height: 100%;
display: block; position: absolute;
top: 0;
left: 0;
pointer-events: initial;
z-index: 2;
}
.video__preview iframe {
position: absolute;
top: -10%;
left: -10%;
right: 0%;
width: 120%;
height: 120%;
bottom: 0%;
pointer-events: none;
z-index: 1;
}
.vp-center {
height: auto;
}
.sound {
position: absolute;
bottom: 10%;
left: 5%;
width: 40px;
height: 40px;
border-radius: 50%;
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/soundoff.png) no-repeat center;
cursor: pointer;
z-index: 3;
}
.sound.active {
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/soundon.png) no-repeat center;
}
.b1 .sound,
.pp-viewing-video .sound {
pointer-events: all;
}
@media screen and (min-width: 2000px) {
.spec3 {
justify-content: flex-end;
}
.spec8 {
max-height: 669px;
}
.team__container {
max-width: 1760px;
width: 100%;
}
.team-content__left {
max-width: 615px;
}
.team-content__left img {
width: 100%;
object-fit: cover;
height: auto;
}
.team-content__center {
max-width: 522px;
}
.team-content__right {
width: 21%;
max-width: 350px;
}
.team-content__img img {
width: 100%;
object-fit: cover;
height: auto;
}
.header__logo {
max-width: 396px;
}
.header__link {
max-width: 297.5px;
}
.access__container {
max-width: 84.5%;
}
.access-top {
margin-left: 18.2%;
}
.access-cnter__photo {
max-width: 393px;
}
.traitments__content {
max-width: 812px;
}
.single-page__container {
max-width: 1750px;
}
.single-page__container .single__content {
display: flex;
flex-direction: column;
}
.single__img img {
width: 100%;
}
.single .footer .footer__container,
.privacy-policy .footer .footer__container,
.error404 .footer .footer__container {
max-width: 1750px;
}
.single__title {
max-width: 100%;
}
}
@media screen and (min-width: 998px) {
.video,
.access,
.area,
.clinic,
.office,
.specialites,
.team,
.traitments,
.welcome,
.first-animation {
pointer-events: none;
}
.first-animation {
transform: translateX(-50%);
transition: all 2s ease-in-out;
}
.accordion-item {
transform: translateX(0);
transition: transform 0.5s linear;
}
.accordion-item__content {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.accordion-item.active {
transform: translateX(-110px);
margin-top: 2vh;
margin-bottom: 1vh;
}
.accordion-item.active .accordion-item__content {
opacity: 1;
}
.specialites__container img {
transform: translateY(200px);
transition: transform 2s ease-in-out;
}
.team-content {
transform: translateX(calc(100% + 104px));
transition: transform 1s ease-in-out;
}
.office-slider__item {
transform: translateX(calc(100% + 104px));
transition: transform 1s ease-in-out;
}
.office-right__title {
transform: translateX(-58vw);
transition: transform 1s ease-in-out;
}
.office-left__text a:hover {
font-style: italic;
}
.clinic .office-left__title {
transform: translateX(80%);
transition: transform 1s ease-in-out;
}
.dropdown-menu__list li:hover {
font-style: italic;
}
.dropdown-menu__bottom a:hover {
font-style: italic;
}
.menu-item:hover {
font-weight: 500;
font-style: italic;
}
.menu-item--phone:hover .menu-item__number {
display: block;
}
.menu-item--phone:hover .menu-item__tel {
display: none;
}
.header__link:hover {
font-weight: 500;
font-style: italic;
}
.slick-arrow:hover {
width: 62px;
height: 62px;
transition: all 0.3s ease-in-out;
}
.access-doc__item a:hover {
font-style: italic;
}
.access-doc__text:hover {
font-style: italic;
}
.access-center__btn {
position: relative;
background: #fbf8f7;
}
.access-center__btn::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: #000;
z-index: -1;
border-radius: 20px;
transition: transform 0.3s ease-in-out;
}
.access-center__btn:hover::before {
transform: translate(5px, 5px);
}
.access-center__link:hover {
font-style: italic;
}
.pp-viewing-equipe .team {
pointer-events: all;
}
.team-content__center a::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: currentColor;
z-index: -1;
border-radius: 20px;
transition: transform 0.3s ease-in-out;
}
.team-content__center a:hover::before {
transform: translate(5px, 5px);
}
.accordion-item__content a::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: currentColor;
z-index: -1;
border-radius: 20px;
transition: transform 0.3s ease-in-out;
}
.accordion-item__content a:hover::before {
transform: translate(5px, 5px);
}
.form__btn::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: currentColor;
z-index: -1;
border-radius: 20px;
transition: transform 0.3s ease-in-out;
}
.form__btn:hover::before {
transform: translate(5px, 5px);
}
.footer__social-inst,
.footer__social-facebook {
transform: scale(1);
transition: transform 0.3s ease-in-out;
}
.footer__social-inst:hover,
.footer__social-facebook:hover {
transform: scale(1.2);
}
.footer__bottom a:hover {
font-style: italic;
}
.btn:hover::before {
transform: translate(5px, 5px) translateZ(-1px);
}
}
@media screen and (max-width: 1700px) {
.access-cnter__photo {
max-width: none;
width: 25.5%;
}
.access-top {
margin-left: calc(var(--padding-left) + 3.45%);
}
}
@media screen and (max-width: 1600px) {
.welcome__content {
padding-left: 100px;
}
.first-animation {
left: 66%;
}
.first-animation__text {
padding-left: 50px;
}
.welcome-slider .slick-prev {
right: 40%;
}
.specialites__subtitle a {
font-size: 24px;
line-height: 28px;
}
.spec1 {
padding: 3vh 20px 20px 20px;
}
.spec4 {
padding: 10px 10px 30px 10px;
}
.spec6 {
padding: 20px 10px 36px 30px;
}
.spec8 { }
.spec10 {
padding: 20px 15px;
}
.spec12 {
padding: 20px 15px;
}
.pp-viewing-specialites .first-animation {
left: 29%;
}
.pp-viewing-specialites .first-animation .first-animation__text {
max-width: 350px;
padding-left: 0px;
}
.pp-viewing-specialites .first-animation .first-animation__text::before {
left: -220px;
}
.team__container {
margin-left: 0;
max-width: 100%;
width: auto;
}
.team-content__center {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.team-content__left {
width: 50vh;
}
.office__bottom {
border-top: none;
}
.pp-nav {
top: 65%;
}
.traitments__content {
padding-top: 5vh;
}
.traitments-slider__counter {
margin-bottom: 3.5vh;
}
.traitments__title {
margin-bottom: 3.5vh;
}
.access__container {
margin-right: var(--padding-right);
max-width: 100%;
}
.access-doc__item {
margin-right: 50px;
}
.access-bottom .access__subtitle {
padding-top: 2vh;
}
.access-bottom .access-center__right {
padding-top: 2vh;
} .access-center__map {
width: 30%;
}
.single-top__text {
padding-left: 20px;
}
}
@media screen and (max-width: 1536px) and (max-height: 960px) {
:root {
--padding-right: 80px;
}
.header__link {
max-width: 161px;
}
#pp-nav.right {
right: 26px;
}
.pp-nav {
right: -82px;
}
.access-top__img {
max-width: 285px;
}
.access-top__img img {
width: 100%;
}
.spec3 {
justify-content: flex-end;
}
.access-top {
margin-left: 16.5%;
}
.access-cnter__photo {
max-width: 241px;
}
}
@media screen and (max-width: 1440px) {
.welcome__overhead {
font-size: 28px;
line-height: 30px;
}
.welcome__title {
font-size: 40px;
line-height: 50px;
}
.first-animation__text p {
font-size: 16px;
line-height: 22px;
}
.welcome__content {
padding-left: 68px;
padding-top: 18vh;
padding-right: 20px;
}
.access-doc__item {
margin-right: 20px;
}
.access-doc__photo {
height: 130px;
}
.first-animation {
left: 64.5%;
top: calc(31vh + 208px);
}
.welcome-slider .slick-arrow {
bottom: 8vh;
}
.welcome-slider__counter {
bottom: 5vh;
font-size: 26px;
}
.welcome-slider__counter-start {
font-size: 26px;
}
.welcome-slider__counter-max {
font-size: 26px;
}
.pp-nav {
top: 60%;
}
.header__logo {
padding: 0 10px;
}
.first-animation.active {
left: 28%;
}
.first-animation.active .first-animation__text {
max-width: 280px;
}
.spec6 {
padding: 80px 10px 10px 10px;
}
.specialites__subtitle a {
font-size: 22px;
line-height: 26px;
}
.pp-viewing-specialites .first-animation .first-animation__text {
max-width: 320px;
}
.team-content__center {
padding-bottom: 20px;
}
.team-content__center h3 {
font-size: 28px;
line-height: 32px;
padding-top: 3vh;
margin-bottom: 2vh;
}
.team-content__center h4 {
padding-top: 2vh;
font-size: 18px;
line-height: 24px;
}
.team-content__center ul li {
font-size: 14px;
line-height: 20px;
}
.team-content__center a {
font-size: 14px;
line-height: 20px;
padding: 8px 18px;
}
.team-content__right-text p {
font-size: 14px;
line-height: 20px;
}
.pp-nav li a {
font-size: 26px;
line-height: 30px;
}
.pp-nav {
top: auto;
bottom: 9%;
}
.team__title {
margin-bottom: 2vh;
}
.traitments__content {
padding-left: 5%;
padding-top: 3vh;
}
.traitments-slider__counter {
margin-bottom: 2.5vh;
}
.traitments__title {
margin-bottom: 2vh;
}
.accordion-item.active {
margin-top: 2vh;
}
.traitments-slider__counter {
font-size: 22px;
line-height: 26px;
}
.traitments-slider__counter-start {
font-size: 26px;
}
.traitments-max {
font-size: 26px;
}
.accordion-item__trigger { line-height: 28px;
}
.accordion-item__content a {
margin-bottom: 1vh;
}
}
@media screen and (max-width: 1441px) and (max-height: 1030px) {
.access-center .access__title {
margin-bottom: 1px;
}
.welcome-slider__counter {
bottom: 7vh;
}
.welcome-slider .slick-arrow {
bottom: 9vh;
}
.access-top {
margin-left: 0;
}
.access__subtitle {
margin-bottom: 4px;
}
.access-center .access__title {
padding-top: 1vh;
}
.access-center__left {
padding-left: 7px;
}
.access-doc__item img {
height: 114px;
}
.accordion-item__trigger {
line-height: 23px;
}
.traitments-slider__counter {
margin-bottom: 1.1vh;
}
.accordion-item {
margin-bottom: 2vh;
}
.accordion {
padding-left: 70px;
}
.accordion-item.active {
transform: translateX(-70px);
}
.access-cnter__photo {
max-width: 285px;
}
.access-center__right {
max-width: 206px;
padding: 1vh 0 5vh 1%;
}
.access-bottom .access__subtitle {
padding-top: 1vh;
}
.access-center__content {
align-items: flex-start;
}
.access-center__map {
width: 28%;
}
}
@media screen and (max-width: 991px) {
.spec6 {
justify-content: center;
}
.spec6 p {
margin-top: 0;
}
}
@media screen and (max-width: 1440px) and (max-height: 900px) {
:root {
--padding-right: 80px;
}
.header__link {
max-width: 138px;
}
#pp-nav.right {
right: 26px;
}
.pp-nav {
right: -82px;
}
.access-top__img {
max-width: 285px;
}
.access-top__img img {
width: 100%;
}
.header__logo {
max-width: 299px;
}
.office-slider::after,
.clinic-slider::after {
width: calc(var(--padding-right) + 138px);
}
}
@media screen and (max-width: 1367px) and (max-height: 768px) {
.access-cnter__photo {
max-width: 212px;
}
.access-doc__text {
font-size: 16px;
line-height: 20px;
}
.access-top__img {
max-width: 212px;
}
.access-center__left {
max-width: 422px;
}
.access-center__right {
max-width: 210px;
}
.access__subtitle {
font-size: 20px;
line-height: 25px;
}
.access-bottom .access__subtitle {
padding-top: 0;
}
.access__text {
font-size: 14px;
line-height: 21px;
}
.access-top__img img {
width: 100%;
}
.access__title {
margin-bottom: 1vh;
}
.office-left__mini-text {
margin-bottom: 1vh;
}
.spec2 .specialites__subtitle,
.spec3 .specialites__subtitle,
.spec8 .specialites__subtitle {
margin-bottom: 10px;
}
}
@media screen and (max-width: 1280px) {
.single__content {
padding-right: 15px;
}
.modal-video-box .close-modal {
font-size: 14px;
width: 70px;
min-width: 70px;
height: 70px;
}
.welcome__title {
font-size: 36px;
line-height: 44px;
}
.welcome__content {
padding-top: 15vh;
}
.first-animation {
top: calc(25vh + 208px);
}
.first-animation__text {
padding-left: 0;
}
.first-animation__text::before {
top: calc(-14vh - 193px);
}
.specialites__container {
margin-left: 0;
}
.pp-viewing-specialites .first-animation {
display: none;
}
.specialites__subtitle a {
font-size: 20px;
line-height: 24px;
}
:root {
--padding-right: 90px;
}
#pp-nav.right {
right: 30px;
}
.pp-nav {
bottom: 5%;
top: auto;
}
.team-content__left {
width: 40vh;
max-width: 30%;
}
.team-content__center ul {
margin-bottom: 2vh;
}
.team-content__center h3 {
font-size: 26px;
line-height: 28px;
}
.team-content__center p {
font-size: 14px;
line-height: 20px;
}
.office .slick-next {
right: 12%;
}
.clinic .slick-next {
right: 12%;
}
.clinic .office__bottom {
border-top: none;
}
.traitments__left {
width: 45%;
}
.traitments__content {
padding-left: 3%;
}
.traitments__content {
padding-top: 2vh;
}
.traitments-slider__counter {
margin-bottom: 1.5vh;
}
.accordion-item {
margin-bottom: 2vh;
}
.accordion-item__content p {
line-height: 20px;
}
#pp-nav.right ul li {
margin-bottom: 17px;
}
.access__container {
margin-left: 0;
}
.access-center__content {
padding-top: 2vh;
padding-bottom: 2vh;
}
.access-center .access__subtitle {
margin-bottom: 2vh;
}
.access-center-desc-wrap {
padding-right: 6%;
}
.modal {
max-width: 578px;
}
.dropdown-menu__right {
padding-left: 20px;
width: 60%;
}
.dropdown-menu__list {
padding-top: 30px;
}
.dropdown-menu__list li {
font-size: 30px;
line-height: 34px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1040px) {  .access-doc__text {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical;
}
}
@media screen and (max-width: 1050px) and (max-height: 1380px) {
.access-top {
margin-left: 0;
}
.access-top__right {
max-width: 555px;
}
.access-cnter__photo {
max-width: 250px;
}
.access-center .access__title {
margin-bottom: 10px;
}
.access-center__left {
padding-left: 5px;
}
.access__subtitle {
margin-bottom: 10px;
}
.access-bottom .access__subtitle {
padding-top: 5px;
}
.access-center__btn {
padding: 8px 30px;
}
.access-center__right {
max-width: 184px;
}
}
@media screen and (max-height: 769px) {
.welcome__content {
padding-top: 16vh;
}
.welcome__overhead {
font-size: 26px;
line-height: 28px;
}
.welcome__title {
font-size: 30px;
line-height: 36px;
}
.first-animation {
top: calc(18vh + 208px);
}
.first-animation__text {
font-size: 14px;
line-height: 20px;
}
.first-animation__text::before {
top: calc(-5vh - 193px);
}
:root {
--header-height: 80px;
}
.pp-nav {
top: auto;
bottom: 14%;
}
.office-slider::after,
.office-slider::before {
margin-bottom: -1px;
}
.specialites__container { grid-template-rows: 32vh 30vh 28vh;
}
}
@media screen and (max-height: 720px) {
.welcome__title {
font-size: 26px;
line-height: 32px;
}
}
@media screen and (max-width: 998px) {
:root {
--padding-left: 130px;
}
.single-page__file,
.single-page__video {
padding-left: 0;
padding-right: 0;
}
.single-page__file h2,
.single-page__video h2 {
padding-left: 15px;
}
.single-page__file .file-items,
.single-page__video .video-items {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
margin: 0;
}
.single-page__bottom {
margin-left: 15px;
}
.single__content ul {
margin-bottom: 25px;
}
html {
overflow-y: visible;
}
body {
overflow: auto;
}
.main {
height: auto;
}
.main:after {
display: none;
}
.footer {
padding-top: 45px;
display: block;
}
.welcome {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 200px;
}
.welcome__content {
display: flex;
pointer-events: none;
flex-direction: column;
justify-content: center;
padding-top: 0;
padding-left: 0;
height: calc(100vh - var(--header-height));
margin-right: 0;
margin-top: 0;
}
.welcome__wrap {
right: 0;
height: calc(100vh - var(--header-height));
}
.welcome__title {
font-size: 32px;
line-height: 40px;
}
.welcome__overhead {
position: relative;
}
.welcome__overhead::before {
content: "";
display: block;
position: absolute;
top: -15vh;
left: 0;
width: 47px;
height: 13vh;
background: url(//ganeval-maxillofaciale.fr/wp-content/themes/ganeval/assets/img/svg/face.svg) no-repeat left top/contain;
transition: all 2s ease-in-out;
}
.welcome-slider .slick-arrow {
bottom: 50px;
}
.welcome-slider .slick-prev {
right: 45%;
}
.welcome-slider__counter {
bottom: 30px;
right: 5%;
}
.first-animation {
top: calc(100vh - var(--header-height));
left: 15px;
right: 15px;
bottom: auto;
}
.first-animation__text {
padding-top: 20px;
max-width: 100%;
}
.first-animation__text::before {
display: none;
}
.team-content {
transform: translateX(0);
}
.section {
opacity: 1;
position: relative;
}
.welcome-slider__item {
height: calc(100vh - var(--header-height));
}
.header__burger {
border-left: var(--border-white);
}
.pp-nav {
display: none;
}
.video {
height: auto;
}
.video__preview {
margin-right: 0;
margin-top: 0;
height: auto;
padding-top: 67%;
}
.specialites__text {
font-size: 19px;
}
.specialites__subtitle a {
font-size: 18px;
line-height: 22px;
}
.spec4 h3 {
text-align: center;
}
.spec6 {
align-self: auto;
padding-top: 20px;
}
.specialites__container {
display: flex;
flex-wrap: wrap;
height: auto;
margin-right: 0;
}
.specialites__container div {
width: 33.33%;
}
.team {
height: auto;
}
.team__container {
padding-top: 40px;
margin-right: 0;
}
.team__title {
margin-top: 0;
margin-bottom: 30px;
}
.team-content {
padding-bottom: 20px;
}
.team-content__right-text {
padding-left: 10px;
padding-right: 10px;
}
.header {
background: #fbf8f7;
}
.header__logo {
width: var(--padding-left);
}
.specialites__container {
margin-top: 0;
}
.specialites__container div {
max-height: 300px;
overflow: hidden;
}
.office {
padding-top: 0;
}
.office__wrap {
position: relative;
margin-top: 0;
top: 0;
}
.office .slick-arrow {
top: 45%;
}
.office .slick-prev {
left: 5%;
}
.office .slick-next {
right: 5%;
}
.office-slider::before,
.office-slider::after {
bottom: 0;
}
.office-left {
padding-left: 0;
}
.office-left__title {
font-size: 20px;
line-height: 26px;
}
.office-right {
padding-right: 0;
}
.office-slider__item {
height: 420px;
}
.office-slider__item img {
height: 100%;
}
.clinic {
padding-top: 0;
}
.clinic .slick-arrow {
top: 45%;
}
.clinic .slick-prev {
left: 5%;
}
.clinic .slick-next {
right: 5%;
}
.clinic-slider::before,
.clinic-slider::after {
bottom: 0;
}
.accordion {
padding-left: 0;
}
.traitments {
padding-top: 0;
height: auto;
}
.traitments__content {
padding-right: 20px;
}
.area img {
margin-right: 0;
margin-top: 0;
width: 100%;
}
.access {
padding-top: 0;
}
.access__container {
height: auto;
margin-right: 0;
}
.access-center__btn {
font-size: 14px;
line-height: 20px;
padding: 8px 0;
min-width: 120px;
text-align: center;
}
.access-center .access__title {
margin-bottom: 2vh;
}
.modal {
max-width: 100%;
}
.header.white-color .header__logo {
flex-shrink: 0;
border-right: var(--border-dark);
}
.modal {
border-left: var(--border-dark);
border-right: var(--border-dark);
margin-right: var(--padding-right);
}
.main-menu {
flex-grow: 1;
justify-content: space-between;
padding-left: 30px;
padding-right: 30px;
}
.menu-item {
margin-right: 0;
}
.menu-item:last-child {
margin-right: 0;
}
.dropdown-menu {
position: fixed;
right: 0;
}
.dropdown-menu__right {
width: 50%;
}
.single__wrap {
padding-left: 15px;
padding-right: 15px;
}
.single__content {
padding-left: 0;
}
.single__content p,
.single__content ul,
.single__content h1,
.single__content h2,
.single__content h3,
.single__content h4,
.single__content h5,
.single__content h6 {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.welcome__title {
font-size: 27px;
line-height: 34px;
}
.slick-slider .slick-arrow {
width: 40px;
height: 40px;
}
:root {
--padding-left: 25%;
--padding-right: 80px;
}
.header__link {
max-width: 120px;
}
.specialites__container div {
width: 50%;
margin-bottom: 20px;
}
.team-content {
flex-wrap: wrap;
}
.team-content__left {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.team-content__right {
width: 100%;
max-width: 300px;
margin: 0 auto;
border-left: none;
}
.team-content__right-text {
margin-bottom: 0;
}
.team-content__img {
margin-bottom: 20px;
}
.office-left__title,
.office-right__title {
font-size: 18px;
line-height: 24px;
}
.office-left__text {
font-size: 16px;
line-height: 20px;
}
.traitments {
padding-top: 0;
}
.traitments__left {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.traitments__content {
background: rgba(233, 233, 233, 0.9);
z-index: 1;
width: 50%;
margin-left: auto;
}
.traitments-slider {
height: 100%;
}
.traitments-slider::before,
.traitments-slider::after {
display: none;
}
.accordion-item__trigger {
font-size: 22px;
line-height: 26px;
}
.traitments-slider__item {
height: 562px;
min-height: 778px;
}
.traitments__content {
min-height: 778px;
}
.traitments-slider img {
height: auto;
min-height: 778px;
}
.access-top,
.access-center,
.access-bottom {
display: block;
height: initial;
}
.accordion-item.active {
transform: translateX(0);
}
.access-top__img {
max-width: 100%;
}
.access-top__img img {
margin: 0 auto;
}
.access-top__right {
padding-top: 20px;
padding-left: 0;
}
.access__title {
text-align: center;
}
.access-doc {
padding-left: 15px;
padding-right: 15px;
}
.access-center__map {
width: 100%;
}
.footer__container {
margin-left: 0;
margin-right: 0;
}
.single__img {
margin-bottom: 40px;
}
.single__content h2,
.single__content h3,
.single__content h4,
.single__content h5 {
padding-top: 10px;
margin-bottom: 20px;
}
.single__content p {
margin-bottom: 30px;
}
.single__content img {
margin-bottom: 30px;
}
}
@media screen and (max-width: 576px) {
.single-page__file .file-items .file-item,
.single-page__video .video-items .video-item {
width: 100%;
margin-right: 0;
}
.single-page__file .file-items .file-item:nth-child(1),
.single-page__file .file-items .file-item:nth-child(2),
.single-page__file .file-items .file-item:nth-child(3),
.single-page__video .video-items .video-item:nth-child(2) {
margin-top: 30px;
}
.single__content h2 {
font-size: 26px;
}
.modal-video-box .modal-content {
flex-direction: column;
justify-content: center;
}
.modal-video-box .close-modal {
margin-bottom: 40px;
margin-left: 0;
min-height: 70px;
}
.main {
padding-top: 75px;
}
.main-menu {
display: none;
}
.header__link {
display: none;
}
.dropdown-menu__nav .main-menu {
padding: 0;
display: block;
}
.dropdown-menu__nav .main-menu .menu-item {
margin-bottom: 20px;
}
.dropdown-menu__nav .header__link {
border-left: none;
display: block;
margin-bottom: 20px;
}
.header__logo {
width: auto;
border-right: none;
}
.pp-viewing-specialites .first-animation {
display: block;
}
.first-animation {
display: block;
left: 25px;
right: 25px;
}
.first-animation__text { padding-top: 28%;
}
:root {
--padding-left: 19%;
}
.welcome-slider::before {
left: 0;
}
.welcome__content {
width: 100%;
}
.welcome__overhead {
margin-top: -92px;
}
.welcome-slider__counter {
display: none;
}
.welcome__title {
font-size: 28px;
line-height: 38px;
}
.specialites__container div {
width: 100%;
margin-bottom: 0;
}
.spec2 .specialites__subtitle,
.spec3 .specialites__subtitle,
.spec8 .specialites__subtitle {
padding-left: 0;
padding-right: 0;
margin-bottom: 16px;
}
.specialites__container div {
padding: 16px;
max-height: unset;
border-left: unset;
}
.spec6 {
order: 1;
padding-top: 0;
padding-bottom: 0 !important;
}
.spec11 {
order: 2;
}
.spec2 {
order: 3;
background: #f3f0ee;
border-top: 1.5px solid #e0e0e0;
padding-bottom: 0 !important;
}
.spec7 {
order: 4;
background: #f3f0ee;
border-bottom: 1.5px solid #e0e0e0;
}
.spec3 {
order: 5;
}
.spec8 {
order: 6;
background: #f3f0ee;
border-top: 1.5px solid #e0e0e0;
border-bottom: 1.5px solid #e0e0e0;
}
.spec4 {
background: unset;
order: 7;
padding-bottom: 0 !important;
}
.spec9 {
order: 8;
}
.spec10 {
order: 9;
border-top: 1.5px solid #e0e0e0;
text-align: unset;
padding-bottom: 0 !important;
}
.spec5 {
order: 10;
}
.spec12 {
display: none;
}
.spec6 p {
font-weight: 400;
font-size: 22px;
line-height: 28px;
margin-bottom: 19px;
}
.spec1 {
padding-bottom: 11px;
}
.spec4 h3 {
text-align: unset;
max-width: 100%;
}
.specialites__container img {
height: 275px;
max-height: 275px !important;
object-position: top;
}
.specialites__subtitle {
padding-top: 16px;
}
.specialites__subtitle a {
font-weight: 400;
font-size: 26px;
line-height: 31px;
letter-spacing: 0.02em;
}
.office-slider::before,
.office-slider::after {
display: none;
}
.office-slider__item {
height: 210px;
}
.office__bottom {
padding-left: 15px;
padding-right: 15px;
flex-direction: column;
justify-content: flex-start;
}
.office-right {
margin-top: 8px;
}
.office-right__title {
text-align: left;
}
.clinic-slider::before,
.clinic-slider::after {
display: none;
}
.traitments__content {
width: 100%;
min-height: auto; background: rgba(233, 233, 233, 0.75);
}
.traitments__left {
display: none;
}
.access-doc__item p {
font-size: 18px;
line-height: 26px;
}
.access-center__content {
display: block;
}
.access-center__left {
margin-bottom: 20px;
}
.access-center__btn {
display: block;
max-width: 120px;
}
.access-center__right {
max-width: 100%;
padding-top: 20px;
}
.footer {
padding-top: 10px;
}
.footer__top {
display: block;
margin-bottom: 20px;
}
.footer__bottom {
display: block;
}
.footer__bottom p {
margin-bottom: 10px;
}
.footer__right {
display: none;
}
.welcome {
padding-bottom: 0;
}
.specialites {
padding-top: 40px;
}
.dropdown-menu__right {
width: 100%;
overflow-y: scroll;
background: linear-gradient(
90deg,
rgba(251, 248, 247, 0.973463) 0%,
#fbf8f7 56%
);
}
.modal {
margin-left: 0;
margin-right: 0;
}
.single__title {
font-size: 30px;
line-height: 38px;
}
.single-top {
display: block;
}
.single-top__text {
padding-left: 0;
}
.single-top__btn {
margin-bottom: 20px;
}
.breadcrumbs {
margin-bottom: 30px;
}
.single__content {
padding-bottom: 30px;
}
.single__content ul li {
padding-left: 40px;
}
.single__content ul li::before {
top: 1px;
}
.single__print {
margin-bottom: 30px;
}
.single-page__container {
padding-bottom: 15px;
}
.access-cnter__photo {
display: none;
}
.single-page__file .file-items {
justify-content: space-between;
}
.single-page__file .file-items .file-item {
width: 48%;
}
.spec5 img {
object-position: center;
}
}
@media screen and (max-width: 1130px) {
.access-top__right {
padding-left: 10%;
}
.access-doc .slick-next { right: 11vw;
}
.access-doc .slick-prev,
.access-doc .slick-next {
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 1051px) {
.access-top__right {
margin-right: auto;  padding-left: 6%;
}
.access-doc .slick-next {
right: 0;
}
}
@media only screen and (max-width: 576px) {
.access-top__right {
margin: 0 auto;
overflow: visible;
padding-left: 0;
width: 100%;
}
.access-doc {
padding-left: 45px;
padding-right: 45px;
box-sizing: content-box;
}
.access-doc__item {
justify-content: center;
margin-right: 0;
}
.access-doc:after {
display: none;
}
.access-doc .slick-prev {
left: 2px;
}
.access-doc .slick-next {
right: 2px;
}
}
@media only screen and (max-width: 992px) {
section {
scroll-margin-top: 80px;
}
}
[data-menuanchor="patients"] {
display: none !important;
}
b,
strong {
font-weight: bold;
}.wpcf7-form br, .wpcf7-spinner {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #555;
border: none;
text-align: center;
margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: none;
padding-top: 0;
margin-top: 0;
line-height: 22px;
text-align: left;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border: none;
padding-top: 0;
margin-top: 0;
line-height: 22px;
text-align: center;
color: #555;
}
.wpcf7-not-valid-tip {
white-space: nowrap;
font-size: 14px;
margin-top: 10px;
}