.login-fields__title{color:#fff;font-family:helvetica,sans-serif;font-size:18px;font-weight:400;letter-spacing:.1em;line-height:25px;padding:0 5px;text-align:center;text-transform:uppercase}.login-fields__title--distance-bottom{margin-bottom:20px}.login-fields__registration-title{font-size:17px;letter-spacing:.2125px;line-height:20px;margin:22px auto 0;text-align:center;width:calc(100% - 100px)}.login-fields__content{margin:0 auto;width:250px}.login-fields__phone{padding-top:20px}.login-fields__social{text-align:center}.login-fields__message{font-family:helvetica,sans-serif;font-size:16px;line-height:22px;margin-top:15px;text-align:center}@media (max-width:767px){.login-fields__content{max-width:250px;width:100%}}.code-group{display:none;margin-top:20px}@-webkit-keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.code-group__inputs{display:flex;justify-content:space-between}.code-group__inputs--shake{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake}.code-group__inputs--bounce{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounce;animation-name:bounce}.code-group__input{margin-top:0!important;width:50px}.code-group__message{color:#fff;display:none;font-family:helvetica,sans-serif;font-size:14px;margin-top:20px;text-align:center}.social-buttons{margin:40px auto 0;max-width:180px}@-webkit-keyframes fb-active{0%{fill:#fff}to{fill:#3a589c}}@keyframes fb-active{0%{fill:#fff}to{fill:#3a589c}}@-webkit-keyframes vk-active{0%{fill:#fff}to{fill:#446690}}@keyframes vk-active{0%{fill:#fff}to{fill:#446690}}@-webkit-keyframes ok-active{0%{fill:#fff}to{fill:#f58221}}@keyframes ok-active{0%{fill:#fff}to{fill:#f58221}}.social-buttons__items{display:flex;justify-content:center}.social-buttons__item{cursor:pointer;position:relative}.social-buttons__item:not(:first-child){margin-left:35px}.social-buttons__item:after{bottom:-50%;content:"";height:25px;left:-50%;margin:auto;position:absolute;right:-50%;top:-50%;width:25px}.social-buttons__item--fb.social-buttons__item:hover .social-buttons__icon path{fill:#3a589c}.social-buttons__item--fb.social-buttons__item--active .social-buttons__icon path{-webkit-animation:fb-active 1s ease-out infinite alternate;animation:fb-active 1s ease-out infinite alternate}.social-buttons__item--vk.social-buttons__item:hover .social-buttons__icon path{fill:#446690}.social-buttons__item--vk.social-buttons__item--active .social-buttons__icon path{-webkit-animation:vk-active 1s ease-out infinite alternate;animation:vk-active 1s ease-out infinite alternate}.social-buttons__item--ok.social-buttons__item:hover .social-buttons__icon path{fill:#f58221}.social-buttons__item--ok.social-buttons__item--active .social-buttons__icon path{-webkit-animation:ok-active 1s ease-out infinite alternate;animation:ok-active 1s ease-out infinite alternate}.social-buttons__item--disabled{cursor:default}.social-buttons__item--disabled:hover .social-buttons__icon path{fill:#fff!important}.social-buttons__icon{height:21px;width:21px}.social-buttons__icon path{transition:fill .3s ease}.social-buttons__message{color:#fff;display:block;font-family:helvetica,sans-serif;font-size:14px;margin-top:20px;text-align:center}