/*-------СООБЩЕНИЕ ОБ ОТПРАВКЕ-------------*/



.alerter {

  position: fixed;

  top: 50%;

  left: 40%;

  width: 403px;

  height: 194px;

  color: white;

  text-align: center;

  display: none;

  z-index: 100;

}



/*-------------МОДАЛЬНОЕ ОКНО ЗАКАЗА ЗВОНКА------------ */



.phone_popup {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9;

  justify-content: center;

  align-items: center;

  background: rgba(0, 0, 0, .7);

}



.phone_popup-visible {

  display: flex;

}



.phone_popup-main {

  background: #fff;

  box-shadow: 0 0 30px rgb(0 0 0 / 10%);

  width: 430px;

  position: relative;

}



.phone_popup-close {

  padding: 10px;

  position: absolute;

  cursor: pointer;

  right: 10px;

  top: 10px;

}

.popup-block__title{

  color:#006256;

  font-size: 25px;

  margin-bottom: 50px;

  font-weight: 700;

}



.phone_popup-block {

  min-height: 550px;

  padding: 82px 79px 50px;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.phone_popup-block__title {

  text-align: center;

  font-size: 25px;

  line-height: 30px;

  margin-bottom: 23px;

  font-weight: 700;

  color:#006256;

}



.phone_popup_title{

  font-size: 16px;

  font-weight: 400;

  color:#808080;

  margin-bottom: 30px;

}



.phone_popup-block__item {

  width: 100%;

  height: 59px;

  margin-bottom: 30px;

  border: 1px solid #DFDFDF;

  box-shadow: inset 0px 5px 20px rgba(0, 0, 0, 0.05);

  border-radius: 1px;

  position: relative;

}



.phone_popup-block__item-input {

  width: 90%;

  font-size: 16px;

  line-height: 19px;

  margin-top: 23px;

  margin-left: 19px;

  outline: none;

}



.phone_popup-block__item-label {

  position: absolute;

  pointer-events: none;

  font-size: 16px;

  line-height: 19px;

  left: 19px;

  top: 20px;

  color: #848484;

  transition: 0.3s;

}



.phone_popup-block__btn {

  background: #006256;

  width: 100%;

  color:#FFF;

  position: relative;

  margin-top:20px;

  cursor:pointer;

  height:60px;

  padding: 21px 62px;

}



.phone_popup-block__btn:hover {

  background: #231F48;

}



.phone_popup-block__item-input:focus~.phone_popup-block__item-label,

.phone_popup-block__item-input:not(:focus):valid~.phone_popup-block__item-label {

  top: 7px;

  font-size: 14px;

}



.phone_popup-link {

  text-decoration: underline;

  color: #D13A52;

}



/*-------------МОДАЛЬНОЕ ОКНО ЗАЯВКИ(РАССЧИТАТЬ СТОИМОСТЬ)---------*/



.popup {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9;

  justify-content: center;

  align-items: center;

  background: rgba(0, 0, 0, .7);

}



.popup-visible {

  display: flex;

}



.popup-main {

  background: #fff;

  box-shadow: 0 0 30px rgb(0 0 0 / 10%);

  width: 660px;

  position: relative;

}



.popup-close {

  padding: 10px;

  position: absolute;

  cursor: pointer;

  right: 10px;

  top: 10px;

}



.popup-block {

  min-height: 680px;

  padding: 80px 55px 90px;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.form__title{

  color:#FFF;

}



.popup-block__item {

  width: 100%;

  height: 59px;

  margin-bottom: 30px;

  border: 1px solid #DFDFDF;

/*  box-shadow: inset 0px 5px 20px rgba(0, 0, 0, 0.05);*/

  border-radius: 1px;

  position: relative;

}



.popup-block__item-input.popup-block__item-textarea{

      padding: 28px 20px;

          overflow: hidden;

}



.popup-block__item-input {

  width: 100%;

  font-size: 16px;

  line-height: 19px;

  box-shadow: inset 0px 5px 20px rgb(0 0 0 / 5%);

      padding: 19px;



/*  margin-left: 19px;*/

  outline: none;

}



.popup-block__item.message{

width: 100%;

    height: 59px;

    margin-bottom: 30px;

    border: 1px solid #DFDFDF;

    box-shadow: inset 0px 5px 20px rgb(0 0 0 / 5%);

    border-radius: 1px;

    position: relative;

}



.popup-block__item-label {

  position: absolute;

  pointer-events: none;

  font-size: 16px;

  line-height: 19px;

  left: 19px;

  top: 20px;

  color: #848484;

  transition: 0.3s;

}



.popup-block__btn {

  background: #006256;

  width: 270px;

  position: relative;

  height: 59px;

  color:#FFF;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

}



.popup-block__btn:hover {

  background: #231F48;

}



.popup-block__item-input:focus~.popup-block__item-label,

.popup-block__item-input:not(:focus):valid~.popup-block__item-label {

  top: 2px;

  font-size: 14px;

}



.popup-politics {

  /*  margin-left: 28px;*/

  margin-top: 10px;

  margin-bottom: 27px;

  font-weight: 300;

  font-size: 14px;

  line-height: 17px;

}



.popup-link {

  text-decoration: underline;

  color: #D13A52;

}



.popup_low{

  display: flex;

  width:100%;

  margin-top: 20px;

}



.popup_theme{

  width: 270px;

  margin-left:40px;

}



.popup_theme span:hover,

.popup_theme_footer span:hover{

  cursor: pointer;

  text-decoration: underline;

}



.popup_theme_footer{

  width: 270px;

  margin-left:40px;

  margin-top: 30px;

  color: #FFF;

}

@keyframes animate {

  from {

    top: -320px;

    opacity: 0

  }



  to {

    top: 0;

    opacity: 1

  }

}



{

 

}



.popup-block__item{

  background-color: #FFF;

}



#block{

   margin-bottom: 0px;

}

#form_id {

    min-height:344px;

    padding: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

}