@import url("https://fonts.googleapis.com/css?family=PT+Serif&subset=cyrillic");
.popup-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.popup-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.popup-overlay .popup-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #14d4e8;
  background-color: #17b1a7;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF17B1A7', endColorstr='#FF51CEC1');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3YjFhNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxY2VjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #17b1a7), color-stop(100%, #51cec1));
  background-image: -moz-linear-gradient(top, #17b1a7 0%, #51cec1 100%);
  background-image: -webkit-linear-gradient(top, #17b1a7 0%, #51cec1 100%);
  background-image: linear-gradient(to bottom, #17b1a7 0%, #51cec1 100%);
  position: relative;
  padding-top: 15px;
}
html.no-flexbox .popup-overlay .popup-box {
  position: absolute;
}
.popup-overlay .popup-box .btn-close {
  display: block;
  color: transparent;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 11px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERTQ2N0YyREM1REYxMUU2QkEzRTlGRjFBN0VDQjc3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERTQ2N0YyQ0M1REYxMUU2QkEzRTlGRjFBN0VDQjc3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ZjAyNjVkMS1hZmY3LTMxNDktOTAxNy00MDVmYTZhNTU5YWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowM2Q4ZDk4MS1jMGEzLTExZTYtOGU3Ny1lMGE0MzViODMzNDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ZT6NNAAAA2ElEQVR42mzRPQrCQBCGYRNiIZ7BXguvYGVjG8W/xs5eCYqIjVj4g9p7gdgoiFjYWHgFQewELxFQQd+BCSwhC8+SnXyTzbLW9nlPMLIoYJOIH21c8XCYUjgjgzTWkXAHS7yQs5kCdPHFCp4R9rT20cbA0Rc7NOBjAVvrM7xRxUEKlp4hHGVtSupawhUcw4Ad+V/ZaW+sfTMc1zBCTb8sWuibAcd4HmKsQVdrstsUP8zNHQaYGOGTcrUmh++FDXIP9Ug4HGZTU7KO3kMReVxiblmaSrhJ9i/AAL0iNPZ+UC9nAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: 12px 11px;
  border: 0 none;
}
.popup-overlay .popup-box a {
  color: #fff;
  display: inline-block;
  margin-left: 20px;
}
.popup-overlay .popup-box > form {
  margin: 15px;
}
.popup-overlay .popup-box > form input {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 0px;
  vertical-align: middle;
  font: normal 18px 'Proxima Nova';
  color: #000;
  border: 1px solid #00a8c0;
  padding: 10px 20px;
  margin: 10px auto;
  background-color: #fff;
  border-radius: 20px;
}
.popup-overlay .popup-box > form input:read-only, .popup-overlay .popup-box > form input:disabled {
  background-color: #ccc;
}
.popup-overlay .popup-box > form input + .alert {
  margin-top: -10px;
}
.popup-overlay .popup-box > form label {
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.popup-overlay .popup-box > form label > span {
  display: block;
}
.popup-overlay .popup-box > form label > input {
  margin-left: 20px;
  margin-right: 0;
}
.popup-overlay .popup-box > form .alert {
  margin-top: -10px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}
.popup-overlay .popup-box > form > button[type="submit"] {
  display: block;
  margin: 15px auto;
  border: 3px solid;
  padding: 13px 45px;
  font: bold 24px 'Bebas Neue';
  text-transform: uppercase;
  border-radius: 46px;
  background-color: #02889d;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF02889D', endColorstr='#FF02B8D3');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyODg5ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyYjhkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #02889d), color-stop(100%, #02b8d3));
  background-image: -moz-linear-gradient(top, #02889d 0%, #02b8d3 100%);
  background-image: -webkit-linear-gradient(top, #02889d 0%, #02b8d3 100%);
  background-image: linear-gradient(to bottom, #02889d 0%, #02b8d3 100%);
  color: #fff;
}
.popup-overlay .popup-box > form h1 {
  font: normal 36px "PT Serif", serif;
  text-transform: uppercase;
  text-align: center;
  margin: 34px 0;
}
.popup-overlay .popup-box > form h1:first-of-type {
  margin-top: 0;
}
.popup-overlay .popup-box.sign-in > form {
  width: 272px;
  margin-left: auto;
  margin-right: auto;
}
.popup-overlay .popup-box.sign-in > form > button[type="submit"] {
  background-image: url('../img/btn-signin-popup.png?1549041273');
  display: block;
  margin: 15px auto;
  text-transform: uppercase;
  font: bold 24px 'Bebas Neue';
  border: 0 none;
  width: 118px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  vertical-align: middle;
}
.popup-overlay .popup-box.forgot-credential label > span {
  -webkit-flex-basis: 90px;
  flex-basis: 90px;
}
.popup-overlay .popup-box.forgot-credential label > input {
  -webkit-flex-basis: 300px;
  flex-basis: 300px;
}
.popup-overlay .popup-box.subscribe > form > input {
  margin: 34px auto;
}
.popup-overlay .popup-box.subscribe > form .alert {
  margin-top: -34px;
}
.popup-overlay .popup-box.subscribe > form > button[type="submit"] {
  margin: 34px auto;
  background-image: url('../img/btn-subscribe-popup.png?1549041112');
  border: 0 none;
  background-color: transparent;
  width: 276px;
  height: 60px;
  padding: 10px 35px;
  line-height: 40px;
  vertical-align: middle;
}