body{
  background:
  url('../img/bg1.svg') center top no-repeat;
  background-size: 500vw;
}

.main__title-section{
  background: url('../img/man1.svg') center bottom no-repeat;
  background-size: 80vw;
}

.main__title-content{
  padding-top: 10vh;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.main__title-content .pre-h1{
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
}
.main__title-content h1{
  font-size: .8rem;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
.main__title-content p{
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 2.6em;
}
.main__title-content h1, .main__title-content h2{
  font-weight: 900;
}
.main-page-phone{
  position: relative;
  display: block;
  text-align: center;
  top: 30px;
  margin: 30px auto 0px;
  font-size: 2rem;
  font-weight: 600;

}

.main__title-content .btn{
  margin-top: auto;
  margin-bottom: 7vh;
}


.main__title-content{

}

.main__tiser-section{
  /* padding-top: 8rem; */
  /* background: url('../img/bg2.svg') top center no-repeat; */
  background-size: 3839px;
}

.main__h2{
  font-size: 2rem;
  margin-top: 0.9em;
  margin-bottom: 0.9em;
}
.main__p{
  font-size: 1.2rem;
  color: #505050;
}
 .main__o-nas{
   /* margin-bottom: inherit; */
 }

.main__banner-section{
  color: #ffffff;
  overflow: hidden;
}
.main__banner-bg{
  background-color: #ff0000;
}
.main__banner-section h2{
  font-size: 1.6rem;
  margin-top: 1.5em;
}
.main__banner-section p{
  font-size: 1.2rem;
}
.main__banner-section .btn{
  margin-top: 1em;
  margin-bottom: 2em;
}
.main__man2{
  width: 100%;
}


.main__plan-container, .main__plan-margin-container{
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1735px;
}
.main__plan, .main__plan-margin{
  padding-bottom: 18%;
  width: 100%;
  text-align: center;
}
.main__plan img{
  position: absolute;
  top: 0; right: 0;
  max-width: 100%;
  width: 100%;
}

.main__map img{
  position: absolute;
  width: 110vw;
  /* right: 0; */
  left: -10vw;
  top: 6em;
  max-width: 250%;
}
.main__way-content{
  text-align: center;
  color: #ffffff;
  margin-bottom: 4em;
}

.main__way-content h3{
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 90vw;
}
.main__way-content p{
  margin-bottom: 1.3em;
  font-size: 1.2rem;
}
.main__way-content button, .main__way-content a{
  margin-top: 1.5em;
}

.form-row .form-row{
  padding-bottom: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  -moz-appearance:textfield; /* Firefox */
  /* margin: 0; */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.grecaptcha-badge{
  display: none;
}

@media (max-width: 576px){
  .main__way-content button{
    font-size: 1.2rem;
  }
}

.main__way-section{
  background-color: #52b800;
  background-image: url("../img/greenspots.svg");
  background-position: center;
  background-size: 2500px;
  overflow: hidden;
  padding-top: 50vw;
}

@media (min-width: 576px){
  .container {
    max-width: 540px;
  }
  .main__title-content h1{
    font-size: 5rem;
  }
  .main__title-content h2{
    font-size: 1.4rem;
    /* margin: 0 0 3em 0; */
  }
  .main__title-content p{
    font-size: 1rem;
    margin-bottom: 2.6em;
  }
  .main__way-section{
    padding-top: 0;
  }
  .main__way-content h3{
    font-size: 3rem;
    margin-bottom: 80vw;
  }
  .main__map img{
    left:calc(-10vw - (100vw - 540px)/2);
  }
  .main__h2{
    font-size: 3rem;
  }
}

@media (min-width: 768px){
  .container {
    max-width: 720px;
  }
  .main__title-content{
    padding-top: 20vh;
    justify-content: center;
    align-items: center;
  }
  .main__title-content .pre-h1{
    font-size: 3.4rem;
  }
  .main__title-content h1{
    font-size: .91rem;
    margin: 0 0 3em 0;
  }
  .main__title-content p{
    font-size: .8rem;
    margin-bottom: 2.6em;
  }
  body{
    background:
      url('../img/bg1.svg') center top no-repeat;
    background-size: 3839px;

  }
  .main__title-section{
    background:
      url('../img/man1.svg') calc(50% - 25vw) center no-repeat;
    background-size: 50vw;
  }
  .main__title-content .btn{
    margin:0;
  }
  .main__banner-section h2{
    font-size: 2.3rem;
    margin-top: 3em;
  }
  .main__banner-section p{
    font-size: 1.2rem;
  }
  .main__banner-section .btn{
    margin-top: 1em;
    margin-bottom: 3em;
  }
  .main__man2{
    position: absolute;
    bottom: 0;
    left: 0;
    width:auto;
  }
  .main__map img{
    position: absolute;
    width: 180%;
    right: -3em;
    left: auto;
    top: -4em;
    max-width: 250%;
  }
  .main__way-content h3{
    font-size: 2rem;
    margin-bottom: 1em;
  }
  .main__way-content p{
    margin-bottom: 1.3em;
    font-size: .9rem;
  }
  .main__tiser-section{
    min-height: 100vh;
    margin-bottom: 5em;
  }
  .main__tiser-row{
    margin-top: -4rem;
  }
  .main__banner-section{
    padding-top: 10em;
  }
  .main__plan-section{
    margin-top: 8em;
  }
  .photo-slider{
    margin: 150px 0 0 0 ;
    position: relative;
  }
  .photo-slider-wrapper .next-button, .photo-slider-wrapper .prev-button{
    top: 150px;
    height: 100%;
    height: calc(100% - 150px);
  }
  .main-page-phone{
    position: absolute;
    top: 30px;
    right: 65px;
    font-size: 2rem;
  }  
}

@media (min-width: 992px){
  .container {
    max-width: 960px;
  }
  .main__title-content .pre-h1{
    font-size: 4.5rem;
  }
  .main__title-content h1{
    font-size: 1.4rem;
    margin: 0 0 3em 0;
    text-transform: none;
  }
  .main__title-content p{
    font-size: 1.1em;
    margin-bottom: 2.6em;
  }

  .main__o-nas{
    /* margin-bottom: 2em; */
  }
  .main__map img{
    position: absolute;
    width: 60vw;
    right: 0;
    left: auto;
    top: -5em;
  }

}

@media (min-width: 1200px){
  .container {
    max-width: 1140px;
  }
  body{
    background:
      url('../img/bg1.svg') center -200px no-repeat;
    background-size: 3039px;
  }
  .main__title-section{
    background:
      url('../img/man1.svg') calc(50% - (100vh / 2)) center no-repeat;
    background-size: 90vh;
  }
  .main__title-content .pre-h1{
    font-size: 5.3rem;
    text-transform: uppercase;
    font-weight: 900;
  }
  .main__title-content h1{
    font-size: 1.7rem;
    margin: 0 0 3em 0;
    text-transform: none;
  }
  .main__title-content p{
    font-size: 1.1em;
    margin-bottom: 2.6em;
  }
  .main__h2{
    font-size: 4.7rem;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
  }
  .main__plan img{
    position: absolute;
    top: 0; right: 0;
    max-width: 100%;
    width: calc(100vw - 96px);
  }
  .main__way-content p{
    font-size: 1.5rem;
  }
  .main-page-phone{
    font-size: 2.5rem;
  }  
}