.auth {
  max-width: 550px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding: 30px 15px;
  flex-direction: column;
  justify-content: center;
}

.auth .title {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  line-height: 130%;
  margin-bottom: 20px;
  text-align: center;
}

.auth .alerts+form {
  margin-top: 30px;
}

.auth .icon.offline,
.auth .icon.error {
  text-align: center;
}

.auth .icon.offline::before {
  content: '\f252';
  font-family: 'Awesome';
  font-size: 90px;
  color: #a8a8a8;
}

.auth .icon.error::before {
  content: '\f071';
  font-family: 'Awesome Solid';
  font-size: 90px;
  color: #a8a8a8;
}

.auth .reg-text {
  text-align: center;
}

.auth .note {
  padding: 20px 0;
  margin-bottom: 20px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
	display: flex;
	align-items: center;
}

.auth .note:not(.default)::before {
  content: '\f071';
  font-family: 'Awesome Solid';
  font-size: 35px;
  color: #ff0000;
  margin-right: 25px;
}

.auth .fields {
  flex-direction: column;
}

.auth .field:not(:first-child) {
  margin-top: 20px;
}

.auth .field .name {
  font-weight: 700;
  color: #333;
  line-height: 100%;
  margin-bottom: 5px;
}

.auth .captcha-image {
  flex-shrink: 0;
}

.auth .captcha-result {
  margin-left: 10px;
  flex-grow: 1;
}

.auth .btns {
  margin-top: 30px;
  align-items: center;
}

.auth .btns .hint {
  font-size: 13px;
  color: #5a6c77;
  line-height: 130%;
  margin-left: 25px;
}

.auth .btns .remember-link{
  margin-left: 25px;
  align-items: center;
}

.auth .checkboxes{
	margin-top: 25px;
}

.auth .checkboxes .checkbox-field{
	margin-top: 10px;
	align-items: flex-start;
}

.auth .checkboxes input{
	margin: 2px 10px 0 0;
}

.auth .checkboxes .checkbox-text{
	line-height: 110%;
}

.auth .links {
  color: #333;
  margin-top: 25px;
}

.auth .links .link-item:not(:first-child) {
  margin-top: 5px;
}

.fork-video {
  display: none;
}

.fork {
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fork a {
  width: 160px;
}

.fork a:last-child {
  margin-top: 15px;
}

.timer {
  margin-top: 25px;
  justify-content: center;
}

.timer-col {
  text-align: center;
}

.timer-col:not(:last-child) {
  margin-right: 30px;
}

.timer-num {
  font-size: 60px;
  font-weight: 700;
  color: #333;
  line-height: 100%;
}

.timer-note {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: -5px;
}

.steps .step:not(.active) {
  display: none;
}

.steps input.err {
  border-color: #ff0000;
}

.steps input[type="checkbox"].err {
  outline: 1px solid #ff0000;
}

.step-back {
  cursor: pointer;
}

.step-back::before {
  content: '\f060';
  font-family: 'Awesome Solid';
  font-size: 25px;
  color: #333;
  opacity: 0.6;
}

.btn-open-popup {
  margin-top: 130px;
  display: flex;
  justify-content: center;
}

.closed-popup {
  display: none;
}

.mfp-content .closed-popup {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
}

.mfp-close-btn-in .closed-popup .mfp-close {
  color: #000;
  font-size: 35px;
  position: absolute;
}

.closed-popup .popup-container {
  padding: 25px;
  width: 100%;
  max-width: 1170px;
  overflow-y: auto;
}

.closed-popup .title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 135%;
}

.closed-popup .content {
  margin-top: 30px;
}

@media(max-width: 576px) {
	.auth .note{
		text-align: center;
		flex-direction: column;
	}

	.auth .note:not(.default)::before{
		font-size: 45px;
		margin: 0 0 15px;
	}

  .fork-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: block;
  }

  .fork-video video {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }

  .fork {
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 10;
  }

  .mfp-content .closed-popup {
    background-color: #ecedf2;
  }

  .closed-popup .popup-container {
    padding: 25px 10px;
  }
}