/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


/*
common
BEGIN
*/

.pestovo-2023-wrapper {
  width: 100%;
  height: 100%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 40px;
  -webkit-transition: padding 100ms linear;
  -o-transition: padding 100ms linear;
  transition: padding 100ms linear;
}


/*
buttons
BEGIN
*/

.pestovo-2023-button {
  width: 250px;
/*  margin-top: 35px; */
  text-align: center;
  font-size: 20px;
/*  background: rgba(255, 255, 255, 0.32); */
    background: #0060a3;
  color: white;
  cursor: pointer;
}

.pestovo-2023-button_outline {
  width: 250px;
/*  margin-top: 35px; */
  text-align: center;
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.5);
  color: white;
}

.pestovo-2023-input-block label {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #181C19;
  margin-bottom: 6px;
}

.pestovo-2023-input-block.hidden {
  display: none;
}

.pestovo-2023-input {
  width: 100%;
  border-radius: 0;
  outline: none;
  border: 1px solid rgba(24, 28, 25, 0.26);
  padding: 5px 10px;
  height: 38px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(24, 28, 25, 0.7);
}

.pestovo-2023-input:focus {
  border: 1px solid rgba(24, 28, 25, 0.5);
}

.pestovo-2023-input.error {
  border: 1px solid red;
}


/* apply modal */


.pestovo-2023-modal-apply {
  position: fixed; /* Используем fixed для центровки на экране */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* Центрирование по горизонтали и вертикали */
  width: 100vw;
  max-width: 500px;
  background: white;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
/*  padding: 45px 43px 50px; */
  padding: 40px 39px 45px; 
  opacity: 0;
  z-index: -1;
  transition: all 200ms linear;
  transform: translate(-50%, -50%) scale(0.9); /* Уменьшаем на 10% */
}

.pestovo-2023-modal-apply.active {
  opacity: 1;
  z-index: 100;
}

.pestovo-2023-modal-apply__hide {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
  cursor: pointer;
}

.pestovo-2023-modal-apply input[type="text"],
.pestovo-2023-modal-apply input[type="email"],
.pestovo-2023-modal-apply textarea {
  width: 100%;
  padding: 6px 0;
  border: none;
  border-bottom: 1px solid black;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 1);
  outline: none;
}

.pestovo-2023-modal-apply textarea {
  resize: none;
}

.pestovo-2023-modal-apply input[type="text"]::-webkit-input-placeholder, .pestovo-2023-modal-apply input[type="email"]::-webkit-input-placeholder, .pestovo-2023-modal-apply textarea::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.pestovo-2023-modal-apply input[type="text"]::-moz-placeholder, .pestovo-2023-modal-apply input[type="email"]::-moz-placeholder, .pestovo-2023-modal-apply textarea::-moz-placeholder {
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.pestovo-2023-modal-apply input[type="text"]:-ms-input-placeholder, .pestovo-2023-modal-apply input[type="email"]:-ms-input-placeholder, .pestovo-2023-modal-apply textarea:-ms-input-placeholder {
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.pestovo-2023-modal-apply input[type="text"]::-ms-input-placeholder, .pestovo-2023-modal-apply input[type="email"]::-ms-input-placeholder, .pestovo-2023-modal-apply textarea::-ms-input-placeholder {
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.pestovo-2023-modal-apply input[type="text"]::placeholder,
.pestovo-2023-modal-apply input[type="email"]::placeholder,
.pestovo-2023-modal-apply textarea::placeholder {
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.pestovo-2023-apply-form-send {
  width: 182px;
  margin: 14px 0 32px;
  padding: 10px;
}

.pestovo-2023-modal-apply__agreement {

}

.pestovo-2023-modal-apply__agreement input {
  display: none;
}

.pestovo-2023-modal-apply__agreement label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
  font-weight: 300;
  font-size: 14px;
  line-height: 152%;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.pestovo-2023-modal-apply__agreement input:checked + label {
  color: #000000;
}

.pestovo-2023-modal-apply__agreement label::before {
  content: '';
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.7);
  margin-top: 2px;
}

.pestovo-2023-modal-apply__agreement input:checked + label::before {
  content: url(../images/icons/checked.svg);
  border: 1px solid black;
}

/* thankyou modal */

.pestovo-2023-modal-thankyou {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100vw;
  max-width: 500px;
  background: white;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
  padding: 45px 43px 50px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.pestovo-2023-modal-thankyou p {
  font-family: 'Playfair Display';
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}

.pestovo-2023-modal-thankyou.active {
  opacity: 1;
  z-index: 101;
}

.pestovo-2023-modal-thankyou__hide {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
  cursor: pointer;
}

.pestovo-2023-show-modal-thankyou {
  position: absolute;
  bottom: -20px;
  left: 0;
  font-size: 10px;
  width: 100%;
  text-align: center;
  opacity: 0.6;
  cursor: pointer;
}

.pestovo-2023-show-modal-thankyou:hover {
  opacity: 1;
}

/* call modal */

/* thankyou modal */

.pestovo-2023-modal-call {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100vw;
  max-width: 400px;
  background: white;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
  padding: 45px 43px 50px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.pestovo-2023-modal-call a {
  /* font-family: 'Playfair Display'; */
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  width: 100%;
  display: block;
  color: #000000;
}

.pestovo-2023-modal-call.active {
  opacity: 1;
  z-index: 101;
}

.pestovo-2023-modal-call__hide {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
  cursor: pointer;
}

/* plug */

.pestovo-2023-plug {
}

.pestovo-2023-plug.active {
  width: 100vw;
  height: 100vh;                                                                                                                                              padding: 100px 25px;                                                                                                                                        display: -webkit-box;
  display: -ms-flexbox;                                                                                                                                       display: flex;                                                                                                                                              -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  overflow-x: hidden;
  overflow-y: scroll;
  opacity: 1;
/*  filter: blur(5px); */
}


/* Select menu */

.pestovo-2023-input-block select {
  width: 100%;
  border-radius: 0;
  outline: none;
  border: 1px solid rgba(24, 28, 25, 0.26);
  padding: 5px 10px;
  height: 38px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(24, 28, 25, 0.7);
}

.pestovo-2023-input-block select:focus {
  border: 1px solid rgba(24, 28, 25, 0.5);
}

.pestovo-2023-input-block select option {
  font-weight: 400;
  font-size: 16px;
  color: rgba(24, 28, 25, 0.7);
}