/* popup form */

.sample-popup {
  width: 880px;
  display: none; }
 
.sample-close {
  background-image: url(close.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px; 
}
.wr_frm { display: flex; width: 100%; background: #fff; font-size: 0;}
.ls { width: 330px; padding: 20px; min-width: 270px;}
.ls .title { font: bold 22px 'Roboto Condensed'; color: #050c21; margin-bottom: 18px;}
.ls input[type="text"] { border: 1px solid #d7d7d7; height: 45px; padding: 0 18px; font: 15px 'Montserrat'; width: 100%; outline: none;}
.ls .tpl-field { margin-bottom: 9px;}
.ls input[type="text"]:focus { border-color: #5797ed; color: #000; box-shadow: none;}
.ls .tpl-form-button { height: 50px; width: 150px; text-align: center; color: #5797ed; border: 2px solid #5797ed; font: 15px 'Roboto Condensed'; background: none; margin-top: 14px;}
.ls .tpl-field.tpl-field-button { margin-bottom: 0;}
.ls .tpl-anketa-success-note { font-size: 16px;}
@media screen and (max-width: 880px) {
	.sample-popup { width: auto; margin-left: 15px; margin-right: 15px;}
	.rs { display: flex;}
}
@media screen and (max-width: 480px) {
	.wr_frm { flex-direction: column;}
	.ls { width: 100%;}
	.ls .title { font-size: 20px;}
	.ls input[type="text"] { height: 38px;}
	.ls .tpl-form-button { height: 42px; margin-bottom: 0;}
}