@font-face {
font-family: "GOST UI";
font-style: normal;
font-weight: 400;
src:
url(//roskom-service.ru/wp-content/themes/custom-theme/assets/fonts/GOST-UI-2.woff2) format("woff2"),
url(//roskom-service.ru/wp-content/themes/custom-theme/assets/fonts/GOST-UI-2.woff) format("woff");
}
@font-face {
font-family: "GOST UI";
font-style: normal;
font-weight: 500;
src:
url(//roskom-service.ru/wp-content/themes/custom-theme/assets/fonts/GOST-UI-2-Medium.woff2) format("woff2"),
url(//roskom-service.ru/wp-content/themes/custom-theme/assets/fonts/GOST-UI-2-Medium.woff) format("woff");
}
@font-face {
font-family: "GOST UI";
font-style: normal;
font-weight: 700;
src:
url(//roskom-service.ru/wp-content/themes/custom-theme/assets/fonts/GOST-UI-2-Bold.woff2) format("woff2"),
url(//roskom-service.ru/wp-content/themes/custom-theme/assets/fonts/GOST-UI-2-Bold.woff) format("woff");
}
:root {
--font-family-main: "GOST UI";
--color-one: #252525;
--color-two: #fff;
--color-three: #5d5c61;
--box-shadow: 2px 4px 16.7px 0px #3c3c3c1a;
--border: 1px solid #d0d0d0;
--border-radius: 15px;
--border-radius-button: 10px;
--transition: all 0.3s;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
min-width: 320px;
scroll-behavior: smooth;
}
body {
font-size: 1rem;
color: var(--color-one);
line-height: 1.25;
font-family: var(--font-family-main);
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
background-color: var(--color-two);
}
body.menu-open,
body.modal-open {
overflow-y: hidden;
}
input,
button,
textarea {
font-family: var(--font-family-main);
font-size: inherit;
}
textarea {
resize: none;
}
button {
font-family: var(--font-family-main);
cursor: pointer;
color: inherit;
background-color: inherit;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
button:hover {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
a {
font-family: var(--font-family-main);
line-height: 1;
color: inherit;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
a:hover {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
a:link,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lock body {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.wrapper {
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrapper > main {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow-x: hidden;
}
.wrapper > * {
min-width: 0;
}
section {
padding: 100px 0;
}
[class*="__container"] {
max-width: 1420px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0 auto;
padding: 0 80px;
}
@media (max-width: 1920px) {
[class*="__container"] {
padding: 0 50px;
}
}
@media (max-width: 77.49875em) {
[class*="__container"] {
padding: 0 30px;
}
section {
padding: 80px 0;
}
}
@media (max-width: 68.75em) {
[class*="__container"] {
padding: 0 20px;
}
section {
padding: 60px 0;
}
}
@media (max-width: 35.93625em) {
[class*="__container"] {
padding: 0 20px;
}
section {
padding: 50px 0;
}
} h2 {
font-size: 32px;
font-weight: 700;
line-height: 1.4;
color: var(--color-one);
margin-bottom: 40px;
} h1,
.title {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
}
.button--blue {
font-size: 14px;
text-decoration: underline !important;
color: var(--color-two);
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px 14px;
border-radius: var(--border-radius-button);
background-color: #4d4742;
border: 1px solid #4d4742;
}
.button--blue:hover {
background-color: var(--color-one);
color: var(--color-two);
border: 1px solid var(--color-one);
}
.button--outline {
font-size: 14px;
color: #4d4742;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px 14px;
border-radius: var(--border-radius-button);
border: 1px solid #4d4742;
}
.button--outline:hover {
background-color: var(--color-one);
color: var(--color-two);
border: 1px solid var(--color-one);
}
.form-note {
font-size: 14px;
margin-bottom: 10px;
}
.form-checkbox {
font-size: 12px;
line-height: 1.75;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
}
.form-checkbox:nth-child(2) {
margin-bottom: 20px;
}
.form-checkbox input {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
input:not([type="checkbox"]),
select,
textarea {
font-family: var(--font-family-main);
font-size: 14px;
font-weight: 500;
color: #a5a5a5;
border: 1px solid #929292;
outline: none;
padding: 10px 20px;
border-radius: var(--border-radius-button);
width: 100%;
max-width: 100%;
}
.select-wrap {
position: relative;
width: 100%;
}
.select-wrap::before {
content: "";
background: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/select.svg) center center no-repeat;
background-size: contain;
width: 15px;
height: 15px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
select {
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
@media (max-width: 550px) {
input:not([type="checkbox"]),
select,
textarea {
font-size: 12px;
}
.form-checkbox:nth-child(2) {
margin-bottom: 10px;
}
}
.page {
background-color: #f0f0f0;
}
.page-main,
.page-term {
background-color: var(--color-two);
}
.visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
white-space: nowrap;
} .breadcrumbs {
margin: 20px 0 50px 0;
}
.breadcrumbs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.breadcrumbs__item {
font-size: 14px;
color: var(--color-three);
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.breadcrumbs__item:not(:first-child)::before {
content: "";
width: 1px;
height: 100%;
background-color: #d1d9e1;
}
.breadcrumbs__item:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 18px;
height: 18px;
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.breadcrumbs__item:first-child img {
-o-object-fit: contain;
object-fit: contain;
} .page__content {
padding-left: 20px;
}
.page__content section:first-child {
padding: 0;
}
.page__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 100px;
}
.page__aside {
padding-right: 20px;
border-right: var(--border);
max-width: 320px;
width: 100%;
} .sidebar__title {
font-weight: 500;
color: var(--color-three);
padding-bottom: 10px;
border-bottom: 1px solid #5d5c61;
}
.sidebar__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
padding: 20px 0 0 20px;
}
.sidebar__item {
padding-bottom: 5px;
border-bottom: var(--border);
}
a.sidebar__link:hover {
color: #1867b3;
} .burger {
display: none;
}
.burger-menu__button {
position: relative;
z-index: 1;
width: 50px;
height: 50px;
cursor: pointer;
}
.burger-menu__button:hover .burger-menu__lines {
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
}
.burger-menu__lines,
.burger-menu__lines::before,
.burger-menu__lines::after {
position: absolute;
width: 30px;
height: 2px;
background-color: var(--color-three);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.burger-menu__lines {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.burger-menu__lines::before {
content: "";
position: absolute;
top: -10px;
left: 0;
}
.burger-menu__lines::after {
content: "";
position: absolute;
top: 10px;
left: 0;
}
.menu-open .burger-menu__lines {
background-color: transparent;
}
.menu-open .burger-menu__lines::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-open .burger-menu__lines::after {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 1200px) {
.burger {
display: block;
} .page__aside {
max-width: 280px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media (max-width: 992px) { .page__aside {
padding-right: 14px;
max-width: 200px;
}
.sidebar__list {
padding: 20px 0 0 0;
}
.sidebar__item {
font-size: 14px;
}
}
@media (max-width: 768px) { .page__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 50px;
}
.page__aside {
border-right: unset;
padding-right: unset;
max-width: unset;
}
.sidebar__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
cursor: pointer;
}
.sidebar__title::after {
content: "";
background: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/arrow-accordeon.svg) center center no-repeat;
background-size: contain;
width: 20px;
height: 12px;
-webkit-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
transform: scale(-1, -1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sidebar__nav--open .sidebar__title::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page__content {
padding-left: unset;
padding-top: 50px;
}
}
@media (max-width: 550px) {
.breadcrumbs {
margin: 20px 0 30px 0;
}
.burger-menu__button {
width: 18px;
height: 16px;
}
.burger-menu__lines,
.burger-menu__lines::before,
.burger-menu__lines::after {
width: 18px;
height: 2px;
background-color: var(--color-three);
}
.burger-menu__lines::before {
top: -7px;
}
.burger-menu__lines::after {
top: 7px;
} .sidebar__title {
font-size: 14px;
}
} .header {
position: relative;
z-index: 11;
}
.header__top {
background-color: var(--color-three);
color: var(--color-two);
padding: 20px 0 16px 0;
}
.header__top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__logo {
max-width: 125px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: flex;
}
.header__logo img {
-o-object-fit: contain;
object-fit: contain;
}
.header__description {
margin: 0 auto 0 0;
max-width: 620px;
}
.header__title {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 5px;
}
.header__subtitle {
font-size: 16px;
}
.header__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
}
.header__contacts-item {
white-space: nowrap;
}
.header__cta {
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;
gap: 10px;
}
.header__button {
white-space: nowrap;
padding: 9px 14px;
border: 1px solid #fff;
border-radius: var(--border-radius-button);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.header__button:hover {
background-color: var(--color-two);
color: var(--color-one);
}
.header__button-icon {
width: 24px;
display: flex;
}
.header__button-icon img {
-o-object-fit: contain;
object-fit: contain;
}
.header__button:hover .header__button-icon {
-webkit-filter: invert(1);
filter: invert(1);
}
.header__button-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
}
.header__note {
font-size: 12px;
font-weight: 500;
text-align: center;
white-space: nowrap;
}
.header__bottom {
position: relative;
box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.8);
background-color: var(--color-two);
z-index: 11;
}
.scrolled .header__bottom {
position: sticky;
top: 0;
}
.header__button--mobile {
display: none;
padding: 0 !important;
}
.header__button--mobile .header__button-icon {
-webkit-filter: invert(1);
filter: invert(1);
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.header__nav {
width: 100%;
}
.header__menu {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.header__menu-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.header__menu-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__menu-button {
position: relative;
width: 12px;
height: 6px;
-webkit-filter: brightness(0.01);
filter: brightness(0.01);
display: none;
}
.header__menu-button:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header__menu-item:first-child .header__menu-wrap {
padding: 20px 20px 20px 0;
}
.header__menu-item:last-child .header__menu-wrap {
padding: 20px 0 20px 20px;
}
.header__menu-wrap {
position: relative;
padding: 20px;
}
.header__menu-item:hover .header__submenu {
display: block;
}
.header__submenu {
position: absolute;
z-index: 1;
top: 100%;
left: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background-color: var(--color-two);
display: none;
-webkit-box-shadow: 0px 9px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 9px 10px -5px rgba(0, 0, 0, 0.2);
}
.header__submenu-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
}
.header__submenu-link:hover {
background-color: #ececec;
} .footer {
background-color: #5d5d5f;
padding: 60px 0;
}
.footer__grid {
color: var(--color-two);
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 20px auto 20px auto;
grid-template-columns: repeat(3, auto);
-ms-grid-rows: auto 40px auto 40px auto;
grid-template-rows: repeat(3, auto);
gap: 40px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 5;
-ms-grid-column: 5;
}
.footer__column--logo {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.footer__column--menu {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 2 / 3;
}
.footer__column--cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-area: 1 / 3 / 2 / 4;
}
.footer__column--legal {
font-size: 14px;
max-width: 330px;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 4 / 2;
}
.footer__column--contacts {
font-size: 14px;
color: #959595;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 50px;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 2 / 2 / 3 / 3;
}
.footer__column--address {
font-size: 12px;
text-align: center;
line-height: 1.5;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 3 / 2 / 4 / 3;
max-width: 610px;
margin: 0 auto;
}
.footer__column--socials {
height: 100%;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-area: 2 / 3 / 4 / 4;
}
.footer__column {
width: 100%;
}
.footer__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 125px;
}
.footer__menu {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 20px auto 20px auto 20px auto;
grid-template-columns: repeat(4, auto);
gap: 30px 20px;
}
.footer__menu-item {
position: relative;
font-size: 14px;
white-space: nowrap;
}
.footer__menu-item a:hover {
color: var(--color-two);
}
.footer__menu-button {
display: none;
}
.footer__menu-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__menu-link:before {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: var(--color-two);
content: "";
-webkit-transition: width 0.3s ease-out;
-o-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
}
.footer__menu-link:hover:before,
.footer__menu-link:focus:before {
width: 100%;
}
.footer__menu-item.has-submenu .footer__menu-link:after {
content: "";
background: url(https://roskom-service.ru/wp-content/themes/custom-theme/assets/img/arrow-menu.svg) center center
no-repeat;
width: 10px;
height: 6px;
background-size: contain;
}
.footer__submenu {
position: absolute;
z-index: 1;
top: 100%;
right: 0;
display: none;
}
.footer__submenu:before {
content: "";
position: absolute;
z-index: -1;
top: 30px;
left: -30px;
width: 35%;
height: 100%;
}
.footer__menu-item:hover .footer__submenu {
display: -ms-grid;
display: grid;
z-index: 1000;
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
position: absolute;
top: -20px;
right: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 600px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
background-color: #fff;
padding: 20px;
margin: 0;
-webkit-transform: translateY(-100%) translatex(100%);
-ms-transform: translateY(-100%) translatex(100%);
transform: translateY(-100%) translatex(100%);
}
.footer__submenu-link {
color: var(--color-one);
}
.footer__submenu-link:hover {
color: var(--color-one) !important;
}
.footer__menu-link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 5px;
}
.footer__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.footer__phone {
color: var(--color-two);
}
.footer__phone img {
width: 20px;
height: 20px;
}
.footer__legal {
text-decoration: underline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
margin-top: 14px;
}
.footer__legal a:hover {
color: var(--color-two);
}
.footer__socials {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 10px;
}
.footer__social:hover {
-webkit-filter: brightness(6.5);
filter: brightness(6.5);
}
.footer__social img {
width: 20px;
height: 20px;
}
.footer__consultation-button {
font-size: 14px;
white-space: nowrap;
text-transform: uppercase;
color: #5d5d5f;
background-color: var(--color-two);
padding: 11px 14px;
border-radius: var(--border-radius-button);
}
.footer__consultation-button:hover {
color: var(--color-one);
} .directions {
padding: 60px 0 80px 0;
background-color: #f0f0f0;
}
.directions__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.directions__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 60px;
}
.directions__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.directions__button {
white-space: nowrap;
}
.directions__title {
font-size: 32px;
font-weight: 600;
line-height: 1.4;
margin-bottom: unset;
}
.directions__link,
.main__link {
font-size: 14px;
text-transform: uppercase;
color: var(--color-three);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.directions__link:hover,
.main__link:hover {
color: var(--color-one);
}
.directions__link::before,
.main__link:before {
content: "";
background: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/arrow-news.svg) center center no-repeat;
background-size: contain;
width: 10px;
height: 15px;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__link:hover::before,
.main__link:hover:before {
-webkit-filter: brightness(0);
filter: brightness(0);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__cards {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 100%;
}
.directions__card {
background-color: var(--color-two);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
}
.directions__card {
padding: 30px;
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%;
}
.directions__card-title {
font-size: 22px;
font-weight: 700;
line-height: 1.2;
color: #3d3730;
margin-bottom: 30px;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__card:hover .directions__card-title {
color: var(--color-one);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__card-list {
font-size: 16px;
color: var(--color-three);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__card:hover .directions__card-list {
color: var(--color-one);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__card-link:hover {
text-decoration: underline;
}
.directions__arrow {
background: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/arrow.svg) center center no-repeat;
background-size: contain;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 25px;
height: 18px;
margin: auto 0 0 auto;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.directions__card:hover .directions__arrow {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
-webkit-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px);
}
.directions__stats {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.directions__stat {
padding: 10px 20px;
border-left: 2px solid #d0d0d0;
}
.directions__stat:last-child {
border-right: 2px solid #d0d0d0;
}
.directions__stat-number {
font-size: 20px;
font-weight: 700;
color: var(--color-three);
margin-bottom: 10px;
}
.directions__stat-text {
font-size: 16px;
} .checklist__top-title {
max-width: 820px;
}
.checklist__top-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [6];
grid-template-columns: repeat(6, 1fr);
margin-bottom: 90px;
}
.checklist__top-item {
line-height: 1.4;
border-left: 2px solid #a5b3bf;
padding: 0 30px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.checklist__top-item:last-child {
border-right: 2px solid #a5b3bf;
}
.checklist__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 140px;
padding: 60px 120px;
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
}
.checklist__content {
max-width: 500px;
}
.checklist__title {
font-size: 32px;
font-weight: 700;
line-height: 1.4;
color: var(--color-two);
}
.checklist__button {
margin-top: 40px;
color: var(--color-two);
border: 1px solid var(--color-two);
}
.checklist__button:hover {
background-color: var(--color-two);
color: var(--color-one);
border: 1px solid var(--color-two);
}
.checklist__line {
width: 2px;
background-color: var(--color-two);
}
.checklist__info {
max-width: 380px;
}
.checklist__info-title {
font-size: 20px;
font-weight: 700;
color: var(--color-two);
margin-bottom: 14px;
}
.checklist__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.checklist__item {
font-size: 16px;
color: var(--color-two);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.checklist__item::before {
content: "";
width: 24px;
height: 24px;
background: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/mark.svg) center center no-repeat;
background-size: contain;
-ms-flex-negative: 0;
flex-shrink: 0;
} .benefits {
background-color: #f0f0f0;
}
.benefits__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 20px auto 20px auto 20px auto 20px auto;
grid-template-columns: repeat(5, auto);
gap: 20px;
}
.benefits__item {
font-size: 16px;
line-height: 1.4;
color: var(--color-three);
padding: 20px 60px 20px 20px;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border: var(--border);
}
.benefits__item-2 {
padding: 0;
}
.benefits__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 60px 20px 20px;
line-height: 1.4;
} .stages {
background-color: #f0f0f0;
}
.stages__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.stages__item {
position: relative;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
height: 164px;
overflow: hidden;
}
.stages__item-heading {
font-size: 22px;
font-weight: 700;
line-height: 1.4;
color: var(--color-three);
padding: 20px;
max-width: 200px;
}
.stages__item-img {
position: absolute;
}
.stages__item:nth-child(1) .stages__item-img {
max-width: 120px;
max-height: 122px;
bottom: -10px;
right: -8px;
}
.stages__item:nth-child(2) .stages__item-img {
max-width: 126px;
max-height: 140px;
bottom: -17px;
right: -7px;
}
.stages__item:nth-child(3) .stages__item-img {
max-width: 142px;
max-height: 146px;
bottom: -18px;
right: -17px;
}
.stages__item:nth-child(4) .stages__item-img {
max-width: 138px;
max-height: 148px;
bottom: -26px;
right: -22px;
}
.stages__item:nth-child(5) .stages__item-img {
max-width: 106px;
max-height: 130px;
bottom: 13px;
right: 16px;
}
.stages__item-img img {
-o-object-fit: contain;
object-fit: contain;
} .service-composition__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
}
.service-composition__item {
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
padding: 18px 18px 36px 18px;
}
.service-composition__item-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 39px;
max-height: 38px;
margin: 0 0 25px 0;
}
.service-composition__item-img img {
-o-object-fit: contain;
object-fit: contain;
}
.service-composition__item-heading {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: var(--color-three);
} .slider-services__title {
text-align: center;
margin-bottom: 20px;
}
.slider-services__wrapper {
padding: 20px !important;
}
.slider-services__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 20px auto;
}
.swiper-wrapper {
height: auto !important;
}
.swiper-button-prev {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-button-next {
position: relative !important;
top: unset !important;
left: unset !important;
right: unset !important;
width: 24px !important;
height: 18px !important;
margin-top: 0 !important;
background: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/arrow.svg) center center no-repeat;
background-size: contain;
}
.swiper-button-prev:after,
.swiper-button-next:after {
content: unset !important;
}
.slider-services__slide {
position: relative;
background-color: var(--color-two);
border-radius: var(--border-radius);
overflow: hidden;
height: auto !important;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.slider-services__slide.swiper-slide-prev {
-webkit-box-shadow: unset;
box-shadow: unset;
}
.slider-services__card {
color: var(--color-three);
padding: 20px;
height: 100%;
}
.slider-services__card-content {
position: relative;
z-index: 1;
max-width: 240px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.slider-services__card-title {
font-size: 22px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 16px;
}
.slider-services__card-text {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
.slider-services__card-button {
margin-top: auto;
}
.slider-services__card-button:hover {
color: var(--color-two);
background-color: #b0a295;
border: 1px solid #b0a295;
}
.slider-services__card-image {
position: absolute;
right: -60px;
top: -12px;
width: 180px;
height: 155px;
-webkit-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.slider-services__card-image img {
-o-object-fit: contain;
object-fit: contain;
} .news {
background-color: #f0f0f0;
}
.news__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.news__title {
margin-bottom: 0;
}
.news__link {
font-size: 16px;
}
.news__link:hover {
color: var(--color-one);
}
.news__header-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.news__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.news-swiper {
padding: 15px !important;
}
.news__item {
background-color: var(--color-two);
-webkit-box-shadow: 2px 2px 13.7px 0px #3c3c3c40;
box-shadow: 2px 2px 13.7px 0px #3c3c3c40;
border-radius: var(--border-radius);
min-height: 430px;
}
.news__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--color-two);
height: 100%;
}
.news__image {
width: 100%;
height: 230px;
overflow: hidden;
}
.news__image img {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.news__card:hover .news__image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.news__date {
font-size: 16px;
text-transform: uppercase;
color: #d0d0d0;
padding: 20px;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.news__card:hover .news__date {
color: var(--color-one);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.news__text {
font-size: 16px;
line-height: 1.4;
padding: 0 20px 20px 20px;
} .penalties {
background-color: #f0f0f0;
}
.penalties__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.penalties__title {
margin-bottom: 0;
}
.penalties__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.penalties__slider {
padding: 20px !important;
}
.penalties__slide {
height: unset !important;
}
.penalties__item {
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%;
}
.penalties__desc {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
.penalties__imgs {
overflow: hidden;
aspect-ratio: 12/16;
margin-top: auto;
}
.penalties__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
overflow: hidden;
aspect-ratio: 12/16;
}
.penalties__img img {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.penalties__img:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
} .contacts__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 130px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 40px 130px;
}
.contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.contacts__icon {
width: 26px;
height: 29px;
}
.contacts__icon img {
-o-object-fit: contain;
object-fit: contain;
}
.contacts__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
max-width: 450px;
}
.contacts__text strong {
display: block;
margin-bottom: 10px;
}
.contacts__text a {
line-height: 1.4;
}
.contacts__text a:hover {
color: var(--color-three);
} .main {
background-color: #f0f0f0;
padding: 25px 0 80px 0;
}
.main__link {
margin-bottom: 40px;
}
.main__body {
padding: 60px;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.main__content {
width: 100%;
max-width: 600px;
}
.main__title {
margin-bottom: 10px;
}
.main__desc {
font-size: 25px;
line-height: 1.4;
}
.main__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 34px;
margin-top: 30px;
}
.main__button {
white-space: nowrap;
}
.main__benefits {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 0 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 20px 0;
}
.main__benefit {
line-height: 1.4;
padding: 10px 50px;
border-left: 2px solid #a5b3bf;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
max-height: 64px;
}
.main__benefit:nth-child(2),
.main__benefit:nth-child(4) {
border-right: 2px solid #a5b3bf;
} .notification__body {
padding: 60px;
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 90px;
}
.notification__left {
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.notification__title {
color: var(--color-two);
margin-bottom: 0;
}
.notification__desc {
font-size: 25px;
line-height: 1.4;
color: var(--color-two);
margin-top: 18px;
}
.notification__line {
width: 2px;
background-color: var(--color-two);
margin-right: auto;
}
.notification__form {
width: 100%;
}
.notification__fields {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;
grid-template-columns: repeat(6, 1fr);
-ms-grid-rows: 1fr 20px 1fr;
grid-template-rows: repeat(2, 1fr);
gap: 20px 24px;
margin-bottom: 20px;
}
.notification__fields-2 {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
}
.notification__fields-2 .notification__field-group {
grid-area: unset !important;
}
.notification__fields > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.notification__fields > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.notification__fields > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.notification__fields > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}
.notification__fields > *:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 9;
}
.notification__fields > *:nth-child(6) {
-ms-grid-row: 1;
-ms-grid-column: 11;
}
.notification__fields > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.notification__fields > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.notification__fields > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.notification__fields > *:nth-child(10) {
-ms-grid-row: 3;
-ms-grid-column: 7;
}
.notification__fields > *:nth-child(11) {
-ms-grid-row: 3;
-ms-grid-column: 9;
}
.notification__fields > *:nth-child(12) {
-ms-grid-row: 3;
-ms-grid-column: 11;
}
.notification__field-group:nth-of-type(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: 1 / 1 / 2 / 4;
}
.notification__field-group:nth-of-type(2) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 4;
-ms-grid-column-span: 3;
grid-area: 1 / 4 / 2 / 7;
}
.notification__field-group:nth-of-type(3) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 2 / 1 / 3 / 3;
}
.notification__field-group:nth-of-type(4) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 3;
-ms-grid-column-span: 2;
grid-area: 2 / 3 / 3 / 5;
}
.notification__field-group:nth-of-type(5) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 5;
-ms-grid-column-span: 2;
grid-area: 2 / 5 / 3 / 7;
}
.notification__fields-2 {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: unset;
grid-template-rows: unset;
}
.notification__fields-2 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.notification__fields-2 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.notification__fields-2 > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.notification__fields-2 .notification__field-group {
grid-area: unset !important;
}
.notification__checkboxes {
color: var(--color-two);
}
.notification__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.notification__submit {
margin: 40px 0 0 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .table {
background-color: #f0f0f0;
}
.table__title {
text-align: center;
}
.table__title time {
color: #4d4742;
}
.table__body-wrapper {
padding: 40px;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.table__body-wrapper.active .table__body::before {
content: unset;
}
.table__body {
position: relative;
border-collapse: collapse;
display: block;
max-height: 200px;
-webkit-transition: max-height 0.4s ease;
-o-transition: max-height 0.4s ease;
transition: max-height 0.4s ease;
overflow: hidden;
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.table__body::before {
content: "";
background: -o-linear-gradient(top, rgba(2, 0, 36, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(2, 0, 36, 0)),
color-stop(50%, rgba(255, 255, 255, 0.5)),
to(rgba(255, 255, 255, 1))
);
background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%);
width: 100%;
height: 150px;
position: absolute;
left: 0;
bottom: 0;
}
.table__head {
color: var(--color-two);
background-color: #4d4742;
}
.table__head .table__cell {
padding: 24px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.table__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [4];
grid-template-columns: repeat(4, 1fr);
}
.table-ooo .table__row,
.table-ip .table__row {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
}
.table__cell {
padding: 14px 20px;
text-align: center;
}
.table__tbody .table__cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.table__cell-wrapper {
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;
gap: 6px;
}
.table__cell {
border: 1px solid var(--color-three);
border-collapse: collapse; }
.table__toggle {
margin: 50px auto 0 auto;
} .request__body {
color: var(--color-two);
padding: 40px 120px;
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.request__title {
color: var(--color-two);
text-align: center;
margin-bottom: 6px;
}
.request__description {
line-height: 1.4;
text-align: center;
max-width: 580px;
margin: 0 auto 20px auto;
}
.request__fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.input-group {
color: var(--color-two);
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;
gap: 8px;
}
.request__field-group {
max-width: 350px;
}
.request__checkbox-group:nth-child(2) {
margin-bottom: 10px;
}
.request__submit {
margin: 40px auto 0 auto;
} .advantages {
background-color: #f0f0f0;
}
.advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.advantages__item {
color: #4d4742;
line-height: 1.4;
padding: 20px;
background-color: var(--color-two);
border-radius: var(--border-radius);
border: var(--border);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
width: 100%;
}
.advantages__item:nth-child(1) {
max-width: calc(45% - 14px);
}
.advantages__item:nth-child(2) {
max-width: calc(28% - 14px);
}
.advantages__item:nth-child(3) {
max-width: calc(27% - 14px);
}
.advantages__item:nth-child(4) {
max-width: calc(25% - 15px);
}
.advantages__item:nth-child(5) {
max-width: calc(25% - 15px);
}
.advantages__item:nth-child(6) {
max-width: calc(25% - 15px);
}
.advantages__item:nth-child(7) {
max-width: calc(25% - 15px);
} .faq__tabs {
display: flex;
align-items: center;
justify-content: center;
}
.faq__tab {
font-size: 20px;
font-weight: 500;
color: var(--color-one);
opacity: 0.5;
display: flex;
flex-direction: column;
gap: 2px;
padding: 10px 15px;
position: relative;
}
.faq__tab.active {
opacity: 1;
}
.faq__tab:after {
content: "";
width: calc(100% + 10px);
height: 2px;
background-color: var(--color-one);
position: absolute;
bottom: 0;
left: 50%;
transform: translatex(-50%);
}
.faq__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 70px;
}
.faq__tab-content {
display: none;
width: 100%;
}
.faq__tab-content.active {
display: block;
}
.faq__content {
width: 100%;
line-height: 1.4;
}
.faq__content p {
margin-bottom: 5px;
}
.faq__title {
max-width: 1000px;
}
.faq__subtitle {
text-align: center;
margin: 50px 0 30px 0;
}
.faq__text {
position: relative;
max-height: 350px;
overflow: hidden;
}
.faq__text.active {
max-height: 100%;
}
.faq__text:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: #fff;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.7) 30%,
rgba(255, 255, 255, 1) 100%
);
}
.faq__text.active:before {
content: unset;
}
.faq__text br {
display: none;
}
.faq__text h3 {
font-size: 22px;
font-weight: 700;
margin: 20px 0;
}
.faq__text p {
margin-bottom: 10px;
}
.faq__text ul,
.faq__text ol {
margin: 14px 0;
}
.faq__text ul li {
list-style: disc;
}
.faq__text li {
margin: 0 0 10px 20px;
}
.faq__text > *:last-child {
margin-bottom: 0;
}
.faq__toggle {
margin: 40px auto 0 auto;
}
.faq__accordion {
width: 100%;
}
.faq__item {
border-bottom: 1px solid #929292;
padding: 20px 20px 0 0;
}
.faq__question {
font-size: 20px;
font-weight: 500;
text-align: left;
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 10px 0;
}
.spoiler--open .faq__icon {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.faq__icon {
font-weight: 400;
font-size: 28px;
color: #a5b3bf;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.faq__answer {
line-height: 1.4;
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition:
max-height 0.4s ease,
opacity 0.4s ease;
-o-transition:
max-height 0.4s ease,
opacity 0.4s ease;
transition:
max-height 0.4s ease,
opacity 0.4s ease;
}
.spoiler--open .faq__answer {
opacity: 1;
max-height: 600px;
}
.faq__answer-wrapper {
padding: 10px 0;
line-height: 1.75;
}
.faq__answer-wrapper a {
text-decoration: underline;
color: var(--color-three);
}
.faq__answer-wrapper a:hover {
color: var(--color-one);
}
.faq__answer p {
margin-bottom: 10px;
}
.faq__answer ol,
.faq__answer ul {
list-style: inside;
}
.faq__answer ol li,
.faq__answer ul li {
margin-bottom: 10px;
list-style: unset;
}
.faq__answer ol li:last-child,
.faq__answer ul li:last-child {
margin-bottom: 0;
}
.faq__answer-wrapper > *:last-child {
margin-bottom: 10px;
} .documents {
background-color: #f0f0f0;
padding: 50px 0;
}
.documents__title {
max-width: 750px;
margin: 0 auto 40px auto;
text-align: center;
}
.documents__list-wrapper {
padding: 40px;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.documents__hidden {
overflow: hidden;
-webkit-transition: max-height 0.4s ease;
-o-transition: max-height 0.4s ease;
transition: max-height 0.4s ease;
}
.documents__list {
max-width: 700px;
margin: 0 auto;
counter-reset: documents;
}
.documents__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 0;
border-bottom: 1px solid #929292;
list-style: none;
}
.documents__item::before {
counter-increment: documents;
content: counter(documents) ".";
position: absolute;
top: 10px;
left: 0;
}
.documents__item-heading {
font-weight: 500;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 0 28px;
}
.documents__item-desc {
line-height: 1.8;
color: var(--color-three);
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition:
max-height 0.4s ease,
opacity 0.4s ease;
-o-transition:
max-height 0.4s ease,
opacity 0.4s ease;
transition:
max-height 0.4s ease,
opacity 0.4s ease;
margin-top: 10px;
}
.spoiler--open .documents__item-desc {
opacity: 1;
max-height: 600px;
}
.documents__toggle {
color: var(--color-three);
text-align: center;
text-transform: uppercase;
text-decoration: underline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 40px auto 0 auto;
}
.documents__toggle:hover {
color: var(--color-one);
} .dev-request__body {
padding: 60px 120px;
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 150px;
}
.dev-request__content {
width: 100%;
max-width: 430px;
color: var(--color-two);
}
.dev-request__title {
color: var(--color-two);
margin-bottom: 20px;
}
.dev-request__description {
margin-bottom: 30px;
}
.dev-request__form {
width: 100%;
}
.dev-request__fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
margin-bottom: 38px;
}
.dev-request__checkboxes {
color: var(--color-two);
} .benefits-list {
background-color: #f0f0f0;
}
.benefits-list__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.benefits-list__item {
position: relative;
background-color: var(--color-two);
border-radius: var(--border-radius);
overflow: hidden;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 130px;
}
.benefits-list__icon {
position: absolute;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 160px;
}
.benefits-list__item-1 .benefits-list__icon {
max-width: 102px;
max-height: 105px;
bottom: -10px;
right: -3px;
}
.benefits-list__item-2 .benefits-list__icon {
max-width: 107px;
max-height: 121px;
bottom: -22px;
right: -16px;
}
.benefits-list__item-3 .benefits-list__icon {
max-width: 158px;
max-height: 105px;
bottom: -15px;
right: -21px;
-webkit-transform: scale(-1, 1) rotate(-9deg);
-ms-transform: scale(-1, 1) rotate(-9deg);
transform: scale(-1, 1) rotate(-9deg);
}
.benefits-list__item-4 .benefits-list__icon {
max-width: 122px;
max-height: 94px;
bottom: 6px;
right: -18px;
}
.benefits-list__item-5 .benefits-list__icon {
max-width: 72px;
max-height: 90px;
bottom: 19px;
right: 17px;
}
.benefits-list__icon img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.benefits-list__text {
position: relative;
text-align: left;
color: var(--color-three);
line-height: 1.4;
padding: 20px;
max-width: 180px;
} .articles__title {
margin-bottom: 40px;
}
.articles__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.article-card__link {
padding: 30px;
background-color: var(--color-two);
border-radius: var(--border-radius);
overflow: hidden;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.article-card__link:hover {
-webkit-box-shadow: 2px 4px 16.7px 0px #bababa40;
box-shadow: 2px 4px 16.7px 0px #bababa40;
}
.article-card__image {
aspect-ratio: 16/9;
width: 100%;
max-width: 430px;
border-radius: var(--border-radius);
overflow: hidden;
}
.article-card__link .article-card__image img {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.article-card__link:hover .article-card__image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.article-card__content {
width: 100%;
}
.article-card__title {
font-size: 22px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 14px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.article-card__link:hover .article-card__title {
color: var(--color-one);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.article-card__date {
text-transform: uppercase;
color: var(--color-three);
display: block;
margin-bottom: 14px;
}
.article-card__text {
line-height: 1.4;
color: #111;
} .article__head {
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;
gap: 40px;
margin-bottom: 40px;
}
.article__date {
line-height: 1.4;
color: var(--color-three);
text-transform: uppercase;
display: block;
margin-bottom: 14px;
}
.article__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.article__photo {
width: 66px;
height: 66px;
border-radius: var(--border-radius);
overflow: hidden;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.article__position {
color: var(--color-three);
margin-bottom: 8px;
}
.article__name {
font-size: 20px;
font-weight: 700;
}
.article__content {
font-size: 16px;
color: #000;
}
.article__content p {
line-height: 1.75;
margin-bottom: 14px;
}
.article__content a {
text-decoration: underline;
}
.article__content h2 {
font-size: 24px;
margin: 24px 0;
}
.article__content ul,
.article__content ol {
margin: 20px 0;
}
.article__content ul li,
.article__content ol li {
list-style: unset;
margin: 0 0 14px 20px;
line-height: 1.75;
} .question-form {
background-color: var(--color-two);
}
.single .question-form {
background-color: unset;
padding: 0 0 100px 0;
}
.question-form__body {
padding: 40px 120px;
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
overflow: hidden;
}
.question-form__title {
color: var(--color-two);
margin-bottom: 5px;
}
.question-form__subtitle {
color: var(--color-two);
}
.question-form__form {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto, 800px) 30px 1fr;
grid-template-columns: minmax(auto, 800px) 1fr;
-ms-grid-rows: auto 30px auto;
grid-template-rows: repeat(2, auto);
gap: 30px;
margin-top: 24px;
}
.question-form__form > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__form > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.question-form__form > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.question-form__form > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.question-form__fields {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto, 460px) 20px 1fr;
grid-template-columns: minmax(auto, 460px) 1fr;
-ms-grid-rows: auto 20px auto;
grid-template-rows: repeat(2, auto);
gap: 20px;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 1 / 1 / 2 / 3;
}
.question-form__fields > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__fields > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.question-form__fields > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.question-form__fields > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.question-form__field:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.question-form__field:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.question-form__field:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 3 / 3;
}
.question-form__fields-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto, 460px) 20px 1fr;
grid-template-columns: minmax(auto, 460px) 1fr;
-ms-grid-rows: auto 20px auto;
grid-template-rows: repeat(2, auto);
gap: 20px;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 1 / 1 / 2 / 3;
}
.question-form__fields-2 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__fields-2 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.question-form__fields-2 > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.question-form__fields-2 > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.question-form__field-2:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.question-form__field-2:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.question-form__field-2:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 3 / 1 / 4 / 2;
}
.question-form__field-2:nth-child(4) {
-ms-grid-row: 4;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 4 / 1 / 5 / 2;
}
.question-form__field-2:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-row-span: 4;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 5 / 3;
}
.question-form__field--full {
min-width: 360px;
}
.question-form__textarea {
height: 100%;
}
.question-form__checkboxes {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
color: var(--color-two);
}
.question-form__checkbox:nth-child(2) {
margin-bottom: 10px;
}
.question-form__submit {
white-space: nowrap;
text-decoration: none !important;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 2 / 2 / 3 / 3;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: auto 0 0 auto;
} .related-services {
background-color: #f0f0f0;
}
.related-services__header {
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;
gap: 30px;
margin-bottom: 40px;
}
.related-services__title {
margin-bottom: 0;
}
.related-services__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.related-services-swiper {
padding: 20px !important;
}
.related-services__link {
font-size: 16px;
line-height: 1.4;
color: var(--color-three);
padding: 20px;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.related-services__link:hover {
-webkit-box-shadow: 2px 4px 16.7px 0px #bababa40;
box-shadow: 2px 4px 16.7px 0px #bababa40;
} .main-about {
background-color: #f0f0f0;
padding: 0 0 90px 0;
}
.main-about__body {
padding: 60px 80px;
background-color: var(--color-two);
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.main-about__title {
position: relative;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 140px 10px 0;
margin: 0 140px 0 0;
}
.main-about__title::after {
content: "";
background-color: #d0d0d0;
width: 2px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.main-about__desc {
font-size: 16px;
line-height: 1.4;
color: #000;
max-width: 720px;
} .team {
background-color: var(--color-two);
overflow: hidden;
}
.team__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.team__desc {
color: #000;
line-height: 1.4;
margin-bottom: 20px;
}
.team__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.team__prev {
border: var(--border);
border-radius: 6px;
-webkit-box-shadow: 2.41px 4.82px 20.11px 0px #ffffff40;
box-shadow: 2.41px 4.82px 20.11px 0px #ffffff40;
width: 42px !important;
height: 36px !important ;
background-size: 18px;
}
.team__next {
border: var(--border);
border-radius: 6px;
-webkit-box-shadow: 2.41px 4.82px 20.11px 0px #ffffff40;
box-shadow: 2.41px 4.82px 20.11px 0px #ffffff40;
width: 42px !important;
height: 36px !important ;
background-size: 18px;
}
.team__body {
padding: 15px !important;
}
.team__item {
padding: 20px;
border-radius: var(--border-radius);
overflow: hidden;
background-color: var(--color-two);
border: var(--border);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
height: auto !important;
}
.team__img {
border-radius: var(--border-radius);
overflow: hidden;
max-height: 300px;
margin-bottom: 20px;
}
.team__name {
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
.team__job {
color: var(--color-three);
padding: 0 20px 0 0;
} .main-contacts {
background-color: #f0f0f0;
padding: 0 0 90px 0;
}
.main-contacts__title {
margin-bottom: 40px;
}
.main-contacts__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.main-contacts__text {
padding: 40px;
width: 100%;
max-width: 610px;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
overflow: hidden;
background-color: var(--color-two);
}
.main-contacts__heading {
font-size: 22px;
font-weight: 700;
margin-bottom: 40px;
}
.main-contacts__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 30px auto;
grid-template-columns: repeat(2, auto);
-ms-grid-rows: auto 20px auto;
grid-template-rows: repeat(2, auto);
gap: 20px 30px;
}
.main-contacts__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.main-contacts__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.main-contacts__list > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.main-contacts__list > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.main-contacts__item:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.main-contacts__item:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.main-contacts__item:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 3 / 3;
}
.main-contacts__item-link {
font-size: 16px;
font-weight: 500;
}
.main-contacts__item-desc {
color: #929292;
font-size: 12px;
font-weight: 500;
margin-top: 6px;
}
.main-contacts__map {
position: relative;
width: 100%;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
overflow: hidden;
background-color: var(--color-two);
}
.main-contacts__map iframe {
width: 100%;
height: 100%;
} .main-glos {
padding: 0 0 90px 0;
}
.main-glos__title {
margin-bottom: 40px;
}
.main-glos__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.main-glos__button {
font-size: 22px;
font-weight: 500;
text-align: left;
color: var(--color-one);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background-color: var(--color-two);
padding: 20px;
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.main-glos__button:hover,
.spoiler--open .main-glos__button {
color: var(--color-two);
background-color: #b0a295;
}
.main-glos__content {
font-size: 20px;
line-height: 1.75;
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition:
max-height 0.4s ease,
opacity 0.4s ease;
-o-transition:
max-height 0.4s ease,
opacity 0.4s ease;
transition:
max-height 0.4s ease,
opacity 0.4s ease;
}
.main-glos__content-wrapper p {
margin-bottom: 10px;
}
.main-glos__content-wrapper li {
margin: 0 0 10px 20px;
}
.main-glos__content-wrapper > *:last-child {
margin-bottom: 0;
}
.spoiler--open .main-glos__content {
opacity: 1;
max-height: 1000px;
}
.main-glos__content-wrapper {
padding: 20px;
} .main-error__container {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.main-error__title {
font-size: 180px;
}
.main-error__desc {
font-size: 50px;
font-weight: 500;
margin-bottom: 30px;
}
.main-error__link {
font-size: 24px;
text-decoration: underline !important;
} .list-section__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [5];
grid-template-columns: repeat(5, 1fr);
}
.list-section__body-2 {
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
.list-section__item {
border-left: 2px solid #d0d0d0;
padding: 0 35px;
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: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-section__item-2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-section__item:last-child {
border-right: 2px solid #d0d0d0;
}
.list-section__item-text {
line-height: 1.4;
}
.list-section__body-2 .list-section__item-heading {
font-size: 18px;
font-weight: 500;
margin-bottom: 4px;
}
.list-section__body-2 .list-section__item-text {
font-size: 14px;
} .terms-section__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
}
.terms-section__item {
color: var(--color-two);
padding: 20px;
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
border: 1px solid #fff;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.terms-section__item:hover {
color: var(--color-one);
background: var(--color-two);
border: 1px solid #d0d0d0;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.terms-section__item-heading {
line-height: 1.4;
}
.terms-section__text {
margin-top: 28px;
border: 1px solid #d0d0d0;
border-radius: var(--border-radius);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
line-height: 1.4;
padding: 50px 100px;
}
.terms-section__text p {
margin: 0 0 20px 0;
} .doc {
line-height: 1.5;
}
.doc h1 {
font-size: 40px;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.doc h2 {
font-size: 28px;
margin: 30px 0;
}
.doc p {
margin: 14px 0;
}
.doc ul,
.doc ol {
margin: 20px 0;
}
.doc li {
list-style: unset;
margin: 0 0 10px 20px;
}
.doc a {
text-decoration: underline;
} .modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
padding: 0;
}
.modal .signup__body {
overflow: hidden;
}
.modal .signup__body::before {
content: "";
position: absolute;
bottom: -500px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 650px;
height: 650px;
background: #2576fc;
border-radius: 50%;
-webkit-filter: blur(300px);
filter: blur(300px);
}
.modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
pointer-events: none;
}
.modal--active .modal__overlay {
opacity: 1;
pointer-events: auto;
}
.modal--active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation: fadeIn 0.3s ease forwards;
animation: fadeIn 0.3s ease forwards;
}
.modal__container {
position: relative;
z-index: 2;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-animation: scaleIn 0.3s ease;
animation: scaleIn 0.3s ease;
}
.modal__close {
font-size: 40px;
line-height: 1;
position: absolute;
top: 15px;
right: 20px;
cursor: pointer;
background: transparent;
border: none;
z-index: 3;
color: var(--color-two);
}
.modal__close:hover {
color: var(--color-one);
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes scaleIn {
from {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scaleIn {
from {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
} .modal-form {
position: relative;
background: -o-linear-gradient(355.75deg, #b0a295 -3.05%, #5d5c61 179.58%);
background: linear-gradient(94.25deg, #b0a295 -3.05%, #5d5c61 179.58%);
padding: 40px 120px;
border-radius: var(--border-radius);
-webkit-box-shadow: 2px 4px 26.1px 0px #30303040;
box-shadow: 2px 4px 26.1px 0px #30303040;
}
.modal-form--simple,
.modal-form--main {
width: 620px;
padding: 40px 80px;
margin: auto;
}
.modal-form__title {
color: var(--color-two);
margin-bottom: 5px;
}
.modal-form--main .modal-form__title {
text-align: center;
}
.modal-form__subtitle {
color: var(--color-two);
}
.modal-form__body {
margin-top: 24px;
}
.modal-form__fields {
display: -ms-grid;
display: grid;
}
.modal-form__fields--question {
-ms-grid-columns: minmax(auto, 460px) 20px 1fr;
grid-template-columns: minmax(auto, 460px) 1fr;
-ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr;
grid-template-rows: repeat(4, 1fr);
gap: 8px 20px;
}
.modal-form__fields--question > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.modal-form__fields--question > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.modal-form__fields--question > *:nth-child(5) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(6) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.modal-form__fields--question > *:nth-child(7) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(8) {
-ms-grid-row: 7;
-ms-grid-column: 3;
}
.modal-form__fields--question .modal-form__field:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.modal-form__fields--question .modal-form__field:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.modal-form__fields--question .modal-form__field:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 3 / 1 / 4 / 2;
}
.modal-form__fields--question .modal-form__field:nth-child(4) {
-ms-grid-row: 4;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 4 / 1 / 5 / 2;
}
.modal-form__fields--question .modal-form__field:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-row-span: 4;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 5 / 3;
} .modal-form__fields--memo {
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 14px 20px;
} .modal-form__fields--simple {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: auto 20px auto 20px auto;
grid-template-rows: repeat(3, auto);
gap: 20px;
}
.modal-form__fields--simple > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.modal-form__fields--simple > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.modal-form__fields--simple > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.modal-form__fields--simple > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.modal-form__fields--simple > *:nth-child(5) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.modal-form__fields--simple > *:nth-child(6) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.modal-form__fields--simple .modal-form__field:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 1 / 1 / 2 / 3;
}
.modal-form__fields--simple .modal-form__field:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.modal-form__fields--simple .modal-form__field:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 2 / 2 / 3 / 3;
}
.modal-form__fields--simple .modal-form__field:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 3 / 1 / 4 / 2;
}
.modal-form__fields--simple .modal-form__field:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 3 / 2 / 4 / 3;
} .modal-form__fields--main {
gap: 20px;
}
.modal-form__field--textarea {
min-width: 400px;
}
.modal-form__textarea {
height: 100%;
}
.modal-form__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
margin-top: 30px;
}
.modal-form--simple .modal-form__footer,
.modal-form--main .modal-form__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-form__checkboxes {
color: var(--color-two);
max-width: 780px;
}
.modal-form__submit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: auto 0 0 auto;
white-space: nowrap;
text-decoration: none !important;
}
.modal-form--simple .modal-form__submit,
.modal-form--main .modal-form__submit {
margin: 0 auto;
} @media (max-width: 1440px) {
.header__menu {
gap: 5px;
}
.header__menu-wrap {
padding: 20px 10px;
}
.header__menu-item:first-child > a {
padding: 20px 10px 20px 0;
}
.header__menu-item:last-child > a {
padding: 20px 0 20px 10px;
} .checklist__top-item {
padding: 0 15px;
} .notification__body {
gap: 30px;
}
.notification__fields {
gap: 14px;
} .stages__item-heading {
font-size: 20px;
padding: 20px 20px 20px 14px;
}
.stages__item:nth-child(3) .stages__item-img {
max-width: 142px;
max-height: 146px;
bottom: -30px;
right: -40px;
}
.stages__item:nth-child(5) .stages__item-img {
max-width: 106px;
max-height: 130px;
bottom: -8px;
right: -8px;
} .service-composition__list {
-ms-grid-columns: (1fr) [4];
grid-template-columns: repeat(4, 1fr);
} .list-section__body-2 {
grid-auto-flow: unset;
grid-auto-columns: unset;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.list-section__body-2 .list-section__item:nth-child(2) {
border-right: 2px solid #d0d0d0;
}
.list-section__body-2 .list-section__item:nth-child(3) {
border-left: unset;
}
.list-section__body-2 .list-section__item:nth-child(4) {
border-right: 2px solid #d0d0d0;
}
.list-section__item {
padding: 0 30px;
} .terms-section__list {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
} .modal-form {
padding: 40px 60px;
}
} @media (max-width: 1200px) {
h2 {
font-size: 28px;
} .header__top-container {
gap: 24px;
}
.header__top {
position: relative;
z-index: 100;
}
.header__logo {
max-width: 100px;
}
.header__cta {
display: none;
}
.header__bottom-container {
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-open .header__nav::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-two);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.header__button--mobile {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: unset;
}
.header__nav {
width: auto;
}
.header__burger {
margin: 0 0 0 auto;
}
.header__menu {
position: absolute;
top: -200vh;
left: 0;
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 20px;
background-color: var(--color-two);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.menu-open .header__menu {
top: 50px;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
}
.header__menu-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header__menu-wrap {
position: relative;
font-size: 18px;
padding: 10px 10px 10px 0 !important;
border-bottom: 1px solid #c5cfda;
width: 100%;
}
.header__menu-wrap:hover {
border-bottom: 1px solid var(--color-one);
}
.header__menu-wrap::before {
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.header__menu-button {
display: block;
}
.header__submenu {
position: unset;
top: unset;
left: unset;
display: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
max-width: 100%;
width: 100%;
}
.header__submenu-item {
padding: 0;
}
.header__submenu-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
border-bottom: 1px solid #c5cfda;
}
.header__title {
font-size: 12px;
}
.header__subtitle {
font-size: 14px;
}
.header__button {
gap: 10px;
padding: 7px 12px;
}
.header__button-icon {
width: 20px;
}
.header__button-text {
font-size: 12px;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
} .footer__grid {
-ms-grid-columns: (auto) [3];
grid-template-columns: repeat(3, auto);
-ms-grid-rows: (auto) [4];
grid-template-rows: repeat(4, auto);
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(12) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(12) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(12) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.footer__column--logo {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.footer__column--menu {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-area: 1 / 2 / 2 / 4;
}
.footer__column--contacts {
-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;
gap: 20px;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 2 / 2 / 3 / 3;
}
.footer__column--socials {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 3 / 2 / 4 / 3;
}
.footer__column--cta {
-ms-grid-row: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-area: 2 / 3 / 4 / 4;
}
.footer__column--legal {
-ms-grid-row: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 4 / 2;
}
.footer__column--address {
-ms-grid-row: 4;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: 4 / 1 / 5 / 4;
}
.footer__socials {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .directions__buttons {
-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;
}
.directions__cards {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
.directions__stats {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
}
.directions__stat:last-child {
border-right: unset;
} .checklist__top-list {
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: 1fr 30px 1fr;
grid-template-rows: repeat(2, 1fr);
gap: 30px;
}
.checklist__top-list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.checklist__top-list > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.checklist__top-list > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.checklist__top-list > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.checklist__top-item:nth-child(3) {
border-right: 2px solid #a5b3bf;
}
.checklist__body {
padding: 50px;
gap: 100px;
} .main__benefit {
padding: 10px 20px;
} .notification__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.notification__left {
max-width: 100%;
}
.notification__line {
width: 100%;
height: 2px;
}
.notification__submit {
margin: 20px 0 0 0;
} .table__body {
width: 100%;
}
.table__cell {
font-size: 14px;
min-width: 200px;
} .dev-request__body {
padding: 50px;
gap: 80px;
} .benefits-list__list {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
} .main-contacts__list {
-ms-grid-columns: (auto) [1];
grid-template-columns: repeat(1, auto);
-ms-grid-rows: unset;
grid-template-rows: unset;
}
.main-contacts__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.main-contacts__item {
grid-area: unset !important;
} .stages__list {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
.stages__item-heading {
max-width: 250px;
} .list-section__item {
padding: 0 20px;
}
}
@media (max-width: 992px) {
h2 {
font-size: 24px;
margin-bottom: 30px;
} .footer {
padding: 40px 0;
}
.footer__grid {
-ms-grid-columns: (auto) [3];
grid-template-columns: repeat(3, auto);
-ms-grid-rows: (auto) [5];
grid-template-rows: repeat(5, auto);
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(12) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(13) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(14) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(15) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(12) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(13) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(14) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(15) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(12) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.footer__grid > *:nth-child(13) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(14) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(15) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.footer__column--logo {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.footer__column--cta {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-area: 1 / 2 / 2 / 4;
}
.footer__column--menu {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: 2 / 1 / 3 / 4;
}
.footer__column--legal {
-ms-grid-row: 3;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 3 / 1 / 5 / 2;
}
.footer__column--contacts {
-ms-grid-row: 3;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 3 / 2 / 5 / 3;
}
.footer__column--socials {
-ms-grid-row: 3;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-area: 3 / 3 / 5 / 4;
}
.footer__column--address {
-ms-grid-row: 5;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: 5 / 1 / 6 / 4;
} .directions__stats {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
} .checklist__body {
padding: 40px;
gap: 40px;
}
.checklist__title {
font-size: 24px;
}
.checklist__item {
font-size: 14px;
}
.checklist__item::before {
width: 20px;
height: 20px;
} .benefits__list {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: (1fr) [2];
grid-template-rows: repeat(2, 1fr);
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.benefits__list > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.benefits__list > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.benefits__list > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
} .penalties__header {
-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;
gap: 30px;
margin-bottom: 20px;
}
.penalties__nav {
margin: 0 0 0 auto;
} .contacts__grid {
gap: 40px 60px;
} .main__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main__content {
max-width: 100%;
} .table__body-wrapper {
padding: 30px 20px;
}
.table__tbody .table__cell {
font-size: 14px;
} .request__body {
padding: 40px 30px;
} .advantages__item:nth-child(1) {
max-width: calc(65% - 10px);
}
.advantages__item:nth-child(2) {
max-width: calc(35% - 10px);
}
.advantages__item:nth-child(3) {
max-width: calc(35% - 10px);
}
.advantages__item:nth-child(4) {
max-width: calc(65% - 10px);
}
.advantages__item:nth-child(5) {
max-width: calc(33% - 12px);
}
.advantages__item:nth-child(6) {
max-width: calc(33% - 12px);
}
.advantages__item:nth-child(7) {
max-width: calc(33% - 12px);
} .faq__body {
gap: 40px;
} .dev-request__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
.dev-request__content {
max-width: 100%;
} .benefits-list__list {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
} .question-form__body {
padding: 30px 50px;
}
.question-form__fields {
-ms-grid-columns: (50%) [2];
grid-template-columns: repeat(2, 50%);
}
.question-form__fields-2 {
-ms-grid-columns: (50%) [2];
grid-template-columns: repeat(2, 50%);
}
.question-form__field--full {
min-width: unset;
} .article__head {
gap: 30px;
}
.article__name {
font-size: 20px;
} .main-about__title {
padding: 10px 80px 10px 0;
margin: 0 80px 0 0;
} .main-contacts__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main-contacts__text {
max-width: 100%;
}
.main-contacts__list {
-ms-grid-columns: (auto) [3];
grid-template-columns: repeat(3, auto);
}
.main-contacts__map {
height: 300px;
} .stages__list {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
} .service-composition__list {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
} .list-section__body {
-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.list-section__item:nth-child(2) {
border-right: 2px solid #d0d0d0;
}
.list-section__item:nth-child(3) {
border-left: unset;
}
.list-section__body-2 {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
.list-section__body-2 .list-section__item:nth-child(3) {
border-left: 2px solid #d0d0d0;
} .doc h1 {
font-size: 30px;
}
.doc h2 {
font-size: 22px;
} .terms-section__list {
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.terms-section__text {
padding: 30px;
} .modal-form__fields--question {
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: auto 12px auto 12px auto;
grid-template-rows: repeat(3, auto);
gap: 12px 20px;
}
.modal-form__fields--question > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.modal-form__fields--question > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.modal-form__fields--question > *:nth-child(5) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.modal-form__fields--question > *:nth-child(6) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.modal-form__fields--question .modal-form__field:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.modal-form__fields--question .modal-form__field:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 2 / 3;
}
.modal-form__fields--question .modal-form__field:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.modal-form__fields--question .modal-form__field:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 2 / 2 / 3 / 3;
}
.modal-form__fields--question .modal-form__field:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 3 / 1 / 4 / 3;
}
.modal-form__field--textarea {
min-width: auto !important;
}
.modal-form__textarea {
min-height: 150px;
}
}
@media (max-width: 768px) {
.main-glos__content {
font-size: 18px;
}
h2 {
font-size: 22px;
margin-bottom: 25px;
} h1,
.title {
font-size: 26px;
gap: 20px;
} .header__top-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header__description {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 100%;
border-bottom: 1px solid var(--color-two);
padding-bottom: 20px;
}
.header__title,
.header__subtitle {
text-align: center;
}
.header__logo {
max-width: 125px;
}
.header__description {
text-align: left;
max-width: 100%;
}
.header__submenu-link {
font-size: 16px;
padding: 14px;
} .footer__grid {
-ms-grid-columns: (auto) [2];
grid-template-columns: repeat(2, auto);
-ms-grid-rows: (auto) [5];
grid-template-rows: repeat(5, auto);
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(8) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.footer__grid > *:nth-child(9) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(10) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.footer__column--logo {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.footer__column--contacts {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1 / 2 / 2 / 3;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer__column--socials {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 2 / 2 / 3 / 3;
}
.footer__column--menu {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.footer__column--cta {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 3 / 1 / 4 / 2;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__column--legal {
-ms-grid-row: 4;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 4 / 1 / 5 / 2;
}
.footer__column--address {
-ms-grid-row: 5;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 5 / 1 / 6 / 3;
}
.footer__menu {
-ms-grid-columns: auto;
grid-template-columns: repeat(1, auto);
gap: 10px 20px;
}
.footer__menu-item.has-submenu .footer__menu-link:after {
content: unset;
}
.footer__menu-item.menu-open .footer__menu-link:before {
width: 100%;
}
.footer__menu-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 20px 0;
}
.footer__menu-button {
position: relative;
display: block;
}
.footer__menu-button:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
}
.footer__menu-item:hover .footer__submenu {
position: unset;
top: unset;
left: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
display: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
background-color: unset;
border-radius: unset;
box-shadow: unset;
}
.footer__submenu {
display: -ms-grid !important;
display: grid !important;
-ms-grid-columns: 1fr !important;
grid-template-columns: repeat(1, 1fr) !important;
gap: 14px !important;  padding: 0 !important;
}
.footer__submenu:before {
content: unset;
}
.footer__submenu-link {
color: var(--color-two);
}
.footer__socials {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
} .directions__head {
-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;
gap: 30px;
}
.directions__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.directions__title {
font-size: 26px;
}
.directions__cards {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.directions__card {
max-width: 100%;
min-height: 360px;
} .checklist__top-list {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: 1fr 30px 1fr 30px 1fr;
grid-template-rows: repeat(3, 1fr);
gap: 30px;
}
.checklist__top-list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.checklist__top-list > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.checklist__top-list > *:nth-child(5) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(6) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.checklist__top-item:nth-child(2) {
border-right: 2px solid #a5b3bf;
}
.checklist__top-item:nth-child(4) {
border-right: 2px solid #a5b3bf;
}
.checklist__top-item:nth-child(3) {
border-right: unset;
}
.checklist__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.checklist__button {
margin-top: 20px;
}
.checklist__line {
width: 100%;
height: 2px;
}
.checklist__info {
max-width: 100%;
} .benefits__list {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: (1fr) [3];
grid-template-rows: repeat(3, 1fr);
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.benefits__list > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.benefits__list > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
} .slider-services__nav {
margin: 0 0 40px auto;
} .penalties__imgs {
max-width: 400px;
margin: auto auto 0 auto;
} .contacts__grid {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
.contacts__item {
gap: 14px;
}
.contacts__text strong {
margin-bottom: 0;
} .main__body {
padding: 30px;
}
.main__benefits {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
}
.main__benefit {
border-right: 2px solid #a5b3bf;
}
.main__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
} .notification__body {
padding: 30px;
}
.notification__fields {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
}
.notification__field-group {
grid-area: unset !important;
}
.notification__submit {
margin: 20px auto 0 auto;
} .advantages__list {
gap: 10px;
}
.advantages__item {
max-width: 100% !important;
} .faq__tab {
font-size: 18px;
}
.faq__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
.faq__subtitle {
margin: 30px 0 20px 0;
}
.faq__question {
font-size: 16px;
}
.faq__text h3 {
font-size: 18px;
font-weight: 500;
} .question-form__form {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: unset;
grid-template-rows: unset;
gap: 30px;
}
.question-form__form > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__fields {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: unset;
grid-template-rows: unset;
grid-area: unset !important;
}
.question-form__fields > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__fields > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__field {
grid-area: unset !important;
}
.question-form__fields-2 {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: unset;
grid-template-rows: unset;
grid-area: unset !important;
}
.question-form__fields-2 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.question-form__field-2 {
grid-area: unset !important;
}
.question-form__textarea {
min-height: 150px;
}
.question-form__checkboxes {
grid-area: unset !important;
}
.question-form__submit {
grid-area: unset !important;
margin: 0 auto;
} .article__head {
-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;
}
.article__name {
font-weight: 500;
} .article-card__link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} .main-about__body {
padding: 40px;
}
.main-about__title {
padding: 10px 40px 10px 0;
margin: 0 40px 0 0;
} .main-contacts__heading {
margin-bottom: 30px;
}
.main-contacts__list {
-ms-grid-columns: (auto) [1];
grid-template-columns: repeat(1, auto);
} .main-error__title {
font-size: 100px;
}
.main-error__desc {
font-size: 30px;
margin-bottom: 20px;
}
.main-error__link {
font-size: 22px;
} .list-section__body {
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 30px 20px;
}
.list-section__item:nth-child(1) {
border-right: 2px solid #d0d0d0;
}
.list-section__item:nth-child(2) {
border-left: unset;
border-right: 2px solid #d0d0d0;
}
.list-section__item:nth-child(3) {
border-left: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
}
.list-section__item:nth-child(4) {
border-left: unset;
border-right: 2px solid #d0d0d0;
}
.list-section__body-2 .list-section__item:nth-child(5) {
border-right: 2px solid #d0d0d0;
}
.list-section__body-2 .list-section__item:nth-child(6) {
border-left: unset;
} .doc h1 {
font-size: 26px;
}
.doc h2 {
font-size: 20px;
margin: 24px 0;
} .modal-form {
padding: 30px;
}
.modal-form__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-form__submit {
margin: 0 auto;
}
.modal-form--main {
width: auto;
}
}
@media (max-width: 550px) { h1,
.title {
font-size: 22px;
} .header__top {
padding: 16px 0 10px 0;
}
.header__logo {
max-width: 100px;
}
.header__title {
font-size: 10px;
}
.header__subtitle {
font-size: 9px;
}
.header__bottom-container {
padding: 14px 20px;
}
.header__button--mobile .header__button-icon {
width: 16px;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
}
.menu-open .header__menu {
top: 48px;
}
.header__menu {
gap: 12px;
}
.header__menu-item a {
font-size: 14px;
}
.header__note {
font-size: 10px;
font-weight: 400;
} .footer {
padding: 30px 0 20px 0;
}
.footer__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto;
grid-template-rows: repeat(7, auto);
gap: 30px;
}
.footer__grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(2) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(3) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(4) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(5) {
-ms-grid-row: 9;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(6) {
-ms-grid-row: 11;
-ms-grid-column: 1;
}
.footer__grid > *:nth-child(7) {
-ms-grid-row: 13;
-ms-grid-column: 1;
}
.footer__column--logo {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
.footer__column--contacts {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 3 / 1 / 4 / 2;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__column--address {
text-align: left;
-ms-grid-row: 6;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 6 / 1 / 7 / 2;
}
.footer__column--legal {
font-size: 12px;
text-align: left;
max-width: 100%;
-ms-grid-row: 7;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 7 / 1 / 8 / 2;
}
.footer__column--cta {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 5 / 1 / 6 / 2;
}
.footer__column--menu {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 2 / 1 / 3 / 2;
}
.footer__column--socials {
-ms-grid-row: 4;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 4 / 1 / 5 / 2;
}
.footer__logo {
margin: 0 auto 0 0;
}
.footer__menu {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5px;
}
.footer__menu-item {
font-size: 14px;
}
.footer__socials {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__address {
font-size: 12px;
line-height: 1.4;
} .directions__head {
gap: 26px;
}
.directions__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.directions__container {
gap: 30px;
}
.directions__title {
font-size: 22px;
}
.directions__cards {
gap: 14px;
}
.directions__card {
min-height: 280px;
padding: 30px 20px;
}
.directions__card-title {
font-size: 20px;
margin-bottom: 20px;
}
.directions__card-list {
gap: 14px;
}
.directions__stats {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
} .checklist__top-list {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-rows: repeat(6, 1fr);
gap: 30px;
}
.checklist__top-list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(2) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(3) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(4) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(5) {
-ms-grid-row: 9;
-ms-grid-column: 1;
}
.checklist__top-list > *:nth-child(6) {
-ms-grid-row: 11;
-ms-grid-column: 1;
}
.checklist__top-item {
border-right: 2px solid #a5b3bf !important;
}
.checklist__body {
padding: 30px 20px;
}
.checklist__title {
font-size: 22px;
} .slider-services__wrapper {
} .benefits__list {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: unset;
grid-template-rows: unset;
gap: 14px;
}
.benefits__list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
} .news__header {
margin-bottom: 30px;
-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;
gap: 24px;
}
.news__header-right {
margin: 0 0 0 auto;
}
.news-swiper {
max-width: 90%;
margin-left: 0 !important;
}
.news__item {
min-height: unset;
}
.news__date {
font-size: 12px;
padding: 20px 20px 10px 20px;
}
.news__text {
font-size: 14px;
padding: 0 20px 20px 20px;
} .penalties__header {
gap: 50px;
margin-bottom: 20px;
}
.penalties__nav {
margin: 0 auto;
}
.penalties__slider {
}
.penalties__desc {
font-size: 14px;
margin-bottom: 14px;
} .contacts__text a {
font-size: 14px;
}
.contacts__icon {
width: 24px;
height: 26px;
} .main__body {
padding: 30px 20px;
}
.main__title {
margin-bottom: 20px;
} .notification__body {
padding: 30px 20px;
}
.notification__fields-2 {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
} .request__body {
padding: 30px 20px;
}
.request__fields {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.request__field-group {
max-width: 100%;
} .documents__list-wrapper {
padding: 30px 20px;
} .dev-request__body {
padding: 30px;
}
.dev-request__submit {
font-size: 12px;
}
.dev-request__fields {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
} .benefits-list__list {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
} .question-form__body {
padding: 30px 26px;
}
.question-form__textarea {
min-height: 120px;
}
.question-form__label {
font-size: 14px;
} .related-services-swiper {
padding: 0 !important;
overflow: visible !important;
max-width: 90%;
margin-left: 0 !important;
} .articles__title {
font-size: 26px;
margin-bottom: 20px;
}
.article-card__link {
padding: 20px;
}
.article-card__title {
font-size: 18px;
margin-bottom: 8px;
}
.article-card__date {
font-size: 12px;
margin-bottom: 10px;
}
.article-card__text {
font-size: 14px;
} .article__head {
gap: 10px;
margin-bottom: 20px;
}
.article__date {
font-size: 12px;
margin-bottom: 0;
}
.article__title {
font-size: 26px;
}
.article__photo {
width: 40px;
height: 40px;
}
.article__position {
font-size: 12px;
margin-bottom: 6px;
}
.article__name {
font-size: 14px;
}
.article__content p {
font-size: 14px;
} .main-about__body {
padding: 20px 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.main-about__title {
padding: 0 50px 20px 50px;
margin: 0;
}
.main-about__title::after {
width: 100%;
height: 2px;
top: unset;
bottom: 0;
} .team__body {
padding: 0 !important;
overflow: visible !important;
margin-left: 0 !important;
max-width: 90%;
} .main-contacts__text {
padding: 30px 20px;
}
.main-contacts__heading {
font-size: 20px;
} .main-error__title {
font-size: 80px;
}
.main-error__desc {
font-size: 22px;
}
.main-error__link {
font-size: 18px;
} .stages__list {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
} .service-composition__list {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
}
.service-composition__item {
padding: 18px;
} .list-section__body {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
-ms-grid-rows: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-rows: repeat(5, 1fr);
gap: 20px;
}
.list-section__body > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.list-section__body > *:nth-child(2) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.list-section__body > *:nth-child(3) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.list-section__body > *:nth-child(4) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.list-section__body > *:nth-child(5) {
-ms-grid-row: 9;
-ms-grid-column: 1;
}
.list-section__body-2 {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
}
.list-section__item {
border-left: 2px solid #d0d0d0 !important;
border-right: 2px solid #d0d0d0 !important;
} .terms-section__list {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.terms-section__text {
padding: 30px 20px;
} .modal__container {
padding: 0 10px;
}
.modal-form {
padding: 24px 16px;
}
.modal__close {
font-size: 30px;
top: 10px;
right: 15px;
}
.modal-form__subtitle {
font-size: 14px;
}
.modal-form__body {
margin-top: 14px;
}
.modal-form__fields {
font-size: 14px;
gap: 10px;
}
.modal-form__fields--memo {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
}
.modal-form__textarea {
min-height: 100px;
}
.modal-form__footer {
margin-top: 20px;
gap: 20px;
}
} .banner {
display: none;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 20px;
overflow: hidden;
padding: 30px 10px 50px 24px;
max-width: 600px;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 6.43px 19.29px 71.43px -9.29px #16345033;
box-shadow: 6.43px 19.29px 71.43px -9.29px #16345033;
z-index: 10000;
}
.banner:before {
content: "";
position: absolute;
z-index: -1;
right: 50px;
top: 10px;
background-image: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/banner-phone1.png);
background-repeat: no-repeat;
background-size: contain;
width: 205px;
height: 205px;
}
.banner:after {
content: "";
position: absolute;
z-index: -1;
right: -70px;
bottom: -70px;
background-image: url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/banner-phone2.png);
background-repeat: no-repeat;
background-size: contain;
width: 470px;
height: 470px;
}
.banner__close {
position: absolute;
z-index: 1;
top: 30px;
right: 30px;
cursor: pointer;
border: none;
background-color: transparent;
padding: 15px 23px 15px 10px;
}
.banner__close:before,
.banner__close:after {
content: "";
position: absolute;
width: 13px;
height: 2px;
background-color: #828282;
border-radius: 2px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.banner__close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.banner__close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.banner__close:hover:before,
.banner__close:hover:after {
background-color: #000;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.banner__logo {
max-width: 190px;
margin-bottom: 40px;
display: flex;
}
.banner__logo img {
object-fit: contain;
}
.banner__title {
font-size: 40px;
font-weight: 800;
line-height: 1.15;
color: #20263e;
margin-bottom: 30px;
}
.banner__desc {
font-size: 22px;
font-weight: 500;
line-height: 1.5;
color: #20263e;
max-width: 390px;
margin: 0 0 24px 0;
text-transform: unset;
}
.banner__plash {
font-size: 30px;
font-weight: 800;
color: #f70007;
background-color: #ffffffb2;
-webkit-box-shadow: 6.43px 19.29px 71.43px -9.29px #16345033;
box-shadow: 6.43px 19.29px 71.43px -9.29px #16345033;
border-radius: 45px;
border: unset;
overflow: unset;
background: unset;
padding: 12px 22px;
margin: 0 0 24px 0;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
}
.banner__button {
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #fff !important;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
background-color: #13268b;
padding: 15px 18px !important;
border-radius: 5px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.banner__button:hover {
background-color: #2036b0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 1240px) {
.banner__title {
font-size: 24px;
}
.banner__desc {
font-size: 14px;
}
}
@media (max-width: 992px) {
.banner__title {
font-size: 22px;
}
.banner__plash {
margin: 10px 0 0 -54px;
}
}
@media screen and (max-width: 550px) {
.banner__title {
font-size: 28px;
line-height: 1.4;
margin-bottom: 20px;
}
.banner__desc {
font-size: 18px;
max-width: 300px;
margin-bottom: 15px;
}
.banner__button {
font-size: 16px !important;
}
.banner:before {
top: 90px;
right: -30px;
width: 180px;
height: 180px;
}
.banner:after {
width: 350px;
height: 350px;
}
}  .banner_verst {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 20px;
overflow: hidden;
width: 100%;
box-shadow: 6.43px 19.29px 71.43px -9.29px #16345033;
background: #000 url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/bg_vebinar.jpg) no-repeat center;
background-size: cover;
gap: 20px;
max-width: 1050px;
padding: 50px 40px 30px;
z-index: 10000;
}
.header_banner_verst {
display: flex;
justify-content: space-between;
}
.head_start_b_v {
display: flex;
gap: 20px;
}
.date_vebinar_verst {
background: #F5641A;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 15px;
padding: 15px;
}
.name_vebinar_verst {
color: #fff;
font-size: 24px;
text-transform: uppercase;
}
.name_vebinar_verst strong {
display: block;
font-weight: bold;
}
.logo_vebinar_verst img { }
.body_vebinar_verst {
margin: 40px 0 0;
max-width: 700px;
padding: 25px;
border-radius: 40px;
background: rgba(79, 79, 79, 0.2); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1);
}
.body_vebinar_verst div {
color: #fff;
font-size: 30px;
text-transform: uppercase;
}
.body_vebinar_verst strong {
text-transform: uppercase;
}
.body_vebinar_verst span {
display: inline-block;
border-radius: 15px;
background: #F5641A;
padding: 10px;
}
.spikers_vebinar_verst {
display: flex;
padding: 20px 0 0;
justify-content: space-between;
}
.spiker_item {
width: 49%;
display: flex;
gap: 15px;
align-items: center;
border-radius: 90px 30px 30px 90px;
padding: 10px;
background: rgba(79, 79, 79, 0.2); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1);
}
.spiker_item img {
display: block;
width: 110px;
height: 110px;
border-radius: 50%;
}
.btn_container_vebinar {
text-align: center;
padding: 40px 0 0;
}
.btn_action_vebinar {
display: inline-block;
color: #fff !important;
text-decoration: none;
font-size: 24px !important;
font-weight: bold;
background-color: #F5641A;
padding: 15px 30px;
border-radius: 15px;
}
.btn_action_vebinar:hover {
background-color: #ff7e3d;
}
.name_spik {
color: #fff;
font-size: 18px;
font-weight: bold;
}
.status_spik {
color: #ffffff;
margin: 5px 0 0;
font-size: 13px;
}
.page-id-371 .table__row,
.page-id-373 .table__row,
.page-id-254 .table__row,
.page-id-360 .table__row,
.page-id-364 .table__row {
grid-template-columns: repeat(3, 1fr);
}
.btn_link_gen {
margin: auto 0 0 auto;
}
.article__left {
position: relative;
}
.post-views-count {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
}  #constructor_pd .documents__title {
margin: 0 auto;
}
.page-id-963 .documents__title,
.page-id-961 .documents__title {
max-width: 1710px;
}
.txt_constr {
text-align: center;
font-size: 28px;
max-width: 680px;
margin: 5px auto 0;
}
.wrap_bg_constr {
background-color: #fff;
border-radius: 20px;
padding: 55px;
box-shadow: 2px 4px 14px rgba(0,0,0, .25);
}
.box_form_constr {
max-width: 940px;
margin: 50px auto 0;
padding: 5px 0 0;
}
.group_inp_constr {
margin: 24px 0 0;
}
.row_inp_constr {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.group_inp_constr label {
display: block;
color: #5D5C61;
font-weight: bold;
font-size: 16px;
padding: 0 0 10px;
}
.group_inp_constr input {
width: 100%;
padding: 0 15px;
border: none;
border-radius: 10px;
background: #F7F7F8;
font-weight: 600;
font-size: 14px;
height: 56px;
}
.group_inp_constr input::-webkit-input-placeholder {color: #A5A5A5}
.group_inp_constr input::-moz-placeholder {color: #A5A5A5}
.group_inp_constr input:-moz-placeholder {color: #A5A5A5}
.group_inp_constr input:-ms-input-placeholder {color: #A5A5A5}
.row_inp_constr_end {
display: flex;
justify-content: center;
align-items: center;
padding: 70px 0 0;
gap: 20px;
}
#btn_action_constr {
text-decoration: none !important;
}
@media screen and (max-width: 767px) {
.wrap_bg_constr {
padding: 25px 15px;
}
.txt_constr {
font-size: 18px;
}
.box_form_constr {
margin: 25px auto 0;
}
.row_inp_constr {
grid-template-columns: repeat(1, 1fr);
gap: 0;
}
.row_inp_constr_end {
flex-direction: column;
}
}
#notification_calculator {
color: #5d5c61;
padding: 30px 0 0;
}
#datepicker {
background: #F7F7F8 url(//roskom-service.ru/wp-content/themes/custom-theme/assets/img/icon-calendar.svg) no-repeat 94% center;
} .call_to_action_reg {
padding: 80px 0;
}
.wrap_form_call_reg {
max-width: 768px;
margin: 0 auto;
padding: 30px;
border-radius: 20px;
box-shadow: 0 4px 14px rgba(0,0,0, .2);
}
.wrap_action_registration {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_contain_inp_50 {
width: 49%;
margin: 30px 0 0;
}
.box_contain_inp_100 {
width: 100%;
margin: 30px 0 0;
}
.box_contain_inp_50 label,
.box_contain_inp_100 label {
display: block;
padding: 0 0 7px;
}
.registration-form__form .question-form__checkboxes {
padding: 30px 0 0;
color: #333 !important;
}
.registration-form__form .question-form__submit {
margin: 25px auto 0;
}
@media screen and (max-width: 767px) {
.wrap_form_call_reg {
margin: 0 15px;
padding: 15px;
}
.box_contain_inp_50 {
width: 100%;
}
.registration-form__form .question-form__submit {
font-size: 10px;
}
}