*,
*::before,
*::after {
  box-sizing: border-box;
}


ul[class],
ol[class] {
  padding: 0;
}


body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}


body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  
}


ul[class],
ol[class] {
  list-style: none;
}


a:not([class]) {
  text-decoration-skip-ink: auto;
}


img {
  max-width: 100%;
  display: block;
}


article > * + * {
  margin-top: 1em;
}


input,
button,
textarea,
select {
  font: inherit;
}


@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

a{
   text-decoration: none;
   color: inherit;
}


/* */

@font-face {
   font-family: 'TTNorms-Medium';
   src: url("/fonts/TTNorms-Medium.otf") format("opentype"); 
}
body{
   font-family: 'TT Norms Pro', sans-serif;
   position: relative;
}

body.active{
   overflow: hidden;
}
.clouds{
   position: absolute;
   width: 100%;
}
.header{
   position: relative;
   display: flex;
   justify-content: space-between;
   padding: 16px 22px;
   align-items: center;
   background-color: #14100AEB;
}

.main{
   position: relative;
   padding-top: 58px;
   z-index: 2;
}
.upper-section-content{
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: center;
}
.upper-section-image{
   position: absolute;
   width: 100%;
}
.upper-section-text{
   text-transform: uppercase;
   margin-left: 82px;
   margin-right: 91px;
   font-size: 20px;
   font-weight: 500;
   line-height: 24.38px;
   letter-spacing: 0.04em;
   text-align: center;
}

.main-middle-section{
   background-color: #F8F5F2;
   border-radius: 30px;
   position: relative;
   margin-top: 342px;
   padding: 20px;
   padding-bottom: 110px;
}

.middle-section-buttons{
   display: flex;
   justify-content: space-between;
}

.middle-button{
   width: 169px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   border-radius: 32px;
   background-color: #F0C47A;
   border: none;
   padding-top: 12px;
   padding-bottom: 12px;
   cursor: pointer;
}

.button-text{
   text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 12px;
letter-spacing: 0.04em;
text-align: center;
color: #041C12;
text-decoration: none;
}

.middle-section-service{
   margin-top: 48px;
}
.section-service-text{
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.04em;
text-align: center;

}

.section-service-content{
   display: flex;
   gap: 16px;
   margin-top: 20px;
   flex-wrap: wrap;
   justify-content: space-between;
}
.service-grid{
   position: relative;
   width: 47.7%;
   display: flex;
    justify-content: center;
    align-items: end;
}
.service-grid::before{
      content: " ";
      background: linear-gradient(180deg, rgba(0, 10, 6, 0) 16.28%, rgba(0, 10, 6, 0.7) 100%);
      width: 100%;
      height: 180px;
      z-index: 1;
      position: absolute;
      border-bottom-right-radius: 16px;
      border-bottom-left-radius: 16px;
}


.service-grid-big{
   width: 100%;
}

.service-grid-img{
   position: absolute;
   width: 100%;
   object-fit: cover;
   height: 100%;
   border-radius: 12px;
}

.service-grid-text-big{

   font-size: 18px;
   font-weight: 400;
   line-height: 19.8px;
   letter-spacing: 0.04em;
   text-align: center;
   position: relative;
   color: #F8F5F2;
   padding-top: 116px;
   padding-bottom: 24px;
   padding-left: 12px;
   padding-right: 12px;
}

.service-grid-text{
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 400;
   line-height: 15.4px;
   letter-spacing: 0.04em;
   text-align: center;
   position: relative;
   color: #F8F5F2;
   padding-top: 122px;
   padding-bottom: 20px;
   z-index: 2;
   padding-left: 5px;
   padding-right: 5px;
}

.middle-section-spa{
   margin-top: 56px;
}

.middle-section-additional{
   margin-top: 56px;
}
.shadow{
   position: absolute;
   width: 100%;
   border-radius: 12px;
}

.footer{
   background: #14130F;
   margin-top: -30px;
   padding-top: 70px;
   z-index: 1;
   position: relative;
}
.footer-image{
   position: absolute;
   margin-top: -70px;
   width: 100%;
   height: 100%;
}

.footer-content{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 32px;
   z-index: 5;
   position: relative;
}

.bron-number{
   
font-size: 18px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.04em;
text-align: center;
color: #F3F3F3;
display: block;
}

.bron-text{
font-size: 12px;
font-weight: 500;
line-height: 12px;
letter-spacing: 0.04em;
text-align: center;
color: #F3F3F3;
    opacity: 40%;
text-transform: uppercase;
margin-bottom: 9px;
}
.bron-number-small{
   font-size: 16px;
}
.number-container{
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.footer-socials{
   margin-top: 56px;
   padding-left: 35px;
   padding-right: 35px;
   z-index: 5;
   position: relative;
}

.socials-text{
font-size: 24px;
font-weight: 400;
line-height: 29.26px;
letter-spacing: 0.08em;
text-align: center;
color: #F3F3F3;
    opacity: 40%;
text-transform: uppercase;
}
.footer-down{
   display: flex;
   align-items: center;
   flex-direction: column;
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 40px;
   gap: 12px;
   z-index: 5;
   position: relative;
}
.socials-icons{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-top: 16px;
}

.footer-down-text{
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
text-align: center;
color:  #F8F1EF;
}

.button-footer{
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  margin-top: 20px;
  margin-bottom: 40px;
}

.btn-footer-inner{
   width: 100%;
   border: 1px solid #F8F5F233;
   background: none;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 12px 52px 12px 52px;
   gap: 16px;
   text-transform: uppercase;
   cursor: pointer;
}
.button-footer-text{
   font-size: 14px;
   font-weight: 300;
   line-height: 14px;
   letter-spacing: 0.12em;
   text-align: center;
   color: #F3F3F3;
}

.esfirium{
   width: 100%;
   background: #0F0E0C;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 20px 109px;
   flex-direction: column;
   gap: 12px;
}

.esfirium-text{

   font-size: 12px;
   font-weight: 300;
   line-height: 12px;
   letter-spacing: 0.04em;
   text-align: left;
   color: #F8F1EF;
   opacity: 60%;
   text-transform: uppercase;
}
.burger-menu-opened{
   padding-top: 68px;
   padding-left: 40px;
   padding-right: 28px;
   background-color:#FFFFFF ;
   width: 100%;
   height: 100%;
   z-index: 100;
   position: fixed;
   transform: translateX(100%);
	transition: transform 0.5s ease-out; 
   overflow:auto;
}

.burger-menu-opened.active{
   transform: translateX(0);
   position: fixed;
   overflow-y: scroll;
}
.dropdown-btn{
   background: none;
   border: none;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 66px;
   padding: 0;
   width: 100%;
   cursor: pointer;
}
.burger-close{
   width: 100%;
   display: flex;
   justify-content: end;
   margin-bottom: 17px;
}

.dropdown-btn-text{
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 21.94px;
letter-spacing: 0.04em;
text-align: left;
color: #041C12;
text-transform: uppercase;
}

.arrow-dropdown{
   border: solid black;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.burger-menu-list{
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 32px;
   margin-top: 24.5px !important;
   visibility: hidden;
   height: 0;
}

.burger-menu-list.active{
   visibility: visible;

   height: auto;
}

.list-element{
   font-family: "Montserrat", sans-serif;
   font-size: 14px;
   font-weight: 500;
   line-height: 17.07px;
   letter-spacing: 0.04em;
   text-align: left;
   color: #3D3C3A;
   text-transform: uppercase;
}

.burger-menu-content{
   display: flex;
   flex-direction: column;
   gap: 32.5px;
}
.header-menu{
   position: relative;
   width: 24px;
   -webkit-transition: 0.4s;
   -moz-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   z-index: 100;
}
.header-menu-lines::before,
.header-menu-lines::after,
.header-menu-lines {
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header-menu-lines{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header-menu-lines::before {
  content: '';
  top: -8px;
}
.header-menu-lines::after {
  content: '';
  top: 8px;
}

.header-menu-active{

}

.header-menu-active .header-menu-lines {
   background-color: transparent;
}

.header-menu-active .header-menu-lines::before{
   top: 0;
  transform: rotate(45deg);
  background-color: #CC9D59;
}

.header-menu-active .header-menu-lines::after{
   top: 0;
  transform: rotate(-45deg);
  background-color: #CC9D59;
}



.header-menu{
   cursor: pointer;
}

.burger-cross{
   cursor: pointer;
}


.d-flex {
   display: -ms-flexbox !important;
   display: flex !important;
 }
 
 .d-inline-flex {
   display: -ms-inline-flexbox !important;
   display: inline-flex !important;
 }
 .justify-content-start {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
 }
 
 .justify-content-end {
   -ms-flex-pack: end !important;
   justify-content: flex-end !important;
 }
 
 .justify-content-center {
   -ms-flex-pack: center !important;
   justify-content: center !important;
 }
 
 .justify-content-between {
   -ms-flex-pack: justify !important;
   justify-content: space-between !important;
 }
 
 .justify-content-around {
   -ms-flex-pack: distribute !important;
   justify-content: space-around !important;
 }
 
 .align-items-start {
   -ms-flex-align: start !important;
   align-items: flex-start !important;
 }
 
 .align-items-end {
   -ms-flex-align: end !important;
   align-items: flex-end !important;
 }
 
 .align-items-center {
   -ms-flex-align: center !important;
   align-items: center !important;
 }
.wrapper {max-width: 450px;margin:0 auto; overflow:hidden;position:relative;}
.inner-section {margin:-26px 0 30px 0;position:relative;padding:0 20px;z-index:4;}
.back-link {margin:0 0 24px 0;color: var(--14100-a, #14100A);   font-size: 14px;   font-weight: 500;   line-height: 100%;   letter-spacing: 1.68px;   text-transform: uppercase;}
.back-link .icon {width:24px;min-width:24px;margin:0 16px 0 0;}
.inner-slider-container {position:relative;padding:0 0px 64px 0px;margin:0 0 32px 0;}
.inner-slider .slide {padding:0 6px;}
.inner-slider .item { width: 100%; height: 260px; overflow: hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
.inner-slider .item img  {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.inner-slider .slick-list {overflow:visible;}

.inner-section h1 {margin:0 0 16px 0;color: var(--Night-Green, #041C12);   font-size: 24px;   font-weight: 500;   line-height: 100%;   letter-spacing: 0.96px;   text-transform: uppercase;}
.inner-section p {margin:0 0 12px 0;color: var(--454545, #454545);   font-size: 16px;   font-style: normal;   font-weight: 400;   line-height: 180%; /* 25.2px */}
body {background:#F8F5F2;}

.inner-section .inner-text {margin:0 0 50px 0;}

.inner-block {margin:0 0 40px 0;color: var(--454545, #454545);   font-size: 16px;   font-style: normal;   font-weight: 400;   line-height: 180%;}
.inner-block .block-name {margin:0 0 12px 0;color: var(--Black, #1A1A1A);   font-size: 16px;   font-weight: 600;   line-height: 140%;}
.inner-block .block-name .number { text-align:center;color: var(--Black, #1A1A1A);   font-size: 14px;   font-weight: 600;   line-height: 40px; margin:0 16px 0 0; width: 40px; min-width:40px; height: 40px; background:rgba(204,157,89,0.2); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.inner-block .block-image {height: 232px;margin:0 0 20px 0;overflow: hidden; border-radius:12px ;}
.inner-block .block-image img  {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}

.bottom-phone {margin:56px 0 0px 0;text-align:center;}
.bottom-phone .data {margin:0 0 20px 0;color: var(--Night-Green, #041C12);   font-size: 16px;   font-weight: 500;   line-height: 110%;   letter-spacing: 0.64px;   text-transform: uppercase;}
.bottom-phone .value {color: var(--Night-Green, #041C12);   font-size: 24px;   font-weight: 500;   line-height: 110%;   letter-spacing: 0.96px;   text-transform: uppercase;}
.bottom-phone .icon {width:32px;min-width:32px;margin:0 12px 0 0;}

.bottom-border { position:relative; z-index:10; bottom:-30px; margin:-30px -20px 0px -20px; height:60px; background:#F8F5F2; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; }

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

.main-banner{
	top:0;
	z-index: -1;
	min-height: 670px;
	object-fit: cover;
}

.main-head{
	font-size: 31px;
    line-height: 1.4;
}
.main.home{
	position: relative;
}
.main.home{
	position: relative;
	z-index: 1;
}
.footer-image{
	    z-index: -1;
}
.header-logo{
	max-width: 170px;
}
.upper-section-text{
	margin-left: 10px;
    margin-right: 10px;
}