@import url("reset.css");
/*-------------------font------------------*/
@font-face {
 font-family: 'Montserrat';
 src: url('../fonts/Montserrat-Bold.eot');
 src: local('Montserrat Bold'), local('Montserrat-Bold'),  url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Bold.woff') format('woff'),  url('../fonts/Montserrat-Bold.ttf') format('truetype');
 font-weight: bold;
 font-style: normal;
}
 @font-face {
 font-family: 'Montserrat';
 src: url('../fonts/Montserrat-Regular.eot');
 src: local('Montserrat Regular'), local('Montserrat-Regular'),  url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Regular.woff') format('woff'),  url('../fonts/Montserrat-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Montserrat';
 src: url('../fonts/Montserrat-Medium.eot');
 src: local('Montserrat Medium'), local('Montserrat-Medium'),  url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Medium.woff') format('woff'),  url('../fonts/Montserrat-Medium.ttf') format('truetype');
 font-weight: 500;
 font-style: normal;
}
@font-face {
 font-family: 'Montserrat';
 src: url('../fonts/Montserrat-SemiBold.eot');
 src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),  url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-SemiBold.woff') format('woff'),  url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
 font-weight: 600;
 font-style: normal;
}
@font-face {
 font-family: 'Montserrat';
 src: url('../fonts/Montserrat-ExtraBold.eot');
 src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),  url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-ExtraBold.woff') format('woff'),  url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
 font-weight: 800;
 font-style: normal;
}
@font-face {
 font-family: 'Raleway';
 src: url('../fonts/Raleway-Regular.eot');
 src: local('Raleway'), local('Raleway-Regular'),  url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Regular.woff') format('woff'),  url('../fonts/Raleway-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Raleway';
 src: url('../fonts/Raleway-Regular.eot');
 src: local('Raleway'), local('Raleway-Regular'),  url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Regular.woff') format('woff'),  url('../fonts/Raleway-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Raleway';
 src: url('../fonts/Raleway-Bold.eot');
 src: local('Raleway Bold'), local('Raleway-Bold'),  url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Bold.woff') format('woff'),  url('../fonts/Raleway-Bold.ttf') format('truetype');
 font-weight: bold;
 font-style: normal;
}
 @font-face {
font-family: ALSRubl;
src: url(../fonts/rouble.ttf);
}
.rubl {
	font-family: ALSRubl;
	font-style:normal;
}
/*----------------------body-----------------*/
header, nav, section, article, aside, footer {
	display:block
}
html {
	height:100%
}
body {
	background:#fff;
	font:normal 15px/25px 'Montserrat', Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;
	-webkit-text-size-adjust:none;
}
.main {
	min-height:100%;
	margin:0 auto;
	position:relative;
}
.container {
	width:1200px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}
.flex {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.hidden, input[type="text"].hidden {
	display:none !important;
}
.cnt {
	text-align:center;
}
.clear {
	clear:both;
}
a, img {
	outline:none;
}
a:focus {
	outline:none;
}
a {
	color:#e09900;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#212121;
}
img {
	max-width:100%;
	vertical-align:middle;
}
h1 {
	font:bold 36px/44px 'Montserrat', Arial, Helvetica, sans-serif;
}
/*----------------------------header----------------------*/
.header {
	position:fixed;
	z-index:1000;
	left:0;
	bottom:0;
	top:0;
	color:#fff;
	background:#F2F2F2;
	width:90px;
}
.main_login h1 {
	padding-bottom:14px;
	border-bottom:1px solid #828282;
	margin-bottom:17px;
}
.main_login h6 {
	font:normal 15px/18px 'Montserrat', Arial, Helvetica, sans-serif;
	margin:0 0 42px;
}
.main_login input[type="email"], .main_login input[type="password"] {
	width:313px;
	margin-right:22px;
}
.main_login form {
	display:flex;
	margin-bottom:40px;
	align-items: center;
}
.main_login form.form_recovery {
	margin-bottom:0;
}
.div_error {
	color:red;
	margin-bottom:20px;
}
.message {
	margin-top:15px;
	color:	green;
}
.link_recovery {
	font:normal 15px/18px 'Montserrat', Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}
.link_recovery:hover {
	text-decoration:none;
}
.main_login form .link_recovery {
	margin-left:26px;
}
.main_login {
	display:flex;
	height:100%;
	align-items: center;
}
.main_login > div {
	width:800px;
	margin:0 auto;
}
.logo {
	padding:9px 0 35px;
}
.logo img {
	width:84px;
	margin:0 auto;
}
/*------------------------nav---------------------------*/

.nav_open {
	cursor: pointer;
	transition: all 0.3s linear;
	display:none;
	position: relative;
	z-index: 10;
	width:28px;
	height:28px;
	background:url(../images/nav_open.svg) no-repeat center;
}
.nav ul li a {
	font:normal 10px/10px 'Montserrat', Arial, Helvetica, sans-serif;
	transition: all 0.3s linear;
	display:block;
	color:#1A73E8;
	text-decoration:none;
}
.nav ul li {
	position:relative;
	padding-bottom:50px;
	text-align:center;
}
.nav ul li a span {
	margin-top:5px;
	display:block;
}
.nav ul li a:hover, .nav ul li a.active {
	color:#000;
}
.nav ul li:last-child {
	padding-bottom:0;
}
.nav ul li:nth-child(2) {
padding-bottom:20px;
}
/*------------------------------button-------------------------*/

.btn {
	border:none;
	background:#BDBDBD;
	border-radius:3px;
	text-align:center;
	color:#fff;
	font:normal 14px/39px 'Raleway', Arial, Helvetica, sans-serif;
	padding:0px 0px;
	max-width:100%;
	display:inline-block;
	transition:all 0.3s linear;
	cursor:pointer;
	box-sizing: border-box;
	width:210px;
	border:1px solid #BDBDBD;
}
.btn:hover {
	color:#BDBDBD;
	background:#fff;
}
.btn.btn_red {
	background:#F56D45;
	border:1px solid #F56D45;
}
.btn.btn_red:hover {
	color:#F56D45;
	background:#fff;
}
.btn.btn_green {
	background:#27AE60;
	border:1px solid #27AE60;
	width:165px;
}
.btn.btn_green:hover {
	background:#fff;
	color:#27AE60;
}
.btn.btn_gray {
	background:#828282;
	border:1px solid #828282;
	cursor:default;
	width:180px;
}
.btn.btn_gray:hover {
	background:#828282;
	border:1px solid #828282;
}
.btn.btn_blue {
	background:#2F80ED;
	border:1px solid #2F80ED;
}
.btn.btn_blue:hover {
	background:#fff;
	border:1px solid #2F80ED;
	color:#2F80ED;
}
.btn.btn_primary {
	background:transparent;
	height:32px;
	border:1px solid #BDBDBD;
	font:normal 12px/32px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.btn.btn_primary:hover {
	border:1px solid #F56D45;
	color:#F56D45;
}
.btn.btn_primary.btn_red {
	border:1px solid #F56D45;
	color:#F56D45;
}
.btn.btn_primary.btn_red:hover {
	background:#F56D45;
	color:#fff;
}
/*-------------------------------section---------------*/
.section {
	margin-left:95px;
}
.section_top {
	margin-left:26px;
	padding-top:10px;
	position:relative;
	z-index:2;
}
.section_top h1 {
	padding-bottom:17px;
	border-bottom:1px solid #F2F2F2;
	margin-bottom:14px;
}
.div_user {
	padding-bottom:12px;
	border-bottom:1px solid #F2F2F2;
}
.pic_user {
	width:60px;
	position:relative;
}
.pic_user img {
	width:100%;
	border-radius:50%;
}
.pic_user span {
	display:block;
	position:absolute;
	border: 2px solid #FFFFFF;
	width:10px;
	height:10px;
	border-radius:50%;
	top:48px;
	left:46px;
}
.pic_user span.active {
	background:#6FCF97;
}
.div_user h4 {
	margin-left:15px;
	font:normal 18px/21px 'Raleway', Arial, Helvetica, sans-serif;
}
.div_sorting {
	justify-content: flex-start;
	padding:15px 0 18px;
}
.sort_by > span {
	font:bold 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-right:9px;
}
.form_search {
	margin-left:56px;
}
.sort_by_open {
	position:relative;
}
.sort_by_open ul {
	position:absolute;
	font:normal 14px/30px 'Raleway', Arial, Helvetica, sans-serif;
	border:1px solid #F2F2F2;
	top:100%;
	left:-15px;
	background:#fff;
	display:none;
}
.sort_by_open ul li {
	border-top:1px solid #F2F2F2;
	padding:0 15px;
	white-space: nowrap;
	cursor:pointer;
	transition: all 0.3s linear;
}
.sort_by_open ul li:hover {
	color:#1A73E8;
}
.sort_by_open ul li:first-child {
	border-top:none;
}
.sort_by_open span {
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-right:19px;
	color:#1A73E8;
	background:url(../images/arrow.svg) no-repeat right 0px;
	cursor:pointer;
}
.form_search {
	position:relative;
}
.form_search input[type="text"] {
	width:336px;
	padding:0 50px 0 12px;
	height:36px;
}
.form_search input[type="submit"] {
	position:absolute;
	background:url(../images/submit.svg) no-repeat center;
	height:36px;
	width:36px;
	right:0;
	top:0;
}
.form_search input[type="submit"]:hover {
	background:url(../images/submit.svg) no-repeat center;
}
.div_messages {
	position:absolute;
	right:0;
	width:332px;
	top: -66px;
}
.messages_tab {
	height:57px;
	width:170px;
	background:#f2f2f2;
	justify-content: center;
	font:bold 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
}
.messages_tab span {
	font:normal 12px/17px 'Raleway', Arial, Helvetica, sans-serif;
	color:#F56D45;
	padding:2px 0 0 4px;
}
.messages_body {
	background:#f2f2f2;
	padding-left:5px;
}
.messages_item:nth-child(even) {
 background:#fff url(../images/messages.svg) no-repeat 11px 22px;
}
.messages_item {
	padding:22px 10px 13px 43px;
	background:url(../images/messages.svg) no-repeat 16px 22px;
}
.messages_item h6 {
	font:normal 14px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#F56D45;
	padding-bottom:7px;
}
.messages_item .date {
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
	padding-bottom:4px;
	display:block;
}
.messages_item p {
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	padding-bottom:3px;
	display:block;
}
.messages_item a {
	display:block;
	text-align:right;
	color:#828282;
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
}
.div_map {
	width:calc(100% - 337px);
	position:relative;
}
#map {
	height:776px;
}
.map_open {
	position:absolute;
	z-index:10;
}
.map_icon span {
	position:absolute;
	left:24px;
	top:-2px;
	width:21px;
	height:21px;
	border-radius:50%;
	background:#F56D45;
	display:block;
	text-align:center;
	color:#fff;
	font:normal 12px/21px 'Montserrat', Arial, Helvetica, sans-serif;
}
.map_open img {
	cursor:pointer;
}
.map_open_1 {
	top:106px;
	left:265px;
}
.map_open_2 {
	top:228px;
	left:700px;
}
.map_open_3 {
	top:350px;
	left:600px;
}
.modal_item h3 {
	line-height:19px;
}
.modal_item h3 span {
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	border-radius:50%;
	border:1px solid #828282;
	margin-right:9px;
	font:normal 12px/15px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
	text-align:center;
	box-sizing: border-box;
}
.modal_item .application_category, .modal_item .rc_code {
	padding-left:27px !important;
}
.modal_item .div_problem {
	padding-top:9px;
	padding-bottom:0;
}
.modal_item .div_problem a {
	font-size:12px;
	color:#1A73E8;
}
.modal_item {
	padding:27px 0;
	border-top:1px solid #E0E0E0;
}
.modal_item:first-child {
	border-top:none;
	padding-top:0;
}
.scroll-pane {
	height:433px;
	margin-top:27px;
}
.map_modal {
	background:#fff;
	/*top:53px;
	left:-181px;*/
    top:150px;
    left:0;
	width:362px;
	position:absolute;
	padding:18px 18px 28px;
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
    overflow-y: auto;
}
.modal_top {
	justify-content: flex-start;
	margin-bottom:20px;
}
.modal_top img {
	margin-right:20px;
}
.map_modal .application_category {
	padding: 9px 0;
}
.map_modal .div_metro {
	padding-bottom:13px;
}
.div_address {
	padding-bottom:12px;
	color:#828282;
}
.div_address span {
	color:#000;
}
.div_address img {
	padding-right:12px;
}
.div_problem {
	padding-bottom:12px;
	color:#828282;
}
.div_problem span {
	display:block;
	font-size:12px;
	color:#000;
	padding-left:27px;
	padding-top:7px;
}
.div_problem img {
	padding-right:9px;
}
.map_modal .div_comment {
	padding-bottom:12px;
}
.map_modal .div_comment span {
	display:block;
	color:#000;
	padding:7px 0 0 27px;
	font-size:12px;
}
.div_date {
	padding-bottom:24px;
	justify-content: flex-start;
}
.div_date img {
	padding-right:9px;
	float:left;
}
.div_date div:first-child {
	width:154px;
	color:#828282;
}
.map_modal {
	display:none;
}
.map_modal .btn {
	margin:0 auto;
	display:block;
}
.map_bottom {
	clear:both;
	padding:24px 0 27px;
	justify-content: flex-start;
	margin:0 0 0px 26px;
	border-bottom:1px solid #F2F2F2;
}
.modal_up {
	padding:0 8px 18px;
	border-bottom:1px solid #F2F2F2;
	margin: 0 -7px 13px;
}
.modal_up span {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	padding-left:13px;
}
.modal_up a {
	color:#000;
}
.section_body {
	padding-bottom:28px;
	position:relative;
}
.map_bottom > div {
	padding-left:73px;
	cursor:pointer;
}
.map_bottom > div:first-child {
	padding-left:0px;
}
.map_bottom span {
	display:inline-block;
	padding-left:8px;
}
.applications_item {
	border:1px solid #f8f8f8;
	margin-bottom:19px;
	padding:18px 14px 0 13px;
	transition: all 0.3s linear;
}
.applications_item:hover {
	box-shadow:0 0 25px rgba(0, 00, 0, .25);
}
.div_applications {
	display:none;
}
.applications_body {
	padding:0 22px 200px 26px;
}
.applications_top {
	padding:0 10px 14px 10px;
	border-bottom:1px solid #f8f8f8;
	overflow:hidden;
}
.applications_name {
	width:186px;
	float:left;
}
.description_problem {
	float:left;
	width:calc(100% - 430px);
	padding-right:20px;
}
.description_problem.flex {
	align-items: flex-start;
}
.description_problem > div {
	width:33%;
	padding-right:2%;
}
.div_car {
	background:url(../images/ic-ecommerce-delivery.svg) no-repeat;
	padding-left:28px;
	font: normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
}
.div_car span {
	font: normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	padding:8px 0 5px;
}
.div_men {
	background:url(../images/men.svg) no-repeat;
	padding-left:28px;
	font: normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
}
.div_men span {
	font: normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	padding:8px 0 0px;
}
.div_modal {
	font: normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
}
.modal .div_modal label {
	color:#828282;
}
.div_address_modal {
	margin-bottom:8px;
}
.div_address_modal label {
	padding-right:7px;
}
.description_problem_modal span {
	display:block;
	padding:7px 0 12px;
	font-size:12px;
}
.div_auto {
	margin:3px 0 9px;
}
.div_auto label {
	padding-right:12px;
}
.div_mileage {
	padding-bottom:16px;
}
.div_mileage span {
	padding:0 6px;
}
.link_map {
	float:left;
	width:186px;
	margin-top: 7px;
}
.div_мате > label {
	display:block;
	padding-bottom:9px;
}
.div_мате > span {
	display:block;
	padding-bottom:3px;
}
.мате_item {
	padding-bottom:8px;
}
.мате_item span {
	padding:0 6px;
}
.modal_pic {
	padding-top:8px;
}
.modal_pic label {
	display:block;
	padding-bottom:14px;
}
.modal_pic img {
	margin:0 15px 22px 0;
}
.btn_right {
	float:right;
}
.button_right {
	float:right;
}
.button_right button {
	width:110px;
	height:32px;
	font: normal 14px/32px 'Raleway', Arial, Helvetica, sans-serif;
	margin-left:10px;
}
.applications_name h3 {
	font:bold 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-bottom:8px;
}
.application_category {
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-bottom:10px
}
.rc_code {
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
}
.rc_code span {
	color:	#828282;
	padding-right:6px;
}
.description_problem h4 {
	color:	#828282;
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	background:url(../images/applications_4.svg) no-repeat;
	padding:1px 0 8px 27px;
}
.description_problem p {
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	padding-left:27px;
}
.applications_time {
	width:221px;
	float:right;
}
.applications_time h5 {
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
	background:url(../images/applications_5.svg) no-repeat;
	padding:0 0 7px 27px;
}
.applications_time.applications_time_1 h5 {
	background:url(../images/applications_6.svg) no-repeat;
}
.applications_time.applications_time_2 h5 {
	background:url(../images/applications_7.svg) no-repeat;
}
.end_time {
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-left:27px;
}
.end_time span {
	display:block;
	font:normal 10px/13.5px 'Raleway', Arial, Helvetica, sans-serif;
}
.applications_time_1 .end_time span {
	color:#27AE60;
}
.applications_time_2 .end_time span {
	color:#FF0000;
}
.applications_bottom {
	margin:0 -4px 0 10px;
	padding:7px 0 7px 0;
	overflow:hidden;
}
.div_metro {
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
}
.div_metro img {
	padding-right:9px;
	vertical-align:top;
}
.div_metro span {
	color:#000;
}
.applications_bottom > a {
	color:#828282;
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
}
.applications_bottom > a span {
	display:inline-block;
	vertical-align:middle;
	padding-left:12px;
}
.div_comment {
	color:#828282;
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-top:8px;
}
.div_comment img {
	padding-right:9px;
	vertical-align:middle;
}
.div_comment > span {
	display:inline-block;
	vertical-align:middle;
	line-height:17px;
}
.div_comment span span {
	color:#F56D45;
}
.div_comment .btn {
	margin-left:9px;
}
.modal_messages {
	position:absolute;
	top:50px;
	width:924px;
	left:50%;
	margin-left:-462px;
	background:#fff;
	z-index:10;
	box-shadow:0 0 25px rgba(0, 0, 0, .15);
	padding:47px 16px 26px 17px;
	display:none;
	z-index:5010;
}
.modal_messages h2 {
	font:bold 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	margin-bottom:22px;
	padding-left:15px;
}
.modal_messages h2 span {
	color:#F56D45;
	font:normal 12px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding-left:4px;
}
.modal_messages_item {
	border:1px solid #F2F2F2;
	padding:22px 21px 10px 15px;
	margin-bottom:8px;
}
.modal_messages_item h4 {
	color:#1A73E8;
	font:normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	padding:0 0 7px 27px;
	background:url(../images/messages.svg) no-repeat;
}
.modal_messages_item h4.h4_red {
	color:#F56D45;
}
.modal_messages_item .date {
	color:#828282;
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	padding:0 0 4px 27px;
	display:block;
}
.modal_messages_item p {
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	padding:0 0 0px 27px;
}
.modal_messages_item a {
	font:normal 12px/16px 'Raleway', Arial, Helvetica, sans-serif;
	display:block;
	text-align:right;
	color:#828282;
}
.modal_messages_chidren {
	margin-left:42px;
}
.write_answer {
	margin:17px 0 0 42px;
}
.write_answer img {
	width:100%;
}
.write_answer h3 {
	font:bold 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	margin-bottom:17px;
}
.modal_button {
	text-align:right;
	margin:18px 0 0;
}
.user_button {
	padding-right:22px;
}
.user_button .btn {
	margin-left:15px;
}
/*---------------------personal_information--------------------------*/
.personal_information {
	margin-top:-69px;
	background:#fff;
	position:relative;
	z-index:3;
	margin-left: 26px;
	/*display:none;*/
}
.personal_tab {
	border-bottom: 1px solid #F2F2F2;
}
.personal_tab ul li {
	display:inline-block;
	vertical-align:middle;
	margin-right:53px;
}
.personal_tab ul li a {
	font:bold 14px/64px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:2px solid transparent;
	margin-bottom:-1px;
	padding:0 2px;
	text-decoration:none;
	display:block;
	transition: all 0.3s linear;
}
.personal_tab ul li.active a, .personal_tab ul li a:hover {
	color:#1A73E8;
	border-bottom:2px solid #1A73E8;
}
.personal_body {
	overflow:hidden;
}
.personal_left {
	float:left;
	width:50%;
	border-right: 1px solid #F2F2F2;
	padding-right:40px;
	box-sizing: border-box;
}
.personal_right {
	float:right;
	width:50%;
	padding-right:22px;
	box-sizing: border-box;
}
.personal_left_head {
	padding:32px 0 20px;
}
.personal_salary {
	font:bold 14px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
}
.personal_salary span {
	font-size:20px;
	letter-spacing:1px;
	padding-left:13px;
	font-family:Montserrat, Helvetica, sans-serif;
}
.personal_left_bottom {
	padding:20px 0 10px;
	display:inline-block;
	vertical-align:top;
	width:49%;
}
.personal_left_bottom li {
	padding-bottom:15px;
	font:bold 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
}
.personal_left_bottom li span {
	padding-left:10px;
	font:bold 20px/16.5px 'Montserrat', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
.personal_left_bottom li span.span_thin {
	font:normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
}
.personal_left_bottom li span.span_day{
    margin:0 10px 0 0;
    font:bold 12px/25px 'Raleway', Arial, Helvetica, sans-serif;
}
.personal_right_head {
	justify-content: flex-start;
	padding:32px 0 30px 37px;
	border-bottom:1px solid #F2F2F2;
}
.personal_right_head img {
	width:60px;
	height:auto;
	border-radius:50%;
	margin-right:17px;
}
.personal_right_body {
	padding:35px 0 0 37px;
}
.personal_right_body label {
	color:#333333;
	font:normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
	padding-right:36px;
}
.personal_right_body input[type="submit"] {
	height:39px;
	width:187px;
	margin-left:10px;
	font: normal 14px/39px 'Raleway', Arial, Helvetica, sans-serif;
}
.personal_right_body input[type="password"] {
	width:calc(100% - 272px);
	height:39px;
	font: normal 64px/17px 'Raleway', Arial, Helvetica, sans-serif;
	color: #333;
	padding: 35px 16px 0;
	background:url(../images/eye.svg) no-repeat right 12px top 11px;
}
.personal_tool {
	padding-top:25px;
	padding-right:22px;
	padding-bottom:25px;
}
.personal_tool h3 {
	font: bold 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom:25px;
}
.table_personal {
	width:100%;
}
.table_personal tr th:last-child, .table_personal tr td:last-child{
	display:none;
}
.table_personal th {
	font: normal 14px/39px 'Raleway', Arial, Helvetica, sans-serif;
	color: #000;
	background:#F2F2F2;
	text-align:left;
}
.table_personal th:first-child {
	padding-left:31px;
}
.table_personal td {
	font: normal 14px/39px 'Raleway', Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom:1px solid #F2F2F2;
	text-align:left;
	padding:14px 0 0;
}
.table_personal td:first-child {
	padding-left:31px;
}
.personal_mobil{
 display:none;
}
.personal_pic img {
	display:inline-block;
	vertical-align:middle;
	margin:0 15px 14px 0;
}
.personal_slider {
	padding:0px 18px 0;
}
.personal_tool {
	display:none;
}
/*-------------------footer------------------------*/
.footer {
	background:#252729;
	color:#fff;
	padding:60px 0 45px;
	overflow:hidden;
	clear:both;
}
/*-------------------------modal-------------------------------*/
.modal_bg {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0);
	z-index:5000;
	display:none;
}
.modal_answer {
	width:320px;
	left:50%;
	margin-left:-160px;
	background:#fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	padding: 40px 20px;
	display: none;
	z-index: 5010;
	position:fixed;
	top:50px;
	text-align:center;
	font-size:16px;
}
.close {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	background:url(../images/close.svg) no-repeat;
	text-align: center;
	top:9px;
	right:12px;
	cursor:pointer;
	transition:all 0.3s linear;
}
.close:hover {
	transform: rotate(180deg);
}
.modal {
	position: absolute;
	top: 50px;
	width: 532px;
	left: 50%;
	margin-left: -266px;
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	padding: 23px 18px 28px;
	z-index: 5010;
	overflow:hidden;
	display:none;
}
.modal h3 {
	font:bold 16px/19px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:7px;
}
.modal h4 {
	font:bold 18px/21px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:16px;
}
.modal h5 {
	font:bold 14px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:15px;
}
.modal label {
	font:normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
}
.input_flex {
	margin-bottom:12px;
}
.input_flex label {
	width:63px;
}
.input_flex input[type="text"] {
	width:calc(100% - 63px);
}
.modal input[type="text"], .modal textarea, .modal select, .modal input[type="text"].datetime, .modal input[type="datetime"]  {
	height:39px;
	font:normal 12px/17px 'Raleway', Arial, Helvetica, sans-serif;
	color:#828282;
	padding:10px 15px;
}
.modal textarea {
	height:144px;
	margin:12px 0 15px;
}
.modal select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url(../images/select_bg.svg) no-repeat right 14px top 17px;
	margin-bottom:16px;
}
.input_flex_mini input[type="text"] {
	width:155px;
}
.input_flex_mini {
	margin-bottom:16px;
}
.select_flex {
	margin-bottom:16px;
}
.select_flex select {
	margin-bottom:0;
	width:calc(100% - 77px);
}
.input_time input[type="text"].datetime, .input_time input[type="datetime"] {
	width:125px;
}
.link_sun{
 float:right;
}
.input_time {
	margin-bottom:21px;
}
.new_partner {
	text-align:right;
	cursor:pointer;
}
.new_partner span {
	display:inline-block;
	color:#000;
	font:normal 14px/20px 'Raleway', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding-left:14px;
}
.new_partner {
	margin-bottom:18px;
}
.modal input[type="submit"] {
	font: normal 14px/39px 'Raleway', Arial, Helvetica, sans-serif;
	width: 210px;
	height: 39px;
	background:#BDBDBD;
	border:1px solid #BDBDBD;
	float:right;
}
.modal input[type="submit"]:hover {
	background:#fff;
	color:#BDBDBD;
}
.checbox {
	margin-bottom:15px;
}
.checbox input {
	display:none;
}
.checbox label {
	padding-left:36px;
	font: normal 14px/24px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	background:url(../images/checkbox.png) no-repeat;
	cursor:pointer;
}
.checbox input[type="checkbox"]:checked + label {
	background-position:0 -24px;
}
.file_flex {
	justify-content: flex-start;
	margin-bottom:28px;
}
.file_flex label {
	width:111px;
}
.file_flex img {
	margin-right:15px;
}
.file_block {
	padding-left:10px;
}
.file_block {
	position:relative;
	cursor:pointer;
}
.file_block input {
	position:absolute;
	opacity:0;
	width:97px;
	height:25px;
	z-index:5;
	top:0;
	left:0;
	cursor:pointer;
}
.file_block span {
	font: normal 14px/16px 'Raleway', Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	text-decoration:underline;
	cursor:pointer;
}
.file_block:hover span {
	text-decoration:none;
}
.input_number {
	margin-bottom:15px;
}
.input_number label {
	width:140px;
}
.input_number input[type="text"] {
	width:calc(100% - 140px);
}
.modal input[type="text"].input_1 {
	margin:12px 0 16px;
}
.modal_period .div_p{
	margin:19px 0 12px;
	width:auto;

}
.div_time label{
 padding:0 12px;
}
.div_time{
 padding-bottom:17px;
 border-bottom:1px solid #F2F2F2;
}
.div_time label:first-child{
 padding:0 14px 0 0;
}
.div_time input[type="text"].datetime{
 width:144px;
 	height:39px;
    background:url(../images/date.svg) no-repeat right 8px top 7px;
}
.div_time button{
 width:120px;
 		height:39px;
		color:#fff;

}
input::-webkit-calendar-picker-indicator {
  display: none;
}
.modal_period .мате_item{

	    justify-content: flex-start;
}
.мате_item_2{
	padding:20px 0 16px;
}
.modal_period .div_advance:first:child > p{
margin-top:0;
}
.modal_period p{
	width:137px;
	margin:0;
}
.div_advance{
	 margin:0 0 7px;
	 justify-content: flex-start;
}
.modal .мате_item label{
	color:#828282;
}
.div_advance p{
	font:normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
}
.div_advance span{
 		font:bold 20px/23px 'Montserrat', Arial, Helvetica, sans-serif;
		letter-spacing:1px;
}
.modal_period .btn.btn_m{
 margin-top:25px;
}
/*-------------------------------form---------------------------*/
input[type="text"], input[type="date"], input[type="email"], input[type="password"], textarea, select, input[type="text"].datetime,  input[type="datetime"]{
	border: 1px solid #EEEEEE;
	background:#fff;
	width:100%;
	height:50px;
	position:relative;
	font:normal 14px/20px 'Raleway', Arial, Helvetica, sans-serif;
	color:#333;
	padding:14px 16px;
	display:block;
	margin:0 0px 0px;
	text-align:left;
	transition:all 0.3s linear;
	box-sizing:border-box;
}
input[type="text"]:hover, input[type="text"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="email"]:hover, input[type="email"]:focus, textarea:hover, textarea:focus, {
 border:1px solid #F56D45;
}
textarea {
	height:148px;
	resize:none;
	margin:0 0px 30px;
}
input[type="submit"], button[type="submit"] {
	border:none;
	display:block;
	text-align:center;
	font:normal 14px/50px 'Raleway', Arial, Helvetica, sans-serif;
	width:128px;
	height:50px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#F56D45;
	margin:0px 0px;
	transition:all 0.3s linear;
	box-sizing:border-box;
	border-radius:3px;
}
input[type="submit"]:hover {
	background:#ff9000;
}
::-webkit-input-placeholder {
color:#6c6c6c;
opacity:1;
transition:opacity 0.3s ease;
}
::-moz-placeholder {
color:#6c6c6c;
opacity:1;
transition:opacity 0.3s ease;
}
:-moz-placeholder {
color:#6c6c6c;
opacity:1;
transition:opacity 0.3s ease;
}
:-ms-input-placeholder {
color:#6c6c6c;
opacity:1;
transition:opacity 0.3s ease;
}
:focus::-webkit-input-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
:focus::-moz-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
:focus:-moz-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
:focus:-ms-input-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
 .personal_right_body ::-webkit-input-placeholder {
color:#333;
opacity:1;
transition:opacity 0.3s ease;
}
.personal_right_body ::-moz-placeholder {
color:#333;
opacity:1;
transition:opacity 0.3s ease;
}
.personal_right_body :-moz-placeholder {
color:#333;
opacity:1;
transition:opacity 0.3s ease;
}
.personal_right_body :-ms-input-placeholder {
color:#333;
opacity:1;
transition:opacity 0.3s ease;
}
.personal_right_body :focus::-webkit-input-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
.personal_right_body :focus::-moz-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
.personal_right_body :focus:-moz-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
.personal_right_body :focus:-ms-input-placeholder {
opacity:0;
transition:opacity 0.3s ease;
}
.mobil_show {
	display:none;
}
/*---------------------media------------------*/
@media (max-width:1235px) {
.applications_name {
 width: 100%;
}
.applications_top {
 display:block;
}
.application_category {
 display:inline-block;
 padding-right:60px;
 padding-bottom:0;
}
.rc_code {
 display:inline-block;
}
.applications_name {
 padding-bottom:16px;
 border-bottom: 1px solid #f8f8f8;
}
.description_problem {
 padding-top:17px;
 width: 100%;
}
.applications_time {
 width: 100%;
 padding-top:20px;
}
.applications_bottom {
 display:block;
 padding: 15px 0 22px 0;
}
 .div_comment {
 padding-bottom:17px;
}
.link_map {
 width: 170px;
}
}
@media (max-width:1130px) {
.div_sorting {
 display:block;
}
.sort_by {
 justify-content: flex-start;
 margin-bottom:14px;
}
.form_search {
 margin-left: 0px;
 width:336px;
}
.div_messages {
 position:absolute;
 right:0;
 width:332px;
 top: -106px;
}
.map_bottom {
 width:calc(100% - 332px);
 flex-wrap:wrap;
}
 .map_bottom > div:last-child {
 padding-left: 0px;
 width:100%;
 padding-top:10px;
}
}
@media (max-width:992px) {
 .div_user > .flex {
 justify-content: flex-start;
}
 .map_open_2 {
 top: 228px;
 left: 596px;
}
.description_problem > div {
 width: 100%;
 padding-right: 0%;
}
.button_right {
 float: none;
 margin-top:30px;
 justify-content: flex-start;
}
.button_right button {
 margin:0 10px 0 0;
}
.description_problem.flex {
 display:block;
}
.div_car {
 margin:20px 0;
}
.div_messages {
 position:static;
 margin-top:6px;
 width:100%;
}
.div_map, .map_bottom {
 width: 100%;
}
.map_bottom {
 margin:0;
}
.user_button .btn {
 width:39px;
 text-indent:-9999px;
 background:#BDBDBD url(../images/ic-delivery.svg) no-repeat center;
 margin-left:0;
}
.user_button .btn+.btn {
 background:#BDBDBD url(../images/ic-contact-time.svg) no-repeat center;
 margin-left: -2px;
}
.user_button {
 padding-right:0px;
}
.personal_left {
 float: none;
 width: 100%;
 border-right:none;
 padding-right: 20px;
}
.personal_right {
 float: none;
 width: 100%;
 padding-right: 20px;
 padding-bottom:30px;
}
.personal_right_head {
 justify-content: flex-start;
 padding: 32px 0 30px 0px;
 border-top: 1px solid #F2F2F2;
 border-bottom:none;
}
.personal_right_body {
 padding: 35px 0 0 0px;
}
}
@media (max-width:799px) {
.main_login > div {
 width: 100%;
}
h1 {
 font: bold 24px/29px 'Montserrat', Arial, Helvetica, sans-serif;
}
 .main_login input[type="email"], .main_login input[type="password"] {
 width: 100%;
 margin:0 0px 12px;
}
.main_login form {
 display: block;
 margin-bottom:16px;
}
.main_login input[type="submit"] {
 margin:24px auto 0;
}
.main_login > div {
 text-align:center;
 padding:0 10px;
}
.main_login h6 {
 margin: 0 0 23px;
}
.main_login form .link_recovery {
 margin:16px 0 0;
 display:block;
}
}
@media (max-width:766px) {
.nav_open {
 display:block;
 position:absolute;
 top:20px;
 left:8px;
}
.header {
 width:245px;
 text-align:left;
 transform-origin: left;
 transform: rotateY(90deg);
 transition: all 0.3s linear;
}
.header.active {
 transform: rotateY(0deg);
}
.nav ul li {
 text-align:left;
 padding-left:10px;
 padding-bottom: 13px;
}
.nav ul li a {
 display:flex;
 align-items: center;
}
.nav ul li a img {
 width:24px;
 height:auto;
 margin-right:19px;
}
.open_close {
 background:url(../images/nav_close.svg) no-repeat center;
 display:block;
 position:absolute;
 right:5px;
 top:9px;
 cursor:pointer;
 width:25px;
 height:25px;
}
.section {
 margin-left: 0px;
 padding:0 10px;
}
.section_top {
 margin-left: 0px;
 padding-top:18px;
}
.section_top h1 {
 padding-left:45px;
}
.map_bottom > div:nth-child(2) {
 padding-left: 0px;
 width: 100%;
 padding-top: 10px;
}
.applications_body {
 padding: 0 0px 50px 0px;
}
.applications_item {
 padding: 17px 10px 0 10px;
}
.applications_top {
 padding: 0px 0 17px;
 border-bottom: 1px solid #f8f8f8;
}
.applications_bottom {
 margin:0;
}
.div_comment .btn {
margin:10px 0 0;
}
.map_open_1 {
 top:117px;
 left:50%;
 margin-left:-16px;
}
.map_modal {
 background: #fff;
 top: 53px;
 /*left: -170px;*/
 left: -35px;
 width: 340px;
 position: absolute;
 padding: 18px 18px 28px;
 font: normal 14px/17px 'Raleway', Arial, Helvetica, sans-serif;
 overflow-y: auto;
}
.map_open_1 {
 top: 106px;
 left: 50px;
}
.map_open_2 {
 top: 150px;
 left: 230px;
}
.form_search input[type="text"] {
 width: 100%;
}
.form_search {
 width: 100%;
}
.application_category {
 padding-right: 14px;
}
.link_map {
 float: none;
}
.button_right {
 display:block;
 text-align:center;
 margin-top:0;
}
.button_right button {
 width:210px;
 margin:10px 0 0;
}
.btn.btn_primary {
 margin:20px auto 0;
 display:block;
}
.btn.btn_gray {
 width: 210px;
}
.applications_time {
 padding-top: 10px;
}
.btn.btn_green {
 width: 210px;
}
.personal_information {
 margin-top: -108px;
 margin-left: 0px;
}
.personal_tab {
 text-align:center;
}
.personal_tab ul li {
 margin-right: 0px;
}
.personal_tab ul li:first-child {
 margin-right: 57px;
}
.personal_left_head button {
 display:none;
}
.personal_left_head {
 text-align:center;
 padding:23px 0;
 display:block;
}
.personal_left {
 padding-right: 0px;
}
.personal_left_bottom {
 padding:0px;
 width: 100%;
}
.personal_left_bottom:first-child {
 padding-top:30px;
}
.mobil_show {
 display:block;
 margin:10px auto 37px;
}
.personal_right_head {
 padding: 24px 0 23px 0px;
}
.personal_right {
 padding-right:0px;
}
.personal_right_body {
 padding: 0px 0 0 0px;
}
.personal_right_body .flex {
 display:block;
}
.personal_right_body label {
 display:block;
 padding-bottom:18px;
}
.personal_right_body input[type="password"] {
 width: 100%;
}
.personal_right_body input[type="submit"] {
 width: 210px;
 margin: 33px auto 0;
}
 .table_personal {
 display: none;
}
 .table_personal tr {
 display: block;
  border:1px solid #E0E0E0;

  margin-bottom:15px;
 padding:22px 17px;
}
 .table_personal tr td {
 display: block;
 text-align: left;
 border:none;
 padding:0px 0px 15px;
 line-height:16.5px;
}
 .table_personal td:before {
 content: attr(aria-label);
 float: left;
 width:155px;
 text-align:left;
}
 .table_personal tr td:first-child:before {
 content: attr(aria-label);
 float: none;
 width:100%;
 text-align:left;
 margin-bottom:16px;
}
.table_personal tr th:last-child, .table_personal tr td:last-child{
	display:block;
	padding-top:13px;
}
.table_personal tr th:first-child, .table_personal tr td:first-child{
	display:none;
}
.table_personal td:last-child:before {
    width: 100%;
}
.personal_tool {
 padding-top: 25px;
 padding-right:0px;
}
.personal_slider .slick-slide {
 width:80px;
 padding:0 7px;
}
.personal_slider .slick-slide img{
 width:100%;
}
.personal_mobil{
 border:1px solid #E0E0E0;
 padding:22px 17px;
 margin-bottom:15px;
 display:block;
}
.personal_mobil li{
 padding-bottom:15px;
 color:#000;
     font: normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
}
.personal_mobil li span:first-child{
	 display:inline-block;
	 width:155px;
}
.personal_mobil h6{
 	 color:#000;
     font: normal 14px/16.5px 'Raleway', Arial, Helvetica, sans-serif;
	 padding:13px 0 16px;
}
}
@media (max-width:924px) {
 .modal_messages {
 top:276px;
 left:10px;
 right:10px;
 margin-left:0;
 width:auto;
}
.write_answer {
 margin: 17px 0 0 0px;
}
}
@media (max-width:550px) {
 .personal_right .file_block {
 margin-top: 0px;
 width: auto;
 padding: 0 0px 0 0;
 text-align: left;
}
 .modal {
 width: 100%;
 left: 0%;
 margin-left: 0px;
 padding: 23px 20px 28px;
}
.input_flex {
 display:block;
}
.input_flex label {
 width: 100%;
 display:block;
 margin-bottom:11px;
}
.input_flex input[type="text"] {
 width: 100%;
}
.input_flex_mini {
 flex-wrap:wrap;
 justify-content: flex-start;
}
.input_flex_mini label {
 width:100px;
 padding-right:14px;
 text-align:right;
}
.input_time {
 flex-wrap:wrap;
}
.select_flex {
 display:block;
}
.select_flex label {
 width:100%;
 margin-bottom:14px;
 display:block;
}
.select_flex select {
 margin-bottom: 0;
 width:100%;
}
.input_time label:first-child {
 width:100%;
 display:block;
 margin-bottom:13px;
}
.modal {
 box-sizing: border-box;
}
.input_flex_mini input[type="text"], .input_flex_mini label {
 margin-bottom:9px;
}
.file_flex {
 flex-wrap:wrap;
}
.file_flex label {
 width: 100px;
 padding-right:14px;
 margin-top: -30px;
 text-align:right;
}
.file_block {
 margin-top: -40px;
 width: 100px;
 padding:0 14px 0 0;
 text-align:right;
}
.input_number {
 display:block;
}
.input_number label {
 display:block;
 width:100%;
 margin-bottom:15px;
}
.input_number input[type="text"] {
 width: 100%;
}
.div_time {
 flex-wrap:wrap;
}
.div_time button{
 width:210px;
 margin:0 auto;
}
.div_time label {
    width: 50px;
    padding:0 14px 0 0;

}
.div_time input[type="date"], .div_time label {
    margin-bottom: 9px;
}
.div_time input[type="date"] {
    width: 210px;
}
}