@charset "UTF-8";

@font-face {
    font-family: "Qanelas";
    font-display: swap;
    src: url("../fonts/Qanelas-Regular.woff") format("woff"), url("../fonts/Qanelas-Regular.woff2") format("woff2");

    font-style: normal;
}


@font-face {
    font-family: "Qanelas-Light";
    font-display: swap;
    src: url("../fonts/Qanelas-Light.woff") format("woff"), url("../fonts/Qanelas-Light.woff2") format("woff2");

    font-style: normal;
}

@font-face {
    font-family: "Qanelas-Medium";
    font-display: swap;
    src: url("../fonts/Qanelas-Medium.woff") format("woff"), url("../fonts/Qanelas-Medium.woff2") format("woff2");

    font-style: normal;
}

@font-face {
    font-family: "Qanelas";
    font-display: swap;
    src: url("../fonts/Qanelas-SemiBold.ttf") format("truetype"), url("../fonts/Qanelas-SemiBold.woff") format("woff");
	font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    src: url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    src: url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: "Qanelas-Medium";
    font-display: swap;
    src: url("../fonts/Qanelas-Medium.woff") format("woff"), url("../fonts/Qanelas-Medium.woff2") format("woff2");

    font-style: normal;
}

@font-face {
    font-family: "Qanelas-Regular";
    font-display: swap;
    src: url("../fonts/Qanelas-Regular.woff") format("woff"), url("../fonts/Qanelas-Regular.woff2") format("woff2");

    font-style: normal;
}



/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@-ms-viewport {
    width: device-width;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html,
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

a:hover {
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

html {
    font-size: 10px;
    height: 100%;
}

body {
    font-family: "Roboto";
    font-weight: normal;
    color: #000000;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    line-height: 100%;
    height: 100%;
    min-width: 360px;
}

a,
input,
button {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

* {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

.button {
    color: #62C9DD;
    border: 1px solid #62C9DD;
    border-radius: 5em;
    padding: 1.00rem 1.4rem;
    font-size: 1.5rem;
    line-height: 100%;
    text-decoration: none;
    display: inline-block;
}

.button:hover {
    opacity: 0.8;
}

.button-default {
    background-color: #00ceff;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 5px;
    border: none;
    font-weight: 500;
    color: #fff;
    padding: 1.5rem;
    cursor: pointer;
    text-decoration: none;
}

.button-default:hover {
    background-color: #00b6e7;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */

.slick-loading .slick-list {
    background: #fff url("/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */

@font-face {
    font-family: "slick";
    src: url("../fonts/slick.eot");
    src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

.header {
    background-color: #002A40;
    padding: 3px 0 14px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
}

.header.home-page,
.header.register-page{
    background-color: transparent;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
}

.header.home-page .header__town {
    color:#fff;
    text-decoration:none;
    background-image: url("/images/icons/header/galka_town.svg");
    cursor: pointer;
    -webkit-transition: background-image, color 0s ease-in-out;
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.header.home-page .header__town:hover {
    color: #00CEFF;
    background-image: url("/images/icons/header/galka_town_hover.svg");
}

.header.home-page .header__order {
    margin-right: 3rem;
    margin-left: 1rem;
    /*padding-top: 1px;*/
}

.header__logo {
	/*margin-top: 5px;*/
}

.header.sticky {
    background-color: #002A40;
    position: fixed !important;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    left: 0;
    right: 0;
    padding: 7px 0;
    top: 0;
}

.header.sticky .headerAfter {
    display: block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.header__town {
    color: #8ec9eb;
    font-size: 1.5rem;
    background-image: url("/images/icons/arrow-down-blue.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2.2rem;
}
.header.register-page.sticky .header__town {
    color:#fff;
    text-decoration:none;
    background-image: url("/images/icons/header/galka_town.svg");
    cursor: pointer;
    -webkit-transition: background-image, color 0s ease-in-out;
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.header.register-page.sticky .header__town:hover {
    color: #00CEFF;
    background-image: url("/images/icons/header/galka_town_hover.svg");
}
/* .header.register-page sticky .header__town:hover { color: #8ec9eb!important;}
 */
.header__middle {
/*
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
*/
	display: none;
}

.header__search {
	width: 100%;
    margin-right:0.8rem;
    display: none;
    margin-left: 1.7rem;
}

.sticky .header__search{
	display: block;
}
.sticky .header__middle{
	display: block;
	/*margin-right: 1.2rem;*/
/* 	margin-top: 2px; */
}

.header__search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.header__search-input {
    color: #828282;
    font-size: 1.5rem;
    padding: 1.1rem;
    background-color: #fff;
    border: 0;
    width: 100%;
}

.header__search-input::-webkit-input-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.header__search-input::-moz-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.header__search-input:-ms-input-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.header__search-input::-ms-input-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.header__search-input::placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.header__search-choose {
    position: absolute;
   /*  top: 8px; */
    right: 5.3rem;
    width: 32px;
    height: 32px;
    display: block;
    /*background-image: url("/images/icons/search-choose.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-image: url("/images/icons/nastroyka.svg?1");
}

.header__search-choose:hover {
	background-image: url("/images/icons/nastroyka_hover.svg?1");
	}

.header__search-btn {
    background-image: url("/images/icons/search.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    min-width: 47px;
    height: 40px;
    border: 0;
    background-color: #02CEFF;
    padding: 0;
    text-indent: -160px;
    overflow: hidden;
    cursor: pointer;
}

.header__search-btn:hover {
    background-color:#00B7EE;
}

.header__order {
    border-color: #FF5200;
    color: #fff;
    background-image: url("/images/icons/fire.svg");
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    padding-left: 4.5rem;
    opacity: 1;
    line-height: 3.5rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 3rem;
    /*padding-top: 1px;*/
    background-size: 20%;
}

.header__order:hover {
    opacity: 1;
    color: #FF5200;
	background-color: #fff;
	border-color: #fff;
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; padding-right:11px;
    /*margin-top: 5px;*/
}

.header__buttons a {
    font-size:13px;
}
.header__buttons .button{
	line-height: 3.5rem;
	padding-top: 0;
	padding-bottom: 0;
}

.header__buttons .header__bepro.button {margin-left:13px;   background-color: rgba(3, 3, 3, 0);}

.header__buttons a:hover {
	opacity: 1
}

.header__wishlist {
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icons/header/izbrannoe.svg);
    background-repeat: no-repeat;
    width: 21px;
    height: 22px;
    -webkit-transition: none!important;
}

.header__wishlist:hover{
	background-image: url(../images/icons/header/izbrannoe_hover.svg);
}

.header__wishlist img {
    min-width: 20px;
}

.header__login {
    border-color: #fff;
    color: #e0e2e1;
    margin-left: 1rem;
    padding: 1.00rem 1.7rem;
}

.header__login:hover{
	color: #62C9DD;
	box-shadow: 0 0 0 1px #fff;
}

.header__bepro {
    background-image: url("/images/icons/plus-blue.svg");
    background-repeat: no-repeat;
    background-position: 1.35rem center;
    background-color: rgba(3, 3, 3, 0.4);
    padding-left: 3.5rem;
    margin-left: 1rem;
    white-space: nowrap;
    background-size: 12%;
}
.header__bepro:hover{
	color: #fff;
	box-shadow: 0 0 0 1px #62C9DD;
}

.login_header {
	/*margin-top:5px;*/
}
.align-items-center {position:relative}
.localityHeader {
    padding: 2.8rem 4rem 2.8rem;
    border-radius:1rem;
    background-color: #f5f5f5;
    margin: auto;
    position: absolute;
    z-index: 555;
    left: 235px;
    right: a1to;
    width:917px;
    -webkit-transform: translateY(0.5rem) translateX(-15%);
    -ms-transform: translateY(0.5rem) translateX(-15%);
    transform: translateY(0.5rem) translateX(-15%);
    top: 150%;
    display: none;
}

.localityHeader.open {
    display: block;
}

.localityHeader__close {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/images/icons/local-close.png");
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    right: 1.8rem;
}

.localityHeader:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 13px 11px;
    border-color: transparent transparent whitesmoke transparent;
    position: absolute;
    top: -1.2rem;
    left: 6.2%;
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.localityHeader__now {
    color: #303030;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.localityHeader__now-title {
    font-size: 2.1rem;
    line-height: 100%;
    margin-bottom: 2rem;
}

.localityHeader__now-title span {
    color: #00BEF4;
    cursor: pointer;
}
.localityHeader__now-title span:hover{
	border-bottom: 2px solid #00BEF4;
}
.localityHeader__now-subtitle {
    font-size: 1.6rem;
    line-height: 100%;
}

.localityHeader__search-input {
    height: 3.9rem;
    width: 100%;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    color: #818181;
    padding: 0 1.5rem;
    border-radius: 3px;
    font-size: 1.4rem;
    max-width: 55rem;
}
.ui-autocomplete {
	max-height: 267px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 9999;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}
.ui-autocomplete.open{
  margin-top: 2px;
}
.ui-autocomplete::-webkit-scrollbar {
	width: 1em;
}
.ui-autocomplete::-webkit-scrollbar-track {
	background: #f6f6f6;
	box-shadow: -1px 0 3px #000
}

.ui-autocomplete::-webkit-scrollbar-thumb {
	background-color: #74cdfd;
}
.ui-autocomplete-term {
	font-weight: bold;
}
.ui-menu .ui-menu-item{}
.ui-menu .ui-menu-item-wrapper{padding: 0.5rem 1rem 0.5rem 1.5rem;}
.ui-menu .ui-menu-item-wrapper.ui-state-active{
	border: none;
	background: #E9E9E9;
	font-weight: normal;
	color: #000;
	margin: 0
}

.mCSB_inside > .mCSB_container{margin-right: 16px; padding-top: 10px;}
.mCSB_inside .mCSB_scrollTools{border-left: 1px solid #eaeaea}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background: url(/images/arrow-top.svg) no-repeat center bottom / 9px 5px; width: 15px; height: 10px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background: url(/images/arrow-down.svg) no-repeat center top / 9px 5px; width: 15px; height: 10px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #74cdfd; width: 15px; border-radius: 0}
.mCS-light-thick.mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #74cdfd;}


.localityHeader__search-title {
    font-size: 1.6rem;
    line-height: 100%;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    color: #303030;
}

.localityHeader__local {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}

.localityHeader__local-title {
    font-size: 1.4rem;
    color: #303030;
    padding: 1rem 3rem 1rem 3rem;
    border-bottom: 1px solid #dcdcdc;
    background-repeat: no-repeat;
    background-position: 1.2rem center;
    background-image: url("/images/icons/local-arrow.png");
    line-height: 100%;
    display: flex;
    justify-content: space-between
}
.localityHeader__local-title span{
	border-bottom: 1px solid;
	cursor: pointer;
	position: relative;
}
.localityHeader__local-all:after{
	content: "";
	background: url("/images/icons/local-d-arrow.png") no-repeat center center;
	position: absolute;
	width: 1.3rem;
	height: 1.1rem;
	margin-left: 0.9rem;
	margin-top: 0.1rem;
}
.localityHeader__local-title span:hover{
	color: #3fa2d7
}
.localityHeader__local.hidden{display: none}
.localityHeader__local.level-0 .localityHeader__local-title{
	padding-left: 1rem;
	background: none;
}

.localityHeader__local-link.has-next{
	position: relative
}
.localityHeader__local-link.has-next:after{
	content: "";
	position: absolute;
	right: 15px;
	background: url("/images/icons/local-arrow.png") no-repeat center center;
	transform: rotate(180deg);
	width: 14px;
	height: 14px;
	top: 50%;
	margin-top: -7px;

}

.localityHeader__local-lists {
    display: grid;
    grid-template-columns: repeat(4, minmax(195px, 1fr));
}

.localityHeader__local-list {
    padding: 2rem 0rem;
}

.localityHeader__local-list:not(:last-child) {
    border-right: 1px solid #dcdcdc;
}

.localityHeader__local-link {
    display: block;
    color: #000000;
    font-size: 1.5rem;
    line-height: 100%;
    cursor: pointer; padding: 0.5rem 1rem
}

.localityHeader__local-link:hover {background:#E9E9E9}

.localityHeader__local-link:not(:last-child) {
    margin-bottom: 0.5rem;
}

.localityHeader__local-link:hover {
    text-decoration: underline;
    color: #5bbdf2;
}

.headerAfter {
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: -1.5rem;
    display: none;
}

.headerAfter .preheader__search-choose {
    position: absolute;
    top: 1px;
    height: 44px;
}

.headerAfter__search-wrap {
    padding: 1.5rem 1.5rem 1.2rem 1.5rem;
    background-color: #f5f5f5;
}

.headerAfter__page-title-home {
    font-size: 2.5rem !important;
    margin-bottom: 2rem !important;
    display: block !important;
}

.headerAfter__page-title-home:before {
    display: none !important;
}

.headerAfter__page-title-home:after {
    position: relative;
    margin-bottom: -0.9rem !important;
}

.headerAfter__search-input {
    border-top: 1px solid #afaeae !important;
    border-left: 1px solid #afaeae !important;
    border-bottom: 1px solid #afaeae !important;
}

.headerCount {
    border-top: 1px solid #1e6a98;
    background-color: #0f405e;
    padding: 1rem 0;
}

.headerCount__inner {
    max-width: 500px;
    padding: 0 1.5rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.headerCount__item {
    color: #fff;
    font-size: 1.1rem;
    line-height: 100%;
}

.headerCount__item small {
    font-size: 1.35rem;
    padding: 0 0.3rem;
}

.headerCount__item:nth-child(1) .count1,
.headerCount__item:nth-child(1) small {
    color: #81f2ff;
}

.headerCount__item:nth-child(2) .count2,
.headerCount__item:nth-child(2) small {
    color: #bcfec7;
}

.headerCount__item:nth-child(3) .count3,
.headerCount__item:nth-child(3) small {
    color: #f6fcbc;
}

.headerCount__count {
    font-size: 1.88rem;
    font-family: "Qanelas";
    font-weight: 500;
}

.page-title-home {font-weight:600; font-family: "Qanelas-Regular"; font-weight: normal; /*     letter-spacing: 0.2rem; */}

.posUnset {
    position: unset;
}

.over {
	overflow: hidden;
	}

.preheader {
    padding: 11.7rem 0 0.5rem;
    background-image: url("/images/top.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.preheader__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.preheader__inner h1 {
    font-size: 4rem;
    color: #fff;
    text-align: center;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: 3.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    margin-right: 15rem;
    font-family: "Qanelas";
    text-shadow: 0px 1px 2px black;
}

.preheader__search {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   /*  border-radius: 6rem;
    border: 1px dashed rgba(255, 255, 255, 0.3);
     background-color: rgba(0, 0, 0, 0.15); */
    padding: 5rem 2.5rem 9rem;
}

.preheader__search-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 842px;
}

.preheader__search-wrap {
    width: 100%;
    margin-right:3.5rem;
    margin-left:-6px;
}

.preheader__search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.preheader__search-input {
    color: #828282;
    font-size: 1.5rem;
    padding: 1.1rem 1.65rem;
    background-color: #fff;
    border: 0;
    width: 85%;
}

.preheader__search-input::-webkit-input-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.preheader__search-input::-moz-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.preheader__search-input:-ms-input-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.preheader__search-input::-ms-input-placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.preheader__search-input::placeholder {
    color: #828282;
    font-size: 1.5rem;
}

.preheader__search-choose {
    position: absolute;
    transition: all 0s ease-in-out!important;
    top: 0;
    right:11rem;
    width: 2.9rem;
    height: 4.6rem;
    display: block;
    /*background-image: url("/images/icons/search-choose.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-image: url("/images/icons/nastroyka.svg?1");
}
.header__search-choose {top: 4px!important; transition: all 0s ease-in-out!important;}

.preheader__search-choose:hover {
	background-image: url("/images/icons/nastroyka_hover.svg?1");
}

.preheader__search-tooltip{
	position: absolute;
	top: -37px;
	color: #fff;
	background: url(/images/tooltip.svg) no-repeat center center / 100%;
	white-space: nowrap;
	height: 34px;
	width: 144px;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.8rem;
	left: 50%;
	margin-left: -72px;
	display: none
}
.preheader__search-choose:hover .preheader__search-tooltip{
	display: block;
}

.search__form-header{
	width: 39.7rem;
}
.search__form-header .preheader__search-choose{
	height: 4rem;
	right: 4.7rem;
}

.search__form-header .preheader__search-input{
	width: calc(100% - 47px);
}

.preheader__search-btn {
    min-width: 10rem;
    height: 4.6rem;
    border: 0;
    background-color: #02CEFF;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
}

 .preheader__search-btn:hover {
    background-color:#00B7EE!important;
}

.preheader__search-btn-img {
    min-width: 4.7rem;
    height: 4rem;
    border: 0;
    background-color: #00ceff;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    text-indent: -9999px;
    background-image: url(../images/icons/header/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px
}



.preheader__search-btn:hover {
    background-color: #83d9fe;
}

.preheader__example {
    margin: 1rem 0 0 2rem;
    font-size: 1.4rem;
    color: #fff;
    text-shadow: 0px 1px 2px black;
}

.preheader__example a {
    font-style: italic;
    color: #fff;
    text-decoration: none;
}

.preheader__example a:hover {
    text-decoration: underline;
}

.preheader__order {
    border-color: #FF5200;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    background-image: url("/images/icons/fire.svg");
    background-color: rgba(3, 3, 3, 0.4);
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    padding: 1.3rem 1.8rem 1.3rem 5rem;
    white-space: nowrap;
    /* letter-spacing: 1.3px; */
    background-size: 12%;
}

.preheader__order:hover {
    background-color: #fff;
    color: #FF5200;
    border-color: #fff;
    opacity: 1;
}

.preheader__hiw {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: #fff;
    color: #fff;
    font-size: 2rem;
    background-image: url("/images/icons/hiw.svg");
    background-repeat: no-repeat;
    background-position: 1.8rem center;
    font-family: "Qanelas";
    padding-left: 6.3rem;
    margin-top: 3.3rem;
    cursor: pointer;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    width: 251px;
    height: 52px;
    background-size: 13%;
}

.preheader__hiw:hover {
    background-color: #e2781d;
    border-color: #e2781d;
    opacity: 1;
    color:#fff
}

.preheader__store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.4rem;
}

.preheader__store a {
    width: 12.2rem;
    height: 4.3rem;
    margin: 1rem 0.45rem;
    background-color: rgba(0,0,0,.4);
    background-repeat: no-repeat;
    border-radius: 3px;
}

.preheader__store a:hover {
    opacity: 1;
}

.preheader__google {
	width: 12rem!important;
	height: 4.1rem!important;
    background-image: url("/images/icons/Google_market_Headder_final.svg");
    background-size: 12rem 4.1rem;
    transition: none;
}
.preheader__google:hover {
    background-image: url("/images/icons/Google_market_Headder_final_hover.svg");
    background-size: 12rem 4.1rem;
}

.preheader__apple {
	width: 11.4rem!important;
	height: 4.1rem!important;
    background-image: url("/images/icons/app_store_Headder_final.svg");
    background-size: 11.4rem 4.1rem;
    transition: none;
}

.preheader__apple:hover {
    background-image: url("/images/icons/app_store_Headder_final_hover.svg");
    background-size: 11.4rem 4.1rem;
}

.preheader__text {
	color: #a8a7a7;
	font-size: 10px;
	margin-left:57px;
	display: block;
	margin-top: 1px;
	}

.preheader__apple .preheader__text {
	margin-left:57px;
	}

.counter-preheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: -5.5rem;
}

.counter-preheader__item {
    margin: 0 1.4rem;
    width: 111px;
    height: 111px;
   /*  border: 1px solid #fff; */
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    padding-top: 2rem;
    background-image: url("/images/circle-2.svg");
    background-repeat: no-repeat;
    /* background-position: 3px 3px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.counter-preheader__item > span {
    font-size: 1.5rem;
    color: #fff;
    padding-top: 0.7rem;
    font-family: "Qanelas-Light";
}

.counter-preheader__item:nth-child(2) {
    background-image: url("/images/circle-3.svg");
}

.counter-preheader__item:nth-child(2) .cpnum {
    color: #9dcc94;
}

.counter-preheader__item:nth-child(3) {
    background-image: url("/images/circle-1.svg");
}

.counter-preheader__item:nth-child(3) .cpnum {
    color: #f6fcbd;
}

.counter-preheader__number {
    font-size: 2.5rem;
    color: #aaf1fe;
     font-family: "Qanelas";
}
.counter-preheader__number font {font-size:1.7rem;  font-family: "Qanelas-Light";}

.counter-preheader__number span {
    font-size: 1.8rem;
}

.homeIcons {
    margin: 2.5rem 0 4.2rem;
}

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

.homeIcons .slick-next:before,
.homeIcons .slick-prev:before {
    color: #707070;
}

.homeIcons__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 11rem;
    height: 11rem;
    border: 1px solid transparent;
    text-decoration: none;
    border-radius: 100%;
    color: #6b7276;
    margin: auto;
}

/* .homeIcons__item.se5 a {
    color: #414141;
    border-color: #0fd2ff!important;
    } */

   .homeIcons__item a:hover {
    color: #414141;
    border-color: #0fd2ff;
}

.homeIcons__item a .image01-hover {
    background-image: url("/images/icons/01_hover.svg");
}

.homeIcons__item a:hover .image02-hover {
    background-image: url("/images/icons/02_hover.svg");
}

.homeIcons__item a:hover .image03-hover {
    background-image: url("/images/icons/03_hover.svg");
}

.homeIcons__item a:hover .image04-hover {
    background-image: url("/images/icons/04_hover.svg");
}

.homeIcons__item a:hover .image05-hover {
    background-image: url("/images/icons/05_hover.svg");

}

.homeIcons__item a:hover .image06-hover {
    background-image: url("/images/icons/06_hover.svg");
}

.homeIcons__item a:hover .image07-hover {
    background-image: url("/images/icons/07_hover.svg");
}

.homeIcons__link-text {
    padding: 0.5rem 0;
    background-color: #fff;
    font-size: 1.7rem;
    white-space: nowrap;
}

.homeIcons__image {
    width: 4.5rem;
    height: 4.1rem;
    background-image: url("/images/icons/01.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 0.8rem;
}

.homeIcons__image02 {
    background-image: url("/images/icons/02.svg");
}

.homeIcons__image03 {
    background-image: url("/images/icons/03.svg");
}

.homeIcons__image04 {
    background-image: url("/images/icons/04.svg");
}

.homeIcons__image05 {
    background-image: url("/images/icons/05.svg");
}

.homeIcons__image06 {
    background-image: url("/images/icons/06.svg");
}

.homeIcons__image07 {
    background-image: url("/images/icons/07.svg");
}

.homeIcons__select .bootstrap-select > .dropdown-toggle{
	background: #74cdfd;
	border: 1px solid #74cdfd;
	height: 3.9rem;
	line-height: 3.9rem;
	border-radius: 0.2rem;
	padding: 0 1.7rem 0 0;
}

.homeIcons__select .bootstrap-select .dropdown-toggle::after {
	border: none;
	background: url("/images/icons/arrow-down-white.svg") no-repeat center center;
	width: 2rem;
	height: 1.2rem;
}



.homeIcons__select .homeIcons__item {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.homeIcons__select .homeIcons__item .homeIcons__image {
	width: 2.6rem;
	height: 2.6rem;
	background-size: contain;
	margin-bottom: 0;
	margin-left: 2.2rem;
	margin-right: 2.1rem;
}

.homeIcons__select .homeIcons__item .homeIcons__link-text {
	background: none;
	color: #fff;
	text-decoration: none;
	padding: 0;
}

.homeIcons__select .bootstrap-select div.dropdown-menu {
	padding: 10px 0;
	background-color: #e8f2f3;
	border: 1px solid #74cdfd;
	border-top: none;
	border-radius: 0.2rem;
	margin-top: -1px;
}
.homeIcons__select .bootstrap-select ul.dropdown-menu{background: none}

.homeIcons__select .bootstrap-select .dropdown-menu li .dropdown-item {
	padding: 0.3rem 0;
}

.homeIcons__select .bootstrap-select .dropdown-menu li .dropdown-item:hover {
	background: #d9e9eb
}

.homeIcons__select .bootstrap-select .dropdown-menu li a {
	background-color: none;
	padding: 0;
}
.homeIcons__select .bootstrap-select .dropdown-menu li a.active{
	background: none;
}
.homeIcons__select .dropdown-menu li .homeIcons__item .homeIcons__link-text {
	color: #6b7276;
}

/* .slick-list.draggable {margin-left:6px} */
.page-title-home {
    font-size: 4rem;
    line-height: 100%;
    color: #201f1f;    letter-spacing:1px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 7.7rem;
    position: relative;
    padding-left: 1.5rem;
}

.page-title-home:before {
    content: "";
    display: block;
    width: 9rem;
    height: .1rem;
    background-color: #cbd0d1;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -3rem;
}



.page-title-home span {
    color: #0ED2FF;
    cursor: pointer;
   /*  border-bottom: 1px solid #0ED2FF; */
}
.page-title-home span:hover{
	border-bottom: 1px solid #0ED2FF;
}

.page-title-home span:after {
    content: "";
    display: inline-block;
    width: 2.4rem;
	height: 3.3rem;
    background-image: url("/images/icons/location-blue.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 0.9rem;
}

.leftMenu__inner{
	padding-right: 0;
}

.leftMenu {
    border: 1px solid #dfdfdf;
    margin-bottom: 0.5em;
}

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

.leftMenu ul a {
    color: #000000;
    display: contents;
    font-size: 1.5rem;
}

.leftMenu__submenu-wrapper {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
/*     background-color: #284867; */
}

body:not(.mobile) .leftMenu__submenu-wrapper li:hover .submenuLeftLevel,
.leftMenu__submenu-wrapper li.hover .submenuLeftLevel {
    display: grid;
}

.leftMenu .submenuLeftLevel {
    display: none;
    grid-template-columns: repeat(3, minmax(18.5rem, 1fr));
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #f6f6f6;
    border: 2px solid #b8defa;
    height:319px;
}

body:not(.mobile) .leftMenu .levelTop__el:hover .leftMenu__submenu a, .leftMenu .levelTop__el.hover .leftMenu__submenu a {/* text-decoration:underline */}
body:not(.mobile) .leftMenu .levelTop__el:hover span, .leftMenu .levelTop__el.hover span {text-decoration:none}
.leftMenu .submenuLeftLevel__column {
    padding: 1.2rem;
}
.leftMenu__submenu li a font,
.submenuLeftLevel__column ul li a font {/*text-decoration:underline*/}

.leftMenu .submenuLeftLevel__column:nth-child(1) {
    padding-left: 2rem;
}

.leftMenu .submenuLeftLevel__column:not(:last-child) {
    border-right: 1px solid #b8defa;
}

.leftMenu .submenuLeftLevel__column ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.leftMenu .submenuLeftLevel__column ul li:not(:last-child) {
    margin-bottom: 0.6rem;
}

body:not(.mobile) .leftMenu .submenuLeftLevel__column ul li:hover a.linkbtn,
.leftMenu .submenuLeftLevel__column ul li.hover a.linkbtn {
    color: #649dfb!important;
}

body:not(.mobile) .leftMenu .submenuLeftLevel__column ul li:hover span.subcatcount,
.leftMenu .submenuLeftLevel__column ul li.hover span.subcatcount {
    border-color: #649dfb;
}

.leftMenu .submenuLeftLevel__column ul li a.linkbtn {
    color: #1d1c1c!important;
    font-size: 1.5rem;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.leftMenu .submenuLeftLevel__column ul li span.subcatcount {
    margin-left: 0.5rem;
    border-color: #a8a8a8;
    color: #7d7d7d;
    background-color: #fff!important;
    text-decoration: none
}

.leftMenu .submenuLeftLevel__alllink {
    color: #518ffc !important;
    font-size: 1.4rem;
    margin-top: 2.2rem;
    display: block;
    text-align: right;
	text-decoration: none;
}

body:not(.mobile) .leftMenu .submenuLeftLevel__alllink:hover,
.leftMenu .submenuLeftLevel__alllink.hover {
    text-decoration: underline;
}

.leftMenu__submenu {
    min-width: 17.2rem;
    background: #284867;  height:319px;
}

.leftMenu__submenu li:hover a .subcatcount {background-color: #eee!important; color: #284867!important; }

.leftMenu__submenu > li {
    padding: 0.7rem 1rem 0.7rem 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* position: relative; */
    min-height: 6.2rem
}

body:not(.mobile) .leftMenu__submenu > li:hover,
.leftMenu__submenu > li.hover {
    background-color: #b9defb;
}

body:not(.mobile) .leftMenu__submenu > li:hover > a.submenu-link,
.leftMenu__submenu > li.hover > a.submenu-link {
    color: #3c497a!important;
}

body:not(.mobile) .leftMenu__submenu > li:hover > span.subcatcount,
.leftMenu__submenu > li.hover > span.subcatcount {
    background-color: #dae9f4;
    color: #2b3e52;
    border-color: #88a7c9;
    border-radius: 1.5rem;
    padding: .5rem 1rem;
}

body:not(.mobile) .leftMenu__submenu > li:hover:before,
.leftMenu__submenu > li.hover:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 3.15rem 0 3.15rem 10px;
    border-color: transparent transparent transparent #284867;
    border-style: solid;
    position: absolute;
    left: 1.6rem;
}

body:not(.mobile) .leftMenu__submenu > li:hover:after,
.leftMenu__submenu > li.hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 3.15rem 0 3.15rem 16px;
    border-color: transparent transparent transparent #b9defb;
    border-style: solid;
    position: absolute;
    right: -16px;
}

.leftMenu .levelTop__el {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6.3rem;
    position: relative;
}

.leftMenu .levelTop__el:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
}

.leftMenu .levelTop__el > a {
    font-weight: 500;
    text-decoration: none;
    display: flex;
	height: 100%;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	padding: 0.7rem 0 0.7rem 6.8rem;
	min-height: 6.2rem;
	background-repeat: no-repeat;
    background-position: 6px center;
}

body:not(.mobile) .leftMenu .levelTop__el:hover,
.leftMenu .levelTop__el.hover {
    background-color: #294867;
}

body:not(.mobile) .leftMenu .levelTop__el:hover a,
.leftMenu .levelTop__el.hover a {
    color: #fff;
}

body:not(.mobile) .leftMenu .levelTop__el:hover .leftMenu__submenu a,
.leftMenu .levelTop__el.hover .leftMenu__submenu a {
    color: #d4f5fc;
}

body:not(.mobile) .leftMenu .levelTop__el:hover span,
.leftMenu .levelTop__el.hover span {
    background-color: #32577f;
    color: #fff;
    border-color: #4b84cc;
}

body:not(.mobile) .leftMenu .levelTop__el:hover .submenu-wrapper,
.leftMenu .levelTop__el.hover .submenu-wrapper {
    display: block;
    padding-left: 1.6rem;
}
.leftMenu .levelTop__el .submenu-wrapper::before {
    content: "";
    width: 1.6rem;
    height: 6.2rem;
    background: #284867;
    display: inline-block;
    position: absolute;
    left: 0;
}

.leftMenu .levelTop__el1 > a {
    background-image: url("/images/menu/01_left_icon.svg");
    background-size: auto 3.5rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el1:hover > a,
.leftMenu .levelTop__el1.hover > a {
    background-image: url("/images/menu/01_left_icon_over.svg");
}

.leftMenu .levelTop__el2 > a {
    background-image: url("/images/menu/02_left_icon.svg");
    background-size: auto 4.6rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el2:hover > a,
.leftMenu .levelTop__el2.hover > a {
    background-image: url("/images/menu/02_left_icon_over.svg");
}

.leftMenu .levelTop__el3 > a {
    background-image: url("/images/menu/03_left_icon.svg");
    background-size: auto 4.3rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el3:hover > a,
.leftMenu .levelTop__el3.hover > a {
    background-image: url("/images/menu/03_left_icon_over.svg");
}

.leftMenu .levelTop__el4 > a {
    background-image: url("/images/menu/04_left_icon.svg");
    background-size: auto 4rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el4:hover > a,
.leftMenu .levelTop__el4.hover > a {
    background-image: url("/images/menu/04_left_icon_over.svg");
}

.leftMenu .levelTop__el5 > a {
    background-image: url("/images/menu/05_left_icon.svg");
    background-size: auto 4.4rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el5:hover > a,
.leftMenu .levelTop__el5.hover > a {
    background-image: url("/images/menu/05_left_icon_over.svg");
}

.leftMenu .levelTop__el6 > a {
    background-image: url("/images/menu/06_left_icon.svg");
    background-size: auto 3.3rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el6:hover > a,
.leftMenu .levelTop__el6.hover > a {
    background-image: url("/images/menu/06_left_icon_over.svg");
}

.leftMenu .levelTop__el7 > a {
    background-image: url("/images/menu/07_left_icon.svg");
    background-size: auto 3.4rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el7:hover > a,
.leftMenu .levelTop__el7.hover > a {
    background-image: url("/images/menu/07_left_icon_over.svg");
}

.leftMenu .levelTop__el8 > a {
    background-image: url("/images/menu/08_left_icon.svg");
    background-size: auto 4.2rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el8:hover > a,
.leftMenu .levelTop__el9:hover > a {
    background-image: url("/images/menu/08_left_icon_over.svg");
}

.leftMenu .levelTop__el9 > a {
    background-image: url("/images/menu/09_left_icon.svg");
    background-size: auto 4.2rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el9:hover > a,
.leftMenu .levelTop__el9.hover > a {
    background-image: url("/images/menu/09_left_icon_over.svg");
}

.leftMenu .levelTop__el10 > a {
    background-image: url("/images/menu/10_left_icon.svg");
    background-size: auto 4.3rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el10:hover > a,
.leftMenu .levelTop__el10.hover > a {
    background-image: url("/images/menu/10_left_icon_over.svg");
}

.leftMenu .levelTop__el11 > a {
    background-image: url("/images/menu/11_left_icon.svg");
    background-size: auto 5.4rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el11:hover > a,
.leftMenu .levelTop__el11.hover > a {
    background-image: url("/images/menu/11_left_icon_over.svg");
}

.leftMenu .levelTop__el12 > a {
    background-image: url("/images/menu/12_left_icon.svg");
    background-size: auto 4.2rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el12:hover > a,
.leftMenu .levelTop__el12.hover > a {
    background-image: url("/images/menu/12_left_icon_over.svg");
}

.leftMenu .levelTop__el13 > a {
    background-image: url("/images/menu/13_left_icon.svg");
    background-size: auto 5.1rem;
    -webkit-transition: background-image 0s ease-in-out;
}

body:not(.mobile) .leftMenu .levelTop__el13:hover > a,
.leftMenu .levelTop__el13.hover > a {
    background-image: url("/images/menu/13_left_icon_over.svg");
}

.leftMenu__catcount,
.leftMenu .subcatcount {
    color: #717171;
    font-size: 1.5rem;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    padding: 0.3rem 1rem;
    text-decoration: none
}


.header.home-page.sticky .header__buttons .button {}

.homeSlider {
    margin-bottom: 1.6rem;
    margin-top:1px
}

.homeSlider__main {
    margin-bottom: 0.8rem;
}

.homeSlider__nav {
    margin: 0 -0.4rem;
}

.homeSlider__item-nav {
    margin: 0 0.4rem;
}

.needProfi {
    background-image: url("/images/needprofi-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 2.9rem;
    background-size: cover;
    margin-bottom: 2.6rem;
    height: 395px;
}

.needProfi__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.needProfi__box {
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 1.8rem 2.9rem 2.2rem 3.3rem;
    text-align: center;
    margin: 1.1rem;
}

.needProfi__title {
    font-size: 6.2rem;
    color: #ffffff;
    font-family: "Qanelas";
    font-weight: 500;
    margin-bottom: 1.5rem;
    line-height: 100%;
    text-shadow: 0px 1px 2px black;
}

.needProfi__title span {
    color: #FF8B26;
    /*border-bottom: 2px dotted #FF8B26;*/
    position: relative;
}

.needProfi__title span:before {
	content: "";
	border-bottom: 2px dotted #FF8B26;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 63px;
}
}
.needProfi p {
    margin: 0 0 1rem 0;
    font-size: 2.6rem;
    color: #ffffff;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 100%;
}
 .needProfi p#howItWork{
	 font-size: 2.5rem;
	 margin-bottom: 1.8rem;   color:#fff; text-shadow: 0px 1px 2px black;
 }
 .needProfi__box p {font-size: 2.5rem; margin-bottom:1.7rem; color:#fff; text-shadow: 0px 1px 2px black;}

.needProfi ul {
    margin: 0 0 1rem 0;
    padding: 0;
    list-style: none;
    text-align: left;
    max-width:580px;
    margin-left: 9.3rem;
    margin-right: auto;
}

.needProfi ul li {
    font-size: 2rem;
    letter-spacing: 0.8px;
    font-family: "Qanelas";
    font-weight:600;
    color: #fff;
    line-height: 100%;
    background-image: url("/images/icons/arrow.svg");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 3rem;
    line-height: 3.35rem;
    background-size: 4%;
    text-shadow: 0px 1px 2px black;
}

.needProfi__btn {
    color: #ffffff;
    border: 1px solid #FF5200;
    border-radius: 5em;
    padding: 1.3rem 3.3rem 1.3rem 5rem;
    font-size: 1.8rem;
    line-height: 100%;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    background-image: url("/images/icons/fire.svg");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-color: #585858;
    margin-left: -7rem;
    background-size: 8%;

}

.needProfi__btn:hover {
    opacity: 1;
    background-color: #fff;
    border-color: #fff;
    color:#FF7902;
}

.howItWork {
    background-color: #FF7902;
    margin-bottom: 2.6rem;
    border-radius: 1rem;
    padding: 2.2rem 0 3.7rem;
    color: #fff;
}

.howItWork .row {
    padding: 0 7.5rem;
}

.howItWork__title {
    font-size: 5rem;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 1;
    margin-bottom: 3.7rem;
    text-align: center;
}

.howItWork__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.howItWork__item .image1 {
    background-image: url("/images/icons/orange_shema/01_icon.svg");
}

.howItWork__item .image2 {
    background-image: url("/images/icons/orange_shema/02_icon.svg");
}

.howItWork__item .image3 {
    background-image: url("/images/icons/orange_shema/03_icon.svg");
}

.howItWork__item .image4 {
    background-image: url("/images/icons/orange_shema/04_icon.svg");
}

.howItWork__arrow {
    position: absolute;
    -webkit-transform: translateX(125px);
    -ms-transform: translateX(125px);
    transform: translateX(125px);
    top: 35px;
}

.howItWork__images {
    position: relative;
    width: 11.6rem;
    height: 11.6rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 53% center;
    margin-bottom: 1.2rem;
    background-size: 157%;
}

.howItWork__item-text {
    font-size: 2.2rem;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 2.4rem;
}

.mobileService {
    padding: 3rem 0 3rem;
    margin-bottom: 2.6rem;
    overflow:hidden;
    background-image: url("/images/mobileservice-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    height: 469px;
}

.mobileService__left-b-column {
    min-height: 405px;
    max-height: 405px;
}
.mobileService .mobileService__left-b-column:before {
	content: "";
	display: inline-block;
	width: 630px;
	height: 471px;
	background-image: url("/images/hand.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
	z-index: 0;

	margin-left: -110px;
	overflow: hidden;

}

.mobileService__left {
	padding-left: 8rem;
	z-index: 3;
	position: relative;
}

.mobileService__left-title {
    color: #86edfa;
    font-size: 3.3rem;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 2rem;
}

.mobileService__left-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
}

.mobileService__left-logo img {
    margin-bottom: 1rem;
}

.mobileService__left-store {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobileService__left-store img {
    margin-bottom: 0;
}
.mobileService__left-store img:first-child {
	margin-top: 0.5rem;
}

.mobileService__left-text {
    color: #fff;
    font-size: 2.4rem;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 120%;
    text-shadow: 0px 1px 2px black;
}

.mobileService__right-b-column {
	padding: 0;
}

.mobileService__right-title {
    font-size: 4.5rem;
    font-family: "Qanelas";
    font-weight: 500;
    color: #fff;
    line-height: 110%;
    margin-bottom: 3rem;
    text-shadow: 0px 1px 2px black;
}

.mobileService__right-columns {
    display: flex;
}

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

.mobileService__right-column {
    font-size: 1.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 33rem;
}

.mobileService__right-column:nth-child(2) li, .blau {
    background-image: url("/images/icons/circle-list-blue.svg")!important;
}

.mobileService__right-column li {
    padding-left: 4rem;
    line-height: 4.1rem;
    background-image: url("/images/icons/circle-list-orange.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 8%;
    text-shadow: 0px 1px 2px black;
}

.mobileService__right-small-title {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    text-shadow: 0px 1px 2px black;
}

.mobileService__right-btn-wrapper {
    margin-top: 1.2rem;
}

.mobileService__right-btn-client {
    color: #edb662;
    border: 1px solid #bababa;
    border-radius: 5em;
    padding: 0 3.5rem;
    font-size: 1.5rem;
    text-decoration: none;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    margin-left: 4rem;
    width: 20.8rem;
    height: 4rem;
    line-height: 3.7rem;
}

.mobileService__right-btn-client:before {
    content: "";
    background-image: url("/images/icons/search-small.svg");
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.7rem;
    margin-right: 1rem;
    margin-top:-1px;
}

.mobileService__right-btn-client:hover {
    border-color: #faa052; background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    opacity: 1;
}

.mobileService__right-btn-profi {
    color: #81e4f1;
    border: 1px solid #bababa;
    border-radius: 5em;
    padding: 0 3.5rem;
    font-size: 1.5rem;
    text-decoration: none;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    margin-left: 4rem;
    width: 20.8rem;
    height: 4rem;
    line-height: 3.7rem;
}

.mobileService__right-btn-profi:before {
    content: "";
    background-image: url("/images/icons/plus-small.svg");
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    margin-top:-1px;
}

.mobileService__right-btn-profi:hover {
    border-color: #aaf1ff;    background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    opacity: 1;
}

.makeProfi {
    background-color:#009FB9;
    margin-bottom: 2.3rem;
    border-radius: 1rem;
    padding: 2rem 0 0;
    color: #fff;
    height: 326px;
}

.makeProfi .row {
    padding: 0 7.5rem;
}

.makeProfi__title {
    font-size: 5rem;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4.5rem;
    text-align: center;
}

.makeProfi__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.makeProfi__item .image1 {
    background-image: url("/images/icons/blue_shema/01_icon.svg");
}

.makeProfi__item .image2 {
    background-image: url("/images/icons/blue_shema/02_icon.svg");
}

.makeProfi__item .image3 {
    background-image: url("/images/icons/blue_shema/03_icon.svg");
}

.makeProfi__item .image4 {
    background-image: url("/images/icons/blue_shema/04_icon.svg");
}

.makeProfi__arrow {
    position: absolute;
    -webkit-transform: translateX(125px);
    -ms-transform: translateX(125px);
    transform: translateX(125px);
    top: 35px;
}

.makeProfi__images {
    position: relative;
    width: 11.6rem;
    height: 11.6rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 53% center;
    margin-bottom: 1.2rem;
    background-size: 157%;
}

.makeProfi__item-text {
    font-size: 2.2rem;
    font-family: "Qanelas";
    font-weight: 500;
    line-height: 2.4rem;
}

.doIt {
    margin-bottom: 2.2rem;
}

.doIt__slider-wrapper {
    background-image: url("/images/doit-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3.5rem 3rem 3rem 3rem;
    height: 412px;
    position: relative;
}

.doIt .slick-dots {
    bottom: -3rem;
}

.doIt .slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 16px;
    width: 16px;
    padding: 0;
    cursor: pointer;
    text-indent: -87px;
    overflow: hidden;
    background-color:#009FB9;
    border-radius: 100%;
    opacity: 1;
}

.doIt .slick-dots li button:before {
    display: none;
}

.doIt .slick-dots li.slick-active button {
    background-color: #fff;
    opacity: 1;
}

.doIt__comment-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.doIt__comment-image img {
    position: relative;
    z-index: 2;
    margin-left: 1.2rem;
}

.doIt__comment-image:before {
    content: "";
    width: 14.6rem;
    height: 14.6rem;
    border-radius: 100%;
    background-color:#009FB9;
    position: absolute;
    top: 0;
    left: 6.5rem;
    z-index: 0;
    -webkit-transform: translateX(9.8%);
    -ms-transform: translateX(9.8%);
    transform: translateX(9.8%);
}

.doIt__commnet-author {
    color: #fff;
    font-family: "Qanelas-Medium";
    font-size: 1.6rem;
    margin-left: 1.8rem;
    padding-top: 3.5rem;
    position: relative;
    z-index: 5;
}

.doIt__commnet-text {
    background-image: url("/images/icons/quote.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-style: italic;
    padding-left: 3.9rem;
    padding-top: 3.9rem;
    max-width: 87%;
    background-size: 35px;
    text-shadow: 0px 1px 2px black;
}

.doIt__title {
    font-size: 6rem;
    line-height: 100%;
    color: #fff;
    font-family: "Qanelas";
    font-weight: 300;
    margin-bottom: 2rem;
    white-space: nowrap;
    left: -50%;
    position: relative;
    margin-top: -0.8rem;
    text-shadow: 0px 1px 2px black;
}

.doIt__title span {
    font-weight: 500;
    color: #38E7FB;
}

.doIt__subtitle {
    font-size: 4.4rem;
    line-height: 5rem;
    color: #fff;
    font-family: "Qanelas";
    font-weight: 300;
    text-shadow: 0px 1px 2px black;
}

.doIt__btn-wrapper-mobile.doIt__btn-wrapper {
    display: none !important;
}

.doIt__btn-wrapper {
    margin-top: 5rem;
}

.doIt__btn-client {
    color: #edb662;
    border: 1px solid #bababa;
    border-radius: 5em;
    padding: 0 3.5rem;
    font-size: 1.5rem;
    line-height: 100%;
    text-decoration: none;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    white-space: nowrap;
    width: 20.8rem;
    height: 4rem;
    line-height: 3.7rem;
}

.doIt__btn-client:before {
    content: "";
    background-image: url("/images/icons/search-small.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 1rem;
    margin-top: -2px;
}

.doIt__btn-client:hover {
    border-color: #faa052; background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    opacity: 1;
}

.doIt__btn-profi {
    color: #38E7FB;
    border: 1px solid #bababa;
    border-radius: 5em;
    padding: 0 3.5rem;
    font-size: 1.5rem;
    line-height: 100%;
    text-decoration: none;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    margin-left: 2.5rem;
    white-space: nowrap;
    width: 20.8rem;
    height: 4rem;
    line-height: 3.7rem;
}

.doIt__btn-profi:before {
    content: "";
    background-image: url("/images/icons/plus-small.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem;
    margin-top: -2px;
}

.doIt__btn-profi:hover {
    border-color: #38E7FB; background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    opacity: 1;
}

.doIt__slider-info{
	position: absolute;
	top: 3.5rem;
	left: 3rem;
	right: 3rem;
}

.topSliders {
    border: 1px solid #dcdcdc;
    padding: 1.2rem 0 0.4rem;
    margin-bottom: 1.2rem;
    min-height: 241px;
}
main .topSliders:last-child {
	margin-bottom: 0;
}

.topProfi.topSliders {padding: 1rem 0; min-height: 227px;}
.topService.topSliders .container { padding-left:13px}

.topSliders__title {
	margin-left: -0.3rem;
    margin-bottom: 1.4rem;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
}

.topProfi {
    padding-bottom: 0;
}

.topSliders .slick-arrow {
    background-repeat: no-repeat;
    width: 2rem;
    height: 4rem;
    cursor: pointer;
    z-index: 99;
    top: 34%;
}

.topSliders .slick-arrow:before {
    display: none;
}

.topSliders .slick-prev {
    background: url("/images/arrow_for_slayder_grey_left.svg") no-repeat center center;
    left: -3px;
    transition: none
}

.topSliders .slick-prev:hover {background: url("/images/arrow_for_slayder_hover_left.svg") no-repeat center center;}

.topSliders .slick-next {
    background: url("/images/arrow_for_slayder_grey_right.svg") no-repeat center center;
    right: -3px;
    transition: none
}

.topSliders .slick-next:hover {background: url("/images/arrow_for_slayder_hover_right.svg") no-repeat center center;}

.topProfi__slider {
    padding: 0 1.5rem;
    margin: 0 -0.4rem;
}

.topProfi__item {
    margin-right: 0.8rem;
    padding: 0.5rem 0;
    text-align: center;
    color: #201f1f;
}

.topProfi__item:hover {
    color: #201f1f;
}
.topProfi__item-inside {
    padding: 1rem 1.5rem 1rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.topProfi__item-inside:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
    border: 1px solid #e7e7e7;
    border-radius: 0.5rem;
}

.topProfi__images {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.topProfi__icons {
	display: flex;
	flex-direction: column;
    text-align: center;
}

.topProfi__rating {
    line-height: 0;
}

.topProfi__rating:not(:last-child) {
    margin-bottom: 0.1rem;
}

.topProfi__rating img {
    display: inline-block;
}

.topProfi__blue {
    background-color: #4b85cb;
    border-radius: 1rem;
    color: #fff;
    line-height: 1.9rem;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 .5rem;
    line-height: 1.9rem;
    width: 3.6rem;
    text-align: center;
}

.topProfi__green {
    background-color: #9ce790;
    border-radius: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    border: 1px solid #9ce790;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    font-size: 1.1rem;
    line-height: 1.9rem;
}

.topProfi__yellow {
    background-color: #ebda1a;
    border-radius: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    border: 1px solid #ebda1a;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    font-size: 1.1rem;
    line-height: 1.9rem;
}

.topProfi__sing {
    line-height: 0;
}

.topProfi__image-main {
	width: 7.4rem;
	height: 8.2rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.topProfi__image-main img {
	max-width: 7.4rem;
	max-height: 8.2rem;
}

.topProfi__infos {
    font-weight: 500;
    line-height: 120%;
}

.topProfi__name {
    font-size: 1.55rem;
    line-height: 1.48rem;
}

.topProfi__position {
    font-size: 1.3rem;
    line-height: 1.48rem;
}

.topProfi__service {
    font-size: 1.2rem;
    line-height: 1.48rem;
}

.topProfi__price {
    font-size: 1.4rem;
    line-height: 1.48rem;
    margin-top: 1rem;
}

.topProfi__price span {
    color: #d02308;
    font-weight: 700;
}

.register__wrapper {
    background-image: url("/images/Bg_forms.svg");
    height: 100%;
    background-position: center top;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height:658px;
    padding-top: 3.1rem;
}

.register-popup {
    margin: 4.7rem 29.5rem 2.7rem;
    width: 440px;
    border-radius: 0.2rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 621px;
}

.required {
    position: relative;
}

.required .required-field {
    position: absolute;
    top: 12px;
    left: 17px;
    font-size: 18px;
    font-weight: 500;
    color: red;
}

#hideshow {
    background-image: url("/images/icons/eye.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

.form-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 440px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.form-box#sing, .form-box#forgot{
	align-self: flex-start;
	background: #fff;
	border-radius: 0.2rem;
}

.form-box__btn-wrapper {
    border-bottom: 1px solid #002a40;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.form-box__btn-wrapper button {
    width: 50%;
    font-size: 1.7rem;
    color: #8e8e8e;
    font-family: "Qanelas";
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 0;
    height: 5.3rem;
    cursor: pointer;
    outline: none;
}

.form-box__btn-wrapper button.active {
    -webkit-box-shadow: inset 0px -2px 0px 0px #002a40;
    box-shadow: inset 0px -2px 0px 0px #002a40;
    color: #030303;
}

.form-box__sc-login {
    margin-bottom: 2.2rem;
    padding: 0 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
}

#forgot .form-box__sc-login{
	margin-bottom: 2.6rem;
}

.form-box__sc-login * {
    width: 100%;
}

.form-box__sc-login * img {
    width: 3rem;
    height: 3rem;
    margin-right: 2.5rem;
}

.form-box__sc-login a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.6rem;
    padding: 0;
    font-size: 1.7rem;
    font-weight: 400;
}

.form-box__sc-login a:not(:last-child) {
    margin-bottom: 1rem;
}

.form-box__fb {
    background-color: #5169a1;
    color: white;
}

.form-box__fb:hover {
    background-color: #395189;
     color: white;
}

.form-box__gplus {
    background-color: #5086f7;
     color: white;
}

.form-box__gplus:hover {
    background-color: #386edf;
     color: white;
}

.form-box__other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.5rem;
}

#forgot .form-box__other{
	margin-top: 2.2rem;
}

.form-box__other span {
    background-color: #fff;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    max-width: 90px;
    color: black;
}

.form-box__other:before,
.form-box__other:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #cac9ca;
}

.form-box__input-group {
    padding: 0 4rem 3rem 4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.form-box__input-wrapper {
    margin-bottom: 0.6rem;
}

.form-box__input-field {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    height: 45px;
    padding: 0 3rem;
    color: #484949;
    font-size: 1.5rem;
    width: 100%;
}

.form-box__input-field::-webkit-input-placeholder {
    color: #484949;
    font-size: 1.5rem;
}

.form-box__input-field::-moz-placeholder {
    color: #484949;
    font-size: 1.5rem;
}

.form-box__input-field:-ms-input-placeholder {
    color: #484949;
    font-size: 1.5rem;
}

.form-box__input-field::-ms-input-placeholder {
    color: #484949;
    font-size: 1.5rem;
}

.form-box__input-field::placeholder {
    color: #484949;
    font-size: 1.5rem;
}

.form-box__required {
    padding-left: 1.9rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #8e8e8e;
    font-size: 1.3rem;
    font-style: italic;
}

.form-box__required__form {color:red;
    font-size: 1.3rem;
    font-style: italic; text-align:center; margin-bottom: 1.5rem;}

.form-box__forgot-password {margin-top:-4px; display:block}
.form-box__required span {
    /* font-weight: bold; */
    color: red;
    font-size:18px;
    font-style: normal;
}

.form-box__policy {
    color: #4d5050;
    font-size: 1.3rem;
    padding-left: 3rem;
    position: relative;
    line-height: 1.5rem;
}

.form-box__policy label a {
    color: #1b49b3;
    text-decoration: none;
    font-weight: 500;
}

.form-box__policy label a:hover {
    text-decoration: underline;
}

.form-box__policy input {
    position: absolute;
    left: 1px;
    z-index: 2;
    width: 20px;
    height: 20px;
    top: -2px;
    opacity: 0;
    cursor: pointer;
}

.form-box__policy input:checked + span {
    background-image: url("/images/icons/checkbox.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.form-box__checkbox {
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
}

.form-box__forgot {
    color: #171818;
    font-size: 1.5rem;
    padding-left: 3.5rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4rem;
    margin-bottom: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-box__forgot a {
    color: #1b49b3;
    font-size: 1.5rem;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block
}

.form-box__forgot a:hover {
    text-decoration: none;
}

.form-box__forgot label {
    cursor: pointer;
    margin-bottom: 0;
}

.form-box__forgot input {
    opacity: 0;
    position: absolute;
    left: 1px;
    top: -2px;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.form-box__forgot input:checked + span {
    background-image: url("/images/icons/checkbox.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.form-box__button {
    margin-top: 3rem;
    width: 100%;
}

#register .form-box__button {
	margin-top: 1.2rem;
}

.form-box__good {
    margin-top: 1.5rem;
    font-size: 1.3rem;
    text-align: center;
}

.form-box__good a {
    color: #1b49b3;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    margin-top: 0.3rem;

}

.form-box__good a:hover {
    text-decoration: underline;
}

.form-box__form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.forgot-box__btn-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3rem;
}

.forgot-box__input-group {
    padding-bottom: 0;
}

.forgot-box__button {
    margin-top: .5rem;
}

.forgot-box__button-back {
   background-color: #fff;

    border: 1px solid #002a40;
    color: #002a40;
    margin: 0;
    width: 100%;
    text-align: center;
}

.forgot-box__button-back:hover {
     background-color: #00b6e7;
    color: #fff!important;
    border:1px solid #00ceff;
}

.forgot-box__back-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4rem 4rem 4rem;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.wrapper header,
.wrapper footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.wrapper main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.footer {
    background-color: #002A40;
    padding: 2rem 0 2.5rem;
}

.footer__logo {
    margin-bottom: 0.5rem;
    line-height: 0;
}

.footer__copyright {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    color: #426c94;
        margin-top: 1.3rem;
}

.footer__support {
    margin-bottom: 2rem;
}

.footer__box2 {
	padding-left: 7.4rem;
}

.footer__box3 {
	padding-left: 5.2rem;
}

.footer__box4 {
	padding-left: 3.6rem;
}

.footer__title {
    font-size: 1.3rem;
    /*color: #71a1c7;*/
    /*color: rgb(34, 168, 209);*/
   margin-top: 4.3rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #2b4968;
    font-weight: 500;
    text-transform: uppercase;
    color: #76a4c9;
}

.footer__title-small {
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0.7rem;
}

.footer__email-support {
    /*color: #69b0d6;*/
    /*color: rgb(34, 168, 209);*/
    text-decoration:underline;
    font-size: 1.5rem;
    line-height: 1;
    padding-left: 2.8rem;
    background-image: url("/images/icons/mail.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #76a4c9;
    background-size: 9%;
}
.footer__email-support:hover {color:#58CBD1}

.footer__sc {
    margin-bottom: 1.9rem;
}

.footer__sc a {
    width: 31px;
    height: 31px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    margin-right: 6px;
}

/*.footer__sc a:hover {
    opacity: 1;
}*/

.footer__fb {
    background-image: url("/images/icons/facebook.svg");
    -webkit-transition: none!important;
}

.footer__fb:hover {
    background-image: url("/images/icons/F_icon_hover.svg");
}

.footer__instagram {
    background-image: url("/images/icons/instagram.svg");
    -webkit-transition: none!important;
}
.footer__instagram:hover {
    background-image: url("/images/icons/Insta_icon_hover.svg");
}

.footer__youtube {
    background-image: url("/images/icons/youtube.svg");
    -webkit-transition: none!important;

    opacity: 0.4!important;
}
.footer__youtube:hover {
    background-image: url("/images/icons/YT_icon_hover.svg");
    opacity: 0.7!important;
}

.footer__store a {
    display: inline-block;
    width: 100px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.footer__store a:hover {
    border-color: #5a9dbf;
}

.footer__google {
    width: 102px !important;
    height: 35px !important;
    background-image: url("/images/icons/Google_market_podval_final.svg");
    background-size: 102px 35px;
    transition: none;
}
.footer__google:hover {
    background-image: url("/images/icons/Google_market_podval_final_hover.svg");
    background-size: 102px 35px;
}

.footer__apple {
    width: 96px !important;
    height: 35px !important;
    background-image: url("/images/icons/App_store_Podval_final.svg");
    background-size: 96px 35px;
    transition: none;
}
.footer__apple:hover {
    background-image: url("/images/icons/App_store_Podval_final_hover.svg");
    background-size: 96px 35px;
}

.footer__text {
	font-size: 9px;
	margin-left: 43px;
	color: #5a9dbf;
	display: block;
	margin-top: -1px;
}

.footer__apple .footer__text {
	margin-left: 40px
}

.footer ul {
    margin:1.8rem 0 0 0;
    padding: 0;
    list-style: none;

}

.footer ul.open {
    display: block;
    margin-left: 6rem;
}

.footer ul li:not(:last-child) {
    margin-bottom: 2rem;
}

.footer ul a {
    font-size: 1.5rem;
    line-height: 1;
    /*color: #81b2d9;*/
    /*color: rgb(34, 168, 209);*/
    text-decoration: none;
    color: #76a4c9;
}

.footer ul a:hover {
    text-decoration: underline;
}

@media (min-width: 376px) {
    .footer__logo {
        max-width: 11.9rem;
    }
}

@media (max-width:1024px){
.localityHeader  {left:auto} }

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }

    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }

    .flex-sm-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .container {   max-width: 720px;  }




    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }

    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }

    .flex-md-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 769px) {
    .headerAfter {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }

    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }

    .flex-lg-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 12.666667%;
        max-width: 13.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 74.666667%;
        max-width: 74.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }

    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }

    .flex-xl-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (max-width: 1199px) {
    .header__search-input {
        width: calc(100% - 47px);
    }

    .homeIcons__item a {
        width: 10rem;
        height: 10rem;
    }

    .needProfi__title {
        font-size: 5.5rem;
    }

    .doIt__title {
        font-size: 5rem;
    }

    .doIt__btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .doIt__btn-profi {
        margin-left: 1rem;
    }
}

@media (max-width: 992px) {
    .header__logo-column {
        padding-right: 0;
    }

    .localityHeader {
        -webkit-transform: translateY(0.5rem) translateX(-28.5%);
        -ms-transform: translateY(0.5rem) translateX(-28.5%);
        transform: translateY(0.5rem) translateX(-28.5%);
    }

    .localityHeader:before {
        left: 34.5%;
        -webkit-transform: translateX(34.5%);
        -ms-transform: translateX(34.5%);
        transform: translateX(34.5%);
    }

    .preheader__inner h1 {
        margin-right: 0;
        margin-bottom: 3rem;
    }

    .preheader__search {
        border: 0;
        background-color: transparent;
    }

    .preheader__search-wrap {
        margin-right: 0rem;
    }

    .widgetBox {
        display: none;
    }

    .needProfi p {
        font-size: 2.4rem;
    }

    .needProfi ul li:not(:last-child) {
        margin-bottom: 1.5rem;
    }



    .howItWork__title {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .howItWork__arrow {
        -webkit-transform: translateX(85px);
        -ms-transform: translateX(85px);
        transform: translateX(85px);
        top: 25px;
        height: 35px;
    }

    .howItWork__images {
        width: 8.6rem;
        height: 8.6rem;
    }

    .howItWork__item-text {
        font-size: 1.8rem;
    }

    .mobileService__left-title {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }

    .mobileService__left-logo img {
        max-height: 4.5rem;
    }

    .mobileService__left-store {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .mobileService__left-store img:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mobileService__left-text {
        margin-top: 1.5rem;
        font-size: 1.8rem;
    }

    .mobileService__right-title {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }

    .mobileService__right-columns {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    .mobileService__right-column {
        font-size: 1.2rem;
    }

    .mobileService__right-column li {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .mobileService__right-column li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mobileService__right-small-title {
        font-size: 1.4rem;
        margin-bottom: 1.5rem;
    }

    .mobileService__right-btn-client {
        margin-left: 0rem;
        padding: 0 2.2rem;
        width: 100%;
        text-align: center;
    }

    .mobileService__right-btn-profi {
        margin-left: 0rem;
        padding: 0 2.2rem;
        width: 100%;
        text-align: center;
    }

    .makeProfi {
        height: auto;
    }

    .makeProfi .row{
	    padding: 0;
    }

    .makeProfi__title {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .makeProfi__arrow {
        -webkit-transform: translateX(85px);
        -ms-transform: translateX(85px);
        transform: translateX(85px);
        top: 25px;
        height: 35px;
    }

    .makeProfi__images {
        width: 8.6rem;
        height: 8.6rem;
    }

    .makeProfi__item-text,
    .howItWork__item-text {
        font-size: 3vw;
        line-height: 3.1vw;
    }

    .doIt__title {
        font-size: 4rem;
        left: unset;
        white-space: normal;
    }

    .doIt__subtitle {
        font-size: 3rem;
    }

    .doIt__subtitle br {
        display: none;
    }

    .doIt__btn-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .doIt__btn-wrapper a {
        margin-left: 0;
        text-align: center;
    }

    .doIt__btn-wrapper a:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}


@media (max-width: 768px) {
    .header .container {
        max-width: 100%;
    }
     .header.home-page, .header.register-page {top:0}
    .form-box__forgot a {color: #1b49b3!important; text-decoration:underline!important}

    .header__logo {
        text-align: center;
        margin-bottom: 0rem;
    }

    .header__middle {
        margin-bottom: 0;
        display: block;
    }

    .sticky .header__search{
		display: none;
	}

	.header.home-page .header__order{
		margin-right: 1.2rem;
	}

	.sticky .header__middle{
		display: flex;
		align-items: center;
	}

	.header__order {
        width: 30px;
		min-width: 30px;
		height: 30px;
		margin-right: 1.2rem;
		padding: 0;
		background-position: center;
		background-size: 66%;
    }

    .header__order span {
        display: none;
    }

	.header__login {
        background-image: url("/images/icons/kabinet.svg");
        width: 28px;
        height: 28px;
        padding: 0;
        display: block;
        background-position: top center;
        background-repeat: no-repeat;
        margin-left: 0.7rem;
        border-radius: 3rem;
        border: 0;
        background-size: 99%;
    }

    .header__login span {
        display: none;
    }

    .header__buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .header__bepro span {
        display: none;
    }

    .preheader {
	    padding-top: 8.3rem;
    }

    .preheader__inner h1{
	    margin-bottom: 4rem;
    }

    .preheader__search {
	    padding-left: 1.5rem;
	    padding-right: 1rem;
    }
    .preheader__search-input{
	    width: 85%;
    }

    .localityHeader {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        left: 0;
        right: 0;
        width: 100%;
    }

    .localityHeader__local-lists {
        grid-template-columns: repeat(4, minmax(130px, 1fr));
    }

    .header__buttons {
	    padding-right: 0;
    }
    .header__buttons .header__bepro.button {
	    text-transform: uppercase;
		margin-left: 0.7rem;
		background-position: 0.5rem center;
	    font-size: 10px;
		padding-left: 2.2rem;
		line-height: 2.5rem;
		background-size: 20%;
    }

    .needProfi {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        height: auto;
    }

    .needProfi__inner {
        padding: 0;
    }

    .needProfi__box {
        border-radius: 0;
        margin: 0 -1.5rem;
        padding: 1.5rem;
    }

    .needProfi__title {
        font-size: 5rem;
        margin-bottom: 1.8rem;
    }

    .mobileService{
	    height: auto;
	    background-attachment: scroll;
    }

    .doIt__slider-wrapper {
        padding: 2rem;
        margin: 0 -1.5rem;
        background-position: right top;
        height: auto;
    }
    .doIt__slider-info{
	    top: 2rem;
	    left: 2rem;
	}

    .container {
        max-width: 100%;
    }

    .howItWork .row{
	    padding: 0;
    }
    .footer__box2,
    .footer__box3,
    .footer__box4{padding-left: 0;}

    .homeIcons{
	    margin-bottom: 2.5rem;
    }

    .page-title-home{
	    font-size: 3.3rem;
	    margin-bottom: 4.5rem;
	    justify-content: center;
    }
    .page-title-home::before {
	    content: none;
	}
	.page-title-home span::after{
		vertical-align: middle;
		margin-top: -0.3rem;
		background-size: 80%;
	}
	.leftMenu__inner{
		padding-right: 15px;
	}

	.leftMenu {
		margin-bottom: 1em;
		padding-bottom: 1.5rem;
	}

	.leftMenu .levelTop__el{
		flex-wrap: wrap;
		justify-content: flex-start;
		min-height: auto;
	}
	.leftMenu .levelTop__el.hover{
		margin: 1rem;
		border-radius: 0.3rem;

	}

	.leftMenu .levelTop__el > a{
		font-size: 2.2rem;
		padding-left: 11.8rem;
		background-position: 3rem center;
		position: relative;
	}
	.leftMenu .levelTop__el:not(:last-child) {
	    border-bottom: none;
	}

	.leftMenu .levelTop__el > a span {
		position: absolute;
		left: 86%;
		top: 50%;
		transform: translateY(-50%);
	}

	.leftMenu__submenu-wrapper{
		background-color: #f6f6f6;
		width: 100%;
		position: relative;
		left: 0;
		padding-left: 0;
		border: 1px solid #c4c4c4;
		border-top: none;
		border-radius:  0 0 0.3rem 0.3rem;
		padding-bottom: 1rem;
	}
	.leftMenu .levelTop__el.hover .submenu-wrapper{
		padding-left: 9.3rem;
	}
	.leftMenu .levelTop__el .submenu-wrapper:before {
		content: none;
	}
	.leftMenu .levelTop__el.hover .leftMenu__submenu a{
		color: #294867;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.3rem 3rem 0.3rem 2.5rem
	}
	.leftMenu .levelTop__el.hover .leftMenu__submenu .has-submenu > a{
		position: relative;
	}
	.leftMenu .levelTop__el.hover .leftMenu__submenu .has-submenu > a:before{
		content: "";
		display: inline-block;
		width: 0.7rem;
		height: 1rem;
		background: url(/images/icons/arrow-right-dark.svg) no-repeat center center;
		position: absolute;
		left: 8px;
	}
	.leftMenu__submenu > li.hover::before,
	.leftMenu__submenu > li.hover::after {
		content: none
	}

	.leftMenu__submenu{
		background: #f6f6f6;
	}
	.leftMenu .levelTop__el.hover span {
		background-color: #f6f6f6;
		border-color: #b3b3b3;
		color: #b3b3b3;
		text-decoration: none;
	}
	.leftMenu .levelTop__el.hover > a > span {
		background-color: #32577f;
		border-color: #4b84cc;
		color: #fff;
		text-decoration: none;
	}
	.leftMenu__submenu > li{
		padding: 0;
		min-height: auto;
	}

   .leftMenu__submenu
  {height:auto;}
	.leftMenu__submenu > li.hover{
		background: none;
		flex-wrap: wrap;
	}
	.leftMenu__submenu > li.hover > a {
		background-color: #b9defb;
		text-decoration: none;
		border-radius: 0.3rem 0 0 0.3rem
	}
	.leftMenu__submenu > li.hover > a:before{
		transform: rotate(90deg);
	}
	.leftMenu__submenu > li > a {
		position: relative;
		min-height: 3.4rem
	}
	.leftMenu__submenu > li > a span {
		position: absolute;
		left: 84%
	}
	.leftMenu__submenu > li.hover > a span{
		color: #666f79!important;
		font-weight: 500;
		background-color: #d5e9f5!important;
		text-decoration: none;
	}
	.leftMenu__submenu-wrapper li.hover .submenuLeftLevel{
		display: flex;
		flex-direction: column;
		position: relative;
		left: 0;
		width: 100%;
		background: none;
		border: none;
	}
	.leftMenu .submenuLeftLevel__column:not(:last-child){
		border: none;
	}
	.leftMenu .submenuLeftLevel__column:nth-child(1) {
		padding-left: 0;
	}
	.leftMenu .submenuLeftLevel__column{
		padding: 0;
	}
	.leftMenu .submenuLeftLevel__column ul li:not(:last-child){
		margin-bottom: 0;
	}
	.leftMenu .submenuLeftLevel__column ul li a.linkbtn{
		text-decoration: none;
		color: #343434!important;
		min-height: 3.2rem;
		position: relative;
	}
	.leftMenu .submenuLeftLevel__column ul li a.linkbtn span{
		border: none;
		color: #ababab!important;
		background: none!important;
		text-decoration: none;
		position: absolute;
		left: 84%;
		margin-left: 0;
	}
	.leftMenu .submenuLeftLevel__alllink{
		display: none!important
	}
	.leftMenu__catcount, .leftMenu .subcatcount{
		color: #a4a4a4
	}

	.needProfi{
		margin-bottom: 0.5rem;
		margin-top: 1rem;
	}
	.needProfi__box{
		margin: 0;
		padding: 2.5rem 1.5rem;
	}
	.needProfi__title{
		font-size: 5.6rem;
		text-align: left;
		margin-bottom: 0.7rem;
	}

	.needProfi ul li:not(:last-child) {
	    margin-bottom: 0;
	}
	.needProfi ul li {
		line-height: 3rem;
	}

	.howItWork{
		margin-bottom: 1.7rem;
	    padding: 1.5rem 2rem;
	}

	.howItWork__title{
		font-size: 2.7rem;
	}
	.howItWork__images{
		margin-bottom: 0.3rem;
	}
	.mobileService{
		padding-top: 0.9rem;
		padding-bottom: 0.9rem;
		margin-bottom: 1.2rem;
	}
	.mobileService__left-b-column {
	    min-height: 243px;
	    max-height: 243px;
	}
	.mobileService .mobileService__left-b-column:before {
		margin-left: 0;
		top: -9px;
		bottom: -9px;
		height: auto;
		background-size: contain;
	}
	.mobileService__left{
		padding-left: 4rem;
	}
	.mobileService__left-title{
		font-size: 2.2rem;
		line-height: 1;
		margin-bottom: 0.5rem;
	}
	.mobileService__left-logo{
		justify-content: flex-end;
		padding-right: 1.2rem;
	}
	.mobileService__left-store img:not(:last-child){
		margin-bottom: 2rem;
	}
	.mobileService__left-text {
	    margin-top: 0.8rem;
	}
	.mobileService__right-small-title {
        margin-bottom: 1rem;
    }
	.mobileService__right-title{
		margin-bottom: 1rem;
	}
	.mobileService__right-b-column{
		padding-left: 1.4rem;
	}
	.mobileService__right-column{
		width: 19.5rem;
	}
	.mobileService__right-column:last-child{
		width: 30rem;
	}
	.mobileService__right-column li:not(:last-child) {
	    margin-bottom: 10px;
	}
	.mobileService__right-column li {
	    line-height: 2.2rem;
	    background-size: 2rem;
	    padding-top: 0;
	    padding-bottom: 0;
	    padding-left: 2.2rem;
	}
	.mobileService__right-btn-wrapper{
		margin-top: 0.5rem;
	}
	.mobileService__right-btn-client,
	.mobileService__right-btn-profi{
		width: 16.8rem;
		padding: 0;
	}
	.makeProfi {
    	padding: 1.5rem 2rem;
    	margin-bottom: 1.7rem;
    }

    .makeProfi__title, .howItWork__title {
	    font-size: 4vw;
	}

	.makeProfi__images{
		margin-bottom: 0.3rem;
	}

	.doIt {
	    margin-bottom: 2rem;
	}
	.doIt__slider-wrapper{
		padding: 2.8rem 2rem;
	}
	.doIt__slider-info{
	    top: 2.8rem;
	    left: 3.5rem;
	    right: 3.5rem;
	}
	.doIt__slider-info .doIt__slide-item-right{
		margin-left: calc(50% - 4rem);
		padding-right: 0;
	}
	.doIt__comment-image::before {
		width: 11.1rem;
		height: 11.1rem;
		left: 4.5rem;
	}
	.doIt__comment-image img{
		max-width: 11.1rem;
		max-height: 11.1rem;
		margin-left: 0.5rem;
	}
	.doIt__commnet-author{
		margin-left: 1.8rem;
		padding-top: 2.6rem;
	}
	.doIt__commnet-text{
		background-size: 20px;
		padding-top: 1.5rem;
		font-size: 1.4rem;
		line-height: 1.7rem;
	}
	.doIt__slide-item-right{
		margin-left: -4rem;
		max-width: calc(50% + 4rem);
		flex: 0 0 calc(50% + 4rem);
	}
	.doIt__title{
		font-size: 4.5rem;
		/*margin-left: -16rem;*/
		margin-bottom: 0.5rem;
	}
	.doIt__subtitle{
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
	.doIt__btn-wrapper {
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 2.2rem;
	}

	.doIt__btn-client,
	.doIt__btn-profi{
		width: 16.6rem;
		padding: 0 2rem;
	}

	.doIt__btn-client{
		margin-right: 1.5rem;
	}

	.footer {
		padding-top: 1.5rem;
	}
	.footer__logo {
		min-width: 10.5rem;
		margin-bottom: 0.3rem;
	}

	.footer__box1 {
		padding-left: 3rem;
	}
	.footer__copyright {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
	.footer__support .footer__title {
		font-size: 1.1rem;
		margin-bottom: 0.5rem;
	}
	.footer__email-support {
		font-size: 1.3rem;
	}
	.footer__sc{
		margin-bottom: 1.3rem;
	}
	.footer__sc .footer__title {
		font-size: 1.1rem;
		margin-bottom: 0.5rem;
	}
	.footer__sc a {
		width: 2.7rem;
		height: 2.7rem;
		margin-right: 0.5rem;
	}
	.footer__store a {
		width: 8.9rem;
	}

	.footer__google {
	    width: 86px !important;
		height: 32px !important;
    }
    .footer__apple {
	    width: 86px !important;
	    height: 32px !important;
    }

	.footer__box2{
		max-width: 8rem;
		margin-left: 1.5rem;
		padding-right: 0;
	}
	.footer__box3{
		margin-left: 4rem;
		max-width: 19.3rem;
		padding-right: 0;
	}
	.footer__box4{
		margin-left: 2.5rem;
		padding-right: 0;
		max-width: 18.5rem;
	}
	.footer__box2 .footer__title,
	.footer__box3 .footer__title,
	.footer__box4 .footer__title{
		font-size: 1.1rem;
		padding-bottom: 1rem;
		border-bottom: 2px solid #2b4968;
		margin-bottom: 1.2rem;
	}
	.footer ul li:not(:last-child) {
	    margin-bottom: 1.5rem;
	}
	.footer ul a {
		font-size: 1.3rem;
	}

	.register__wrapper {
		padding-top: 0;
	}
	.register-popup {
		margin: 7rem auto 1rem auto
	}



  .header.register-page.sticky .headerAfter{display:none}
}

@media (max-width: 696px) {
    .mobileService__left-b-column {
        display: none;
    }

    .mobileService__right-b-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mobileService__right-title {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .mobileService__right-columns {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    }

    .mobileService__right-column {
        font-size: 1.7rem;
    }

    .mobileService__right-small-title {
        font-size: 2.2rem;
    }

    .mobileService__right-btn-client {
        font-size: 1.8rem;
    }

    .mobileService__right-btn-profi {
        font-size: 1.8rem;
    }

    .doIt__btn-client
}

@media (max-width: 625px) {
    /*
.header__order {
        width: 40px;
        min-width: 40px;
        height: 40px;
        border: 1px solid #ff5300;
        border-radius: 30px;
        padding: 0;
        background-position: center;
        background-size: 66%;
    }
*/

    .header__order span {
        display: none;
    }
}

@media (max-width: 576px) {
    .header.home-page .header__town {
        background-image: url("/images/icons/city-marker.svg");
        /*margin-left: -15px;
            background-size: 170%; - старые параметры*/
            margin-top: 4px;
            margin-left: -34px;
  width: 85px;
    background-size: 44%;
    background-position: 9px center;
    }

    .header.home-page .header__town:hover {
        background-image: url("/images/icons/city-marker.svg");
    }

    .header__logo {
        margin-bottom: 0;
        height: 32px;
    }

    .header__logo img {
	    max-height: 100%;
    }

    .header__town {
        background-image: url("/images/icons/city-marker.png");
        width: 24px;
        height: 22px;
        padding: 0;
        display: block;
        background-position: center;
    }

    .header__town span {
        /*display: none;*/
        margin-left: 37px;
		font-size: 10px;
    }

    .header__middle {
        margin-bottom: 0;
    }

    .header__search {
        display: none;
    }

	.header__middle {
		display: block;
	}

    .header__order {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }



	.header__buttons {
		padding-right: 0;
	}

	.header__buttons .header__bepro.button {
	    font-size: 10px;
		padding-left: 2.2rem;
		line-height: 2.5rem;
    }


    .header__bepro {
        text-transform: uppercase;
        margin-left: 0.7rem;
        background-position: 0.5rem center;
        padding: 0.9rem 1rem 0.8rem 3rem;
        font-size: 1.1rem;
    }

    .localityHeader__local-lists {
        grid-template-columns: 1fr;
        padding: 1rem 0 1rem 1rem;
        overflow-y: auto;
        max-height: 315px;
        direction: rtl;
        text-align: left;
        position: relative;
        -webkit-box-shadow: inset 14px 0px 0px 0px gainsboro;
        box-shadow: inset 14px 0px 0px 0px gainsboro;
    }

    .localityHeader__local-lists::-webkit-scrollbar-track {
        background-color: #ebebeb;
        padding: 0 5px;
        width: 13px;
    }

    .localityHeader__local-lists::-webkit-scrollbar {
        width: 13px;
        background-color: #F5F5F5;
    }

    .localityHeader__local-lists::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #fff;
        -webkit-box-shadow: inset 0px 0px 0px 3px #ebebeb, inset 0px 0px 0px 4px #dcdcdc;
        box-shadow: inset 0px 0px 0px 3px #ebebeb, inset 0px 0px 0px 4px #dcdcdc;
    }

    .localityHeader__local-list {
        padding: 0.7rem 1rem;
    }

    .localityHeader__local-link {
        font-size: 1.5rem;
    }

    .preheader__search-wrap {
	    margin-left: 0;
	    padding-top: 0.5rem;
	    padding-bottom: 0;
    }


    .howItWork__item {
        margin-bottom: 1.5rem;
    }

    .howItWork__item .arrow2 {
        display: none;
    }

    .howItWork__arrow {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        right: -13%;
    }

    .makeProfi {
        border-radius: 0;
        margin-bottom: 0;
    }

    .makeProfi__item {
        margin-bottom: 1.5rem;
    }

    .makeProfi__item .arrow2 {
        display: none;
    }

    .makeProfi__arrow {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        right: -13%;
    }

    .doIt__slide-item-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .doIt__slide-item-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .doIt .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .doIt .slick-dots {
        bottom: 12rem;
    }

    .doIt__comment-image {
        margin-bottom: 1.2rem;
    }

    .doIt__title {
        font-size: 5rem;
        margin-bottom: 0.5rem;
    }

    .doIt__subtitle {
        font-size: 3.1rem;
        margin-bottom: 2rem;
    }

    .doIt__btn-wrapper-mobile.doIt__btn-wrapper {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .doIt__btn-wrapper {
        display: none !important;
    }

    .doIt__btn-client {
        font-size: 1.95rem;
    }

    .doIt__btn-profi {
        font-size: 1.95rem;
    }

    .footer {
        padding: 2rem 2.5rem 2.5rem;
    }

    .footer ul {
        display: none;
    }

    .footer__box2 > div {
        margin-top: 0;
        margin-bottom: 0;
    }

    .footer__box1 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        text-align: center;
    }

    .footer__box1 > div,
    .footer__box4 > div,
    .footer__box3 > div {
        margin-top: 3rem;
        margin-bottom: 0;
    }

    .footer__box2 > div,
    .footer__box4 > div,
    .footer__box3 > div {
        padding-bottom: 1.2rem;
        background-image: url("/images/icons/arrow-down-blue.svg");
        background-repeat: no-repeat;
        background-position: right 5px;
    }

    .footer__box2 > div.open,
    .footer__box4 > div.open,
    .footer__box3 > div.open {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 492px) {
    .register-popup {
        width: 340px;
    }

    .form-box {
        width: 340px;
        max-width: 340px;
    }
}

@media (max-width: 490px) {
    .mobileService__right-columns {
        grid-gap: 3.5rem;
    }
}

@media (max-width: 430px) {

	.localityHeader__local-all{
		/*display: none*/
	}
	.localityHeader__local-link{
		margin-bottom: 0.5rem;
	}
	.localityHeader__local-list{
		padding: 0 1rem;
	}
	.header.register-page{
		padding-bottom: 0.5rem;
	}
    .header.home-page {
        background-color: #1a2e41;
        position: relative;
    }

    .header.home-page .headerAfter {
        display: block;
    }

    .headerAfter .preheader__search-choose {
        height: 33px;
        right: 7rem;
        margin-right: 5px;
    }

    .headerAfter__page-title-home {
        font-size: 1.8rem !important;
        text-transform: unset;
        white-space: nowrap;
    }

    .headerAfter__page-title-home span {
        max-width: 88px;
        display: inline-block;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: bottom;
    }

    .preheader {
        display: none;
    }

    .preheader__search-input {
	    width: calc(100% - 7rem);
	    padding: 0.7rem 4rem 0.7rem 1rem;
	    -webkit-appearance: none;
	    border-radius: 0;
    }

    .preheader__search-choose {
        height: 35px;
        top: 1px;
    }

    .preheader__search-btn {
        height: 35px;
        min-width: 7rem!important;
        border-radius: 0;
    }

    .homeIcons {
        margin: 0.7rem 0 0;
    }

    .page-title-home {
        padding-left: 0;
        padding-left: 0;
		font-size: 2rem;
		text-align: left;
		text-transform: none;
		letter-spacing: 0;
		margin-bottom: 0;
		display: flex;
		align-items: baseline;
		margin-bottom: 0.5rem;
		margin-top: 1rem;
		white-space: nowrap;
    }
    .page-title-home:before {
		content: none;
	}

	.page-title-home span{
		margin-left: 1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0.6rem 3rem 0.6rem 0;
		position: relative;
	}

	.page-title-home span:after{
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 0;
	}


    .leftMenu__inner {
	    padding-right: 15px;
    }
    .leftMenu {
	    padding-top: 0.5rem;
	    padding-bottom: 1.5rem;
	    border-radius: 0.5rem;
	    margin-bottom: 1rem;
    }

	.leftMenu .levelTop__el {


	}

	.leftMenu .levelTop__el > a {
		font-size: 1.5rem;
		min-height: 4.1rem;
		padding: 0rem 1rem 0rem 7.4rem;
		background-position: 16px center;
	}

	.leftMenu .levelTop__el1 > a {
		background-size: auto 2.6rem;
	}

	.leftMenu .levelTop__el2 > a {
		background-size: auto 3.6rem;
	}

	.leftMenu .levelTop__el3 > a {
		background-size: auto 3.2rem;
	}
	.leftMenu .levelTop__el4 > a {
		background-size: auto 3.2rem;
	}

	.leftMenu .levelTop__el5 > a {
		background-size: auto 3.6rem;
	}
	.leftMenu .levelTop__el6 > a {
		background-size: auto 2.5rem;
	}
	.leftMenu .levelTop__el7 > a {
		background-size: auto 2.7rem;
	}
	.leftMenu .levelTop__el8 > a {
		background-size: auto 3.6rem;
	}
	.leftMenu .levelTop__el9 > a {
		background-size: auto 3.1rem;
	}
	.leftMenu .levelTop__el10 > a {
		background-size: auto 3.2rem;
	}
	.leftMenu .levelTop__el11 > a {
		background-size: auto 4.4rem;
	}
	.leftMenu .levelTop__el12 > a {
		background-size: auto 3.2rem;
	}
	.leftMenu .levelTop__el13 > a {
		background-size: auto 3.8rem;
	}

	.leftMenu__catcount, .leftMenu .subcatcount {
		font-size: 1.2rem;
	}


	.leftMenu .levelTop__el > a span {
		left: 80%;
	}
	.leftMenu .levelTop__el.hover .submenu-wrapper {
		padding-left: 4.8rem;
	}
	.leftMenu__submenu > li > a span {
	    left: 77%;
	}
	.leftMenu .submenuLeftLevel{
		height: auto
	}
	.leftMenu .submenuLeftLevel__column ul li a.linkbtn span{
		left: 78%;
	}
	.localityHeader__local-title span {font-size: 10px;}


	.homeSlider {
		margin-bottom: 1rem;
	}

	.topSliders__title {
		text-align: center;
		margin-bottom: 1.6rem;
	}
	.topProfi__slider {
		padding: 0 0.4rem;
	}
	.topProfi__slider .slick-slide {
		margin-right: 12px;
	}

	.topProfi__item-inside {
	    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
	    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
	    border: 1px solid #e7e7e7;
	    border-radius: 0.5rem;
	    margin-bottom: 8px;
	    padding: 1.2rem 1.5rem 1.2rem 1rem;

	}

	.slick-dots li button:before {
		font-size: 18px;
	}
	.slick-dots li.slick-active button:before {
		color: #00ceff;
	}

	.needProfi {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		background-image: url("/images/needprofi-bg-mob.png");
	}
	.needProfi__box {
		padding-bottom: 2.5rem;
		padding-top: 1rem;
		flex: 1 0 100%;
		max-width: 100%;
	}
	.needProfi__title {
		margin-bottom: 1rem;
		font-size: 5.1rem;
		text-align: center;
	}
	.needProfi__title span::before {
		top: 54px
	}
	.needProfi p {
		line-height: 1.1;
		font-size: 2.6rem;
	}
	.needProfi ul {
		margin-left: 0;
		margin-bottom: 1rem;
	}
	.needProfi ul li {
		line-height: 3rem;
		white-space: nowrap;
		font-size: 18px
	}
	.needProfi ul li:not(:last-child) {
	    margin-bottom: 0rem;
	}

	.needProfi ul li .text-capitalized{
		text-transform: capitalize;
	}

	.needProfi p#howItWork {
		font-size: 2.2rem;
		line-height: 1.3;
		margin-bottom: 1.4rem;
	}
	.needProfi__btn {
		margin: 0 auto;
		font-size: 2rem;
		border-color: #fff
	}

	.howItWork {
		padding: 1.5rem 2rem 2.8rem;
		border-radius: 0;
		margin-bottom: 0;
	}
	.howItWork__title {
		font-size: 3.4rem;
	}
	.howItWork__item-text {
	    font-size: 1.7rem;
	    line-height: 1;
	}
	.howItWork__images {
	    width: 9.3rem;
	    height: 9.3rem;
	    margin-bottom: 0.4rem;
	}
	.howItWork__arrow {
		right: -20%;
	}

	.mobileService {
		margin: 0 15px;
		padding-top: 1rem;
		padding-bottom: 1.5rem;
		margin-bottom: 0;
		background-image: url(/images/mobileservice-bg-mob.jpg);
		background-position: left center;
		background-attachment: scroll;
		background-size: 100%;
		background-repeat: no-repeat;
	}

  .topProfi__rating img {max-width: 41%;}

	.howItWork__mobile-slide .mobileService{
		margin: 0;
	}
	.howItWork__mobile-slide .howItWork__title{
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;

	}
	.howItWork__mobile-slide .makeProfi__title{
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: -10px;
		margin-right: -10px;
		font-size: 30px;
	}

	.howItWork__mobile-slide .mobileService__right-column:last-child{
		width: 100%
	}
	.howItWork__mobile-slide .makeProfi {
	    border-radius: 0;
	    margin-bottom: 0;
	}

	.howItWork__mobile-slide .makeProfi__images {
	    width: 9.3rem;
	    height: 9.3rem;
	    margin-bottom: 0.4rem;
	}
	.howItWork__mobile-slide .makeProfi__item-text {
	    font-size: 1.7rem;
	    line-height: 1;
	}
	.howItWork__mobile-slider.slick-slider{
		margin-bottom: 1.5rem;
	}
	.howItWork__mobile-slider .slick-dots{
		top: auto;
	}
	.howItWork__mobile-slider .slick-dots li button::before {
		color: #fff
	}
	.howItWork__mobile-slider .slick-dots li.slick-active button::before {
		color: #fff;
		opacity: 1
	}

	.mobileService__right-title {
		text-align: center;
		font-size: 3.3rem;
		margin-bottom: 0.5rem;
	}
	.mobileService__right-column {
		width: 100%;
	}
	.mobileService__right-small-title {
		text-align: center;
		margin-bottom: 1.8rem;
	}
	.mobileService__right-b-column {
		padding-right: 1.4rem;
	}
	.mobileService__right-columns ul {
		padding-left: 2rem;
	}
	.mobileService__right-column li {
		padding-top: 0;
		padding-bottom: 0;
		line-height: 2.5rem;
		padding-left: 3.5rem;
	}
	.mobileService__right-column li:not(:last-child) {
		margin-bottom: 0.5rem;
	}
	.mobileService__right-btn-wrapper {
	    margin-top: 1.5rem;
	}
	.mobileService__right-btn-client, .mobileService__right-btn-profi {
		height: 5rem;
		line-height: 5rem;
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-left: 6.5rem;
		padding-right: 9rem;
	}
	.mobileService__right-btn-client::before, .mobileService__right-btn-profi::before {
		width: 2rem;
		height: 2rem;
		margin-right: 2.4rem;
		background-size: 100%;
	}
	.doIt{
		margin-bottom: 0;
	}
	.doIt__slider-wrapper {
		padding: 1.5rem 0rem;
	}
	.doIt .slick-dotted.slick-slider{
		position: relative;
		z-index: 10;
	}
	.doIt__slider-info{
	    top: 1.5rem;
	    left: 2.3rem;
	    right: 3rem;
	    bottom: 0;
	}
	.doIt__slider-info .doIt__slide-item-right{
		margin-left: 0;
	}
	.doIt__slider-info .doIt__btn-wrapper{
		display: block !important;
		position: absolute;
		bottom: 1.5rem;
		padding-right: 8px;
	}

	.doIt__slide-item {
		padding: 0 2.3rem
	}
	.doIt__slide-item-left{
		padding-bottom: 117px;
	}
	.doIt__slide-item-right {
		padding-right: 0;
		margin-left: 0px;
		max-width: 100%;
		flex: 0 0 100%;
		min-height: 178px;
	}
	.doIt__subtitle br {
		display: inline;
	}
	.doIt__title {
		margin-left: 0;
	    margin-bottom: 0;
	}
	.doIt__subtitle {
	    font-size: 3.1rem;
	    line-height: 3.3rem;
	}
	.doIt__comment-image {
		margin-bottom: 0.8rem;
	}
	.doIt__comment-image::before {
		width: 11.1rem;
		height: 11.1rem;
		left: 3.5rem;
	}
	.doIt__comment-image img {
		max-width: 11.1rem;
		max-height: 11.1rem;
		margin-left: -0.5rem;
	}
	.doIt__commnet-author {
		font-size: 1.8rem;
		padding-top: 0;
		line-height: 1.1;
		margin-top: -1rem;
	}
	.doIt__commnet-text{
		background-size: 2.2rem;
		margin-left: -0.7rem;
		padding-left: 3.3rem;
		padding-top: 2rem;
		max-width: 100%;
		font-size: 1.4rem;
		line-height: 1.7rem;
		padding-bottom: 3.5rem;
	}
	.doIt__btn-wrapper-mobile.doIt__btn-wrapper {
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-top: 1.2rem;
	}
	.doIt__btn-wrapper a:not(:last-child){
		margin-bottom: 0.5rem;
	}
	.doIt__btn-client, .doIt__btn-profi {
		width: 100%;
		height: 5rem;
		line-height: 5rem;
		padding-left: 6.5rem;
		padding-right: 9rem;
		margin-right: 0;
	}
	.doIt__btn-client::before, .doIt__btn-profi::before {
		width: 2rem;
		height: 2rem;
		background-size: 2rem;
	}

	.footer__box1 {
		padding-left: 1.5rem;
	}

	.footer__box2, .footer__box3, .footer__box4 {
	    max-width: 100%;
		margin-left: 0;
		padding-right: 1.5rem;
	}

	.footer__box2 .footer__title, .footer__box3 .footer__title, .footer__box4 .footer__title {
		font-size: 1.3rem;
		margin-bottom: 0;
		padding-bottom: 0.8rem;
	}


	.footer__box2, .footer__box3, .footer__box4 {
		padding-left: 1.8rem;
	}

	.footer__box2 > div, .footer__box4 > div, .footer__box3 > div{
		padding-bottom: 1rem;
		background-image: none;
		position: relative;
	}
	.footer__box2 > div:after, .footer__box4 > div:after, .footer__box3 > div:after{
		content: "";
		background-image: url("/images/icons/arrow-down-blue.svg");
		background-repeat: no-repeat;
		width: 1.4rem;
		height: 0.8rem;
		position: absolute;
		right: 0.9rem;
		top: 5px;
		transform: rotate(-90deg);
		transition: transform .3s ease;
	}

	.footer__box2 > div.open:after, .footer__box4 > div.open:after, .footer__box3 > div.open:after{
		transform: rotate(0deg);
	}

	.footer__box1 > div, .footer__box4 > div, .footer__box3 > div {
	    margin-top: 2.5rem;
	}

	.footer__box1 .footer__info {
		margin-top: 5rem;
	}

	.footer__logo {
		margin-bottom: 1.5rem;
		max-width: 170px;
	}
	.footer__copyright {
	    margin-bottom: 3.5rem;
	    margin-top: 0;
	}
	.footer__support{
		margin-bottom: 4rem;
	}
	.footer__support .footer__title {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.footer__email-support {
		background-size: 2.6rem;
		font-size: 1.8rem;
	}

	.footer__sc {
		margin-bottom: 3rem;
	}
	.footer__sc .footer__title{
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.footer__sc a {
		width: 4.4rem;
		height: 4.4rem;
		background-size: contain;
		margin: 0 0.7rem
	}
	.footer__store a {
		width: 14.3rem;
		height: 4.9rem;
	}

	.footer__google {
	    width: 113px !important;
		height: 38px !important;
    }
    .footer__apple {
	    width: 105px !important;
		height: 38px !important;
    }

	.form-box__sc-login{
		padding: 0 0.7rem;
	}
	.form-box__input-group{
		padding: 0 0.7rem 3rem 0.7rem
	}
	.form-box__input-field {
		padding-left: 2.5rem;
	}
	.required .required-field{
		top: 11px;
		left: 8px;
	}
	.form-box__required{
		padding-left: 0.5rem;
		margin-top: 0.5rem;
	}
	.form-box__policy label{font-size: 1.2rem;}

}

@media (max-width: 375px){
	.needProfi__btn{padding-right: 2rem;}
	.howItWork__mobile-slide .makeProfi__title{font-size: 28px;}
	.mobileService__right-btn-client{padding-right: 6.5rem;}
	.doIt__title{font-size: 4.5rem;}
	.doIt__subtitle{font-size: 2.5rem;}
	.needProfi__title {font-size: 4.8rem;}
	.needProfi__title span font{margin-left: -10px;}
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}

.header.home-page .header__bepro.button {background-color: rgba(3, 3, 3, 0.4);}
.header.home-page.sticky .header__bepro.button {background-color: rgba(3, 3, 3, 0);}

#preload{
	background-image: url("/images/icons/header/izbrannoe_hover.svg"),
		url("/images/icons/nastroyka_hover.svg?1"),
		url("/images/icons/header/galka_town_hover.svg"),
		url("/images/icons/nastroyka_hover.svg?1"),
		url("/images/icons/header/izbrannoe_hover.svg"),
		url("/images/icons/nastroyka_hover.svg?1"),
		url("/images/icons/01_hover.svg"),
		url("/images/icons/02_hover.svg"),
		url("/images/icons/03_hover.svg"),
		url("/images/icons/04_hover.svg"),
		url("/images/icons/05_hover.svg"),
		url("/images/icons/06_hover.svg"),
		url("/images/icons/07_hover.svg"),
		url("/images/menu/01_left_icon_over.svg"),
		url("/images/menu/02_left_icon_over.svg"),
		url("/images/menu/03_left_icon_over.svg"),
		url("/images/menu/04_left_icon_over.svg"),
		url("/images/menu/05_left_icon_over.svg"),
		url("/images/menu/06_left_icon_over.svg"),
		url("/images/menu/07_left_icon_over.svg"),
		url("/images/menu/08_left_icon_over.svg"),
		url("/images/menu/09_left_icon_over.svg"),
		url("/images/menu/10_left_icon_over.svg"),
		url("/images/menu/11_left_icon_over.svg"),
		url("/images/menu/12_left_icon_over.svg"),
		url("/images/menu/13_left_icon_over.svg"),
		url("/images/icons/checkbox.svg"),
		url("/images/tooltip.svg"),
		url("/images/icons/F_icon_hover.svg"),
		url("/images/icons/Insta_icon_hover.svg"),
		url("/images/icons/YT_icon_hover.svg"),
		url("/images/arrow_for_slayder_hover_left.svg"),
		url("/images/icons/Google_market_Headder_final_hover.svg"),
		url("/images/icons/app_store_Headder_final_hover.svg"),
		url("/images/icons/App_store_Podval_final_hover.svg"),
		url("/images/icons/Google_market_podval_final_hover.svg");

}


















.mobileService__left {
	position: initial;
}

.menuScroller {
    visibility: hidden;
}

.forgot-box__button-back:hover {
    background: #00ceff;
}

section.doIt.mobile {
    display: none;
}

.adventLogoInside_img.mobile {
	display: none;
}

.needProfi__btn {
	background-color: rgb(0 0 0 / 0.35);
}

.leftMenu__submenu-wrapper {
	z-index: 1;
}

.mobileService__left {
    position: absolute;
    z-index: 6;
    height: 100%;
}

.mobileService__right-columns {
    padding-bottom: 15px;
}

.mobileService__left-text {
    bottom: 0;
    position: absolute;
}

.headerAfter .preheader__search-choose {
	margin-right: 8px;
}

.register-popup {
    margin: 4.7rem auto 2.7rem;
}



/*
.localityHeader__inner {
	overflow-y: scroll;
    height: 55vh;
}
*/

@media screen and (max-width: 1400px) {
	.doIt.no_mobile .slick-dots {
	    bottom: 25px;
	    transform: translateX(7vw);
	}

	.mobileService__left {
	    position: absolute;
	    z-index: 6;
	    height: 100%;
	}

	.mobileService .mobileService__left-b-column:before{
		left: 0;
	}

	section.mobileService.parallax-window.d-none.d-md-block {
	    padding-top: 15px;
	}


	.mobileService__right-column li {
	    font-size: 1.4vw;
	    padding: 0;
	    padding-left: 2.7rem;
	}

	.mobileService__right-small-title {
	    font-size: 1.6vw;
	}

	.mobileService__right-title {
	    font-size: 3.3vw;
	}

	.mobileService__right-columns {
	    min-height: initial;
	}

	.mobileService__right-columns {
	    padding-bottom: 15px;
	}

	.mobileService__left-text {
	    bottom: 15px;
	}

	.mobileService__left {
	    padding-left: 0;
	}

	.preheader__search-choose {
		right: 16%;
	}

	.preheader__search-btn {
		min-width: 15%;
	}

}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
	.makeProfi__arrow {
	    transform: translateX(9.3vw);
	}

	.howItWork__arrow {
	    transform: translateX(9.3vw);
	}
}

@media screen and (min-width: 570px) and (max-width: 1050px) {
	.makeProfi__arrow {
	    transform: translateX(11vw);
	}

	.howItWork__arrow {
	    transform: translateX(11vw);
	}
}


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

	.leftMenu ul {
	    overflow-x: hidden;
	}

	header.header.home-page.sticky .container {
	    max-width: 100%;
	}

	header.header.sticky .search__form-header {
	    width: 30vw;
	}



	header.header.sticky .header__order {
	   margin-top: 2px;
	    width: 28px;
	    min-width: 28px;
	    height: 28px;
	    margin-right: 1.2rem;
	    padding: 0;
	    background-position: center;
	    background-size: 66%;


	}

  .header.home-page .header__order {margin-top:3px}
      .header__buttons .header__bepro.button {padding-left: 2.8rem;}

	header.header.sticky .header__order span {
	    display:none;
	}


	header.header.sticky .header__login {
	    background-image: url(/images/icons/kabinet.svg);
	    width: 28px;
	    height: 28px;
	    padding: 0;
	    display: block;
	    background-position: top center;
	    background-repeat: no-repeat;
	    margin-left: 0.7rem;
	    border-radius: 3rem;
	    border: 0;
	    background-size: 99%;
	}

	header.header.sticky .header__login span {
	    display: none;
	}
	
	.header.home-page.sticky .header__bepro.button{
		background-position-x: 7px;
	}
	
	header.header.sticky .header__bepro span {
	    display: none;
	}

	header.header.sticky .header__bepro {
	    text-transform: uppercase;
	    background-size: 16px;
	}

	.header.sticky .posUnset.over {
	    max-width: 100px;
	}

	.header.sticky .d-flex.justify-content-end {
	    padding: 0;
	}

	header.header.sticky .search__form-header {
	    width: 100%;
	}

	header.header.sticky .header__buttons {
	    padding: 0;
	}

	.header.sticky .header__bepro.button {
	    line-height: 3rem;
	}

	.header .header__locality.localityHeader.open {
	    width: 100%;
	    left: 25%;
	    transform: translateY(0) translateX(-25%);
	}

	.header .localityHeader:before {
		left: 21.5%;
	}

	.container {
	    max-width: 100%;
	    box-sizing: border-box;
	}

	.homeIcons__item a {
	    max-width: 10rem;
	    max-height: 10rem;
	    width: 100%;
	    height: 100%;

	}

	.homeIcons__item a:hover {
		border-color: #0000;
	}

	.homeIcons__link-text {
	    white-space: break-spaces;
	    text-align: center;
	    min-height: 4rem;
	}

	aside.col-lg-3.leftMenu__inner {
	    padding: 0 15px;
	}

	.col-12.needProfiMainWrapp {
	    padding: 0;
	}

	.needProfi {
		background-size: cover;
		min-height: 425px;
	}

	.needProfi__box {
	    box-sizing: border-box;
	    width: 100%;
	    border-radius: 0;
	    margin: 0;
	}

	.howItWork {
	    width: calc(100% - 30px);
	    margin: 2.6rem auto;
	}

	.mobileService__right-column li {
	    line-height: 8px;
	}

	.mobileService__right-btn-client {
	    max-width: 21.5vw;
	    padding: 0;
	}

	.mobileService__right-btn-profi {
	    padding: 0;
	    max-width: 21.5vw;
	}

	.mobileService__left {
	    padding-left: 3vw;
	}

	.mobileService .mobileService__left-b-column:before {
	    background-position: left top;
	    height: 100%;
	    bottom: 0;
	    margin: 0;
	    background-size: 90%;
	}

	.mobileService__left-b-column {
	    max-height: 100%;
	}

	section.mobileService.parallax-window.d-none.d-md-block {
	    height: auto;
	    padding-bottom: 0;
	}

	.doItMainWrapp {
	    padding: 0;
	    overflow-x: hidden;
	}

	.doIt__commnet-text {
	    margin-right: 0;
	    max-width: 100%;
	}

	.doIt__btn-wrapper {
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    align-items: baseline;
	}

	.doIt__btn-client, .doIt__btn-profi {
	    width: calc(100% / 2 - 5px);
	    padding: 0;
	}

	.doIt.no_mobile .slick-dots {
	    bottom: 25px;
	    transform: translateX(7vw);
	}



	.footer__box {
	    padding-left: 15px;
	}

	.footer__email-support {
		font-size: 1.4rem;
	}


	.doIt.no_mobile {
		display:block!important;
	}

	.doIt.mobile {
		display:none!important;
	}

	section.doIt {
	    margin-bottom: 0;
	}

	.row {
		margin: 0;
	}

	.mobileService__right-column {
		font-size: 1.2rem;
	}

	.mobileService__right-column li {
	    padding: 0.7rem 1rem 0.7rem 4rem;
	    box-sizing: border-box;
	}

	.mobileService__right-column li:not(:last-child) {
	    margin-bottom: 1rem;
	}

	.mobileService__right-btn-client, .mobileService__right-btn-profi {
    	margin-left: 0rem;
    	text-align: center;
    }

    .container {
	    padding: 0;
	}

	.doIt__btn-client, .doIt__btn-profi {
	    text-align: center;
	}

	section.makeProfi {
	    min-height: 326px;
	    height: 100%;
	}

	.container.d-none.d-md-block {
	    padding-bottom: 15px;
	}

	.mobileService__right-column li {
		background-size: contain;
	}

	.homeIcons__container.d-none.d-md-flex {
	    box-sizing: border-box;
	    padding: 0 15px;
	}

	aside.leftMenu__inner.leftMenu_wrapp {
	    box-sizing: border-box;
	    padding: 0 15px;
	}

	.homeSlider__item img {
	    width: 100%;
	}

	.no_mobile .doIt__btn-wrapper {
	    margin-top: 35px;
	}

	.doIt.no_mobile .slick-dots {
		bottom: 0;
	}

	.mobileService__left-logo-inside {
	    display: none;
	}

	.adventLogoInside_img.mobile {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	}

	.mobileService__left-b-column {
	    min-height: auto;
	    box-sizing: border-box;
	    padding-bottom: 5vw;
	}

	.header.home-page .localityHeader:before {
	    left: 17.2vw;
	}

	.header.home-page .header__locality.localityHeader.open {
		top: 6vw;
	}

	mobileService__right-columns {
	    align-items: flex-start;
	}


	.mobileService__right-column {
	    width: 100%;
	    max-width: 50%;
	}

	section.mobileService.parallax-window.d-none.d-md-block {
	    max-width: 100%;
	    overflow: hidden;
	}

	.mobileService__right-column {
	    font-size: 1.1rem;
	}

	section.makeProfi {
	    min-height: auto;
	    height: 100%;
	}

	.mobileService {
	    height: 40vw;
	}

	section.mobileService.parallax-window.d-none.d-md-block {
	    padding-left: 0;
	}

	.mobileService__left {
	    padding-left: 7vw;
	}

	.adventLogoInside_img.mobile {
	    margin-left: 8vw;
	}

	.mobileService .mobileService__left-b-column:before {
	    background-position: 0vw 0;
	    height: 100%;
	    bottom: 0;
	    margin: 0;
	    background-size: 49vw;
	}

	.mobileService__left-title {
	    font-size: 2.6rem;
	}

	.mobileService {
	    height: 46vw;
	}

	.mobileService .mobileService__left-b-column:before {
	    background-size: contain;
	}


	.doIt__slider-wrapper {
	    margin-bottom: 20px;
	}

	.offset-sm-6.col-sm-6.doIt__slide-item-right {
	    position: relative;
	}

	.no_mobile .doIt__title {
	    position: absolute;
	    margin-bottom: 0;
	    font-size: 5vw;
	    width: 130%;
		transform: translateX(15%);
	}

	.no_mobile .doIt__subtitle {
	    margin-top: 7vw;
	}

	.needProfi__title {
	    font-size: 5.7rem;
	}

	.headerAfter {
	    background: #f0f0f0;
		margin-right: 0;
	}


	.preheader__search-wrap.headerAfter__search-wrap {
		margin: 0;
	}

	.doIt.no_mobile .slick-dots {
	    bottom: 0vw!important;
	}

	.doIt__commnet-text {
	    font-size: 1.7vw;
	}

	.doIt__subtitle br {
	    display: inline-block;
	}

	.doIt__subtitle br {
	    display: inline-block;
	}

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

	.footer__store > a {
	    max-width: calc(50% - 2px);
	    width: 100%;
	}

	.needProfi__title span {
	    border-bottom: none!important;
	}

	.needProfi__title span:before {
		visibility: hidden;
	}


	.mobileService.parallax-window.d-none.d-md-block {
	    position: relative;
	}

	.mobileService__left-text {
	    position: absolute;
	}

	section.mobileService.parallax-window.d-none.d-md-block {
	    position: relative;
	}

	.adventLogoInside_img.mobile Object {
	    margin-bottom: 10px;
	}



}

@media screen and (max-width: 1000px) {
	.no_mobile .doIt__title {
	    position: absolute;
	    margin-bottom: 0;
	    font-size: 4.5vw;
	    width: 130%;
	    transform: translateX(-25%);
	}

	.needProfi__title {
	    box-sizing: border-box;
		padding: 0 6vw;
	}

	.preheader__search-wrap.headerAfter__search-wrap {
		margin: 0;
	}

	.doIt.no_mobile .slick-dots {
	    bottom: 4vw!important;
	}

	.doIt__subtitle {
	    font-size: 3rem;
	    line-height: 3.5rem;
	}

	.headerAfter__search-wrap {
	    padding: 1.5rem!important;
	}

	.footer__store {
	    display: flex;
	    justify-content: space-between;
	    max-width: 216px;
	    margin: 0 auto;
	}

	.footer__store > a {
	    max-width: calc(50% - 2px);
	    width: 100%!important;
	}

	.localityHeader__local-lists {
	    grid-template-columns: repeat(4, minmax(25%, 1fr));
	}

}

@media screen and (min-width: 767px) and (max-width: 890px) {
	.header__search-input::-webkit-input-placeholder { font-size: 1.3vw; }
    .header__search-input::-moz-placeholder { font-size: 1.3vw; }
    .header__search-input:-ms-input-placeholder {  font-size: 1.3vw }
    .header__search-input:-moz-placeholder {  font-size: 1.3vw; }

    .no_mobile .doIt__btn-wrapper {
	    margin-top: 10vw;
	}

	.doIt__commnet-text {
	    font-size: 1.5vw;
	}

	.doIt.no_mobile .slick-dots {
	    bottom: 0!important;
	}
}

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


	.mobileService {
	    min-height: 40vw;
	}

	.mobileService__left-title {
	    font-size: 2.3rem;
	}

	.mobileService__left-text {
	    margin-top: 4vw;
	    font-size: 1.5rem;
	}

	.localityHeader__local-lists {
	    grid-template-columns: repeat(2, minmax(25%, 1fr));
	}

	.localityHeader__local-list {
	    padding: 0;
	}



}



@media screen and (width: 768px) {
	.doIt.no_mobile .slick-dots {
	    bottom: -5vw!important;
	}

	.doIt__slide-item-left {
	    padding-right: 7vw;
	}

	.doIt__slider-wrapper {
	    box-sizing: border-box;
	}

	.needProfi__title {
	    text-align: center;
	    margin-bottom: 20px;
	}

	.needProfi p {
	    margin-bottom: 20px;
	}

	.needProfi p#howItWork {
	    margin: 20px auto;
	}

	.needProfi {
	    margin: 0 auto;
	}

	.mobileService .mobileService__left-b-column:before {
	    bottom: -1vw;
	    left: -3vw;
	    background-size: 53vw;
	}

	.mobileService {
	    height: 40vw!important;
	}

	.no_mobile .doIt__title {
	    position: absolute;
	    margin-bottom: 0;
	    font-size: 4vw;
	    width: 130%;
	    transform: translateX(-10%);
	}



}

@media screen and (min-width: 430px) and (max-width: 767px) {
	.footer ul {
	    display: none;
	}

	.footer__box2 > div, .footer__box4 > div, .footer__box3 > div {
	    padding-bottom: 1.2rem;
	    background-image: url(/images/icons/arrow-down-blue.svg);
	    background-repeat: no-repeat;
	    background-position: right 5px;
	}

	.mobileService__right-b-column {
	    width: 100%;
	    max-width: 100%!important;
	    flex: 100%;
	}

	.mobileService__right ul li {
	    margin-left: 12%!important;
	    font-size: 2rem;
	}

	.mobileService__right-title {
    	font-size: 3rem;
	}

	.mobileService__right-small-title {
	    font-size: 2.2rem;
	}

}



@media screen and (max-width: 766px) {
	.header.home-page .header__bepro.button {
	    background-color: rgba(3, 3, 3, 0.0);
	}

	.header__bepro.button {
		color: #00ceff;
		border: 1px solid #00ceff;
	}

	.header__bepro {
	    background-image: url(/images/icons/plus-blue_redisign.svg);
	}

	.doIt__slider-info .doIt__slide-item-right {
	    max-width: 100%;
	    margin-left: 0;
	    width: 100%!important;
	    flex: 100%;
	}

	.wrapper header, .wrapper footer .footer__box {
	    min-width: 100%;
	    margin: 0;
	}

	.wrapper header, .wrapper footer .footer__box .footer__title {
	    max-width: 40vw;
	    margin: 0 auto;
	    padding: 0.9rem 0;
	}

	.footer ul.open {
	    margin: 20px auto;
	    max-width: 40vw;
	}

	.doIt.no_mobile {
		display:none!important;
	}

	.doIt.mobile {
		display:block!important;
	}

	.doIt.mobile .slick-dots {
	    bottom: -10px;
	}

	.row.doIt__slider-info {
	    position: relative;
	    top: 0;
	    left: 0;
	    right: 0;
	}

	.doIt__btn-wrapper.buttons_mobile {
	    display: flex!important;
	    flex-direction: column;
	}

	.doIt__btn-wrapper.buttons_mobile > a {
	    width: 100%;
	    margin: 5px 0;
	}


	.needProfi__btn {
	    margin: 15px auto;
	}

	section.doIt.mobile {
	    margin-bottom: 0;
	}

	.doIt.mobile .slick-dots {
	    position: relative;
	}

	.needProfi ul {
	    margin-left: 0;
	}

	.needProfi__title {
	    text-align: center;
	    margin-bottom: 20px;
	}

	.needProfi p {
	    line-height: 2.4rem;
	}


	.needProfi__btn {
	    width: 100%;
	    border-color: #f0f0f0;
	    box-sizing: border-box;
	}

	.mobile .doIt__slide-item-left {
	    padding-bottom: 0!important;
	}

	.row {
	    margin: 0!important;
	}

	.container {
	    padding: 0!important;
	}

	.offset-sm-12.col-sm-12.doIt__slide-item-right {
	    padding: 0 15px;
	}

	.doIt__btn-wrapper.buttons_mobile {
	    width: calc(100% - 2rem);
	}

	.doIt__commnet-text {
	    padding-bottom: 0!important;
	}

	.needProfi__box {
	    width: 100%;
	}

	.button.needProfi__btn {
		background-color: rgb(0 0 0 / 0.35);
	}

	.footer__box1 {
	    -webkit-box-ordinal-group: 5;
	    -ms-flex-order: 4;
	    order: 4;
	    text-align: center;
	}

	.footer ul {
	    margin: 1.8rem auto;
	    max-width: 40vw;
	}

	.footer__box1 {
	    margin: 10px auto;
	    width: 100%!important;
	    max-width: 40vw!important;
	    padding: 0;
	    text-align: left;
	}

	.footer__info {
	    width: 100%;
	}

	.needProfi__title span {
	    border-bottom: 2px dotted #FF8B26;
	}

	.footer__box1 {
	    max-width: 100%!important;
	    text-align: center;
	}

	.header.home-page .localityHeader:before {
	    left: 25.5%;
	}

	.localityHeader {
		top: 9vw;
	}

	.needProfi__title span:before {
		visibility: visible;
	}

	.headerAfter__search-wrap {
	    padding: 0.5rem!important;
	}


	.mobileService__right {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}

	.mobileService__right-title {
	    text-align: center;
	    margin-bottom: 1rem;
	}

	.mobileService__right-columns {
	    text-align: center;
	}

	.mobileService__right ul li {
	    text-align: left;
	    margin-left: 7vw;
	}

	.mobileService__right-btn-wrapper {
	    margin-top: 2.5rem;
	}

	.needProfi__title span:before {
		visibility: visible;
	}

	.needProfi__title span {
		border: none!important;
	}

	.needProfi__title > span {
	    position: relative;
	    display: inline-block;
	}

	.needProfi__title span:before {
	    content: '';
	    visibility: visible;
	    position: absolute;
	    top: inherit;
	    z-index: 1;
	    display: block;
	    width: 100%;
	    bottom: 0;
	    left: 0;
	}

	.needProfi__btn {
		max-width: 340px;
	}


	.mobileService__right-column:last-child {
	    width: 47rem;
        max-width: 100%;
	}

	.doIt__btn-wrapper.buttons_mobile > a {
	    max-width: 300px;
	    margin: 5px auto;
	}

	.mobileService__right-btn-client, .mobileService__right-btn-profi {
	    width: 100%;
	    max-width: 320px;
	}

	.needProfi ul {
	    margin: 0 auto 1rem;
	}

	.needProfi ul {
	    margin: 0 auto 1rem;
	}

	.footer__box2 > div, .footer__box4 > div, .footer__box3 > div {
		background-position: right center!important;
		background-image: none;
		position: relative;
	}

	.footer__box2 > div:after,
	.footer__box4 > div:after,
	.footer__box3 > div:after {
	    content: "";
	    background-image: url(/images/icons/arrow-down-blue.svg);
	    background-repeat: no-repeat;
	    width: 1.4rem;
	    height: 0.8rem;
	    position: absolute;
	    right: 0;
	    top: calc(50% - 0.4rem);
	    transform: rotate(-90deg);
	    transition: transform .3s ease;
	}

	.footer__box2 > div.open:after,
	.footer__box4 > div.open:after,
	.footer__box3 > div.open:after {
		transform: rotate(0deg);
	}

    .mobileService__right ul li {
        margin-left: 22%!important;
        font-size: 2rem;
    }

    .doIt__slider-wrapper {
        background-image: url(/images/doit-bg.jpg);
        background-size: cover;
        background-position: center 20%!important;
    }


}

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

	.header__town span {
	    display: none;
	}

	.header.home-page .localityHeader:before {
	    left: 31.5vw;
	}

	.localityHeader {
		top: 40px;
	}

	.header.register-page.sticky .header__town {
	    background-image: url(/images/icons/city-marker.svg);
	    margin-top: 4px;
	    margin-left: -34px;
	    width: 85px;
	    background-size: 44%;
	    background-position: 9px center;
	}

	.header.register-page.sticky .header__town {
		background-size: 44%!important;
	}

	.howItWork, .makeProfi {
	    margin-bottom: 0;
	    border-radius: 0;
	}

	.makeProfi__item-text {
	    min-height: 7.6vw;
	}

	.howItWork__item-text, .makeProfi__item-text {
	    min-height: 8.4vw;
	}

	.footer__info {
	    margin-top: 5px!important;
	}

    .makeProfi__item-text, .howItWork__item-text {
        font-size: 4vw;
        line-height: 4.1vw;
    }

}

@media screen and (min-width: 280px) and (max-width: 560px) {
	.localityHeader__local-lists {
		grid-template-columns: repeat(1, minmax(100%, 1fr));
	}
}

@media screen and (max-width: 550px) {
	.howItWork__item-text, .makeProfi__item-text {
	    min-height: 7.6vw;
	}

	.howItWork, .makeProfi {
	    padding: 1rem;
	}

	.howItWork__item-text, .makeProfi__item-text {
	    min-height: 10.3vw;
	}




}




@media screen and (max-width: 430px) {
	.needProfi__btn {
	    background-color: rgba(0, 0, 0, 0.35);
	}

	.posUnset.over {
	    overflow: visible;
	}

	.header.register-page.sticky .header__town {
	    background-size: contain;
	}

	.wrapper header, .wrapper footer .footer__box .footer__title {
	    max-width: 100%;
	}

	.footer__box2 > div:after, .footer__box4 > div:after, .footer__box3 > div:after {}

	.footer__box2 > div:after, .footer__box4 > div:after, .footer__box3 > div:after {
	    top: auto;
	    bottom: 10px;
	}

	.footer ul.open {
	    max-width: 100%;
	}

	.localityHeader.open {
	    max-width: calc(100% - 15px);
	    margin: 0 auto;
	}

	body {
	    min-width: 100%;
	}

	.needProfi__title {
	    font-size: 4rem;
	}

	.mobileService__right-title {
	    font-size: 7vw;
	}

	.mobileService__right-small-title {
	    font-size: 5vw;
	}

    .footer__email-support {
        padding-left: 3.8rem;
    }

}

@media screen and (max-width: 429px) {
	.header.home-page .localityHeader:before {
	    left: 28.5vw;
	}

	.needProfi ul li {
		font-size: 4.5vw;
        background-size: 5vw;
	}

	section.mobileService.parallax-window {
		background-size: cover;
	}

	.preheader__search-input::-webkit-input-placeholder { font-size: 3vw; }
    .preheader__search-input::-moz-placeholder { font-size: 3vw; }
    .preheader__search-input:-ms-input-placeholder {  font-size: 3vw; }
    .preheader__search-input:-moz-placeholder {  font-size: 3vw; }

    .mobileService__right ul li {
        margin-left: 10%!important;
        font-size: 1.5rem;
    }




}

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

	.needProfi__title {
	    padding: 0;
	}

	.needProfi__title > span {
	    display: block;
	    max-width: 39%;
	    margin: 0 auto;
	}

	.needProfi__title > span font {
	    padding-left: 5px;
	}

	.needProfi__title {
	    font-size: 10vw;
	}

	.mobileService__right ul li {
	    margin-left: 0;
	}

	.mobileService__right-btn-client, .mobileService__right-btn-profi {
	    width: 100%;
	    padding: 0;

	}

	.mobileService__right-column li {
	    min-height: 9vw;
	}

	.howItWork__title, .makeProfi__title {
	    height: auto!important;
	    min-height: 16vw;
	}

	.howItWork__mobile-slider .slick-dots {
	    top: inherit;
	    top: 50%;
	}

	.mobileService__right ul li {
	    display: flex;
	    align-items: center;
	}

    .mobileService__right-columns {
        padding-bottom: 15px;
        width: 100%;
    }

    .mobileService__right-columns {
        padding-bottom: 15px;
        width: 90%;

    }

    .mobileService__right-btn-wrapper {
        max-width: 260px;
        margin: 2.5rem auto 0;
        width: 100%;
    }

    .mobileService__right-columns ul {
        padding-left: 0;
    }

    .mobileService__right ul li {
        margin-left: 0%!important;
        font-size: 1.7rem;
    }

}

@media screen and (max-width: 375px) {
	.mobileService__right ul li {
	    min-height: 7.2vw;
	}

	.howItWork__title, .makeProfi__title {
	    min-height: 24vw;
	}

	.howItWork__item-text, .makeProfi__item-text {
	    min-height: 10vw;
	}

	.button.needProfi__btn {
	    font-size: 5vw;
	}

    .makeProfi__item-text br {
        display: none;
    }
}


@media screen and (max-width: 350px) {
	.header.home-page .localityHeader:before {
	    left: 31.5vw;
	}

	


}

@media screen and (max-width:360px) {
    .mobileService__right ul li {
        margin-left: 0%!important;
        font-size: 1.4rem;
    }
    .col-xl-8.col-lg-8.col-md-8.col-sm-7.col-7.d-flex.justify-content-end {
	    padding: 0;
	    max-width: 60%;
	}

	.col-xl-2.col-lg-2.col-md-2.col-sm-3.col-4.header__logo-column {
	    max-width: 30%;
	}

	.col-xl-2.col-lg-2.col-md-2.col-sm-2.col-1.posUnset.over {
	    max-width: 10%;
	    text-align: center;
	    overflow: hidden;
	    padding-left: 6vw;
	    box-sizing: border-box;
	}
}

@media screen and (max-width: 340px) {
	.header.home-page .localityHeader:before {
	    left: 26.5vw;
	}

	.howItWork__mobile-slide .makeProfi__title {
	    font-size: 24px;
	}

	.makeProfi__arrow,
	.howItWork__arrow {
	    transform: translateX(2.3vw);
	}
}