/* header style */
.wrap__heder {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.header__block {
  position: relative;
  display: block;
  width: 100%;
  height: 800px;
  background-image: url(../img/shair-fon-header.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header__block .header__logo {
  position: relative;
  display: block;
  width: 330px;
  height: 200px;
  background-image: url(../img/shair.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  margin-top: 60px;
}
.header__block h1 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 4px;
}
.header__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  margin-top: 20px;
  padding: 30px;
}
.header__block .header__img {
  position: relative;
  display: block;
  width: 250px;
  height: 250px;
  background-image: url(../img/shair-master.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
/* end header style */

/* about me style */
.wrap__about__me {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.about__me__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #fff;
}
.about__me__block h2 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.about__me__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.about__me__block .about__me__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-about-me.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end about me style */

/* procedur style */
.wrap__procedur {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.procedur__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #fff;
}
.procedur__block h3 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.procedur__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.procedur__block .procedur__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/master-procadur.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end procedur style */

/* liposom style */
.wrap__liposom {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.liposom__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #000;
}
.liposom__block h4 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.liposom__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.liposom__block .liposom__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-liposom.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end liposom me style */

/* oil style */
.wrap__oil {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.oil__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #000;
}
.oil__block h4 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.oil__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.oil__block .oil__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-oil.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end oil me style */

/* detox style */
.wrap__detox {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.detox__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #000;
}
.detox__block h4 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.detox__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.detox__block .detox__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-detox.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end detox me style */

/* oxygen style */
.wrap__oxygen {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.oxygen__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #000;
}
.oxygen__block h4 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.oxygen__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.oxygen__block .oxygen__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-oxygen.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end oxygen me style */

/* complex style */
.wrap__complex {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.complex__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #000;
}
.complex__block h4 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px;
}
.complex__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.complex__block .complex__img {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-complex.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
/* end complex me style */

/* imasrter style */
.wrap__imaster {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.imaster__block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* background-image: url(../img/shair-fon-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #fff;
}
.imaster__block h5 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 4px;
}
.imaster__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  padding: 30px;
}
.imaster__block .imaster__img__master {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  background-image: url(../img/shair-master-imaster.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
.imaster__block .imaster__img {
  position: relative;
  display: block;
  width: 250px;
  height: 250px;
  background-image: url(../img/shair-imaster.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  margin-top: 20px;
}
/* end imaster style */

/* footer style */
.wrap__footer {
  position: relative;   
  width: 100%;
  height: auto;
  margin: auto;
}
.footer__block {
  position: relative;
  display: block;
  width: 100%;
  height: 800px;
  background-image: url(../img/shair-fon-footer.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer__block .block__social{
  position: absolute;
  display: block;
  width: 310px;
  height: 80px;
  /* border: 1px solid #fff; */
  bottom: 164px;
  top: auto;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.footer__block .block__social .telegram{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  margin: auto;
  float: left;
  background-image: url(../img/shair-telegram.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
}
.footer__block .block__social .viber{
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: auto;
  float: left;
  background-image: url(../img/shair-viber.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
}
.footer__block .block__social .instagram{
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: auto;
  float: left;
  background-image: url(../img/shair-instagraam.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;  
}
.footer__block h6 {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 1.1rem;
  font-weight: 500;
  bottom: 100px;
  top: auto;
}
.footer__block p {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 300;
  margin-top: 20px;
  padding: 30px;
}
.block__all__right__reserved {
  position: absolute;   
  width: 100%;
  height: auto;
  margin: auto; 
  bottom:50px;
  top: auto; 
}
.copyright {
  position: absolute;
  display: block;
  width: 300px;
  height: auto;
  color: #888888;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-size: 0.9em;
  font-size: 0.em;
  font-weight: 300;
  top: 73%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.send__block {
  position: relative;   
  width: 100%;
  height: 300px;
  margin: auto;
  /* border: 1px solid #fff; */
}
/* end footer style */


.wrap__form {
  max-width: 500px;
  width: 90%;
  height: auto;
  margin: auto;
}
.button__wrap__zapisatsa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.flare-button{
  width: 100%;
  max-width: 250px;
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  padding: 14px;
  margin-top: 20px;
  margin-bottom: 30px;
  /* border: none; */
  /* border-radius: 3px; */
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  /* text-transform: uppercase; */
  color: #fff;
  /* background: #eb9f11; */
  /* box-shadow: 0 3px 3px #be8316; */
  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;

  /* Важные стили для анимации */
  position: relative;
  overflow: hidden;
}


/* (>=1024 и <=2000) */
@media (min-width: 1024px) and (max-width: 2000px) { 

}

@media (min-width: 768px) and (max-width: 1024px) {    
  
}

@media (min-width: 414px) and (max-width: 767px) {
  
}

@media (min-width: 375px) and (max-width: 414px) {
}

@media (min-width: 320px) and (max-width: 375px) {

}