/* K423S6I8A23P7W5MXN1G reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** Generated by FG **/
@font-face {
	font-family: 'Lack';
	src: url('../fonts/lack-regular.eot');
    src: local('☺'),
         url('../fonts/lack-regular.woff') format('woff'),
         url('../fonts/lack-regular.woff2') format('woff2'),
         url('../fonts/lack-regular.ttf') format('truetype'),
         url('../fonts/lack-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*, a{
    font-family: 'Lack';
}
a:hover,
a:active{
    text-decoration: none;
}
*[class*="description"]{
    font-family: 'Roboto', sans-serif;
}

/* O90IF876HZM34RE84US roy-footer */
.roy-footer {
    width: 100%;
    min-height: 409px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../images/footer.png');
    background-color: #CFE9F8;
    background-size: cover;
    background-position: bottom;
}
.roy-footer span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #303D83;
    margin-top: 5px;
}
.roy-footer > div {
    margin-top: 75px;
}

.roy-footer a,
.roy-footer a:hover {
    color: #303D83;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #303D83;
}
/* K12JD65N76WIKGH426Q map */
#map {
    height: 391px;
}
/* JSI511EK645XJK4A546J contact */
#contact {
    padding: 112px 0 65px 25px;
    background: url('../images/circle.png');
    background-size: 758px 758px;
    background-position: right center;
    background-repeat: no-repeat;
}
#contact .description {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 20px;
    max-width: 335px;
    width: 100%;
}
#contact div[class^='text-']{
    font-size: 26px;
    line-height: 31px;
    text-align: justify;
    color: #333333;
    margin-bottom: 30px;
}
#contact div.text-1 {
    color: #3E64AB;
}
#contact div.text-3 a {
    color: #333333;
}
#contact div.text-3 {
    margin-bottom: 38px;
}
#contact .text-2 a {
    color: #333333;
}
#contact .text-2 a:hover{
    color: #3E64AB;
}
.form-wrap{
    padding-left: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 4%;
}
#contact .title{
    font-size: 36px;
    margin-bottom: 63px;
    color: #3E64AB;
}
.contact-hours {
    margin-top: 8%;
}
.hours-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    color: #333333;
    margin-bottom: 14px;
    font-family: 'Roboto', sans-serif;
}
.acces__hours {
    max-width: 320px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}
.acces__hours li {
    display: flex;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    color: #333333;
}
.acces__hours li.active {
    font-weight: 500;
}
.acces__hours li .days {
    width: 30%;
}
.acces__hours li .hour {
    width: 70%;
}
.input:before, .input .spin, .roy-link .spin {
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.input:before {
    content: "";
    background: rgba(0, 0, 0, 0.1);
    z-index: 3;
}
.input .spin, .roy-link .spin {
    background: #303D83;
    z-index: 4;
    width: 1px;
}
.overbox .input .spin {
    background: white;
}
.overbox .input:before {
    background: rgba(255, 255, 255, 0.5);
}
.input label {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    cursor: pointer;
    line-height: 45px;
}
.input input,
.input textarea {
    height: 45px;
    top: 10px;
    border: none;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
}
.input span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
}
.input, .button {
    margin-bottom: 15px;
    height: 66px;
}
.input.textarea{
    height: 113px;
}
.input.submit{
    height: 36px;
    width: 136px;
    margin-top: 35px;
    margin-bottom: 0;
    font-family: 'Lack';
}
.input {
    position: relative;
}
.input input,
.input textarea {
    position: relative;
    outline: none;
}
.input textarea{
    padding-top: 15px;
    resize: none;
}
.input input[type="submit"]{
    top: 0;
    line-height: 10px;
    text-align: left;
    color: #303D83;
    font-size: 18px;
    height: 36px;
    font-family: 'Lack';
}
.input {
    width: 100%;
}
.input label, .input input, .input textarea{
    width: 100%;
    padding-left: 20px;
}
.input {
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.input label, .input input, .input .spin, .roy-link .spin, .input textarea {
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.input.submit .spin,
.roy-link .spin{
    z-index: 0;
    background: linear-gradient(90deg, #303D83 9.71%, rgba(100, 154, 227, 0.59) 72.08%, rgba(77, 165, 214, 0) 97.13%);
}

.input.submit:hover .spin,
.roy-link:hover .spin{
    width: 100%;
}

.input.submit:hover input,
.roy-link:hover input{
    color: #fff;
    z-index: 1;
    position: relative;
}

.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;
}

.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;
}

/* 61JAK23W7O2FUY3453MS banner */
.banner-image {
    min-height: 660px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10%;
}

.banner-image > div{
    padding-top: 115px;
    text-align: left;
    color: #303D83;
    font-size: 36px;
    max-width: 422px;
    line-height: 43px;
}

.banner-image > div span{
    display: block;
    padding-top: 27px;
    font-size: 14px;
    color: #303D83;
    font-style: italic;
}

/* 7D2G9EF3D7MF1Z950UR7 instagram */
#instagram{
    height: 480px;
    position: relative;
    z-index: 20;
    background: linear-gradient(270deg, #FFFFFF 4.6%, rgba(255, 255, 255, 0) 23.74%), linear-gradient(180deg, rgba(255, 255, 255, 0) 31.2%, #FFFFFF 65.55%), linear-gradient(92.12deg, #FFFFFF 7.62%, rgba(255, 255, 255, 0.74) 29.21%, rgba(255, 255, 255, 0) 99.38%), #E7F2FB;
    margin: 20px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

#instagram img {
    width: 12.5%;
    max-height: 240px;
    height: 100%;
    object-fit: cover;
}

header.roy-menu{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

header.roy-menu > .container{
    height: 107px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header.roy-menu > a{
    font-size: 14px;
    color: #3E64AB;
    text-decoration: none;
}

header.roy-menu nav{
    /*width: 100%;*/
    width: 58%;
    padding-left: 2.3%;
    /*padding-left: 13.3%;*/
    /*padding-top: 13px;*/
}

header.roy-menu li{
    display: inline-block;
    list-style-type: none;
}

header.roy-menu ul{
    display: flex;
    justify-content: space-between;
}

.menu-open {
  width: 40px;
  border: 0;
  cursor: pointer;
}

.menu-links {
   width: 141px;
   -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.menu-links a:nth-child(3) {
    color: #70A0D1;
    font-family: 'Lack';
}

.menu-links a:nth-child(3):hover {
    color: #3E64AB;
    /*animation: pulse 2s infinite;*/
}

.menu-links a p {
    display: none;
}

.menu-links a p {
    color: #70A0D1;
    font-family: 'Lack';
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #3E64AB;
}

.menu-links a:nth-child(1):hover p {
    font-size: 14px;
    display: block;
    max-height: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.menu-links a:nth-child(1) {
    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;
}

.menu-links a:nth-child(1) div {
    width: 20px;
    height: 20px;
    background-size: contain;
}

.menu-links a:nth-child(1):hover div {
    background-image: url(../images/menu-phone-hover.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-links a:nth-child(2):hover div {
    background-image: url(../images/menu-location-hover.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-links a:nth-child(2) div {
    width: 14px;
    height: 20px;
    background-size: contain;
}

.phone-hover .menu-links {
    width: 253px;
    transition: all 0.3s ease;
}

.bar1, .bar2, .bar3 {
  width: 40px;
  height: 5px;
  background-color: #045A9C;
  margin: 5px 0;
  transition: 0.4s;
  border-radius: 2px;
}

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

.change .bar2 {opacity: 0;}

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

.menu-collapse .menu-opened {
    flex-direction: column;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 59vh;
    background: #fff;
    z-index: 9999;
    padding: 9px 0 28px;
    left: 0;
    margin-top: 25px;
}

#main-video {
    position: relative;
    max-height: 97vh;
    overflow: hidden;
}

.sound {
  position: absolute;
  bottom: 8%;
  left: 8%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url(../images/soundoff.png) no-repeat center;
  cursor: pointer;
}
.sound.active {
  background: url(../images/soundon.png) no-repeat center;
}


#main-video .video__wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

#main-video .video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#preview {
    position: relative;

}

#preview .preview-content{
    transition: all ease .4s;
    width: 86%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    color: #E7F2FB;
    font-size: 46px;
    text-transform: uppercase;
    background: linear-gradient(270deg, #3E64AB 55.62%, rgba(115, 143, 194, 0.97) 67.33%, rgba(207, 217, 234, 0.329503) 87.68%, rgba(255, 255, 255, 0) 98.14%);
    padding: 39px 210px 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#preview .preview-line{
    transition: all ease .4s;
    color: #E7F2FB;
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#preview .roy-link {
    max-width: 300px;
}

#preview .roy-link a {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

#preview .roy-link .spin {
    height: 36px;
    bottom: 5px;
}

#preview, .preview-slider, .preview-item, .preview-image{
    /*height: 825px;*/
    height: 322px;
}


.preview-navigation{
    position: absolute;
    top: 0;
    right: 0;
    width: 209px;
    height: 100%;
    z-index: 2;
    font-size: 14px;
    background: rgba(255,255,255,0.9);
}

.preview-navigation ul {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 69px;
}
.preview-navigation ul li{
    margin-bottom: 37px;
}

.preview-navigation ul li:nth-child(2) {
    display: none;
}
.technology-item-title{
    color: #3E64AB;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 23px;
    transition: all ease .3s;
}

.preview-image{
    background-size: cover;
    background-position: center;
    width: 40%;
}
.preview-wrapper {
    /*max-width: 780px;*/
    width: 60%;
}
.preview-slider .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 209px;
    background: rgba(255,255,255,0.9);
    flex-direction: column-reverse;
}

.preview-slider .owl-next {
    margin-bottom: 42px;
}

.t-image{
    width: 575px;
    height: 575px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    top: -50px;
    transition: all ease-in-out .5s;
}

.t-image img {
    width: 100%;
    height: 100%;
    transition: all ease-in-out .5s;
}
.t-title{
    padding-top: 5px;
    padding-bottom: 33px;
    color: #3E64AB;
    font-size: 26px;
    text-transform: uppercase;
}
.t-text{
    font-size: 16px;
    color: #333333;
    padding-bottom: 30px;
    padding-right: 29%;
    line-height: 1.5;
}
.t-item{
    padding-left: 150px;
    padding-right: 150px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-repeat: no-repeat;
    transition: all ease-in-out .5s;
    min-height: 594px
}

.t-description{
    width: calc(100% - 575px);
}

.t-item:nth-child(1) {
    margin-top: -50px;
}

.t-item:nth-of-type(2n + 1) .t-description{
    padding-left: 25%;
    padding-top: 40px;
}
.t-item:nth-of-type(2n + 1){
    z-index: 1;
    background-color: #fff;
    background-image: url('../images/nth-1.png');
    background-position: left;
}
.t-item:nth-of-type(2n + 1) .t-image{
    position: absolute;
    right: 150px;
    top: -37px;
    transition: all ease-in-out .4s;
}


.t-item:nth-of-type(2n + 2) .t-description{
    padding-left: 107px;
    padding-top: 110px;
}
.t-item:nth-of-type(2n + 2) .t-description .t-text{
    padding-right: 49%;
}

.t-item:nth-of-type(2n + 2) .t-image{
    position: absolute;
    left: 143px;
    top: -22px;
    width: 594px;
    height: 594px;
    transition: all ease .3s;
}

.t-item:nth-of-type(2n + 2){
    flex-direction: row-reverse;
}

/*.t-item:nth-of-type(1){
    margin-top: -100px;
}*/
.t-item:nth-of-type(2){
    z-index: 2;
    background: url('../images/nth-2.png'), linear-gradient(270deg, #FFFFFF 4.6%, rgba(255, 255, 255, 0) 23.74%), linear-gradient(180deg, rgba(255, 255, 255, 0) 31.2%, #FFFFFF 65.55%), linear-gradient(92deg, #FFFFFF 7.62%, rgba(255, 255, 255, 0.74) 29.21%, rgba(255, 255, 255, 0) 99.38%), #E7F2FB;
    background-position: top right;
    background-repeat: no-repeat;
}

.t-item:nth-of-type(3){
    z-index: 3;
    background: url('../images/nth-3.png'), linear-gradient(270deg, #FFFFFF 4.6%, rgba(255, 255, 255, 0) 23.74%), linear-gradient(180deg, rgba(255, 255, 255, 0) 31.2%, #FFFFFF 65.55%), linear-gradient(92deg, #FFFFFF 7.62%, rgba(255, 255, 255, 0.74) 29.21%, rgba(255, 255, 255, 0) 99.38%), #E7F2FB;
    background-position: top right;
    background-repeat: no-repeat;
}


.t-item:nth-of-type(4){
    z-index: 4;
    background: url('../images/nth-4.png'), linear-gradient(270deg, #FFFFFF 4.6%, rgba(255, 255, 255, 0) 23.74%), linear-gradient(180deg, rgba(255, 255, 255, 0) 31.2%, #FFFFFF 65.55%), linear-gradient(92deg, #FFFFFF 7.62%, rgba(255, 255, 255, 0.74) 29.21%, rgba(255, 255, 255, 0) 99.38%), #E7F2FB;
    background-position: top right;
    background-repeat: no-repeat;
}


.t-item:nth-of-type(5){
    z-index: 5;
    background: url('../images/nth-3.png'), linear-gradient(270deg, #FFFFFF 4.6%, rgba(255, 255, 255, 0) 23.74%), linear-gradient(180deg, rgba(255, 255, 255, 0) 31.2%, #FFFFFF 65.55%), linear-gradient(92deg, #FFFFFF 7.62%, rgba(255, 255, 255, 0.74) 29.21%, rgba(255, 255, 255, 0) 99.38%), #E7F2FB;
    background-position: top right;
    background-repeat: no-repeat;
}


.traitments-title{
    width: 330px;
    height: 330px;
    position: relative;
    z-index: 2;
}

.t-item .roy-link {
    display: block;
    transition: all ease-in-out .1s;
}

/*.t-text-height {
    max-height: 72px;
    overflow: hidden;
    transition: all ease-in-out .01s;
}*/

/*.t-item:hover .roy-link {
    display: block;
    transition: all ease-in-out .4s;
}*/

/*.t-item:hover .t-text-height {
    max-height: 100%;
    transition: all ease-in-out .4s;
}*/

.t-item .t-description {
    padding-bottom: 65px;
    transition: all ease-in-out .4s;
}

/*.t-item:nth-of-type(5):hover .t-description {
    padding-bottom: 50px;
}*/

#video{
    margin-top: 144px;
    /*height: 718px;*/
    background-color: rgba(112, 161, 209, 0.3);
    /*display: flex;
    justify-content: center;*/
}
/*#video iframe{
    height: 100%;
    width: 66%;
}*/
#video .video__wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 41.25%;
  height: 0;
}

#video .video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#video .video__wrapper button {
    z-index: 2;
    border: none;
    background: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

#video .video__wrapper button:hover,
#video .video__wrapper button:focus,
#video .video__wrapper button:active {
    border: none;
    outline: none;
}

#video .video__wrapper button img {
    width: 100%;
}

#technologies{
    margin-top: 170px;
}
.technology-title{
    text-align:center;
    font-size: 36px;
    color: #3E64AB;
    margin-bottom: 90px;
}

.technology-list{
    display: flex;
    justify-content: center;
    text-align:center;
}
.technology-list-item-wrap {
    width: 100%;
    transition: all ease .5s;
}
/*.technology-description{
    opacity: 0;
}*/
.technology-list-item{
    height: 640px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#philosophie{
    margin-top: 99px;
}

.philosophie-title{
    text-align:center;
    font-size: 36px;
    color: #3E64AB;
    margin-bottom: 90px;

}
.philosophie-wrapper{
    height: 295px;
    margin-bottom: 85px;
    position: relative;
}
.philosophie p{
    text-align: center;
    max-width: 45%;
    margin: 0 auto;
}

.philosophie-titles{
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    position: relative;
    z-index: 10;
    width: 1225px;
    margin-left: -60px;
}

.philosophie-titles span{
    display: block;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
}
.philosophie-circle{
    width: 295px;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
}

.philosophie-circle:nth-child(1){
    background: #303D83;
    mix-blend-mode: multiply;
    left: calc(50% - 488px);
    transform: translateX(-50%);
    animation-delay: .3s;
}

.philosophie-circle:nth-child(2){
    background: #3E64AB;
    mix-blend-mode: multiply;
    left: calc(50% - 366px);
    transform: translateX(-50%);
    animation-delay: .6s;
}

.philosophie-circle:nth-child(3){
    background: #3E64AB;
    mix-blend-mode: multiply;
    left: calc(50% - 244px);
    transform: translateX(-50%);
    animation-delay: .9s;
}
.philosophie-circle:nth-child(4){
    background: #70A0D1;
    mix-blend-mode: multiply;
    left: calc(50% - 122px);
    transform: translateX(-50%);
    animation-delay: 1.2s;
}
.philosophie-circle:nth-child(5){
    background: #70A0D1;
    mix-blend-mode: multiply;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 1.5s;
}
.philosophie-circle:nth-child(6){
    background: hsla(210, 51%, 63%, 0.6);
    mix-blend-mode: multiply;
    left: calc(50% + 122px);
    transform: translateX(-50%);
    animation-delay: 1.8s;
}
.philosophie-circle:nth-child(7){
    background: #E7F2FB;
    mix-blend-mode: multiply;
    left: calc(50% + 244px);
    transform: translateX(-50%);
    animation-delay: 2.1s;
}
.philosophie-circle:nth-child(8){
    background: #E7F2FB;
    mix-blend-mode: multiply;
    left: calc(50% + 366px);
    transform: translateX(-50%);
    animation-delay: 2.4s;
}
.philosophie-circle:nth-child(9){
    background: #E7F2FB;
    mix-blend-mode: multiply;
    left: calc(50% + 488px);
    transform: translateX(-50%);
    animation-delay: 2.7s;
}
.gallery{
    height: 595px;
    width: 100%;
    display: grid;
}
.social span{
    transform: rotate(-90deg);
    display: block;
    margin-top: 270px;
    color: #70A0D1;
    text-align: right;
    position: relative;
    pointer-events: none;
}
.social span::after{
    content: '';
    position: absolute;
    left: 40px;
    top: 50%;
    width: 60px;
    height: 1px;
    background-color: #70A0D1;
}



#ecology{
    background: url('../images/eco-bg.png');
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-top: 100px;
}

.ecology-title{
    z-index: 3;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.ecology-description{
    display: flex;
    align-items: flex-end;
    padding: 0 18% 90px 70px;
    background: url('../images/eco-elips.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.ecology-text{
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
}
.ecology-image-wrap{
    height: 602px;
    padding-top: 90px;
}
.ecology-image{
    border-radius: 50%;
    height: 100%;
    width: 594px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.ecology-image:nth-child(1){
    left: -54px;
    z-index: 1;
}
.ecology-image:nth-child(2){
    right: -7px;
    z-index: 2;
}
#cabinet{
    height: 1185px;
    position: relative;
}

h1 {
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    text-align: center;
    color: #303D83;
    margin-bottom: 27px;
}
.about-back {
    width: 100%;
    height: 100%;
    background-image: url('../images/main-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    /*opacity: 0;*/
    z-index: -1;
    position: absolute;
    bottom: 0;
}
.about-text{
    line-height: 24px;
    max-width: 774px;
    margin: 0 auto;
    padding-top: 84px;
    color: #303D83;
    font-size: 18px;
    text-align: center;
}
.about-text p{
    margin-bottom: 26px;
}
#specialites{
    margin-top: -726px;
}
.about-text ul li{
    display: list-item;
    list-style: disc;
    list-style-position: inside;
}
#gallery{
    margin-top: 122px;
    height: 600px;
    display: grid;
    grid-template-columns: repeat(40, 1fr);
    grid-template-rows: repeat(40, 1fr);
    grid-gap: 0;
    grid-auto-flow: dense;
}
.gallery-item > img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.lightbox-zoom{
    display: none;
}
body::-webkit-scrollbar {
    width: 0;
}

.gallery-item:nth-of-type(6n+1) {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 21;
}

.gallery-item:nth-of-type(6n+2) {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 21;
    grid-row-end: 41;
}

.gallery-item:nth-of-type(6n+3) {
    grid-column-start: 12;
    grid-column-end: 21;
    grid-row-start: 1;
    grid-row-end: 41;
}
.gallery-item:nth-of-type(6n+4) {
    grid-column-start: 21;
    grid-column-end: 30;
    grid-row-start: 1;
    grid-row-end: 21;
}

.gallery-item:nth-of-type(6n+5) {
    grid-column-start: 21;
    grid-column-end: 30;
    grid-row-start: 21;
    grid-row-end: 41;
}

.gallery-item:nth-of-type(6n+6) {
    grid-column-start: 30;
    grid-column-end: 41;
    grid-row-start: 1;
    grid-row-end: 41;
}

.equipe {
    position: relative;
    padding-top: 144px;
}

.equipe__wave {
    position: absolute;
    width: 52.3%;
    top: -84px;
    right: 0;
    pointer-events: none;
    z-index: -1;
    display: flex;
    justify-content: flex-end;
}

.equipe__wave img {
    width: 100%;
}

.equipe__wave-bottom {
    position: absolute;
    width: 34.3%;
    bottom: -246px;
    left: 0;
    pointer-events: none;
    z-index: -1;
    display: flex;
    justify-content: flex-start;
}

.equipe__wave-bottom img {
    width: 100%;
}

.equipe-title{
    z-index: 3;
    position: absolute;
    right: 8%;
    top: 10px;
}
.section-title{
    width: 330px;
    height: 330px;
    background-color: #3E64AB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-emphasis: center;
    font-size: 36px;
    color: #FFFFFF;
    padding-bottom: 15px;
}
.doctor-boudary {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.doctor-image{
    height: 560px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
}
.doctor-boudary:hover .doctor-image {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}

.doctor-title{
    font-size: 26px;
    color: #3E64AB;
    margin-top: 30px;
    margin-bottom: 14px;
    text-transform: uppercase;
    margin-top: 34px;
}
.doctor-sub-title{
    color: #303D83;
    font-size: 13px;
    padding-right: 10px;
    line-height: 1.9;
}
.doctor-description{
    margin-top: 19px;
    font-size: 18px;
    color: #333333;
}
.doctor-description ul {
    line-height: 1.9;
    padding-top: 3px;
}
.doctor-wrap > div{
    display: flex;
    flex-direction: column;
    max-width: 473px;
    width: 100%;
    margin: 0 auto;
    padding-top: 96px;
}

.assistante-row .assistant-boundary {
    width: 100%;
    height: 289px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

#couts{
    margin-top: -679px;
    position: relative;
    z-index: 20;
}
.couts-title{
    font-size: 36px;
    margin-bottom: 38px;
    color: #3E64AB;
}
.couts-description{
    color: #333333;
    font-size: 16px;
    margin-bottom: 42px;
    line-height: 1.5;
}
.couts-image{
    background-position: -90px center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 423px;
    height: 100%;
}
.roy-link{
    position: relative;
    display: block;
    padding: 10px 22px;
}
.roy-link a{
    color: #303D83;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all ease .3s;
}
.roy-link:hover a{
    position: relative;
    z-index: 3;
    color: #fff;
}
.couts-link{
    margin-bottom: 42px;
}
.couts-details{
    padding-right: 245px;
    padding-left: 10px;
}
.couts-description ul{
    padding-top: 29px;
    line-height: 1.6;
    list-style: disc;
    list-style-position: inside;
}
.spesialites-item-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    z-index: -1;
    /*opacity: 0;*/
}
.spesialites-title{
    margin-left: 430px;
}
.spesialites-item{
    padding-left: 150px;
    padding-right: 150px;
    position: relative;
    display: flex;
}
.spesialites-item-details{
    width: 838px;
    height: 838px;
    border-radius: 50%;
    padding-top: 175px;
    /*opacity: 0;*/
    animation-delay: .4s;
}
.spesialites-item-title{
    color: #3E64AB;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 23px;
}
.spesialites-item-description{
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 60px;
}

.spesialites-item:nth-child(2){
    z-index: 6;
}

.spesialites-item:nth-child(3){
    z-index: 7;
}

.spesialites-item:nth-child(4){
    z-index: 8;
}
.spesialites-item:nth-child(5){
    z-index: 9;
}
.spesialites-item:nth-child(6){
    z-index: 10;
}

.spesialites-item:nth-child(2n+1){
    top: -530px;
}
.spesialites-item:nth-child(1){
    z-index: 5;
    top: 0;
}
.spesialites-item:nth-child(2n+1) .spesialites-item-image{
    width: 482px;
    height: 482px;
    position: absolute;
    right: 223px;
    top: -197px;
}
.spesialites-item:nth-child(2n + 3) .spesialites-item-image{
    width: 615px;
    height: 612px;
    right: 128px;
    top: -169px;
}
.spesialites-item .roy-link{
    width: 80%;
    display: inline-block;
}
.spesialites-item:nth-child(2n+1) .spesialites-item-details{
    position: relative;
    right: -308px;
    top: -140px;

    text-align: right;
    padding-right: 212px;
    background: linear-gradient(90.62deg, #FFFFFF 14.8%, rgba(255, 255, 255, 0.74) 51.74%, rgba(255, 255, 255, 0) 99.38%), #E7F2FB;
}
.spesialites-item:nth-child(2n + 3) .spesialites-item-details{

    padding-top: 206px;
    right: -281px;
    padding-right: 157px;
    top: -140px;
}
.spesialites-item:nth-child(2n+1) .roy-link .spin{
    left: auto;
    right: 0;
    background: linear-gradient(90deg, rgba(77, 165, 214, 0) 9.71%, rgba(100, 154, 227, 0.59) 72.08%, #303D83 97.13%);
}
.spesialites-item:nth-child(2n+1) .spesialites-item-description{
    width: calc(100% + 50px);
    margin-left: -50px;
}

.spesialites-item:nth-child(2n+2){
    flex-direction: row-reverse;
    top: -507px
}
.spesialites-item:nth-child(2n+2) .spesialites-item-image{
    width: 674px;
    height: 674px;
    position: absolute;
    left: 170px;
    top: 0;
}
.spesialites-item:nth-child(2n+2) .spesialites-item-description{
    padding-top: 5px;
    width: calc(100% + 50px);
    margin-left: 0px;
}
.spesialites-item:nth-child(2n+2) .spesialites-item-details{
    position: relative;
    right: 237px;
    top: 100px;
    padding-top: 184px;

    text-align: left;
    padding-left: 212px;
    background: linear-gradient(90.62deg, rgba(255, 255, 255, 0) 14.8%, rgba(255, 255, 255, 0.74) 51.74%, #FFFFFF 99.38%), #E7F2FB;
}
.roy-menu ul a {
    font-size: 16px;
    color: #3E64AB;
    position: relative;
    display: inline-block;
    min-width: 95px;
    text-align: center;
}
.roy-menu ul a:hover{
    color: #303D83;
}
.roy-menu ul a::after{
    content: '';
    position: absolute;
    width: 0px;
    height: 10px;
    background-size: 87px 10px;
    background-repeat: no-repeat;
    background-position: left;
    bottom: -10px;
    left: 0;
    transition: all ease .3s;
    /* transform: translateX(-50%); */
    background-image: url('../images/menu-hover.png');
}
.roy-menu ul a:hover::after{
    width: 87px;
}
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
  /*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;*/
}

.lightboxes {
    border: 0;
    box-shadow: none;
    display: inline-block;
    position: relative;
    text-decoration: none;
  }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  /*border: 4px solid white;*/
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.75;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.75;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto 25px;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  display: none;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
/*  position: absolute;
    top: -50px;
    margin-right: -50px;*/
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*
.lb-nav a.lb-prev {
    left: -10%;
}

.lb-nav a.lb-next {
    right: -10%;
}*/
.lb-nav {
    left: -11%;
    height: 100%;
    width: 123%;
}
.roy-menu .container{
    max-width: 93%;
}

.doctor-wra > div{
    padding-right: 184px;
    padding-top: 95px;
    padding-left: 1px;
}
.assistant-wrap{
    padding-top: 180px;
}
.assistant-wrap .doctor-image + div{
    padding-top: 81px;
}
.assistant-wrap .doctor-title,
.assistant-wrap .doctor-description{
    padding-left: 28px;
}
.doctor-description{
    line-height: 1.5;
}

.doctor-description ul li {
    list-style: disc;
    list-style-position: inside;
}
.assistant-wrap > div:last-child{
    margin-top: 90px;
}
#philosophie p {
    padding: 0 28%;
    text-align: center;
    line-height: 1.7;
    font-size: 16px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
}
.technology-list-item-wrap:hover .technology-item-title{
    transform: translateY(-25px);
}
.technology-description{
    padding: 88px 71px 0 150px;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    transition: all ease .5s;
    line-height: 1.5;
    text-align: justify;
}
.technology-list-item-back {
    background: linear-gradient(180deg, #303783 0%, rgba(77, 165, 214, 0.536458) 59.38%, rgba(48, 102, 131, 0.23) 100%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease .5s;
}
.technology-list-item-wrap:hover .technology-description,
.technology-list-item-wrap:hover .technology-list-item-back{
    opacity: 1;
    transition: all ease .5s;
}
#traitements{
    margin-top: 95px;
}
.traitments-title{
    margin-left: 10%;
}


  /* Single Traitements */

.return {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F7F9FB;
}

.trait__img {
    min-height: 321px;
    height: 100%;
    max-height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 25px auto;
}

.traitement-post {
    padding-top: 110px;
    padding-bottom: 150px;
}

.traitement-post h1 {
    font-family: 'Lack';
    font-size: 46px;
    line-height: 55px;
    text-align: center;
    color: #303D83;
    margin-bottom: 30px;
}

.traitement-post h2 {
    font-family: 'Lack';
    font-size: 36px;
    line-height: 43px;
    color: #3E64AB;
    margin-bottom: 22px;
}

.traitement-post p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 22px;
}

.traitement-post h3 {
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
    color: #3E64AB;
    margin-bottom: 22px;
}

.traitement-post h4 {
    font-family: 'Lack';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    color: #3E64AB;
    margin-bottom: 22px;
}

.traitement-post ul li {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #333333;
    position: relative;
    padding-left: 20px;
}

.traitement-post ul li:before {
    content: '';
    position: absolute;
    background: #70A0D1;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    top: 11px;
    left: 0px;
}

.traitement-post img {
    margin: 15px 0;
}

.return-links .roy-link:nth-child(2n) .spin {
    left: auto;
    right: 0;
    background: linear-gradient(90deg, rgba(77, 165, 214, 0) 9.71%, rgba(100, 154, 227, 0.59) 72.08%, #303D83 97.13%);
}

.print__link {
    cursor: pointer;
}

#legales {
    padding: 100px 0;
}

#legales h1 {
    font-family: 'Lack';
    font-size: 46px;
    line-height: 55px;
    text-align: center;
    color: #303D83;
    margin-bottom: 30px;
}

#legales h2 {
    font-family: 'Lack';
    font-size: 36px;
    line-height: 43px;
    color: #3E64AB;
    margin-bottom: 22px;
}

#legales p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 22px;
}

#legales h3 {
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
    color: #3E64AB;
    margin-bottom: 22px;
}

#legales h4 {
    font-family: 'Lack';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    color: #3E64AB;
    margin-bottom: 22px;
}

.doc-row,
.assistante-row {
    max-width: 1074px;
    width: 100%;
    margin: 0 auto;
}

.assistant-container {
    margin-top: 127px;
}

.assistant-image{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
}
.assistant-container:hover .assistant-image {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

.assistant-title {
    font-family: Lack;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #3E64AB;
    padding: 16px 0 9px;
}

.assistant-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}
.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;
    }
    .traitement-post ul li {
        font-size: 15px;

    }
}
.error404__wrapper {
    overflow: hidden;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 9%;
    padding-bottom: 3%;
}
.error404__content {
    max-width: 900px;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    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;
}

.conseils {
    display: flex;
    padding-top: 10.3%;
    padding-bottom: 108px;
}

.conseils__left {
    width: 70%;
    padding-left: 8%;
}

.conseils__right {
    width: 30%;
    padding-top: 2%;
    padding-left: 15px;
}

.conseils__wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    width: 100%;
}

.conseils__item {
    max-width: 253px;
    width: 100%;
}

.conseils__item h4 {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #3E64AB;
    margin-bottom: 10px;
}


.conseils__overlay {
    background: rgba(62, 100, 171, .9);
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    padding: 25px 20px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.conseils__overlay .roy-link a {
    color: #fff;
}

.conseils__item:hover .conseils__overlay {
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.conseils .owl-nav {
    display: flex;
    width: 100%;
    max-width: 405px;
    justify-content: space-between;
    margin: 44px auto 0;
}

.conseils .owl-dots{
    position: absolute;
    right: 50%;
    transform: translateX(33%);
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 17px;
}

.conseils .owl-dot{
    background: #70A0D1;
    opacity: 0.5;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 22px;
}

.conseils .owl-dot:last-child{
    margin-right: 0;
}

.conseils .owl-dot.active{
    opacity: 1;
    width: 10px;
    height: 10px;
}

.urgance {
    padding-top: 9%;
    position: relative;
}

.urgance__container {
    background: #70A0D1;
    color: #fff;
    display: flex;
    justify-content: space-between;
    min-height: 503px;
    height: 100%;
}

.urgance__left {
    width: 55%;
    padding-top: 66px;
    padding-bottom: 65px;
    padding-left: 7.82%;
}

.urgance .title {
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
}

.urgance__bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 7.2%;
    height: 100%;
}

.urgance h3 {
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    height: 50%;
}

.urgance__text {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    height: 50%;
}

.urgance .roy-link {
    max-width: 195px;
}

.urgance .roy-link a {
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
}

.urgance__item {
    max-width: 318px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.urgance__img {
    width: 44.845%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.espace {
    display: flex;
    height: 102vh;
    overflow: hidden;
}

.espace__left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 16px;
}

.espace__image {
    background-image: url("../images/espace.png");
    height: 657px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.espace__right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 7.6%;
    position: relative;
}

.espace__wrapper {
    max-width: 390px;
    width: 100%;
}

.espace .title {
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #3E64AB;
}

.espace__text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    color: #333333;
    margin-top: 73px;
    margin-bottom: 64px;
}

.espace__wave {
    position: absolute;
    width: 79.3%;
    bottom: 84px;
    right: 0;
    pointer-events: none;
    z-index: -1;
}

.decouvrez {
    padding-top: 7.7%;
}

.decouvrez__wrap {
    display: flex;
    background: #E7F2FB;
}

.decouvrez__left {
    width: 40%;
}

.decouvrez__img {
    height: 419px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.decouvrez__right {
    width: 60%;
    display: flex;
    align-items: flex-end;
    padding-left: 7%;
    padding-bottom: 33px;
    padding-right: 15px;
}

.decouvrez__wrapper {
    display: flex;
    flex-direction: column;
    max-width: 526px;
    width: 100%;
}

.decouvrez .title {
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #3E64AB;
    margin-bottom: 16px;
}

.decouvrez .roy-link {
    max-width: 166px;
    width: 100%;
    margin-top: 32px;
}

.decouvrez__text {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    color: #333333;
    font-family: Roboto;
}

.decouvrez__adresse {
    font-weight: normal;
    font-size: 26px;
    line-height: 31px;
    text-align: justify;
    color: #333333;
    margin: 16px 0 32px;
    max-width: 420px;
    width: 100%;
}