body,
html {
	margin: 0;
	padding: 0
}

* {
	font-family: 'Source Sans Pro', sans-serif;
	box-sizing: border-box
}
:root {
    --bg-color: #fff;
    --text-second: #ffb800;
}
p {
	margin: 0
}

.margin {
	width: 100%;
	margin-bottom: 40px
}

.logo {
	font-weight: 700;
	font-size: 36px;
	line-height: 1.25;
	min-width: 255px;
	margin-right: 15px
}

.logo .gold {
	font-weight: 200
}

@media screen and (max-width:350px) {
	.logo {
		min-width: unset;
		font-size: 30px
	}
}

h3 {
	margin-top: 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 35px
}

h1,
h2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	color: #181818;
	margin-top: 0;
	margin-bottom: 35px
}

a {
	color: inherit;
	text-decoration: none
}

.wrapper {
	padding: 0 8px;
	margin: auto;
	max-width: 1240px;
	width: 100%
}

.gold {
	color: #ffb800
}

header {
	top: 0;
	background: #181818;
	color: #fff;
	position: sticky;
	z-index: 9999;
	height: 80px
}

header .wrapper {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

header .header_info {
	display: flex;
	margin-right: 0;
	align-items: center;
	justify-content: space-between
}

header .header_info_block {
	width: 500px
}

header .header_phones {
	margin-right: 0
}

header .header_meta {
	width: auto
}

header .header_meta p {
	font-size: 18px;
	line-height: 23px;
	color: #fff
}

header .header_meta p:first-child {

}

header .header_meta p:last-child {
	font-weight: 700
}

@media screen and (max-width:960px) {

	header .header_meta,
	header .header_phones {
		display: none
	}

	header .header_info_block {
		width: auto
	}
}

.burger {
	padding: 15px 0 15px 15px;
	box-sizing: content-box;
	width: 35px;
	height: 18px;
	display: flex;
	cursor: pointer;
	flex-direction: column
}

.burger span,
.burger:after,
.burger:before {
	width: 100%;
	content: " ";
	background: #ffb800;
	height: 3px;
	width: 26px;
	display: inline-block;
	border-radius: 2px;
	transform-origin: 0 50%;
	transition-duration: .5s
}

.burger span {
	margin: 4px 0
}

.burger.open:before {
	transform: rotate(45deg);
	width: 20px
}

.burger.open:after {
	transform: rotate(-45deg);
	width: 20px
}

.burger.open span {
	width: 0
}

.header_phones {
	margin-right: 85px
}

.header_phones * {
	display: block
}

.header_phones a {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	margin-bottom: 1px
}

.header_phones button {
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	background: 0 0;
	color: #ffb800;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	padding: 0
}

.modal_menu {
	overflow: hidden;
	transform: scale(0);
	position: fixed;
	top: 80px;
	height: calc(100vh - 80px);
	left: 0;
	width: 100%;
	background: rgba(24, 24, 24, .9);
	transition-duration: .3s;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transform-origin: 100% 50%;
	z-index: 9999
}

.modal_menu.open {
	transform: scale(1);
	transition-duration: .5s
}

.modal_menu.open nav {
	transform: translateX(0)
}

.modal_menu .wrapper {
	position: relative;
	height: 100%
}

.modal_menu nav {
	height: 100%;
	overflow-y: auto;
	color: #fff;
	background: #181818;
	position: absolute;
	top: 0;
	left: 877px;
	width: 100%;
	padding-top: 44px;
	padding-bottom: 70px;
	transform: translateX(100%);
	transition-duration: .3s
}

.modal_menu nav h3 {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	padding-left: 39px;
	margin-bottom: 15px
}

.modal_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 35px
}

.modal_menu ul li {
	position: relative;
	padding: 20px 40px;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer
}

.modal_menu ul li:before {
	position: absolute;
	content: ' ';
	bottom: 0;
	left: 0;
	background: #ffb800;
	transition-duration: .3s;
	height: 0;
	width: 5px
}

.modal_menu ul li.active:before,
.modal_menu ul li:hover:before {
	height: 60px
}

.modal_menu .header_phones {
	padding-left: 40px;
	margin-bottom: 35px
}

.modal_menu .header_phones a {
	font-size: 28px;
	line-height: 35px
}

.modal_menu .header_phones button {
	font-weight: 600;
	font-size: 13px;
	line-height: 16px
}

.modal_menu .button {
	padding: 16px 26px;
	margin-left: 40px
}

@media screen and (max-width:1240px) {
	.modal_menu nav {
		right: -30px;
		left: unset;
		max-width: 393px;
		padding-right: 20px
	}
}

@media screen and (max-width:500px) {
	.modal_menu nav {
		max-width: unset;
		width: calc(100% + 30px);
		background: 0 0
	}

	.modal_menu .button {
		width: calc(100% - 46px);
		margin-left: 16px;
		margin-right: 16px
	}
}

@media screen and (max-width:350px) {
	.modal_menu .header_phones {
		margin-right: 0
	}
}

.button,
.button1 {
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: 0 0 30px rgba(255, 184, 0, .5);
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	background: #ffb800;
	border: none;
	cursor: pointer
}

.button1 {
	color: #181818;
	transition-duration: .3s;
	display: inline-block
}

.button1:hover {
	background: #181818;
	color: #ffb800
}

.button_black {
	background: #181818;
	color: #ffb800;
	padding: 16px 54px
}

.button_black:hover {
	background: #ffb800;
	color: #181818
}

.banner {
	background: #181818;
	color: #fff
}

.banner .wrapper {
	padding-top: 131px;
	background: url(../images/dest/banner.png) no-repeat right center;
	padding-bottom: 248px
}

.banner .banner_company {
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	margin-bottom: 20px;
	letter-spacing: .13em
}

.banner_main {
	font-weight: 900;
	font-size: 36px;
	line-height: 45px;
	letter-spacing: .055em;
	max-width: 505px;
	margin-bottom: 20px;
	color: #fff
}

.banner_description {
	color: #fff;
	font-size: 18px;
	line-height: 154.7%;
	margin-bottom: 35px
}

.banner .button1 {
	padding: 16px 45px
}

@media screen and (max-width:768px) {
	.banner .wrapper {
		background: linear-gradient(rgba(24, 24, 24, .75), rgba(24, 24, 24, .75)), url(../images/dest/banner_blur.png) no-repeat center center;
		background-size: 90% auto
	}
}

@media screen and (max-width:600px) {
	.banner .wrapper {
		padding: 35px 16px 70px 16px
	}

	.banner_main {
		font-size: 33px;
		line-height: 41px;
		letter-spacing: .055em
	}

	.banner .button1 {
		padding: 16px;
		width: 100%;
		text-align: center
	}
}

.advantages {
	background: url('../images/dest/Group%2092.png') no-repeat right 32px center, rgba(242, 242, 242, .9);
	margin-bottom: 60px
}

.advantages .wrapper .container {
	position: relative;
	width: 50%;
	margin-left: auto;
	padding: 142px 0;
	padding-left: 119px
}

.advantages .wrapper .description {
	margin-bottom: 35px
}

.advantages .wrapper .button1 {
	padding: 16px 69px
}

.advantages .wrapper .blured {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: ' ';
	display: block;
	width: 100%;
	height: 100%
}

.advantages .cards {
	position: absolute;
	left: calc(8px - 100%);
	max-width: 680px;
	width: 200%;
	top: -44px
}

.advantages .card_item {
	width: 300px
}

@media screen and (max-width:1110px) {
	.advantages .cards {
		position: static;
		max-width: unset;
		width: 100%;
		margin: 0;
		justify-content: center
	}

	.advantages .wrapper .container {
		padding: 0;
		padding: 40px 0;
		width: 100%
	}
}

@media screen and (max-width:500px) {
	.advantages .card_item {
		width: calc(100% - 86px);
		margin-left: 0;
		margin-right: 0
	}

	.advantages .wrapper .button1 {
		padding: 16px;
		width: 100%;
		text-align: center
	}
}

@media screen and (max-width:370px) {
	.advantages .card_item {
		width: calc(100% - 43px)
	}
}

p {
	font-size: 16px;
	line-height: 20px;
	color: #1f1f1f
}

.description {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #1f1f1f
}

.cards {
	display: flex;
	margin: -20px;
	flex-wrap: wrap;
	width: 100%
}

.card_item {
	background: #fff;
	margin: 20px;
	padding-top: 44px;
	padding-left: 29px;
	padding-right: 16px;
	padding-bottom: 43px;
	cursor: pointer;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.card_item:first-child {
	background: #ffb800
}

.card_item:first-child:hover .card_item__link {
	color: #fff
}

.card_item__image {
	margin-bottom: 35px
}

.card_item__text {
	margin-bottom: 20px
}

.card_item__header {
	margin-bottom: 10px;
	min-height: 50px
}

.card_item__link {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #181818;
	margin-top: auto
}

.card_item:hover .card_item__link {
	color: #ffb800
}

.choise_model {
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	overflow: hidden;
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../images/dest/logos_fon.png) no-repeat center center;
	background-size: 90% auto
}

.choise_model .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}

.choise_model__info {
	width: 43%
}

.choise_model__images {
	width: 52.41%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.choise_model__images img:first-child {
	width: 39.53%;
	height: auto
}

.choise_model__images img:last-child {
	width: 54.92%;
	height: auto
}

.choise_model .description {
	margin-bottom: 35px
}

.choise_model__group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: -15px
}

.choise_model__group>* {
	width: calc(100% / 4 - 30px);
	margin: 15px
}

.choise_model__group>a {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	display: block;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1
}

.choise_model__group>a img {
	max-width: 98%;
	height: auto
}

.choise_model__group .button1 {
	max-height: 55px;
	padding: 16px
}

.choise_model__group .header_phones {
	max-height: 55px
}

.choise_model .header_phones a {
	font-size: 24px;
	line-height: 30px;
	color: #181818
}

.choise_model .header_phones button {
	font-weight: 600;
	font-size: 13px;
	line-height: 16px
}

@media screen and (max-width:1130px) {
	.choise_model__group>* {
		width: calc(100% / 3 - 80px)
	}
}

@media screen and (max-width:950px) {
	.choise_model {
		padding-top: 70px
	}

	.choise_model__info {
		width: 100%;
		margin-bottom: 30px
	}

	.choise_model_images {
		width: 100%
	}

	.choise_model__group {
		justify-content: flex-start
	}

	.choise_model__group button {
		margin-right: 30px
	}
}

@media screen and (max-width:830px) {
	.choise_model__group>* {
		width: calc(100% / 2 - 80px)
	}
}

@media screen and (max-width:768px) {
	.choise_model__images {
		display: none
	}
}

@media screen and (max-width:530px) {
	.choise_model {
		padding-top: 40px
	}

	.choise_model__info {
		margin-bottom: 0
	}

	.choise_model__group>* {
		width: calc(100% - 80px);
		margin-bottom: 0
	}

	.choise_model .description {
		margin-bottom: 0
	}
}

.button_white {
	display: inline-block;
	padding: 14px;
	border: 2px solid #000;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	color: #181818;
	filter: drop-shadow(0 0 30px rgba(255, 184, 0, .5))
}

.problems {
	padding-top: 60px;
	padding-bottom: 60px
}

.problems .hidden {
	display: none
}

.problems .button_white {
	filter: none;
	width: 100%;
	display: block;
	max-width: 288px
}

.problems .cards {
	margin: 0;
	margin-left: -22px;
	margin-right: -22px;
	width: calc(100% + 44px)
}

.problems .card_item,
.problems .cards_info {
	margin: 0;
	margin-bottom: 44px;
	margin-left: 22px;
	margin-right: 22px
}

.problems .card_item {
	width: 273px
}

.problems .cards_info {
	width: calc(50% - 44px);
	padding-top: 34px
}

.problems .cards_info .description {
	margin-bottom: 35px
}

.problems .button_group {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap
}

.problems .button_group * {
	width: calc(50% - 15px);
	text-align: center
}

.problems .button_group .button1 {
	padding: 16px;
	text-align: center
}

@media screen and (max-width:900px) {
	.problems .hidden {
		display: block
	}

	.problems .cards_info {
		order: 7;
		padding-top: 0;
		width: 100%;
		margin-top: 25px
	}

	.problems .cards_info h2 {
		display: none
	}

	.problems .button_group {
		flex-wrap: wrap
	}
}

@media screen and (max-width:570px) {
	.problems .button_white {
		max-width: unset
	}

	.problems .cards {
		justify-content: center;
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	.problems .card_item {
		width: 100%
	}

	.problems .button_group * {
		width: 100%
	}

	.problems .button_group .button1 {
		margin-bottom: 20px
	}
}

@media screen and (max-width:370px) {
	.problems .card_item {
		width: calc(100% - 43px)
	}
}

input {
	background: #fff;
	border: 2px solid #e5e5e5;
	outline: 0;
	-webkit-appearance: none;
	appearance: none;
	font-size: 16px;
	line-height: 20px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 18px;
	padding-right: 18px
}

.faq {
	margin-top: 79px;
	margin-bottom: 79px;
	background: linear-gradient(rgba(242, 242, 242, .9), rgba(242, 242, 242, .9)), url('../images/dest/hotpng%2010.png') no-repeat left 28.71% center
}

.faq .questions {
	width: 590px;
	margin-left: auto
}

.faq .wrapper {
	padding-top: 41px;
	padding-bottom: 41px;
	position: relative
}

.faq .qouestion__card {
	transition-duration: .5s;
	margin-bottom: 10px
}

.faq .qouestion__card h3 {
	background: #fff;
	margin: 0;
	text-align: center;
	padding-top: 17px;
	padding-bottom: 18px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	position: relative;
	cursor: pointer;
	transition-duration: .3s
}

.faq .qouestion__card h3:after {
	content: ' ';
	width: 18px;
	height: 9px;
	background: url(../images/dest/angle.svg);
	position: absolute;
	right: 40px;
	top: 28px;
	transform: rotate(0);
	transition-duration: .5s
}

.faq .qouestion__card h3:hover {
	background: #ffb800
}

.faq .qouestion__card .answer_container {
	width: 100%;
	background: #fff;
	overflow: hidden;
	height: 0;
	transition-duration: .5s
}

.faq .qouestion__card .answer_container p {
	padding: 20px 33px
}

.faq .qouestion__card.open h3 {
	background: #ffb800
}

.faq .qouestion__card.open h3:after {
	transform: rotate(180deg)
}

.faq .qouestion__card.open .answer_container {
	height: auto
}

.faq .contact_form {
	position: absolute;
	left: 8px;
	top: -15px;
	height: calc(100% + 30px);
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	padding: 44px 56px 81px 56px;
	width: 33%
}

.faq .contact_form h2 {
	margin-bottom: 35px
}

.faq .contact_form h3 {
	margin-bottom: 30px
}

.faq .contact_form form {
	margin-bottom: 45px
}

.faq .contact_form form * {
	width: 100%
}

.faq .contact_form form input {
	margin-bottom: 30px
}

.faq .contact_form form button, .footer-button {
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: 0 0 30px rgba(255, 184, 0, .5);
	color: #181818;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	background: #ffb800;
	border: none;
	cursor: pointer;
	padding: 16px
}

.faq .contact_form .header_phones {
	margin: 0
}

.faq .contact_form .header_phones a {
	color: #181818;
	font-size: 28px;
	line-height: 35px
}

.faq .contact_form .header_phones button {
	box-shadow: none;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px
}

.faq .contact_form .header_phones button:hover {
	background: #fff;
	color: #ffb800
}

@media screen and (max-width:1050px) {
	.faq .contact_form {
		position: static;
		height: auto;
		width: auto
	}

	.faq .questions {
		width: 100%;
		margin: 0;
		margin-bottom: 40px
	}
}

@media screen and (max-width:500px) {
	.faq .contact_form {
		padding: 35px 16px
	}

	.faq .qouestion__card .answer_container p {
		padding: 19px 8px
	}

	.faq .qouestion__card h3 {
		padding-left: 16px;
		text-align: left;
		font-size: 18px;
		line-height: 23px
	}

	.faq .qouestion__card h3:after {
		right: 8px
	}
}

@media screen and (max-width:370px) {
	.faq .contact_form {
		padding: 35px 16px
	}

	.faq .qouestion__card h3 {
		padding-left: 16px;
		text-align: left;
		font-size: 16px;
		line-height: 21px
	}

	.faq .qouestion__card h3:after {
		display: none
	}
}

.stages {
	padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9))
}

.stages .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url('../images/dest/hotpng%2020.png') no-repeat right center
}

.stages .stages_cont {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	width: 48%
}

.stages .stage_one {
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 40px;
	justify-content: space-between
}

.stages .stage_one:nth-child(even) {
	flex-direction: row-reverse
}

.stages .stage_one:first-child .stage_one__number {
	background: #ffb800;
	color: #181818
}

.stages .stage_one:last-child {
	margin-bottom: 0
}

.stages .stage_one__number {
	width: 125px;
	height: 125px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	font-weight: 700;
	font-size: 72px;
	line-height: 91px;
	color: #ffb800;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 40px
}

.stages .stage_one__info,
.stages .stage_one__stripe {
	width: 32.71%
}

.stages .stage_one__stripe {
	background: #ffb800;
	height: 2px
}

.stages .stage_one__info h3 {
	margin-bottom: 20px
}

.stages .stages_info {
	width: 42.17%
}

.stages .stages_info .description {
	margin-bottom: 35px
}

.stages .stages_info button {
	border: none;
	outline: 0
}

.stages .hidden {
	display: none
}

@media screen and (max-width:1000px) {
	.stages .wrapper {
		flex-direction: column
	}

	.stages .wrapper * {
		width: 100%
	}

	.stages .hidden {
		display: block
	}

	.stages .stages_cont {
		margin-bottom: 40px
	}

	.stages .stages_info h2 {
		display: none
	}

	.stages .stages_info button {
		width: auto
	}
}

@media screen and (max-width:600px) {
	.stages .stage_one__stripe {
		display: none
	}

	.stages .stage_one__number {
		margin-right: 0;
		margin-left: 24px
	}

	.stages .stage_one:nth-child(even) .stage_one__number {
		margin-right: 24px;
		margin-left: 0
	}

	.stages .stages_info button {
		width: 100%
	}
}

.map {
	padding-top: 60px
}

.contacts_map,
.map {
	padding-bottom: 70px
}

.contacts_map .container,
.map .container {
	display: flex;
	align-items: stretch;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.contacts_map .map_info,
.map .map_info {
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../images/dest/vectormap.png) no-repeat center center;
	padding: 59px 108px 169px 62px
}

.contacts_map .map_info__link,
.map .map_info__link {
	display: block;
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 35px
}

.contacts_map .map_info .button1,
.map .map_info .button1 {
	padding: 16px;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 35px
}

.contacts_map .map_info .time_line p,
.map .map_info .time_line p {
	font-size: 15px;
	line-height: 19px
}

.contacts_map .map_info .time_line p:first-child,
.map .map_info .time_line p:first-child {
	margin-bottom: 25px
}

.contacts_map .map_info .time_line b,
.map .map_info .time_line b {
	font-weight: 700;
	font-size: 18px;
	line-height: 23px
}

@media screen and (max-width:1100px) {

	.contacts_map .map_info,
	.map .map_info {
		padding-right: 62px
	}
}

@media screen and (max-width:950px) {

	.contacts_map .map_info,
	.map .map_info {
		min-width: 290px;
		padding: 16px
	}
}

@media screen and (max-width:600px) {

	.contacts_map .container,
	.map .container {
		flex-direction: column
	}

	.contacts_map .container iframe,
	.map .container iframe {
		height: 40vw !important;
		width: 100%
	}
}

.map iframe {

}

.contacts_map {
	margin-top: 70px
}

.contacts_map .map_info {
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../images/dest/vectormap.png) no-repeat center bottom;
	padding: 47px;
	padding-left: 32px;
	min-width: 381px
}

.contacts_map .map_info .time_line b,
.contacts_map .map_info .time_line p {
	font-size: 24px;
	line-height: 30px
}

.contacts_map .map_info .time_line p {
	font-weight: 400;
	margin-bottom: 0
}

.contacts_map .map_info .time_line p:first-child {
	margin-bottom: 0
}

.contacts_map .map_info .map_info__container {
	max-width: 288px
}

.contacts_map .time_line {
	margin-bottom: 30px
}

.contacts_map small {
	font-weight: 400;
	font-size: 15px;
	line-height: 19px
}

.contacts_map .map_info__link,
.contacts_map .time_line p {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px
}

@media screen and (max-width:850px) {
	.contacts_map .container {
		flex-direction: column
	}

	.contacts_map .container iframe {
		height: 50vw !important;
		width: 100%
	}

	.contacts_map .map_info {
		width: 100%;
		padding: 47px 30px
	}

	.contacts_map .map_info h1 {
		text-align: center
	}

	.contacts_map .map_info .map_info__container {
		min-width: unset;
		width: 100%;
		max-width: unset;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap
	}

	.contacts_map .map_info>div,
	.contacts_map .map_info>p {
		margin-left: 15px;
		margin-right: 15px
	}

	.contacts_map .map_info .button1 {
		max-height: 55px;
		max-width: 288px;
		margin-bottom: 0
	}
}

@media screen and (max-width:610px) {
	.contacts_map {
		margin-top: 40px
	}

	.contacts_map .map_info {
		min-width: unset;
		padding: 35px 16px
	}

	.contacts_map .map_info .map_info__container {
		flex-direction: column;
		margin: 0
	}

	.contacts_map .map_info h1 {
		text-align: left
	}
}

@media screen and (max-width:400px) {
	.contacts_map .map_info .button1 {
		width: 100%;
		max-width: unset;
		margin-bottom: 0
	}
}

@media screen and (max-width:350px) {
	.contacts_map h1 {
		font-size: 22px;
		line-height: 29px
	}

	.contacts_map .map_info .time_line b,
	.contacts_map .map_info .time_line p {
		font-size: 20px;
		line-height: 26px
	}

	.contacts_map .map_info__link {
		font-size: 20px;
		line-height: 26px
	}
}

.footer_nav {

	color: #fff;
	
}
.footer-button {
    width: 100%;
}
.footer_nav-desc {
    color: #fff;
    margin-bottom: 30px;
}
.footer_nav-body {
    display: grid;
    row-gap: 25px
}
.footer_nav-body--main {
    grid-template-columns: repeat(2,auto);
    column-gap: 70px;
}
.footer_nav-body--brands {
    grid-template-columns: repeat(3,auto);
    column-gap: 58px;
}
.footer_nav-header {
    margin-bottom: 30px;
    
}
.footer



.footer_nav .wrapper {
	display: flex;
	justify-content: space-between;
	height: 100%
}

.footer_nav nav {
	font-size: 16px;
	line-height: 20px;
	display: flex
}

.footer_nav nav a {
	display: block;
	padding: 30px 15px
}

.footer_nav nav a.active,
.footer_nav nav a:hover {
	background: #ffb800;
	color: #181818
}

@media screen and (max-width:970px) {
	.footer_nav nav {
		display: none
	}
    .footer_nav {
        margin-bottom: 50px;
        width: 100%;
    }
	.footer_nav .burger {
		display: flex
	}
	.footer_nav-body {
	   column-gap: 30px; 
	}
}

footer {
	color: #fff;
	background: #0E0E0E;
	padding: 40px 0;
}

footer .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

footer small {
	display: block;
	font-size: 15px;
	line-height: 19px
}

footer .footer_block {
	margin-bottom: 35px
}

footer a.footer_main {
	margin-bottom: 35px
}

footer .footer_main {
	display: block;
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
	color: #fff
}

footer .button1 {
	padding: 16px 100px;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px
}

@media screen and (max-width:500px) {
	footer .footer_block {
		width: 100%
	}

	footer .button1 {
		width: 100%;
		text-align: center
	}
}

@media screen and (max-width:375px) {
	footer .footer_block {
		width: 100%
	}

	footer .button1 {
		width: 100%;
		text-align: center
	}

	footer .footer_main {
		font-size: 18px;
		line-height: 23px
	}

	footer a.footer_main {
		font-size: 28px;
		line-height: 35px
	}
}

.copyright {
	padding: 8px;
	background: #000;
	color: rgba(242, 242, 242, .9);
	font-size: 16px;
	line-height: 20px;
	text-align: center
}

.popup {
	z-index: 100;
	height: calc(100vh - 80px);
	background: rgba(24, 24, 24, .9);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	width: 100%;
	position: fixed;
	top: 80px;
	display: flex;
	justify-content: center;
	padding: 8px;
	left: 0;
	align-items: flex-start
}

.popup__main {
	background: #fff;
	width: 100%;
	padding-top: 35px;
	position: relative
}

.popup__header {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.popup__header span {
	display: inline-block;
	margin: auto
}

.close_popup {
	position: absolute;
	cursor: pointer
}

.popup__info {
	text-align: center;
	font-size: 18px;
	line-height: 23px
}

.success {
	overflow: auto;
	transform-origin: 0 50%;
	transform: scale(0);
	transition-duration: .3s
}

.success.open {
	transform: scale(1)
}

.success .close_popup {
	top: 35px;
	right: 50px
}

.success .popup__main {
	max-width: 536px;
	padding-left: 111px;
	padding-right: 111px;
	padding-bottom: 40px
}

.success .popup__main .popup__header {
	margin-bottom: 35px
}

.success .popup__main .img_success {
	margin: auto;
	display: block;
	margin-bottom: 35px
}

@media screen and (max-width:500px) {
	.success .popup__main {
		padding: 35px 22px 40px 22px
	}

	.success .close_popup {
		right: 16px
	}
}

@media screen and (max-width:500px) {
	.success .close_popup {
		top: 16px
	}
}

.feedback {
	overflow: auto;
	padding-top: 40px;
	padding-bottom: 0;
	transform-origin: 100% 50%;
	transform: scale(0);
	transition-duration: .5s
}

.feedback.open {
	transform: scale(1)
}

.feedback .popup__main {
	max-width: 776px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 137px;
	margin-bottom: 70px;
	background: url('../images/dest/Group%2044.png') no-repeat right 89px bottom, #fff
}

.feedback .close_popup {
	right: 50px;
	top: 28px
}

.feedback .popup_cont {
	display: flex;
	justify-content: space-between
}

.feedback .popup_form {
	max-width: 288px
}

.feedback form {
	display: flex;
	flex-direction: column
}

.feedback form input {
	margin-bottom: 20px
}

.feedback .button1 {
	margin-top: 15px;
	padding: 16px
}

.feedback .call_form a {
	font-weight: 700;
	font-size: 33px;
	line-height: 41px;
	color: #181818
}

@media screen and (max-width:690px) {
	.feedback .close_popup {
		right: 16px;
		top: 35px
	}

	.feedback .popup__main {
		background: #fff;
		padding: 35px 16px 40px 16px
	}

	.feedback .popup_cont {
		flex-direction: column;
		align-items: center
	}

	.feedback .popup_form {
		margin-bottom: 40px
	}
}

@media screen and (max-width:400px) {

	.feedback .call_form,
	.feedback .popup_form {
		max-width: unset;
		width: 100%
	}

	.feedback .call_form h3 {
		margin-bottom: 25px
	}
}

.popup.call_us {
	padding-top: 40px;
	padding-bottom: 70px;
	transform-origin: 50% 0;
	transform: scale(0);
	transition-duration: .3s;
	overflow: auto
}

.popup.call_us.open {
	transform: scale(1)
}

.popup.call_us h2 {
	margin-bottom: 43px
}

.popup.call_us .close_popup {
	top: 35px;
	right: 40px
}

.popup.call_us .button_white {
	filter: none;
	background: #fff;
	box-shadow: none
}

.popup.call_us .popup__main {
	position: relative;
	padding: 35px 40px 71px 40px;
	width: 100%;
	background: #fff;
	transition-duration: .5s
}

@media screen and (max-width:500px) {
	.popup.call_us .popup__main {
		padding: 35px 16px
	}

	.popup.call_us .close_popup {
		right: 16px
	}
}

.step1 .selector,
.step2 .selector {
	display: none
}

.step1 .popup_cont,
.step2 .popup_cont {
	display: flex;
	margin-left: -35px;
	margin-top: -40px;
	flex-wrap: wrap;
	align-items: center
}

.step1 input[type=radio],
.step2 input[type=radio] {
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden
}

.step1 input[type=radio]+label,
.step2 input[type=radio]+label {
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	margin-top: 40px;
	margin-left: 35px;
	width: calc(100% / 4 - 35px);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition-duration: .1s;
	padding: 5px;
	overflow: hidden
}

.step1 input[type=radio]+label img,
.step2 input[type=radio]+label img {
	max-width: 100%
}

.step1 input[type=radio]+label.text,
.step2 input[type=radio]+label.text {
	font-weight: 600;
	font-size: 20px;
	line-height: 25px
}

.step1 input[type=radio]+label:hover,
.step1 input[type=radio]:checked+label,
.step2 input[type=radio]+label:hover,
.step2 input[type=radio]:checked+label {
	background: #ffb800
}

.step1 .button,
.step2 .button {
	height: 55px;
	margin-left: 35px;
	margin-top: 40px;
	width: calc(100% / 4 - 35px)
}

.step1 .text2,
.step2 .text2 {
	flex-grow: 2
}

@media screen and (max-width:970px) {

	.step1 .button,
	.step1 input[type=radio]+label,
	.step2 .button,
	.step2 input[type=radio]+label {
		width: calc(100% / 3 - 35px)
	}
}

@media screen and (max-width:760px) {

	.step1 .button,
	.step1 input[type=radio]+label,
	.step2 .button,
	.step2 input[type=radio]+label {
		width: calc(100% / 2 - 35px)
	}
}

@media screen and (max-width:640px) {

	.step1 input[type=radio]+label,
	.step2 input[type=radio]+label {
		display: none
	}

	.step1 .selector,
	.step2 .selector {
		display: block
	}

	.step1 .button,
	.step2 .button {
		width: 100%;
		margin-top: 0;
		margin-left: 0
	}

	.step1 .button_white,
	.step2 .button_white {
		margin-bottom: 20px
	}

	.step1 .popup_cont,
	.step2 .popup_cont {
		margin: 0
	}

	.step1 .selector,
	.step2 .selector {
		width: 100%;
		margin-bottom: 30px;
		position: relative;
		border: 2px solid #e5e5e5;
		height: 55px;
		overflow: hidden;
		font-size: 20px;
		line-height: 25px;
		text-align: center
	}

	.step1 .selector .selected,
	.step2 .selector .selected {
		width: 100%;
		font-size: 20px;
		line-height: 25px;
		position: relative;
		text-align: center;
		padding: 15px;
		cursor: pointer;
		padding-left: 38px;
		padding-right: 38px
	}

	.step1 .selector .selected:after,
	.step2 .selector .selected:after {
		content: ' ';
		background: url(../images/dest/arrow.svg), #fff;
		transform: rotate(0);
		background-size: cover;
		position: absolute;
		width: 30px;
		height: 30px;
		right: 8px;
		top: calc(50% - 15px);
		transition-duration: .3s
	}

	.step1 .selector.open,
	.step2 .selector.open {
		height: auto
	}

	.step1 .selector.open .selected:after,
	.step2 .selector.open .selected:after {
		transform: rotate(180deg)
	}

	.step1 .selector .options,
	.step2 .selector .options {
		padding: 15px;
		cursor: pointer
	}

	.step1 .selector .options:hover,
	.step2 .selector .options:hover {
		background: #ffb800
	}
}

@media screen and (max-width:490px) {

	.step1 h2,
	.step2 h2 {
		max-width: 80%
	}
}

@media screen and (max-width:360px) {

	.step1 .selector,
	.step2 .selector {
		text-align: left
	}

	.step1 .selector .selected,
	.step2 .selector .selected {
		text-align: left;
		padding-left: 15px
	}
}

.step1 input[type=radio]+label {
	height: 80px
}

.step2 input[type=radio]+label {
	min-height: 59px
}

.popup.call_us .step3 {
	background: url(../images/dest/popup_fon.png) no-repeat left -30px bottom -40px, #fff
}

.popup.call_us .step3 h2 {
	margin-bottom: 36px
}

.popup.call_us .step3 .popup_cont {
	max-width: 592px;
	margin-left: auto;
	display: flex;
	justify-content: space-between
}

.popup.call_us .step3 .popup_cont>* {
	width: 48.66%;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

.popup.call_us .step3 .popup_cont h3 {
	margin-left: 0;
	margin-bottom: 25px
}

.popup.call_us .step3 .call_form a {
	font-weight: 700;
	font-size: 33px;
	line-height: 41px;
	display: block;
	margin-bottom: 16px
}

.popup.call_us .step3 .call_form img {
	margin-left: auto;
	margin-bottom: 54px
}

.popup.call_us .step3 .call_form .button1 {
	box-shadow: none
}

.popup.call_us .step3 .popup_form * {
	width: 100%
}

.popup.call_us .step3 .popup_form input {
	margin-bottom: 20px
}

.popup.call_us .step3 .popup_form button {
	margin-top: 28px;
	padding: 16px
}

@media screen and (max-width:1075px) {
	.popup.call_us .step3 {
		background-size: 50% auto
	}
}

@media screen and (max-width:870px) {
	.popup.call_us .step3 {
		background-image: none
	}
}

@media screen and (max-width:690px) {
	.popup.call_us .step3 .popup_cont {
		flex-direction: column-reverse
	}

	.popup.call_us .step3 .popup_cont>* {
		width: 100%
	}

	.popup.call_us .step3 .popup_cont img {
		display: none
	}

	.popup.call_us .step3 .popup_form {
		margin-bottom: 20px
	}

	.popup.call_us .step3 .call_form a {
		order: 3;
		margin: 0
	}

	.popup.call_us .step3 .call_form h3 {
		order: 2
	}

	.popup.call_us .step3 .call_form button {
		margin-bottom: 40px
	}
}

@media screen and (max-width:400px) {
	.popup.call_us .step3 h2 {
		max-width: 80%
	}
}

@media screen and (max-width:350px) {
	.popup.call_us .step3 .call_form a {
		font-size: 30px;
		line-height: 39px
	}
}

.price_table {
	padding-top: 70px
}

.price_table .wrapper {
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../images/dest/banner_blur.png) no-repeat right center
}

.price_table .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.price_table .table {
	width: 815px;
	margin-right: 16px
}

.price_table table {
	max-width: 815px;
	width: 100%;
	border-spacing: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	background: #fff
}

.price_table thead {
	background: #ffb800;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.price_table th {
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	padding-top: 18px;
	padding-bottom: 17px
}

.price_table th:first-child {
	padding-left: 61px;
	padding-right: 16px
}

.price_table td {
	font-size: 16px;
	line-height: 20px;
	color: #1f1f1f;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 16px
}

.price_table td:first-child {
	padding-left: 61px
}

.price_table td:last-child {
	padding-left: 30px
}

.price_table tbody tr:nth-child(even) {
	background: #fafafa
}

.price_table .price_table__info {
	width: 342px;
	min-width: 342px
}

.price_table .price_table__info table {
	display: none
}

.price_table .description {
	margin-bottom: 35px
}

.price_table .button1 {
	padding: 16px;
	width: 288px;
	text-align: center;
	margin-bottom: 35px
}

.price_table .header_phones {
	margin-bottom: 35px
}

.price_table .header_phones a {
	color: #181818
}

.price_table .header_phones button {
	font-size: 13px;
	line-height: 16px
}

.price_table .header_phones+p {
	max-width: 228px
}

@media screen and (max-width:950px) {
	.price_table .table {
		display: none
	}

	.price_table .price_table__info {
		width: 100%
	}

	.price_table .price_table__info table {
		display: table;
		width: 100%;
		max-width: unset;
		margin-bottom: 40px
	}
}

@media screen and (max-width:630px) {
	.price_table {
		padding-top: 40px
	}

	.price_table td:first-child,
	.price_table th:first-child {
		padding-left: 16px
	}

	.price_table td:last-child,
	.price_table th:last-child {
		padding-right: 16px
	}

	.price_table td {
		min-height: 113px
	}

	.price_table td:last-child {
		padding-left: 0
	}

	.price_table .button1 {
		width: 100%
	}

	.price_table .price_table__info {
		min-width: unset
	}
}

.fast_contact {
	margin-top: 110px;
	margin-bottom: 70px
}

.fast_contact .wrapper {
	background: url(../images/dest/fastform_fon.png) no-repeat, #fff;
	background-size: 100% 100%
}

.fast_contact .container {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
	padding-top: 62px;
	padding-right: 83px;
	padding-bottom: 62px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.fast_contact .container img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	width: auto;
	height: 105%;
	z-index: 1
}

.fast_contact .our_advantages {
	font-weight: 700;
	font-size: 20px;
	line-height: 34px;
	margin-left: 82px;
	color: #1f1f1f;
	margin-bottom: 18px
}

.fast_contact .fast_contact__info {
	z-index: 10
}

.fast_contact .fast_contact__form {
	z-index: 10;
	max-width: 288px;
	display: flex;
	justify-content: stretch;
	flex-direction: column
}

.fast_contact .fast_contact__form .button1 {
	width: 100%;
	padding: 16px
}

.fast_contact .fast_contact__form input {
	width: 100%;
	margin-bottom: 30px
}

.fast_contact .fast_contact_number {
	display: block;
	padding: 17px;
	width: 408px;
	background: #ffb800;
	text-align: center;
	margin: 0;
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
	color: #181818
}

.fast_contact h2 {
	margin-left: 82px
}

@media screen and (max-width:800px) {
	.fast_contact .wrapper {
		background-size: 100% auto;
		background-position: left bottom
	}

	.fast_contact .container {
		flex-direction: column;
		align-items: center;
		padding: 35px 0 40px 0
	}

	.fast_contact .container img {
		width: calc(100% - 8px);
		height: auto;
		bottom: 55px
	}

	.fast_contact .our_advantages,
	.fast_contact h2 {
		margin-left: 0;
		text-align: center
	}

	.fast_contact .fast_contact__info {
		width: 100%
	}

	.fast_contact .fast_contact_number {
		max-width: unset;
		width: 100%;
		margin-bottom: 40px
	}
}

@media screen and (max-width:500px) {
	.fast_contact {
		margin-top: 70px
	}

	.fast_contact .container {
		align-items: start
	}

	.fast_contact .our_advantages,
	.fast_contact h2 {
		text-align: left;
		margin-left: 16px;
		margin-right: 16px
	}

	.fast_contact .fast_contact__form {
		width: 100%;
		max-width: unset;
		padding: 0 16px
	}
}

.about_us {
	margin-top: 70px;
	background: url(../images/dest/about_us_fon.png) no-repeat center center
}

.about_us .cards {
	margin: 0;
	justify-content: space-between
}

.about_us .card_item,
.about_us .cards_info {
	margin: 0;
	margin-bottom: 40px
}

.about_us .about_us__info h2 {
	text-align: center
}

.about_us .about_us__info p {
	margin-bottom: 16px
}

.about_us .about_us__info p:last-child {
	margin-bottom: 0
}

.about_us .card_item {
	width: 24.19%;
	max-width: 300px
}

.about_us .cards_info {
	max-width: 545px;
	width: 43.95%
}

.about_us .slide_block {
	height: auto;
	transition-duration: .5s
}

.about_us .show_more {
	margin-bottom: 0;
	text-decoration: underline;
	display: none
}

@media screen and (max-width:950px) {
	.about_us .cards {
		justify-content: center
	}

	.about_us .card_item {
		margin-left: 20px;
		margin-right: 20px;
		width: 50%
	}

	.about_us .cards_info {
		max-width: unset;
		width: 100%
	}

	.about_us .last {
		order: 6
	}
}

@media screen and (max-width:600px) {
	.about_us .slide_block {
		height: 0;
		overflow: hidden
	}

	.about_us .slide_block p {
		margin-bottom: 20px
	}

	.about_us .show_more {
		display: block;
		cursor: pointer
	}
}

@media screen and (max-width:550px) {
	.about_us .card_item {
		width: calc(100% - 60px)
	}
}

.article_group {
	display: flex;
	max-height: 0;
	overflow: hidden;
	width: 100%;
	flex-wrap: wrap;
	justify-content: inherit;
	transition: max-height .5s ease 0s, overflow 0s linear 0s
}

.article_group.open {
	max-height: 8000px;
	overflow: visible
}

.article_group article:first-child {
	background: #fff
}

.article_group article:hover .card_item__link {
	color: #ffb800
}

.article_group .button_white {
	filter: none
}

.button_white {
	margin: auto;
	background: #fff;
	box-shadow: none
}

.brand_section {
	padding-top: 70px;
	padding-bottom: 60px
}

.brand_section .container {
	background: #fff;
	padding: 43px 51px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	overflow: hidden
}

.brand_section .brand_section__block {
	display: flex;
	flex-direction: column;
	margin: 25px 15px
}

.brand_section .brand_section__info {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	margin: -25px -15px
}

.brand_section .content {
	margin-top: 45px
}

.brand_section .brand_section__advantages {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.brand_section .brand_section__advantages li {
	display: flex;
	align-items: center;
	margin-bottom: 21px;
	font-size: 16px;
	line-height: 20px
}

.brand_section .brand_section__advantages li svg {
	margin-right: 10px
}

.brand_section .brand_section__advantages li:last-child {
	margin-bottom: 0
}

.brand_section .phone {
	margin-bottom: 35px
}

.brand_section .phone small {
	font-size: 15px;
	line-height: 19px;
	display: block
}

.brand_section .phone a {
	font-weight: 700;
	font-size: 36px;
	line-height: 45px
}

.brand_section .button1 {
	margin-top: auto;
	width: 100%;
	padding: 16px
}

.brand_section .footer_block:first-child {
	margin-bottom: 15px
}

.brand_section .footer_block:last-child {
	
}

.brand_section .footer_block small {
	font-size: 15px;
	line-height: 19px;
	display: block
}

.brand_section .footer_block .normal {
	font-weight: 400
}

.brand_section .footer_block .footer_main {
	font-size: 24px;
	line-height: 30px;
	color: #181818;
	font-weight: 700
}

.brand_section .icon {
	background: #ffb800;
	width: 90px;
	height: 90px;
	padding: 25px
}

.brand_section .icon img {
	width: 100%;
	height: auto
}

.brand_section .first {
	display: flex;
	align-items: start;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 333px
}

.brand_section .first .icon {
	margin-right: 45px
}

.brand_section .first .images {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.brand_section .first .footer_block {
	margin: 0
}

.brand_section .first .footer_block.first-child {
	margin-right: 45px
}

@media screen and (max-width:1170px) {
	.brand_section .brand_section__info {
		justify-content: space-evenly
	}
}

@media screen and (max-width:500px) {
	.brand_section {
		padding-top: 40px
	}

	.brand_section .container {
		padding: 16px
	}

	.brand_section .brand_section__info {
		flex-direction: column
	}

	.brand_section .first {
		justify-content: space-between;
		max-width: unset
	}

	.brand_section .first .images {
		justify-content: space-between;
		width: 100%
	}

	.brand_section .first .footer_block.first-child,
	.brand_section .first .icon {
		margin-right: 0
	}
}

@media screen and (max-width:360px) {
	.brand_section .first .images .brand_logo {
		width: 60%;
		height: auto
	}
}

@media screen and (max-width:350px) {
	.brand_section .phone a {
		font-size: 32px;
		line-height: 41px
	}

	.brand_section .footer_block .footer_main {
		font-size: 22px;
		line-height: 28px
	}
}

.brand_problem_section {
	overflow: hidden;
	padding-top: 70px
}

.brand_problem_section .wrapper {
	background: url(../images/dest/Group133.png) no-repeat top left;
	background-size: 100% auto;
	position: relative
}

.brand_problem_section .cards {
	width: calc(100% + 44px);
	margin: -23px -22px;
	justify-content: center
}

.brand_problem_section .card_item {
	margin: 23px 22px;
	width: calc(100% / 4 - 44px);
	padding-right: 16px;
	overflow: hidden;
	padding-left: 29px
}

.brand_problem_section .card_item.hidden {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	opacity: 0
}

.brand_problem_section .card_item:last-child {
	position: static
}

.brand_problem_section .content {
	margin-top: 36px
}

.brand_problem_section .content p {
	margin-bottom: 1.5em
}

.brand_problem_section .content p:last-child {
	margin-bottom: 0
}

@media screen and (max-width:1100px) {
	.brand_problem_section .card_item {
		width: calc(100% / 3 - 44px)
	}
}

@media screen and (max-width:768px) {
	.brand_problem_section .card_item {
		width: calc(100% / 2 - 44px)
	}
}

@media screen and (max-width:500px) {
	.brand_problem_section .cards {
		width: 100%;
		margin: -23px 0
	}

	.brand_problem_section .card_item {
		width: calc(100% - 44px)
	}
}

.mar10 {
	margin-bottom: 10px
}

.catalog {
	padding-top: 70px
}

.catalog h1 {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	text-align: center;
	margin-bottom: 50px
}

.catalog article {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	margin-bottom: 45px;
	padding: 41px 97px 52px 37px
}

.catalog h2 {
	font-size: 26px;
	line-height: 33px;
	text-align: center;
	margin-bottom: 45px
}

.catalog h3 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 30px
}

.catalog p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 35px
}

.catalog .button1 {
	padding: 16px 60px;
	color: #181818;
	background: 0 0;
	border: 2px solid #ffb800;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(255, 184, 0, .5);
	filter: none
}

.catalog .button1:hover {
	background: #ffb800
}

@media screen and (max-width:710px) {
	.catalog {
		padding-top: 40px
	}

	.catalog article {
		padding: 16px
	}

	.catalog .nav_button {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start
	}

	.catalog .nav_button a {
		margin: 0
	}

	.catalog .nav_button a:first-child {
		margin-bottom: 25px
	}
}

@media screen and (max-width:500px) {
	.catalog .nav_button a {
		width: 100%;
		text-align: center
	}

	.catalog article a {
		width: 100%;
		text-align: center
	}

	.catalog article .button1 {
		padding: 16px
	}
}

.nav_button {
	display: flex;
	justify-content: flex-end
}

.nav_button .button {
	margin-left: 40px;
	padding: 16px 51px;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	color: #181818;
	border: 2px solid #ffb800
}

.nav_button .button_prev {
	background: #fff
}

.nav_button .button_prev:hover {
	background: #ffb800
}

.nav_button .button_next {
	background: #ffb800
}

.nav_button .button_next:hover {
	background: #fff
}

.article {
	padding-top: 70px
}

.article .container {
	padding: 44px 66px 57px 66px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	margin-bottom: 45px
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	text-align: center;
	margin: 1em 0
}

.article h1 {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	margin-bottom: 45px;
	margin-top: 0
}

.article .content {
	margin-bottom: -16px
}

.article .content p {
	margin-bottom: 16px
}

@media screen and (max-width:710px) {
	.article {
		padding-top: 40px
	}

	.article .container {
		padding: 16px
	}

	.article .nav_button {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start
	}

	.article .nav_button a {
		margin: 0
	}

	.article .nav_button a:first-child {
		margin-bottom: 25px
	}
}

@media screen and (max-width:500px) {
	.article .nav_button a {
		width: 100%;
		text-align: center
	}
}

@media screen and (max-width:500px) {
	.content {
		overflow: hidden
	}
}

.info {
	padding-bottom: 70px
}

.info .container p {
	margin-bottom: 1.5em
}

.info .container p:last-child {
	margin-bottom: 0
}
.contacts__master-card{
    
    position:absolute;
    bottom:30px;
    left:30px;
    background-color:var(--bg-color);
    padding:8px;
    padding-top: 16px;
    opacity:0;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:opacity .3s,-webkit-transform .1s .3s;
    transition:opacity .3s,transform .1s .3s,-webkit-transform .1s .3s;
    -o-transition:opacity .3s,transform .1s .3s;
    max-width:375px
}
.contacts__master-card .close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
}
@media screen and (max-width:1024px){
    .contacts__master-card{
        left:8px;
        bottom:8px;
        right:8px;
    }
}
.contacts__master-soc {
    width: 50px;
    height: 50px;
   background: #F7F7F7;
   display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 13px;
}
.contacts__master-card .button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
    font-weight: 500;
    padding: 13px;
font-size: 15px;
line-height: 18px;
flex-grow: 1;
}
.contacts__master-card.open{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:opacity .3s,-webkit-transform .3s;
    transition:opacity .3s,transform .3s,-webkit-transform .3s;
    -o-transition:opacity .3s,transform .3s
}
.contacts__master-title{
    
    font-style:normal;
    font-weight: 600;
font-size: 15px;
line-height: 18px;
margin-bottom: 0;
}
.contacts__master-title--main {
    margin-bottom: 15px;
}
.contacts__master-header .contacts__master-title {
    max-width: 126px;
}

.contacts__master-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#F7F7F7;
    padding:8px;
    margin-bottom:10px;
}
.contacts__master-photo{
    width:50px;
    height:50px;
    overflow:hidden;
    margin-right:10px;
    -ms-flex-negative:0;
    flex-shrink:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#fff
}
.contacts__master-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:10px
}

.contacts__master-rate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-negative:0;
    flex-direction: column;
    flex-shrink:0;
    justify-content: center;
}
.contacts__master-rate--main {
    flex-direction: row;
    background: #fff;
    padding: 11px 13px;
}
.contacts__master-rate--main .contacts__master-star{
    margin-bottom: 0;
    margin-right: 10px;
}
.contacts__master-rate--main  .contacts__master-num{
    font-weight: 500;
font-size: 18px;
line-height: 150%;
}
.contacts__master-rate--header{
    width: 50px;
    height: 50px;
    margin-right:15px;
   background: #F7F7F7;
}
.contacts__master-close{
    width:100%;
    justify-content: center;
    border-radius: 0;
    font-weight: 500;
font-size: 15px;
line-height: 18px;
}
.contacts__master-star{
    margin-bottom:2px
}
.contacts__master-num{
    
    font-style:normal;
    font-weight: 500;
font-size: 13px;
line-height: 15px;
}
@media screen and (max-width:1024px){
    .contacts__master-num{
        font-weight:800;
        font-size:18px;
        line-height:22px
    }
    
}
@media screen and (max-width:350px) {
    .contacts__master-soc  {
       width: 40px;
       height: 40px;
    }
    .contacts__master-card .button {
        padding: 11px;
    }
}
.contacts__master-name{
    
    font-style:normal;
    font-weight:600;
    font-size:15px;
    line-height:18px;
    margin-bottom:10px
}
.contacts__master-exp{
    color:var(--text-second);
    font-weight: 400;
font-size: 13px;
line-height: 15px;
}
.contacts__master-cont{
    margin-right:auto
}
.contacts__master-pic{
    width:100%;
    margin-bottom:10px;
    display:block
}
.map-cont {
    width: 100%; 
    position: relative;
    height: 500px;
    overflow: hidden;
}
.footer__phone {
    margin-bottom: 25px;

}
.flex__container {
    display: flex;
}
.row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    
    margin-left:-9px;
    margin-top:-9px
}
.row>*{
    margin-left:9px;
    margin-top:9px
}
@media screen and (max-width: 1024px) {
    .flex__container {
        display: block;
    }
    .footer__phone {
        display: block;
    }
    .section_desc{
        
    }
}
.contacts_main .section_desc {
    margin-bottom: 25px;
}
.contacts_main .map-cont {
    max-width: 900px;
    margin-left: 30px;
}
.contacts_main .flex_sb{
    margin-right: auto;
}
@media screen and (max-width: 1024px) {
.contacts_main .map-cont {
    
    margin-left: 0px;
}
}