/* ---  логин и регистрация --- */
#authentication {display:flex; align-items:center; min-height:100vh;}
#authentication .global__notification-alert.success {display:flex; justify-content:space-between;}
#authentication .container {max-width:calc(20px + var(--width-container-medium)); padding:0 10px;}
#authentication .authorize {display:flex; flex-direction:column; align-items:center;}
#authentication .authorize-block {background:#FFF; display:flex; flex-direction:column; justify-content:center; align-items:center; /*border:1px solid #EDECEF;*/ max-width:450px; width:100%; padding:55px 0px 40px; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,0.08);}
#authentication .authorize-block__header {padding-bottom:25px; font-weight:400; text-align:center;}
#authentication .authorize-block__header .title {margin-bottom:15px; font-size:30px; line-height:36px; color:#5F4781; letter-spacing:1px;}
#authentication .authorize-block__header .title span {font-size:26px;}
#authentication .authorize-block__header .description {font-size:17px; line-height:24px; font-weight:400; color:#555; letter-spacing:0.4px;}
#authentication.signup .authorize-block__header .description {font-size:16px;}
#authentication.renew .authorize-block__header .description {font-size:16px;}
#authentication .authorize-block__body {max-width:370px; width:100%; padding:0 10px;}
#authentication .authorize-block__body .form__field {margin-bottom:10px;}
#authentication .authorize-block__body .form__field .input {background-color:#F8F6F9; margin-bottom:5px; width:100%; height:40px; resize:none; padding:5px 60px 5px 10px; border-radius:3px; /*box-sizing:border-box; border: 1px solid #EDECEF;*/ font-size:14px; color:#444; text-overflow:ellipsis; letter-spacing:1px; box-shadow:inset 0 0px 15px rgba(0,0,0,0.08);}
#authentication .authorize-block__body .form__field .input:focus {background-color:#F8F6F9; color:#140C1A;}
#authentication .authorize-block__body .form__field .input--success {background-color:var(--color-green-light); color:var(--color-green-dark);}
#authentication .authorize-block__body .form__field .input--error {background-color:#FFE3E3; color:var(--color-red-dark);}
#authentication .authorize-block__body .form__field .info-msg {padding:5px 5px 0px; font-size:12px; color:#5F4781;}
#authentication .authorize-block__body .form__field .error-msg {padding:0 5px; font-size:12px; line-height:20px; color:var(--color-red-primary); text-align:left;}
#authentication .authorize-block__body .form__field .error-msg a {border-bottom:dotted 1px var(--color-red-primary); color:var(--color-red-primary);}
#authentication .authorize-block__body .form__field .success-msg {padding:0 5px; font-size:12px; line-height:20px; color:var(--color-green-primary); text-align:left;}
#authentication .authorize-block__body .form__field .success-msg a {border-bottom:dotted 1px var(--color-blue-primary); color:var(--color-blue-primary);}
#authentication .authorize-block__body .form__field .global__tooltip-help {position:absolute; top:10px; right:10px; width:19px; height:19px;}
#authentication .authorize-block__body .form__field .global__tooltip-help__body {bottom:20px; right:0px; width:305px;}
#authentication .authorize-block__body .description {margin:10px 0; font-size:14px; line-height:20px; color:#555; text-align:center;}
#authentication .authorize-block__body .terms-accept {margin-bottom:5px; font-size:13px; color:#444;}
#authentication .authorize-block__body .terms-accept a {border-bottom:dotted 1px var(--color-blue-primary); color:var(--color-blue-primary);}
#authentication .authorize-block__body .email-accept {margin-bottom:5px; font-size:13px; color:#444;}
#authentication .authorize-block__body .email-accept .global__tooltip-help {top:3px; margin-left:5px; width:15px; height:15px;}
#authentication .authorize-block__body .email-accept .global__tooltip-help__body {bottom:20px; right:-155px; width:280px; text-align:left;}
#authentication .authorize-block__body .auth-btn button {margin-bottom:10px; width:100%; height:44px; border-radius:30px; font-size:16px; color:#FFF; box-shadow:0px 8px 32px rgba(0,0,0,0.1);}
#authentication .authorize-block__body .auth-btn .green {background-color:var(--color-green-highlight); /*border: 1px solid var(--color-green-primary);*/}
#authentication .authorize-block__body .auth-btn .green:hover {background-color:#24961B;}
#authentication .authorize-block__body .auth-btn .purple {background-image:linear-gradient(to right, #5F4781 0%, #EC4E91 51%, #5F4781 100%); background-size:300%; transition:900ms ease-in-out;}
#authentication .authorize-block__body .auth-btn .purple:hover {background-position:right center;}
#authentication .authorize-block__body .auth-btn .blue {background-color:var(--color-blue-highlight);}
#authentication .authorize-block__body .auth-btn .blue:hover {background-color:#3E7EE9;}
#authentication .authorize-block__body .auth-btn .inactive {opacity:0.5; cursor:not-allowed;}
#authentication .authorize-block__body .links {display:flex; font-size:13px;}
#authentication .authorize-block__body .links a {color:#5F4781;}
#authentication .authorize-block__body .links a:visited {color:#5F4781;}
#authentication .authorize-block__body .animation__flip--verticaly .description {margin:0;}
#authentication .authorize-footer {display:flex; align-items:center; margin-top:10px; color:#797879;}
#authentication .authorize-footer a {padding:0 2px; font-size:10px; color:#797879;}

#authentication .global__notification-alert a {border-bottom:dotted 1px var(--color-blue-primary); color:var(--color-blue-primary);}

/* ---  анимация при авторизации --- */
.animation__flip--verticaly {transform:perspective(1px) translateZ(0); perspective:300px; margin:10px 0;}
.animation__flip--verticaly .flip-box {transform-style:preserve-3d; transition:transform 0.8s; text-align:center;}
.animation__flip--verticaly .flip-box .flip-box__front, .animation__flip--verticaly .flip-box .flip-box__back {backface-visibility:hidden;}
.animation__flip--verticaly .flip-box .flip-box__front {transform:rotateX(0deg);}
.animation__flip--verticaly .flip-box .flip-box__back {transform:rotateX(180deg);}
.animation__flip--verticaly.flip-box--toggled .flip-box {transform:rotateX(180deg);}
.animation__flip--verticaly.flip-box--toggled .flip-box .flip-box__front {height:0;}
.animation__flip--verticaly:not(.flip-box--toggled) .flip-box .flip-box__back {height:0;}

#page-footer {padding-right:10px; padding-left:10px;}
#page-footer .container {max-width:var(--width-container-big);}


/* ---  M E D I A   Q U E R I E S  --- */
@media (max-width: 1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */}
@media (max-width:991px) {/* Rules for tablets and smaller viewports */}

@media (max-width:767px) {/* Rules for smartphones only */
	#authentication {background-color:#FFF; align-items:flex-start;}
	#authentication .container {padding:0 5px;}
	#authentication .global__notification-alert.success {display:block; margin-top:10px;}
	#authentication .authorize-block {max-width:100%; border:none; border-radius:0px; box-shadow:none;}
	#authentication .authorize-block__body .form__field .global__tooltip-help__body {right:-17px;}
	#authentication .authorize-block__body .email-accept .global__tooltip-help__body {right:-30px;}}
/* ---  M E D I A  Q U E R I E S  --- */