/* ------ Kodchasan ------ */

@font-face {
  font-family: 'Kodchasan-SemiBold';
  font-weight: 600;
  src: url('../fonts/Kodchasan-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Kodchasan-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Kodchasan-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Kodchasan-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Kodchasan-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Kodchasan-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Kodchasan-Medium';
  font-weight: 500;
  src: url('../fonts/Kodchasan-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Kodchasan-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Kodchasan-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Kodchasan-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Kodchasan-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Kodchasan-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Kodchasan-Regular';
  font-weight: 400;
  src: url('../fonts/Kodchasan-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Kodchasan-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Kodchasan-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Kodchasan-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Kodchasan-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Kodchasan-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* ------ Specification ------ */

:root {
	--main-color: #6F7B71;
	--secondary-color: #6F8A74;
	--secondary-2-color: #58655A;
	/* --main-color: #704B82; */
	/* --secondary-color: #655466 */
}

body {
  font-family: 'Kodchasan-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #000;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

div, p, form, input, a, span, button {
  box-sizing: border-box;
}

p {
  margin: 0;
}

ul, li {
  display: block;
  padding: 0;
  margin: 0;
}

a, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

a, button, input {
  transition: all 0.1s ease;
}

a {
  position: relative;
  color: inherit;
}

input, input:hover, input:focus, input:active,
button, button:hover, button:focus, button:active {
  outline: none;
}

.container-fluid_plain {
  padding: 0;
}


.btn {
  text-align: center;
  display: block;
  transition: all 0.3s;
}

/* ------ Hero Screen ------ */

.navigation {
  background-color: #fff;
  color: var(--secondary-color, #6F8A74);
  font-size: 14px;
  line-height: 18px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 15;
  border-radius: 0px 0px 30px 30px;
  padding: 0 15px;
}

.navigation > .row {
	align-items: center;
}

.header__logo {
  display: block;
/*   margin: 27px 0px 28px 35px; */
	margin: 5px 0px 5px 35px;
/*   max-width: 227px; */
	max-width: 159px;
}

.header__video {
  width: 100%;
  object-fit: cover;
  max-height: 724px;
}

.menu {
  justify-content: space-between;
  margin: 30px 28px 0 94px;
  margin-block: 0px;
}

.header__links {
  justify-content: space-between;
/*   margin: 29px 0px 0 14px; */
  max-width: 68px;
}

.header__links a p {
  display: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: var(--secondary-color, #6F8A74);
  max-height: 22px;
  overflow-y: hidden;
  transition: all 0.3s ease;
}

.header__links a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  transition: all 0.3s ease;
  padding-right: 10px;
}

.header__links a:nth-child(2) {
  transition: all 0.3s ease;
}

.header__links a:nth-child(2):hover p {
  display: block;
  margin-left: 10px;
  transition: all 0.3s ease;
  max-height: 22px;
}

.phone-hover .menu {
  margin-right: 130px;
  transition: all 0.3s ease;
}

.phone-hover .header__links {
  max-width: 167px;
  margin-left: -95px;
  transition: all 0.3s ease;
}

.menu li {
  position: relative;
  transition: all 0.01s ease;
}

.menu li a {
  font-size: 16px;
}

.menu li a:after {
  content: '';
  position: absolute;
  width: 4px;
  bottom: -7px;
  left: 50%;
  height: 4px;
  background: var(--main-color, #6F7B71);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  border-radius: 50%;
  display: none;
  transition: all 0.01s ease;
}

.menu li a:hover:after,
.menu li a:active:after {
  display: block;
  transition: all 0.1s ease;
}

.menu li a:hover,
.menu li a:active {
  font-weight: 600;
  transition: all 0.01s ease;
}

.menu-open {
/*   width: 38px;
  height: 33px; */
  border: 0;
  cursor: pointer;
  background: none;
}

.menu-collapse .menu-opened {
  flex-direction: column;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 60vh;
  background: #fff;
  z-index: 9999;
  margin-top: -27px;
  padding: 50px 0 40px;
  /*animation: fadeInDown .8s;*/
}

.bar1, .bar2, .bar3 {
  width: 20px;
  height: 3px;
  background-color: var(--main-color, #6F7B71);
  margin: 4px 0;
  transition: 0.4s;
  border-radius: 1px;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px);
}

.menu-opened {
  flex-direction: column;
  position: absolute;
  text-align: center;
  width: 100vw;
  height: 50vh;
  background: #fff;
  z-index: 22;
  top: 0px;
}

.menu-opened .menu li {
  background: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.menu-opened .menu li a {
    padding: 11px 6px 13px 7px;
    font-size: 16px;
}

.menu-opened .menu li a:hover,
.menu-opened .menu li a:active {
    color: #04cfa4;
    border-top: none;
    padding: 11px 6px 13px 7px;
}

.video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bonjour {
  background: url(../img/face-group.png) center top no-repeat;
  padding-bottom: 89px;
}

.bonjour__contact {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #FFFFFF;
  background: var(--main-color, #6F7B71);
  clip-path: ellipse(49% 111% at 50% -22%);
  width: 734px;
  height: 300px;
  margin: auto;
  padding-top: 67px;
}

.bonjour__contact h3 {
  max-width: 435px;
  margin: auto;
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  text-transform: uppercase;
}

.bonjour__contact a {
  display: flex;
  margin-top: 28px;
  justify-content: center;
}

.bonjour__contact a img {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

.bonjour__wrapper {
  text-align: center;
  margin-top: 50px;
}

.bonjour__wrapper h1 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  color: #000000;
  max-width: 972px;
  margin: auto;
}

.bonjour__wrapper div {
  max-width: 762px;
  margin: auto;
}

.bonjour__wrapper p {
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
}

.bonjour__wrapper p:nth-child(1) {
  margin-top: 42px;
  margin-bottom: 23px;
}

.specialize__wrap {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 410px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 85px;
  background: center center no-repeat;
}

.specialize__wrap:hover .specialize__overlay {
  opacity: 0.85;
}

.specialize__wrap:hover .specialize__text {
  opacity: 0;
}

.specialize__overlay {
  /* background: #593B67; */
	background: var(--secondary-color);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 68px;
  padding-bottom: 46px;
}

.specialize__name {
  color: #fff;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 34px;
  margin: 4px 0 11px 5px;
}

.specialize__text {
  color: #fff;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 34px;
  text-align: center;
}

.specialize__link {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 50px;
  padding: 17px 46px;
}

.specialize__link:hover {
  color: #fff;
}

.cabinet {
  padding-top: 62px;
  overflow: hidden;
}

.cabinet__wrapper {
  max-width: 765px;
  margin: auto;
}

.cabinet__wrapper p {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
  margin-bottom: 30px;
}

.cabinet-carousel {
  margin-top: 94px;
  position: relative;
}

.cabinet__wrap {
  position: relative;
}

.cabinet__wrap:before {
  position: absolute;
  content: url(../img/cabinet-face-1.png);
  bottom: -34%;
  left: 0;
  pointer-events: none;
}

.cabinet__wrap:after {
  position: absolute;
  content: url(../img/cabinet-face-2.png);
  bottom: -34%;
  right: 0;
  pointer-events: none;
}

.slick-slide img {
  width: 100%;
}

body .slick-slider .slick-slide>div {
  width: 100%;
}
.cabinet-carousel .img__wrap {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: block;
}
.cabinet-carousel .img__wrap:after {
  content: '';
  position: relative;
  top: 0;
  left: 0;
  padding: 0 0 100%;
  display: block;
}

/*.cabinet-carousel .slick-slide .img__wrap:after {
  background: #ffffff;
  opacity: 0.4;
}*/

/*.cabinet-carousel .slick-slide.slick-active[data-slick-index="1"] .img__wrap:after {
  background: #ffffff;
  opacity: 0.1;
}
*/
/*.cabinet-carousel .slick-slide.slick-current .img__wrap:after,
.cabinet-carousel .slick-slide.slick-active[data-slick-index="-1"] .img__wrap:after {
  background: #ffffff;
  opacity: 0;
}*/

.cabinet-carousel .img__wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

body .slick-slider .slick-slide {
  display: flex!important;
  align-items: center;
  padding: 0 80px;
  transition: all .5s;
}

body .slick-slider .slick-track {
  display: flex;
  align-items: center;
  height: 780px;
}

body .slick-slider .slick-slide.slick-active {
  z-index: -1;
}

body .slick-slider .slick-slide {
  z-index: -2;
  filter: blur(3px);
}

body .slick-slider .slick-slide.slick-current:focus,
body .slick-slider .slick-slide .item:focus,
body .slick-slider .slick-slide .item a:focus {
  outline: none;
}

body .slick-slider .slick-slide.slick-current {
  z-index: 2;
  filter: blur(0px);
}

.slick-slider .slick-slide.slick-active {
    transform: scale(1);
    filter: blur(1px);
}
.slick-slider .slick-slide .img__wrap {
    transform: translate(-25%,0px);
    width: 130%;
    max-width: initial;
    transition: all .5s;
}
.slick-slider .slick-slide.slick-center + .slick-active  + .slick-slide .img__wrap {
  transform: translate(5%,0px);
}
.slick-slider .slick-slide.slick-active .img__wrap {
    transform: translate(-66%,0px);
    width: 209%;
    max-width: initial;

}
.slick-slider .slick-slide.slick-center + .slick-active .img__wrap {
   transform: translate(16%,0px);
}

.slick-slider .slick-slide.slick-center .img__wrap {
    transform: translate(-38%,0px);
    width: 430%;
    max-width: initial;
}

.cabinet-carousel:before {
  content: '';
  position: absolute;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--main-color, #6F7B71);
  z-index: 5;
  left: 50%;
  margin-left: -350px;
  /*transform: translate(-50%, 1%);*/
  transform: scale(1.1);
  top: 50%;
  margin-top: -350px;
  pointer-events: none;
}

.cabinet-carousel:after {
  content: '';
  position: absolute;
  width: 836px;
  height: 836px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: linear-gradient(0deg, rgba(225, 225, 225, 0) 3.05%, #F9F9F9 100%);
  transform: scale(1.1);
  z-index: -1;
  top: 50%;
  left: 50%;
  margin-left: -418px;
  margin-top: -418px;

}

.slick-dots li button {
  width: 8px;
  height: 8px;
  margin: auto;
  position: relative;
}

.slick-dots li button:before {
  font-size: 27px;
  color: #C4C4C4;
  opacity: 1;
  width: 8px;
  height: 8px;
  line-height: 22px;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: var(--main-color, #6F7B71);
  font-size: 88px;
  width: 30px;
  height: 30px;
}

.slick-dots li.slick-active button {
  width: 30px;
  height: 30px;
}

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -41px;
}

.slick-dots li {
  width: 30px;
  height: 30px;
}

.team {
  padding-top: 50px;
  overflow: hidden;
  padding-bottom: 25px;
}

.team__title {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  background: var(--main-color, #6F7B71);
  border-radius: 0px 30px 30px 30px;
  width: 265px;
  height: 64px;
  margin: 143px auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team__wrap {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

.team__wrap img{
  width: 100%;
}

.team__wrapper:nth-child(1),
.team__wrapper:nth-child(3) {
  margin-top: 24px;
}

.team__wrapper h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: var(--main-color, #6F7B71);
  margin: -22px auto 10px;
  width: 138px;
}

/*.team__wrapper:hover.team__wrapper h3 {
  margin: 61px auto 10px;
}*/

.col-12:nth-child(2) .team__wrapper h3,
.col-lg-4:nth-child(2) .team__wrapper h3 {
  margin: 61px auto 10px;
}

.team__wrapper h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
}

.team__circle {
  position: relative;
  width: 400px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.col-lg-4:nth-child(2) .team__circle:before,
.col-12:nth-child(2) .team__circle:before {
  content: '';
  position: absolute;
  width: 118%;
  height: 118%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--main-color, #6F7B71);

}

.col-lg-4:nth-child(2) .team__circle:after,
.col-12:nth-child(2) .team__circle:after {
  content: '';
  position: absolute;
  width: 139%;
  height: 139%;
    border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #F9F9F9;
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: -1;

}

.team__wrapper.active .team__overlay {

}

/*.team__wrapper:nth-child(2) .team__circle:after,
.team__wrapper:nth-child(2) .team__circle:before {
  display: block;
}*/

.team__overlay {
  /* background: rgba(101, 84, 102, 0.6); */
	background: rgba(111, 138, 116, 0.6);
  position: absolute;
  top: -37px;
  left: -36px;
  width: 118%;
  height: 118%;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 114px;
  padding-bottom: 46px;
  border-radius: 50%;
  padding-left: 40px;
}

.team__wrapper.active .team__circle:hover .team__overlay {
  opacity: 1;
}

.team__overlay ul {
  width: 323px;
}

.team__overlay ul li {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.03em;
  display: list-item;
  margin-bottom: 28px;
}

.team__description {
  position: absolute;
  width: 100%;
}

.assistant {
  padding-bottom: 54px;
}

.assistant__title {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  color: var(--main-color, #6F7B71);
  width: 204px;
  height: 49px;
  border: 1px solid var(--main-color, #6F7B71);
  box-sizing: border-box;
  border-radius: 0px 30px 30px 30px;
  margin: 179px auto 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.assistant__wrap {
  width: 207px;
  height: 207px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

.assistant__wrap img{
  width: 100%;
}

.assistant__wrapper h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
}

.assistant__circle {
  position: relative;
  width: 242px;
  height: 242px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.assistant__circle:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--main-color, #6F7B71);
  display: none;
}

.assistant__circle:after {
  content: '';
  position: absolute;
  width: 116%;
  height: 116%;
    border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #F9F9F9;
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: -1;
  display: none;
}

.assistant__circle:hover:after,
.assistant__circle:hover:before {
  display: block;
}

.assistant__wrapper:hover.assistant__wrapper h4 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.assistant__wrapper p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
  display: none;
  width: 150px;
  margin: auto;
}

.assistant__wrapper:hover.assistant__wrapper p {
  display: block;
}

.assistant__description {
  position: absolute;
  width: 100%;
}

.technology__title {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  background: var(--main-color, #6F7B71);
  border-radius: 0px 30px 30px 30px;
  width: 265px;
  height: 64px;
  margin: 133px auto 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.technology__color {
  /* background: rgba(101, 84, 102, 0.8); */
	background: rgba(111, 138, 116, 0.8);
  border-radius: 0px 0px 50px 0px;
  overflow: hidden;
}

/*.technology__color .row:nth-child(2) {
  background: rgba(101, 84, 102, 0.8);
}

.technology__color .col-md-6 {
  background: rgba(101, 84, 102, 0.8);
}*/

.technology__desc {
  /* background: #5F5466; */
	background: var(--secondary-2-color);
  border-radius: 0px 0px 50px 0px;
  padding: 47px 0 83px;
}

.technology__desc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  width: 802px;
  margin: auto;
}

.technology__photo {
  overflow: hidden;
}

.technology__img {
  width: 100%;
  object-fit: cover;
  height: 500px;
  transition: all 0.5s ease-in-out;
}

.technology__img:hover {
  transform: scale(1.2);
  transition: all 0.5s ease-in-out;
}

.technology__wrapper h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.technology__wrapper  h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.technology__wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 100%;
}

.technology__wrapper{
  width: 476px;
  margin: auto;
}

.face {
  background: url(../img/face-purple.png) center center no-repeat;
}

.face-2 {
  background: url(../img/face-purple-rev.png) right center no-repeat;
}

.lab {
  padding: 177px 0 167px;
}

.lab__wrapper {
  background: center center no-repeat;
  background-size: cover;
  padding: 47px 0;
  transition: all 0.5s ease;
  animation: fadeIn 2s;
}

.lab__box {
  border: 3px solid #FFFFFF;
  backdrop-filter: blur(5px);
  width: 439px;
  height: 394px;
  margin-left: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lab__box h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 24px;
}

.lab__box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.lab__content {
  max-width: 285px;
}

.lab__wrapper-2 {
  display: flex;
  justify-content: flex-end;
  background-size: cover;
  transition: all 0.5s ease;
  height: 491px;
}

.lab__purple {
  background: #fff;
  width: 59%;
  padding: 168px 0;
  position: relative;
  border-radius: 220px 0 0 220px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.8s ease-in-out;
  animation: fadeOut 0.8s;
}

.lab__purple:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 98%;
  border-radius: 245px 0 0 245px;
  background: var(--main-color, #6F7B71) url(../img/face-purple-rev-lab.png) right center no-repeat;
  z-index: -1;
  right: 0;
}

.lab__content-2 {
  max-width: 285px;
}

.lab__content-2 h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 24px;
}

.lab__content-2 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.lab__wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.lab__contain {
  transition: all 0.8s ease-in-out;
}


.lab__contain:hover .lab__purple {
  opacity: 1;
  transition: all 0.8s ease-in-out;
  animation: fadeIn 0.8s;
}

/*.engagements {
  overflow: hidden;
}*/

.engagements__title {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  background: var(--main-color, #6F7B71);
  border-radius: 0px 30px 30px 30px;
  width: 265px;
  height: 64px;
  margin: 20px auto 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.engagements__wrapper {
  /* background: #5F5466; */
	background: var(--secondary-2-color, #58655A);
  height: 538px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.engagements__wrap:before {
  content: url(../img/engagement-white.svg);
  position: absolute;
  opacity: 0;
  transform: translate(-21%, 0px);
  transition: all 0.3s ease-in-out;
}

.engagements__wrap {
  width: 33.3%;
  position: relative;
}

.engagements__content {
  max-width: 220px;
  height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 105px 0;
  align-items: center;
  margin: auto;
}

.engagements__wrap h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  height: 52px;
}

.engagements__wrap p {
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  height: 119px;
}

.engagements__wrap:nth-child(1n) .engagements__icon {
  background: url(../img/engagement-1.svg) no-repeat;
  width: 43px;
/*  height: 50px;*/
}

.engagements__wrap:nth-child(2n) .engagements__icon {
  background: url(../img/engagement-2.svg) no-repeat;
  width: 72px;
/*  height: 50px;*/
}

.engagements__wrap:nth-child(3n) .engagements__icon {
  background: url(../img/engagement-3.svg) no-repeat;
  width: 50px;
/*  height: 50px;*/
}

.engagements__wrap:nth-child(4n) .engagements__icon {
  background: url(../img/engagement-4.svg) no-repeat;
  width: 50px;
/*  height: 50px;*/
}

.engagements__wrap:nth-child(5n) .engagements__icon {
  background: url(../img/engagement-5.svg) no-repeat;
  width: 78px;
/*  height: 66px;*/
}

.engagements__icon {
  margin: auto;
  height: 66px;
}

.engagements__wrap:hover:before {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.engagements__wrap:hover h4 {
  color: var(--main-color, #6F7B71);
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

.engagements__wrap:hover p {
  color: #000;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

.engagements__wrap:nth-child(1n):hover .engagements__icon {
  background: url(../img/engagement-1hov.svg) no-repeat;
  z-index: 2;
  /*transition: all 0.3s ease-in-out;*/
}

.engagements__wrap:nth-child(2n):hover .engagements__icon {
  background: url(../img/engagement-2hov.svg) no-repeat;
  z-index: 2;
  /*transition: all 0.3s ease-in-out;*/
}

.engagements__wrap:nth-child(3n):hover .engagements__icon {
  background: url(../img/engagement-3hov.svg) no-repeat;
  z-index: 2;
  /*transition: all 0.3s ease-in-out;*/
}

.engagements__wrap:nth-child(4n):hover .engagements__icon {
  background: url(../img/engagement-4hov.svg) no-repeat;
  z-index: 2;
  /*transition: all 0.3s ease-in-out;*/
}

.engagements__wrap:nth-child(5n):hover .engagements__icon {
  background: url(../img/engagement-5hov.svg) no-repeat;
  z-index: 2;
  /*transition: all 0.3s ease-in-out;*/
}

.traitements {
  padding-top: 8px;
  padding-bottom: 25px;
  overflow: hidden;
}

.traitements__title {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  background: var(--main-color, #6F7B71);
  border-radius: 0px 30px 30px 30px;
  width: 265px;
  height: 64px;
  margin: 160px auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.traitements__text {
  margin-bottom: 29px;
}

.traitements__text h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
  width: 643px;
  margin: 0 auto 11px;
}

.traitements__wrapper {
  -webkit-background-size: contain;
  background-size: contain;
  height: 500px;
  width: 100%;
  display: flex;
  margin-top: 55px;
  position: relative;
  justify-content: center;
}

.traitements__wrapper-0 {
  background: url(../img/traitements-1s.jpg) left center no-repeat;
  /*background-size: 62%;*/
}

.traitements__wrapper-1 {
  background: url(../img/traitements-2s.jpg) right center no-repeat;
  /*background-size: 62%;*/
}

.traitements__wrapper-2 {
  background: url(../img/traitements-3s.jpg) left center no-repeat;
  /*background-size: 62%;*/
}

.traitements__wrapper-3 {
  background: url(../img/traitements-4s.jpg) right center no-repeat;
  /*background-size: 62%;*/
}

.traitements__purple {
  width: 52.5%;
  height: 545px;
  background: var(--main-color, #6F7B71);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden;
}

.traitements__purple-right {
  border-radius: 300px 0 0 300px;
  transition: all 0.9s ease-in-out;
  margin-left: 50%;
}

.traitements__purple-left {
  border-radius:  0 300px 300px 0;
  transition: all 0.9s ease-in-out;
  margin-right: 50%;
  flex-direction: row-reverse;
  display: flex;
}

.traitements__theme {
  width: 218px;
  height: 216px;
  background: linear-gradient(180deg, rgba(225, 225, 225, 0) 0.45%, rgba(235, 235, 235, 0.28) 63.02%, #F5F5F5 130.45%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 112% 0;
  transform: rotate(-45deg);
  margin-top: 8px;
}

.traitements__theme h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  color: #FFFFFF;
  transform: rotate(-45deg);
}

.traitements__purple-right .traitements__list {
  display: flex;
  flex-direction: column;
  margin-left: 80px;
  margin-top: 54px;
  min-width: 238px;
  align-items: flex-start;
}

.traitements__purple-left .traitements__list {
  display: flex;
  flex-direction: column;
  /*margin-right: 36px;*/
  margin-right: 90px;
  margin-top: -10px;
  min-width: 193px;
  align-items: flex-end;
}

.traitements__list a {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin-bottom: 42px;
  position: relative;
  min-width: 193px;
  display: flex;
  justify-content: flex-start;
  transition: margin-left 0.5s ease-in-out;
}
.traitements__purple-left .traitements__list a {
 padding-left: 70px;
 transition: all 0.5s ease-in-out;
}


.traitements__purple-right .traitements__list a:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  left: -38px;
  top: -5px;
  display: none;
}

.traitements__purple-left .traitements__list a:after {
  position: absolute;
  content: '';
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  /*right: -22px;*/
  right: -50px;
  top: -5px;
  display: none;
}

.traitements__purple-right .traitements__list a:hover {
  color: #fff;
  font-weight: 500;
  margin-left: -42px;
  padding-right: 84px;
  transition: all 0.5s ease-in-out;
}

.traitements__purple-left .traitements__list a:hover {
  color: #fff;
  font-weight: 500;
  margin-right: -60px;
  transition: all 0.5s ease-in-out;
}

/*.traitements__purple-right .traitements__list a:nth-child(1):hover {*/
  /*margin-left: -55px;*/
/*}*/

/*.traitements__purple-left.traitements__list a:nth-child(1):hover {*/
  /*margin-left: 50px;*/
/*}*/

/*.traitements__purple-right .traitements__list a:nth-child(4):hover {*/
  /*margin-left: -58px;*/
/*}*/

/*.traitements__purple-left .traitements__list a:nth-child(3):hover {*/
  /*margin-left: 58px;*/
/*}*/

.traitements__purple-right .traitements__list a:hover:before {
  display: block;
}

.traitements__purple-left .traitements__list a:hover:after {
  display: block;
}

/*.traitements__line {
  height: 83%;
  width: 24%;
  -ms-align-items: center;
  align-items: center;
  background: url(../img/line.png) right center no-repeat;
  display: flex;
  align-items: center;
}*/

.traitements__line {
  position: relative;
  height: 407px;
  display: flex;
  align-items: center;
}

.traitements__purple-left .traitements__line:after {
  position: absolute;
  content: '';
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  right: -22px;
  top: -5px;
}

.traitements__purple-right .traitements__line:before {
  position: absolute;
  content: url(../img/line.png);
  right: -17px;
}

.traitements__purple-left .traitements__line:before {
  position: absolute;
  content: url(../img/line.png);
  left: 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.traitements__cont {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  align-items: center;
}

.traitements__wrapper-1 .traitements__cont,
.traitements__wrapper-3 .traitements__cont {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.traitements__cont:hover .traitements__purple-right{
  position: absolute;
  top: -23px;
  left: 0;
  width: 545px;
  height: 545px;
  border-radius: 300px;
  transition: all 0.5s ease-in-out;
}

.traitements__cont:hover .traitements__purple-left {
  position: absolute;
  top: -23px;
  right: 0;
  width: 545px;
  height: 545px;
  border-radius: 300px;
  transition: all 0.5s ease-in-out;
}

.traitements__cont .traitements__purple-right .traitements__theme {
  margin-left: -58px;
}

.traitements__cont .traitements__purple-left .traitements__theme {
  margin-right: -58px;
}

.parallax {
  padding: 119px 0 74px;
}

.parrallax__wrapper {
  width: 100%;
  height: 592px;
  /*background: url(../img/parallax.jpg);*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.info {
  background: url(../img/info-s.jpg) center center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 70px;
  padding: 201px 0 137px 168px;
}

.info__wrapper {
  width: 350px;
}

.info__wrapper h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #000000;
}

.info__wrapper h4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #443A45;
  margin: 24px 0 53px;
}

.info__wrapper a {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: var(--secondary-color, #6F8A74);
  border: 1px solid var(--secondary-color, #6F8A74);
  border-radius: 30px;
  width: 203px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info__wrapper a:hover {
  background: var(--main-color, #6F7B71);
  color: #FFFFFF;
}

.urgences {
  background: url(../img/urgences-ellipse.png) center center no-repeat;
  padding-top: 120px;
  padding-bottom: 131px;
}

.urgences__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 485px;
  height: 581px;
  padding: 146px 0 67px;
}

.urgences__icon {
  width: 91px;
  height: 91px;
}

.col-lg-4:nth-child(1) .urgences__icon,
.col-12:nth-child(1) .urgences__icon {
  background: url(../img/urgences-1.png) center center no-repeat;
}

.col-lg-4:nth-child(2) .urgences__icon,
.col-12:nth-child(2) .urgences__icon {
  background: url(../img/urgences-2.png) center center no-repeat;
}

.col-lg-4:nth-child(3) .urgences__icon,
.col-12:nth-child(3) .urgences__icon {
  background: url(../img/urgences-3.png) center center no-repeat;
}

.col-12:nth-child(2) .urgences__wrapper a {
	opacity: 0;
}

.urgences__wrapper-1 {
  margin-left: 18px;
}

.urgences__wrapper-3 {
  margin-left: -40px;
}

.urgences__wrapper-3 img {
  margin-top: 8px;
}

.urgences__wrapper h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #000000;
  width: 334px;
  height: 58px;
  margin: 27px auto 15px;
}

.urgences__wrapper h4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #443A45;
  width: 325px;
  height: 94px;
  margin: auto;
}

.urgences__wrapper a {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: var(--secondary-color, #6F8A74);
  width: 271px;
  height: 58px;
  border: 1px solid var(--secondary-color, #6F8A74);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.urgences .col-lg-4:hover,
.urgences .col-12:hover {
  background: var(--main-color, #6F7B71) url(../img/urences-face.png) left center no-repeat;
}

.col-lg-4:nth-child(1):hover .urgences__icon,
.col-12:nth-child(1):hover .urgences__icon {
  background: url(../img/urgences-1h.png) center center no-repeat;
}

.col-lg-4:nth-child(2):hover .urgences__icon,
.col-12:nth-child(2):hover .urgences__icon {
  background: url(../img/urgences-1h.png) center center no-repeat;
}

.col-lg-4:nth-child(3):hover .urgences__icon,
.col-12:nth-child(3):hover .urgences__icon {
  background: url(../img/urgences-1h.png) center center no-repeat;
}

.urgences .col-lg-4:hover h3,
.urgences .col-12:hover h4,
.urgences .col-12:hover h3,
.urgences .col-lg-4:hover h4 {
  color: #fff;
}

.urgences .col-12:hover a,
.urgences .col-lg-4:hover a {
  color: #fff;
  border-color: #fff;
}

.access__back {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 534px;
  display: flex;
  align-items: center;
  padding-left: 196px;
}

.access__wrapper {
  background: var(--main-color, #6F7B71);
  width: 514px;
  height: 690px;
  padding-top: 29px;
  color: #fff;
}

.access__wrapper h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  padding-left: 74px;
}

.access__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-left: 74px;
}

.access__wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-right: 27px;
  margin-bottom: 30px;
}

.access__location,
.access__parking {
  width: 199px;
}

.access__phone {
  width: 133px;
}

.access__bus {
  width: 172px;
}

.access__car {
  width: 355px;
}

.access__wrap img {
  object-fit: contain;
  max-width: 16px;
  max-height: 15px;
  margin-right: 12px;
}

.access__wrap p {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
}

.access__car-text ul {
  margin-top: 2px;
}

.access__car-text ul li {
  margin-bottom: -4px;
}

.access__hour {
  margin-top: 6px;
}

.access__container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;

  justify-content: space-between;
  flex-direction: column;
}

.access__container li {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.access__container .item_width {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 368px;
  padding: 3px 0 3px 74px;
}

.access__container .item_width span {
  width: 74px;
}

.access__container .item_width p {
  width: 84px;
  text-align: center;
}

.access__container .item.active {
  /* background: #866795; */
	background: var(--secondary-color);
}

.access__pm li {
  text-align: center;
}

.contact {
  background: url(../img/face-contact.png) right top no-repeat;
  padding: 169px 0 80px;
}

#map {
  width: 100%;
  max-width: 100%;
}

.contact__wrapper {
  padding-top: 37px;
  padding-left: 10px;
}

.wpcf7-form {
  flex-direction: column;
  max-width: 432px;
  margin-top: 30px;
}

.wpcf7-form .input {
  width: 432px;
  height: 51px;
  background: #F3F3F3;
  border: none;
  margin-bottom: 8px;
  padding-left: 14px;
  padding-top: 7px;
  font-weight: 500;
  font-size: 14px;
  line-height: 11px;
  color: #313346;
}

.wpcf7-form .focus ~ .floating-label,
.wpcf7-form .focus:not(:focus):valid ~ .floating-label{
  top: 8px;
  bottom: 10px;
  left: 15px;
  font-size: 10px;
  line-height: 13px;
  opacity: 1;
}

/*.wpcf7-form textarea:focus ~ .floating-label,
.wpcf7-form textarea:not(:focus):valid ~ .floating-label{
  top: 8px;
  bottom: 10px;
  left: 15px;
  font-size: 10px;
  line-height: 13px;
  opacity: 1;
}*/

.contact__form-wrap  {
  position: relative;
}

.contact__form-wrap input{
  width: 432px;
  height: 51px;
  background: #F3F3F3;
  border: none;
  margin-bottom: 8px;
  padding-left: 14px;
  padding-top: 13px;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.03em;
  color: #1C1E2E;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 18px;
  transition: 0.2s ease all;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  color: #313346;
  opacity: 0.5;
}

.wpcf7-form .contact__form-wrap textarea {
  width: 432px;
  height: 140px;
  background: #F3F3F3;
  border: none;
  resize: none;
  margin-bottom: 9px;
  padding-left: 14px;
  padding-top: 25px;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #313346;
}

.contact h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #000000;
}

.contact h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #443A45;
  margin-top: 12px;
}

.contact button {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: var(--secondary-color, #6F8A74);
  border: 1px solid var(--secondary-color, #6F8A74);
  background: transparent;
  border-radius: 50px;
  display: block;
  width: 198px;
  height: 57px;
  margin-left: auto;
  text-transform: uppercase;
}

.contact button br {
  display: none;
}

.footer {
  background: var(--secondary-color, #6F8A74);
	background: var(--secondary-2-color, #58655A);
  padding-block: 53px 23px;
}

.footer__wrapper {
  padding: 0 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
/*   padding-top: 16px; */
}

.footer__wrapper .footer__logo {
	background: url(../img/logo-foot-new.svg) center center no-repeat;
    width: 340px;
    height: auto;
    display: block;
    aspect-ratio: 340 / 153;
    margin-bottom: 30px;
}

/* .footer__wrapper .footer__logo:hover {
  background: url(../img/logo-foot-hov.svg) center center no-repeat;
} */

.footer__text {
  margin-top: 36px;
}

.footer__text p,
.footer__text a {
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  text-align: right;
  display: block;
}

.footer__text p a {
  display: inline-block;
}

/*Traitements*/

.trait__img {
  height: 321px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.return__link {
  display: flex;
  width: 148px;
  height: 48px;
  color: var(--secondary-color, #6F8A74);
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  border: 1px solid var(--secondary-color, #6F8A74);
  border-radius: 0px 30px 30px 30px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-top: 38px;
}

.arrow-back {
  background: url(../img/arrow.svg) center center no-repeat;
  width: 20px;
  height: 11px;
  margin-right: 11px;
}

.traitement h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  text-align: center;
  color: #000000;
}

.traitement h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  color: #000000;
}

.traitement p,
.traitement h4  {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #000000;
  margin-bottom: 10px;
}

.traitement img {
  max-height: 314px;
  margin: 50px 0;
  object-fit: cover;
}

.traitement img.aligncenter {
	margin: 50px auto;
	display: flex;
}

.traitement ul li {
  padding-left: 20px;
  position: relative;
}

.traitement ul li:before {
  content: '';
  position: absolute;
  background: #000000;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  top: 3px;
  left: 0px;
}

.traitement {
  padding-bottom: 300px;
}

.lightbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.lb-dataContainer {
  margin-top: 0;
  margin-bottom: 5px;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
  opacity: 1;
}

.lb-nav a.lb-prev {
  left: -10%;
}

.lb-nav a.lb-next {
  right: -10%;
}

/*Mentions legales*/

.legales {
  padding-top: 60px;
}

.legales h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  color: #000000;
  margin: 14px 0 17px;
}

.legales h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
}

.legales p,
.legales h4  {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
  margin-bottom: 10px;
}
.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;
}

.single_post h1 {
	text-align: center;
}