/* Start:/local/templates/viyar_new_dez/components/viyar/main.register/.default/style.css?16371417039067*/
.registration_form {
    display: block;
    /* flex-direction: column; */
    /* align-items: center; */
    /* width: 40%; */
    margin: 0 auto;
    padding: 10px;
}

.registration_form input{
    outline: none;
    height: 48px;
    margin-bottom: 25px;
    max-width: 445px;
    min-width: 300px;
    padding-left: 15px;
    border: 1px solid #a9a9a9;
}

.registration_form input.btn_submit,
.registration_form input.btn_submit[disabled="disabled"]:hover {
    background-color: #3192cf;
    color: #fff;
    display: block;
    height: 40px;
    text-align: center;
    width: 140px;
    border: none;
    transition: 0.5s;
}
.registration_form input.btn_submit:hover{
    background-color: white;
    color: #666666;
    transition: 0.5s ease;
    border: 2px solid #3192cf;
}

.form_heading,.reg_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 40px 0px;
}

.registration_form thead td{text-align: center}

#ermsg, #ermail, #ermail1, #erpass, #erpass1, #erphone, #erSecName{
    max-width: 280px;
    color: red;
    position: relative;
    margin:0;
}
#ertr{
    height: 30px;
}

@media (max-width: 900px){
    .registration_form  table tr {
        display: flex;
        flex-direction: column;
    }
}

.registration_form .error{
    border: 1px solid red !important;
    background: url("/local/templates/viyar_new_dez/components/viyar/main.register/.default/img/Shape 5.png") no-repeat 95% center;
}
.registration_form .ok{
    border: 1px solid #008000;
    background: url("/local/templates/viyar_new_dez/components/viyar/main.register/.default/img/Shape 8.png") no-repeat 95% center;
}

/* ��� ����������� �������� ����������� */
section.contacts > div.register {
    display:block !important;
}

/*��� ���������� ���� */

.modal-register .registration_form {
    width: 100%;
}
.modal-register .registration_form input {
    min-width: 100%;
    max-width: none;
}


.wrapper_registration {
    margin: 0 auto;
    display: flex;
    width: 470px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wrapper_registration > tr {
    display: flex;
    flex-direction: column;
}

.wrapper_submit_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.registration_form input {
    outline: none;
    height: 40px;
    margin-bottom: 10px;
    max-width: 280px;
    border: 0.5px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 15px;
}

.registration_form {
    display: block;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}

.reg_title {
    display: none;
}

.login_page .md-close {
    right: 2%;
}

.btn_submit {

    color: #fff;
    display: block;
    height: 50px;
    text-align: center;
    width: 200px;
    background: #1E88E5;
    border-radius: 4px;
    border: none;
    transition: 0.5s;

}

.registration_form input.btn_submit, .registration_form input.btn_submit[disabled="disabled"]:hover {
    background: #1E88E5;
    border-radius: 4px;
    height: 50px;
    min-width: 200px;
    width: 200px;
    margin: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 0px;
    /* or 0% */

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    /* white */

    color: #FFFFFF;
}

.registration_form input.btn_submit:hover {
    color: #FFFFFF;
    transition: 0.5s ease;
    background: #1071c6;
    border: none;
}


@media (max-width: 767px) {

    .flat_input.login {
        width: 91%;
    }

    .flat_input.password {
        width: 91%;
    }

}

@media (min-width: 768px) {


}


.md-show.login_page .md-content {
    display: flex;
    flex-direction: column-reverse;
}

a.help_auth {
    border-top: none;
}


.forgot_link,
.log_link,
.reg_link,
.help_auth {
    height: auto;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #666666;
    text-transform: uppercase;
}

.log_link:hover,
.forgot_link:hover,
.reg_link:hover {

    color: #1E88E5 !important;
    border-bottom: 4px solid #1E88E5;

}

/*.forgot_link {
    display: block;
    position: absolute;
    top: 586px;
    left: 0px;
    opacity: 0;
}

.reg_link {
    display: block!important;
}

.help_auth:focus {
    color: #1E88E5!important;
    border-bottom: 4px solid #1E88E5;
}

*/


.blue_href {
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #2088E8;
}

.blue_href:hover {
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-decoration-line: underline;
    color: #50A8FF;
}

.blue_href:active {
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-decoration-line: underline;
    color: #1070D0;
}

.blue_href:disabled {
    font-family: Roboto-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #686868;
}

.checkbox_text {
    width: 260px;
    font-family: Roboto-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #686868;
    margin-left: 24px;
}

.checkbox_text > a {
    margin-left: 5px;
}

.wrapper_form {
    display: flex;
}

.wrapper_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}


.more_about_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    cursor: pointer;
}

.submit_order {
    width: 245px;
    height: 48px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}

.disabled {
    /*border: 2px solid #686868 !important;*/
    color: #686868;
    opacity: 25%;
}

.submit_order:hover {
    border: 2px solid #50A8FF !important;
    box-sizing: border-box;
    border-radius: 4px;
    color: #50A8FF;
    opacity: 1;
}

.submit_order:active {
    background: #2088E8;
    border-radius: 4px;
    border: none;
    color: #fff;
    opacity: 1;
}

input[type="checkbox"] {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #2088E8 !important;
    cursor: pointer;
}

.checkbox_icon {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #2088E8 !important;
    cursor: pointer;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label {
    display: inline-flex;
    align-items: flex-start;
    user-select: none;
    margin-top: 10px;
}

.custom-checkbox + label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #2088E8;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.custom-checkbox:checked + label::before {
    border-color: #2088E8;
    background-color: #2088E8;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
}

@media screen and (min-width: 320px) and (max-width: 768px) {

    .wrapper_registration {
        margin: 0 auto;
        display: flex;
        width: 300px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}


/* End */


/* Start:/local/templates/.default/components/bitrix/system.auth.forgotpasswd/.default/style.css?15931561018606*/
.bx_forgotpassword_page{}
.bx_forgotpassword_page{
	color: #3F3F3F;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	/*margin: 0px 33px;*/
}
.bx_forgotpassword_page a{color: #007acf;}
.bx_forgotpassword_page a:hover{text-decoration: none;}

.bx_forgotpassword_page .input_text_style{
	/*position: relative;*/
	/*display: block;*/
	/*-webkit-box-sizing:border-box;*/
	/*-moz-box-sizing:border-box;*/
	/*box-sizing:border-box;*/
	/*padding: 0px 10px !important;*/
	/*min-width: 200px;*/
	/*max-width: 300px;*/
	/*width: 100%;*/
	/*height: 40px;*/
	/*border: 1px solid #8CA3AE;*/
	/*border-radius: 5px;*/
	/*background: #fff;*/
	/*box-shadow: inset 0 3px 6px 0 rgba(215, 215, 215, 0.7);*/
	/*font-weight: normal;*/
	/*font-size: 18px;*/
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	height: 40px;
	margin-bottom: 20px;
	width: 320px;
	max-width: 320px;
	padding-left: 15px;
	border: 0.5px solid #C4C4C4;
	border-radius: 4px;
}

.email_style {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	width: 320px;
	display: flex;
	align-items: center;
	color: #606060;
	margin: 0 auto;
}


.bx_forgotpassword_page .starrequired{color: #f00;}
.bx_forgotpassword_page .bt_blue{
	display:inline-block;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	cursor:pointer;
	border: none;
}


.bx_forgotpassword_page .shadow.bt_blue{box-shadow:0 1px 1px 0 rgba(0,0,0,.2)}
.bx_forgotpassword_page .shadow.bt_blue:active{box-shadow:none}

.bx_forgotpassword_page .bt_blue  			{
	background:#00a2df;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#006fcb));
	background:-webkit-linear-gradient(top, #00a2df 0%,#006fcb 100%);
	background:  -moz-linear-gradient(top, #00a2df 0%,#006fcb 100%);
	background:   -ms-linear-gradient(top, #00a2df 0%,#006fcb 100%);
	background:    -o-linear-gradient(top, #00a2df 0%,#006fcb 100%);
	background:       linear-gradient(to bottom, #00a2df 0%,#006fcb 100%);
	color:#fff;
	text-shadow:0 1px 0 #006cae;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb',GradientType=0 );
}
.bx_forgotpassword_page .bt_blue:hover  		{
	background:#21afe4;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#21afe4), color-stop(100%,#006fcb));
	background:-webkit-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:  -moz-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:    -o-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:   -ms-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:       linear-gradient(to bottom, #21afe4 0%,#006fcb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb',GradientType=0 );
}
.bx_forgotpassword_page .bt_blue:active 		{
	background:#21afe4;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#21afe4), color-stop(100%,#006fcb));
	background:-webkit-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:  -moz-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:   -ms-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:    -o-linear-gradient(top, #21afe4 0%,#006fcb 100%);
	background:       linear-gradient(to bottom, #21afe4 0%,#006fcb 100%);
	box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb',GradientType=0 );
}

.bx_forgotpassword_page .big.bt_blue			{
	padding:0 13px;
	height:34px;
	font-weight:bold;
	line-height:34px;
	height:36px;
	line-height:36px;
}
.bx_forgotpassword_page .big.bt_blue:hover  	{}
.bx_forgotpassword_page .big.bt_blue:active 	{}

input.bx_bt_button.bx_big  {
	/*width: 23%;*/
	/*text-align: center;*/
	/*padding: 15px 0px;*/
	/*color: white;*/
	/*font-size: 14px;*/
	/*background: rgb(62, 149, 212) none repeat scroll 0% 0%;*/
	/*text-decoration: none;*/

	color: #fff;
	height: 50px;
	width: 200px;
	text-align: center;
	border: none;
	transition: 0.5s;
	text-transform: none;
	margin: 0 auto 10px;
	background: #1E88E5;
	border-radius: 4px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 0px;
}


input.bx_bt_button.bx_big:hover {
	color: #FFF;
	background: #1071C6;
	transition: 0.5s ease;
	border: none;
}
.bx_forgotpassword_page p>a, .bx_forgotpassword_page p>a:hover {
	width: 23%;
	text-align: center;
	padding: 15px 0px;
	color: white;
	font-size: 14px;
	background: rgb(62, 149, 212) none repeat scroll 0% 0%;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}
.notetext {
	display: block;
	margin: 0px 33px;
}

.bx_forgotpassword_page .input_text_style .error{
	border: 1px solid #ff0000 !important;
	background: url("/local/templates/.default/components/bitrix/system.auth.forgotpasswd/.default/img/Shape 5.png") no-repeat 95% center;
	border-radius: 0;
}
.bx_forgotpassword_page .input_text_style .ok{
	border: 1px solid #a9a9a9;
	background: url("/local/templates/.default/components/bitrix/system.auth.forgotpasswd/.default/img/Shape 8.png") no-repeat 95% center;
	border-radius: 0;
}

#erEmail{
	color: #ff0000;
	position: relative;
	top: -20px;
	margin: 0;
}

.text_content {

	margin: 50px 20px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #282828;

}

#sendForgEmail .form_heading{
	margin: 0;
}

#sendForgEmail #successForg {
	color: #008000;
	margin: 0;
	margin-bottom:10px;
}

.form_heading {
	font-size: 25px !important;
}

.reg_link_bottom,
.log_link_bottom {
	text-transform: none!important;
}

.forgot_only_style {
	width: 100%;
}

.auth_links > a:active {
	color: #1E88E5!important;
	border-bottom: 4px solid #1E88E5;
}

.log_link:focus,
.forgot_link:focus,
.reg_link:focus {
	color: #1E88E5!important;
	border-bottom: 4px solid #1E88E5;
}

@media screen and (min-width:320px) and (max-width:768px) {

	.bx_forgotpassword_page .input_text_style{
		height: 40px;
		margin-bottom: 20px;
		width: 280px;
		max-width: 320px;
		padding-left: 15px;
		border: 0.5px solid #C4C4C4;
		border-radius: 4px;
	}

	.blue_href_login {
		font-family: Roboto;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 30px;
		margin: 0 0 0 5px;
		display: block;
		align-items: center;
		text-align: center;
		color: #1E88E5;
	}

	.registration_text {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 18px;
		display: block;
		align-items: center;
		text-align: center;
		justify-content: center;
		margin: 0 0 153px;
		color: #202020;
	}

}
/* End */
/* /local/templates/viyar_new_dez/components/viyar/main.register/.default/style.css?16371417039067 */
/* /local/templates/.default/components/bitrix/system.auth.forgotpasswd/.default/style.css?15931561018606 */