#feedback,
#pay{
    position: fixed;
    /* font-family: Arial, Helvetica, sans-serif; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 16;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
	overflow: none;
}

#feedback:target,
#pay:target{
    display: block;
	  pointer-events: auto;
	  overflow: auto;
}    

#okno {
	max-width: 660px;
    position: relative;
    margin: 10% auto;
    padding: 15px 20px;
    border-radius: 5px;
    background: #fff;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  #okno{
    max-width: 89vw;
    margin: 0; 
  	}
  .button-group {
     margin-bottom: 25px;
  }
}
.button-group {
	width: 100%;
	text-align: center;
}
.button-item {
	display: grid;
}
.modal-input {
    display: flex;
    flex-wrap: wrap;
}
.modal-input-name {
    flex-grow: 100px;
}
.modal-input-wrap {
    flex-grow: 3;
}

.modal-title {
	margin-bottom: 10px;
	text-align: center;
}
.modal-subtitle {
    font: 24px/1.5 "helveticaneuecyrlight", sans-serif;
    margin-bottom: 10px;
}

.modal-text {
	text-indent: initial;
	color: black;

}
.black-text {
	color: black;
}
.modal-text::before {
    display: inline-block;
    content: "";
    width: 0.5em;
    height: 0.5em;
    margin-right: 1em;
	margin-bottom: 0.05em;
    border-radius: 50%;
    background: #00a0af;
}

.modal-surely {
    text-indent: 1.5em;
    text-align: justify;
    margin-bottom: 10px;
}
}
.modal-desc-boss {
	margin: 10px 0px;
	width: 320;
	font-size: 16px;
	font-family: "helveticaneuecyrroman", sans-serif;
	text-align: center;
}

.modal-surely span, .modal-input span, .modal-textarea span, .modal-captcha span {
    color: #00a0af;
    font-size: 24px;
}

.close {
	height: 31px;
	width: 31px;
	padding: 3px;
	margin: 1px;
	background: #00a0af url(/assets/js/fancybox/close.png) center / 21px no-repeat;
	border-radius: 50%;
	top: 20px;
	right: 20px;
	position: absolute;
	cursor: pointer;
	z-index: 8040;
}
.close:hover { background: rgb(0,174,239) url(/assets/js/fancybox/close.png) center / 21px no-repeat; } /* при наведении курсора мышки */
.close:active { background: rgb(152,15,0) url(/assets/js/fancybox/close.png) center / 21px no-repeat; } /* при нажатии */

a.knopka {
  border-radius: 3px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(0,160,175); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  font: 1.3em "helveticaneuecyrbold", sans-serif;
  height: auto;
} 
a.knopka:hover { background: rgb(0,174,239); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */

.phone-btn:before {
    content: "";
    display: inline-block;
    background: url(/assets/templates/site/img/footer-icon3.png) center / 20px no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}