@font-face {
   font-family: "Objectivity";
   src: url("../fonts/Objectivity-Regular.eot");
   src: url("../fonts/Objectivity-Regular.eot?#iefix")
         format("embedded-opentype"),
      url("../fonts/Objectivity-Regular.woff2") format("woff2"),
      url("../fonts/Objectivity-Regular.woff") format("woff"),
      url("../fonts/Objectivity-Regular.ttf") format("truetype");

   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Broisther";
   src: url("../fonts/Broisther.otf");

   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Objectivity m";
   src: url("../fonts/Objectivity-Medium.eot");
   src: url("../fonts/Objectivity-Medium.eot?#iefix")
         format("embedded-opentype"),
      url("../fonts/Objectivity-Medium.woff2") format("woff2"),
      url("../fonts/Objectivity-Medium.woff") format("woff"),
      url("../fonts/Objectivity-Medium.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
*:focus-visible {
   outline: none;
   -webkit-tap-highlight-color: transparent !important;
}
.swiper-button-next:focus-visible {
   outline: none;
}
/* [id] {
  scroll-margin-top: 120px;
}
#conseils {
  scroll-margin-top: -100px;
}
@media screen and (max-width: 576px) {
  #conseils {
    scroll-margin-top: 60px;
  }
  #equipe {
    scroll-margin-top: 120px;
  }
}
html {
  scroll-behavior: smooth;
} */
body {
   padding: 0;
   margin: 0;
   width: 100%;
   margin: 0 auto;
   color: #222222;
   overflow-x: hidden;
   position: relative;
}

* {
   box-sizing: border-box;
   font-family: "Objectivity";
   font-style: normal;
   font-size: 16px;
   line-height: 26px;
   color: #222222;
}
strong {
   font-family: "Objectivity m", sans-serif;
}
strong a {
   font-family: "Objectivity m", sans-serif;
}
strong:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 1px;
}
/* strong a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
} */
div,
p,
form,
input,
a,
span,
button {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   -webkit-tap-highlight-color: transparent;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
   padding: 0;
   margin: 0;
   font-weight: 400;
   -webkit-tap-highlight-color: transparent;
}

h1 {
   font-family: "Objectivity";
   font-style: normal;
   font-size: 36px;
   line-height: 50px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

h2 {
   font-family: "Objectivity";
   font-style: normal;
   font-size: 30px;
   line-height: 40px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

h3 {
   /* H3 */
   font-family: "Objectivity";
   font-size: 24px;
   line-height: 34px;
   letter-spacing: 0.02em;
   color: #222222;
}

h4 {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 26px;
   /* identical to box height, or 130% */
   letter-spacing: 0.02em;
   /* #222222 */
   color: #222222;
}
@media screen and (max-width: 576px) {
   h1 {
      line-height: 33px;
   }
}

a,
a:hover,
a:active {
   text-decoration: none;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
   -webkit-tap-highlight-color: transparent;
}

a,
button,
input {
   transition: all 0.4s ease;
   color: #222222;
   -webkit-tap-highlight-color: transparent !important;
   outline: none !important;
}
p:focus-visible,
div:focus-visible,
p:focus-visible,
a:focus-visible {
   outline: none !important;
   -webkit-tap-highlight-color: transparent !important;
}
img {
   max-width: 100%;
}

input,
input:hover,
input:focus,
input:active,
button,
button:hover,
button:focus,
button:active {
   outline: none !important;
   -webkit-tap-highlight-color: transparent !important;
   /* outline: none; */
}
p,
div,
span,
button,
li,
ul,
ul li {
   cursor: default;
}
.f-nav {
   /* position: fixed !important;
  z-index: 11111;
  top: 0 !important;
  left: 0; */
   background: #fcfcfc;
   /* opacity: 1;
  border-radius: 6px; */
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;

   transition: 0.3s;
}

.btn {
   padding: 10px 40px;
   color: #fcfcfc;
   background: #222222;
   border-radius: 30px;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   text-align: center;
   display: block;
   max-width: 226px;
   transition: 0.3s;
   box-sizing: border-box;
}
.btn:hover {
   color: #222222;
   background: #fcfcfc;
   border-color: #222222;
}

.gallery-nav-wrap .gallery-nav__prev svg,
.gallery-nav-wrap .rehabilitation-nav__prev svg,
.rehabilitation-nav-wrap .gallery-nav__prev svg,
.rehabilitation-nav-wrap .rehabilitation-nav__prev svg {
   margin-right: 12px;
}
.gallery-nav-wrap .gallery-nav__next svg,
.gallery-nav-wrap .rehabilitation-nav__next svg,
.rehabilitation-nav-wrap .gallery-nav__next svg,
.rehabilitation-nav-wrap .rehabilitation-nav__next svg {
   margin-left: 12px;
}
.gallery-nav-wrap .swiper-btn,
.rehabilitation-nav-wrap .swiper-btn {
   display: flex;
   align-items: center;
   max-width: 116px;
   width: 100% !important;
   height: auto;
   margin: 0;
   cursor: pointer;
}
.gallery-nav-wrap .swiper-btn p,
.rehabilitation-nav-wrap .swiper-btn p {
   cursor: pointer;
}
.gallery-nav-wrap .swiper-btn:hover p {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.gallery-nav-wrap .swiper-btn svg,
.rehabilitation-nav-wrap .swiper-btn svg {
   display: block;
}
.gallery-nav-wrap .swiper-btn:after,
.rehabilitation-nav-wrap .swiper-btn:after {
   display: none;
}
@media screen and (max-width: 768px) {
   .gallery-nav-wrap .swiper-btn p,
   .rehabilitation-nav-wrap .swiper-btn p {
      display: none;
   }
}

.gallery-nav__pagination,
.rehabilitation-nav__pagination {
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 92px !important;
   width: 100% !important;
}

.twentytwenty-handle {
   margin: 0;
   height: 0;
   width: 0;
   border: 0;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
   display: none;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
   z-index: 333;
   width: 1px;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
   margin-bottom: 0;
}

.twentytwenty-horizontal .twentytwenty-handle:after {
   margin-top: 0;
   width: 1px;
}
/* #traitements {
  scroll-behavior: auto;
} */
.title span,
.laboratory-block__title span,
.treatments-title span {
   font-family: "Broisther", sans-serif;
   color: #fff;
   font-size: 58px;
   line-height: 87px;
   text-transform: capitalize;
}
.treatments-title span {
   color: #222222;
}
.header {
   /* position: absolute; */
   position: sticky;
   width: 100%;
   z-index: 111;
   transition: 0.3s;
   max-width: 1920px;
   margin: 0 auto;
   top: 0;
   padding-left: 60px;
   padding-right: 60px;
   padding-top: 11px;
   padding-bottom: 11px;
}
.header .container {
   max-width: 1428px;
   width: 100%;
   padding: 0 10px;
   margin: 0 auto;
}
.header-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.logo {
   height: 100%;
   display: block;
}
.header .menu {
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 719px;
   width: 100%;
   padding: 0 22px 0 10px;
}
.header .menu li {
   margin-right: 40px;
}
.header-navigation {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   max-width: 924px;
   width: 100%;
   padding-left: 10px;
}
.header-navigation ul li a:hover {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.header-contacts-wrap {
   display: flex;
   align-items: center;
}
.header-contacts-mobile {
   display: none;
}
.header-contacts {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.header-phone {
   padding: 0 20px;
   border-left: 1px solid #222222;
   border-right: 1px solid #222222;
   white-space: nowrap;
   position: relative;
   cursor: pointer;
   transition: 0.3s;
}
.header-phone span {
   cursor: pointer;
}
.header-phone:hover span {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}

.header-mail {
   padding-left: 20px;
   display: block;
   /* align-items: center; */
   transform: scale(1);
   transition: 0.3s;
}
.header-mail:hover {
   transform: scale(1.06);
}
.header-mail__text {
   margin-right: 10px;
}
.header .burger {
   color: #222222;
   width: 37px;
   height: 37px;
   position: relative;
   background-color: transparent;
   border: none;
   display: none;
}
.header .burger span {
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   height: 3px;
   background: #222222;
   width: 100%;
   transform: scale(1) translateY(-50%);
   transition: transform 1s;
}
.header .burger::after,
.header .burger::before {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 3px;
   background: currentColor;
   transition: transform 1s;
}
.header .mobile-logo {
   display: none;
}
.header .burger::before {
   top: 0;
   transform: translateY(10px);
}
.header .burger::after {
   bottom: 0;
   transform: translateY(-10px);
}
.header .burger.active span {
   transform: scale(0);
   transition: transform 1s;
}
.header .burger.active::before {
   transform: rotate(45deg) translateY(12px) translateX(12px);
   background-color: #222222;
   transition: transform 1s, background-color 0.3s ease-in-out;
}
.header .burger.active::after {
   transform: rotate(-45deg) translateY(-12px) translateX(12px);
   background-color: #222222;
   transition: transform 1s, background-color 0.3s ease-in-out;
}
.single .header {
   top: 0;
}
@media screen and (max-width: 1253px) {
   .header-navigation {
      position: fixed;
      top: 0;
      right: -100%;
      width: 35vw;
      height: 100vh;
      padding-top: 40px;
      background: #fcfcfc;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: none;
      border-radius: 10px;
      transition: 0.3s;
      display: none;
      opacity: 0;
   }
   .header .active.header-navigation ul li {
      margin-right: 0;
   }
   .header-navigation ul {
      flex-direction: column;
   }
   .header-navigation ul li {
      margin-bottom: 25px;
   }
   .header .burger {
      display: block;
   }
   .header .active.header-navigation {
      right: 0;
      display: flex;
      opacity: 1;
   }
   .header .active.header-navigation ul {
      flex-direction: column;
   }
   .header .active.header-navigation ul li {
      margin-bottom: 25px;
   }
}
@media screen and (max-width: 1380px) {
   .header .menu li {
      margin-right: 25px;
   }
}
@media screen and (max-width: 992px) {
   .header {
      padding-left: 0;
      padding-right: 0;
   }
   .header .container {
      padding-left: 40px;
      padding-right: 40px;
   }
}
@media screen and (max-width: 768px) {
   .header-navigation {
      width: 50vw;
   }
}
@media screen and (max-width: 576px) {
   .header {
      background: #fcfcfc;
      position: fixed;
      top: 0;
      left: 0;
      padding-left: 0;
      padding-right: 0;
   }
   .header .container {
      padding-left: 0;
      padding-right: 0;
   }
   /* body {
    padding-top: 62px;
  } */
   .header-contacts-mobile {
      display: flex;
      margin-right: 34px;
      position: relative;
      z-index: 1;
   }
   .header-navigation {
      padding-top: 100px;
   }
   .header-mobile-mail {
      padding: 0;
   }

   .header-mobile-phone {
      margin-right: 24px;
   }
   .header-mobile-phone,
   .header-mobile-mail {
      display: flex;
      align-items: center;
   }
   .header-contacts {
      display: none;
   }
   .header-navigation {
      width: 100%;
   }
   .header-logo {
      width: 250px;
      position: relative;
      z-index: 1;
   }
   .logo {
      display: none;
   }
   .header .mobile-logo {
      display: block;
   }
}

.home .wrapper {
   background: #f8f5f3;
   padding-left: 60px;
   padding-right: 60px;
   padding-top: 60px;
   margin-top: -161px;
}
@media screen and (max-width: 992px) {
   .home .wrapper {
      padding: 0;
   }
}
.home .header {
   top: 0;
   /* width: calc(100% - 120px); */
   /* left: 50%; */
   /* transform: translate(-50%); */
   margin-top: 60px;
}
@media screen and (max-width: 992px) {
   body {
      position: static;
   }
   .home .header {
      width: 100%;
      top: 0;
      margin-top: 0;
   }
}
@media screen and (max-width: 768px) {
   .home .header {
      padding-left: 15px;
      padding-right: 15px;
   }
}
@media screen and (max-width: 576px) {
   .page-id-261 {
      padding-top: 52px;
   }
   #block-3c8bf80d-373b-47c8-b921-ba73736bddae br {
      display: none;
   }
   .header {
      padding-left: 20px;
      padding-right: 20px;
   }
}
/* .page-other {
  padding-top: 81px;
} */

.video {
   position: relative;
   overflow-x: hidden;
   z-index: 1;
   /* margin-top: -80px; */
}
.video .video-wrap {
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   padding-bottom: 56.25%;
   margin: 0 auto;
}
.video .video-wrap__iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 200;
}
.video .video-wrap__iframe::after {
   content: "";
   width: 100%;
   display: block;
   position: relative;
   z-index: 200;
   top: 0;
   left: 0;
}
.video .sound {
   position: absolute;
   bottom: 10%;
   left: 5%;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: url(../image/soundoff.png) no-repeat center;
   cursor: pointer;
   z-index: 219;
}
.video .active {
   background: url(../image/soundon.png) no-repeat center;
}

.intro {
   margin-top: 60px;
   margin-bottom: 72px;
}
.intro .container {
   position: relative;
   width: 100%;
   padding: 0 10px;
   background-color: #fcfcfc;
   padding-top: 79px;
   padding-bottom: 70px;
}
.intro .title {
   /* max-width: 600px; */
   max-width: 674px;

   width: 100%;
   text-transform: inherit;
}
.intro-content-wrap {
   max-width: 1430px;
   width: 100%;
   padding: 0 10px;
   margin: 0 auto;
   position: relative;
   z-index: 1;
}
.intro-bg-masc {
   position: absolute;
   right: 46px;
   top: 24px;
   width: 21.235795%; /* 299/1408 */
   height: 100%;
   max-height: 310px;
   z-index: 0;
}
.intro-bg-masc svg {
   width: 100%;
   height: 100%;
}
.intro-desc-block {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-top: 40px;
}
.intro-text {
   max-width: 570px;
   width: 100%;
   text-align: justify;
   margin: 0;
}
.intro-tel__link {
   display: block;
}
.intro-address {
   max-width: 350px;
   width: 100%;
   padding: 0 10px;
}
.intro-address a {
   font-size: 20px;
   line-height: 26px;
}
.intro-address a:hover {
   text-decoration: underline;
}
.intro-tel a {
   font-size: 20px;
   line-height: 26px;
   margin-bottom: 5px;
}
.intro-sub-title {
   position: relative;
   width: 208px;
   margin-bottom: 25px;
}
.intro-address__title {
   width: 176px;
}
.intro-sub-title::after {
   content: "";
   position: absolute;
   bottom: 9px;
   right: 0;
   width: 104px;
   display: block;
   border-bottom: 1px solid #222222;
}
.intro-tel__link:hover {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.intro-contacts {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   max-width: 708px;
   width: 100%;
   padding-left: 20px;
}
@media screen and (max-width: 1100px) {
   .intro .intro-contacts {
      flex-direction: column;
   }
   .intro .intro-address {
      padding: 0;
      margin-bottom: 20px;
   }
   .intro .intro-contacts {
      max-width: 370px;
      padding-left: 46px;
   }
}
@media screen and (max-width: 768px) {
   .intro {
      padding: 0 20px;
   }
   .intro .title {
      font-size: 26px;
      line-height: 42px;
   }
   .intro .container {
      padding: 24px 10px 48px;
   }
   .intro .intro-desc-block {
      flex-direction: column;
      margin-top: 24px;
   }
   .intro .intro-contacts {
      padding: 0;
      margin-top: 40px;
   }
   .intro .intro .intro-address {
      margin-bottom: 40px;
   }
   .intro .intro-bg-masc {
      right: 10px;
      top: auto;
      max-height: 254px;
      bottom: 40px;
      width: 100%;
      max-width: 256px;
   }
}
@media screen and (max-width: 576px) {
   .page-other {
      padding-top: 0;
   }
   .intro .title {
      font-size: 21px;
      line-height: 33px;
   }
}

.team {
   padding-bottom: 70px;
}
.team-photo-wrap {
   display: none;
}
.team-photo-wrap img {
   width: 100%;
}
.team-wrap {
   position: relative;
}

.team-person__photo-block {
   overflow: visible;
}
.team-person__photo-block::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #fff;
   width: 120%;
   /* width: 100%; */
   height: 100%;
   z-index: -1;
}
.team-list {
   position: relative;
}
.team-list-blur {
   content: "";
   position: absolute;
   top: 0;
   right: -1px;
   width: 14%;
   height: 70%;
   background: #fff;
   z-index: 3;
   opacity: 0.8;
}

.team-list-hide-text {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   width: 14%;
   /* height: 100%; */
   background: transparent;
   z-index: 3;
   background-color: #f9f5f3;
   /* opacity: 0.8; */
}

@media screen and (max-width: 1353px) {
   .team-list-blur {
      width: 11%;
   }
}
@media screen and (max-width: 1130px) {
   .team-list-blur,
   .team-list-hide-text {
      display: none;
   }
   .team-list:after {
      display: none;
   }
}
.team-list-container {
   display: flex;
   align-items: flex-start;
   max-width: 1605px;
   width: 100%;
   margin: 100px 0 10px auto;
}
.team-list .swiper-wrapper {
   max-width: 1245px;
   width: 100%;
}
.team-desc {
   max-width: 300px;
   margin-right: 30px;
   min-width: 300px;
   z-index: 1;
   padding-top: 42px;
   padding-left: 20px;
}
.team-desc .title {
   position: relative;
   margin-bottom: 30px;
}
.team-desc .title span {
   color: #222222;
}

.team-person {
   max-width: 330px;
   width: 26.506024%; /* 330/1245 */
}
.team-person__photo-block {
   max-width: 330px;
   width: 100%;
   height: 100%;
   max-height: 400px;
   margin-bottom: 30px;
   position: relative;
   /* overflow: hidden; */
}
.team-person__photo-block img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.team-person__photo-block:hover .team-person-desc {
   opacity: 0.9;
}
.team-person-desc {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 57px 35px;
   background-color: #fff;
   opacity: 0;
   transition: 0.3s;
}
.team-person-title {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   line-height: 34px;

   letter-spacing: 0.02em;

   /* #222222 */

   color: #222222;
}
.team-person-position {
   color: #222222;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 26px;
   /* identical to box height, or 130% */

   letter-spacing: 0.02em;

   /* #222222 */

   color: #222222;

   letter-spacing: 0.02em;

   /* #222222 */

   color: #222222;
}
.team-person .btn {
   margin-top: 40px;
   opacity: 0;
   transition: 0.3s;
   display: block;
}
.team-person:hover .btn {
   opacity: 1;
}
.team .swiper-button-next,
.team .swiper-button-prev {
   position: relative;
   max-width: 258px;
   width: auto;
   background-color: #f0ebe8;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   color: #222222;
   margin: 0 11% 0 auto;
}
.team .swiper-button-next:after,
.team .swiper-rtl .swiper-button-prev:after {
   display: none;
}
@media screen and (min-width: 1921px) {
   .team-list-container {
      max-width: 1931px;
   }
   .team-list {
      width: 100%;
   }
   .team-list-blur {
      width: 11%;
   }
   .team-wrap {
      padding-left: calc((100vw - 1490px) / 2);
   }
}
@media screen and (max-width: 1480px) {
   .team-person-desc {
      padding: 10px;
      font-size: 12px;
      overflow: scroll;
   }
}
@media screen and (max-width: 1130px) {
   .team-person {
      width: 47%;
   }
}
@media screen and (max-width: 992px) {
   .team {
      overflow: hidden;
   }
}
@media screen and (max-width: 800px) {
   .team-list-container {
      flex-direction: column;
   }
   .team-list {
      margin-top: 25px;
      width: 80%;
   }

   .team-person {
      width: 100%;
      max-width: none;
      margin: 0 auto;
   }
   .team-person__photo-block {
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
   }
   .team-person__photo-block::before {
      display: none;
   }
}

@media screen and (max-width: 600px) {
   .team-wrap {
      background-color: #fff;
   }
   .team-person-title {
      font-size: 20px;
   }
   .team-person-position {
      font-size: 14px;
      line-height: 24px;
      margin-top: 8px;
   }
   .team .swiper-button-next,
   .team .swiper-button-prev {
      display: none;
   }
   .team-wrap {
      margin-top: -115px;
   }
   .team-person__photo-block {
      width: 100%;
      margin-bottom: 25px;
      margin-left: 0;
      margin-right: auto;
   }
   .team-person-link-wrap {
      display: none;
   }
   .team-person .btn {
      max-width: 158px;
      margin-top: 15px;
      font-size: 16px;
      padding-left: 18px;
      padding-right: 18px;
      /* display: none; */
   }
   .team .swiper-button-next,
   .team .swiper-button-prev {
      margin-top: 30px;
      margin-right: 0;
      margin-left: auto;
   }
   .team-list {
      width: 100%;
      padding: 0 30px;
   }
   .team-person {
      width: 46%;
      min-width: 118px;
      margin: 0;
      margin-bottom: 40px;
   }
   .team-person:nth-child(odd) {
      margin-right: 19px;
   }
   .team-wrap .swiper-wrapper {
      flex-wrap: wrap;
   }
}
.current-term {
   padding-top: 149px;
   padding-bottom: 138px;
   background-color: #fcfcfc;
   overflow: hidden;
   pointer-events: none;
}
.current-term .term {
   /* max-width: 1346px; */
   /* max-width: 1000px; */
   /* width: 100%; */
   width: 75%;
   /* margin: 0 auto; */
   margin: 0 auto 0 5%;
   padding: 0;
}
.current-term .term-list__item {
   display: flex;
   align-items: center;
   justify-content: center;
}
.current-term .term-list__item--ico {
   margin-right: 20px;
}
.current-term .term .swiper-wrapper {
   -webkit-transition-timing-function: linear !important;
   transition-timing-function: linear !important;
}
.current-term .swiper-slide {
   opacity: 0;
}
.swiper-slide-duplicate-prev,
.swiper-slide-duplicate-next,
.wiper-slide-duplicate-next,
.swiper-slide-duplicate-prev {
   opacity: 0.2 !important;
}
.current-term .swiper-slide-visible {
   opacity: 1;
   transition: 0.3s;
}
@media screen and (max-width: 800px) {
   .current-term {
      display: none;
   }
}
.gallery {
   padding-bottom: 200px;
   background-color: #fcfcfc;
}
.gallery .container {
   max-width: 1460px;
   width: 100%;
   margin: 0 auto;
   padding: 0 25px;
}
.gallery-slider {
   width: 100%;
   overflow: hidden;
   max-height: 700px;
   object-fit: cover;
}
.gallery-nav-wrap {
   margin-top: 40px;
   padding: 22px 120px;
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #fcfcfc;
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   border-radius: 6px;
   width: 100%;
}
.gallery-nav__prev,
.gallery-nav__next {
   position: static !important;
}
.gallery-nav__btn {
   max-width: 330px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.gallery-nav__pagination {
   max-width: 375px;
   width: 100%;
   position: static !important;
}
@media screen and (max-width: 768px) {
   .gallery {
      padding-top: 10px;
      padding-bottom: 30px;
   }
   .gallery .gallery-photo {
      object-fit: cover;
      height: 100%;
      width: 100%;
      display: block;
   }
   .gallery .gallery-nav__btn {
      max-width: 64px;
   }
   .gallery-nav-wrap {
      padding: 11px 0;
   }
   .gallery-nav-wrap {
      margin-top: 35px;
   }
   .gallery-slide {
      border-radius: 6px;
      overflow: hidden;
   }
}
@media screen and (max-width: 576px) {
   .gallery-nav-wrap {
      padding: 0 15px;
   }
}

.areas {
   background-color: #fcfcfc;
   padding-bottom: 176px;
}
.areas .container {
   max-width: 1460px;
   width: 100%;
   margin: 0 auto;
   padding: 0 25px;
}
.areas-photo {
   border-radius: 6px;
   display: block;
}
.areas-block {
   max-width: 690px;
   width: 100%;
}
.areas-block:first-child {
   margin-right: 30px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.areas-block .title {
   display: flex;
   align-items: center;
}
.areas-block .title span {
   font-family: "Broisther";
   font-style: normal;
   font-weight: 400;
   font-size: 58px;
   line-height: 87px;
   color: #222222;
   margin-left: 18px;
   margin-top: -18px;
}
.areas-block .title svg {
   margin-left: 10px;
}
.areas-text {
   margin-top: 30px;
   margin-bottom: 92px;
   max-width: 570px;
   width: 100%;
   text-align: justify;
}
.areas-wrapper {
   display: flex;
   align-items: stretch;
}
.areas-list {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}
.areas-list__photo {
   transition: 0.3s;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: 0.3s;
   object-fit: cover;
}
.areas-list__item {
   padding: 27px 0 30px 52px;
   margin-bottom: 20px;
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   border-radius: 6px;
   position: relative;
   overflow: hidden;
   transition: 0.3s;
}
.areas-list__item--icon {
   z-index: 0;
   position: relative;
   height: 52px;
   object-fit: cover;
   margin: 0 auto;
   display: block;
}
.areas-list__item--wrap {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   max-width: 514px;
   width: 100%;
   padding: 0 10px;
}
.areas-list__item:last-child {
   margin-bottom: 0;
}
.areas-list__item:hover .areas-list__photo {
   opacity: 1;
   z-index: 2;
}
.areas-list__item:hover .areas-list__ico svg path {
   stroke: #fff;
}
.areas-list__item:hover .areas-list__ico svg path:first-child {
   fill: #fff;
   stroke: #fff;
}
.areas-list__ico {
   margin-right: 20px;
   width: 86px;
   text-align: center;
   position: relative;
   z-index: 2;
}
@media screen and (max-width: 992px) {
   .areas .areas-wrapper {
      flex-direction: column;
      align-items: center;
   }
   .areas .areas-block:first-child {
      margin-bottom: 40px;
      margin-right: 0;
   }
   .areas .areas-list__item {
      margin-bottom: 24px;
      padding-top: 40px;
      padding-bottom: 40px;
      padding-left: 26px;
   }
   .areas .areas-list__item:last-child {
      margin-bottom: 0;
   }
   .areas-block .title span {
      color: #222;
   }
}

@media screen and (max-width: 768px) {
   .areas {
      padding-bottom: 30px;
   }
   .areas-text {
      margin-bottom: 20px;
   }
   /* .areas-block .title {
    flex-direction: column;
    align-items: flex-start;
  } */
   .areas {
      padding-top: 70px;
   }
}
@media screen and (max-width: 576px) {
   .areas .areas-list__item {
      padding-left: 0;
   }
   .areas-block .title {
      flex-direction: column;
      align-items: flex-start;
   }
   .areas-block .title span {
      font-size: 36px;
   }
   .areas-list__ico {
      min-width: 46px;
   }
   .areas-list__photo {
      top: 50%;
      left: 50%;
      width: 100%;
      height: 71%;
      border-radius: 6px;
      transform: translateY(-50%) translateX(-50%);
      object-fit: unset;
   }
   .areas-list__item:hover .areas-list__photo {
      display: none;
   }
}

.technologies {
   background-color: rgba(252, 252, 252, 0.8705882353);
   padding-bottom: 200px;
}
.technologies .container {
   max-width: 1460px;
   width: 100%;
   padding: 0 25px;
   margin: 0 auto;
   position: relative;
   background: linear-gradient(
         0deg,
         rgba(252, 252, 252, 0.87),
         rgba(252, 252, 252, 0.1)
      ),
      url(../image/bg.png);
   background-position-y: 19%;
   background-position-x: 48%;
   background-repeat: no-repeat;
}
.technologies-title {
   /* position: absolute;
  top: 0; */
   /* right: 17%; */
   max-width: 570px;
   font-family: "Objectivity", sans-serif;
   font-style: normal;
   font-size: 30px;
   line-height: 40px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}
.technologies-head {
   max-width: 960px;
   width: 100%;
   padding: 0 15px;
   margin: 0 auto;
}
.technologies-list {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.technologies-list__title {
   font-family: "Objectivity", sans-serif;
   font-size: 24px;
   line-height: 34px;
   letter-spacing: 0.02em;
   color: #222;
   margin-bottom: 14px;
}
.technologies-list__title-mob {
   display: none;
   font-family: "Objectivity", sans-serif;
   font-size: 24px;
   line-height: 34px;
   letter-spacing: 0.02em;
   color: #222;
}
.technologies-list__photo {
   display: block;
   transition: 0.3s;
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.technologies-list__desc {
   padding: 35px;
   position: absolute;
   bottom: 0;
   left: 0;
   height: 27.5%; /* 99/360 */
   width: 100%;
   padding: 34px 29px;
   transition: 0.3s;
}
.technologies-list__item {
   position: relative;
   width: 39.86014%; /* 570/1430 */
   max-height: 360px;
   border-radius: 6px;
   margin-bottom: 100px;
   overflow: hidden;
   background: rgba(252, 252, 252, 0.8);
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   padding-bottom: 99px;
   transition: 0.3s;
   box-sizing: border-box;
}
.technologies-list__media {
   position: relative;
   width: 100%;
   overflow: hidden;
}
.technologies-list__media::before {
   content: "";
   display: block;
   padding-top: 57.1%;
}
.technologies-list__media iframe {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.technologies-list__media img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.technologies-list__item:nth-child(even) {
   transform: translateY(139px);
}
/* @media screen and (min-width: 768px) {
  .technologies-list__item:hover {
    padding-bottom: 0;
  }
  .technologies-list__item:hover .technologies-list__desc {
    z-index: 2;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.644);
    border-radius: 6px;
  }
  .technologies-list__item:hover .technologies-list__text {
    opacity: 1;
    text-align: justify;
  }
  .technologies-list__item:hover .technologies-list__photo {
    height: 100%;
    opacity: 0.2;
  }
} */
.technologies-list__text {
   opacity: 0;
}
@media screen and (max-width: 1180px) {
   .technologies-list__item {
      width: 47%;
   }
   .technologies-title {
      right: 15%;
   }
}
@media screen and (max-width: 992px) {
   .technologies-title {
      right: 30px;
   }
   .technologies-list__desc:hover {
      overflow: scroll;
   }
}
@media screen and (max-width: 768px) {
   .technologies {
      padding-bottom: 10px;
   }
   .technologies .container {
      background: none;
      padding-left: 0;
      padding-right: 0;
   }

   .technologies-list__item {
      padding-left: 20px;
      padding-right: 20px;
   }
   .technologies-title {
      position: static;
      margin-bottom: 24px;
      text-align: left;
      /* margin: 0 auto 23px; */
   }
   .technologies-list {
      flex-direction: column;
   }
   .technologies-list__item {
      padding-bottom: 0;
      width: 100% !important;
      max-height: none;
   }
   .technologies-list__item:nth-child(even) {
      transform: translateY(0);
   }
   .technologies-list__item {
      margin-bottom: 25px;
   }
   .technologies-list__item:last-child {
      margin-bottom: 10px;
   }
   .technologies-list__desc {
      position: relative;
      padding-top: 30px;
   }
   /* .technologies-list__desc::after {
    content: url(../image/arrow-up.png);
    display: block;
    position: absolute;
    top: 30px;
    right: 6px;
  } */
   /* .technologies-list__text {
    display: none;
  } */
   .technologies .active .technologies-list__text {
      opacity: 1;
   }
   .technologies .active:after {
      transform: rotate(180deg);
   }
   .technologies-list__desc {
      padding-left: 10px;
   }
   .technologies-list__title {
      display: none;
   }
   .technologies-list__title-mob {
      display: block;
      margin-bottom: 30px;
   }
}

@media screen and (max-width: 576px) {
   .technologies-title {
      text-align: left;
   }
}

.rehabilitation {
   position: relative;
   background-color: #f8f5f3;
   padding: 0 60px 100px;
}
.rehabilitation .title {
   position: relative;
   display: inline-block;
}
.rehabilitation .title span {
   color: #222222;
}
/* .rehabilitation .title::after {
  content: url(../image/rehabilitation/rehabilitation.png);
  display: block;
  position: absolute;
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
} */
.rehabilitation-wrap {
   background: url("../image/rehabilitation/bg-rehabilitation.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: cover;
   margin: 0 auto;
   position: relative;
   z-index: 2;
   padding-bottom: 28px;
}
.rehabilitation-wrap .container {
   max-width: 1430px;
   width: 100%;
   margin: 0 auto;
   padding: 82px 10px 0;
}
.rehabilitation-bg-white {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background-color: #fcfcfc;
   z-index: 0;
}
.rehabilitation__info-block {
   max-width: 570px;
   width: 100%;
   margin: 0 0 78px auto;
}
.rehabilitation__text {
   margin-top: 30px;
   margin-bottom: 30px;
   text-align: justify;
}
.rehabilitation-slider {
   width: 100%;
   margin-top: 40px;
   height: 220px;
}
.rehabilitation-list {
   justify-content: center;
}
/* .rehabilitation-list__item {
  max-height: 200px;
  height: 100%;
} */
.rehabilitation-list__item-wrap {
   height: 100% !important;
   width: 100%;
   position: absolute;
   top: 0;
}
/* .rehabilitation-list__item .twentytwenty-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
} */
.rehabilitation-list__item .twentytwenty-wrapper img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   object-fit: contain;
}
.rehabilitation-nav-wrap {
   margin-top: 40px;
   max-width: 570px;
   width: 100%;
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-left: auto;
   opacity: 0;
   display: none;
}
.rehabilitation-nav__prev,
.rehabilitation-nav__next {
   position: static !important;
}
.rehabilitation-nav__btn {
   max-width: 330px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.rehabilitation-nav__pagination {
   max-width: 375px;
   width: 100%;
   position: static !important;
}
@media screen and (max-width: 992px) {
   .rehabilitation__info-block {
      margin: 0 auto;
   }
   .rehabilitation__btn {
      margin: 0 auto 40px;
   }
}
@media screen and (max-width: 768px) {
   .rehabilitation {
      padding-left: 10px;
      padding-right: 10px;
   }
   .rehabilitation-list {
      flex-direction: column;
   }
   .rehabilitation-list__item {
      max-height: none;
      width: 98%;
      padding: 0 5px;
      margin: 0 auto 24px;
      overflow: hidden;
      display: none;
   }
   .rehabilitation-list__item:first-child {
      display: block;
      border-radius: 6px;
      overflow: hidden;
   }
   .rehabilitation-list__item .twentytwenty-wrapper img {
      border-radius: 6px;
   }
   .rehabilitation-wrap {
      background: #e0d6ce;
   }
}
@media screen and (max-width: 576px) {
   .rehabilitation-slider {
      height: 176px;
   }
   .rehabilitation-list__item-wrap {
      height: 100% !important;
   }
}
.rehabilitation-list__item .twentytwenty-wrapper img {
   object-fit: cover;
}

.orthodontics {
   padding: 0 60px;
   background-color: #f8f5f3;
   padding-bottom: 200px;
}
.orthodontics-title {
   text-align: center;
}
.orthodontics-mobile {
   display: none;
}
.orthodontics-bg-white {
   background-color: #fff;
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   border-radius: 6px;
}
.orthodontics-bg-white .container .orthodontics-list__item {
   display: flex;
   align-items: flex-end;
   max-width: 450px;
   width: 100%;
}
.orthodontics-wrap {
   max-width: 1820px;
   width: 100%;
   margin: 0 auto;
   /* padding: 0 10px;
  box-sizing: content-box; */
}
.orthodontics-wrap .container {
   max-width: 1430px;
   width: 100%;
   margin: 0 auto;
   padding: 45px 10px 0;
}
.orthodontics-wrap .container:last-child .orthodontics-list__item {
   max-width: 330px;
   width: 100%;
}
.orthodontics-list {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.orthodontics-list__title {
   margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
   .orthodontics-wrap {
      display: none;
   }
   .orthodontics-mobile {
      display: block;
      background: #fcfcfc;
      padding: 24px 10px 40px;
   }
   .orthodontics-mobile .orthodontics-title {
      margin-bottom: 24px;
      font-family: "Objectivity";
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 32px;
      text-align: left;
      /* identical to box height, or 133% */
      letter-spacing: 0.02em;
      text-transform: uppercase;
      /* #222222 */
      color: #222222;
   }
   .orthodontics-list-mob__title {
      font-family: "Objectivity";
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: #222222;
      margin-bottom: 10px;
   }
   .orthodontics-list-mob__desc {
      width: 46.666667%; /* 147/315 */
   }
   .orthodontics-list-mob__item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 40px;
   }
   .orthodontics-list-mob__item img {
      display: block;
      width: 46.984127%; /* 148/315 */
   }
   .orthodontics-list-mob__item:nth-child(even) img {
      order: 2;
   }
   .orthodontics-list-mob__item:nth-child(even) .orthodontics-list-mob__desc {
      order: 1;
   }
   .orthodontics-list-mob-photo {
      margin-right: 20px;
   }
}
@media screen and (max-width: 768px) {
   .orthodontics {
      padding: 0 20px;
   }
}

.treatments {
   background-color: #f8f5f3;
}
.treatments .container {
   max-width: 1820px;
   /* max-width: 1430px; */
   width: 100%;
   margin: 0 auto;
   padding: 0 60px;
}
.treatments-title {
   margin-bottom: 27px;
   color: #222;
}
.treatments-title-mob {
   display: none;
}
.treatments .button {
   max-width: 226px;
   max-height: 46px;
   background: #f8f5f3;
   color: #222222;
   margin-top: 30px;
   background: #f8f5f3;
   border: 1px solid #f8f5f3;
}
.treatments .button:hover {
   background: #222222;
   color: #f8f5f3;
   border-color: #222;
}
.treatments-blocks {
   display: flex;
   align-items: stretch;
   justify-content: space-between;
}
.treatments-blocks-titles {
   display: flex;
   align-items: center;
}
.treatments-block {
   max-width: 885px;
   /* width: 100%; */
   width: 49%;
   background: #f8f5f3;
   border: 1px solid #e0d6ce;
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   border-radius: 6px;
   padding-bottom: 42px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.single-team .post-team-container {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.single-team .post-team-photo {
   position: relative;
   width: 35.484%;
}
.single-team .post-content {
   width: 64%;
   padding-left: 30px;
}
.single-team .post-content__wrap-team {
   max-width: 570px;
   width: 100%;
}
.single-team .post-team-photo::before {
   content: "";
   display: block;
   padding-top: 120.99%;
}
.single-team .post-team-photo img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}
@media screen and (max-width: 780px) {
   .single-team .post-team-container {
      flex-direction: column;
   }
   .post-team-photo {
      margin: 0 auto 24px;
   }
   .post-content {
      margin: 0 auto;
      width: 100%;
      padding-left: 29px;
      /* padding-left: 0; */
      padding-right: 29px;
   }
   .single-team .post-content {
      padding-left: 0;
   }
   .single-team .post-content {
      width: 100%;
   }
   .single-team .post-content__wrap-team {
      margin: 0 auto;
   }
   .single-team .post-team-photo {
      width: 87%;
   }
   .single-team .post-content__wrap-team {
      max-width: 100%;
   }
}

.treatments .container {
   padding-left: 31px;
   padding-right: 28px;
}
.treatments-block__post-list {
   padding-left: 27px;
   display: none;
}
.treatments-list__item .treatments-list-item__desc {
   display: none;
}
.treatments-block__list-wrap {
   display: none;
}
.treatments-list__item.active .treatments-list-item__desc {
   display: block;
}
.treatments-block__item .treatments-block__post-list {
   display: block;
}
.treatments-block__item .treatments-block__post-list li {
   display: list-item;
}
.treatments-block__item .treatments-block__post-list li:hover {
   text-decoration: underline;
   text-underline-offset: 2px;
   text-decoration-thickness: 1px;
}
.treatments-block__photo-wrap {
   position: relative;
   width: 100%;
   height: 190px;
   overflow: hidden;
   max-width: 570px;
}
.treatments-block__img {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 0;
   opacity: 0;
   transition: 0.3s;
}
.treatments-block__img.active {
   z-index: 2;
   opacity: 1;
}
.treatments-block-wrapper {
   width: 50%;
}
.treatments-block-wrapper:first-child {
   padding-left: 11%;
}
.treatments-block-wrapper:nth-child(2) {
   padding-left: 2%;
}
.treatments-block-wrapper:nth-child(2) h2 {
   display: inline-block;
   position: relative;
}
/* .treatments-block-wrapper:nth-child(2) h2::after {
  content: url("../image/Orthodontie.svg");
  position: absolute;
  left: 113%;
  bottom: -17px;
  display: block;
} */
.treatments-block-wrap {
   max-width: 765px; /* 570/885 */
   width: 100%;
   padding-left: 23%;
   /* padding-right: 30px; */
   padding-top: 41px;
}
.treatments-block:first-child {
   margin-right: 30px;
}
.treatments-block__item {
   margin-bottom: 24px;
}
.treatments-list__item .button {
   background: #e0d6ce;
   color: #222222;
}
.treatments-list__item .active {
   margin-bottom: 40px;
}
.treatments-list__item {
   margin-bottom: 24px;
}
.treatments-block-orthodentie {
   background: #e0d6ce;
}
.treatments-block:last-child .treatments-list__orthodontics {
   margin-bottom: 24px;
}
.treatments-block:last-child .treatments-block-wrap {
   padding-left: 13.559322%; /* 120/885 */
   max-width: 570px;
}
.treatments-list__title {
   transition: 0.3s;
}

.treatments-list__title.active::before {
   content: "-";
   transition: 0.3s;
}
.treatments-list__orthodontics-desc {
   display: none;
}
.treatments-list__orthodontics.active .treatments-list__orthodontics-desc {
   display: block;
}
.treatments-orthodontics__img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 0;
   opacity: 0;
   transition: 0.3s;
   visibility: hidden;
}
.treatments-orthodontics__img.active {
   z-index: 2;
   opacity: 1;
   visibility: visible;
}
.treatments-block-orthodentie .treatments-block-wrap:last-child {
   margin-left: 13.559322%;
   padding-left: 0;
}
.treatments-block-orthodentie
   .treatments-block-wrap:last-child
   .treatments-block__photo-wrap {
   border-radius: 6px;
   overflow: hidden;
}
.treatments-block--first {
   margin-right: 15px;
}

.treatments-block--first .treatments-block-wrap:last-child {
   margin-left: 23%;
   padding-left: 0;
   max-width: 570px;
   border-radius: 6px;
}
.treatments-block--first
   .treatments-block-wrap:last-child
   .treatments-block__photo-wrap {
   border-radius: 6px;
   overflow: hidden;
}
@media screen and (max-width: 1625px) {
   .treatments-block--first .treatments-block-wrap:last-child,
   .treatments-block:last-child .treatments-block-wrap {
      /* padding-left: 13.559322%; */
      padding-left: 0;
      box-sizing: content-box;
      margin-left: 0;
   }
   .treatments-block-orthodentie .treatments-block-wrap:last-child {
      margin-left: 0;
      padding-left: 0;
   }
   .treatments-block-wrap {
      /* padding-left: 13.559322%; */
      padding-left: 0;
   }
   .treatments-block-wrapper:first-child {
      padding-left: 2%;
   }
   .treatments-block {
      padding-left: 20px !important ;
      padding-right: 20px;
   }
}
@media screen and (max-width: 1680px) {
   .treatments-block__photo-wrap {
      width: 92%;
   }
}
@media screen and (max-width: 992px) {
   .treatments {
      padding-top: 64px;
   }
   .treatments-title-pc {
      display: none !important;
   }
   .treatments-title-mob {
      display: block;
      position: relative;
      display: inline-block;
      max-width: 242px;
   }
   .treatments-blocks {
      flex-direction: column;
   }
   .treatments-block {
      padding-top: 40px;
      padding-left: 0 !important;
      padding-right: 0;
      background: transparent !important;
      border: none;
      box-shadow: none;
      width: 100%;
   }
   .treatments-block-wrapper > h2 {
      display: none;
   }
   .treatments-block:first-child {
      border: none;
      box-shadow: none;
      padding: 0 0 24px 0 !important;
      margin: 0;
      margin-bottom: 64px;
   }
   .treatments-block-wrap {
      padding: 0 30px !important;
      max-width: 576px !important;
   }
   .treatments-block-wrapper:first-child {
      padding-left: 0;
   }
   .treatments-block__photo-wrap {
      max-width: 570px;
      border-radius: 6px;
      width: 100%;
      position: relative;
      overflow: hidden;
      height: auto;
   }
   .treatments-block__photo-wrap::before {
      content: "";
      display: block;
      padding-top: 33.29%;
   }
   .treatments-block__photo-wrap img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
   }
   .treatments .container {
      padding-left: 0;
      padding-right: 0;
   }
   .treatments-blocks__container {
      padding-left: 31px;
      padding-right: 29px;
   }
   .treatments-block-orthodentie {
      background: #e0d6ce !important;
      padding-left: 31px !important;
      padding-right: 28px;
   }
}
@media screen and (max-width: 700px) {
   .treatments-block-wrap {
      padding: 0 !important;
      /* padding-left: 31px !important; */
      /* margin: 0 auto; */
   }
}
@media screen and (max-width: 576px) {
   .treatments-block--first {
      padding-left: 31px !important;
      padding-right: 28px !important;
   }
}

.travel {
   background-color: #f8f5f3;
   padding-top: 200px;
   padding-bottom: 85px;
}
.travel .container {
   max-width: 1452px;
   width: 100%;
   margin: 0 auto;
   padding: 0 25px;
}
/* .travel-swiper {
  max-height: 260px;
} */
.travel .swiper-button-next {
   position: static;
   max-width: 258px;
   width: 100%;
   background-color: #f0ebe8;
   height: 46px;
   margin: 62px 0 0 auto;
   color: #222222;
   position: relative;
}
.travel .swiper-button-next svg {
   position: absolute;
   top: 50%;
   right: 39px;
   display: block;
   transform: translateY(-50%);
}
.travel .swiper-button-next::after {
   display: none;
}
.travel__title {
   margin-bottom: 54px;
}
.travel-list__slide {
   display: flex;
   align-items: flex-start;
}
.travel-list__slide img {
   margin-right: 20px;
   max-width: 70px;
}
.travel-list svg {
   margin-right: 20px;
   max-width: 68px;
}
.travel-list__number-stage {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   color: #222222;
   /* background: #f0ebe8; */
}
.travel-list__title {
   margin: 10px 0;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   line-height: 34px;
   /* identical to box height, or 142% */

   letter-spacing: 0.02em;

   /* #222222 */

   color: #222222;
}
@media screen and (max-width: 768px) {
   .travel {
      padding-top: 30px;
   }
   .travel-swiper {
      max-height: none;
   }
}

.tips {
   background-color: #fcfcfc;
   padding-bottom: 164px;
   padding-top: 200px;
}
.tips .container {
   max-width: 1450px;
   width: 100%;
   margin: 0 auto;
   padding: 0 25px;
}
.tips-nav__btn {
   display: flex;
   max-width: 330px;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   margin: 0;
}
.tips-nav__pagination {
   display: flex;
}
.tips-nav__pagination p {
   margin: 0 30px;
}
.tips-nav-wrap {
   display: flex;
   max-width: 1170px;
   width: 100%;
   margin: 40px auto 0;
   padding: 22px 0;
   background: #fcfcfc;
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   border-radius: 6px;
}
.tips-nav-wrap .swiper-pagination-lock {
   display: none;
}
.tips .swiper-btn {
   position: static;
   cursor: pointer;
}
.tips .swiper-btn:after {
   display: none;
}
.tips .swiper-pagination {
   position: static;
}
.tips-slider {
   margin-top: 67px;
}
.tips-list {
   width: 100%;
   height: auto;
}
.tips-list__link_photo {
   margin-right: 50px;
   border-radius: 6px;
   overflow: hidden;
   min-width: 180px;
}
.tips-list__link_photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.tips-list__link--btn {
   position: absolute;
   top: 15px;
   right: 15px;
   max-width: 20px;
}
.tips-list__text {
   max-width: 330px;
   width: 100%;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
}
.tips-list__item {
   display: flex;
   align-items: flex-start;
   padding: 9px 10px;
   background: #fcfcfc;
   box-shadow: 0px 4px 8px rgba(170, 156, 151, 0.12);
   border-radius: 6px;
   position: relative;
   transition: 0.3s;
   padding-left: 31px;
}
.tips-list__item:hover {
   background-color: #f9f5f3;
}
@media screen and (max-width: 992px) {
   .tips-list__link {
      width: 100%;
      margin: 0 0 20px;
   }
   .tips-list__link--btn {
      display: none;
   }
   .tips-list__item {
      flex-direction: column;
      align-items: center;
   }
}
@media screen and (max-width: 768px) {
   .tips {
      padding-bottom: 30px;
   }
   .tips-nav-wrap {
      display: none;
   }
   .tips-list {
      display: block;
   }
   .tips-list__link {
      width: auto;
      margin: 0 20px 0 0;
   }
   .tips-list__link--btn {
      display: block;
   }
   .tips-list__item {
      flex-direction: row;
      align-items: flex-start;
      width: 100% !important;
      margin-bottom: 30px;
   }
   .tips {
      padding-top: 30px;
   }
   .tips-slider {
      margin-top: 15px;
   }
}
@media screen and (max-width: 576px) {
   .tips-list__link {
      width: 100%;
      margin: 0 auto 20px;
   }
   .tips-list__link--btn {
      display: none;
   }
   .tips-list__item {
      flex-direction: column;
      align-items: flex-start;
   }
   .travel .swiper-button-next {
      margin-left: auto;
      margin-right: auto;
   }
}
.team .swiper-button-next,
.travel .swiper-button-next {
   border: 1px solid #f8f5f3;
   transition: 0.3s;
}
.team .swiper-button-next:hover,
.travel .swiper-button-next:hover {
   background: #222222;
   color: #f8f5f3;
   border-color: #222;
}

.paralax {
   min-height: 900px;
   position: relative;
}
.paralax-container {
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   background-size: cover;
   width: 100%;
   height: 100%;
}

.access {
   background-color: #222222;
   padding-top: 79px;
   padding-bottom: 58px;
}
.access .container {
   max-width: 1460px;
   width: 100%;
   margin: 0 auto;
   padding: 0 25px;
}
.access-title {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 300;
   font-size: 36px;
   line-height: 46px;
   letter-spacing: 0.08em;
   color: #fcfcfc;
   text-transform: inherit;
}
.access-block__address {
   max-width: 330px;
   width: 100%;
}
.access-block__phone {
   max-width: 212px;
   width: 100%;
}
/* .access-block__schedule {
  max-width: 250px;
  width: 100%;
} */
.access-block__title {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   padding-bottom: 25px;
   color: #fcfcfc;
   position: relative;
}
.access-block a {
   color: #fcfcfc;
}
.access-block__contact {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 26px;
   /* or 130% */
   letter-spacing: 0.02em;
   display: block;
   margin-bottom: 5px;
}
.access-block__contact:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 1px;
}
.access-block__day,
.access-block__time,
.access-block__hour {
   color: #8c8c8c;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
}
.access-block__day {
   min-width: 111px;
}
.access-block__time {
   min-width: 200px;
}
.access-block__week {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.access-block__time {
   display: flex;
   align-items: center;
   max-width: 150px;
   width: 100%;
}
.access-block__time p:first-child {
   margin-right: 10px;
}
.access-block__week.today div,
.access-block__week.today p {
   color: #fcfcfc;
}
.access-info {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-top: 31px;
   max-width: 990px;
   padding: 0 10px;
   width: 100%;
}
.access-wrapper {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
}
.access-btn-wrap {
   display: flex;
   flex-direction: column;
}
.access-btn-second {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   text-align: center;
   color: #222222;
   background: #ffffff;
   margin-top: 42px;
   transition: 0.3s;
   border: 1px solid #222222;
   cursor: pointer;
}
.access-btn-second:hover {
   background: #222222;
   color: #ffffff;
   border-color: #fff;
}
.access-btn {
   background-color: #fcfcfc;
   color: #222222;
   max-width: 228px;
   width: 100%;
   transition: 0.3s;
   text-decoration: none !important;
   border: 1px solid #222222;
}
.access-btn:hover {
   /* text-decoration: none !important; */
   background-color: #222222;
   color: #fcfcfc;
   border-color: #fcfcfc;
}
@media screen and (max-width: 1030px) {
   .access-block__schedule {
      max-width: 315px;
   }
}
@media screen and (max-width: 992px) {
   .access-wrapper {
      flex-wrap: wrap;
   }
}
@media screen and (max-width: 800px) {
   .access-info {
      flex-wrap: wrap;
   }
   .access-wrapper {
      width: 78%;
   }
   .access-btn {
      margin-top: 30px;
   }
   .access-block__schedule {
      margin-top: 25px;
   }
}
@media screen and (max-width: 740px) {
   .access-block__phone {
      margin-top: 25px;
   }
}
@media screen and (max-width: 576px) {
   .access-btn.btn {
      margin-left: auto;
      margin-right: auto;
   }
   .access-wrapper {
      width: 100%;
   }
   .access-btn-wrap {
      margin: 0 auto;
   }
}
@media screen and (max-width: 360px) {
   .access .container {
      padding: 0;
   }
}

.laboratory {
   width: 100%;
   height: 100%;
   padding-top: 768px;
   position: relative;
   background-color: #222222;
}
.laboratory-wrapper {
   width: 100%;
   position: relative;
   background: rgb(34, 34, 32);
   background: rgb(34, 34, 32);
   background: linear-gradient(
      0deg,
      rgb(34, 34, 32) 52%,
      rgba(34, 34, 32, 0.647356) 88%,
      rgba(34, 34, 32, 0) 100%
   );
   padding-top: 130px;
   padding-bottom: 40px;
}
.laboratory-bg-photo {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   background-size: cover;
}
.laboratory .container {
   max-width: 1460px;
   width: 100%;
   margin: 0 auto;
   padding: 0 25px;
   position: relative;
   z-index: 2;
}
.laboratory-block {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}
.laboratory-block__info {
   max-width: 570px;
   width: 100%;
}
.laboratory-block__title,
.laboratory-block__text {
   color: #fcfcfc;
}
.laboratory-block__title {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 30px;
   line-height: 40px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   position: relative;
}
/* .laboratory-block__title::after {
  content: url(../image/protheses.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5%;
  display: block;
  z-index: 5;
} */
.laboratory-block__text {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   margin-top: 34px;
   max-width: 450px;
}
.laboratory-block__btn {
   max-width: 226px;
   width: 100%;
   background-color: #fcfcfc;
   color: #222222;
   margin-top: 40px;
   transition: 0.3s;
   border: 1px solid #fcfcfc;
}
.laboratory-block__btn-mob {
   display: none;
}
.laboratory-block__btn:hover {
   background-color: #222222;
   color: #fcfcfc;
   border-color: #fcfcfc;
}
.laboratory-block__photo {
   max-width: 680px;
   width: 100%;
   border-radius: 6px;
   overflow: hidden;
}
.laboratory-block__photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
@media screen and (max-width: 768px) {
   .laboratory {
      padding-top: 400px;
   }
}
@media screen and (max-width: 576px) {
   .laboratory-block {
      flex-direction: column;
      /* align-items: flex-start; */
      align-items: center;
   }
   .laboratory-bg-photo {
      background-attachment: inherit;
   }
   .laboratory-block__photo {
      width: 100%;
      margin-top: 15px;
   }
   .laboratory-block__btn-pc {
      display: none;
   }
   .laboratory-block__btn-mob {
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
}

.footer {
   background-color: #222;
}
.footer > .container {
   max-width: 1459px;
   width: 100%;
   padding: 0 25px;
   margin: 0 auto;
}
.footer > .container a,
.footer > .container p,
.footer > .container li,
.footer > .container div {
   color: #fcfcfc;
}
.footer-logo {
   max-width: 225px;
   width: 100%;
}
.footer a:hover {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.footer-list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-top: 31px;
   padding-bottom: 18px;
}
.footer-list__item {
   display: flex;
}
@media screen and (max-width: 992px) {
   .footer li,
   .footer a {
      font-size: 13px;
   }
}
@media screen and (max-width: 768px) {
   .footer li,
   .footer a {
      font-size: 11px;
   }
}
@media screen and (max-width: 616px) {
   .footer-logo {
      margin: 0 auto;
   }
   .footer-list__item {
      flex-direction: column;
      text-align: center;
   }
   .footer-list__item p {
      text-align: center;
   }
   .footer-list {
      flex-direction: column;
   }
}

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

.contact-form {
   width: 100vw;
   position: fixed;
   z-index: 1111111;
   left: 0;
   top: -160%;
   height: 100vh;
   background-color: #fcfcfc;
   transition: 0.3s;
   overflow: scroll;
}
.contact-form.active {
   top: 0;
}
@media only screen and (max-width: 768px) {
   .contact-form {
      padding-bottom: 70px;
      /* height: 100dvh; */
   }
}
.contact-form__wrap {
   display: flex;
   height: 100vh;
   width: 100vw;
   align-items: flex-start;
}
.contact-form__photo {
   height: 100%;
   width: 49.21875%; /* 945/1920 */
}
.contact-form__photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.contact-form__block {
   width: 50.78125%; /* 975/1920 */
   height: 100vh;
}
.contact-form__block--info {
   max-width: 470px;
   width: 100%;
   padding: 74px 10px 0;
   margin: 0 auto;
   height: 100vh;
   position: relative;
}
.contact-form__logo {
   margin-bottom: 95px;
}
.contact-form__title {
   margin-bottom: 20px;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 30px;
   line-height: 40px;
   letter-spacing: 0.02em;
   text-transform: uppercase;

   /* #222222 */

   color: #222222;
}
.contact-form input[type="submit"] {
   min-height: 46px;
}
.contact-form .screen-reader-response ul {
   display: none !important;
}

.contact-form input,
.contact-form textarea {
   width: 100%;
   background: #f8f5f3;
   border-radius: 6px;
   border: 0;
   margin-bottom: 10px;
   padding: 17px;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   transition: 0.3s;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   /* identical to box height, or 162% */
   /* #222222 */
   color: #222222;
}
.contact-form input:focus-visible,
.contact-form textarea:focus-visible {
   outline: transparent;
}
.contact-form input {
   max-height: 60px;
   height: 100%;
   cursor: pointer;
}
.contact-form input[type="submit"] {
   background: #e0d6ce;
   border-radius: 30px;
   color: #222222;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: 51px;
}
.contact-form textarea {
   max-height: 250px;
   height: 100%;
   margin-bottom: 0;
   resize: none;
   cursor: pointer;
}
.contact-form__some-form {
   margin-top: 30px;
}
.contact-form .form-btn {
   width: 226px;
   height: 46px;
   margin-top: 61px;
   /* #E5E1DE */
   background: #e0d6ce;
   border-radius: 30px;
   padding: 0;
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   /* identical to box height, or 162% */
   text-align: center;
   /* #222222 */
   color: #222222;
}
.contact-form__close-btn {
   position: absolute;
   top: 74px;
   right: 0;
   cursor: pointer;
   transition: 0.3s;
}
.contact-form__close-btn:hover {
   transform: scale(1.1);
}
@media screen and (max-width: 1490px) {
   .contact-form__logo {
      margin-bottom: 30px;
   }
   .contact-form textarea {
      max-height: 200px;
   }
}
@media screen and (max-width: 1253px) {
   .contact-form__photo img {
      object-fit: contain;
   }
}
@media screen and (max-width: 768px) {
   .contact-form__photo {
      display: none;
   }
   .contact-form__wrap {
      width: 100%;
      display: block;
      padding: 0 20px;
   }
   .contact-form__block {
      width: 100%;
   }
   .contact-form__block--info {
      max-width: none;
   }
}
@media screen and (max-width: 576px) {
   .contact-form__block--info {
      padding-top: 20px;
   }
}

.single {
   background: #fcfcfc;
}
/* .single .header {
  position: relative;
} */

.post {
   /* padding-bottom: 182px; */
   padding-bottom: 224px;
   text-align: center;
}
.post-navigation__breadcrumbs-wrap {
   overflow-x: scroll;
   width: 100%;
}
.post-navigation__breadcrumbs-wrap::-webkit-scrollbar {
   display: none;
}
.post-navigation {
   display: flex;
   align-items: center;
   margin-top: 16px;
   margin-bottom: 45px;
}
.post-navigation a,
.post-navigation span {
   font-family: "Objectivity";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   /* identical to box height, or 162% */
   /* #222222 */
   color: #222222;
}
.post-navigation__btn-back {
   display: flex;
   align-items: center;
}
@media screen and (max-width: 561px) {
   .video {
      /* padding-top: 62px; */
      padding-top: 222px;
   }
   .post-navigation__btn-back {
      order: 2;
      margin-top: 10px;
   }
}
.post-navigation__btn-back svg {
   display: inline;
   padding-bottom: 1px;
}
.post-navigation__btn-back p {
   margin-left: 10px;
   cursor: pointer;
}
.post-navigation a:hover p {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}

.post-navigation__breadcrumbs {
   display: flex;
   align-items: center;
   margin-left: 60px;
   white-space: nowrap;
   overflow: auto;
}
.post-navigation__breadcrumbs a:hover {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.post-navigation__breadcrumbs--post-name {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.post-navigation__breadcrumbs span {
   transition: 0.3s;
}
.post-navigation__breadcrumbs span:hover {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
}
.post .container {
   max-width: 950px;
   width: 100%;
   display: inline-block;
   text-align: left;
   padding: 0 10px;
   margin: 0 auto;
   margin-top: 45px;
}
.post-content {
   text-align: justify;
}
.post-content a {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
   transition: 0.3s;
}
.post-content a:hover {
   text-shadow: 0px 1px #222222;
}
.post-content img {
   display: block;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 20px;
}
.post-content h2 {
   /* margin-top: 54px; */
   margin-bottom: 20px;
   margin-top: 64px;
}
.post-content p {
   /* margin-bottom: 30px; */
   margin-bottom: 3px;
}
.post-content ul {
   /* margin-top: 54px; */
   padding-left: 24px;
   margin-bottom: 54px;
}
.post-content ul li {
   display: list-item;
}
.page-id-261 .post .container {
   max-width: 950px;
   width: 100%;
   /* display: inline-block; */
   /* text-align: left; */
   padding: 0 10px;
   margin: 0 auto;
   margin-top: 45px;
}
.page-id-261 .post h2,
.page-id-261 .post h3,
.page-id-261 .post h4 {
   margin-bottom: 24px;
}
.page-id-261 .wrapper {
   padding-top: 0;
}
/* .page-id-261 .post {
  padding-top: 80px;
} */

.preloader {
   position: fixed;
   z-index: 11111;
   top: 0;
   left: 0;
   background-color: #fcfcfc;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 1;
   /* display: flex; */
   pointer-events: none;
   display: none;
   animation: preloaderHidden 1s linear 3s forwards;
}
.home .preloader {
   display: flex;
}
.preloader .container {
   /* max-width: 1428px; */
   width: 100%;
   padding: 11px 10px 0;
   margin: 0 auto;
   height: 100%;
   width: 100%;
   position: relative;
}
.preloader-block {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: block;
   z-index: 2;
   min-width: 310px;
}
@media screen and (min-width: 768px) {
   .preloader-block {
      animation: preloaderSVG 1s linear 1s forwards;
   }
}
@media screen and (max-width: 576px) {
   .page-id-261 .post {
      padding-top: 0;
   }
   .post-content h2 {
      margin-top: 29px;

      margin-bottom: 7px;
   }
   /* .post-navigation {
    margin-bottom: 16px;
  } */
   .post-content h2 {
      font-size: 21px;
   }
   .post-content {
      padding-left: 0;
      padding-right: 0;
   }
   .post .container {
      padding-left: 29px;
      padding-right: 29px;
      margin-top: 0;
   }
}
.preloader-block svg {
   display: block;
   width: 100%;
   height: 100%;
}
.preloader-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   background: #fcfcfc;
   display: block;
   z-index: 1;
   opacity: 1;
   transition: 0.3s;
   animation: preloaderOpacity 1.3s linear 1s forwards;
}
.preloader-bg-photo {
   background-image: url(../image/prel.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   /* background-position: center bottom; */
   position: absolute;
   width: 93%;
   height: 94%;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}
@keyframes preloaderSVG {
   from {
      top: 50%;
      left: 50%;
      transform: translate(-50%) scale(1);
   }
   to {
      top: 10%;
      left: 0;
      transform: translate(0) scale(0.45);
   }
}
@keyframes preloaderOpacity {
   from {
      opacity: 1;
   }
   to {
      opacity: 0.5;
   }
}
@keyframes preloaderHidden {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}
@media screen and (max-width: 768px) {
   .post .container {
      margin-top: 0;
      /* padding-top: 94px; */
      padding-top: 39px;
   }
}
@media screen and (max-width: 576px) {
   .post .container {
      margin-top: 0;
      padding-top: 65px;
   }
}
/*
.preloader-block {
  position: relative;
  width: 100%;
  height: 100%;
  
}
.preloader-block::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 60px;
  background-image: url(../image/prel.jpg);
  background-size: 100%;
  width: calc(100% - 120px);
  height: calc(100% - 120px);
  display: block;
  z-index: 1;
  opacity: 0;
}
.preloader svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);

  z-index: 2;
  animation: preloaderSVG 1s linear 1s forwards;
}

@keyframes preloaderSVG {
  from {
    top: 50%;
    left: 50%;
    transform: translate(-50%) scale(1);
  }
  to {
    top: 6.88%;
    left: 6%;
    transform: translate(0) scale(0.45);
  }
}

@keyframes preloader {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
} /*# sourceMappingURL=index.css.map */
/* @keyframes preloaderBlock {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
@media screen and (max-width: 1200px) {
  .preloader-block::after {
    background-size: cover;
  }
} */
/* @media screen and (min-width: 768px) {
  .preloader-block::after {
    animation: preloaderBlock 2s linear 2s forwards;
  }
  .preloader svg {
    animation: preloaderSVG 2s linear 2s forwards;
  }
  @keyframes preloaderSVG {
    from {
      top: 50%;
      left: 50%;
      transform: translate(-50%) scale(1);
    }
    to {
      top: 6.88%;
      left: -6%;
      transform: translate(0) scale(0.45);
    }
  }
  @keyframes preloaderBlock {
    from {
      opacity: 0;
    }
    to {
      opacity: 0.3;
    }
  }
} */
/* @media screen and (max-width: 630px) {
  .preloader svg {
    width: 80%;
  }
} */

/* ===============================================================================
=============================================================================== */
.error404 .wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}
.error404__button span {
   color: #fff;
}
.error404__button:hover span {
   color: #222;
}
.error404__number,
.error404__title {
   font-size: 33px;
}
.error404__title {
   margin-top: 15px;
   margin-bottom: 20px;
}
.error .header {
   position: static !important;
}
@media screen and (max-width: 800px) {
   .error404__wrapper {
      padding: 100px 30px;
   }
   .error404__wrapper .btn {
      margin-top: 25px;
   }
   .error404__subtitle {
      text-align: center;
   }
}
@media screen and (max-width: 560px) {
   .post-navigation {
      flex-direction: column;
      align-items: flex-start;
   }
   .post-navigation__breadcrumbs {
      margin-left: 0;
      margin-top: 15px;
   }
   .post-title {
      font-size: 22px;
   }
}
@media screen and (max-width: 418px) {
   .error404__title {
      font-size: 26px;
   }
}

.team-template-default .post-content h2 {
   margin-top: 10px;
}
/* .page-id-387 {
  padding-top: 50px;
} */
.technology-new {
   padding-bottom: 176px;
   overflow: hidden;
   background-color: #fcfcfc;
}
.technology-new .container {
   max-width: 1450px;
   width: 100%;
   margin: 0 auto;
   position: relative;
   padding: 0 20px;
   overflow: hidden;
}
.technology-new__blocks {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
}
.technology-new__title-mob {
   display: none;
}
.technology-new__text {
   margin-top: 30px;
   margin-bottom: 40px;
}
.technology-new__desc {
   position: relative;
   z-index: 2;
   max-width: 450px;
   width: 100%;
}
.technology-new__photo {
   position: relative;
   z-index: 0;
   max-width: 1000px;
   width: 100%;
}
.technology-new-gradient {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   background: linear-gradient(
         90deg,
         #fcfcfc 31.6%,
         rgba(252, 252, 252, 0) 93.69%
      ),
      url(_74A6935-HDR-HQ.jpg);
   border-radius: 6px;
   z-index: 1;
}
.technology-new__btn {
   border: 1px solid #222;
}

/* @media screen and (max-width: 1125px) {
  .technology-new-gradient {
    width: 118%;
  }
  .technology-new__desc {
    width: 36%;
  }
  .technology-new__photo {
    width: 64%;
  }
} */
.page-template-template-technologies .header,
.page-template-template-technologies .wrapper {
   background: #fcfcfc;
}

.page-template-template-technologies .wrapper {
   padding-top: 45px;
}
.page-template-template-technologies .post-navigation {
   margin-bottom: 0;
}
.page-template-template-technologies .technologies-list {
   margin-top: 98px;
   align-items: flex-start;
}
.page-template-template-technologies .technologies-list__item {
   max-height: none;
}
.page-template-template-technologies .technologies-list__desc {
   position: static;
}
.page-template-template-technologies .technologies-list__text {
   opacity: 1;
}
.page-template-template-technologies .technologies-list__desc {
   height: auto;
}
.page-template-template-technologies .technologies-list__item {
   padding-bottom: 0;
}
.video-block-btn-play {
   display: block;
}
.block-btn-pause {
   display: none;
}
.video-block-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 22;
   display: block;
   width: 100px;
   height: 100px;

   cursor: pointer;
   /* display: none; */
}
.video-block-btn svg {
   opacity: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   transition: 0.3s;
}
.video-block-btn svg:first-child {
   opacity: 1;
}
.technologies-list__media:hover svg {
   opacity: 1;
}
@media screen and (max-width: 1480px) {
   /* .technology-new-gradient {
    width: 129%;
  } */
   .technology-new__photo {
      margin-left: -117px;
   }
   .technology-new__desc {
      width: 36%;
   }
   .technology-new__photo {
      width: 73%;
   }
}
@media screen and (max-width: 992px) {
   .technology-new__title {
      display: none;
   }
   .technology-new__title-mob {
      display: block;
      text-align: left;
      margin-right: auto;
      margin-left: 0;
      margin-bottom: 15px;
   }
   .technology-new-gradient {
      display: none;
   }
   .technology-new__blocks {
      flex-direction: column;
      max-width: 690px;
      width: 100%;
      margin: 0 auto;
   }
   .technology-new__photo {
      margin-left: 0;
      order: 0;
      width: 100%;
   }
   .technology-new__desc {
      order: 1;
      width: 100%;
      max-width: none;
      margin-top: 25px;
   }
   .technology-new__btn {
      margin: 0 auto;
   }
}
@media screen and (max-width: 576px) {
   .technology-new {
      padding-top: 40px;
      padding-bottom: 70px;
   }
   .page-template-template-technologies .wrapper {
      padding-top: 84px;
   }
   .page-template-template-technologies .technologies-list {
      margin-top: 45px;
   }
}