.f_modal {
  /* Не обязательно  block */
  display: block;
  overflow: visible;

  width: 320px;
 /* max-width: 90%;*/
  padding: 15px;
  /*height: 365px;*/
  max-height: 100%;
  
  position: fixed;
  
  z-index: 100;
  border: 3px solid #f99e64;
  left: 50%;
  top: 50%;
  
  /* Центруем */
  transform: translate(-50%, -50%);
  
background: #fff;



  
 /* padding-top: 50px;*/
  
}


.closed {
  display: none;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  
  background: rgba(0, 0, 0, 0.6);
}


.f_modal .close-button {
	position: absolute;
	z-index: 1;
	top: 11px;
	right: 12px;
	cursor: pointer;
	border: 0;
/*	background: url('../img/close.png') no-repeat;*/
	color: white;
	padding: 5px 10px;
	font-size: 1.3rem;
	width: 24px;
	height: 24px;
}

.f_modal .close-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	background: #000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: .35s;
}
.f_modal .close-button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	background: #000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: .35s;
}



.f_modal h2 {
	font-size: 30px;
	text-align: center;
	padding-top:0px;
	text-transform: uppercase;
	/*color: #fff;*/
}
.f_modal p{
   
font-size: 18px;
padding-top: 30px;
text-align: center;
padding-bottom: 0px;
 color: #fff;   
 text-transform: uppercase;
}

.f_modal .btn2{
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    background-size: 100% 100%;
}


.f_modal p a{
    font-size: 14px;
}

.f_modal .f_input{
margin-bottom: 20px;
position: relative;
border: 0 solid #e3d8d5;
border-radius: 4px;
height: 54px;

}

.f_modal .f_input input {
border: 1px solid rgba(117,60,46,.2);
color: #753c2e;
font: 16px/16px ProximaNova;
width: 100%;
padding: 0 10px;
min-height: 54px;
height: 100%;
border-radius: 4px;
margin: 0;
text-align: center;
}

.f_modal .f_input input::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}
.f_modal .f_input input:-moz-placeholder {
	color: #999;
	opacity: 1;
}
.f_modal .f_input input::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.f_modal .f_input input:-ms-input-placeholder {
	color: #999;
	opacity: 1;
}


.f_modal .sender{
    display: none;
}

.f_modal .l_btn{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.f_spasibo{
    padding-left: 30px;
padding-bottom: 30px;
padding-right: 30px;
}


.f_spasibo p {
	font-size: 20px;
	text-align: center;
	font-style: normal;
	line-height: normal;
	padding-top: 0;
	text-transform: none;
	color: #753c2e;
	margin-bottom: 20px;
}

.f_spasibo .btn2{
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    background-size: 100% 100%;
}


.f_modal.f_spasibo .close-button {
	position: relative;
	background: #fc2600;
	right: auto;
	top: auto;
	width: 224px;
	margin-left: auto;
	margin-right: auto;
	height: 42px;
	text-align: center;
	border-radius: 20px;
}