/*@charset "UTF-8";*/
/* variables */
:root {
   /* sizes */
   --gap: 20px;
   --wrapper: 1360px;
   --padding-section: 130px;
   --header-height: 80px;
   --footer-height: 175px;
   /* colors */
   --text-color: #000000;
   --primary: #1a2e51;
   --secondary: #f9fbfe;
   --text-font: 400 0.875rem/1.42 "ProximaNova", sans-serif;
   --header-font: 700 1.2rem/1.2 "ProximaNova", sans-serif;
   --h1-font: 300 3.56rem/1.08 "ProximaNova", sans-serif;
   --h2-font: 300 2.5rem/1.25 "ProximaNova", sans-serif;
   --h3-font: 300 1.625rem/1.15 "ProximaNova", sans-serif;
   --h4-font: 300 1.375rem/1.04 "ProximaNova", sans-serif;
   --h5-font: 300 1.125rem/1.3 "ProximaNova", sans-serif;
   --button-font: 400 0.935rem/1.2 "ProximaNova", sans-serif;
}

/* defaults */
@font-face {
   font-family: "ProximaNova";
   font-weight: 300;
   font-style: normal;
   font-display: swap;
   src: local("ProximaNova-Light"),
      url("../fonts/ProximaNova/ProximaNova-Light.eot");
   src: url("../fonts/ProximaNova/ProximaNova-Light.eot?#iefix")
         format("embedded-opentype"),
      url("../fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),
      url("../fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");
}

@font-face {
   font-family: "ProximaNova";
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   src: local("ProximaNova-Regular"),
      url("../fonts/ProximaNova/ProximaNova-Regular.eot");
   src: url("../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix")
         format("embedded-opentype"),
      url("../fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),
      url("../fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");
}

@font-face {
   font-family: "ProximaNova";
   font-weight: 600;
   font-style: normal;
   font-display: swap;
   src: local("ProximaNova-Semibold"),
      url("../fonts/ProximaNova/ProximaNova-Semibold.eot");
   src: url("../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix")
         format("embedded-opentype"),
      url("../fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),
      url("../fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");
}

@font-face {
   font-family: "ProximaNova";
   font-weight: 700;
   font-style: normal;
   font-display: swap;
   src: local("ProximaNova-Bold"),
      url("../fonts/ProximaNova/ProximaNova-Bold.eot");
   src: url("../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix")
         format("embedded-opentype"),
      url("../fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),
      url("../fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");
}

/* Normalize */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
}

[id] {
   scroll-margin-top: 100px;
}

body {
   margin: 0;
}

main {
   display: block;
}

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

hr {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
   overflow: visible;
}

pre {
   font-family: monospace, monospace;
   font-size: 1em;
}

a {
   background-color: transparent;
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
}

b,
strong {
   font-weight: bolder;
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em;
}

small {
   font-size: 80%;
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

img {
   border-style: none;
}

progress {
   vertical-align: baseline;
}

textarea {
   overflow: auto;
}

[type="checkbox"],
[type="radio"] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
}

details {
   display: block;
}

summary {
   display: list-item;
}

template {
   display: none;
}

[hidden] {
   display: none;
}

*,
*:after,
*:before {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
}

html,
body {
   text-size-adjust: 100%;
   -o-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   height: 100%;
}

html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body {
   position: relative;
   width: 100%;
   max-width: 100%;
   min-width: 320px;
   color: var(--text-color);
   font: var(--text-font);
   font-size: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

body.not-home .page-container {
   padding-top: var(--header-height);
}

:focus:not(input):not(textarea):not(select),
:focus:not(input):not(textarea):not(select) {
   outline: none;
}

::-moz-focus-inner {
   border: 0;
   padding: 0;
}

b,
strong {
   font-weight: bold;
}

p {
   margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   color: var(--primary);
   font: var(--header-font);
   margin: 0.85rem 0;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *,
.h1 *,
.h2 *,
.h3 *,
.h4 *,
.h5 *,
.h6 * {
   font: inherit;
   color: inherit;
   font-size: 100%;
   margin: 0;
}

h1,
.h1 {
   font: var(--h1-font);
}

h2,
.h2 {
   font: var(--h2-font);
}

h3,
.h3 {
   font: var(--h3-font);
}

h4,
.h4 {
   font: var(--h4-font);
}

h5,
.h5 {
   font: var(--h5-font);
}

h6,
.h6 {
   font: var(--h6-font);
}

/* Стили сброса для contact form7 */
.wpcf7-form br,
span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
div.wpcf7 .ajax-loader,
div.wpcf7-response-output {
   display: none !important;
}

input.wpcf7-not-valid {
   border-bottom: 1px solid #eb5757 !important;
}

input.wpcf7-not-valid::-webkit-input-placeholder {
   color: #eb5757 !important;
}

input.wpcf7-not-valid::-moz-placeholder {
   color: #eb5757 !important;
}

input.wpcf7-not-valid:-ms-input-placeholder {
   color: #eb5757 !important;
}

input.wpcf7-not-valid::-ms-input-placeholder {
   color: #eb5757 !important;
}

input.wpcf7-not-valid::placeholder {
   color: #eb5757 !important;
}

/* The container must be positioned relative: */
.custom-select {
   position: relative;
   /*font-family: Arial;*/
   font-size: 18px;
   line-height: 20px;
}

.custom-select select {
   display: none; /*hide original SELECT element: */
}

.select-selected {
   background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
   position: absolute;
   content: "";
   top: 14px;
   right: 10px;
   background-image: url("../images/polygon-select.svg");
   width: 16px;
   height: 8px;
   background-position: center;
   background-size: contain;
   transition: all 0.2s linear;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active {
   padding-left: 35px;
   background-color: #fff;
   color: #1a2e51;
   font-size: 18px;
   line-height: 20px;
   pointer-events: none;
}

.select-selected.select-arrow-active:after {
   transition: all 0.2s linear;
   background-image: url("../images/polygon-select-active.svg");
}

/* style the items (options), including the selected item: */
.custom-select div {
   margin-bottom: 0 !important;
}

.select-items div,
.select-selected {
   color: #ffffff;
   padding: 8px 16px;
   border: 1px solid transparent;
   border-color: transparent transparent rgba(255, 255, 255, 1) transparent;
   cursor: pointer;
}

.select-selected {
   padding-left: 0;
}

.select-items div {
   color: #1a2e51;
   font-weight: 300;
   font-size: 18px;
   line-height: 20px;
   padding-left: 7px;
   position: relative;
   display: flex;
   align-items: center;
}

.select-items div:before {
   content: "";
   width: 13px;
   height: 10px;
   background-image: url("../images/polygon-check.svg");
   margin-right: 12px;
   opacity: 0;
   margin-left: 3px;
}

/* Style items (options): */
.select-items {
   padding: 0;
   position: absolute;
   background-color: #ffffff;
   color: #1a2e51;
   font-weight: 300;
   font-size: 18px;
   line-height: 20px;
   top: 100%;
   left: 0;
   right: 0;
   z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
   display: none;
}

.select-items div:hover:before {
   opacity: 1;
}

.select-items div:hover {
   font-weight: 600;
}

/*Стили сброса для contact form7 end */
.page-container {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   position: relative;
   width: 100%;
   max-width: 2560px;
   margin: 0 auto;
   /* 	overflow: hidden; */
   background-color: #fff;
}

.wrapper {
   position: relative;
   width: 100%;
   max-width: var(--wrapper);
   padding: 0 var(--gap);
   margin: 0 auto;
}

.img-cover {
   position: relative;
}

.img-cover img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
}

.img-responsive {
   display: block;
   max-width: 100%;
   height: auto;
}

.text-center {
   text-align: center;
}

.text-uppercase {
   text-transform: uppercase;
}

.rdv-spin {
   position: fixed;
   width: 132px;
   height: 137px;
   right: var(--gap);
   bottom: 4rem;
   z-index: 990;
   border: none;
   outline: none;
   background-color: transparent;
   margin: 0;
   padding: 0;
   cursor: pointer;
   -webkit-transition: 0s;
   -o-transition: 0s;
   transition: 0s;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}

.hover-me {
   margin: auto;
   position: relative;
   display: inline-block;
   min-width: 11rem;
   text-align: center;
   height: 42px;
   line-height: 42px;
}

.hover-me .hover-me__button,
.hover-me .hover-me__span {
   display: block;
   border-radius: 2rem;
   color: #fff;
   border: 1px solid #fff;
   margin: 0;
   width: 100%;
   height: 100%;
}

.hover-me .hover-me__span {
   opacity: 0;
   transition-duration: 0s;
   transition-delay: 0.4s;
}

.hover-me:hover .hover-me__span {
   opacity: 1;
   transition-delay: 0s;
}

.hover-me .hover-me__button {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: 0s;
   -o-transition: 0s;
   transition: 0s;
   -webkit-transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
   -o-transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
   transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
   cursor: pointer;
   background: transparent;
   padding: 0 1.5rem;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 1;
   will-change: transform;
}

.hover-me .hover-me__button:after {
   line-height: 1;
   content: url("../images/triangle-btn-white.svg");
   position: absolute;
   width: 11px;
   top: 50%;
   right: 11px;
   height: 14px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   opacity: 0;
   -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
   transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
   -o-transition: opacity 0.15s ease, transform 0.15s ease;
   transition: opacity 0.15s ease, transform 0.15s ease;
   transition: opacity 0.15s ease, transform 0.15s ease,
      -webkit-transform 0.15s ease;
}

.hover-me .hover-me__button:focus:after,
.hover-me .hover-me__button:active:after {
   opacity: 1;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
}

.hover-me .hover-me__span {
   position: absolute;
   display: block;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.hover-me.hover-me--dark .hover-me__button:after {
   content: url("../images/triangle-btn-black.svg");
}

.hover-me.hover-me--dark .hover-me__button,
.hover-me.hover-me--dark .hover-me__span {
   color: #000;
   border: 1px solid #000;
}

.enter-form form {
   margin-bottom: 0;
   padding-top: 1.5rem;
}

.enter-form form div {
   margin-bottom: 2.2rem;
}

@media screen and (max-height: 746px) {
   .enter-form form div {
      margin-bottom: 1.8rem;
   }
}

.enter-form form input {
   padding: 0;
   color: #fff;
   height: 40px;
   width: 100%;
   font-size: 18px;
   border: none;
   border-bottom: 1px solid #fff;
   margin: 0;
}

.enter-form form input::-webkit-input-placeholder {
   font-size: 14px;
   line-height: 40px;
   color: #53627d;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
}

.enter-form form input::-moz-placeholder {
   font-size: 14px;
   line-height: 40px;
   color: #53627d;
   -moz-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
}

.enter-form form input:-ms-input-placeholder {
   font-size: 14px;
   line-height: 40px;
   color: #53627d;
   -ms-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
}

.enter-form form input::-ms-input-placeholder {
   font-size: 14px;
   line-height: 40px;
   color: #53627d;
   -ms-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
}

.enter-form form input::placeholder {
   font-size: 14px;
   line-height: 40px;
   color: #53627d;
   -webkit-transition: opacity 0.15s ease;
   -o-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
}

.enter-form form input:focus::-webkit-input-placeholder {
   opacity: 0;
}

.enter-form form input:focus::-moz-placeholder {
   opacity: 0;
}

.enter-form form input:focus:-ms-input-placeholder {
   opacity: 0;
}

.enter-form form input:focus::-ms-input-placeholder {
   opacity: 0;
}

.enter-form form input:focus::placeholder {
   opacity: 0;
}

.enter-form form .hover-me {
   margin: 0;
   margin-top: 60px;
}

.enter-form form .hover-me p {
   margin: 0;
   height: 100%;
}

.enter-form form button[type="submit"],
.enter-form form input[type="submit"] {
   background-color: transparent;
}

/* title-button */
/*.hero__content .title-button:nth-child(3) {*/
/*	display: none;*/
/*}*/

/*.title-button:nth-child(4) {*/
/*	grid-area: 2 / 1 / 3 / 3;*/
/*}*/

.title-button__text {
   margin: 0;
   margin-bottom: 1.2rem;
}

/* info-contact */
.info-contact__item {
   max-width: 17ch;
}

.info-contact__item p {
   font-size: 13px;
   margin-bottom: 10px;
}

.info-contact__item a {
   font-size: 15px;
}

/* responsive-video */
.responsive-video {
   overflow: hidden;
   position: relative;
   padding: 0;
   padding-top: 56.25%;
}

.responsive-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
}

/* full-anim-block */
.full-anim-block {
   --block-offset: 300px;
   --block-start-height: 750px;
   --block-end-height: calc(100vh - var(--header-height));
   --block-max-width: 1920px;
   --block-min-width: 1320px;
   --block-max-height: calc(var(--block-max-width) / 2);
   --block-transition: all 2s cubic-bezier(0.61, 0.14, 0.44, 0.91);
   position: relative;
   max-width: var(--block-max-width);
   margin: 0 auto;
   overflow: hidden;
   -webkit-transition: var(--block-transition);
   -o-transition: var(--block-transition);
   transition: var(--block-transition);
   min-height: var(--block-start-height);
   height: var(--block-max-height);
}

.full-anim-block__inner {
   position: relative;
   top: 0;
   min-height: var(--block-start-height);
   max-height: var(--block-max-height);
   height: var(--block-start-height);
   border-radius: var(--block-offset) var(--block-offset) 0 0;
   overflow: hidden;
   width: var(--block-min-width);
   margin: 0 auto;
   margin-top: var(--block-offset);
   -webkit-transition: var(--block-transition);
   -o-transition: var(--block-transition);
   transition: var(--block-transition);
}

.full-anim-block__content {
   position: absolute;
   top: calc(var(--block-offset) * -1);
   width: var(--block-max-width);
   min-height: var(--block-start-height);
   max-height: var(--block-max-height);
   height: var(--block-end-height);
   max-width: var(--block-max-width);
   left: calc(((var(--block-max-width) - var(--block-min-width)) / 2) * -1);
   -webkit-transition: all 2s cubic-bezier(0.61, 0.14, 0.44, 0.91);
   -o-transition: all 2s cubic-bezier(0.61, 0.14, 0.44, 0.91);
   transition: all 2s cubic-bezier(0.61, 0.14, 0.44, 0.91);
}

.full-anim-block__content .preview-image {
   display: block;
   width: 100%;
   height: 100%;
   border: none;
   outline: 0;
   cursor: pointer;
}

.full-anim-block__content .preview-image:before {
   content: "";
   width: 114px;
   height: 114px;
   background-image: url("../images/video-play-btn.svg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 1;
   opacity: 0;
   -webkit-transition: 0.4s ease;
   -o-transition: 0.4s ease;
   transition: 0.4s ease;
}

.full-anim-block__content .responsive-video {
   position: absolute;
   top: 0;
   opacity: 0;
   visibility: hidden;
   width: 100%;
}

.full-anim-block__content .responsive-video iframe {
   border: none;
   width: 100%;
   height: 100%;
}

.full-anim-block.aos-animate {
   padding-top: 0;
   min-height: var(--block-start-height);
}

.full-anim-block.aos-animate .full-anim-block__inner {
   top: calc(var(--block-offset) * -1);
   margin-top: 0;
   width: 100%;
   min-height: calc(var(--block-start-height) + var(--block-offset));
   max-height: calc(var(--block-max-height) + var(--block-offset));
   height: calc(var(--block-end-height) + var(--block-offset));
}

.full-anim-block.aos-animate .full-anim-block__content {
   left: 0;
   top: var(--block-offset);
}

.full-anim-block.aos-animate .full-anim-block__content .preview-image:before {
   -webkit-transition-delay: 2.5s;
   -o-transition-delay: 2.5s;
   transition-delay: 2.5s;
   opacity: 1;
}

.full-anim-block.aos-animate
   .full-anim-block__content.show-video
   .preview-image {
   opacity: 0;
}

.full-anim-block.aos-animate
   .full-anim-block__content.show-video
   .responsive-video {
   opacity: 1;
   visibility: visible;
}

@media (max-width: 1600px) {
   .full-anim-block {
      --block-offset: 300px;
      --block-start-height: 750px;
      --block-end-height: calc(100vh - var(--header-height));
      --block-max-width: 100vw;
      --block-min-width: 1320px;
   }
}

@media (max-width: 1450px) {
   .full-anim-block {
      --block-offset: 200px;
      --block-start-height: 600px;
      --block-min-width: 980px;
   }
}

@media (max-width: 1199px) {
   .full-anim-block {
      --block-offset: 150px;
      --block-start-height: calc((100vw / 1.77));
      --block-min-width: 630px;
   }
}

@media (max-width: 768px) {
   .full-anim-block {
      --block-offset: 90px;
      --block-min-width: 400px;
   }
}

@media (max-width: 768px) {
   .full-anim-block {
      --block-min-width: 335px;
   }
}

@-webkit-keyframes loading {
   from {
      background: #d8d8d8;
   }
   to {
      background: #b0b0b0;
   }
}

@keyframes loading {
   from {
      background: #d8d8d8;
   }
   to {
      background: #b0b0b0;
   }
}

@-webkit-keyframes showImg {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@keyframes showImg {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

/* Используйте селектор атрибутов для пустых ссылок

Отображайте ссылки, когда элемент <a> пустой, но есть ссылка в атрибуте href:
 */
a {
   color: var(--primary);
   text-decoration: none;
   -webkit-transition: 0.15s ease;
   -o-transition: 0.15s ease;
   transition: 0.15s ease;
}

/* .ua-safari a:hover,
.ua-safari a:focus {
	text-shadow: 0 0 1px var(--primary), 0 0 1px var(--primary), 0 0 1px var(--primary);
} */

a:hover {
   text-shadow: 0 0 1px var(--primary), 0 0 1px var(--primary),
      0 0 1px var(--primary);
}

.button {
   background-color: var(--primary);
   border: 0.1rem solid var(--primary);
   border-radius: 0.4rem;
   color: inherit;
   cursor: pointer;
   display: inline-block;
   font-size: 1.1rem;
   font-weight: 700;
   height: 3.8rem;
   letter-spacing: 0.1rem;
   line-height: 3.8rem;
   padding: 0 3rem;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   white-space: nowrap;
}

.button:focus,
.button:hover {
   background-color: var(--secondary);
   border-color: var(--secondary);
   color: initial;
   outline: 0;
}

.button[disabled] {
   cursor: default;
   opacity: 0.5;
}

.button[disabled]:focus,
.button[disabled]:hover {
   background-color: var(--primary);
   border-color: var(--primary);
}

.button.button-outline {
   background-color: transparent;
   color: var(--primary);
}

.button.button-outline:focus,
.button.button-outline:hover {
   background-color: transparent;
   border-color: var(--secondary);
   color: var(--secondary);
}

.button.button-outline[disabled] {
   cursor: default;
}

.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover {
   border-color: inherit;
   color: var(--primary);
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   margin: 0;
   /* 2 */
}

button,
input {
   /* 1 */
   overflow: visible;
}

button,
select {
   /* 1 */
   text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   /* 1 */
   color: inherit;
   /* 2 */
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 3 */
   white-space: normal;
   /* 1 */
}

input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

/* reset styles for iphones */
/* reset styles */
button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

input,
textarea,
select {
   -webkit-appearance: none;
   background-color: transparent;
   border: 0.1rem solid var(--primary);
   border-radius: 0.4rem;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
   height: 3.8rem;
   padding: 0.6rem 1rem 0.7rem;
   width: 100%;
   border-radius: 0;
}

input:focus,
textarea:focus,
select:focus {
   border-color: var(--secondary);
   outline: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
   font-size: 14px;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
   font-size: 14px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
   font-size: 14px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
   font-size: 14px;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
   font-size: 14px;
}

select {
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23000000" d="M0,0l6,8l6-8"/></svg>')
      center right no-repeat;
   padding-right: 3rem;
}

select:focus {
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23ffffff" d="M0,0l6,8l6-8"/></svg>');
}

select[multiple] {
   background: none;
   height: auto;
}

/* reset clear btn in inputs for explorer */
input::-ms-clear {
   display: none;
}

textarea {
   min-height: 6.5em;
   resize: none;
   outline: none;
}

label,
legend {
   display: block;
   font-size: 1.6rem;
   font-weight: 700;
   margin-bottom: 0.5rem;
}

fieldset {
   border-width: 0;
   padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
   display: inline;
}

.label-inline {
   display: inline-block;
   font-weight: normal;
   margin-left: 0.5rem;
}

/* equeal width for all table cell */
table {
   border-spacing: 0;
   overflow-x: auto;
   text-align: left;
   width: 100%;
   display: table;
   overflow-x: initial;
}

td,
th {
   border-bottom: 0.1rem solid var(--text-color);
   padding: 1.2rem 1.5rem;
}

td:first-child,
th:first-child {
   padding-left: 0;
}

td:last-child,
th:last-child {
   padding-right: 0;
}

dl,
ol,
ul {
   list-style: none;
   margin-top: 0;
   padding-left: 0;
}

dl,
ol,
ul {
   margin: 1rem 0 1rem 2rem;
}

ol {
   list-style: decimal inside;
}

ul {
   list-style: circle inside;
}

/*
    Задайте стили для поломанныx изображений
    Сделайте поломанные изображения эстетически приятнее с CSS:
 */
img {
   display: block;
   font-family: sans-serif;
   font-weight: 300;
   height: auto;
   line-height: 2;
   position: relative;
   text-align: center;
   max-width: 100%;
}

/*
    Теперь добавьте правила псевдо-элементов для отображения сообщения
    пользователю и URL-ссылки поломаного изображения:
 */
img:before {
   content: "Oops, the image is broken :(";
   display: block;
   margin-bottom: 10px;
}

img::after {
   content: "(url: " attr(src) ")";
   display: block;
   font-size: 12px;
}

.button,
button,
dd,
dt,
li {
   margin-bottom: 1rem;
}

fieldset,
input,
select,
textarea {
   margin-bottom: 1.5rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
   margin-bottom: 1rem;
}

/* header */
.header {
   position: fixed;
   top: 0;
   width: 100vw;
   left: 0;
   z-index: 920;
   /* header__inner */
   /* header__slide */
}

.header-espace {
   font-size: 18px;
   margin: 0;
   padding: 0;
   list-style: none;
   /* 	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	-webkit-column-gap: 90px;
	-moz-column-gap: 90px;
	column-gap: 90px; */
   display: flex;
   justify-content: center;
   width: 100%;
}

.header-espace li {
   height: 100%;
   position: relative;
   margin: 0 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 25px;
}

.header-espace a {
   position: relative;
   position: static;
}

.header-espace a:after {
   content: "";
   display: block;
   position: absolute;
   width: 0;
   height: 1px;
   background-color: var(--primary);
   left: 0;
   bottom: -1px;
   -webkit-transition: width 0.15s ease;
   -o-transition: width 0.15s ease;
   transition: width 0.15s ease;
}

.header-espace a:hover {
   text-shadow: none;
}

.header-espace a:hover:after {
   width: 100%;
}

.header .header__inner {
   position: relative;
   z-index: 950;
}

.header .header__inner .wrapper {
   max-width: calc(1600px + (var(--gap) * 2));
}

.header .header-inner {
   position: relative;
}

.header .header-inner:before {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backdrop-filter: saturate(180%) blur(10px);
   backdrop-filter: saturate(180%) blur(10px);
   background-color: rgba(255, 255, 255, 0.72);
   opacity: 0;
   -webkit-transition: 0.15s ease;
   -o-transition: 0.15s ease;
   transition: 0.15s ease;
   -webkit-transition-delay: 0.25s;
   -o-transition-delay: 0.25s;
   transition-delay: 0.25s;
}

.header .header-inner__wrapper {
   height: var(--header-height);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header .header-inner__logo {
   display: block;
}

.header .header-inner__espace {
   /* 	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); */
   height: 100%;
}

.header .header-inner__links {
   margin-left: auto;
   margin-right: 64px;
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 74px;
   -moz-column-gap: 74px;
   column-gap: 74px;
   /* header__mail */
}

.header .header-inner__links a {
   display: flex;
   padding: 10px;
}
/* .header .header-inner__links a .tel {
   display: flex;
} */
.header .header-inner__links svg {
   display: block;
   margin-right: 6px;
}

.header .header-inner__links svg path {
   fill: none;
   transition: 0.15s ease;
}

/* .header .header-inner__links a:hover svg path {
	fill: var(--primary);
} */

.header-inner__links:hover a {
   text-shadow: none;
}
@media only screen and (min-width: 768px) {
   .header__tel a {
      pointer-events: none;
   }
}
.header-inner__links .header__tel span {
   display: none;
   width: 125px;
}

.header .header-inner__links .header__mail {
   display: none;
}

.header .header__slide {
   position: fixed;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
   background-color: #fff;
   z-index: 940;
   overflow-y: auto;
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   visibility: hidden;
   -webkit-transition: visibility 0.5s ease, -webkit-transform 0.5s ease;
   transition: visibility 0.5s ease, -webkit-transform 0.5s ease;
   -o-transition: transform 0.5s ease, visibility 0.5s ease;
   transition: transform 0.5s ease, visibility 0.5s ease;
   transition: transform 0.5s ease, visibility 0.5s ease,
      -webkit-transform 0.5s ease;
}

.header .header-slide .wrapper {
   max-width: 1310px;
}

.header .header-slide__espace {
   display: none;
   -ms-grid-column: 1;
   grid-column-start: 1;
   -ms-grid-column-span: 2;
   grid-column-end: 3;
   max-width: 350px;
   font-size: 15px;
   margin: 0 auto;
}

.header .header-slide__wrapper {
   padding-top: calc(var(--header-height) + 4.5rem);
   padding-left: 220px;
   padding-right: 100px;
   padding-bottom: 30px;
   display: -ms-grid;
   display: grid;
   row-gap: 80px;
   -ms-grid-columns: 1fr minmax(1px, 410px);
   grid-template-columns: 1fr minmax(1px, 410px);
   grid-auto-flow: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.header .header-slide__image {
   width: 100%;
   max-width: 100%;
}

.header .header-slide__image img {
   display: none;
}

.header .header-slide__image img.active {
   display: block;
}
.header-slide__image_mobile{
   display: none;
}
.header-slide__image_mobile img{
   display: block;
}
.header__nav {
   font-size: 26px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 1.2;
}

.header__nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.header__nav ul li {
   margin: 0;
}

.header__nav ul li:not(:last-child) {
   margin-bottom: 2rem;
}

/* menu-btn */
.menu-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border: none;
   margin: 0;
   width: 37px;
   height: 26px;
   padding: 0;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background-color: transparent;
   z-index: 960;
}

.menu-btn {
   position: relative;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
   content: "";
   position: relative;
   display: block;
   width: 37px;
   height: 1px;
   -webkit-transition: all 0.12s;
   -o-transition: all 0.12s;
   transition: all 0.12s, box-shadow 0.3s ease;
   background: var(--primary);
}

.menu-btn:hover span,
.menu-btn:hover span:before,
.menu-btn:hover span:after {
   box-shadow: 0 0 0 1px var(--primary), 0 0 0 1px var(--primary),
      0 0 0 1px var(--primary);
}

.menu--opened .menu-btn span {
   box-shadow: none;
}

.menu-btn span:before {
   position: absolute;
   top: -7px;
}

.menu-btn span:after {
   position: absolute;
   bottom: -7px;
}

.menu--opened .header-inner:before {
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
   opacity: 1;
}

.menu--opened .menu-btn span {
   background-color: transparent;
}

.menu--opened .menu-btn span:before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 0;
}

.menu--opened .menu-btn span:after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   top: 0;
}

.menu--opened .header-slide {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   visibility: visible;
}

body.page-scrolled .header .header-inner:before {
   opacity: 1;
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
}

body.page-scrolled .header .header-inner__espace a {
   position: static;
}

body.page-scrolled .header .header-inner__espace a:after {
   bottom: 0;
}

/* page blocks */
.hero {
   max-height: 1020px;
   position: relative;
}

.hero .hero-video-bg {
   background-size: cover;
   /* 	background-size: contain; */

   background-position: top;
   background-repeat: no-repeat;
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
}

.hero .hero-video-bg:after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.155) 100%
   );
}

.hero .wrapper {
   max-width: 1110px;
}

.hero__wrapper {
   position: relative;
   z-index: 1;
   height: 100vh;
   min-height: 880px;
   max-height: 1020px;
   position: relative;
   padding-bottom: 80px;
   z-index: 1;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.hero__wrapper:before {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(white),
      to(rgba(255, 255, 255, 0.1))
   );
   background: -o-linear-gradient(
      bottom,
      white 0%,
      rgba(255, 255, 255, 0.1) 100%
   );
   background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.1) 100%);
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
   z-index: -1;
}

.hero__title {
   text-transform: uppercase;
   letter-spacing: 8px;
   max-width: 27ch;
   color: var(--primary);
   font-weight: 400;
   margin: 0 auto;
   margin-bottom: 2.2rem;
}

.hero__title strong {
   font-weight: 600;
}

.hero__content {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   row-gap: 3.75rem;
}

.hero__content .title-button__text {
   max-width: 20ch;
   margin: 0 auto 1.5rem;
}

.entire {
   padding-bottom: 3rem;
   position: relative;
   z-index: 1;
}

.entire__wrapper {
   padding-top: 50px;
}

.entire__title {
   max-width: 27ch;
   margin: 0 auto;
   margin-bottom: 1.5rem;
   color: var(--primary);
   font-weight: 400;
}

.entire__text {
   text-align: justify;
   margin-bottom: 4.4rem;
}

.entire__head {
   max-width: 850px;
   margin: 0 auto;
   padding-bottom: 2rem;
}

.entire__head .info-contact {
   /* 	max-width: 375px; */
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.entire__head .info-contact__item p {
   color: var(--primary);
}

.entire__head .info-contact__item a {
   color: #000;
   display: inline-block;
}

.info-contact__item_horaires span {
   display: block;
}

.instagram {
   padding-top: 4.25rem;
   padding-bottom: 8rem;
}

.instagram__wrapper {
   position: relative;
}

.instagram__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: relative;
   z-index: 2;
   font-weight: 400;
}

.instagram__icon {
   height: 40px;
   width: 40px;
   background-image: url("../images//insta-icon.svg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   margin-right: 15px;
}

.instagram__blur-images {
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   z-index: 1;
}

.instagram__blur-images .img-cover {
   position: absolute;
   display: block;
   z-index: -1;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   opacity: 0;
   -webkit-filter: blur(50px);
   filter: blur(50px);
}

.instagram__blur-images .img-cover:nth-child(1) {
   right: 100%;
   top: -50px;
   width: 145px;
   height: 145px;
}

.instagram__blur-images .img-cover:nth-child(2) {
   left: 96%;
   top: -40px;
   width: 250px;
   height: 250px;
}

.instagram__blur-images .img-cover:nth-child(3) {
   left: -100px;
   top: 97%;
   width: 120px;
   height: 120px;
}

.instagram__blur-images .img-cover:nth-child(4) {
   left: 100%;
   bottom: -50px;
   width: 130px;
   height: 130px;
}

.instagram__blur-images.aos-animate .img-cover {
   -webkit-filter: blur(7px);
   filter: blur(7px);
}

.instagram__blur-images.aos-animate .img-cover:nth-child(1) {
   -webkit-animation-name: iTopLeft;
   animation-name: iTopLeft;
}

.instagram__blur-images.aos-animate .img-cover:nth-child(2) {
   -webkit-animation-name: iTopRight;
   animation-name: iTopRight;
}

.instagram__blur-images.aos-animate .img-cover:nth-child(3) {
   -webkit-animation-name: iBotLeft;
   animation-name: iBotLeft;
}

.instagram__blur-images.aos-animate .img-cover:nth-child(4) {
   -webkit-animation-name: iBotRight;
   animation-name: iBotRight;
}

.instagram__grid {
   z-index: 2;
   position: relative;
   max-width: 1290px;
   margin: 0;
   margin: 0 auto;
   padding: 0;
   padding-top: 1.5rem;
   display: -ms-grid;
   display: grid;
   list-style: none;
   -ms-grid-columns: ;
   grid-template-columns: repeat(1fr, 6);
   -webkit-column-gap: 30px;
   -moz-column-gap: 30px;
   column-gap: 30px;
   grid-template-areas: "i-1 . i-2 . i-3 ." ". i-4 . i-5 . i-6" "i-7 . i-8 . i-9 .";
}

.instagram__grid li {
   margin: 0;
}

.instagram__grid li .img-cover {
   padding-bottom: 100%;
}

.instagram__grid li img {
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   opacity: 0;
}

.instagram__grid li:nth-child(1) {
   -ms-grid-row: 1;
   -ms-grid-column: 1;
   grid-area: i-1;
}

.instagram__grid li:nth-child(1) img {
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
}

.instagram__grid li:nth-child(2) {
   -ms-grid-row: 1;
   -ms-grid-column: 5;
   grid-area: i-2;
}

.instagram__grid li:nth-child(2) img {
   -webkit-animation-delay: 0.1s;
   animation-delay: 0.1s;
}

.instagram__grid li:nth-child(3) {
   -ms-grid-row: 1;
   -ms-grid-column: 9;
   grid-area: i-3;
}

.instagram__grid li:nth-child(3) img {
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
}

.instagram__grid li:nth-child(4) {
   -ms-grid-row: 2;
   -ms-grid-column: 3;
   grid-area: i-4;
}

.instagram__grid li:nth-child(4) img {
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
}

.instagram__grid li:nth-child(5) {
   -ms-grid-row: 2;
   -ms-grid-column: 7;
   grid-area: i-5;
}

.instagram__grid li:nth-child(5) img {
   -webkit-animation-delay: 0.15s;
   animation-delay: 0.15s;
}

.instagram__grid li:nth-child(6) {
   -ms-grid-row: 2;
   -ms-grid-column: 11;
   grid-area: i-6;
}

.instagram__grid li:nth-child(6) img {
   -webkit-animation-delay: 0.25s;
   animation-delay: 0.25s;
}

.instagram__grid li:nth-child(7) {
   -ms-grid-row: 3;
   -ms-grid-column: 1;
   grid-area: i-7;
}

.instagram__grid li:nth-child(7) img {
   -webkit-animation-delay: 0.35s;
   animation-delay: 0.35s;
}

.instagram__grid li:nth-child(8) {
   -ms-grid-row: 3;
   -ms-grid-column: 5;
   grid-area: i-8;
}

.instagram__grid li:nth-child(8) img {
   -webkit-animation-delay: 0.15s;
   animation-delay: 0.15s;
}

.instagram__grid li:nth-child(9) {
   -ms-grid-row: 3;
   -ms-grid-column: 9;
   grid-area: i-9;
}

.instagram__grid li:nth-child(9) img {
   -webkit-animation-delay: 0.1s;
   animation-delay: 0.1s;
}

.instagram__grid.aos-animate li img {
   opacity: 0;
}

.instagram__grid.aos-animate li:nth-child(1) img {
   -webkit-animation-name: iTopLeft;
   animation-name: iTopLeft;
}

.instagram__grid.aos-animate li:nth-child(2) img {
   -webkit-animation-name: iTopMid;
   animation-name: iTopMid;
   -webkit-animation-delay: 0.1s;
   animation-delay: 0.1s;
}

.instagram__grid.aos-animate li:nth-child(3) img {
   -webkit-animation-name: iTopRight;
   animation-name: iTopRight;
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
}

.instagram__grid.aos-animate li:nth-child(4) img {
   -webkit-animation-name: iMidLeft;
   animation-name: iMidLeft;
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
}

.instagram__grid.aos-animate li:nth-child(5) img {
   -webkit-animation-name: iMidMid;
   animation-name: iMidMid;
   -webkit-animation-delay: 0.15s;
   animation-delay: 0.15s;
}

.instagram__grid.aos-animate li:nth-child(6) img {
   -webkit-animation-name: iMidRight;
   animation-name: iMidRight;
   -webkit-animation-delay: 0.25s;
   animation-delay: 0.25s;
}

.instagram__grid.aos-animate li:nth-child(7) img {
   -webkit-animation-name: iBotLeft;
   animation-name: iBotLeft;
   -webkit-animation-delay: 0.35s;
   animation-delay: 0.35s;
}

.instagram__grid.aos-animate li:nth-child(8) img {
   -webkit-animation-name: iBotMid;
   animation-name: iBotMid;
   -webkit-animation-delay: 0.15s;
   animation-delay: 0.15s;
}

.instagram__grid.aos-animate li:nth-child(9) img {
   -webkit-animation-name: iBotRight;
   animation-name: iBotRight;
   -webkit-animation-delay: 0.1s;
   animation-delay: 0.1s;
}

@-webkit-keyframes iTopLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate(-100%, -100%) scale(2.5);
      transform: translate(-100%, -100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iTopLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate(-100%, -100%) scale(2.5);
      transform: translate(-100%, -100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iTopMid {
   0% {
      opacity: 0;
      -webkit-transform: translate(0, -100%) scale(2.5);
      transform: translate(0, -100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iTopMid {
   0% {
      opacity: 0;
      -webkit-transform: translate(0, -100%) scale(2.5);
      transform: translate(0, -100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iTopRight {
   0% {
      opacity: 0;
      -webkit-transform: translate(100%, -100%) scale(2.5);
      transform: translate(100%, -100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iTopRight {
   0% {
      opacity: 0;
      -webkit-transform: translate(100%, -100%) scale(2.5);
      transform: translate(100%, -100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iMidLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate(-100%, 30%) scale(2.5);
      transform: translate(-100%, 30%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iMidLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate(-100%, 30%) scale(2.5);
      transform: translate(-100%, 30%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iMidMid {
   0% {
      opacity: 0;
      -webkit-transform: translate(0, 0) scale(2.5);
      transform: translate(0, 0) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iMidMid {
   0% {
      opacity: 0;
      -webkit-transform: translate(0, 0) scale(2.5);
      transform: translate(0, 0) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iMidRight {
   0% {
      opacity: 0;
      -webkit-transform: translate(100%, 0) scale(2.5);
      transform: translate(100%, 0) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iMidRight {
   0% {
      opacity: 0;
      -webkit-transform: translate(100%, 0) scale(2.5);
      transform: translate(100%, 0) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iBotLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate(-100%, 100%) scale(2.5);
      transform: translate(-100%, 100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iBotLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate(-100%, 100%) scale(2.5);
      transform: translate(-100%, 100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iBotMid {
   0% {
      opacity: 0;
      -webkit-transform: translate(0, 100%) scale(2.5);
      transform: translate(0, 100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iBotMid {
   0% {
      opacity: 0;
      -webkit-transform: translate(0, 100%) scale(2.5);
      transform: translate(0, 100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes iBotRight {
   0% {
      opacity: 0;
      -webkit-transform: translate(100%, 100%) scale(2.5);
      transform: translate(100%, 100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes iBotRight {
   0% {
      opacity: 0;
      -webkit-transform: translate(100%, 100%) scale(2.5);
      transform: translate(100%, 100%) scale(2.5);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

.hist {
   padding-top: 4rem;
   padding-bottom: 4rem;
   display: none;
}

.hist .wrapper {
   max-width: 1110px;
}

.hist__title {
   /* 	margin-bottom: 2.75rem; */
   margin-bottom: 23px;
   /* 	max-width: 20ch; */
   max-width: 720px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-weight: 400;
   color: var(--primary);
}

.hist .hist-content {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 410px 410px;
   grid-template-columns: 410px 410px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.hist .hist-content.aos-animate .hist-item__text {
   opacity: 1;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   -webkit-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.hist .hist-content.aos-animate .hist-item__image .hist-line {
   opacity: 1;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   -webkit-transition-delay: 2s;
   -o-transition-delay: 2s;
   transition-delay: 2s;
}

.hist
   .hist-content.aos-animate
   .hist-item--first
   .hist-item__image
   .hist-image {
   -webkit-animation: 3s firstHistImg 0s ease both;
   animation: 3s firstHistImg 0s ease both;
}

.hist
   .hist-content.aos-animate
   .hist-item--second
   .hist-item__image
   .hist-image {
   -webkit-animation: 2s secondHistImg 2s ease both;
   animation: 2s secondHistImg 0.5s ease both;
}

.hist .hist-item {
   z-index: 1;
   position: relative;
}

.hist .hist-item__title {
   font-weight: 400;
   position: relative;
   z-index: 1;
   max-width: 300px;
}

.hist-item__btn,
.hist-item__btn-link {
   position: absolute;
   z-index: 2;
   top: 0px;
   cursor: pointer;
   transition: 0.2s;
   margin: 0;
}

.hist-item__btn-link {
   opacity: 0;
}

.hist-item--first .hist-item__btn-link {
   top: 34%;
   left: 15%;
}
.hist-item--second .hist-item__btn-link {
   top: 40%;
   left: 17%;
}

.hist-item__text .hist-item__btn {
   position: static;
   display: none;
}

.hist-item__btn:hover {
   text-shadow: 0 0 1px var(--primary), 0 0 1px var(--primary),
      0 0 1px var(--primary);
}

.hist .hist-item.active .hist-item__image .hist-item__btn {
   display: none;
}

.hist .hist-item.active .hist-item__text .hist-item__btn {
   display: block;
}

@media only screen and (max-width: 1200px) {
   .hist-item__btn {
      display: none;
   }
}

.hist .hist-item__text {
   position: relative;
   z-index: 1;
   max-width: 300px;
   text-align: justify;
   /* font-size: 14px; */
   font-size: 16px;
   opacity: 0;
   -webkit-transform: translateY(10%);
   -ms-transform: translateY(10%);
   transform: translateY(10%);
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.hist .hist-item__image {
   min-height: 550px;
   position: relative;
   /*z-index: 2;*/
}

.hist .hist-item__image:before {
   content: "";
   z-index: 1;
   background-color: rgba(255, 255, 255, 0.4);
   border-radius: 50%;
   position: absolute;
   opacity: 0;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.hist .hist-item--first .hist-item__image:before {
   width: calc(80% - 28px);
   height: calc(64% - 50px);
   top: 50px;
   left: 0px;
}
.hist .hist-item--second .hist-item__image:before {
   width: calc(100% - 35px);
   height: calc(77% - 50px);
   top: 50px;
   left: -38px;
}

.hist-item--first:hover .hist-item__btn-link,
.hist-item--second:hover .hist-item__btn-link {
   opacity: 1;
}

.hist-item--first:hover .hist-image,
.hist-item--second:hover .hist-image {
   filter: blur(7px);
}
.hist .hist-item--first:hover .hist-item__image:before,
.hist .hist-item--second:hover .hist-item__image:before {
   opacity: 1;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}
.hist .hist-item__image .hist-line {
   position: absolute;
   max-width: none;
   z-index: -1;
   opacity: 0;
   -webkit-transform: rotate(10deg);
   -ms-transform: rotate(10deg);
   transform: rotate(10deg);
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.hist .hist-item__image .hist-line--mobile {
   display: none;
}

.hist .hist-item__image .hist-image {
   -webkit-transition: 1s ease;
   -o-transition: 1s ease;
   transition: 1s ease;
   position: absolute;
   width: 520px;
   max-width: none;
   top: -60px;
   left: -110px;
}

.hist .hist-item.hist-item--first .hist-item__image .hist-line {
   left: -130px;
   top: -110px;
}

.hist .hist-item.hist-item--second .hist-item__image .hist-line {
   left: -320px;
   top: -300px;
}

@media only screen and (min-width: 1200px) {
   .hist .hist-item:nth-child(1) .hist-item__image {
      /* margin-top: -251px; */
      margin-top: -201px;
   }

   .hist .hist-item:nth-child(2) .hist-item__image {
      margin-top: -320px;
   }

   .hist .hist-item .hist-item__text ul,
   .hist .hist-item .hist-item__text p {
      opacity: 0;
   }

   .hist .hist-item .hist-item__text *:nth-child(1) {
      opacity: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical;
      line-clamp: 7;
      box-orient: vertical;
   }

   .hist .hist-item.active .hist-item__text ul,
   .hist .hist-item.active .hist-item__text p {
      opacity: 1;
   }

   .hist .hist-item.active .hist-item__image .hist-image {
      opacity: 0.1;
   }

   .hist .hist-item.active .hist-item__image {
      z-index: -1;
   }
}

@-webkit-keyframes firstHistImg {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   50% {
      -webkit-transform: scale(1.42) translateY(5%);
      transform: scale(1.42) translateY(5%);
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

@keyframes firstHistImg {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   50% {
      -webkit-transform: scale(1.42) translateY(5%);
      transform: scale(1.42) translateY(5%);
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

@-webkit-keyframes secondHistImg {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   100% {
      -webkit-transform: scale(1.42307) translateY(5%);
      transform: scale(1.42307) translateY(5%);
   }
}

@keyframes secondHistImg {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   100% {
      -webkit-transform: scale(1.42) translateY(5%);
      transform: scale(1.42) translateY(5%);
   }
}

.cabinet {
   --slider-width: 1070px;
   --slider-height: calc((var(--slider-width) - var(--gap)) / 1.7);
}

.cabinet .wrapper {
   max-width: calc(var(--slider-width) + 30px);
}

.cabinet__title {
   /* 	margin-bottom: 4.65rem; */
   margin-bottom: 44px;
   font-weight: 400;
   text-align: center;
}

.cabinet .cabinet-slider {
   height: var(--slider-height);
}

.cabinet .cabinet-slider .slick-list {
   overflow: visible;
   margin: 0 -15px;
}

.cabinet .cabinet-slider .slick-track {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0;
}

.cabinet .cabinet-slider__item {
   margin: 0 15px;
}

.cabinet .cabinet-slider__item .img-cover {
   width: 100%;
   height: var(--slider-height);
}

.cabinet .cabinet-slider__buttons {
   width: 100%;
   max-width: var(--slider-width);
   margin: 0 auto;
   padding: 1.5rem 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.cabinet .cabinet-slider__buttons button {
   position: static;
   margin: 0;
   background-image: url("../images/slider-arrow.svg");
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   padding: 0;
   width: 50px;
   height: 45px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}

.cabinet .cabinet-slider__buttons .slick-next {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.blog {
   padding: 4rem 0;
}

.blog .wrapper {
   max-width: 1110px;
}

.blog__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   /* 	margin-bottom: 2.5rem; */
   margin-bottom: 36px;
   /* 	max-width: 830px; */
}

.blog__head-new {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 2.5rem;
}

.blog__head-new .hover-me {
   margin: 0;
}

.blog__title {
   /* 	max-width: 13ch; */
   font-weight: 400;
   margin: 0;
}

.blog__link {
   margin-bottom: 0;
   margin-right: 0;
}

.blog__link.blog__link--mobile {
   display: none;
}

.blog .blog-slider-wrapper {
   padding: 1rem 0;
   /* 	max-width: 630px; */
}

.blog .blog-slider {
   list-style: none;
   margin: 0 -15px;
   padding: 0;
}

.blog-slider .slick-dots {
   bottom: -3rem;
   display: none !important;
   /* 	justify-content: flex-end; */
   /* 	padding-right: 13px; */
}

.blog-slider__arrows {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 70px;
}

.blog-slider__counter {
   font-size: 20px;
}

.blog-slider .slick-dots button:before {
   display: none;
}

.blog-slider__arrows .slick-arrow {
   cursor: pointer;
}

.blog-slider__arrows .slick-arrow.slick-disabled {
   opacity: 0.5;
}

.blog-slider .slick-dots button,
.blog-slider .slick-dots li {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   overflow: hidden;
}

.blog-slider .slick-dots li.slick-active button {
   background: var(--primary);
}

.blog-slider .slick-dots button {
   background: #aeaeae;
}

.blog .blog-slider .slick-list {
   /* 	overflow: visible; */
}

.blog .blog-slider .slick-track {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: stretch;
}

.blog .blog-slider .slick-slide {
   margin: 0 15px;
   -webkit-transition: opacity 0.15s ease;
   -o-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
   height: auto;
}

.blog .blog-slider li a {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.blog .blog-slider li:hover {
   opacity: 1 !important;
}

.blog .blog-slider li:hover .blog-slider__date {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
   color: var(--primary);
}

.blog .blog-slider li:hover .blog-slider__image img {
   -webkit-transform: scale(1.1) translateZ(0);
   transform: scale(1.1) translateZ(0);
}

.blog .blog-slider__date {
   display: inline-block;
   -webkit-transform-origin: left;
   -ms-transform-origin: left;
   transform-origin: left;
   -webkit-transition: 0.25s ease;
   -o-transition: 0.25s ease;
   transition: 0.25s ease;
   color: #a7afbe;
   /* font-size: 14px; */
   font-size: 16px;
   margin-bottom: 1.125rem;
}

.blog .blog-slider__title {
   color: var(--primary);
   margin: 0;
   margin-bottom: 1rem;
}

.blog .blog-slider__title h3 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.category-list-article {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   justify-content: flex-start;
   list-style: none;
   margin: 0;
   padding: 0;
}

.category-list-article li {
   font-weight: 400;
   font-size: 16px;
   line-height: 25px;
   color: #a7afbe;
   margin-right: 6px;
}

.blog-slider__item:hover .category-list-article li {
   text-shadow: none;
}

.blog .blog-slider__image {
   overflow: hidden;
   height: 320px;
   margin-top: auto;
}

.blog .blog-slider__image img {
   -webkit-transition: -webkit-transform 0.25s ease;
   transition: -webkit-transform 0.25s ease;
   -o-transition: transform 0.25s ease;
   transition: transform 0.25s ease;
   transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.tech {
   padding: 3rem 0;
   padding-bottom: 9rem;
}

.tech .wrapper {
   max-width: 1110px;
}

.tech__head {
   display: -ms-grid;
   display: grid;
   /* 	-ms-grid-columns: (520px) [2]; */
   /* 	grid-template-columns: repeat(2, 520px); */
   grid-template-columns: repeat(2, 64% 35%);
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end;
   -webkit-column-gap: 2rem;
   -moz-column-gap: 2rem;
   column-gap: 2rem;
   /* 	margin-bottom: 4.3rem; */
   margin-bottom: 55px;
}

.tech__title {
   font-weight: 400;
   margin: 0;
}

.tech__text {
   text-align: justify;
}

.tech .tech-list__wrapper {
   list-style: none;
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.tech .tech-list__wrapper.list-hovered .tech-list-item__title {
   word-break: break-all;
}

.tech .tech-list-item {
   height: 560px;
   width: 25%;
   margin: 0;
   -webkit-transition: width 0.3s ease;
   -o-transition: width 0.3s ease;
   transition: width 0.3s ease;
}

.tech .tech-list-item:hover {
   width: 36%;
}

.tech .tech-list-item:hover .tech-list-item__title {
   word-break: normal !important;
}

.tech .tech-list-item .img-cover {
   height: 100%;
   overflow: hidden;
}

.tech .tech-list-item .img-cover:after,
.tech .tech-list-item .img-cover:before {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background: linear-gradient(
      180deg,
      rgba(247, 247, 250, 0.8) 0%,
      rgba(247, 247, 250, 0) 100%
   );
}

.tech .tech-list-item .img-cover:after {
   opacity: 0;
   background: linear-gradient(
      0deg,
      rgba(246, 246, 250, 0.9),
      rgba(246, 246, 250, 0.9)
   );
}

.tech .tech-list-item__title {
   color: #000;
   padding: 40px;
   position: relative;
   z-index: 2;
   margin: 0;
}

.tech .tech-list-item__text {
   color: #000;
   padding: 40px;
   padding-top: 0;
   position: relative;
   z-index: 2;
   margin: 0;
   opacity: 0;
   transition: 0.25s ease;
   /* font-size: 14px; */
   font-size: 16px;
   width: 95%;
   text-align: justify;
   overflow: auto;
   height: calc(100% - 100px);
}

.tech .tech-list-item:hover .tech-list-item__text {
   opacity: 1;
}

.tech .tech-list-item:hover .img-cover:after {
   opacity: 1;
}

.trait {
   padding-top: 2rem;
   padding-bottom: 2rem;
   overflow: inherit;
}

.trait .wrapper {
   max-width: 1110px;
}

.trait__title {
   font-weight: 400;
   max-width: 21ch;
}

.trait .trait-list {
   --trait-offset: 0px;
   position: relative;
}

.trait .trait-list__inner {
   position: relative;
   height: calc(100% + (var(--trait-offset) * 2));
   padding: var(--trait-offset) 0;
   margin-top: calc(var(--trait-offset) * -4);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   /* -webkit-transition: 0.2s linear; */
   /* -o-transition: 0.2s linear; */
   /* transition: 0.2s linear; */
}

.trait .trait-list-item {
   position: relative;
   top: 10px;
   position: sticky;
   overflow: hidden;
   height: 660px;
}

section,
.instagram {
   overflow: hidden;
}

.trait .trait-list-item .wrapper {
   position: static;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.trait .trait-list-item .wrapper:before,
.trait .trait-list-item .wrapper:after {
   content: "";
   position: absolute;
   display: block;
   height: 100%;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(64.02%, rgba(255, 255, 255, 0.4)),
      to(#ffffff)
   );
   background: -o-linear-gradient(
      top,
      rgba(255, 255, 255, 0.4) 64.02%,
      #ffffff 100%
   );
   background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.4) 64.02%,
      #ffffff 100%
   );
   z-index: 1;
   -webkit-backdrop-filter: blur(6px) saturate(150%);
   backdrop-filter: blur(6px) saturate(150%);
}

.trait .trait-list-item .wrapper:before {
   top: 0;
   left: 0;
   width: 50%;
}

.trait .trait-list-item .wrapper:after {
   right: 0;
   top: 0;
   width: 15%;
}

.trait .trait-list-item__bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.trait .trait-list-item__content {
   position: relative;
   max-width: 300px;
   z-index: 1;
   padding-top: 80px;
}

.trait .trait-list-item__title {
   font-size: 2rem;
   font-weight: 400;
   line-height: 1.25;
   color: var(--primary);
   margin-bottom: 2rem;
}

.trait .trait-list-item__title > * {
   font: inherit;
}

.trait .trait-list-item__text {
   text-align: justify;
   /* font-size: 14px; */
   font-size: 16px;
   margin-bottom: 3rem;
}

.trait .trait-list-item:nth-child(even) .wrapper {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.trait .trait-list-item:nth-child(even) .wrapper:before {
   left: auto;
   right: 0;
}

.trait .trait-list-item:nth-child(even) .wrapper:after {
   right: auto;
   left: 0;
}

.trait .trait-list-item:nth-child(1) .trait-list-item__bg:before {
   content: "";
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#ffffff),
      color-stop(18.21%, white),
      color-stop(56.19%, rgba(255, 255, 255, 0))
   );
   background: -o-linear-gradient(
      top,
      #ffffff 0%,
      white 18.21%,
      rgba(255, 255, 255, 0) 56.19%
   );
   background: linear-gradient(
      180deg,
      #ffffff 0%,
      white 18.21%,
      rgba(255, 255, 255, 0) 56.19%
   );
}

.zone {
   padding-top: 8rem;
}

.zone .wrapper {
   max-width: 1050px;
}

.zone__title {
   font-weight: 400;
   margin-left: 3.5rem;
   margin-bottom: 1.5rem;
}

.zone__wrapper {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 400px 1fr;
   grid-template-columns: 400px 1fr;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end;
}

.zone .zone-mokup {
   width: 100%;
   min-height: 500px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.zone .zone-mokup__image {
   width: 100%;
   height: 100%;
   position: absolute;
}

.zone .zone-mokup__image img {
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center top;
   object-position: center top;
}

.zone .zone-mokup__app {
   margin-bottom: 3rem;
   box-shadow: -3px 4px 9px rgba(109, 108, 150, 0.16);
   border-radius: 49px;
   box-sizing: border-box;
   position: relative;
   max-width: 200px;
   padding: 13px 28px;
}

.zone .zone-content {
   position: relative;
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   /* 	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end; */
   -webkit-column-gap: 5.8rem;
   -moz-column-gap: 5.8rem;
   column-gap: 5.8rem;
   padding-bottom: 2.8rem;
   padding-left: 5.75rem;
   z-index: 1;
}

.zone .zone-content__bg {
   position: absolute;
   width: 1145px;
   height: 100%;
   bottom: 0;
   left: -5px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
}

.zone .zone-content__item .title-button {
   margin-bottom: 3.75rem;
}

.zone .zone-content__item .title-button__text {
   font-weight: 400;
}

.videos {
   padding-bottom: 5.5rem;
}

.videos__title {
   font-weight: 400;
   margin-top: 0;
   margin-bottom: 2rem;
}

.videos__wrapper {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: calc(50% - 111px) 1fr;
   grid-template-columns: calc(50% - 111px) 1fr;
}

.videos__image {
   height: 530px;
   width: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}

.videos__image:after {
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(3.54%, #ffffff),
         color-stop(61.47%, rgba(255, 255, 255, 0))
      ),
      -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(
         bottom,
         #ffffff 3.54%,
         rgba(255, 255, 255, 0) 61.47%
      ),
      -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(
         360deg,
         #ffffff 3.54%,
         rgba(255, 255, 255, 0) 61.47%
      ),
      linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.videos__content {
   padding-top: 5.6rem;
   padding-left: 5.6rem;
}

.videos .videos-list {
   margin: 0;
}

.videos .videos-list li {
   margin-bottom: 0rem;
}

.videos .videos-item {
   display: block;
}

.videos .videos-item__title {
   display: inline-block;
   font-size: 18px;
   color: var(--primary);
   cursor: pointer;
   -webkit-transition: 0.25s ease;
   -o-transition: 0.25s ease;
   transition: 0.25s ease;
   position: relative;
   margin-bottom: 1rem;
}

.videos .videos-item__title p {
   margin: 0;
}

.videos .videos-item__title:before {
   content: "";
   width: 17px;
   height: 19px;
   display: block;
   position: absolute;
   left: -40px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url("../images/triangle-btn-black.svg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-transition: 0.25s ease;
   -o-transition: 0.25s ease;
   transition: 0.25s ease;
   opacity: 0;
}

.videos .videos-item__image {
   max-width: 410px;
   height: 240px;
   width: 100%;
   display: block;
   position: relative;
}

.videos .videos-item__image a {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

.videos .videos-item__image a:after {
   content: "";
   width: 74px;
   height: 74px;
   background-image: url("../images/video-play-btn.svg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 1;
   -webkit-transition: 0.25s ease;
   -o-transition: 0.25s ease;
   transition: 0.25s ease;
}

.videos .videos-item.item--shown {
   margin-bottom: 1rem;
}

.videos .videos-item.item--shown .videos-item__title {
   font-size: 26px;
}

.videos .videos-item.item--shown .videos-item__title:before {
   opacity: 1;
}

.smile {
   position: relative;
}

.smile .wrapper {
   max-width: 610px;
}

.smile__image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   margin: auto;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.smile__image:after {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0)),
      color-stop(70.36%, rgba(255, 255, 255, 0.94)),
      to(#ffffff)
   );
   background: -o-linear-gradient(
      top,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.94) 70.36%,
      #ffffff 100%
   );
   background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.94) 70.36%,
      #ffffff 100%
   );
}

.smile__wrapper {
   padding: 3rem 0 5rem 0;
   min-height: 720px;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.smile__title {
   max-width: 15ch;
   text-align: center;
   font-weight: 400;
}

.smile__text {
   text-align: justify;
   margin-bottom: 3rem;
}

.smile__link {
   margin: 0;
}

/* animation for SmileView start */
@media (min-width: 1200px) {
   .smile {
      min-height: 730px;
   }

   .smile .wrapper {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 1s ease;
      -o-transition: 1s ease;
      transition: 1s ease;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -webkit-transition-delay: 2.5s;
      -o-transition-delay: 2.5s;
      transition-delay: 2.5s;
   }

   .smile__image:after {
      opacity: 0;
      -webkit-transition: 1s ease;
      -o-transition: 1s ease;
      transition: 1s ease;
      -webkit-transition-delay: 1.5s;
      -o-transition-delay: 1.5s;
      transition-delay: 1.5s;
   }

   .smile__image--circle {
      width: 570px;
      height: 570px;
      top: calc(50% - 285px);
      left: calc(50% - 285px);
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transition: -webkit-transform 1s;
      transition: -webkit-transform 1s;
      -o-transition: transform 1s;
      transition: transform 1s;
      transition: transform 1s, -webkit-transform 1s;
   }

   .smile__image--bg {
      width: 230px;
      height: 230px;
      top: calc(50% - 115px);
      left: calc(50% - 115px);
      border-radius: 50%;
      /* 		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg); */
   }

   .smile.aos-animate .wrapper {
      opacity: 1;
      visibility: visible;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
   }

   .smile.aos-animate .smile__image:after {
      opacity: 1;
   }

   .smile.aos-animate .smile__image--circle {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
   }

   .smile.aos-animate .smile__image--bg {
      -webkit-animation: 1.5s forImageBg 0s linear both;
      animation: 1.5s forImageBg 0s linear both;
   }
}

@-webkit-keyframes forImageBg {
   0% {
      top: calc(50% - 115px);
      left: calc(50% - 115px);
      /* 		-webkit-transform: rotate(90deg);
		transform: rotate(90deg); */
   }
   30% {
      width: 300px;
      height: 300px;
      top: calc(50% - 150px);
      left: calc(50% - 150px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
   }
   40% {
      width: 390px;
      height: 390px;
      top: calc(50% - 195px);
      left: calc(50% - 195px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
   }
   60% {
      width: 570px;
      height: 470px;
      top: calc(50% - 235px);
      left: calc(50% - 285px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
      border-radius: 100px;
   }
   70% {
      width: 770px;
      height: 470px;
      top: calc(50% - 235px);
      left: calc(50% - 385px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
      border-radius: 50px;
   }
   100% {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
      border-radius: 0;
   }
}

@keyframes forImageBg {
   0% {
      top: calc(50% - 115px);
      left: calc(50% - 115px);
      /* 		-webkit-transform: rotate(90deg);
		transform: rotate(90deg); */
   }
   30% {
      width: 300px;
      height: 300px;
      top: calc(50% - 150px);
      left: calc(50% - 150px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
   }
   40% {
      width: 390px;
      height: 390px;
      top: calc(50% - 195px);
      left: calc(50% - 195px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
   }
   60% {
      width: 570px;
      height: 470px;
      top: calc(50% - 235px);
      left: calc(50% - 285px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
      border-radius: 100px;
   }
   70% {
      width: 770px;
      height: 470px;
      top: calc(50% - 235px);
      left: calc(50% - 385px);
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
      border-radius: 50px;
   }
   100% {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      /* 		-webkit-transform: rotate(0);
		transform: rotate(0); */
      border-radius: 0;
   }
}

/* animation for SmileView end */
.evenements {
   margin-bottom: 5rem;
}

.evenements .wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.evenements .evenements__title {
   text-align: center;
}

.evenements .evenements__text {
   max-width: 410px;
   width: 100%;
   text-align: center;
}

.evenements .evenements__img {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.evenements .evenements__img img {
   width: 100%;
}

.formations {
   padding-bottom: 5.5rem;
}

.formations .wrapper {
   max-width: 1235px;
}

.formations__title {
   font-weight: 400;
   display: none;
   max-width: 17ch;
   letter-spacing: 2px;
}

.formations__content {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 645px;
   grid-template-columns: 1fr 645px;
   -webkit-column-gap: 2rem;
   -moz-column-gap: 2rem;
   column-gap: 2rem;
}

.formations__content .formations__title {
   display: block;
}

.formations__content .formations-left {
   padding-top: 12.5rem;
   max-width: 470px;
}

.formations__content .formations-left .formations__title {
   margin: 0;
   margin-bottom: 2rem;
}

.formations__content .formations-left__title {
   margin-top: 4rem;
   margin-bottom: 0.9rem;
   font-weight: 400;
}

.formations__content .formations-left__text {
   text-align: justify;
   margin-bottom: 4.25rem;
}

.formations__content .formations-right .img-cover {
   padding-bottom: 116%;
}

.formations__content .formations-right .img-cover:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ffffff),
      color-stop(9.1%, rgba(255, 255, 255, 0.96)),
      color-stop(19.97%, rgba(255, 255, 255, 0.87)),
      color-stop(37.97%, rgba(255, 255, 255, 0))
   );
   background: -o-linear-gradient(
      bottom,
      #ffffff 0%,
      rgba(255, 255, 255, 0.96) 9.1%,
      rgba(255, 255, 255, 0.87) 19.97%,
      rgba(255, 255, 255, 0) 37.97%
   );
   background: linear-gradient(
      0deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.96) 9.1%,
      rgba(255, 255, 255, 0.87) 19.97%,
      rgba(255, 255, 255, 0) 37.97%
   );
}

.acces {
   padding-top: 2rem;
   padding-bottom: 3.3rem;
}

.acces .wrapper {
   max-width: 1110px;
}

.acces .acces-title {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content;
   -ms-grid-columns: max-content 1fr max-content;
   grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
   grid-template-columns: max-content 1fr max-content;
   -webkit-column-gap: 5.875rem;
   -moz-column-gap: 5.875rem;
   column-gap: 5.875rem;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end;
   line-height: 0.6;
   margin-bottom: 2.5rem;
}

.acces .acces-title__line {
   height: 1px;
   background-color: var(--primary);
}

.acces .acces-content {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
}

.acces .acces-content__left {
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   /*-webkit-column-gap: 4.375rem;*/
   /*-moz-column-gap: 4.375rem;*/
   column-gap: 0;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end;
}

.acces .acces-content__left .info-contact__item {
   color: var(--primary);
}

.acces .acces-content__left .info-contact__item a {
   color: #000;
}

.acces .acces-content__left .info-contact__item a:focus {
   text-shadow: none;
}
@media only screen and (min-width: 768px) {
   .info-contact__item.tel:hover a {
      text-shadow: 0 0 1px var(--primary), 0 0 1px var(--primary),
         0 0 1px var(--primary);
   }
   .info-contact__item.tel a {
      pointer-events: none;
   }
}

.acces .acces-content__left .info-contact__item:not(:last-child) {
   margin-bottom: 1.5rem;
}

.acces .acces-content__left .rdv-contact {
   display: -ms-grid;
   display: grid;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
}

.acces .acces-content__left .rdv-contact .hover-me:not(:last-child) {
   margin-bottom: 1.5rem;
}

.acces .acces-content__right {
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-column-gap: 2rem;
   -moz-column-gap: 2rem;
   column-gap: 2rem;
}

.acces .shedule {
   max-width: 210px;
}

.acces .shedule__list {
   margin: 0;
   list-style: none;
}

.acces .shedule__list li {
   line-height: 1.1;
   margin-bottom: 4px;
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.acces .shedule__title {
   font-weight: 400;
   font-size: 18px;
}

.map-block {
   padding-top: 40px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}

div[title="marker"] {
   background-image: url(../images/marker-map.png);
   transition: 0.2s;
   background-size: contain;
   width: 45px !important;
   height: 60px !important;
}

div[title="marker"]:hover {
   transform: scale(1.15);
}

.map-block .wrapper {
   max-width: 1110px;
}

.map-block:before,
.map-block:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.map-block:before {
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#ffffff),
      color-stop(38.18%, rgba(255, 255, 255, 0.576442)),
      color-stop(86.53%, rgba(255, 255, 255, 0.04)),
      to(rgba(255, 255, 255, 0))
   );
   background: -o-linear-gradient(
      top,
      #ffffff 0%,
      rgba(255, 255, 255, 0.576442) 38.18%,
      rgba(255, 255, 255, 0.04) 86.53%,
      rgba(255, 255, 255, 0) 100%
   );
   background: linear-gradient(
      180deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.576442) 38.18%,
      rgba(255, 255, 255, 0.04) 86.53%,
      rgba(255, 255, 255, 0) 100%
   );
}

.map-block:after {
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0)),
      color-stop(0.01%, rgba(253, 253, 253, 0)),
      to(#1a2e51)
   );
   background: -o-linear-gradient(
      top,
      rgba(255, 255, 255, 0) 0%,
      rgba(253, 253, 253, 0) 0.01%,
      #1a2e51 100%
   );
   background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(253, 253, 253, 0) 0.01%,
      #1a2e51 100%
   );
}

.map-block__wrapper {
   position: relative;
   z-index: 1;
   min-height: 900px;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(26, 46, 81, 0)),
      color-stop(0.01%, rgba(253, 253, 253, 0)),
      to(#1a2e51)
   );
   background: -o-linear-gradient(
      top,
      rgba(26, 46, 81, 0) 0%,
      rgba(253, 253, 253, 0) 0.01%,
      #1a2e51 100%
   );
   background: linear-gradient(
      180deg,
      rgba(26, 46, 81, 0) 0%,
      rgba(253, 253, 253, 0) 0.01%,
      #1a2e51 100%
   );
}

.map-block #map {
   position: relative;
   height: 560px;
   -webkit-mask-image: url("../images/map-mask.png");
   mask-image: url("../images/map-mask.png");
   -webkit-mask-size: cover;
   mask-size: cover;
   -webkit-mask-position: center bottom;
   mask-position: center bottom;
}

.form-modal {
   position: fixed;
   width: 100vw;
   height: 100vh;
   padding-bottom: 3rem;
   top: 0;
   left: 0;
   background-color: var(--primary);
   background-image: url("../images/logotype-modal.svg");
   background-size: 475px;
   background-position: center bottom;
   background-repeat: no-repeat;
   overflow-y: auto;
   z-index: 999;
   color: #fff;
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   visibility: hidden;
   -webkit-transition: visibility 0.5s ease, -webkit-transform 0.5s ease;
   transition: visibility 0.5s ease, -webkit-transform 0.5s ease;
   -o-transition: transform 0.5s ease, visibility 0.5s ease;
   transition: transform 0.5s ease, visibility 0.5s ease;
   transition: transform 0.5s ease, visibility 0.5s ease,
      -webkit-transform 0.5s ease;
}

.form-modal__head {
   /* padding: 30px 0; */
   padding: 3vh 0;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.form-modal__logo {
   height: 84px;
}

.form-modal__logo img {
   height: 100%;
}

.form-modal__close-btn {
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   padding: 0;
   margin: 0;
   border: none;
   outline: none;
   width: 27px;
   background-color: transparent;
   cursor: pointer;
}

.form-modal__close-btn svg {
   display: block;
   width: 100%;
   transition: all 0.3s linear;
}

.form-modal__close-btn:hover svg {
   transform: scale(1.1);
   transition: all 0.3s linear;
}

.form-modal__content {
   max-width: 1180px;
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   -webkit-column-gap: 2rem;
   -moz-column-gap: 2rem;
   column-gap: 2rem;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   /* padding-top: 70px; */
   padding-top: 7vh;
   padding-right: 70px;
}

.form-modal__info {
   padding-top: 2rem;
}

.form-modal__info a {
   color: #fff;
}

.form-modal__info a:hover {
   text-shadow: 0 0 0.5px #fff, 0 0 0.5px #fff;
}

.ua-safari .form-modal__info a:hover,
.ua-safari .form-modal__info a:focus {
   text-shadow: 0 0 1px #fff;
}

.form-modal__info .title-button {
   margin-bottom: 5.45rem;
}

.form-modal__info .title-button__text {
   font-weight: 400;
   color: #fff;
}

@media screen and (max-height: 746px) {
   .form-modal__info .title-button {
      margin-bottom: 3.45rem;
   }
}

.form-modal .modal-info .info-contact__item:not(:last-of-type) {
   margin-bottom: 2.8rem;
}

.form-modal .contact-form {
   max-width: 520px;
}

.form-modal .contact-form__title {
   margin-top: 0;
   font-size: 40px;
   margin-bottom: 2rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 400;
   color: #fff;
}

.form-modal .contact-form__text {
   text-align: justify;
   /* font-size: 14px; */
   font-size: 16px;
}

body.form-modal--opened .form-modal {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   visibility: visible;
}

.shedule__list li.today {
   padding-left: 16px;
   color: var(--primary);
   position: relative;
   text-shadow: 0 0 1px var(--primary), 0 0 1px var(--primary),
      0 0 1px var(--primary);
}

.shedule__list li.today:before {
   content: url("../images/triangle-btn-black.svg");
   position: absolute;
   left: 0;
}

@media only screen and (max-width: 991px) {
   .form-modal {
      background-image: none;
   }

   .form-modal .contact-form {
      max-width: 410px;
   }

   .form-modal .contact-form__title {
      text-align: center;
      font-size: 2rem;
   }

   .form-modal__content {
      padding-right: 0;
      grid-auto-flow: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   @media screen and (max-height: 746px) {
      .form-modal__content {
         padding-top: 4vh;
      }
   }
   .form-modal .enter-form form .hover-me {
      margin-top: 40px;
   }

   .form-modal .modal-info {
      padding-top: 100px;
      display: -ms-grid;
      display: grid;
      grid-auto-flow: column;
      -webkit-column-gap: 50px;
      -moz-column-gap: 50px;
      column-gap: 50px;
   }

   .form-modal .modal-info__contact {
      display: none;
   }

   .form-modal .title-button {
      margin-bottom: 0;
   }

   .form-modal .title-button__text {
      font-size: 22px;
   }
}

@media only screen and (max-width: 575px) {
   .form-modal {
      padding-bottom: 1rem;
      text-align: center;
   }

   .form-modal__head {
      padding: 9px;
      height: var(--header-height);
   }

   .form-modal__logo {
      height: calc(var(--header-height) - 18px);
   }

   .form-modal .contact-form {
      max-width: 410px;
   }

   .form-modal .contact-form__title {
      font-size: 30px;
      text-align: center;
      margin-bottom: 1.4rem;
   }

   .form-modal__content {
      padding-top: 30px;
      padding-right: 0;
      grid-auto-flow: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .form-modal .enter-form form {
      padding-top: 0;
   }

   .form-modal .enter-form form .hover-me {
      margin-top: 40px;
   }

   .form-modal .modal-info {
      display: none;
   }
}

body.not-home .page-container {
   padding-bottom: 8rem;
}

body.not-home .imprimer {
   margin-top: 3rem;
}

.page-container {
   position: relative;
   z-index: 1;
}

.page-container .top-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 450px;
   z-index: -1;
}

.page-container .top-bg.top-bg-blog:after,
.page-container .top-bg:after {
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(white),
      color-stop(30%, white),
      color-stop(70%, rgba(255, 255, 255, 0.7)),
      to(rgba(255, 255, 255, 0.7))
   );
   background: -o-linear-gradient(
      bottom,
      white 0%,
      white 30%,
      rgba(255, 255, 255, 0.7) 70%,
      rgba(255, 255, 255, 0.7) 100%
   );
   background: linear-gradient(
      0deg,
      white 0%,
      white 30%,
      rgba(255, 255, 255, 0.7) 70%,
      rgba(255, 255, 255, 0.7) 100%
   );
}

.blog-page {
}

.blog-page .article-content .retour {
   top: -10px;
   left: 0;
}

.blog-page .block-bottom {
   width: 100%;
   position: relative;
   display: flex;
   align-items: center;
   /* 	justify-content: center; */
}

.breadcrumbs {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 25px;
   overflow: hidden;
   margin-left: 200px;
}

.breadcrumbs li {
   margin-bottom: 0;
   white-space: nowrap;
}

.breadcrumbs li:after {
   content: "/";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 25px;
   margin: 0 10px;
}

.breadcrumbs li:last-child {
   text-overflow: ellipsis;
   overflow: hidden;
}

.breadcrumbs li:last-child:after {
   display: none;
}

@media (max-width: 1199px) {
   .hist .hist-item .hist-item__text ul,
   .hist .hist-item .hist-item__text p:nth-child(2) {
      display: none;
   }

   .blog-page .article-content .retour {
      top: 0;
      margin: 0;
   }

   .breadcrumbs {
      margin-left: 20px;
   }
}

.breadcrumbs li a {
   color: #000000;
}

.breadcrumbs li span {
   color: #000000;
   text-decoration: underline;
}

.category-box {
   margin-top: 57px;
}

.category-box .category-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   width: 100%;
   overflow-x: scroll;
   overflow-y: hidden;
   white-space: nowrap;
   will-change: transform;
   user-select: none;
   cursor: pointer;
   gap: 0 60px;
}

.category-box .category-list::-webkit-scrollbar {
   display: none;
}

.category-box .category-list li {
}

.category-box .category-list li a {
   font-style: normal;
   font-weight: 400;
   font-size: 22px;
   line-height: 25px;
   color: #a7afbe;
}

.category-box .category-list li a:hover {
   color: var(--primary);
   text-shadow: none;
}

.article-wrapper {
   position: relative;
   z-index: 1;
   max-width: 890px;
}

.article-content {
   padding-top: 4rem;
   text-align: justify;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
   text-align: center;
   text-transform: uppercase;
   /*margin-top: 2.5rem;*/
   /*margin-bottom: 2rem;*/
   margin-top: 50px;
   margin-bottom: 30px;
   font-weight: 400;
}

.article-content h1 {
   font-size: 40px;
   line-height: 50px;
}

.article-content h2 {
   font-size: 30px;
   line-height: 36px;
}

.article-content h3 {
   font-size: 28px;
   line-height: 32px;
}

.article-content h4 {
   font-size: 22px;
   line-height: 25px;
}

.article-content h5 {
   font-size: 18px;
   line-height: 24px;
}

.article-content h6 {
   font-size: 16px;
   line-height: 22px;
}

.article-content img {
   max-width: 100%;
   display: block;
   margin: 2rem 0;
}

.article-content .retour {
   position: absolute;
   top: 8rem;
   left: -14rem;
}

/* blog */
.blog.publications .wrapper {
   max-width: 1330px;
}

.blog.publications .blog__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.blog.publications .blog__link {
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
   margin: 0 auto;
   margin-top: 4rem;
}

.blog.publications .blog-slider {
   display: -ms-grid;
   display: grid;
   grid-template-columns: repeat(auto-fill, 300px);
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-column-gap: 30px;
   -moz-column-gap: 30px;
   column-gap: 30px;
   row-gap: 30px;
   margin: 0;
}

.blog.publications .blog-slider-wrapper {
   max-width: 100%;
}

@media (max-width: 1199px) {
   /* blog */
   .blog.publications .wrapper {
      /*max-width: 760px;*/
   }

   .blog.publications .blog-slider {
      max-width: 100%;
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px;
      row-gap: 20px;
   }

   .blog.publications .blog-slider__title {
      font-size: 22px;
   }

   .blog.publications .blog-slider__image {
      height: 250px;
   }
}

@media (max-width: 767px) {
   /* blog */
   .blog.publications {
      padding-top: 1rem;
   }

   .blog.publications .wrapper {
      /*max-width: 375px;*/
   }

   .blog.publications .blog-slider-wrapper {
      width: 100%;
   }

   .blog.publications .blog-slider {
      -ms-grid-columns: (1fr) [ 2];
      grid-template-columns: repeat(2, 1fr);
   }

   .blog.publications .blog-slider__title {
      font-size: 20px;
   }

   .blog.publications .blog-slider__image {
      height: 170px;
   }
}

/* 404 */
.wrong-page {
   text-align: center;
   max-width: 600px;
   padding: 1rem;
   margin: auto;
   position: relative;
   z-index: 1;
}

.wrong-page__title {
   font-size: 150px;
   font-weight: 700;
   text-align: center;
}

.wrong-page__text {
   font-size: 1.5rem;
}

.wrong-page__link {
   font-size: 1.5rem;
   text-decoration: underline;
}

/* modal */
.remodal {
   max-width: 440px;
}

.remodal_thanks .remodal-close {
   left: auto;
   right: 0;
}

.remodal_thanks_header {
   font-size: 1.5rem;
   font-weight: 700;
}

/* footer */
.footer .wrapper {
   max-width: calc(1026px + (var(--gap) * 2));
}

.footer__wrapper {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 2.5rem;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   height: var(--footer-height);
}

.footer__right a:hover {
   text-shadow: 0 0 0.5px #fff, 0 0 0.5px #fff;
}

.footer p {
   margin-bottom: 0;
}

.footer__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   left: 50%;
   bottom: 0;
   height: 100%;
   padding: 0 58px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background-color: var(--primary);
}

.footer__logo img {
   margin: auto;
   height: 100px;
}

.footer__copyright b {
   font-weight: inherit;
}

body.home .footer {
   color: #fff;
   /* font-size: 14px; */
   font-size: 16px;
   position: relative;
   z-index: 1;
   margin-top: calc(var(--footer-height) * -1);
}

body.home .footer a {
   color: #fff;
}

body.home .footer__logo {
   background-color: transparent;
}

.not-home .footer .footer__right a:hover {
   text-shadow: 0 0 1px var(--primary), 0 0 1px var(--primary),
      0 0 1px var(--primary);
}

@media (max-width: 991px) {
   body.home {
      --footer-height: 160px;
   }

   body.home .footer {
      margin-top: calc((var(--footer-height) + 1rem) * -1);
   }

   body.home .footer__logo {
      margin-bottom: 0;
   }

   .footer__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 0;
      height: calc(var(--footer-height) + 1rem);
      padding-bottom: 1rem;
   }

   .footer__logo {
      height: 90px;
      height: auto;
      padding: 1.5rem 2rem;
      position: relative;
      left: auto;
      bottom: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1;
      margin-bottom: 1rem;
   }

   .footer__logo img {
      height: 54px;
   }

   .footer__right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .footer__copyright {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .footer__copyright p:not(:last-child) {
      margin-right: 5px;
   }
}

.responsive-video__autoplay {
   position: relative;
   /* height: 100%; */
   /* padding: 0; */
}

.volume-button {
   cursor: pointer;
   position: absolute;
   bottom: 23%;
   right: 10%;
   width: 40px;
   height: 40px;
   -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 40%);
   box-shadow: 0 0 4px rgb(0 0 0 / 40%);
   border-radius: 100%;
   z-index: 9;
   background-color: #000;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border: none;
   outline: 0;
   padding: 0;
   background-image: url("../images/soundoff.png");
}

.volume-button.active {
   background-image: url("../images/soundon.png");
}

@media (max-width: 768px) {
   .volume-button {
      bottom: 3%;
   }
}

.top-page-praticien h1 {
   max-width: 850px;
   margin-left: auto;
   margin-right: auto;
}

.praticien-hero-block {
   padding: 4rem 0 3rem;
}

.praticien-hero-block .wrapper {
   display: flex;
   justify-content: space-between;
   max-width: 1330px;
}

.praticien-hero-block .left {
   width: 40%;
}

.praticien-hero-block .left p {
}

.praticien-hero-block .right {
   width: 50%;
}

.praticien-hero-block .right {
}

.praticien-hero-block .right .hover-me {
   margin-right: 100px;
}

.praticien-hero-block .right .hover-me:last-child {
   margin-right: 0;
}

.praticien-items.wrapper {
   max-width: 1330px;
}

.praticien-items .praticien-item {
   display: flex;
   padding: 2rem 0;
   align-items: center;
}

.praticien-items .praticien-item:nth-child(odd) {
   flex-direction: row;
}

.praticien-items .praticien-item:nth-child(even) {
   flex-direction: row-reverse;
}

.praticien-items .praticien-item:nth-child(odd) .text {
   padding-right: 120px;
}

.praticien-items .praticien-item:nth-child(even) .text {
   padding-left: 120px;
}

.praticien-items .praticien-item .text {
   width: 50%;
}

.praticien-items .praticien-item .text .h2 {
   margin: 0 0 40px 0;
}

.praticien-items .praticien-item .text h3 {
   font-size: 30px;
   line-height: 36px;
}

.praticien-items .praticien-item .text .desc {
   margin: 0 0 40px 0;
}

.praticien-items .praticien-item .text .desc p {
}

.praticien-items .praticien-item .text .desc p:last-child {
   margin-bottom: 0;
}

.praticien-items .praticien-item .text .hover-me {
}

.praticien-items .praticien-item .img {
   width: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.praticien-items .praticien-item .img img {
   width: 100%;
}
.aligncenter .wp-block-embed__wrapper {
   text-align: center;
}

.wp-block-embed iframe {
   width: 100%;
   height: 478px;
}

.not-home .block-bottom {
   justify-content: center !important;
}
.not-home .retour {
   display: none !important;
}
.not-home .breadcrumbs {
   margin: 0 auto;
}