

/* Start:/local/templates/stroy-v1/src/scss/modules/cabinet.css?175187532722283*/
.maxwidth-theme {
	 margin-left: auto!important;
	 margin-right: auto!important;
	 max-width: 1764px;
	 width: 100%;
}

.personal-block {
	 background-image: url(/cabinet/img/house_desktop.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position-y: bottom;
	 background-color: rgba(29, 139, 196, .6);
	 padding: 40px;
}

.personal-block.partners {
	 padding: 40px 80px;
}

.personal-block .personal-nav-block {
	 width: fit-content;
	 margin-left: auto;
}

.personal-block .personal-nav-block .heading {
	 font-size: 28px;
	 letter-spacing: 1px;
}

.personal-block .heading {
	color: #333;
}

.personal-block .heading-list {
	 display: flex;
	 justify-content: space-between;
}

.personal-block .heading-list div:nth-child(1) {
	 width: 480px;
}

.personal-block .heading-list div:nth-child(2) {
	 width: calc(100% - 580px);
}

.personal-block .heading-list .text {
	 font-size: 24px;
	 font-weight: 300;
	 line-height: 29px;
	 letter-spacing: 1px;
}

.personal-block .personal-nav-block .action-block a,
.personal-block .personal-nav-block .action-block a:hover
{
	 font-size: 24px;
	 font-weight: 300;
	 color: #404040;
	 letter-spacing: 1px;
}

.personal-block .personal-nav-block .action-block a img {
	 vertical-align: middle;
}

.personal-block .content {
	 width: 800px;
	 margin: 80px auto 0 auto;
}

.personal-block .content .personal-block-item {
	 background-color: #fff;
	 border-radius: 20px;
	 box-shadow: 0 0 14px 0 #00000040;
	 margin-bottom: 80px;
}

.personal-block .content .top-block {
	 width: 100%;
	 padding: 10px 40px;
	 display: flex;
	 justify-content: center;
}

.personal-block .content .top-block .image-container {
	 width: 150px;
}

.personal-block .content .top-block .image-container img {
	 width: 100%;
}

.personal-block .content .top-block .name-block {
	 font-size: 32px;
	 line-height: 40px;
	 letter-spacing: 1px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 width: 100%;
	 text-align: center;
	 margin-left: -15%;
	 width: 60%;
	 margin: auto;
}

.personal-block .content .top-block .name-block .person-name {
	 font-weight: 500;
	 text-transform: uppercase;
}

.personal-block .content .middle-block {
	 display: flex;
	 justify-content: space-between;
}

.personal-block .content .middle-block .personal-block-item {
	 width: 45%;
	 padding: 20px;
	 font-size: 32px;
	 line-height: 39px;
	 text-align: center;
}

.personal-block .content .middle-block .personal-block-item a,
.personal-block .content .middle-block .personal-block-item a:hover
{
	 color: #333;
	 display: flex;
	 justify-content: space-evenly;
}

.personal-block .content .bottom-block .personal-block-item {
	 padding: 40px;
}

.personal-block .content .bottom-block .personal-block-item a,
.personal-block .content .bottom-block .personal-block-item a:hover
{
	 color: #333;
	 font-size: 32px;
	 line-height: 39px;
	 display: flex;
	 justify-content: center;
}

.personal-block .content .bottom-block .personal-block-item .text {
	 align-self: center;
	 width: 100%;
	 text-align: center;
	 margin-left: -8%;
}

@media (max-width: 991px) {
	 .personal-block .content {
		  width: 100%;
		  padding: 0 80px;
	 }

	 .personal-block .content .top-block .name-block,
	 .personal-block .content .middle-block .personal-block-item,
	 .personal-block .content .bottom-block .personal-block-item a,
	 .personal-block .content .bottom-block .personal-block-item a:hover
	 {
		  font-size: 24px;
	 }
}

@media (max-width: 768px) {
	 .personal-block .content {
		  padding: 0 40px;
	 }

	 .personal-block .content .top-block .name-block,
	 .personal-block .content .middle-block .personal-block-item,
	 .personal-block .content .bottom-block .personal-block-item a,
	 .personal-block .content .bottom-block .personal-block-item a:hover,
	 .personal-block .content .middle-block .personal-block-item a,
	 .personal-block .content .middle-block .personal-block-item a:hover
	 {
		  font-size: 22px;
		  flex-direction: column;
		  text-align: center;
		  line-height: 28px;
	 }

	 .personal-block .content .bottom-block .personal-block-item .text {
		  margin-left: 0;
	 }

	 .personal-block .content .middle-block .personal-block-item .text {
		  margin-top: 10px;
	 }

	 .personal-block .content .middle-block .personal-block-item .text br {
		  display: none;
	 }
}

@media (max-width: 600px) {
	 .personal-block {
		  background-image: url(/cabinet/img/house_mobile.png);
	 }

	 .personal-block .content {
		  margin-top: 20px;
	 }

	 .personal-block .content .personal-block-item {
		  border-radius: 7px;
		  margin-bottom: 40px;
	 }

	 .personal-block .content .middle-block .personal-block-item {
		  width: 48%;
		  padding: 10px;
	 }

	 .personal-block .content .top-block {
		  padding: 10px;
	 }

	 .personal-block .content .top-block .name-block,
	 .personal-block .content .middle-block .personal-block-item,
	 .personal-block .content .bottom-block .personal-block-item a,
	 .personal-block .content .bottom-block .personal-block-item a:hover,
	 .personal-block .content .middle-block .personal-block-item a,
	 .personal-block .content .middle-block .personal-block-item a:hover
	 {
		  font-size: 16px;
		  line-height: 20px;
	 }

	 .personal-block .content .bottom-block .personal-block-item {
		  padding: 0 0 30px 0;
	 }

	 .personal-block .content .middle-block .personal-block-item .image-container {
		  width: 36px;
		  margin: auto;
	 }

	 .personal-block .content .bottom-block .personal-block-item .image-container {
		  width: 60px;
		  margin: auto;
	 }

	 .personal-block .content .middle-block .personal-block-item .image-container img,
	 .personal-block .content .bottom-block .personal-block-item .image-container img
	 {
		  width: 100%;
	 }

	 .personal-block .content .top-block .image-container {
		  width: 100px;
	 }
}

@media (max-width: 500px) {
	 .personal-block .content {
		  padding: 0;
	 }
}


/*CABINET PAGE */
.personal-block .heading {
	 font-size: 40px;
	 font-weight: 600;
	 letter-spacing: 1px;
}

.personal-block .personal-block-container {
	 margin-top: 40px;
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
}

.personal-block .personal-block-container .cabinet-block {
	 background-color: #fff;
	 border-radius: 20px;
	 box-shadow: 0 0 20px 0 #00000040;
}

.personal-block .personal-block-container .nav-aside {
	 width: 380px;
	 padding: 40px 20px;
	 height: fit-content;
}

.personal-block .personal-block-container .nav-aside .menu-item {
	 padding: 20px;
	 width: 100%;
	 background-color: #E8F7FF;
	 border-radius: 20px;
	 margin-bottom: 20px;
}

.personal-block .personal-block-container .nav-aside .menu-item a,
.personal-block .personal-block-container .nav-aside .menu-item a:hover
{
	 color: #333;
	 font-size: 30px;
	 font-weight: 400;
	 letter-spacing: 1px;
}

.personal-block .personal-block-container .nav-aside .menu-item a.active,
.personal-block .personal-block-container .nav-aside .menu-item a.active:hover
{
	 font-weight: 600;
}

.personal-block .personal-block-container .nav-aside .menu-item a img {
	 display: inline-block;
	 margin-left: 20px;
}

.personal-block .personal-block-container .content {
	 width: calc(100% - 420px);
	 padding: 20px 80px;
	 margin-top: 0;
	 margin-right: initial;
}

.personal-block .personal-block-container .content .heading {
	 font-size: 36px;
	 font-weight: 400;
	 letter-spacing: 1px;
	 padding: 10px 0 30px 0;
}

.personal-block .personal-block-container .content .personal-form {
	 margin-top: 20px;
}

.personal-block .personal-block-container .content .personal-form .form-item {
	 margin-bottom: 30px;
}

.personal-block .personal-block-container .content .personal-form .form-item label {
	 display: block;
	 letter-spacing: 1px;
	 font-size: 24px;
	 font-weight: 400;
}

.personal-block .personal-block-container .content .personal-form .form-item input {
	 display: block;
	 border-radius: 10px;
	 background-color: #F2F2F2;
	 border: none;
	 padding: 20px 40px;
	 width: 100%;
	 margin-top: 10px;
	 font-size: 20px;
	 letter-spacing: 1px;
	 font-weight: 300;
}

.personal-block .personal-block-container .content .personal-form .form-item.filled input {
	 color: #333;
	 background-color: #E8F7FF;
}

.personal-block.cabinet .personal-block-container .content .personal-form .form-item.filled input {
	 font-size: 26px;
	 font-weight: 500;
	 opacity: 1 !important;
}

.personal-block .personal-block-container .content .personal-form .form-item.filled input::-webkit-input-placeholder {
	 color:    #333;
	 white-space: normal;
}

.personal-block .personal-block-container .content .personal-form .form-item.filled input:-moz-placeholder {
	 color:    #333;
	 opacity:  1;
	 white-space: normal;
}

.personal-block .personal-block-container .content .personal-form .form-item.filled input:-ms-input-placeholder { 
	 color:    #333;
	 white-space: normal;
}

.personal-block .personal-block-container .content .personal-form .form-item.filled input::placeholder { 
	 color:    #333;
	 white-space: normal;
}

.personal-block .personal-block-container .content .personal-form .form-item input::-webkit-input-placeholder {
	color:    #333;
	 white-space: normal;
}

.personal-block .personal-block-container .content .personal-form .form-item input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	 opacity:  1;
	 color:    #333;
	 white-space: normal;
}

.personal-block .personal-block-container .content .personal-form .form-item input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	 white-space: normal;
	 color:    #333;
}

.personal-block .personal-block-container .content .personal-form .form-item input::placeholder { /* Most modern browsers support this now. */
	 white-space: normal;
	 color:    #333;
}

.personal-block .breadcrumb-list:not(.breadcrumb-list-custom) {
	 display: none;
}

.personal-block .breadcrumb-list-custom {
	 display: flex;
	 margin-bottom: 20px;
}

.personal-block .breadcrumb-list-custom a,
.personal-block .breadcrumb-list-custom a:hover,
.personal-block .breadcrumb-list-custom span,
.personal-block .breadcrumb-list-custom .separator {
	 color: #424C5C;
	 letter-spacing: 1px;
	 font-size: 14px;
	 margin: 0 2px;
}

.personal-block .personal-block-container-list {
	 display: flex;
	 justify-content: space-between;
	 flex-wrap: wrap;
	 margin-top: 40px;
}

.personal-block .personal-block-container-list .personal-block-list-item {
	 width: 22%;
	 border-radius: 20px;
	 box-shadow: 0 0 16px 0 #00000040;
	 background-color: #fff;
	 padding: 0 20px;
	 text-align: center;
	 margin-bottom: 40px;
	 height: 220px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}

.personal-block .personal-block-container-list .personal-block-list-item a,
.personal-block .personal-block-container-list .personal-block-list-item a:hover
{
	 color: #333;
	 text-decoration: none;
}

.personal-block .personal-block-container-list .personal-block-list-item .image-container {
	 width: 80px;
	 margin: 20px auto;
}

.personal-block .personal-block-container-list .personal-block-list-item .image-container img {
	 width: 100%;
}

.personal-block .personal-block-container-list .personal-block-list-item .text {
	 font-size: 36px;
}

.personal-block .form-item.address-field {
	 position: relative;
}

.personal-block .form-item.address-field:after {
	 content: '';
	 position: absolute;
	 right: 40px;
	 bottom: 10px;
	 width: 30px;
	 height: 30px;
	 background: url(/cabinet/img/angle-down-white.svg) no-repeat;
	 background-size: 100%;
}

.personal-block .form-item.address-field.filled:after {
	 content: '';
	 position: absolute;
	 right: 25px;
	 /* bottom: 10px; */
	 top: 68px;
	 width: 30px;
	 height: 30px;
	 background: url(/cabinet/img/angle-down-blue.svg) no-repeat;
	 background-size: 100%;
}

@media (max-width: 1400px) {
	 .personal-block .personal-block-container .content,
	 .personal-block .heading-list div:nth-child(2)
	 {
		  width: calc(100% - 420px);
	 }

	 .personal-block .heading {
		  font-size: 32px;
	 }

	 .personal-block .personal-block-container .nav-aside .menu-item a,
	 .personal-block .personal-block-container .nav-aside .menu-item a:hover,
	 .personal-block .personal-block-container .content .personal-form .form-item.filled input
	 {
		  font-size: 24px;
	 }

	 .personal-block .personal-block-container .content .heading {
		  font-size: 28px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item label {
		  font-size: 16px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item input {
		  font-size: 14px;
	 }
}

@media (max-width: 1200px) {
	 .personal-block .personal-block-container .content,
	 .personal-block .heading-list div:nth-child(2)
	 {
		  width: calc(100% - 460px);
	 }

	 .personal-block .personal-block-container .nav-aside {
		  width: 420px
	 }

	 .personal-block .personal-block-container .content {
		  padding: 20px 40px;
	 }
}

@media (max-width: 991px) {
	 .personal-block .personal-block-container .content,
	 .personal-block .heading-list div:nth-child(2)
	 {
		  width: calc(100% - 320px);
	 }

	 .personal-block .personal-block-container .nav-aside,
	 .personal-block .heading-list div:nth-child(1)
	 {
		  width: 300px
	 }
}

@media (max-width: 768px) {
	 .personal-block .personal-block-container .nav-aside,
	 .personal-block .heading-list div:nth-child(2)
	 {
		  display: none;
	 }

	 .personal-block .personal-block-container .content {
		  width: 100%;
	 }

	 .personal-block .breadcrumb-list {
		  display: flex;
	 }

	 .personal-block .breadcrumb-list a,
	 .personal-block .breadcrumb-list a:hover,
	 .personal-block .breadcrumb-list span,
	 .personal-block .breadcrumb-list .separator
	 {
		  color: #424C5C;
		  letter-spacing: 1px;
	 }

	 .personal-block .breadcrumb-list .separator {
		  margin: 0 3px;
	 }
}

@media (max-width: 600px) {
	 .personal-block {
		  padding: 20px;
	 }

	 .personal-block .heading {
		  /* color: #424C5C; */
		  margin-top: 10px;
	 }

	 .personal-block .heading,
	 .personal-block .personal-block-container .content .heading {
		  font-size: 16px;
	 }

	 .personal-block .personal-block-container .content .heading {
		  text-align: center;
		  font-weight: 500;
	 }

	 .personal-block .personal-block-container {
		  margin-top: 20px;
	 }

	 .personal-block .breadcrumb-list a,
	 .personal-block .breadcrumb-list a:hover,
	 .personal-block .breadcrumb-list span,
	 .personal-block .breadcrumb-list .separator {
		  font-size: 13px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item label {
		  font-size: 12px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item.filled input {
		  font-size: 16px;
	 }

	 .personal-block .form-item.address-field.filled:after {
		  right: 16px;
		  /* bottom: 15px; */
		  top: 55px;
		  width: 20px;
		  height: 20px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item input {
		  font-size: 12px !important;
		  padding: 10px 15px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item input {
		  font-size: 10px !important;
	 }

	 .personal-block .personal-block-container .content .personal-form {
		  margin-top: 0;
	 }

	 .personal-block .personal-block-container .content {
		  padding: 20px;
	 }

	 /* .personal-block .form-item.address-field.filled:after, */
	 .personal-block .form-item.address-field:after {
		  right: 15px;
		  bottom: 3px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item label {
		  margin-bottom: 0;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item input {
		  margin-top: 3px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item {
		  margin-bottom: 10px;
	 }

	 .personal-block.cabinet .personal-block-container .content .personal-form .form-item {
		  margin-bottom: 20px;
		  letter-spacing: normal;
	 }

	 .personal-block #object_works_4
	 {
		  padding-bottom: 20px;
	 }
}

@media (max-width: 398px) {
	 .personal-block #object_works_1
	 {
		  padding-bottom: 20px;
	 }
}

/*END CABINET PAGE*/


/*PARTNERS PAGE*/

.personal-block.partners .bottom-buttons-mobile {
	 display: none;
}

@media (max-width: 1400px) {
	 .personal-block .personal-block-container-list .personal-block-list-item {
		  height: 180px;
	 }

	 .personal-block .personal-block-container-list .personal-block-list-item .text {
		  font-size: 24px;
	 }

	 .personal-block .personal-block-container-list .personal-block-list-item .image-container {
		  width: 60px;
	 }
}

@media (max-width: 1200px) {
	 .personal-block .personal-block-container-list .personal-block-list-item {
		  height: 140px;
	 }

	 .personal-block .personal-block-container-list .personal-block-list-item .text {
		  font-size: 18px;
	 }

	 .personal-block .personal-block-container-list .personal-block-list-item .image-container {
		  width: 40px;
	 }
}

@media (max-width: 991px) {
	 .personal-block .personal-block-container-list .personal-block-list-item .text {
		  font-size: 16px;
	 }
}

@media (max-width: 768px) {
	 .personal-block .personal-block-container-list .personal-block-list-item {
		  width: 48%;
	 }

	 .personal-block .breadcrumb-list-custom a,
	 .personal-block .breadcrumb-list-custom a:hover,
	 .personal-block .breadcrumb-list-custom span,
	 .personal-block .breadcrumb-list-custom .separator {
		  font-size: 18px;
	 }

	 .personal-block.partners .bottom-buttons-mobile {
		  display: flex;
		  justify-content: space-between;
	 }

	 .personal-block.partners .bottom-buttons-mobile .button-mobile-item {
		  border: 2px solid #fff;
		  border-radius: 7px;
		  box-shadow: 0 0 7.222222805023193px 0 #00000040;
		  width: 48%;
		  padding: 10px;
		  text-align: center;
	 }

	 .personal-block.partners .bottom-buttons-mobile .button-mobile-item a,
	 .personal-block.partners .bottom-buttons-mobile .button-mobile-item a:hover
	 {
		  font-size: 16px;
		  color: #404040;
	 }

	 .personal-block.partners .bottom-buttons-mobile .button-mobile-item img {
		  display: inline-block;
		  margin-right: 20px;
		  vertical-align: text-bottom;
	 }
}

@media (max-width: 600px) {
	 .personal-block .personal-block-container-list {
		  margin-top: 20px;
	 }

	 .personal-block .personal-block-container-list .personal-block-list-item {
		  border-radius: 7px;
		  margin-bottom: 20px;
		  height: 110px;
	 }

	 .personal-block .breadcrumb-list-custom a,
	 .personal-block .breadcrumb-list-custom a:hover,
	 .personal-block .breadcrumb-list-custom span,
	 .personal-block .breadcrumb-list-custom .separator {
		  font-size: 14px;
	 }

	 .personal-block.partners {
		  padding: 20px;
	 }

	 .personal-block .personal-block-container-list .personal-block-list-item .image-container {
		  margin: 0 auto 10px auto;
	 }
}
/*END PARTNERS PAGE*/


/* FIX */
.container.cabinte-page .left_block {
	display: none;
}

.container.cabinte-page .right_block {
	width: 100% !important;
}



body>.body:not(.index)>.main {
	padding-bottom: 0 !important;
}




/* END FIX */ 



/*FIX NEW FLATS BLOCK*/

.personal-block .personal-block-container .content .personal-form .form-item .label {
	 letter-spacing: 1px;
	 font-size: 24px;
	 font-weight: 400;
	 color: #333;
	 padding: 0 !important;
	 display: block;
	 text-align: left;
	 margin-bottom: 20px;
	 background-color: transparent;
}

.personal-block .personal-block-container .content .personal-form .form-item .input {
	 border-radius: 10px;
	 background-color: #F2F2F2;
	 border: none;
	 padding: 20px 40px;
	 width: 100%;
	 margin-top: 10px;
	 font-size: 20px;
	 line-height: 28px;
	 letter-spacing: 1px;
	 font-weight: 300;
}

.personal-block .personal-block-container .content .personal-form .form-item.filled .input {
	 color: #333;
	 /* background-color: #E8F7FF; */
	 background-color: rgba(232, 247, 255, .5);
	 max-width: 100%;
	  white-space: normal;
	  /* For Firefox: */
	  text-overflow: ellipsis;
	  position: relative;
	  z-index: 999;
}

.personal-block #object_address {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 text-indent: 1px;
	 text-overflow: '';
}

.hide-dotted:not(.dotted-complete) * {
	 opacity: 1 !important;
}

@media (max-width: 1400px) {
	 .personal-block .personal-block-container .content .personal-form .form-item .label {
		  font-size: 16px;
	 }
	 .personal-block .personal-block-container .content .personal-form .form-item .input {
		  font-size: 14px;
	 }
}

@media (max-width: 600px) {
	 .personal-block .personal-block-container .content .personal-form .form-item .label {
		  font-size: 12px;
		  margin-bottom: 0;
		  padding: 10px 15px;
	 }

	 .personal-block .personal-block-container .content .personal-form .form-item .input {
		  font-size: 10px !important;
		  margin-top: 3px;
		  padding: 20px;
	 }
	 
	 .personal-block .personal-block-container .content .personal-form .form-item select.input {
		 	padding-right: 40px;
	 }
}

/*END FIX*/



.cabinet-button .buttons-item.buttons-orange {
	 width: 100%;
	 display: block;
	  text-transform: uppercase;
	  text-align: center;
	  font-size: 28px;
	  font-weight: 600;
	  background: linear-gradient(91.76deg, #FFA828 3.86%, #FFC36B 39.69%, #FFA828 100%);
	  box-shadow: 0px 5.38px 0px 0px #F99A0F;
	  border-radius: 20px;
	  margin-bottom: 60px;
 }

.cabinet-button .buttons-item.buttons-orange span {
	 color: #333;
 }

.cabinet-button .buttons-item-wrapper {
	  box-shadow: 0px 4.48px 26.9px 0px #FFFFFF inset;
	  border-radius: 20px;
	  padding: 20px;

 }


.cabinet-button .buttons-item.buttons-orange.buttons-item-with-label {
	  position: relative;
 }

.cabinet-button .buttons-item.buttons-orange.buttons-item-with-label .buttons-item-wrapper {
	  padding: 10px;
	  position: relative;
 }

.cabinet-button .buttons-item.buttons-orange.buttons-item-with-label .label-img {
	  position: absolute;
	  bottom: -70%;
	  width: 25%;
	  right: -5%;
	  z-index: 99;
 }
 
 @media (max-width: 768px) {
	 .cabinet-button .buttons-item.buttons-orange span {
		 font-size: 18px
	 }

	 .cabinet-button .buttons-item.buttons-orange.buttons-item-with-label .buttons-item-wrapper img {
		 max-width: 70px;
	 }

	 .cabinet-button .buttons-item.buttons-orange.buttons-item-with-label .label-img {
		  bottom: -50%;
		  width: 40%;
		  right: -6%;
	 }
 }
/* End */


/* Start:/local/components/stroy/auth.stroy/templates/main/style.css?17435149764704*/
.auth-page.pk-page {
    max-width: 560px;
    padding: 0;
    margin: 50px auto;
}

.auth-page form .form-group {
    margin-bottom: 15px;
}

.auth-page form .form-group .input label.error {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 1.2rem;
    color: #e02222;
}

.auth-page form label {
    margin-bottom: 5px;
    color: #999;
    font-size: 1.47rem;
}

.auth-page form .required-star {
    color: #f25353;
}

.wrapper .form-control {
    width: 100%;
    font-size: 1.4rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 48px;
    padding: 6px 12px;
    background: #f8f8f8;
}

.form-control:focus {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .015) inset;
    border-color: #999;
    outline: 0;
}

/*show password*/
body .eye-password input[type="password"],
body .eye-password input[type="text"],
body .bx-soa-auth .eye-password input[type="password"],
body .bx-soa-auth .eye-password input[type="text"] {
    padding-right: 55px;
}
.eye-password{
    position: relative;
}

.eye-password:after {
    content: "";
    width: 55px;
    height: 44px;
    position: absolute;
    top: 32.56px;
    background-image: url("/local/templates/stroy-v1/images/eye_close.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    cursor: pointer;
    right: 1px;
}

.eye-password.password-show:after {
    background-image: url("/local/templates/stroy-v1/images/eye_open.svg");
}

/*checkbox*/
.form-checkbox__input {
    display: none;
}
form-checkbox__input--visible {
    display: block;
    visibility: hidden;
    width: 0px;
    line-height: 0px;
    margin: 0px;
}
.form-checkbox__label {
    padding: 1px 0px 0px 31px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    outline: none;
    display: block;
    margin: 0px 0px 3px;
    color: #666;
    line-height: calc(1em + 7px);
    min-height: 20px;
}
.form-checkbox__label:hover {
    color: var(--fill_dark_light_white_hover);
}
.form-checkbox__label.form-checkbox__label--no-text {
    padding-left: 20px;
}
.form-checkbox__label:not(.form-checkbox__label--sm) {
    font-size: 0.93333em;
}
.form-checkbox__label--sm {
    font-size: 0.86667em;
}
.form-checkbox__box {
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: 0;
    height: 21px;
    width: 21px;
    box-sizing: border-box;
    background: transparent;
    border: 1px solid #afafaf;
    transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
    transition: all ease 0.3s;
}
.form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0px 0px 0px 1px inset #5d8aa3;
    border-color: #5d8aa3;
}
.bx-ie .form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0px 0px 0px 1px #9e9e9e inset;
    border-color: #9e9e9e;
}
.form-checkbox__input:checked + .form-checkbox__label {
    color: #333;
}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    /*border: 8px solid #5d8aa3;*/
    /*background-color: #5d8aa3;*/
    border: 8px solid #9e9e9e;
    border-color:#5d8aa3;
    background-color: #5d8aa3;
}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box:before {
    transform: rotate(45deg);
    position: absolute;
    left: -3px;
    top: 0px;
    width: 4px;
    height: 8px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    content: "";
    box-sizing: content-box;
    transform-origin: 0 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
/*label margin*/
.form-checkbox--margined .form-checkbox__label {
    margin-bottom: 13px;
}
.form-checkbox--margined .form-checkbox__label:last-of-type {
    margin-bottom: 6px;
}

.auth__bottom-action {
    margin: 30px 0;
}

.auth__bottom-action .line-block {
    display: flex;
    justify-content: space-between;
}

.auth-page .auth__bottom-btn {
    width: 100%;
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    33% {
        width: 0.2em;
        width: 4px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    100% {
        width: 0.2em;
        width: 4px;
        height: 0.5em;
        height: 8px;
        border-color: #fff;
        transform: translate3d(0, -8px, 0) rotate(45deg);
    }
}
/**/

.st_alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
}

.st_alert.st_alert_danger {
    background: #fee;
    color: #e83333;
    font-size: 0.933em;
    border-color: #ebccd1;
}

.st_alert > * {
    margin: 0;
}

/* End */
/* /local/templates/stroy-v1/src/scss/modules/cabinet.css?175187532722283 */
/* /local/components/stroy/auth.stroy/templates/main/style.css?17435149764704 */
