
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
* { outline: none; }
html, body {
	scroll-behavior: smooth;
}

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

img { display: block; }

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

li { list-style: none; }

p { margin: 0; padding: 0; }

a { text-decoration: none; }

strong { font-weight: bold; }

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

input[type="submit"] { border: 0; }

*:after, *:before { display: block; }

@font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-Regular.woff); font-style: normal; font-weight: 400; }
@font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-Medium.woff); font-style: normal; font-weight: 500; }
@font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-SemiBold.woff); font-style: normal; font-weight: 600; }
@font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-Bold.woff); font-style: normal; font-weight: 700; }
html { 
	/* Color */
	--color-red:  #D50000;
	--color-dark: #081216;
	--color-blue: #02B5C0;
	--color-blue-dark: #213D41;
	--color-blue-dark2: #052E38;
	--color-blue-light: #D5F3F1;
	--color-blue-faded: #8BA6AD;
	--color-grey-light: #F4F4F5;
	--color-orange: #FF8136;
	/* Speed */
	--speed-fast: 0.15s linear; 
	--speed-medium: 0.3s linear; 
}

html, body { font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.846; font-size: 16px; color: var(--color-grey); }

/* Wrapper */

.wrapper { overflow: hidden; }

.wrap { 
	width: 100%; 
	max-width: 1200px; 
	box-sizing: border-box; 
	padding: 0 20px; 
	margin: 0 auto; 
}

.wrap.wrap_long {
	max-width: 100%;
	padding: 0 30px;
}

/* Title */

.title {
	font-weight: 900;
	color: var(--color-dark);
}

h1.title {
	line-height: 1.32;
	font-size: 56px;
}

h2.title {
	line-height: 1.2;
	font-size: 40px;
}

/* Buttons */

.btn {
	display: inline-block;
	height: 76px;
	box-sizing: border-box;
	padding: 0 48px;
	border: 2px solid var(--color-orange);
	border-radius: 38px;
	line-height: 72px;
	text-transform: uppercase;
	letter-spacing: .07em;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-blue-dark);
}

.btn.btn_full {
	background: var(--color-orange);
	color: #fff;
}

.btn.btn_white {
	background: #fff;
	border-color: #fff;
	color: var(--color-blue-dark2);
}


.btn.btn_video {
	padding-right: 124px;
	position: relative;
}

.btn__play {
	display: block;
	width: 76px;
	height: 76px;
	background: var(--color-orange);
	border-radius: 50%;
	position: absolute;
	top: -2px;
	right: -2px;
}

.btn__play:before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background: #fff;
	-webkit-mask: url(../images/play.svg) center no-repeat; 
	mask: url(../images/play.svg) center no-repeat; 
	-webkit-mask-size: contain; 
	mask-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-37%, -50%);
}

/* Header */

.header {
	height: 127px;
	width: 100%;
	background: #fff;
	box-shadow: 0 12px 46px rgba(153,194,208,.25);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 500;
}

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

.header__logo {
	width: 242px;
	height: 69px;
	background: url(../images/logo.png) center no-repeat;
	background-size: contain;
}

.header__right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

.header__socials {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 64px 0 0;
	margin: 0 50px 0 0;
}

.header__socials a {
	display: block;
}

.header__socials a + a {
	margin-left: 28px;
}

.header__socials .header__socials_fb {
	width: 26px;
	height: 26px;
	background: url(../images/fb.png) center no-repeat;
	background-size: contain;
}

.header__socials .header__socials_wp {
	width: 28px;
	height: 28px;
	background: url(../images/wp.png) center no-repeat;
	background-size: contain;
}

.header__socials .header__socials_in {
	width: 27px;
	height: 27px;
	background: url(../images/instagram.svg) center no-repeat;
	background-size: contain;
}

.header__socials .header__socials_yt {
	width: 33px;
	height: 33px;
	background: url(../images/youtube.svg) center no-repeat;
	background-size: contain;
}

.header__phone {
	letter-spacing: .05em;
	font-size: 30px;
	font-weight: 600;
	color: var(--color-blue-dark);
}

.header__dropdown {
	margin-right: 118px;
	position: relative;
}

.header__dropdown_btn_anchor_city {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 21px;
	color: #213d41;
	display: relative;
}

.header__dropdown_btn_anchor_city:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 150px;
	height: 2px;
	color: #02b5c0;
	font-family: "Montserrat";
	font-size: 14px;
	font-weight: 600;
}

.header__dropdown_drop {
	display: none;
	position: absolute;
	top: 55px;
	left: -67px;
	z-index: 3;
	background-color: #fff;
	justify-content: center;
	width: 265px;
	padding-bottom: 55px;
	border-radius: 20px;
}

.dropActive {
	display: flex;
}

.header__dropdown_drop_list_li_a {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 21px;
	color: #213d41;
}

.header__dropdown_drop_list_li {
	margin-bottom: 22px;
}

.header__dropdown_drop_list_li:last-child {
	margin-bottom: 0px;
}

.dz-dropdownActive {
	display: block;
}

.header__dropdown_btn_anchor {
	display: flex;
	align-items: center;
}

.header__dropdown_btn_anchor_city {
	margin-right: 20px;
}

/* Main */

.main {
	display: flex;
	align-items: center;
	min-height: 100vh;
	box-sizing: border-box;
	padding: 177px 0 50px;
	position: relative;
}

.main:after {
	content: '';
	display: block;
	height: 100%;
	width: calc(50% - 278px);
	background: var(--color-blue-dark) url(../images/bg/main_right_bg.jpg) center no-repeat;
	background-size: cover;
	position: absolute;	
	right: 0;
	top: 0;
}


.main:before {
	content: '';
	display: block;
	height: 100%;
	width: 241px;
	background: url(../images/bg/main_left_bg.jpg) left bottom no-repeat;
	background-size: contain;
	position: absolute;	
	left: 0;
	top: 0;
}

.main .wrap {
	position: relative;
	z-index: 50;
}


.main__inner {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	display: flex;
	align-items: center;
}

.main__left, .main__right {
	flex: 0 0 calc(50% - 15px);
	max-width: calc(50% - 15px);
}

.main__right {
	margin-left: 30px;
}

.mian__info h1.title {
	margin: 0 0 36px;
}

.main__info__text {
	max-width: 490px;
	margin: 0 0 80px;
	line-height: 1.66;
	font-size: 24px;
	font-weight: 500;
	color: var(--color-blue-dark);
}


.main__info__buttons .btn + .btn {
	margin-top: 35px;
}

.main__form {
	padding: 55px 68px 0;
	background: var(--color-blue-dark2);
	border-radius: 28px;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.main__form__inner {
	position: relative;
	overflow: hidden;
}

.main__form__list {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	position: relative;
}

.main__form__step {
	flex: 0 0 100%;
	max-width: 100%;
}

.main__form__step {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.main__form__label {
	opacity: .12;
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: .03em;
    font-size: 80px;	font-weight: 900;
	writing-mode: tb-rl;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%) rotate(-180deg);
}

.main__form__step__instruction {
	margin: 0 0 25px;
	text-align: center;
	line-height: 1.428;
	letter-spacing: .02em;
	font-size: 21px;
	font-weight: 600;
	color: var(--color-blue-faded);
}

.main__form__lines {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: flex-end;
	width: 87px;
	height: 87px;
	position: absolute;
	top: -4px;
	right: -4px;
	transform: rotate(-45deg);
}

.main__form__lines:before, .main__form__lines:after, .main__form__lines span {
	display: block;
	height: 18px;
	background: var(--color-orange);
} 

.main__form__lines:before, .main__form__lines:after {
	content: '';
	width: 52px;
}

.main__form__lines span {
	width: 100%;
}

.main__form__step__head h2.title {
	margin: 0 0 26px;
	text-align: center;
	color: #fff;
}

.main__form__step__content {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
}
.main__form__step__label {
	margin: 0 0 15px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .03em;
	font-size: 19px;
	font-weight: 500;
	color: var(--color-blue-light);
}

.main__form__step__choice__btn {
	width: 100%;
	height: 49px;
	box-sizing: border-box;
	background: transparent;
	border: 2px solid var(--color-blue);
	border-radius: 9px;
	font-size: 19px;
	font-weight: 500;
	color: var(--color-blue-light);
}

.main__form__step__choice__btn + .main__form__step__choice__btn {
	margin-top: 7px;
}

.main__form__step__choice__btn.active {
	background: var(--color-blue);
	color: #fff;
}

.main__form__step__item + .main__form__step__item {
	margin-top: 30px;
}

.main__form__step__row {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 12px);
    margin: -6px 11px 10px;
}

.main__form__step__col_2 {
	flex: 0 0 50%;
	max-width: 50%;
	box-sizing: border-box;
	padding: 6px;
}

.main__form__step__select {
	width: 100%;
}

.main__form__step__select .jq-selectbox__select {
	height: 50px;
	box-sizing: border-box;
	border: 2px solid var(--color-blue);
	border-radius: 9px;
}

.main__form__step__select .jq-selectbox__select-text {
	padding: 0 46px 0 22px;
	line-height: 46px;
	font-weight: 500;
}

.main__form__step__select .jq-selectbox__trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 46px;
	position: absolute;
	top: 0;
	right: 2px;
}

.main__form__step__select .jq-selectbox__trigger-arrow {
	display: block;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	border: 3px solid var(--color-blue);
	border-width: 0 3px 3px 0;
	transform: rotate(45deg) translate(0, -33%)
}

.main__form__step__select .jq-selectbox__dropdown {
	width: 100%;
	box-sizing: border-box;
    background: var(--color-blue-dark2);
    border: 2px solid var(--color-blue);
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(0,0,0,.5);
    margin: 8px 0;
}

.main__form__step__select .jq-selectbox__dropdown li {
	padding: 5px 22px;
	cursor: pointer;
}

.main__form__step__select .jq-selectbox__dropdown li.sel {
	background: var(--color-blue);
}

.main__form__step__select .jq-selectbox__dropdown li:not(.sel):hover {
	background: var(--color-blue-dark);
}

.main__form__contacts {
	padding: 20px 0 0;
}

.main__form__contacts__field {
	display: block;
	width: 100%;
	height: 63px;
	box-sizing: border-box;
	border: 3px solid var(--color-blue);
	border-radius: 9px;
	position: relative;
}

.main__form__contacts__field__label {
	display: inline-block;
	padding: 0 17px;
	background: var(--color-blue-dark2);
	font-size: 17px;
	font-weight: 500;
	color: var(--color-blue);
	position: absolute;
	top: 0;
	left: 23px;
	transform: translate(0, calc(-50% - 3px));
}

.main__form__contacts__field input {
    width: 100%;
    height: 100%;
	box-sizing: border-box;
	padding: 0 38px;
    border: 0;
    background: transparent;
    font-size: 19px;
    font-weight: 500;
    color: var(--color-blue);
}

.main__form__contacts__field input::-webkit-input-placeholder {
	color: var(--color-blue);
}
.main__form__contacts__field input::-moz-placeholder {
	color: var(--color-blue);
}
.main__form__contacts__field input:-ms-input-placeholder {
	color: var(--color-blue);
}

.main__form__contacts__field.error {
	border-color: var(--color-red); 
}
.main__form__contacts__field.error .main__form__contacts__field__label {
	color: var(--color-red);
}

.main__form__contacts__field.error input::-webkit-input-placeholder {
	color: var(--color-red);
}
.main__form__contacts__field.error input::-moz-placeholder {
	color: var(--color-red);
}
.main__form__contacts__field.error input:-ms-input-placeholder {
	color: var(--color-red);
}

.main__form__contacts__buttons {
	margin: 47px 0 0;
}

.main__form__contacts__buttons .btn {
	width: 100%;
}

.main__form__contacts__info {
	margin: 36px 0 0; 
	color: var(--color-blue-faded);
}

.main__form__contacts__info a {
	text-decoration: underline;
	color: inherit;
}

.main__form__contacts__info a:hover {
	text-decoration: none;
}

.main__form__bottom {
	display: flex;
	justify-content: space-between;
	height: 68px;
	margin: 7px -68px 0;
}

.main__form__arrow {
	display: block;
	width: 68px;
	height: 68px;
	background: var(--color-orange);
	border: 0;
	position: relative;
}

.main__form__arrow.next:before, 
.main__form__arrow.prev:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	-webkit-mask: url(../images/arrow.svg) center no-repeat; 
	mask: url(../images/arrow.svg) center no-repeat; 
	-webkit-mask-size: contain; 
	mask-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
}

.main__form__arrow.next:before {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.main__form__arrow.prev:before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.main__form__arrow.inactive {
	visibility: hidden;
}

/* Popup */

.popup {
	display: none;
	padding: 30px;
}

.dz-popup {
	width: 554px;
	border-radius: 30px;
	display: none;
	padding: 0px;
}

.dz-field {
	margin-bottom: 35px;
}

.dz-form {
	margin-bottom: 70px;
}

.fancybox-bg {
	background-color: rgba(255, 255, 255, .8);
}

.dz-close > svg {
	display: none;
}

.dz-form-label {
	font-size: 82px;
	top: 45%;
}

/* slider style */
.dz-sliderContent {
	padding-top: 174px;
	padding-bottom: 150px;
	position: relative;
}

.dz-sliderContent__head {
	margin-bottom: 87px;
}

.dz-sliderContent__block {
	position: absolute;
	top: 190px;
	right: 0;
}

.dz-sliderContent__head_p {
	margin: 0;
	margin-top: 44px;
	color: #1c2f35;
	font-family: "Montserrat";
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.24px;
}

.dz-sliderContent__head_h1 {
	color: #081216;
	font-family: "Montserrat";
	font-size: 48px;
	font-weight: 700;
	margin: 0;
}

.dz-sliderPrev {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	border: 3px solid #ff8136;
	position: relative;
	margin-right: 30px;
}

.dz-sliderPrev:hover {
	background-color: #ff8136;
} 

.dz-sliderPrev:hover:before {
	background: #fff;
}

.dz-sliderPrev:before {
	content: '';
	display: block;
	width: 20px;
	height: 30px;
	background: #ff8136;
	-webkit-mask: url(../images/back.svg) center no-repeat;
	mask: url(../images/back.svg) center no-repeat;
	mask-size: auto;
	-webkit-mask-size: contain;
	mask-size: contain;
	position: absolute;
}

.dz-sliderNext {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	border: 3px solid #ff8136;
	position: relative;
}

.dz-sliderNext:before {
	content: '';
	display: block;
	width: 20px;
	height: 30px;
	background: #ff8136;
	-webkit-mask: url(../images/next.svg) center no-repeat;
	mask: url(../images/next.svg) center no-repeat;
	mask-size: auto;
	-webkit-mask-size: contain;
	mask-size: contain;
	position: absolute;
}

.dz-sliderNext:hover {
	background-color: #ff8136;
} 

.dz-sliderNext:hover:before {
	background: #fff;
}

.dz-sliderContent__body_slider_content_card_title {
	margin-bottom: 0px;
	color: #1c2f35;
	font-family: "Montserrat";
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.28px;
}

.dz-sliderContent__body_slider_content_card_mail {
	display: block;
	color: #1c2f35;
	font-family: "Montserrat";
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.21px;
}

.dz-sliderContent__body_slider_content_card_phone {
	display: block;
	color: #1c2f35;
	font-family: "Montserrat";
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.21px;
}

/* footer */
.dz-footerContent {
	background-color: #021c22;
	height: 305px;
	position: relative;
	overflow: visible;
}

.dz-footer {
	width: 75%;
	display: flex;
	margin-top: 108px;
	align-items: flex-start;
	justify-content: space-between;
}

.dz-footer__social_text {
	display: block;
	margin-top: 32px;
	/* Text style */
	color: #ffffff;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 400;
}

.dz-footer__location_phone, .dz-footer__location_city {
	display: flex;
	align-items: baseline;
	margin-bottom: 35px;
}

.dz-footer__location_city {
	align-items: flex-start;
}

.dz-footer__location_phone_text, .dz-footer__location_city_text {
	margin-left: 7px;
	color: #efe5e5;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 400;
}

.dz-footer__video_text, .dz-footer__video_success {
	display: block;
	color: #ffffff;
	font-family: "Montserrat";
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	letter-spacing: 0.7px;
}

.dz-footer__video_text {
	margin-bottom: 25px;
}

.dz-footer__free_anchor {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 302px;
	height: 76px;
	border-radius: 38px;
	border: 2px solid #ff8136;
	/* Text style */
	color: #ffffff;
	font-family: "Montserrat";
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.12px;
}

.dz-footer__image {
	position: absolute;
	right: -82px;
	bottom: -187px;
}

.dz-footer__social, .dz-footer__location, .dz-footer__location, .dz-footer__video, .dz-footer__free {
	position: relative;
	top: 108px;
}

/* Responsive */

@media (max-width: 1700px) {
	/* Global */
	h1.title {
    	font-size: 46px;
	}
	h2.title {
    	font-size: 34px;
	} 
	.btn {
    	height: 65px;
    	padding: 0 36px;
    	line-height: 65px;
	}
	.btn__play {
    	width: 65px;
    	height: 65px;
	}
	.btn__play:before {
    	width: 24px;
    	height: 24px;
	}
	.btn.btn_video {
    	padding-right: 105px;
	}
	/* Header */
	.header {
    	height: 100px;
	}
	.header__logo {
    	width: 200px;
    	height: 58px;
	}
	/* Main */
	.main {
    	padding: 150px 0 50px;
    }
	.main__info__text {
	    max-width: 460px;
	    margin: 0 0 50px;
    	font-size: 20px;
	}
	.main__info__buttons .btn + .btn {
    	margin-top: 20px;
	}
	.main__form {
    	padding: 40px 68px 0;
	}
	.main__form__step__item + .main__form__step__item {
    	margin-top: 20px;
	}
	.main__form__step__label {
    	margin: 0 0 12px;
    	font-size: 16px;
    }
    .main__form__step__instruction {
    	margin: 0 0 15px;
    	font-size: 16px;
	}
    .main__form__step__choice__btn {
    	height: 40px;
    	font-size: 15px;
	}
	.main__form__label {
    	font-size: 70px;
	}
	.main__form__contacts__buttons {
    	margin: 30px 0 0;
	}
	.main__form__contacts__info {
    	margin: 30px 0 0;
    	font-size: 12px;
	}
}

@media (max-width: 1500px) {
	/* Main */
	.main:before {
    	width: 190px;
    	left: -40px;
	}
}

@media (max-width: 1400px) {
	/* Global */
	h1.title {
    	font-size: 42px;
	}
	h2.title {
    	font-size: 32px;
	}
	/* Header */
	.header {
    	height: 84px;
	}
	.header__logo {
    	width: 185px;
    	height: 55px;
	}
	.header__phone {
    	font-size: 22px;
	}
	.header__socials {
    	padding: 0 45px 0 0;
    	margin: 0 45px 0 0;
	}
	.header__socials a + a {
    	margin-left: 24px;
	}
	/* Main */
	.main {
    	padding: 120px 0 40px;
	}
	.main:before {
		display: none;
	}
	.main__form__step__head h2.title {
    	margin: 0 0 15px;
	}
	.main__info__text {
    	max-width: 420px;
    	margin: 0 0 40px;
    	font-size: 18px;
	}
}

@media (max-width: 1200px) {
	/* Header */
	.header {
    	height: 85px;
	}
	.header__logo {
    	width: 175px;
    	height: 50px;
	}
	.header__socials {
    	padding: 0 40px 0 0;
    	margin: 0 40px 0 0;
	}
	.header__phone {
    	font-size: 25px;
	}
	/* Main */
	.main__form {
    	padding: 30px 60px 0;
	}
	.main__form__bottom {
   		height: 60px;
    	margin: 7px -60px 0;
	}
	.main__form__arrow {
    	width: 60px;
    	height: 60px;
	}
	.main__form__lines {
    	width: 74px;
    	height: 74px;
	}
	.main__form__lines:before, .main__form__lines:after, .main__form__lines span {
    	height: 14px;
	}
}


@media (max-width: 1100px) {
	/* Global */
	h1.title {
    	line-height: 1.2;
    	font-size: 40px;
	}
	h2.title {
    	font-size: 32px;
	}
	/* Header */
	
	/* Main */
	.main__form__step__head h2.title {
    	margin: 0 0 10px;
	}
	.dz-sliderContent__body_slider_content_card > img {
		width: 300px;
	}
	.dz-footer__free_anchor {
		width: fit-content;
		height: 45px;
		padding: 0 30px;
	}
}

@media (max-width: 950px) {
	.main__right, .main__left {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.main__right {
    	margin-left: 0;
    	margin-top: 50px;
	}
}	

@media (max-width: 850px) {
	/* Header */
	.header {
    	height: 75px;
	}
	.header__phone {
    	font-size: 20px;
	}
	.header__socials .header__socials_yt {
    	width: 26px;
    	height: 26px;
	}
	.header__socials .header__socials_in {
    	width: 23px;
    	height: 23px;
	}
	.header__socials .header__socials_fb {
    	width: 22px;
    	height: 22px;
	}
	.header__socials .header__socials_wp {
    	width: 22px;
    	height: 22px;
	}
	.header__logo {
    	width: 165px;
    	height: 50px;
	}
	/* Main */
	.main {
    	padding: 75px 0 40px;
	}
}

@media (max-width: 700px) {
	/* Global */
	.wrap.wrap_long {
    	padding: 0 15px;
	}
	/* Header */
	.header__socials {
    	padding: 0 35px 0 0;
    	margin: 0 35px 0 0;
	}
	.header__socials a + a {
    	margin-left: 15px;
	}
	.header__phone {
    	font-size: 18px;
	}
}

@media (max-width: 620px) {
	/* Header */
	.header__socials {
		display: none;
	}
}

@media (max-width: 500px) {
	.immmg {
		position: relative;
		right: -8px;
		}
	.dz-footer__location_phone{
		max-width: 172px;
	}
	.header__dropdown_drop {
		width: 205px;
		padding-bottom: 20px;
	}
	.header__dropdown_drop_list_li_a {
		font-size: 15px;
	}
	.header__dropdown_btn_anchor_city::before {
		content: '';
	}
	/* Global */
	h1.title {
    	font-size: 35px;
	}
	h2.title {
    	font-size: 28px;
	}
	.btn {
    	height: 55px;
   		padding: 0 30px;
    	line-height: 55px;
    	font-size: 14px;
	}
	.btn.btn_video {
    	padding-right: 80px;
	}
	.btn__play {
    	width: 55px;
    	height: 55px;
	}
	.btn__mobil-hide {
		display: none;
	}
	/* Main */
	.main__form {
    	padding: 30px 30px 0;
	}
	.main__form__lines, .main__form__label {
		display: none;
	}
	.main__info__text {
    	max-width: 360px;
    	margin: 0 0 30px;
    	font-size: 16px;
	}
	.main__form__bottom {
    	margin: 7px -30px 0;
	}
	.main__info__buttons .btn + .btn {
    	margin-top: 15px;
	}
	.main__form__step__label {
    	margin: 0 0 10px;
    	font-size: 14px;
	}
	.main__form__step__col_2 {
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	/* Header */
	.header__logo {
		width: 148px;
		height: 40px;
	}
	.header__right {
		flex-direction: column;
		justify-content: center;
	}
	.header__dropdown_btn_anchor_city, .header__phone {
		font-size: 15px;
	}
	.header__dropdown {
		margin-right: 0px;
	}
	.popup > iframe {
		width: 350px;
		height: 270px;
	}
	.dz-sliderContent__head_h1 {
		font-size: 26px;
	}
	.dz-sliderContent__block {
		top: 55px;
		right: 5px;
	}
	.dz-sliderPrev, .dz-sliderNext {
		width: 40px;
		height: 40px;
	}
	.dz-sliderPrev {
		margin-right: 10px;
	}
	.dz-sliderContent__head_p {
		font-size: 15px;
	}
	.dz-sliderContent {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.dz-footer__social_site {
		display: flex;
		padding: 0px;
		margin: 0px;
	}
	.dz-slider__social {
		display: flex;
		margin: 0;
		padding: 0;
	}
	.dz-footer {
		width: 100%;
		flex-direction: column;
	}
	.dz-footerContent {
		height: 600px;
	}
	.dz-footer__image {
		display: none;
	}
	.dz-footer__social, .dz-footer__location, .dz-footer__location, .dz-footer__video, .dz-footer__free {
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
		width: 100%;
	}
	.dz-footer__free {
		margin-top: 30px;
	}
	.dz-sliderContent__body_slider_content_card {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}


@media (max-width: 400px) {
	/* Global */
	h1.title {
    	font-size: 30px;
	}
	h2.title {
    	font-size: 24px;
	}
	/* Header */
	.dz-sliderContent__body_slider_content_card_title {
		font-size: 25px;
	}
	.header {
    	height: 60px;
	}
	.dz-sliderContent__head_h1 {
		font-size: 24px;
	}
	.header__logo {
    	width: 120px;
    	height: 35px;
	}
	.header__phone {
    	font-size: 16px;
	}
	.dz-sliderPrev {
		margin-right: 10px;
	}
	.dz-sliderPrev, .dz-sliderNext {
		width: 30px;
		height: 30px;
	}
	.dz-slider__social {
		display: flex;
	}
	.dz-sliderContent__head_p {
		line-height: 25px;
		font-size: 12px;
	}
	/* Main */
	.main__info__text {
    	max-width: 320px;
    	margin: 0 0 30px;
    	font-size: 14px;
	}
	.main__form {
    	padding: 15px 10px 0;
	}
	.main__form__bottom {
    	margin: 7px -15px 0;
	}
}

@media (max-width: 330px) {
	.dz-sliderContent__head_p {
		font-size: 11px;
	}
	.dz-sliderContent__head_h1 {
		font-size: 20px;
	}
	.dz-sliderContent__body_slider_content_card_title {
		font-size: 21px;
	}
	.dz-sliderContent__body_slider_content_card_mail {
		font-size: 18px;
	}
}
#popup_dz .fancybox-close-small > svg {
	color: #fff;
}