/*

Theme Name: Mediweb
Theme URI: https://mediweb.co/
Description: Mediweb Theme
Version: 1.0
Author: Mediweb
Author URI: http://mediweb.co/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
@font-face {
    font-family: 'Ilisarniq';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: url('/wp-content/themes/ctc/fonts/Ilisarniq-Regular.eot'); /* IE9 Compat Modes */
    src: local('Ilisarniq Regular'), local('Ilisarniq-Regular'),
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Regular.woff') format('woff'), /* Modern Browsers */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Ilisarniq';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: url('/wp-content/themes/ctc/fonts/Ilisarniq-Bold.eot'); /* IE9 Compat Modes */
    src: local('Ilisarniq Bold'), local('Ilisarniq-Bold'),
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Bold.woff') format('woff'), /* Modern Browsers */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Ilisarniq';
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url('/wp-content/themes/ctc/fonts/Ilisarniq-Light.eot'); /* IE9 Compat Modes */
    src: local('Ilisarniq Light'), local('Ilisarniq-Light'),
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Light.woff') format('woff'), /* Modern Browsers */
    url('/wp-content/themes/ctc/fonts/Ilisarniq-Light.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Gabriola';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    url('/wp-content/themes/ctc/fonts/gabriola.ttf') format('truetype') /* Safari, Android, iOS */
}
* {
    font-family: 'Ilisarniq';
}
a {
    text-decoration: none !important;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body {
    overflow-x: hidden;
}
.animate {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.grecaptcha-badge {
    visibility: hidden;
}
#cookie-notice .cookie-notice-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px 20px 10px;
}
#cn-notice-text {
    width: 75%;
    text-align: justify;
}
.cookie__title {
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
    text-align: left;
    color:#fff;
}
#cn-notice-text div {
    text-align: justify;
    color: #fff;
}
#cn-notice-text div a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}
#cn-accept-cookie {
    float: right;
    padding: 10px 50px;
    color:#fff;
    border: 1px solid #fff;
    margin: 10px 0;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#cn-accept-cookie:hover {
    background: #fff;
    color: #000;
}
#cookie-notice a {
    text-decoration: none !important;
}
@media (max-width:767px) {
    .cookie-notice-container {
        padding: 20px;
        flex-direction: column;
    }
    #cn-notice-text {
        width: 100%;
    }
    #cookie-notice .cn-button {
        width: 100%;
        margin: 10px 0;
    }
    #cn-notice-text div {
        font-size: 14px;
    }
}
.error404__wrapper {
    overflow: hidden;
    position: relative;
}
.error404__content {
    width: 900px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    background: rgba(255, 255, 255, 0.9);
    top: 150px;
    padding: 50px 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error404__number {
    color: #000;
    font-size: 120px;
    line-height: 140px;
    margin-bottom: 40px;
}
.error404__title {
    font-size: 20px;
    margin-bottom: 25px;
    text-align: center;
    display: block;
}
.error404__subtitle {
    line-height: 24px;
    font-size: 16px;
    text-align: left;
    margin-bottom: 50px;
}
.error404__button {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    border: 5px solid #000;
    width: 300px;
    letter-spacing: 2px;
    padding: 5px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.error404__button:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
#menu__button {
    width: 44px;
    height: 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#menu__button span {
    display: block;
    position: absolute;
    height: 4.29px;
    width: 50%;
    background: #000;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#menu__button span:nth-child(even) {
    left: 50%;
}
#menu__button span:nth-child(odd) {
    left:0;
}
#menu__button span:nth-child(1), #menu__button span:nth-child(2) {
    top: 0;
}
#menu__button span:nth-child(3), #menu__button span:nth-child(4) {
    top: 13px;
}
#menu__button span:nth-child(5), #menu__button span:nth-child(6) {
    top: 26px;
}
#menu__button.open span:nth-child(1),#menu__button.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#menu__button.open span:nth-child(2),#menu__button.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#menu__button.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}
#menu__button.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}
#menu__button.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}
#menu__button.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}
#menu__button.open span:nth-child(5) {
    left: 5px;
    top: 20px;
}
#menu__button.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 20px;
}
header {
    background: #fff;
    height: 100px;
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    z-index: 999999;
}
.desktop__width.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.desktop__width {
    max-width: 1570px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}
.header__menu {
    margin: 0;
    display: flex;
}

.header__menu a {
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #000000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
}
.header__menu li {
    position: relative;
    padding: 0 40px;
}
.header__menu li:last-of-type {
    padding: 0 0 0 40px;
}
.header__menu li:after {
    position: absolute;
    right: 0;
    width: 1px;
    background: #000;
    height: 18px;
    content: '';
    top: 5px;
}
.header__menu li:last-of-type:after {
    display: none;
}
.header__menu li a:hover, .mPS2id-highlight {
    color: #000000;
    border-bottom: 1px solid #000 !important;
}
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
#slideshow {
    margin-top: 100px;
    height: calc(100vh - 100px);
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.slideshow__video {
    height: 100%;
}
#video__main {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}
.preview {
    width: 100%;
    height: 100%;
    background: transparent url(/wp-content/uploads/slideshow_preview.jpg) center center no-repeat;
    background-size: cover;
}
.slideshow__logo {
    position: absolute;
    left: 20%;
    z-index: 9999;
    top: 10%;
}
.sidebar {
    position: fixed;
    right: 5%;
    bottom: 32%;
    z-index: 999;
}
.sidebar__wrapper {
    display: flex;
    flex-direction: column;
}
.sidebar__wrapper a, .sidebar__number--wrapper {
    width: 36px;
    height: 36px;
    background: #000;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
}
.sidebar__number .sidebar__number--info{
    width: 200px;
    position: absolute;
    right: 0;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    display: none;
    color: #fff;
}
.sidebar__number .sidebar__number--info span {
    display: block;
    margin-right: 20px;
    background: #000;
    padding: 7px 10px 10px 10px;
}
.sidebar__number {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#bienvenue {
    background: #fff;
    position: relative;
}
#bienvenue:after {
    content: '';
    position: absolute;
    right: 0;
    background: url(/wp-content/uploads/bien_bg.png) 0 0 no-repeat;
    width: 335px;
    height: 439px;
    bottom: -125px;
}
.bienvenue__first span {
    text-transform: uppercase;
    color: #000000;
    font-size: 24px;
    line-height: 29px;
}
.bienvenue__first a {
    font-size: 30px;
    line-height: normal;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
}
.bienvenue__first--info span {
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
}
.slideshow__bienvenue {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
}
.bienvenue__first {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    z-index: 9999;
    width: 100%;
}
.bienvenue__first--wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 510px;
    z-index: 999;
    justify-content: space-between;
}
.bienvenue__first h1 {
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #000000;
    font-size: 24px;
    line-height: 29px;
}

.bienvenue__first--info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 510px;
    z-index: 999;
    justify-content: space-between;
}
.bienvenue__first--links {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.bienvenue__first--links a {
    border: 1px solid #000;
    padding: 8px 25px;
    cursor: pointer;
    text-align: center;
    margin: 0;
    font-size: 18px;
    line-height: normal;
    font-weight: 100;
}
.bienvenue__first--links a:hover {
    background: #000;
    color: #fff;
}
.link {
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
}
.link:hover {
    color: #000000;
    border-bottom: 1px solid #000;
}
.bienvenue__second {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0 100px 0;
    z-index: 99;
    position: relative;
}
.bienvenue__second--one, .bienvenue__third--one {
    max-width: 289px;
    width: 100%;
}
.bienvenue__second--two, .bienvenue__second--three {
    max-width: 860px;
    padding: 30px 0 0 0;
}
.bienvenue__second--two p, .bienvenue__second--three p, .bienvenue__third--two p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #000000;
    font-weight: 300;
}
.bienvenue__title {
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
    border-bottom: 2px solid #000;
    display: block;
    padding-bottom: 5px;
}
.bienvenue__third {
    display: flex;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 70px auto 0 auto;
}
.bienvenue__third--one .bienvenue__title {
    font-size: 24px;
    line-height: 29px;
}
.bienvenue__third--two {
    max-width: 300px;
    width: 100%;
    padding: 20px 0 0 30px;
}
.bienvenue__mail {
    font-size: 24px;
    line-height: 29px;
    text-transform: lowercase;
    color: #000000;
    font-weight: 100;
    font-style: italic;
    margin-top: 5px;
    display: block;
}
.bienvenue__mail:hover {
    color: #000000;
}
.section__title {
    font-size: 30px;
    line-height: 37px;
    color: #000000;
    text-align: left;
    text-transform: uppercase;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.section__title span {
    position: relative;
    background: #fff;
    padding-bottom: 5px;
}
.section__title span:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    bottom:0;
}
#chirurgie .section__title span {
    background: transparent;
}
.section__title:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    bottom:-5px;
    left: -100%;
}
.section__title--right {
    font-size: 30px;
    line-height: 37px;
    color: #000000;
    text-align: right;
    text-transform: uppercase;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.section__title--right span {
    position: relative;
}
.section__title--right span:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    bottom:-5px;
}
.section__title--right:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    bottom:-5px;
    right: -100%;
}
.section__title--white {
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    display: block;
    max-width: 1200px;
    position: absolute;
    margin: 0 0 0 -600px;
    top: 8%;
    width: 100%;
    left: 50%;
}
.section__title--white span {
    position: relative;
}
.section__title--white span:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    bottom:-5px;
}
.section__title--white:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    bottom:-5px;
    left: -100%;
}
.instagram__wrapper {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.instagram__single {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.instagram__single > a {
    width: calc(100%/8);
    border: 1px solid #fff;
}
.instagram__single img {
    width: 100%;
}
#instagram {
    z-index: 9;
    position: relative;
}
.par {
    width: 100%;
}
#philosophie {
    padding: 100px 0 210px 0;
    position: relative;
}
#philosophie:after {
    content: '';
    position: absolute;
    right: -35%;
    background: url(/wp-content/uploads/bienvenue_bg.png) 0 0 no-repeat;
    width: 971px;
    height: 1221px;
    top: -25%;
}
#philosophie:before {
    content: '';
    position: absolute;
    left: 0;
    background: url(/wp-content/uploads/philos_t.png) 0 0 no-repeat;
    width: 655px;
    height: 394px;
    top: 35%;
}

.philosophie__bottom {
    display: flex;
    justify-content: center;
    margin: -20px 0 100px 0;
    padding: 0 175px 0 0;
}
.philosophie__top {
    display: flex;
    justify-content: center;
    margin: -20px 0 100px 0;
    padding: 0 0 0 175px;
}
.philosophie__top--desc {
    max-width: 750px;
    padding: 10px 0 0 35px;
    text-align: justify;
}
.philosophie__bottom--desc {
    max-width: 750px;
    padding: 10px 35px 0 0 ;
    text-align: justify;
}
.philosophie__wrapper p {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-weight: 100;
}
#equipe {
    margin: -195px 0 0 0;
    position: relative;
    padding: 0 0 100px 0;
}
.equipe__wrapper {
    margin-top: 100px;
}
.doctors__wrapper, .assistants__wrapper {
    display: flex;
    justify-content: space-between;
}
.doctors__left {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    max-width: 75%;
    width: 75%;
}

.doctors__left .doctors__single {
    width: calc(33.3% - 20px);
    margin-right: 27px;
}

.doctors__full {
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
}

.doctors__full .doctors__single {
    width: calc(25% - 20px);
    margin-right: 27px;
}

.doctors__left .doctors__single:last-child,
.doctors__full .doctors__single:last-child {
    margin-right: 0;
}

.doctors__single {
    padding-right: 2px;
    display: flex;
    flex-direction: column;
    width: calc(100%/5);
}
.doctors__single--desc, .assistants__single--desc {
    margin-top: 15px;
    padding-right: 15px;
}
.doctors__single--title, .assistants__single--title {
     display: block;
     font-size: 16px;
     line-height: 19px;
     text-transform: uppercase;
     color: #000000;
}
.doctors__single--subtitle, .assistants__single--subtitle {
    display: block;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    font-weight: 100;
    margin-top: 5px;
}
.doctors__right  {
    display: flex;
    flex-direction: column;
    /*max-width: 425px;*/
    width: 25%;
    padding-left: 65px;
    background: #fff;
}
.assistants__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 425px;
    padding-left: 65px;
    text-align: justify;
}
.doctors__right p, .assistants__right p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-weight: 100;
    text-align: justify;
}
.assistants__left {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    flex-wrap: wrap;
    width: 100%;
}
.assistants__single {
    width: calc(100%/6);
    padding-right: 2px;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.equipe__wrapper img {
    width: 100%;
}
.assistants__wrapper {
    margin-top: 100px;
}
#equipe:after {
    content: '';
    position: absolute;
    right: 0;
    background: url(/wp-content/uploads/eq_bg.png) 0 0 no-repeat;
    width: 290px;
    height: 529px;
    bottom: -80px;
}
#dsd {
    padding: 0 60px 0 60px;
    position: relative;
    overflow: hidden;
}
.dsd__left{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 50px;
}
.dsd__left--desc {
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: justify;
}
.dsd__left a {
    font-size: 16px;
    line-height: 19px;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #fff !important;
    margin: 50px 0 0 50px;
}
.dsd__left a:hover {
    padding: 0 10px 5px 10px;
}
.dsd_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000;
}
.dsd__left--desc p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
    font-weight: 100;
}
.dsd_wrapper>div {
    width: 50%;
}
.dsd__right img {
    width: 100%;
}
#technologies {
    padding: 100px 0 0 0;
    overflow: hidden;
}
.technologies__wrapper {
    padding: 100px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.technologies__single {
    width: calc(100%/4);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.technologies__single--info img {
    width: 100%;
    object-fit: contain;
}
.technologies__single--title {
    background: #000;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.technologies__single:hover .technologies__single--title {
    background: #fff;
    color: #000;
}
.technologies__single:hover .technologies__single--desc {
    max-height: 100%;
}
.technologies__single--info {
    position: relative;
    width: 100%;
}
.technologies__single--desc {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(1, 1, 1, 0.4);
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 0;
    transition: max-height 0.5s ease-in;
    overflow: hidden;
    text-align: justify;
}
.technologies__single--desc p {
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: 100;
}
#chirurgie {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 100px 0;
}
#chirurgie img {
    width: 100%;
}

.chirurgie__desc--info {
    max-width: 580px;
    width: 100%;
    padding: 100px 0 0 0;
}
.chirurgie__wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.chirurgie__desc {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.chirurgie__desc p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    color: #000000;
    text-align: justify;
}
#traitements {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}
.traitements__title {
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    text-align: right;
    text-transform: uppercase;
    padding-left: 9%;
    border-bottom: 2px solid #000;
    display: inline-block;
}
.traitements__wrapper {
    padding: 100px 0 0 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.traitements__mobile {
    display: none;
}
.traitements__left, .traitements__right {
    width: 50%;
}
.nav-tabs .traitements__single.nav-item .nav-link {
    border: none !important;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
    padding: 40px 0 40px 18%;
    cursor: pointer;
}
.nav-tabs .traitements__single.nav-item .nav-link.active {
    background: #000;
    color: #fff;
}
.traitements__left {
    border: none !important;
}
.traitements__content--subtitle {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
    text-align: right;
    padding-right: 18%;
    border-bottom: 2px solid #000;
    float: right;
}
.traitements__info {
    padding: 50px 9% 0 18%;
}
.traitements__content--subtitle {
    margin-top: -10px;
}
.traitements__info a {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
    border-bottom: 2px solid #000;
}
.traitements__info a:hover {
    color: #000000;
}
#cabinet {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}
.cabinet__title {
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    text-align: right;
    text-transform: uppercase;
    padding-left: 9%;
    border-bottom: 2px solid #000;
    display: inline-block;
}
.cabinet__wrapper {
    padding: 100px 0 0 0;
    margin-left: 9%;
    overflow: hidden;
    width: 100%;
}
.cabinet__button-next {
    position: absolute;
    right: 9%;
    top: 100px;
    cursor: pointer;
}
.cabinet__info {
    padding: 100px 5% 0 20%;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    font-weight: 100;
    position: relative;
}
.cabinet__info span {
    display: block;
    margin-bottom: 10px;
}
.cabinet__info:before {
    content: '';
    width: 2px;
    background: #000;
    top: -1px;
    bottom: 0;
    position: absolute;
    left: 15%;
}
.citation__wrapper {
    display: flex;
    justify-content: space-between;
    background: #000;
}
.citation__left, .citation__right {
    width: 50%;
}
.citation__left img {
    width: 100%;
}

#citation {
    overflow: hidden;
    padding: 100px 60px 0 60px;
}
.citation__left {
    display: flex;
    align-items: center;
}
.citation__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    background: #000;
}
.citation__block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}
.citation__subtitle {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    position: absolute;
    left: 0;
    top: -20px;
    display: block;
}
.citation__title {
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    font-size: 30px;
    line-height: 36px;
    border-bottom: 2px solid #fff;
    display: block;
    width: 500px;
}
.citation__info {
    padding: 25px 50px 0 50px;
    text-align: justify;
}
.citation__info p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    font-weight: 100;
    color: #FFFFFF;
}
#parallax {
    position: relative;
    padding: 0 60px;
    overflow: hidden;
}
.parallax__wrapper {
    position: absolute;
    background: #fff;
    padding: 50px 0;
    top: 150px;
    width: 100%;
}
.parallax__desc {
    position: relative;
    padding: 0 20%;
    text-align: justify;
}
.parallax__desc p {
    font-size: 36px;
    line-height: 43px;
    margin: 0;
    color: #000000;
    font-family: 'Gabriola';
}
.parallax__desc:before {
    content: '';
    height: 2px;
    background: #000;
    position: absolute;
    left: -60px;
    top: 20px;
    width: 22%;
}
#contact {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.contact__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 100px 60px;
}
.contact__left {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#gmap_canvas {
    height: 100%;
    width: 100%;
}
.contact__desc--one p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    color: #000000;
}
.contact__image {
    width: 40%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact__image img {
    object-fit: cover;
    height: 100%;
}
.contact__desc--two p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    color: #000000;
}
.wpcf7-form-control-wrap input.wpcf7-text {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    width: 100%;
    padding: 6px;
    outline: none;
    margin-bottom: 10px;
    border: 1px solid #000;
    font-weight: 100;
}
.wpcf7-form-control-wrap input.wpcf7-text::placeholder, .wpcf7-form-control-wrap textarea.wpcf7-textarea::placeholder {
    color: #828282;
    font-weight: 100;
}
.wpcf7-form-control-wrap textarea.wpcf7-textarea  {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    width: 100%;
    padding: 6px;
    outline: none;
    margin-bottom: 10px;
    border: 1px solid #000;
    font-weight: 100;
    height: 70px;
}
.contact__desc--two {
    margin-bottom: 20px;
    text-align: justify;
}
.wpcf7-submit {
    font-size: 14px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 1px solid #000;
    display: block;
    width: 100%;
    background: #000;
    padding: 10px 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wpcf7-submit:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
span.wpcf7-not-valid-tip, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    font-size: 12px;
}
form div + p {
    margin: 0;
}
.ajax-loader {
    display: none !important;
}
footer {
    background: #000;
    height: 258px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.footer__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
footer:before {
    content: '';
    position: absolute;
    right: 0;
    background: url(/wp-content/uploads/footer_bg.png) 0 0 no-repeat;
    width: 600px;
    height: 1067px;
    bottom:0;
}
.footer__wrapper p {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 100;
}
.footer__logo {
    margin-bottom: 20px;
}
.footer__wrapper p a {
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 100;
}
.cls-1 {
    fill: #040706;
}
.slideshow__logo svg {
    max-width: 750px;
    width: 750px;
}
.header__clicker {
    visibility: hidden;
    opacity: 0;
    display: none;
}
#specialites {
    padding: 100px 0 0 0;
    position: relative;
}
.specialites__wrapper {
    padding: 100px 0 0 0;
    display: flex;
    justify-content: space-between;
}
.specialites__wrapper--left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.specialites__single--title {
    font-size: 20px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 20px;
    display: block;
}
.specialites__single--desc {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 20px 0 0 0;
    font-weight: 100;
    min-height: 215px;
    text-align: justify;
}
.specialites__single {
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    background: #fff;
    width: 48%;
}
.specialites__single--link {
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
    float: right;
}
.parallax__desc p.cit__author {
    text-align: right;
    margin-top: 30px;
    font-style: italic;
}
.cit__sep {
    margin-top: 30px;
}
.contact__hours {
    width: 30%;
    display: flex;
    flex-direction: column;
}
.hours__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.hours__hour {
    padding: 0;
    display: flex;
    justify-content: flex-start;
}
.hours__single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}
.hours__single.today {
    background: #000;
    color: #fff;
}
.hours__day {
    padding: 0 0 0 30px;
}
.hours__single div {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    width: 50%;
}
.contact__hours h3 {
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 30px 0;
    padding-left: 30px;
}
.contact__hours table {
    width: 100%;
}
.contact__hours table tbody {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact__hours table td {
    font-size: 18px;
    line-height: 26px;
    padding: 7px 25px;
    width: 50%;
}
.contact__hours table td:first-of-type {
    text-transform: uppercase;
}
.contact__hours table tr td:last-of-type {
    font-weight: 100;
    text-align: right;
}
.contact__hours table tr.today td {
    background: #000;
    color: #fff;
}
.contact__hours table tr.today td p {
    color: #fff;
}
.contact__hours table tr td p {
    color: #000000;
    margin: 0 0 0 0;
}
.contact__hours table td:first-of-type p {
    max-width: 100px;
    width: 100%;
    text-align: left;
    float: right;
}
.instagram__wrapper {
    padding: 0 60px;
}
.specialites__wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    background: url(/wp-content/uploads/philos_t.png) 0 0 no-repeat;
    width: 655px;
    height: 394px;
    top: 36%;
}
.specialites__wrapper:after {
    content: '';
    position: absolute;
    right: -35%;
    background: url(/wp-content/uploads/bienvenue_bg.png) 0 0 no-repeat;
    width: 971px;
    height: 1221px;
    top: -13%;
}
.contact__bottom {
    width: 100%;
    height: 500px;
}
section {
    overflow: hidden;
}
#auth {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth__content {
    position: absolute;
    top: 40%;
    z-index: 99;
    left: 25%;
}
.auth__content--title {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 30px 0;
}
.auth__content--input {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    background: #fff;
    border: 1px solid #000;
    padding: 8px 0 8px 15px;
    width: 100%;
    display: block;
}
.mobile__view {
    display: none;
}
.doctors__single--image, .technologies__single--image {
    position: relative;
}
.header__logo img {
    width: auto;
    height: 80px;
}
.footer__wrapper svg {
    width: 250px;
    margin: 0 auto;
    display: block;
}
.footer__wrapper svg path, .footer__wrapper svg polygon{
    fill: #fff;
}
.custom__width {
    max-width: 1240px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
#custom__post {
    padding: 100px 0;
}
.auth__form {
    display: flex;
    flex-direction: column;
}
.auth__form--row {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px 0;
}
.auth__form--row label {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 10px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.auth__form--row label + input {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    background: #fff;
    border: 1px solid #000;
    padding: 8px 10px;
    width: 100%;
    display: block;
    outline: none;
}
.auth__form--row button {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    padding: 8px 0 8px 15px;
    width: 100%;
    display: block;
    outline: none;
    cursor: pointer;
}
.auth__form--row button:hover {
    color: #000;
    background: #fff;
}
.auth__form--error {
    font-size: 14px;
    color: red;
    margin-bottom: 20px;
    display: none;
}
.auth__form--row.auth__error label {
    color: red;
}
.auth__form--row.auth__error label + input {
    border: 1px solid red;
}
#sgpb-popup-dialog-main-div {
    max-width: 600px !important;
    margin: 0 auto;
}
#lightbox {
	display: flex;
	flex-direction: column-reverse;
}
.lb-dataContainer {
	position: relative;
}
.lb-close {
	position: absolute;
    right: 0;
    top: -35px;
}
.lightboxOverlay {
    /*max-width: 100%;*/
}
@media (max-width: 767px) {
    .sgpb-popup-dialog-main-div-theme-wrapper-4 {
        top: 10px !important;
        width: 100%;
        z-index: 999999999 !important;
    }
    #sgpb-popup-dialog-main-div {
        max-width: 75% !important;
        padding: 20px 20px 0 20px !important;
        margin: inherit !important;
    }
    #sgpb-popup-dialog-main-div-wrapper #sgpb-close-button {
        right: 20% !important;
    }
}