*{
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
    font-family: "Pacifico", 'Great Vibes' 'Arial', 'Helvetica','Libre Baskerville','EB Garamond','Crimson Text' sans-serif;
  font-weight: 400;
  font-style: normal;
}


/* Анимация загрузки */
#loader {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader_img {
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  opacity: 0;
  animation: slide 6s ease-in-out infinite;
}

/* Анимация задержек для картинок */
.loader_img:nth-child(1) {
  animation-delay: 0.1s;
}
.loader_img:nth-child(2) {
  animation-delay: 2s;
}
.loader_img:nth-child(3) {
  animation-delay: 4s;
}

@keyframes slide {
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }
  20% {
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    transform: translateX(100%);
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/*Квноопка вверх  */
.scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* Скрываем кнопку по умолчанию */
    background:rgba(38,38,38,1);
    color: white;
    border: 2px solid #ebc137;;
    border-radius:5px;
    padding: 10px 10px 10px 10px;
    cursor: pointer;

    z-index: 1009;
}

.scrollToTopBtn:hover {
      background:rgba(38,38,38,0.8);
}



.button-up{
  width: 40px;
  height: 40px;
}


/* бургер */


.burger-toggle{
  display: none;
  position: relative;
  top:-50px;
  left: 20px;
  width: 30px;
   height: 0px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1000;
}

.burger-toggle span {
  display: block;
  height: 5px;
  width: 180%;
  background:  #ebc137;
  margin: 7px 0;
  transition: all 0.3s ease-in-out;
}

.burger-menu.active .burger-toggle span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.burger-menu.active .burger-toggle span:nth-child(2) {
  opacity: 0;
}
.burger-menu.active .burger-toggle span:nth-child(3) {
  transform: rotate(-45deg) translate(11.9px, -11.9px);
}

.burger-links {
  display: none;
  flex-direction: column;
    background-color: #262626;


}

.burger-links a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  text-decoration: none;
  padding: 10px;
  color:#ebc137;
    background-color: #262626;
    transition: all 1s ease;
    font-size: 35px;
     font-style: italic;
  font-weight:   bold;
    font-family: Great Vibes;
}


    .burger-links  a:hover {
      color: white;
      transition: all 1s ease;
  }







/* Шапка */

.container_header{
  display: grid;
  background-position: center ;
  background-repeat: no-repeat;
  grid-template-columns: 240px  620px  ;
  grid-template-rows:  125px ;
  justify-content: center;
  background-color: #262626;
  grid-gap: px;

}


.logo_header{
width: 237px;
height: 120px;
 }


.header_button{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;


}

.o_nas,.uslugi,.kontakty{
padding: 40px;
}


.header_button_text{
text-decoration: none;
color:#ebc137;
  transition: all 1s ease;
  font-size: 35px;
   font-style: italic;
font-weight:   bold;
  font-family: Great Vibes;
}


.header_button_text:hover{
  color: white;
  transition: all 1s ease;
}



/* прайс */


.uslugi_price{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}




.uslugi_price_content{


}

.man_zag{
  padding-top: 20px;
}

.man_zag_text{
text-align: center;
  font-style: italic;
font-weight:   600;
 font-family: Great Vibes;
 font-size: 40px;
padding: 10px;
background-color:#ebc137;
border-radius: 5px;
}


.man_text{
padding-top: 10px;
padding-bottom: 20px;
}





.stroka,.stroka_1{
  font-size: 18px;
  font-style: italic;
  padding-left: 20px;
}
.price{
    font-size: 18px;
      font-style: italic;
}

.razdelu{
  font-family: sans-serif  ;
  font-size: 21px;
  background-color:#ebc137;
  border-radius: 5px;
  padding: 3px;
}

/*услуги */

.container_uslugi_banner {
   overflow: hidden;
  display: flex;
flex-direction:  row;
flex-wrap: wrap;
justify-content: center;
  background: #f9f9f9;
align-items: center;
padding-bottom: 20px;

}



.uslugi_banner_zag{
padding: 20px;
  font-size: 40px;
  font-style: italic;
  font-weight: bold;
  font-family: Great Vibes;
}



.categor{
    display: flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: center;
  gap:30px;
   }


.uslugi_baner{
min-width:300px;
min-height: 300px;
max-width:300px;
max-height: 300px;
border-radius: 30px;
cursor: pointer;
transition: all 0.4s ease;
box-shadow: 2px 2px 8px gray;
}


.uslugi_baner:hover {
  transform: scale(0.94);
 transition: all 0.4s ease;
}

/* Начальное состояние — блоки невидимы и смещены */
.uslugi_baner {
  opacity: 0;
  transform: translateX(0);
  transition: all 0.8s ease;
}

/* Блоки слева */
.uslugi_baner.left {
  transform: translateX(-100px);
}

/* Блоки справа */
.uslugi_baner.right {
  transform: translateX(100px);
}

.uslugi_baner.show.left,
.uslugi_baner.show.right {
  opacity: 1;
  transform: translateX(0);
}

.uslugi_baner.show:hover {
  transform: translateX(0) scale(0.94);
}





.uslugi_baner_img{
width: 300px;
height:300px;
border-radius: 30px;
}


.uslugi_baner_text{
position: absolute;
top: 215px;
padding: 5px 0px 5px 0px;
width: 100%;
font-size: 35px;
text-align: center;
color:#262626;
background-color: rgba(255,255,255,0.65);
font-style: italic;
font-weight:   bold;
font-family: Great Vibes;

}








/* футер */
.container_footer{
     overflow: hidden;
  position: relative;

  display: grid;
  background-position: center ;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-columns:;
  grid-template-rows:;
  grid-gap:10px;
  justify-content:center;

  background-color: #262626;
}

.footer_content{
  width: 1024px;
}







/* Адрес */


.text_adres_content{
display: flex;
  width: 1024px;
flex-direction: row;
flex-wrap: wrap;
}



.text_img{
display: block;
width:70px;
height:70px;
}



.text_adres{
display: block;
  color:white;
    font-size: 23px;
  padding: 20px;


}


.telefonandgrafik{
display: flex;
flex-direction: row;
flex-wrap: wrap;
  width: 1024px;
  justify-content:center;
}

.grafik_raboty,.telefony{
padding: 30px;
width: 320px;
height: 320px;
}

.th_call,.th_graf{
font-size: 23px;
font-family: sans-serif  ;

}

.th_masters{
    padding-top: 1px;
font-size: 21px;
font-style: italic;
}


.td_name,.td_day{
  font-size: 16px;
}


.grafik_raboty,.telefony{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: center;
}
.grafik_raboty_text,.telefony_text{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  color: white;
}



/* появление график работы */
.grafik_raboty{
  opacity: 0;
  transform: translateX(0);
  transition: all 0.8s ease;
}

/* Блоки слева */
.grafik_raboty.left {
  transform: translateX(-100px);
}

/* Блоки справа */
.grafik_raboty.right {
  transform: translateX(100px);
}

.grafik_raboty.show.left,
.grafik_raboty.show.right {
  opacity: 1;
  transform: translateX(0);
}


/* появление телефон */
.telefony{
  opacity: 0;
  transform: translateX(0);
  transition: all 0.8s ease;
}

/* Блоки слева */
.telefony.left {
  transform: translateX(-100px);
}

/* Блоки справа */
.telefony.right {
  transform: translateX(100px);
}

.telefony.show.left,
.telefony.show.right {
  opacity: 1;
  transform: translateX(0);
}




/*  партнеры*/
.container_partners{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1024px;
  justify-content: center;
}

.partners_content{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.nashi_partnery,.estel{
  color: white;
font-size: 32px;
padding: 10px;
text-align: center;
}

/* появление партнтенры */
.container_partners{
  opacity: 0;
  transform: translateX(0);
  transition: all 0.8s ease;
}

/* Блоки слева */
.container_partners.left {
  transform: translateX(-100px);
}

/* Блоки справа */
.container_partners.right {
  transform: translateX(100px);
}

.container_partners.show.left,
.container_partners.show.right {
  opacity: 1;
  transform: translateX(0);
}



.prava_zashishenu{
text-align: center;
color: white;

}
.politika-konfidencialnosti{
  color:white;
}




 @media (max-width:1024px) {
   *{
     margin: 0;
     padding: 0;
     scroll-behavior: smooth;
       font-family: "Pacifico", 'Great Vibes' 'Arial', 'Helvetica','Libre Baskerville','EB Garamond','Crimson Text' sans-serif;
     font-weight: 400;
     font-style: normal;

   }

   /* Шапка */

   .container_header{
     display: grid;
     background-position: center ;
     background-repeat: no-repeat;
     grid-template-columns: 220px  434px;
     grid-template-rows:  80px ;
     justify-content: center;
     background-color: #262626;
     grid-gap: px;

   }


   .logo_header{
   width: 148px;
   height: 75px;
    }


   .header_button{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;


   }

   .o_nas,.uslugi,.kontakty{
   padding: 20px;
   }


   .header_button_text{
   text-decoration: none;
   color:#ebc137;
     transition: all 1s ease;
     font-size: 28px;
      font-style: italic;
   font-weight:   bold;
     font-family: Great Vibes;
   }


   .header_button_text:hover{
     color: white;
     transition: all 1s ease;
   }







   /*услуги */

   .container_uslugi_banner {
      overflow: hidden;
     display: flex;
   flex-direction:  row;
   flex-wrap: wrap;
   justify-content: center;
     background: #f9f9f9;
   align-items: center;
   padding-bottom: 20px;

   }



   .uslugi_banner_zag{
   padding: 20px;
     font-size: 30px;
     font-style: italic;
     font-weight: bold;
     font-family: Great Vibes;
   }



   .categor{
       display: flex;
   flex-direction:row;
   flex-wrap: wrap;
   justify-content: center;
     gap:30px;
      }


   .uslugi_baner{
   min-width:300px;
   min-height: 300px;
   max-width:300px;
   max-height: 300px;
   border-radius: 30px;
   cursor: pointer;
   transition: all 0.4s ease;
   box-shadow: 2px 2px 8px gray;
   }


   .uslugi_baner:hover {
     transform: scale(0.94);
    transition: all 0.4s ease;
   }

   /* Начальное состояние — блоки невидимы и смещены */
   .uslugi_baner {
     opacity: 0;
     transform: translateX(0);
     transition: all 0.8s ease;
   }

   /* Блоки слева */
   .uslugi_baner.left {
     transform: translateX(-100px);
   }

   /* Блоки справа */
   .uslugi_baner.right {
     transform: translateX(100px);
   }

   .uslugi_baner.show.left,
   .uslugi_baner.show.right {
     opacity: 1;
     transform: translateX(0);
   }

   .uslugi_baner.show:hover {
     transform: translateX(0) scale(0.94);
   }





   .uslugi_baner_img{
   width: 300px;
   height:300px;
   border-radius: 30px;
   }


   .uslugi_baner_text{
   position: absolute;
   top: 215px;
   padding: 5px 0px 5px 0px;
   width: 100%;
   font-size: 35px;
   text-align: center;
   color:#262626;
   background-color: rgba(255,255,255,0.65);
   font-style: italic;
   font-weight:   bold;
   font-family: Great Vibes;

   }




   /* футер */
   .container_footer{
     position: relative;
   overflow: hidden;
     display: grid;
     background-position: center ;
     background-repeat: no-repeat;
     background-size: cover;
     grid-template-columns:;
     grid-template-rows:;
     grid-gap:10px;
     justify-content:center;

     background-color: #262626;
   }

   .footer_content{
     width: 654px;
   }




   /* Адрес */


.text_adres_content{
  display: flex;
     width: 654px;
  flex-direction: row;
  flex-wrap: wrap;
}



.text_img{
display: block;
width:50px;
 height:50px;
}



   .text_adres{
display: block;
     color:white;
     font-size: 15px;
     padding: 13px 0px 10px 0px;


   }





   .telefonandgrafik{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
     width: 654px;
     justify-content:center;
   }

   .grafik_raboty,.telefony{
   padding: 30px;
   width: 320px;
   height: 320px;
   }




   .grafik_raboty,.telefony{
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     text-align: center;
   }
   .grafik_raboty_text,.telefony_text{
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: center;
     text-align: center;
     color: white;
   }



   /* появление график работы */
   .grafik_raboty{
     opacity: 0;
     transform: translateX(0);
     transition: all 0.8s ease;
   }

   /* Блоки слева */
   .grafik_raboty.left {
     transform: translateX(-100px);
   }

   /* Блоки справа */
   .grafik_raboty.right {
     transform: translateX(100px);
   }

   .grafik_raboty.show.left,
   .grafik_raboty.show.right {
     opacity: 1;
     transform: translateX(0);
   }


   /* появление телефон */
   .telefony{
     opacity: 0;
     transform: translateX(0);
     transition: all 0.8s ease;
   }

   /* Блоки слева */
   .telefony.left {
     transform: translateX(-100px);
   }

   /* Блоки справа */
   .telefony.right {
     transform: translateX(100px);
   }

   .telefony.show.left,
   .telefony.show.right {
     opacity: 1;
     transform: translateX(0);
   }




   /*  партнеры*/
   .container_partners{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 654px;
     justify-content: center;
   }

   .partners_content{
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
   }

   .nashi_partnery,.estel{
     color: white;
   font-size: 32px;
   padding: 10px;
   }

   /* появление партнтенры */
   .container_partners{
     opacity: 0;
     transform: translateX(0);
     transition: all 0.8s ease;
   }

   /* Блоки слева */
   .container_partners.left {
     transform: translateX(-100px);
   }

   /* Блоки справа */
   .container_partners.right {
     transform: translateX(100px);
   }

   .container_partners.show.left,
   .container_partners.show.right {
     opacity: 1;
     transform: translateX(0);
   }



   .prava_zashishenu{
   text-align: center;
   color: white;

   }
   .politika-konfidencialnosti{
     color:white;


   }






}











@media (max-width:654px) {
  *{
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
      font-family: "Pacifico", 'Great Vibes' 'Arial', 'Helvetica','Libre Baskerville','EB Garamond','Crimson Text' sans-serif;
    font-weight: 400;
    font-style: normal;

  }


  nav.text-links {
    display: none;
  }

  .burger-toggle {
    display: block;
  }

  .burger-menu.active .burger-links {
    display: flex;
  }


  /* Шапка */

  .container_header{
    display: grid;
    background-position: center ;
    background-repeat: no-repeat;
  grid-template-columns: 70px  250px  ;
      grid-template-rows: 61px;
    justify-content: center;
    background-color: #262626;
    grid-gap: ;

  }

  .logo_header{
    grid-column:  2/ span 1;
    grid-row: 1/ span  1;
    justify-content: center;
   }

   .header_button{
     grid-column:  1/ span 1;
     grid-row: 1/ span  1;
    }

  .logo_header{
  width: 112px;
  height: 57px;
  padding-left: 20px;
   }


  .header_button{
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;


  }

  .o_nas,.uslugi,.kontakty{
  padding: 20px;
  }


  .header_button_text{
  text-decoration: none;
  color:#ebc137;
    transition: all 1s ease;
    font-size: 28px;
     font-style: italic;
  font-weight:   bold;
    font-family: Great Vibes;
  }


  .header_button_text:hover{
    color: white;
    transition: all 1s ease;
  }













    /* прайс */


    .uslugi_price{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    }




    .uslugi_price_content{
width: 320px;

    }

    .man_zag{
      padding-top: 10px;
    }

    .man_zag_text{
    text-align: center;
      font-style: italic;
    font-weight:   600;
     font-family: Great Vibes;
     font-size: 20px;
    padding: 5px;
    background-color:#ebc137;
    border-radius: 5px;
    }


    .man_text{
    padding-top: 10px;
    padding-bottom: 20px;
    }





    .stroka,.stroka_1{
      font-size: 10px;
      font-style: italic;
      padding-left: 20px;
    }
    .price{
        font-size: 10px;
          font-style: italic;
    }

    .razdelu{
      font-family: sans-serif  ;
      font-size: 11px;
      background-color:#ebc137;
      border-radius: 5px;
      padding: 3px;
    }






    /*услуги */

    .container_uslugi_banner {
       overflow: hidden;
      display: flex;
    flex-direction:  row;
    flex-wrap: wrap;
    justify-content: center;
      background: #f9f9f9;
    align-items: center;
    padding-bottom: 20px;

    }



    .uslugi_banner_zag{
    padding: 20px;
      font-size: 30px;
      font-style: italic;
      font-weight: bold;
      font-family: Great Vibes;
    }



    .categor{
        display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: center;
      gap:30px;
       }


    .uslugi_baner{
    min-width:140px;
    min-height: 140px;
    max-width:140px;
    max-height: 140px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 2px 2px 8px gray;
    }


    .uslugi_baner:hover {
      transform: scale(0.94);
     transition: all 0.4s ease;
    }

    /* Начальное состояние — блоки невидимы и смещены */
    .uslugi_baner {
      opacity: 0;
      transform: translateX(0);
      transition: all 0.8s ease;
    }

    /* Блоки слева */
    .uslugi_baner.left {
      transform: translateX(-100px);
    }

    /* Блоки справа */
    .uslugi_baner.right {
      transform: translateX(100px);
    }

    .uslugi_baner.show.left,
    .uslugi_baner.show.right {
      opacity: 1;
      transform: translateX(0);
    }

    .uslugi_baner.show:hover {
      transform: translateX(0) scale(0.94);
    }





    .uslugi_baner_img{
    width: 140px;
    height:140px;
    border-radius: 30px;
    }


    .uslugi_baner_text{
    position: absolute;
    top: 86px;
    padding: 2px 0px 2px 0px;
    width: 100%;
    font-size: 17px;
    text-align: center;
    color:#262626;
    background-color: rgba(255,255,255,0.45);
    font-style: italic;
    font-weight:   bold;
    font-family: Great Vibes;

    }


    /* футер */
    .container_footer{
      position: relative;
   overflow: hidden;
      display: grid;
      background-position: center ;
      background-repeat: no-repeat;
      background-size: cover;
      grid-template-columns:;
      grid-template-rows:;
      grid-gap:10px;
      justify-content:center;

      background-color: #262626;
    }

    .footer_content{
      width: 320px;
    }




    /* Адрес */


 .text_adres_content{
   display: flex;
      width: 320px;
   flex-direction: row;
   flex-wrap: wrap;
 }



 .text_img{
 display: block;
 width:30px;
  height:30px;
 }



    .text_adres{
 display: block;
      color:white;
      font-size: 8px;
      padding: 13px 0px 10px 0px;


    }





    .telefonandgrafik{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
      width: 320px;
      justify-content:center;
    }

     .grafik_raboty,{
    padding: 10px 0px 20px 0px;
    width: 320px;
    height: 320px;
    }

.telefony{
  padding: 10px 0px 20px 0px;
  width: 320px;
  height: 350px;
}






    .grafik_raboty,.telefony{
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      text-align: center;
    }
    .grafik_raboty_text,.telefony_text{
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
      color: white;
    }







    .th_call,.th_graf{
        font-size: 24px;
    font-family: sans-serif  ;

    }

    .th_masters{
        padding-top: 2px;
        font-size: 21px;
    font-style: italic;
    }


    .td_name,.td_day{
      font-size: 15px;
    }


    /*  партнеры*/
    .container_partners{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 320px;
      justify-content: center;
    }

    .partners_content{
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
    }

    .nashi_partnery,.estel{
      color: white;
    font-size: 32px;
    padding: 10px;
    }




    .prava_zashishenu{
    text-align: center;
    color: white;

    }
    .politika-konfidencialnosti{
      color:white;


    }

}