@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Light.eot');
    src: local('fonts/Gordita Light'), local('Gordita-Light'),
        url('fonts/Gordita-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Light.woff2') format('woff2'),
        url('fonts/Gordita-Light.woff') format('woff'),
        url('fonts/Gordita-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Regular.eot');
    src: local('fonts/Gordita Regular'), local('Gordita-Regular'),
        url('fonts/Gordita-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Regular.woff2') format('woff2'),
        url('fonts/Gordita-Regular.woff') format('woff'),
        url('fonts/Gordita-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Medium.eot');
    src: local('fonts/Gordita Medium'), local('Gordita-Medium'),
        url('fonts/Gordita-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Medium.woff2') format('woff2'),
        url('fonts/Gordita-Medium.woff') format('woff'),
        url('fonts/Gordita-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Bold.eot');
    src: local('fonts/Gordita Bold'), local('Gordita-Bold'),
        url('fonts/Gordita-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Bold.woff2') format('woff2'),
        url('fonts/Gordita-Bold.woff') format('woff'),
        url('fonts/Gordita-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Black.eot');
    src: local('fonts/Gordita Black'), local('Gordita-Black'),
        url('fonts/Gordita-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Black.woff2') format('woff2'),
        url('fonts/Gordita-Black.woff') format('woff'),
        url('fonts/Gordita-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    cursor: pointer;
    outline: 0
}

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

body {
    font: 14px 'Gordita';
    font-weight: 400;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    color: #161917;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

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

img {
    max-width: 100%;
    user-select: none
}

strong {
    font-weight: 500;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color:transparent;
}

.xs, .md {
    display: none;
}

.inner, .wrapper {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.container:after, .row:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ' '
}

.checkbox {
    position: relative
}

.wrapper {
    position: relative;
    overflow: hidden;
    z-index: 501;
    width: 100%;
    min-width: 1200px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto
}

.wrapper, footer, html, body {
    min-height: 320px;
}

.container {
    width: 100%;
    max-width: 1380px;
    padding: 0 20px;
    margin: auto;
    height: 100%;
}

input:invalid,
input:required {
    box-shadow: none;
}

header, footer {
	background: #FFFFFF;
}

header {
	height: 80px;
	border-top: 6px solid #5684FE;
    border-bottom: 1px solid #E5E5E5;
    transition: top .3s ease-out;
    width: 100%;
    position: absolute;
    top: 0;
    background: #FFFFFF;
}

main {
    padding-top: 80px;
}

.main__page header {
    border-bottom: 0;
}

.wrapper.scroll-header header {
    position: fixed;
    top: -80px;
    z-index: 3;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

button {
	font-family: 'Gordita';
	outline: 0;
	border: 0;
    cursor: pointer;
}

input {
	outline: 0;
}

.container:after, .row:after,
input[required] + label:after, textarea[required] + label:after {
	display: none;
}

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

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

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

.header__left--logo {
    margin-right: 65px;
}


.header__left--menu {
	height: 100%;
}

.header__left--menu ul {
	display: flex;
	height: 100%;
	align-items: center;
}

.header__left--menu ul li a {
	padding: 0 7px;
	position: relative;
}

.header__left--menu ul li a span {
	position: relative;
	top: -2px;
}

.header__left--menu ul li.active a span {
    font-weight: 500;
}

.header__left--menu li {
	font-weight: normal;
    font-size: 14px;
    line-height: 15px;
	color: #000000;
	margin-right: 29px;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}

.header__left--menu li.level-2 .header__menu--level2 {
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 25px;
	left: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    transition: height .3s ease-out;
    width: 200px;
    z-index: 2;
}

.header__left--menu li.level-2 span {
	position: relative;
	padding-right: 15px;
}

.header__left--menu li.level-2 span:after {
	content: url('/local/templates/redsgroup_copy/images/arrow_down_menu.svg');
	display: block;
	position: absolute;
	right: 0;
	top: 1px;
}

.header__left--menu li.level-2 .header__menu--level2 ul {
    flex-direction: column;
    align-items: baseline;
    padding: 20px;
}

.header__left--menu li.level-2 .header__menu--level2 ul li {
    margin-right: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 14px;
}

.header__left--menu li.level-2 .header__menu--level2 ul li:last-child {
    margin-bottom: 0;
}

.header__left--menu li.level-2 .header__menu--level2 ul li a,
.header__left--menu li.level-2 .header__menu--level2 ul li a span {
    padding: 0;
}

.header__left--menu li.level-2 .header__menu--level2 ul li a span:after,
.header__left--menu li.level-2 .header__menu--level2 ul li a:after {
    display: none;
}

.header__left--menu li.level-2 .header__menu--level2 ul li a {
    border-bottom: 1px solid transparent;
    transition: border .3s ease-out;
}

.header__left--menu li.level-2 .header__menu--level2 ul li a:hover {
    border-bottom: 1px solid #000000;
}

.header__left--menu ul li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -30px;
	background: transparent;
	transition: background .3s ease-out;
}

.main__page .header__left--menu ul li a:after {
    bottom: -29px;
}

.header__left--menu ul li a:hover:after,
.header__left--menu ul li.active a:after {
	background: #000000;
}

.header__right--phone {
    margin-right: 10px;
}

.header__right--phone a {
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
}

.header__right--action span {
	font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #5684FE;
    border-bottom: 1px solid #5684FE;
    transition: border .3s ease-out;
    cursor: pointer;
}

.header__right--action span:hover {
	border-bottom: 1px solid transparent;
}

.breadcrumb {
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    margin: 29px 0 28px 0;
}

.breadcrumb .breadcrumb-separator {
    margin: 0 7px;
}

footer {
	background: linear-gradient(180deg, rgba(241, 241, 241, 0.51) 0%, #F2F1F1 80.21%);
	min-height: auto;
    overflow: hidden;
}

.footer__main {
	padding: 38px 0 73px 0;
}

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

.footer__main .footer__menu {
	display: flex;
}

.footer__main .footer__menu--column > span {
	font-weight: bold;
	font-size: 18px;
	line-height: 19px;
	color: #000000;
	margin-bottom: 23px;
	display: block;
}

.footer__main .footer__menu--column li {
	list-style: none;
    font-size: 14px;
    line-height: 22px;
    color: rgb(0, 0 ,0, 60%);
    margin-bottom: 10px;
}

.footer__main .footer__menu--column li:last-child {
	margin-bottom: 0;
}

.footer__main .footer__menu--column:first-child {
	margin-right: 153px;
}

.footer__main .footer__menu--column:last-child ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100px;
}

.footer__main .footer__menu--column:last-child ul li {
	margin-right: 68px;
}

.footer__main .footer__menu--column li a {
	border-bottom: 1px solid transparent;
	transition: border .3s ease-out;
}

.footer__main .footer__menu--column li a:hover {
	border-bottom: 1px solid rgb(0, 0 ,0, 60%);
}

.footer__main--right {
    display: flex;
    font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	color: #000000;
}

.footer__right--phone {
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.footer__right--phone a {
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    margin-left: 6px;
}

.footer__right--phone img {
	position: relative;
}

.footer__right--column:last-child {
	margin-left: 95px;
}

.footer__right--column button {
	background: #5684FE;
	border-radius: 7px;
	width: 184px;
	height: 35px;
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	color: #FFFFFF;
	margin-top: 15px;
	border: 0;
	outline: 0;
	transition: opacity .3s ease-out;
	cursor: pointer;
}

.footer__right--column button:hover {
	opacity: 80%;
}

.footer__right--column button:active {
	opacity: 100%;
}

.footer__right--email a {
	position: relative;
    top: -4px;
    padding-left: 11px;
}

.footer__right--email img {
	position: relative;
    top: 2px;
    right: -3px;
}

.footer__right--address {
    display: flex;
    margin-top: 17px;
}

.footer__right--address img {
    position: relative;
    top: -4px;
    left: 3px;
}

.footer__right--address a {
	position: relative;
    left: 18px;
}

footer .footer__bottom {
	display: block;
	height: 43px;
	border-top: 1px solid rgb(196, 196, 196, 30%);
}

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

.footer__bottom .container span {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}

.footer__bottom .container a {
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	transition: opacity .3s ease-out;
}

.footer__bottom .container a:hover {
	opacity: 80%;
}

.footer__bottom .container a:active {
	opacity: 100%;
}

.wrapper__shadow--popup {
    display: none;
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    z-index: 999;
}

.wrapper__shadow--popup.active {
    display: block;
}

.popup__form,
.popup__form--send,
.popup__form--request {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -51%);
    left: -60%;
    background: #FFFFFF;
    width: 450px;
    height: auto;
    padding: 23px 30px 30px 30px;
    z-index: 1000;
    transition: left .7s cubic-bezier(.6, .2, .4, 1);
}

.popup__form.active,
.popup__form--send.active,
.popup__form--request.active {
    left: 50%;
}

.popup__form--title {
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 30px;
}

.popup__form--close {
    position: absolute;
    top: 25px;
    right: 29px;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.popup__form--close:hover {
    opacity: 60%;
}

.popup__form--close:active {
    opacity: 100%;
}

.popup__form label {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}

.popup__form label span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 7px;
}

.popup__form label input {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    padding: 13px 12px;
    font-family: 'Gordita';
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: #000000;
}

.popup__form label input::-webkit-input-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form label input::-moz-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form label input:-ms-input-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form label input:-moz-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form .request-a-call {
    background: #5684FE;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 7px;
    margin-top: 27px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    width: 171px;
    height: 38px;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.popup__form .request-a-call:hover {
    opacity: 80%;
}

.popup__form .request-a-call:active {
    opacity: 100%;
}

.popup__form .form__policy,
.popup__form--request .form__policy {
    width: 100%;
    display: flex;
    position: relative;
}

.popup__form .form__policy input,
.popup__form--request .form__policy input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.popup__form .form__policy label,
.popup__form--request .form__policy label {
    position: relative;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 0;
    width: auto;
    cursor: pointer;
}

.popup__form .form__policy label span,
.popup__form--request .form__policy label span {
    position: relative;
    top: 2px;
}

.popup__form .form__policy label a,
.popup__form--request .form__policy label a {
    border-bottom: 1px solid #000000;
    transition: border .3s ease-out;
}

.popup__form .form__policy label a:hover,
.popup__form--request .form__policy label a:hover {
    border-bottom: 1px solid transparent;
}

.popup__form .custom-checkbox + span::before,
.popup__form--request .custom-checkbox + span::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    margin-right: 9px;
    float: left;
    background: #FFFFFF;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.popup__form .custom-checkbox.bg_red + span::before,
.popup__form--request .custom-checkbox.bg_red + span::before,
.main__page--container .custom-checkbox.bg_red + span::before  {
    border: 1px solid red !important;
}


.popup__form .custom-checkbox:checked + span::before,
.popup__form--request .custom-checkbox:checked + span::before {
    background: #5684FE;
    border-radius: 2px;
    border: 0;
    display: block;
    background-image: url(/local/templates/redsgroup_copy/images/check-mark-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
}

.popup__form--send-wrap {
    padding: 53px 0 48px 0;
    text-align: center;
}

.popup__form--send .popup__form--title {
    margin: 23px 0 33px 0;
}

.popup__form--send button {
    width: 119px;
    height: 38px;
    background: #5684FE;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.popup__form--send button:hover {
    opacity: 80%;
}

.popup__form--send button:active {
    opacity: 100%;
}

.popup__form--send .popup__form--close {
    top: 30px;
}

.popup__form--request .popup--form-row-wrap span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 7px;
}

.popup__form--request .popup--form-row {
    display: flex;
}

.popup__form--request .count {
    width: 130px;
    height: 40px;
    display: flex;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 7px;
    margin-right: 18px;
    padding: 5px;
}

.popup__form--request .count button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    background: #F2F4F5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.popup__form--request .count button:hover {
    opacity: 80%;
}

.popup__form--request .count button:active {
    opacity: 100%;
}

.popup__form--request .count input {
    width: 60px;
    border: 0;
    outline: 0;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #000000;
}

.popup__form--request .total {
    display: flex;
    font-weight: bold;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 3px;
}

.popup__form--request .total span {
    padding-right: 4px;
    font-weight: bold;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 0px;
}

.popup__form--request .tarif_per_hour {
    display: flex;
    font-size: 14px;
    line-height: 19px;
    color: #979797;
}

.popup__form--request .tarif_per_hour span {
    padding-right: 4px;
    font-size: 14px;
    line-height: 19px;
    color: #979797;
    margin-bottom: 0px;
}

.popup__form--request .popup--form-row-wrap {
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 30px;
}

.popup__form--request .popup--form-row:nth-child(2) {
    justify-content: space-between;
    margin-bottom: 20px;
}

.popup__form--request .popup--form-row-wrap .variant--form {
    justify-content: left;
    display: flex;
}

.popup__form--request .popup--form-row:nth-child(2) label {
    width: 185px;
}

.popup__form--request .popup--form-row label span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 6px;
}

.popup__form--request .popup--form-row label input {
    width: 100%;
    border: 0;
    outline: 0;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    height: 40px;
    padding: 13px 12px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: #000000;
}

.popup__form--request .popup--form-row label input::-webkit-input-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form--request .popup--form-row label input::-moz-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form--request .popup--form-row label input:-ms-input-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form--request .popup--form-row label input:-moz-placeholder {
    font-family: 'Gordita';
    font-size: 13px;
    line-height: 14px;
    color: #979797;
    letter-spacing: 0em;
}

.popup__form--request .popup--form-row:nth-child(3) label {
    width: 100%;
}

.popup__form--request .form__buttons button {
    background: #5684FE;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 7px;
    margin-top: 30px;
    width: 173px;
    height: 38px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.popup__form--request .form__buttons button:hover {
    opacity: 80%;
}

.popup__form--request .form__buttons button:active {
    opacity: 100%;
}

.popup__form--request .form__policy {
    margin-top: 20px;
}

.popup__form--send.green button {
    background: #1D976C;
}

.popup__form--send.green img.green-var {
    display: inline-block;
}

.popup__form--send.green img.blue-var,
.popup__form--send img.green-var {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .wrapper {
        min-width: auto;
    }

    .no-md {
        display: none;
    }

    .md {
        display: block;
    }

    .header__left--burger.md {
        width: 30px;
        margin-right: 20px;
        display: flex;
        flex-direction: column;
    }

    .header__left--burger.md .header__burger--line {
        height: 2px;
        background: #000000;
        width: 100%;
        margin-bottom: 6px;
    }

    .header__left--burger.md .header__burger--line:nth-child(2) {
        width: 25px;
    }

    .header__left--burger.md .header__burger--line:last-child {
        width: 20px;
        margin-bottom: 0;
    }

    .header__left--burger.active .header__burger--line {
        width: 20px;
        min-width: 20px;
        height: 2px;
        transform: rotate(45deg);
        position: relative;
        top: 1px;
        margin: 0;
        left: 5px;
    }

    .header__left--burger.active .header__burger--line:nth-child(2) {
        transform: rotate(135deg);
        top: -1px;
        width: 20px;
    }

    .header__left--burger.active .header__burger--line:last-child {
        display: none;
    }

    .header__right--phone {
        margin-right: 14px;
    }

    .header__right--action span {
        background: #5684FE;
        box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
        border-radius: 7px;
        width: 171px;
        height: 38px;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer__main {
        padding: 38px 0 81px 0;
    }

    .footer__main .container {
        align-items: flex-start;
    }

    .footer__main .footer__menu--column > span {
        white-space: nowrap;
    }

    .footer__main .footer__menu--column:last-child ul {
        flex-wrap: nowrap;
        height: auto;
    }

    .footer__main .footer__menu--column li {
        white-space: nowrap;
    }

    .footer__main--right {
        flex-direction: column-reverse;
    }

    .footer__right--column:last-child {
        margin-left: 0;
        margin-bottom: 18px;
    }

    .footer__right--column button {
        margin-top: 13px;
    }

    .footer__right--email a {
        padding-left: 7px;
    }

    .footer__right--email img {
        top: 1px;
        right: 0px;
    }

    .footer__right--address a {
        left: 15px;
        width: 190px;
    }

    .footer__right--address img {
        top: -6px;
        left: 0px;
    }

    .popup__menu--inner {
        position: fixed;
        top: 80px;
        left: -100%;
        z-index: 999;
        width: 100%;
        height: 100vh;
        background: #F7F7F7;
        transition: left .3s ease-out;
    }

    .popup__menu--inner.active {
        left: 0;
    }

    .popup__menu--inner .popup__menu--nav {
        background: #FFFFFF;
    }

    .popup__menu--inner .popup__menu--nav .container {
        padding: 0;
    }

    .popup__menu--inner .popup__menu--nav li a {
        padding: 20px;
        font-weight: normal;
        font-size: 14px;
        line-height: 15px;
        color: #000000;
        border-bottom: 1px solid rgba(229, 229, 229, 0.5);
        position: relative;
        display: block;
    }

    .popup__menu--inner .popup__menu--nav li:first-child a {
        border-top: 1px solid rgba(229, 229, 229, 0.5);
    }

    .popup__menu--inner .popup__menu--contacts {
        padding: 30px 20px;
    }

    .popup__menu--inner .popup__menu--contacts .container {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .popup__menu--inner .popup__menu--contacts a {
        padding-left: 32px;
        position: relative;
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 30px;
    }

    .popup__menu--inner .popup__menu--contacts a.popup__menu--number {
        font-weight: bold;
        font-size: 18px;
        line-height: 19px;
        padding-left: 25px;
    }

    .popup__menu--inner .popup__menu--contacts a.popup__menu--number:before {
        content: url("/local/templates/redsgroup_copy/images/phone-call_popup.svg");
        position: absolute;
        left: 0;
        top: 0;
    }

    .popup__menu--inner .popup__menu--contacts a.popup__menu--address:before {
        content: url("/local/templates/redsgroup_copy/images/maps-and-flags_popup.svg");
        position: absolute;
        left: 0;
        top: 0;
    }

    .popup__menu--inner .popup__menu--contacts a.popup__menu--email:before {
        content: url("/local/templates/redsgroup_copy/images/email_popup.svg");
        position: absolute;
        left: 0;
        top: 0;
    }

    .popup__menu--inner .popup__menu--nav li.lvl-2 ul,
    .popup__menu--inner .popup__menu--back {
        display: none;
    }

    .popup__menu--inner .popup__menu--nav li.lvl-2 > a:after {
        content: url("/local/templates/redsgroup_copy/images/arrow_d_lvl2.svg");
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--nav li,
    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--nav li.lvl-2 > a,
    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--contacts {
        display: none;
    }

    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--nav li.lvl-2,
    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--nav li.lvl-2 ul,
    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--nav li.lvl-2 ul li {
        display: block;
    }

    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--back {
        background: #F3F4F5;
        height: 45px;
        display: flex;
        font-size: 14px;
        line-height: 15px;
        color: rgba(0, 0, 0, 0.5);
    }

    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--back a {
        padding-left: 20px;
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        position: relative;
    }

    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--back a:before {
        content: url("/local/templates/redsgroup_copy/images/arrow_d_lvl2_grey.svg");
        position: absolute;
        top: 55%;
        left: 0px;
        transform: translateY(-50%);
    }

    .popup__menu--inner .popup__menu--wrap.level2-open .popup__menu--back span {
        position: relative;
        top: 2px;
    }

}

@media only screen and (max-width: 767px) {
    .no-xs {
        display: none;
    }

    .xs {
        display: block;
    }

    header {
        height: 70px;
    }

    .header__right--action span {
        width: 125px;
        height: 33px;
        font-weight: 500;
        font-size: 12px;
        line-height: 13px;
    }

    main {
        padding-top: 70px;
    }

    .footer__main {
        padding: 38px 0 0px 0;
    }

    .footer__main .container {
        flex-direction: column;
    }

    .footer__main .footer__menu--column:first-child {
        margin-right: 63px;
    }

    .footer__main .footer__menu--column > span {
        margin-bottom: 19px;
    }

    .footer__main--right {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 28px 20px 0 20px;
        margin-top: 29px;
        border-top: 1px solid rgba(196, 196, 196, 0.3);
        flex-direction: column;
        border-bottom: 1px solid rgba(196, 196, 196, 0.3);
    }

    .footer__right--phone {
        margin-top: 31px;
    }

    .footer__right--phone a {
        margin-left: 9px;
    }

    .footer__right--column button {
        margin-top: 15px;
    }

    footer .footer__bottom {
        border-top: 0;
    }

    .popup__menu--inner {
        top: 70px;
    }

    .footer__right--address a {
        width: auto;
    }

    .popup__form,
    .popup__form--send,
    .popup__form--request {
        left: -100%;
    }
}