html, body, .container {
	height: 100%;
	min-height: 100%;
}

html {
	-webkit-text-size-adjust: none;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	text-align: center;
}

div, span, p, a, h1, h2, h3, h4, li, label, td, small {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	text-align: left;
}

input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	border: none;
	outline: none;
}

img, input, select, textarea, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input:focus, select:focus, textarea:focus {
	outline: none;
}

a, a:hover {
	color: #3692da;
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.container {
	margin: 0 auto;
	max-width: 100%;
}

.content {
	padding: 74px 0 40px 0;
	min-height: 100%;
	position: relative;
}

.content_center {
	margin: 0 auto;
	max-width: 1200px;
}

.footer {
	margin: -40px auto 0;
    padding: 10px 16px 0;
	height: 40px;
	font-size: 16px;
	color: #333;
	text-align: center;
	background: #f7f7f7;
}

.width100 {
	width: 100%;
	float: left;
	clear: both;
}

.top {
	height: 74px;
	position: fixed;
    z-index: 3000;
	top: 0;
	background: #fff;
}

.logo_pc {
	margin-top: 21px;
	display: block;
	float: left;
}

.logo_m {
	margin-top: 12px;
	float: left;
	display: none;
}

.logo_pc img, .logo_m img {
	display: block;
	float: left;
}

.logo_pc .logo_cat {
	margin: 16px 0 0 16px;
}

.logo_m .logo_cat {
	margin-left: -13px;
}

.menu_pc {
	margin-top: 29px;
	display: block;
	float: right;
}

.menu_m {
	margin-top: 22px;
	float: right;
	display: none;
}

.menu_pc a {
	margin-left: 30px;
	color: #000;
}

.menu_m a {
	margin-left: 16px;
	margin-right: 6px;
	color: #000;
}

.menu_pc a:hover, .menu_m a:hover {
	color: #3692da;
}

.top_scroll {
}

.head {
	margin-bottom: 90px;
	padding-top: 118px;
	height: 600px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	background-size: cover !important;
}

h1 {
	width: 68%;
	font-size: 58px;
	line-height: 1.35;
	color: #fff;
	font-weight: normal;
	display: block;
	float: left;
}

h1 br {
	display: none;
}

.head_info {
	margin-bottom: 50px;
	padding: 0 60px;
}

.head_info p {
	margin-top: -20px;
	margin-right: -20px;
	padding: 30px 20px 0 0;
	width: 27%;
	font-size: 28px;
	line-height: 1.2;
	color: #fff;
	text-align: right;
	display: block;
	float: right;
	background: url(/images/info/nedvizhimost/circle_bg.svg) right top no-repeat;
}

.head_info span {
	font-size: 80px;
	line-height: 90px;
	color: #fff;
	text-align: right;
	display: block;
}

.head_info a {
	padding: 19px 59px 0 59px;
	height: 68px;
	display: block;
	float: left;
	font-size: 22px;
	color: #000;
	background: #fff;
	border-radius: 15px;
}

.head_info a:hover {
	color: #fff;
	background: #54b3d6;
}

.steps {
	margin-bottom: 100px;
	padding: 0 60px;
}

.steps div {
	float: left;
}

.step_block {
	width: 30%;
}

.step_block span, .step_block p, .step_block small {
	display: block;
	text-align: center;
}

.step_block span {
	margin-bottom: 10px;
	font-size: 60px;
	color: #54b3d6;
}

.step_block p {
	margin-bottom: 14px;
	font-size: 18px;
}

.step_block small {
	font-size: 16px;
	color: #666;
}

.steps .arrow {
	width: 5%;
	height: 100px;
	background: url(/images/info/arrow_steps.svg) center 32px no-repeat;
}

.title {
	margin-bottom: 50px;
	font-size: 35px;
	line-height: 1.2;
	color: #303030;
	font-weight: normal;
	text-align: center;
}

.doski, .banners, .xml {
	padding: 72px 0 65px 0;
}

.doski_block, .landing_line {
	font-size: 0;
	text-align: center;
}

.doski_block a {
	margin: 0 20px 20px 0;
	width: 270px;
	height: 178px;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 0 5px 5px rgba(153, 153, 153, 0.2);
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}

.doski_block a:hover {
	background-color: #f6fdff;
	background-color: #fffde6;
}

.banner_sale, .banner_rent {
	margin-bottom: 10px;
	padding: 30px 140px 30px 32px;
	width: 49%;
	height: 210px;
	background-color: #fff;
	background-position: right bottom;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.banner_sale:hover, .banner_rent:hover {
	background-color: #5cc6e5;
}

.banner_sale {
	float: left;
	background-image: url(/images/info/nedvizhimost/sale_bg.svg);
}

.banner_rent {
	float: right;
	background-image: url(/images/info/nedvizhimost/rent_bg.svg);
}

.banner_sale a, .banner_rent a, .banner_sale span, .banner_rent span {
	color: #555;
}

.banner_sale:hover a, .banner_rent:hover a, .banner_sale:hover span, .banner_rent:hover span {
	color: #fff;
}

.banner_sale a:hover, .banner_rent a:hover {
	text-decoration: underline;
}

.banner_title {
	margin-bottom: 15px;
	width: 100px;
	display: block;
	font-size: 22px;
}

.banner_sale span, .banner_rent span {
	margin: 0 5px;
}

.guarantees, .about {
	padding: 95px 0 100px 0;
}

.garant {
	margin-bottom: 50px;
	padding: 0 60px;
	font-size: 0;	
	text-align: center;
}

.garant_01, .garant_02, .garant_03 {
	padding: 0 20px;
	width: 33%;
	display: inline-block;
	color: #666;
	text-align: center;
}

.garant_01 div, .garant_02 div, .garant_03 div {
	margin-bottom: 30px;
	height: 120px;
	background-image: url(/images/info/guarantees_icons.svg);
	background-size: 132px auto;
	background-repeat: no-repeat;
}

.garant_01 div {
	background-position: center 0;
}

.garant_02 div {
	background-position: center -159px;
}

.garant_03 div {
	background-position: center -318px;
}

.guarantees .arrow {
	margin-bottom: 40px;
	height: 64px;
	background: url(/images/info/arrow_pointer.svg) center top no-repeat;
}

.guarantees p, .landing p {
	margin-bottom: 50px;
	padding: 0 10%;
	font-size: 24px;
	color: #333;
	font-weight: 600;
	text-align: center;
}

.guarantees .button, .guarantees .button:hover {
	margin: 0 auto;
	padding: 18px 40px 0 40px;
	font-size: 22px;
	color: #f9f9f9;
	text-align: center;
	width: 330px;
	height: 67px;
	display: block;
	background: #2787f5;
	border-radius: 15px;
}

.guarantees .button:hover {
	background: #177aec;
}

.xml p {
	margin-bottom: 56px;
	text-align: center;
}

.xml p, .xml p span {
	font-size: 18px;
	line-height: 1.55;
	color: #6d6d6d;
}

.xml .button, .xml .button:hover {
	margin: 0 auto 10px;
	padding: 13px 30px 0 30px;
	font-size: 20px;
	color: #f9f9f9;
	text-align: center;
	width: 260px;
	height: 55px;
	display: block;
	background: #63bc37;
	border-radius: 28px;
}

.xml .button:hover {
	background: #51ad24;
}

.about {
	padding-bottom: 120px;
}

.about_block {
	padding: 0 200px;
	font-size: 0;
	text-align: center;
}

.about_block div {
	padding: 0 35px;
	width: 45%;
	display: inline-block;
}

.about_block div span, .about_block div p {
	display: block;
	text-align: center;
}

.about_block div span {
	font-size: 60px;
	color: #fea51a;
}

.about_block div p {
	color: #333;
}

.contacts {
	padding: 52px 0 45px 0;
	text-align: center;
	border-bottom: 2px solid #fff;
}

.contacts p {
	margin-bottom: 30px;
	line-height: 1.75;
	text-align: center;
}

.contacts img {
	margin: 0 3px;
	display: inline-block;
}

.landing {
	padding: 110px 100px 60px 100px;
}

.points div {
	margin: 0 auto;
	width: 408px;
	height: 8px;
	background: url(/images/info/points.svg) no-repeat;
}

.landing p {
	margin-bottom: 80px;
}

.landing_line a {
	margin-bottom: 70px;
	color: #333;
	text-align: center;
}

.landing_line a div {
	background-image: url(/images/info/landing_icons.svg);
	background-repeat: no-repeat;
	background-color: #e2f0f3;
}

.landing_line a:hover div {
	background-color: #fff0b1;
}

.landing_line a {
	margin: 0 30px 60px;
	width: 130px;
	display: inline-block;
	white-space: nowrap;
}

.landing_line a div {
	margin: 0 auto 16px;
	width: 116px;
	height: 116px;
	border-radius: 58px;
	background-size: 116px auto;
}

.landing_01 div {
	background-position: 0 0;
}

.landing_02 div {
	background-position: 0 -116px;
}

.landing_03 div {
	background-position: 0 -230px;
}

.landing_04 div {
	background-position: 0 -348px;
}

.landing_05 div {
	background-position: 0 -463px;
}

.landing_06 div {
	background-position: 0 -580px;
}

.landing_07 div {
	background-position: 0 -696px;
}

.landing_08 div {
	background-position: 0 -810px;
}

.landing_09 div {
	background-position: 0 -928px;
}

.landing_10 div {
	background-position: 0 -1043px;
}

.landing_11 div {
	background-position: 0 -1149px;
}



@media only screen and (max-width: 1200px) {
	.padding {padding: 0 16px;}
	.content {padding-top: 64px;}
	.content_center {max-width: 100%;}
	
	.top {height: 64px;}
	.logo_pc, .menu_pc {display: none;}
	.logo_m, .menu_m {display: block;}

	.head {margin-bottom: 65px; padding-top: 70px;}
	.head_info {padding: 0;}
	h1 {margin-bottom: 50px; width: 100%; font-size: 36px; line-height: 1.2; text-align: center;}
	h1 br {display: inline;}
	.head_info p {margin: -9px 0 0 0; padding: 22px 0 0 0; width: 100%; font-size: 21px; text-align: center; background-position: calc(50% + 20px) top; background-size: 105px;}
	.head_info span {padding-right: 20px; font-size: 60px; line-height: 68px; text-align: center;}
	.head_info a {margin: 0 auto; padding: 17px 40px 0 40px; width: 80%; min-width: 260px; max-width: 290px; height: 54px; font-size: 16px; font-weight: 600; text-align: center; border-radius: 10px; float: none;}

	.steps {margin-bottom: 80px; padding: 0;}
	.steps div {width: 100%;}
	.step_block span {margin-bottom: 0;}
	.step_block p {margin-bottom: 9px;}
	.steps .arrow {margin: 36px 0 17px 0; width: 100%; height: 22px; background: url(/images/info/arrow_steps_m.svg) center top no-repeat; background-size: 28px auto;}
	
	.title {margin-bottom: 40px; padding: 0 5%; font-size: 32px;}	
	
	.doski, .banners, .xml, .landing {padding: 58px 0 55px 0;}
	.doski_block, .landing_line {padding: 0 20px 10px; overflow-x: scroll; white-space: nowrap;}
	.doski_block::-webkit-scrollbar, .landing_line::-webkit-scrollbar {display: none;}
	.doski_block, .landing_line {-ms-overflow-style: none;}
	.doski_block :last-child, .landing_line :last-child {margin-right: 0;}	
	.doski_block a {margin: 0 20px 0 0; height: 160px;}

	.banner_sale, .banner_rent {margin-bottom: 25px; padding-right: 32px; min-height: 210px; height: auto; width: 100%; float: left; clear: both; background-image: none !important;}
	.banner_rent {margin-bottom: 5px;}

	.guarantees, .about {padding: 65px 0 100px 0;}
	.garant {margin: 10px 0 0 0; padding: 0;}
	.garant_01, .garant_02, .garant_03 {margin-bottom: 55px; padding: 0; width: 100%; float: left; clear: both;}
	.garant_01 div, .garant_02 div, .garant_03 div {margin-bottom: 25px;}
	.guarantees .arrow {margin: -16px 0 32px 0;}
	.guarantees p, .landing p {margin-bottom: 35px; font-size: 21px;}
	.guarantees p br {display: none;}
	.guarantees .button, .guarantees .button:hover {padding: 19px 20px 0 020px; font-size: 19px; width: 100%; max-width: 320px; height: 63px;}

	.xml p {margin: -5px 0 35px 0;}
	.xml p br {display: none;}
	
	.about .title br {display: none;}
	.about {padding-bottom: 20px;}
	.about_block {padding: 0;}
	.about_block div {margin-bottom: 40px; padding: 0; width: 100%; display: block; float: left;}
	
	.points div {width: 168px;}
	.landing_line a {margin: 5px 20px 15px 0; width: 120px;}
	.landing_line a div {margin: 0 2px 16px 2px;}
}


@media only screen and (min-width: 481px) and (max-width: 1200px) {
	.head {padding-top: 80px;}
	.head_info {padding: 0 15%;}
	h1 br, .step_block small br {display: none;}
	.step_block small {padding: 0 10%;}
	.banner_sale, .banner_rent {padding-right: 140px;}
	.banner_sale {background-image: url(/images/info/nedvizhimost/sale_bg.svg) !important;}
	.banner_rent {background-image: url(/images/info/nedvizhimost/rent_bg.svg) !important;}
	.garant_01 br, .garant_02 br, .garant_03 br {display: none;}
	.xml p {padding: 0 10%;}
}



.block {
	display: block;
}

.margin_bottom_100 {
	margin-bottom: 100px !important;
}

.white_text {
	color: #fff !important;
}

.grey_text_3 {
	color: #333 !important;
}

.grey_text_9 {
	color: #999 !important;
}

.center_text {
	text-align: center !important;
}

.center_block {
	margin: 0 auto;
}

.bold {
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

.underline {
    text-decoration: underline;
}

.relative {
	position: relative;
}

.hidden {
	overflow: hidden;
}

.hideit {
	display: none;
}

.float_left {
	float: left;
}

.grey_bg {
	background: #f7f7f7;
}

.grey_dark_bg {
	background: #ededed;
}

.box-sizing {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}