html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	min-width: 320px; min-height: 100%;
}
body {
	position: relative; background: #fff; font-family: 'Suisse Intl'; font-size: 20px; color: #000; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
	outline: none; max-height: 999999px; box-sizing: border-box;
}
img {
	border: none; vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
button::-moz-focus-inner {
	padding: 0; border: 0;
}
button {
	*overflow: visible;
}
label {
	cursor: pointer;
}


/* site style
------------------------------------------------ */
.viewport-wrapper {
	position: relative; min-width: 320px; overflow: hidden;
}

.wrapper {
	position: relative; max-width: 1280px; margin: 0 auto; padding: 0 15px;
}

a {
	color: #000;
}

H1, H2, H3, H4, H5, H6 {
	margin: 0; padding: 0;
}

.stitle {
	font-weight: 700; font-size: 48px; line-height: 60px; letter-spacing: 1px;
}

input,
textarea,
select,
button {
	font-family: 'Suisse Intl';
}
input[type=text],
input[type=password],
textarea {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 18px; letter-spacing: 0.04em; color: #000;
}
input[type=text],
input[type=password] {
	padding: 0 17px;
}
textarea {
	overflow: auto; resize: none; vertical-align: top;
}
::-webkit-input-placeholder {color: #828282}
:-moz-placeholder {color: #828282}
::-moz-placeholder {color: #828282}
:-ms-input-placeholder {color: #828282}

button {
	border: 0; cursor: pointer;
}

.btn {
	background: #fed84c; border-radius: 8px; height: 88px; font-size: 18px; color: #333;
}
a.btn {
	display: inline-block; vertical-align: top; line-height: 88px; text-decoration: none; text-align: center;
}

.btn_blue {
	background: #F0AF2D; color: #fff;
}

.dib {
	display: inline-block; vertical-align: baseline;
}
.clear_fix {
	clear: both; display: block; height: 0;
}
.hidden {
	display: none;
}

.slick-slider {
	display: block !important;
}
.slick-list {
	position: relative; overflow: hidden;
}
.slick-track {
	position: relative; display: flex;
}
.slick-hidden {
	display: none;
}

.ic-b:before, .ic-a:after {
	display: block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1;
}
/* end site style */


/* header
------------------------------------------------ */
.header {
	position: absolute; left: 0; top: 0; z-index: 250; width: 100%;
}
.header__wrapper {
	display: flex; align-items: flex-start; padding-top: 43px;
}
.header__logo {
	position: relative; padding-top: 3px;
}
.header__logo span {
	display: block; position: absolute; left: 0; top: 100%; margin-top: 32px; font-size: 20px; line-height: 21px; letter-spacing: 0.01em; z-index: 1;
}
.header__box {
	margin-left: auto;
}
.header__box-inn {
	display: flex; align-items: flex-start;
}
.header__city {
	display: none;
}
.header__cat a {
	display: block; font-size: 20px; line-height: 21px; font-weight: 700; color: #000; text-decoration: none;
}
.header__stat {
	position: relative; padding-left: 30px; margin-left: 95px; font-size: 12px; line-height: 21px;
}
.header__stat:before {
	position: absolute; left: 0; top: 0; content: '\e906'; font-size: 19px;
}
.header__stat span {
	display: block; margin-bottom: 2px; font-size: 20px; font-weight: 700;
}
.header__phone {
	position: relative; padding-left: 33px; margin-left: 85px; line-height: 21px;
}
.header__phone:before {
	position: absolute; left: 0; top: -2px; content: '\e907'; text-shadow: 0px 3px 4px #fed84c;
}
.header__phone div {
	text-shadow: 0px 3px 4px #fed84c; font-size: 20px; font-weight: 700;
}
.header__phone div a {
	color: #000; text-decoration: none;
}
.header__phone span {
	display: block; margin-top: 2px; font-size: 13px;
}
.header__burger {
	display: none;
}
/* end header */


.textb {
	font-size: 20px; line-height: 143%;
}
.textb p {
	margin-bottom: 30px;
}
.textb > *:last-child {
	margin-bottom: 0;
}


/* step
------------------------------------------------ */
.step1  {
	position: relative; min-width: 320px; height: 793px; /*height: 924px;*/ padding: 246px 0 0; /*padding: 293px 0 0;*/ background: url(../i/step1-bg.jpg) center no-repeat; background-size: cover;
}
.step1__arr {
	position: absolute; left: 50%; /*left: 55px;*/ bottom: 60px; font-size: 87px; animation: down-up .8s infinite alternate ease-in-out;
}
.step1__arr:after {
	content: '\e901';
}
.step1__title {
	max-width: 600px; font-weight: 700; font-size: 48px; line-height: 60px; letter-spacing: 0.5px;
}
.step1__text {
	margin-top: 24px; font-size: 24px; line-height: 143%;
}
.step1__bt {
	margin-top: 40px;
}
.step1__bt a {
	display: flex; align-items: center; justify-content: center; width: 100%; max-width: 318px; height: 86px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); line-height: 1 !important;
}

#geoList {
    width: auto;
}

@-webkit-keyframes down-up
{
	0% {-webkit-transform: translateY(-5px)}
	100% {-webkit-transform: translateY(5px)}
}

.step2 {
	position: relative; min-width: 320px; padding: 40px 0; background: #000; color: #fff;
}
.step2__list {
	display: flex; align-items: center; justify-content: space-between;
}
.step2__item {
	display: flex; align-items: center; max-width: 32%;
}
.step2__item-icon {
	flex: 0 0 74px; width: 74px;
}
.step2__item-text {
	font-size: 22px; line-height: 123.7%;
}

.step3 {
	position: relative; min-width: 320px; margin-top: 115px;
}
.step3__list {
	display: flex; margin: 0 -15px;
}
.step3__item {
	margin: 0 15px; width: calc(100% - 30px);
}
.step3__item-im {
	position: relative;
}
.step3__item-im img {
	width: 100%; height: 454px; object-fit: cover;
}
.step3__item-im span {
	display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-weight: 700; font-size: 2.5vw; line-height: normal; text-align: center; letter-spacing: 0.01em; color: #fff;
}
.step3__item-bt a {
	display: flex; align-items: center; justify-content: center; height: 87px; background: #fed84c; color: #333; text-decoration: none;
}

.step4 {
	display: flex; justify-content: space-between; margin-top: 106px;
}
.step4__content {
	width: 40%;
}
.step4__text {
	margin-top: 33px;
}
.step4__bt {
	margin-top: 51px;
}
.step4__bt a {
	width: 100%; max-width: 359px; font-size: 24px;
}
.step4__im {
	width: 55.36%;
}
.step4__im a {
	position: relative; display: block; color: #000;
}
.step4__im a i {
	display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border: 1px solid currentColor; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px;
}
.step4__im a i:after {
	display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 14px; border-color: transparent transparent transparent currentColor;
}
.step4__im img {
	width: 100%;
}

.step5 {
	position: relative; min-width: 320px; padding: 0 0 97px; margin-top: 163px;
}
.step5:before {
	display: block; content: ''; background: url(../i/step5-bg.jpg) center bottom no-repeat; height: 930px; position: absolute; left: 0; right: 0; bottom: 0; z-index: -3;
}
.step5__list {
	display: flex; align-items: flex-start; margin-top: 120px;
}
.step5__item {
	position: relative; width: 33.333%; padding: 0 35px;
}
.step5__item:first-child {
	padding-left: 0;
}
.step5__item:nth-child(2) {
	padding-bottom: 56px;
}
.step5__item:nth-child(2):before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: -57px; bottom: 0; background: #fff; opacity: 0.5; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: -2;
}
.step5__item:nth-child(3) {
	padding-bottom: 110px;
}
.step5__item:nth-child(3):before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: -91px; bottom: 0; background: #fff; opacity: 0.9; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: -1;
}
.step5__item-top {
	display: flex; align-items: center; justify-content: space-between;
}
.step5__item-title {
	margin-right: 10px; font-weight: 700; font-size: 36px; line-height: 1; letter-spacing: 1px;
}
.step5__item-icon {
	flex: 0 0 88px; width: 88px;
}
.step5__item-icon img {
	max-width: 100%;
}
.step5__item ul {
	margin-top: 50px;
}
.step5__item ul li {
	position: relative; border-bottom: 1px solid #1eadd7; padding: 0 0 18px 33px; margin-top: 23px; font-size: 20px; line-height: 109.5%;
}
.step5__item ul li:first-child {
	margin-top: 0;
}
.step5__item ul li:last-child {
	border: 0; padding-bottom: 0;
}
.step5__item ul li:before {
	position: absolute; left: 0; top: 2px; content: '\e902'; font-size: 14px; color: #1eadd7;
}

.step6 {
	margin-top: 104px;
}
.step6__list {
	display: flex; justify-content: space-between; margin-top: 56px;
}
.step6__item {
	display: flex; align-items: center; max-width: 32%;
}
.step6__item-icon {
	flex: 0 0 100px; width: 100px;
}
.step6__item-text {
	font-size: 22px; line-height: 131.5%;
}

.step7 {
	position: relative; min-width: 320px; margin-top: 164px;
}
.step7__map {
	min-width: 320px; height: 1014px;
}
.step7__box {
	width: 537px; background: #fff; box-shadow: 7px -5px 12px rgba(0, 0, 0, 0.1); padding: 76px 70px 70px; position: absolute; left: 50%; margin-left: -625px; top: -60px; bottom: 0;
}
.step7__city {
	position: relative; padding-left: 53px; margin-bottom: 143px; font-size: 20px; line-height: 30px;
}
.step7__city:before {
	position: absolute; left: 0; top: 3px; content: '\e906'; font-size: 52px; color: #1eadd7;
}
.step7__city a {
	border-bottom: 2px dotted #1dacd7; color: #000; text-decoration: none;
}
.step7__form {
	margin-top: 42px;
}
.step7__item {
	margin-top: 14px;
}
.step7__item input {
	width: 100%; height: 48px; font-size: 14px;
}
.step7__bt {
	margin-top: 42px;
}
.step7__bt button {
	width: 100%; height: 64px;
}

.step8 {
	position: relative; min-width: 320px; /*padding: 85px 0 115px;*/ padding: 85px 0 25px;
}
.step8:before {
	display: block; content: ''; background: url(../i/step8-bg.jpg) center no-repeat; background-size: cover; width: 1341px; position: absolute; left: 50%; margin-left: -960px; top: 0; bottom: 0;
}
.step8__im {
	background: url(../i/step8-im.png) no-repeat; /*width: 1029px; height: 889px;*/ width: 901px; height: 707px; position: absolute; right: 50%; margin-right: -960px; top: 209px;
}
.step8__content {
	width: 63.2%;
}
.step8 ul {
	/*margin-top: 84px;*/

	margin-top: 50px;
}
.step8 ul li {
	position: relative; overflow: hidden; padding: 5px 0 15px 75px; /*padding: 5px 0 32px 75px;*/ margin-top: 15px; font-size: 22px; line-height: 143%;
}
.step8 ul li:first-child {
	margin-top: 0;
}
.step8 ul li i {
	display: flex; align-items: center; justify-content: center; border: 3px solid #000; width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 0; top: 0; font-size: 19px;
}
.step8 ul li i:before {
	display: block; content: ''; position: absolute; left: 22px; top: 100%; margin-top: 15px; width: 3px; height: 999px; background: #000;
}
.step8 ul li:last-child i {
	background: #000; color: #fff;
}
.step8 ul li:last-child i:before {
	display: none;
}
.step8 ul li i:after {
	content: '\e902';
}
.step8 ul li span {
	display: block; font-size: 28px; font-weight: 700;
}

.step9 {
	position: relative; min-width: 320px; background: url(../i/step9-bg.jpg) center no-repeat; background-size: cover;
}
.step9__wrapper {
	height: 232px; display: flex; align-items: center;
}
.step9__title {
	width: 365px; font-size: 36px; line-height: 133%; color: #fff; font-weight: 700;
}
.step9__bt {
	width: 359px;
}
.step9__bt a {
	width: 100%; font-size: 24px;
}
.step9__girl {
	background: url(../i/step9-girl.png) no-repeat; width: 640px; height: 552px; /*height: 776px;*/ position: absolute; right: 50%; margin-right: -761px; bottom: 0;
}

.step10 {
	margin-top: 85px;
}
.step10__list {
	display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 13px;
}
.step10__item {
	width: 49.12%; margin-top: 41px;
}
.step10__item-im img {
	width: 100%; height: 365px; object-fit: cover;
}
.step10__item-bot {
	margin-top: 20px; display: flex; justify-content: space-between; align-items: center;
}
.step10__item-inf {
	margin-right: 15px;
}
.step10__item-name {
	font-weight: 700; font-size: 18px; line-height: 23px;
}
.step10__item-text {
	font-size: 14px; line-height: 140.8%;
}
.step10__item-bt {
	width: 34.2%; flex: 0 0 34.2%;
}
.step10__item-bt a {
	width: 100%; height: 41px; padding: 0 15px; display: flex; align-items: center; justify-content: center; padding: 0 10px; border-radius: 4px; line-height: 1 !important; font-size: 14px;
}
.step10__more {
	margin-top: 74px; font-size: 24px; line-height: normal; text-align: center;
}
.step10__more a {
	position: relative; padding-right: 30px; color: #000; text-decoration: none;
}
.step10__more a:after {
	position: absolute; right: 0; top: 8px; content: '\e900'; font-size: 9px;
}

.step11 {
	position: relative; min-width: 320px; padding: 135px 0 95px; background: url(../i/step11-bg.jpg) center no-repeat; background-size: cover; margin-top: 100px;
}
.step11__app {
	max-width: 1180px; margin: auto; background: #fff; padding: 70px 35px; text-align: center;
}
.step11__app-text {
	margin-top: 12px; font-size: 22px; line-height: 143%; letter-spacing: -0.2px;
}
.step11__app-form {
	display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 780px; margin: 36px auto 0;
}
.step11__app-inp {
	position: relative; width: 48.718%;
}
.step11__app-inp:after {
	position: absolute; left: 32px; top: 50%; margin-top: -8px; content: '\e90b'; color: #929aa2; font-size: 15px;
}
.step11__app-inp input {
	width: 100%; height: 86px; padding: 0 10px 0 58px; background: #f2f6fa; border: 0; font-size: 15px;
}
.step11__app-bt {
	width: 48.718%;
}
.step11__app-bt button {
	width: 100%; height: 86px; color: #2e363e;
}
.step11__app-pp {
	position: relative; margin: 25px auto 0; padding-left: 20px; color: #7e868e; font-size: 11px; line-height: 130%;
}
.step11__app-pp > span {
	display: block; position: absolute; left: 0; top: 0px;
}
.step11__app-pp > span input {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0;
}
.step11__app-pp > span input + i {
	display: flex; align-items: center; justify-content: center; background: #4a94ff; border-radius: 2px; width: 12px; height: 12px; color: #fff;
}
.step11__app-pp > span input + i:after {
	content: '\e903'; font-size: 6px; line-height: 1; opacity: 0; transition: opacity .3s;
}
.step11__app-pp > span input:checked + i:after {
	opacity: 1;
}
.step11__app-pp a {
	color: inherit;
}
.step11__foot {
	max-width: 565px; margin: 79px auto 0; color: #fff;
}
.step11__links {
	display: flex; justify-content: space-between; font-size: 12px; line-height: 150%;
}
.step11__links a {
	color: inherit; text-decoration: none;
}
.step11__bot {
	display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; margin-top: 22px;
}
.step11__copy {
	font-size: 12px; line-height: 150%;
}
.step11__soc {
	display: flex; align-items: center;
}
.step11__soc a {
	display: block; margin-right: 27px; color: #fff; text-decoration: none; font-size: 18px;
}
.step11__soc a:last-child {
	margin-right: 0;
}
.step11__soc a .icon-vk {
	font-size: 11px;
}
.step11__soc a .icon-ig {
	font-size: 16px;
}
.step11__soc a .icon-yt {
	font-size: 12px;
}
.step11__soc a span {
	display: block;
}
/* end step */


.mapp {
	display: none; width: 1180px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.mapp__content {
	padding: 70px 86px 60px 80px; margin-right: 52.79661%;
}
.mapp__title {
	font-weight: 700; font-size: 36px; line-height: 133%; letter-spacing: 0.01em;
}
.mapp__text {
	margin-top: 20px; font-size: 22px; line-height: 143%; letter-spacing: -0.2px;
}
.mapp__form {
	margin-top: 31px;
}
.mapp__item {
	margin-top: 20px;
}
.mapp__item:first-child {
	margin-top: 0;
}
.mapp__item input {
	width: 100%; height: 69px;
}
.g-input_error {
	border: 1px solid red !important;
}
.mapp__bt {
	margin-top: 43px;
}
.mapp__bt button {
	width: 100%; height: 69px; font-size: 24px;
}
.mapp .fancybox-close-small {
	opacity: 0.6;
}
.mapp .fancybox-button svg path {
	fill: #fff;
}
.mapp__im {
	width: 52.79661%; position: absolute; right: 0; top: 0; bottom: 0;
}
.mapp__im img {
	width: 100%; height: 100%; object-fit: cover;
}

.mform {
	display: none; width: 600px; padding: 60px 40px; background: #fff;
}
.mform__title {
	font-weight: 700; font-size: 36px; line-height: 133%; letter-spacing: 0.01em;
}
.mform__city {
	margin-top: 20px; font-size: 22px; line-height: 143%; letter-spacing: -0.2px;
}
.mform__city a {
	color: inherit; text-decoration: none; border-bottom: 2px dotted #2d9cdb;
}
.mform__form {
	margin-top: 31px;
}
.mform__inf {
	margin-bottom: 20px; height: 69px; border: 1px solid #e0e0e0; border-radius: 5px; padding: 0 17px; display: flex; justify-content: center; flex-direction: column; font-size: 18px; letter-spacing: 0.04em;
}
.mform__inf-lv {
	color: #828282;
}
.mform__item {
	margin-bottom: 20px;
}
.mform__item input {
	width: 100%; height: 69px;
}
.mform__bt {
	margin-top: 43px;
}
.mform__bt button {
	width: 100%; height: 69px; font-size: 24px;
}