@font-face {
font-family: "Montserrat";
src: url(//sudexperts.ru/wp-content/themes/Template/fonts/Montserrat/Montserrat-Variable-Cyrillic.woff2) format("woff2");
font-style: normal;
font-weight: 300 800;
font-display: optional;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Montserrat";
src: url(//sudexperts.ru/wp-content/themes/Template/fonts/Montserrat/Montserrat-Variable-Latin.woff2) format("woff2");
font-style: normal;
font-weight: 300 800;
font-display: optional;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Montserrat";
src: url(//sudexperts.ru/wp-content/themes/Template/fonts/Montserrat/Montserrat-Italic-Cyrillic.woff2) format("woff2");
font-style: italic;
font-weight: 400;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Montserrat";
src: url(//sudexperts.ru/wp-content/themes/Template/fonts/Montserrat/Montserrat-Italic-Latin.woff2) format("woff2");
font-style: italic;
font-weight: 400;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} html {
max-width: 100%;
overflow-x: hidden;
scrollbar-gutter: stable;
}
@supports (overflow: clip) {
html {
overflow-x: clip;
}
}
.skip-link {
position: fixed;
z-index: 1000000;
top: 12px;
left: 12px;
padding: 12px 16px;
border-radius: 5px;
background: #fff;
color: #20262b;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transform: translateY(calc(-100% - 24px));
transition: transform 160ms ease;
}
.skip-link:focus {
transform: translateY(0);
}
.site-action-button-reset {
appearance: none;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
font: inherit;
text-align: inherit;
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid #ffae42;
outline-offset: 3px;
}
.slick-list {
overflow: hidden;
} .site-accordion {
--accordion-ink: #20262b;
--accordion-muted: #6c7277;
--accordion-line: #e4e5e3;
--accordion-soft: #f7f7f6;
display: grid;
gap: 12px;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
}
.site-accordion > .site-accordion__item,
.pricespollers.site-accordion > .site-accordion__item,
.spollers.site-accordion > .site-accordion__item {
margin: 0;
border: 1px solid var(--accordion-line);
border-radius: 12px;
background: #fff;
color: var(--accordion-ink);
overflow: hidden;
transition: border-color 180ms ease, box-shadow 180ms ease;
}
.site-accordion > .site-accordion__item.is-open,
.site-accordion > .site-accordion__item[open],
.site-accordion > .site-accordion__item:has(.site-accordion__toggle[aria-expanded="true"]) {
border-color: #ffae42;
box-shadow: 0 14px 34px rgba(32, 38, 43, 0.07);
}
.site-accordion__heading {
margin: 0;
}
.site-accordion .site-accordion__toggle,
.pricespollers.site-accordion .site-accordion__toggle,
.spollers.site-accordion .site-accordion__toggle,
.article-faq__question.site-accordion__toggle {
display: grid;
box-sizing: border-box;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 20px;
align-items: center;
width: 100%;
min-height: 82px;
margin: 0;
padding: 20px 24px;
border: 0;
background: transparent;
color: var(--accordion-ink);
cursor: pointer;
font-family: inherit;
line-height: 1.35;
list-style: none;
text-align: left;
text-transform: none;
}
.site-accordion .site-accordion__toggle::after,
.pricespollers.site-accordion .site-accordion__toggle::after,
.spollers.site-accordion .site-accordion__toggle::after {
display: none !important;
content: none !important;
}
.site-accordion__toggle::-webkit-details-marker {
display: none;
}
.site-accordion .site-accordion__toggle:hover,
.site-accordion .site-accordion__toggle:focus-visible {
background: var(--accordion-soft);
color: var(--accordion-ink);
}
.site-accordion .site-accordion__toggle:focus-visible {
outline: 2px solid #ffae42;
outline-offset: -3px;
}
.site-accordion .site-accordion__title,
.pricespollers.site-accordion .site-accordion__title,
.spollers.site-accordion .site-accordion__title {
min-width: 0;
color: var(--accordion-ink);
font-size: 20px;
font-weight: 600;
line-height: 1.35;
}
.site-accordion .site-accordion__meta,
.pricespollers.site-accordion .site-accordion__meta {
color: var(--accordion-muted);
font-size: 13px;
font-weight: 500;
line-height: 1.35;
white-space: nowrap;
}
.site-accordion .site-accordion__control,
.pricespollers.site-accordion .site-accordion__control,
.spollers.site-accordion .site-accordion__control {
position: relative;
display: block;
width: 34px;
height: 34px;
border: 1px solid var(--accordion-line);
border-radius: 50%;
background: transparent;
color: var(--accordion-ink);
flex: 0 0 34px;
justify-self: end;
transition: border-color 180ms ease, background-color 180ms ease;
}
.site-accordion__control::before,
.site-accordion__control::after {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 1.5px;
background: currentColor;
content: "";
transform: translate(-50%, -50%);
transition: transform 180ms ease;
}
.site-accordion__control::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.site-accordion__item.is-open .site-accordion__control,
.site-accordion__item[open] .site-accordion__control,
.site-accordion__toggle[aria-expanded="true"] .site-accordion__control {
border-color: #ffae42;
background: #ffae42;
color: #20262b;
}
.site-accordion__item.is-open .site-accordion__control::after,
.site-accordion__item[open] .site-accordion__control::after,
.site-accordion__toggle[aria-expanded="true"] .site-accordion__control::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.site-accordion .site-accordion__body,
.pricespollers.site-accordion .site-accordion__body,
.spollers.site-accordion .site-accordion__body,
.article-faq__answer.site-accordion__body {
margin: 0;
padding: 22px 24px 24px;
border-top: 1px solid var(--accordion-line);
background: #fff;
color: var(--accordion-muted);
font-size: 15px;
line-height: 1.72;
}
.site-accordion .site-accordion__body--flush {
padding: 0;
}
.site-accordion .site-accordion__body[hidden] {
display: none !important;
}
.site-accordion__content > :first-child,
.site-accordion__body > :first-child {
margin-top: 0;
}
.site-accordion__content > :last-child,
.site-accordion__body > :last-child {
margin-bottom: 0;
}
.article-faq__list.site-accordion {
border: 0;
}
.article-faq__item.site-accordion__item {
border-top: 1px solid var(--accordion-line);
}
.article-faq__answer.site-accordion__body p {
max-width: 860px;
}
.acor-container.site-accordion {
margin: 50px 0 80px;
}
@media (max-width: 767px) {
.site-accordion > .site-accordion__item,
.pricespollers.site-accordion > .site-accordion__item,
.spollers.site-accordion > .site-accordion__item {
border-radius: 9px;
}
.site-accordion .site-accordion__toggle,
.pricespollers.site-accordion .site-accordion__toggle,
.spollers.site-accordion .site-accordion__toggle,
.article-faq__question.site-accordion__toggle {
grid-template-columns: minmax(0, 1fr) auto;
gap: 13px;
min-height: 72px;
padding: 16px;
}
.site-accordion .site-accordion__title,
.pricespollers.site-accordion .site-accordion__title,
.spollers.site-accordion .site-accordion__title {
font-size: 16px;
}
.site-accordion .site-accordion__meta,
.pricespollers.site-accordion .site-accordion__meta {
display: none;
}
.site-accordion .site-accordion__control,
.pricespollers.site-accordion .site-accordion__control,
.spollers.site-accordion .site-accordion__control {
width: 30px;
height: 30px;
flex-basis: 30px;
}
.site-accordion .site-accordion__body,
.pricespollers.site-accordion .site-accordion__body,
.spollers.site-accordion .site-accordion__body,
.article-faq__answer.site-accordion__body {
padding: 18px 16px 20px;
font-size: 14px;
line-height: 1.7;
}
.site-accordion .site-accordion__body--flush {
padding: 0;
}
.acor-container.site-accordion {
margin: 20px 0;
}
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
}
button,
select {
text-transform: none;
}
img {
border-style: none;
}
[hidden] {
display: none !important;
}  button[type="submit"],
button[type="reset"],
button.button,
button[class*="button"],
input[type="submit"],
input[type="button"],
input[type="reset"],
a[class*="button"],
.header__callback,
.text_main_link,
.main_projects_link,
.price_block_buttons_link,
.team_main_full_item_button :is(a, button),
.team-card__request,
.pagination .page-numbers,
.article-listing__pagination .page-numbers,
.wp-block-button__link,
.cky-btn {
border-radius: 5px !important;
} .site-cookie {
position: fixed;
z-index: 999999;
bottom: 40px;
left: 40px;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 14px 16px;
width: min(440px, calc(100vw - 80px));
padding: 22px;
border: 1px solid #e5e5e3;
border-radius: 12px;
background: #fff;
box-shadow: 0 18px 55px rgba(24, 30, 34, 0.16);
color: #20262b;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 180ms ease, visibility 0s linear 180ms;
}
.site-cookie[hidden] {
display: none !important;
}
.site-cookie--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
.site-cookie--bottom-center {
right: auto;
left: 50%;
transform: translateX(-50%);
}
.site-cookie--bottom-center.site-cookie--visible {
transform: translateX(-50%);
}
.site-cookie__mark {
display: grid;
width: 46px;
height: 46px;
border-radius: 50%;
background: #fff4e4;
color: #d87900;
place-items: center;
}
.site-cookie__mark svg {
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.65;
}
.site-cookie__body {
min-width: 0;
padding-right: 22px;
}
.site-cookie__title {
margin: 0 0 8px;
color: #20262b;
font-size: 17px;
font-weight: 600;
line-height: 1.35;
}
.site-cookie__text,
.site-cookie__policy {
font-size: 13px;
line-height: 1.55;
}
.site-cookie__text {
color: #60666a;
}
.site-cookie__text p {
margin: 0;
}
.site-cookie__policy {
display: inline-block;
margin-top: 8px;
color: #9c5700;
text-decoration: underline;
text-decoration-color: rgba(156, 87, 0, 0.35);
text-underline-offset: 3px;
}
.site-cookie__policy:hover {
color: #20262b;
}
.site-cookie__accept {
grid-column: 1 / -1;
min-height: 46px;
padding: 11px 20px;
border: 1px solid #ffae42;
border-radius: 5px;
background: #ffae42;
color: #20262b;
cursor: pointer;
font-family: inherit;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.site-cookie__accept:hover,
.site-cookie__accept:focus-visible {
border-color: #20262b;
background: #20262b;
color: #fff;
}
.site-cookie__close {
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: #74797d;
cursor: pointer;
}
.site-cookie__close:hover,
.site-cookie__close:focus-visible {
background: #f3f3f1;
color: #20262b;
}
.site-cookie__close::before,
.site-cookie__close::after,
.site-cookie__close span::before,
.site-cookie__close span::after {
position: absolute;
top: 50%;
left: 50%;
width: 13px;
height: 1.5px;
background: currentColor;
content: "";
}
.site-cookie__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.site-cookie__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.site-cookie__close span::before,
.site-cookie__close span::after {
display: none;
}
@media (max-width: 575px) {
.site-cookie,
.site-cookie--bottom-center {
right: 12px;
bottom: 12px;
left: 12px;
width: auto;
padding: 18px;
transform: none;
}
.site-cookie__mark {
width: 40px;
height: 40px;
}
.site-cookie__body {
padding-right: 18px;
}
}
@media print {
.site-cookie {
display: none !important;
}
} .article-entry {
color: #454545;
font-size: 16px;
line-height: 1.75;
}
.article-entry::after {
content: "";
display: table;
clear: both;
}
.article-entry p {
margin-bottom: 22px;
}
.article-entry img:not(.emoji) {
display: block;
max-width: 100% !important;
height: auto !important;
margin: 30px 0;
border-radius: 12px;
object-fit: cover;
box-shadow: 0 14px 38px rgba(34, 34, 34, 0.12);
}
.article-entry img.alignleft,
.article-entry img[align="left"],
.article-entry img[style*="float: left"],
.article-entry img[style*="float:left"] {
float: left !important;
width: auto !important;
max-width: min(46%, 520px) !important;
margin: 8px 30px 22px 0 !important;
}
.article-entry img.alignright,
.article-entry img[align="right"],
.article-entry img[style*="float: right"],
.article-entry img[style*="float:right"] {
float: right !important;
width: auto !important;
max-width: min(46%, 520px) !important;
margin: 8px 0 22px 30px !important;
}
.article-entry figure {
max-width: 100%;
margin: 34px 0;
}
.article-entry figure img {
margin: 0;
}
.article-entry figcaption,
.article-entry .wp-caption-text {
margin-top: 10px;
color: #858585;
font-size: 12px;
line-height: 1.5;
}
.article-toc {
--article-toc-accent: #ff9f2e;
--article-toc-text: #252525;
margin: 4px 0 50px;
padding-bottom: 30px;
border-bottom: 1px solid #dedede;
color: var(--article-toc-text);
}
.article-toc__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 28px;
margin-bottom: 22px;
}
.article-toc__eyebrow {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 7px;
color: #707070;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.article-toc__eyebrow::before {
content: "";
width: 30px;
height: 2px;
flex: 0 0 30px;
background: var(--article-toc-accent);
}
.article-entry .article-toc__title {
position: static;
margin: 0;
padding: 0;
color: var(--article-toc-text);
font-size: clamp(29px, 3vw, 40px);
font-weight: 500;
line-height: 1.08;
text-transform: none;
}
.article-entry .article-toc__title::before {
display: none;
}
.article-toc__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 34px;
margin: 0;
padding: 0;
list-style: none;
}
.article-toc__item {
min-width: 0;
margin: 0;
padding: 0;
border-top: 1px solid #e4e4e4;
}
.article-toc__link {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
gap: 12px;
align-items: start;
min-height: 62px;
padding: 18px 0 16px;
color: var(--article-toc-text);
text-decoration: none;
transition: color 0.2s ease;
}
.article-toc__link:hover,
.article-toc__link:focus-visible {
color: #b86500;
}
.article-toc__link:focus-visible {
outline: 2px solid var(--article-toc-accent);
outline-offset: 4px;
}
.article-toc__number {
padding-top: 4px;
color: var(--article-toc-accent);
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.06em;
}
.article-toc__text {
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.article-toc__item--level-3 .article-toc__link {
padding-left: 20px;
color: #666;
}
.article-toc__item--level-3 .article-toc__number {
color: #a5a5a5;
}
.article-entry > h2[id],
.article-entry > h3[id] {
scroll-margin-top: 110px;
}
@media (prefers-reduced-motion: no-preference) {
html:has(.article-toc) {
scroll-behavior: smooth;
}
}
.article-faq,
.article-related {
--article-accent: #ff9f2e;
--article-text: #252525;
--article-muted: #747474;
margin-top: 76px;
color: var(--article-text);
}
.article-section-heading {
display: grid;
grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
gap: 26px;
align-items: end;
margin-bottom: 30px;
}
.article-section-heading__eyebrow {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 6px;
color: #707070;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.article-section-heading__eyebrow::before {
content: "";
width: 30px;
height: 2px;
flex: 0 0 30px;
background: var(--article-accent);
}
.article-section-heading h2 {
margin: 0;
color: var(--article-text);
font-size: clamp(30px, 3.15vw, 44px);
font-weight: 500;
line-height: 1.08;
text-transform: none;
}
.article-faq__list {
border-bottom: 1px solid #dedede;
}
.article-faq__item {
border-top: 1px solid #dedede;
}
.article-faq__question {
display: grid;
grid-template-columns: 36px minmax(0, 1fr) 30px;
gap: 18px;
align-items: center;
min-height: 82px;
padding: 20px 2px;
color: var(--article-text);
cursor: pointer;
list-style: none;
}
.article-faq__question::-webkit-details-marker {
display: none;
}
.article-faq__question:focus-visible {
outline: 2px solid var(--article-accent);
outline-offset: 4px;
}
.article-faq__number {
color: var(--article-accent);
font-size: 11px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
}
.article-faq__question-text {
font-size: 17px;
font-weight: 600;
line-height: 1.45;
}
.article-faq__toggle {
position: relative;
width: 28px;
height: 28px;
justify-self: end;
}
.article-faq__toggle::before,
.article-faq__toggle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 1px;
background: #3d3d3d;
transform: translate(-50%, -50%);
transition: transform 0.25s ease;
}
.article-faq__toggle::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.article-faq__item[open] .article-faq__toggle::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.article-faq__answer {
padding: 0 50px 26px 56px;
color: var(--article-muted);
font-size: 15px;
line-height: 1.72;
}
.article-faq__answer p {
max-width: 720px;
margin: 0;
}
.article-related {
margin-top: 90px;
margin-bottom: 24px;
}
.article-section-heading--related {
display: block;
margin-bottom: 30px;
}
.article-section-heading--related .article-section-heading__eyebrow {
margin-bottom: 14px;
padding-bottom: 0;
}
.article-section-heading--related h2 {
max-width: 760px;
font-size: clamp(32px, 3.4vw, 48px);
}
.article-related__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.article-related__card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
min-height: 260px;
padding: 26px 24px 24px;
overflow: hidden;
border: 1px solid #e4e4e4;
border-radius: 12px;
background: #fff;
color: var(--article-text);
text-decoration: none;
transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.article-related__card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: var(--article-accent);
transform: scaleX(0.22);
transform-origin: left center;
transition: transform 0.25s ease;
}
.article-related__card:hover,
.article-related__card:focus-visible {
border-color: rgba(255, 159, 46, 0.62);
box-shadow: 0 16px 34px rgba(37, 37, 37, 0.09);
transform: translateY(-4px);
}
.article-related__card:hover::before,
.article-related__card:focus-visible::before {
transform: scaleX(1);
}
.article-related__card:focus-visible {
outline: 2px solid var(--article-accent);
outline-offset: 3px;
}
.article-related__title {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
transition: color 0.2s ease;
}
.article-related__card:hover .article-related__title,
.article-related__card:focus-visible .article-related__title {
color: #b86500;
}
.article-related__action {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: auto;
padding-top: 28px;
color: #6f6f6f;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.article-related__action span {
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
border-radius: 50%;
background: var(--article-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
color: #fff;
font-size: 0;
transition: transform 0.2s ease;
}
.article-related__card:hover .article-related__action span,
.article-related__card:focus-visible .article-related__action span {
transform: translateX(4px);
}
@media (max-width: 991px) {
.article-related__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.article-related__card {
min-height: 220px;
}
} :where(
.left_content,
.article-entry,
.typography,
.flat_editor,
.service_single_block_text_content,
.about-modern__editor-content,
.price-modern__editor,
.license-modern__content,
.license-single__content,
.acordeon-contenido,
.textcont
) :where(p, li, blockquote, td, figcaption) a:not([class]):not([data-fancybox]) {
color: #5f3c0e;
text-decoration-line: underline;
text-decoration-color: rgba(216, 121, 0, 0.48);
text-decoration-thickness: 1px;
text-underline-offset: 4px;
text-decoration-skip-ink: auto;
transition: color 180ms ease, text-decoration-color 180ms ease,
text-decoration-thickness 180ms ease;
}
:where(
.left_content,
.article-entry,
.typography,
.flat_editor,
.service_single_block_text_content,
.about-modern__editor-content,
.price-modern__editor,
.license-modern__content,
.license-single__content,
.acordeon-contenido,
.textcont
) :where(p, li, blockquote, td, figcaption) a:not([class]):not([data-fancybox]):visited {
color: #5f3c0e;
}
:where(
.left_content,
.article-entry,
.typography,
.flat_editor,
.service_single_block_text_content,
.about-modern__editor-content,
.price-modern__editor,
.license-modern__content,
.license-single__content,
.acordeon-contenido,
.textcont
) :where(p, li, blockquote, td, figcaption) a:not([class]):not([data-fancybox]):hover {
color: #d87900;
text-decoration-color: #ffae42;
text-decoration-thickness: 2px;
}
:where(
.left_content,
.article-entry,
.typography,
.flat_editor,
.service_single_block_text_content,
.about-modern__editor-content,
.price-modern__editor,
.license-modern__content,
.license-single__content,
.acordeon-contenido,
.textcont
) :where(p, li, blockquote, td, figcaption) a:not([class]):not([data-fancybox]):focus-visible {
border-radius: 3px;
outline: 2px solid #ffae42;
outline-offset: 3px;
} #htmlmap_cats {
display: block;
margin: -5px -5px 43px;
font-size: 0;
}
#htmlmap_cats .cat {
display: inline-flex;
width: calc(33.333333% - 10px);
min-width: 0;
min-height: 54px;
align-items: center;
gap: 12px;
justify-content: space-between;
padding: 8px 10px 8px 18px;
margin: 5px;
border: 1px solid #e5e6e4;
border-radius: 8px;
background: #fff;
box-shadow: 0 8px 24px rgba(32, 38, 43, 0);
font-size: 14px;
transition: border-color 180ms ease, box-shadow 180ms ease,
transform 180ms ease;
}
#htmlmap_cats .cat:hover {
border-color: rgba(255, 174, 66, 0.78);
box-shadow: 0 10px 28px rgba(32, 38, 43, 0.08);
transform: translateY(-2px);
}
#htmlmap_cats .cat > a {
min-width: 0;
color: #20262b;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
}
#htmlmap_cats .cat > a:visited {
color: #20262b;
}
#htmlmap_cats .cat:hover > a,
#htmlmap_cats .cat > a:focus-visible {
color: #d87900;
}
#htmlmap_cats .cat > a:focus-visible,
#htmlmap_posts a:focus-visible {
border-radius: 3px;
outline: 2px solid #ffae42;
outline-offset: 3px;
}
#htmlmap_cats .cat > small {
display: inline-grid;
min-width: 30px;
min-height: 30px;
flex: 0 0 auto;
padding: 3px 7px;
border-radius: 999px;
background: #fff4e4;
color: #9c5700;
font-size: 11px;
font-variant-numeric: tabular-nums;
font-weight: 600;
line-height: 1;
place-items: center;
}
#htmlmap_posts > h2 {
display: flex;
min-height: 56px;
align-items: center;
gap: 10px;
margin: 52px 0 18px !important;
padding: 14px 0;
border-bottom: 1px solid #dedfdd;
color: #20262b;
font-size: clamp(23px, 2vw, 30px);
font-weight: 600;
letter-spacing: normal;
line-height: 1.25;
scroll-margin-top: 90px;
text-transform: none;
}
#htmlmap_posts > h2::before {
display: none;
}
#htmlmap_posts > h2 > small {
display: inline-flex;
align-items: center;
padding: 4px 8px;
border-radius: 999px;
background: #fff4e4;
color: #9c5700;
font-size: 11px;
font-variant-numeric: tabular-nums;
font-weight: 600;
line-height: 1;
}
#htmlmap_posts > h2 > a {
display: inline-grid;
width: 34px;
height: 34px;
flex: 0 0 auto;
margin-left: auto;
border: 1px solid #dedfdd;
border-radius: 50%;
color: #74797c;
font-size: 17px;
line-height: 1;
text-decoration: none;
place-items: center;
transition: border-color 180ms ease, color 180ms ease,
transform 180ms ease;
}
#htmlmap_posts > h2 > a:hover {
border-color: #ffae42;
color: #d87900;
transform: translateY(-2px);
}
#htmlmap_posts > ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 28px;
margin: 0;
padding: 0;
list-style: none;
}
#htmlmap_posts > ul > li {
display: grid;
min-width: 0;
min-height: 58px;
grid-template-columns: 82px minmax(0, 1fr);
align-items: center;
gap: 14px;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #ececea;
}
#htmlmap_posts > ul > li::before {
display: none;
}
#htmlmap_posts > ul > li > :where(small, time) {
color: #818689;
font-size: 11px;
font-variant-numeric: tabular-nums;
line-height: 1.25;
white-space: nowrap;
}
#htmlmap_posts > ul > li > a {
min-width: 0;
color: #20262b;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 4px;
transition: color 180ms ease, text-decoration-color 180ms ease;
}
#htmlmap_posts > ul > li > a:visited {
color: #20262b;
}
#htmlmap_posts > ul > li > a::after {
content: "\2192";
display: inline-block;
margin-left: 8px;
color: #d87900;
opacity: 0;
transform: translateX(-4px);
transition: opacity 180ms ease, transform 180ms ease;
}
#htmlmap_posts > ul > li > a:hover {
color: #d87900;
text-decoration-color: rgba(216, 121, 0, 0.52);
}
#htmlmap_posts > ul > li > a:hover::after,
#htmlmap_posts > ul > li > a:focus-visible::after {
opacity: 1;
transform: translateX(0);
}
@media (max-width: 991px) {
#htmlmap_cats .cat {
width: calc(50% - 10px);
}
#htmlmap_posts > h2 {
margin-left: 0 !important;
}
}
@media (max-width: 767px) {
#htmlmap_posts > ul {
grid-template-columns: minmax(0, 1fr);
}
#htmlmap_cats {
margin-bottom: 33px;
}
#htmlmap_cats .cat {
width: calc(100% - 10px);
}
#htmlmap_posts > h2 {
margin-top: 40px !important;
font-size: 22px;
}
#htmlmap_posts > ul > li {
grid-template-columns: 76px minmax(0, 1fr);
gap: 10px;
}
}
@media (prefers-reduced-motion: reduce) {
#htmlmap_cats .cat,
#htmlmap_posts a {
transition: none;
}
}
@media (max-width: 767px) {
.article-entry img:not(.emoji),
.article-entry img.alignleft,
.article-entry img.alignright,
.article-entry img[align="left"],
.article-entry img[align="right"],
.article-entry img[style*="float"] {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 26px 0 !important;
}
.article-toc {
margin-bottom: 40px;
padding-bottom: 22px;
}
.article-toc__header {
display: block;
margin-bottom: 18px;
}
.article-toc__eyebrow {
margin-bottom: 12px;
padding-bottom: 0;
}
.article-entry .article-toc__title {
font-size: clamp(28px, 9vw, 36px);
}
.article-toc__list {
grid-template-columns: 1fr;
}
.article-toc__link {
min-height: 56px;
padding: 15px 0 14px;
}
.article-toc__item--level-3 .article-toc__link {
padding-left: 14px;
}
.article-faq,
.article-related {
margin-top: 56px;
}
.article-section-heading {
grid-template-columns: 1fr;
gap: 13px;
margin-bottom: 24px;
}
.article-section-heading h2 {
font-size: clamp(29px, 9vw, 38px);
}
.article-faq__question {
grid-template-columns: 28px minmax(0, 1fr) 26px;
gap: 12px;
min-height: 74px;
padding: 18px 0;
}
.article-faq__question-text {
font-size: 15px;
line-height: 1.5;
}
.article-faq__answer {
padding: 0 0 23px 40px;
font-size: 14px;
line-height: 1.7;
}
.article-related__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.article-related__card {
min-height: 0;
padding: 22px 20px 20px;
}
.article-section-heading--related {
margin-bottom: 22px;
}
.article-section-heading--related .article-section-heading__eyebrow {
margin-bottom: 12px;
}
.article-related__title {
font-size: 15px;
}
.article-related__action {
padding-top: 26px;
}
} .articles-categories {
--articles-accent: #ffae42;
--articles-text: #303030;
--articles-muted: #505050;
padding: 30px 0 100px;
background: #fff;
}
.articles-categories *,
.articles-categories *::before,
.articles-categories *::after {
box-sizing: border-box;
}
.articles-categories__container {
width: calc(100% - 40px);
max-width: 1290px;
margin: 0 auto;
}
.articles-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0 0 60px;
color: var(--articles-muted);
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.articles-breadcrumbs a,
.articles-breadcrumbs span {
color: inherit;
text-decoration: none;
}
.articles-breadcrumbs a:hover,
.articles-breadcrumbs span[aria-current="page"] {
color: #ffc061;
}
.articles-breadcrumbs img {
display: block;
flex: 0 0 16px;
width: 16px;
height: 16px;
}
.articles-categories__layout {
display: grid;
grid-template-columns: minmax(0, 850px) 410px;
gap: 30px;
align-items: start;
}
.articles-categories__main {
min-width: 0;
}
.articles-categories__heading {
margin-bottom: 30px;
}
.articles-categories__heading h1 {
margin: 0;
color: var(--articles-text);
font-family: "Montserrat", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
text-transform: none;
}
.articles-categories__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 30px;
row-gap: 60px;
}
.articles-category-card {
display: flex;
min-width: 0;
flex-direction: column;
gap: 30px;
}
.articles-category-card__media {
display: block;
overflow: hidden;
width: 100%;
aspect-ratio: 410 / 240;
border-radius: 10px;
background: #f9f9f9;
}
.articles-category-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.articles-category-card:hover .articles-category-card__media img {
transform: scale(1.025);
}
.articles-category-card__content,
.articles-category-card__copy {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.articles-category-card__content {
gap: 20px;
}
.articles-category-card__copy {
width: 100%;
gap: 20px;
color: var(--articles-text);
}
.articles-category-card h2 {
width: 100%;
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
text-transform: none;
}
.articles-category-card h2 a {
color: inherit;
text-decoration: none;
}
.articles-category-card h2 a:hover {
color: var(--articles-accent);
}
.articles-category-card__description {
width: 100%;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.articles-category-card__description p {
margin: 0;
}
.articles-category-card__description p + p {
margin-top: 12px;
}
.articles-category-card__button,
.articles-mission__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 14px 24px;
border: 0;
border-radius: 6px;
background: var(--articles-accent);
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.articles-category-card__button:hover,
.articles-mission__button:hover {
background: #e99a31;
color: #fff;
transform: translateY(-1px);
}
.articles-categories__sidebar {
display: flex;
min-width: 0;
flex-direction: column;
gap: 30px;
}
@media (min-width: 992px) {
.post-type-archive-stati .articles-categories__sidebar,
.post-type-archive-novosti .articles-categories__sidebar {
position: sticky;
top: 20px;
align-self: start;
}
}
.articles-services {
display: flex;
overflow: hidden;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
padding: 40px;
border-radius: 10px;
background: #f9f9f9;
}
.articles-services__link {
display: flex;
width: 100%;
align-items: flex-start;
gap: 10px;
color: var(--articles-text);
font-size: 16px;
font-weight: 400;
line-height: 1.25;
text-decoration: none;
}
.articles-services__link:hover {
color: var(--articles-accent);
}
.articles-services__icon {
display: grid;
flex: 0 0 20px;
width: 20px;
height: 20px;
place-items: center;
}
.articles-services__icon img {
grid-area: 1 / 1;
display: block;
width: 16px;
height: 13px;
}
.articles-services__icon img:last-child {
display: none;
}
.articles-services__link:hover .articles-services__icon img:first-child,
.articles-services__link.is-active .articles-services__icon img:first-child {
display: none;
}
.articles-services__link:hover .articles-services__icon img:last-child,
.articles-services__link.is-active .articles-services__icon img:last-child {
display: block;
}
.articles-services__link.is-active {
color: var(--articles-accent);
font-weight: 700;
}
.articles-mission {
display: flex;
overflow: hidden;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
padding: 40px;
border-radius: 10px;
background: #505050;
color: #fff;
}
.articles-mission h2 {
margin: 0;
padding-bottom: 10px;
border-bottom: 2px solid var(--articles-accent);
color: var(--articles-accent);
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
text-transform: none;
}
.articles-mission p {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
}
.articles-categories__empty {
margin: 0;
color: var(--articles-muted);
font-size: 16px;
}
@media (max-width: 1199px) {
.articles-categories__layout {
grid-template-columns: minmax(0, 1fr) 330px;
}
.articles-services,
.articles-mission {
padding: 30px;
}
}
@media (max-width: 991px) {
.articles-breadcrumbs {
margin-bottom: 40px;
}
.articles-categories__layout {
grid-template-columns: 1fr;
gap: 60px;
}
.articles-categories__sidebar {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
align-items: start;
}
}
@media (max-width: 767px) {
.articles-categories {
padding-top: 24px;
padding-bottom: 70px;
}
.articles-categories__container {
width: calc(100% - 30px);
}
.articles-breadcrumbs {
font-size: 14px;
}
.articles-categories__heading h1 {
font-size: 30px;
}
.articles-categories__grid,
.articles-categories__sidebar {
grid-template-columns: 1fr;
}
.articles-categories__grid {
row-gap: 48px;
}
.articles-category-card {
gap: 24px;
}
}
@media (max-width: 479px) {
.articles-categories__heading h1 {
font-size: 26px;
}
.articles-services,
.articles-mission {
padding: 25px;
}
} .expert-profile {
--expert-accent: #ffad3e;
--expert-ink: #24292d;
--expert-muted: #686f74;
--expert-surface: #f5f5f4;
overflow: clip;
color: var(--expert-ink);
background: #fff;
}
.expert-profile__container,
.expert-profile__cta-inner {
width: min(100% - 40px, 1320px);
margin-inline: auto;
}
.expert-profile__breadcrumbs {
margin-block: 26px 38px;
}
.expert-profile__hero {
display: grid;
grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.18fr);
align-items: stretch;
min-height: 610px;
background: var(--expert-surface);
}
.expert-profile__portrait {
position: relative;
min-height: 610px;
overflow: hidden;
background: #dedfdf;
}
.expert-profile__portrait::after {
position: absolute;
inset: 20px;
z-index: 1;
border: 1px solid rgba(255, 255, 255, 0.68);
border-radius: 5px;
content: "";
pointer-events: none;
}
.expert-profile__image {
width: 100%;
height: 100%;
min-height: 610px;
object-fit: cover;
object-position: center top;
}
.expert-profile__portrait-placeholder,
.expert-profile-card__placeholder {
display: grid;
width: 100%;
height: 100%;
place-items: center;
color: #fff;
font-size: clamp(80px, 12vw, 160px);
font-weight: 600;
background: #bec1c2;
}
.expert-profile__intro {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(48px, 6vw, 92px);
}
.expert-profile__eyebrow {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 22px;
color: #bd6900;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.expert-profile__eyebrow::before {
width: 34px;
height: 2px;
flex: 0 0 34px;
background: var(--expert-accent);
content: "";
}
.expert-profile__intro h1 {
max-width: 760px;
margin: 0;
color: var(--expert-ink);
font-size: clamp(40px, 4.35vw, 68px);
font-weight: 600;
line-height: 1.08;
}
.expert-profile__role {
max-width: 700px;
margin: 28px 0 0;
color: var(--expert-muted);
font-size: 18px;
line-height: 1.65;
}
.expert-profile__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
margin-top: 40px;
}
.expert-profile__button {
display: inline-flex;
min-height: 52px;
align-items: center;
justify-content: center;
padding: 14px 28px;
border: 1px solid transparent;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.expert-profile__button--accent {
color: var(--expert-ink);
background: var(--expert-accent);
}
.expert-profile__button--dark {
color: #fff;
background: var(--expert-ink);
}
.expert-profile__button:hover,
.expert-profile__button:focus-visible {
color: #fff;
background: #505050;
transform: translateY(-2px);
}
.expert-profile__phone {
color: var(--expert-ink);
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: color 180ms ease;
}
.expert-profile__phone:hover,
.expert-profile__phone:focus-visible {
color: #bd6900;
}
.expert-profile__others-heading h2,
.expert-profile__cta h2 {
margin: 0;
color: var(--expert-ink);
font-size: clamp(32px, 3vw, 48px);
font-weight: 600;
line-height: 1.16;
}
.expert-profile__others {
padding-block: clamp(72px, 8vw, 120px);
}
.expert-profile__others-heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 30px;
margin-bottom: 44px;
}
.expert-profile__others-heading .expert-profile__eyebrow {
margin-bottom: 14px;
}
.expert-profile__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
.expert-profile-card {
min-width: 0;
background: var(--expert-surface);
}
.expert-profile-card__link {
display: flex;
height: 100%;
flex-direction: column;
color: var(--expert-ink);
text-decoration: none;
}
.expert-profile-card__media {
display: block;
aspect-ratio: 4 / 4.45;
overflow: hidden;
background: #dedfdf;
}
.expert-profile-card__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: transform 350ms ease;
}
.expert-profile-card__content {
display: flex;
min-height: 215px;
flex: 1;
flex-direction: column;
padding: 25px 24px 22px;
}
.expert-profile-card__content > strong {
font-size: 18px;
font-weight: 600;
line-height: 1.3;
}
.expert-profile-card__content > span:not(.expert-profile-card__more) {
display: -webkit-box;
margin-top: 12px;
overflow: hidden;
color: var(--expert-muted);
font-size: 14px;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.expert-profile-card__more {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
padding-top: 24px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.expert-profile-card__more i {
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
border-radius: 50%;
background: var(--expert-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transition: background-color 180ms ease, transform 180ms ease;
}
.expert-profile-card__link:hover .expert-profile-card__image,
.expert-profile-card__link:focus-visible .expert-profile-card__image {
transform: scale(1.035);
}
.expert-profile-card__link:hover .expert-profile-card__more i,
.expert-profile-card__link:focus-visible .expert-profile-card__more i {
background-color: #e99a31;
transform: translateX(4px);
}
.expert-profile__cta {
padding-block: clamp(58px, 6vw, 86px);
background: var(--expert-accent);
}
.expert-profile__cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.expert-profile__cta .expert-profile__eyebrow {
margin-bottom: 14px;
color: #5c3a0d;
}
.expert-profile__cta .expert-profile__eyebrow::before {
background: var(--expert-ink);
}
@media (max-width: 1023px) {
.expert-profile__hero {
grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
min-height: 520px;
}
.expert-profile__portrait,
.expert-profile__image {
min-height: 520px;
}
.expert-profile__intro {
padding: 48px;
}
.expert-profile__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.expert-profile__container,
.expert-profile__cta-inner {
width: min(100% - 30px, 1320px);
}
.expert-profile__breadcrumbs {
margin-block: 18px 26px;
}
.expert-profile__hero {
grid-template-columns: 1fr;
}
.expert-profile__portrait,
.expert-profile__image {
min-height: auto;
aspect-ratio: 4 / 4.5;
}
.expert-profile__intro {
padding: 38px 25px 42px;
}
.expert-profile__intro h1 {
font-size: clamp(36px, 11vw, 50px);
}
.expert-profile__role {
font-size: 16px;
}
.expert-profile__actions,
.expert-profile__others-heading,
.expert-profile__cta-inner {
align-items: stretch;
flex-direction: column;
}
.expert-profile__button {
width: 100%;
}
.expert-profile__others-heading {
margin-bottom: 32px;
}
}
@media (max-width: 539px) {
.expert-profile__grid {
grid-template-columns: 1fr;
}
.expert-profile-card__media {
aspect-ratio: 4 / 4.1;
}
}
@media (prefers-reduced-motion: reduce) {
.expert-profile *,
.expert-profile *::before,
.expert-profile *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
.content_h2 {
position: relative;
padding-bottom: 10px;
}
.content_h2:before {
content: "";
width: 60px;
height: 2px;
background: #ffae42;
position: absolute;
bottom: 0px;
left: 0;
}
.section {
min-height: 981px;
}
ul {}
ul:not([class]) li+li {
margin-top: 10px;
}
h3 {
color: #ffc061;
}
:active,
:hover,
:focus {
outline: 0;
outline-offset: 0;
}
:root {
--scrollbarBg: #e9e9e9;
--scrollbarThumb: #ffc061;
--scrollbarWidth: 12px;
--scrollbarBorder: 3px solid var(--scrollbarBg);
}
.scroll_page_text {
scrollbar-width: var(--scrollbarWidth);
scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
}
.scroll_page_text::-webkit-scrollbar {
width: var(--scrollbarWidth);
}
.scroll_page_text::-webkit-scrollbar-track {
background: var(--scrollbarBg);
border-radius: var(--scrollbarBorderRadius);
}
.scroll_page_text::-webkit-scrollbar-thumb {
background-color: var(--scrollbarThumb);
border-radius: var(--scrollbarBorderRadius);
border: var(--scrollbarBorder);
}
.nofound-container {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
min-height: 750px;
text-align: center;
}
.content_404_title {
font-size: 187.636px;
font-weight: 600;
text-transform: uppercase;
color: #FFAE42;
line-height: 228.73px;
}
.content_404_text {
font-size: 40px;
font-weight: 500;
line-height: 48.76px;
}
.content_404_button {
width: 100%;
max-width: 350px;
height: 50px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
line-height: 34.5px;
text-transform: uppercase;
text-decoration: none;
background: #FFAE42;
margin-top: 46px;
}
.form_popup {
width: 100%;
max-width: 500px;
} .site-native-modal-is-open {
overflow: hidden;
}
.site-native-modal-backdrop {
position: fixed;
inset: 0;
z-index: 100000;
background: rgb(15 19 22 / 72%);
backdrop-filter: blur(4px);
}
.site-native-modal--open {
position: fixed;
top: 50%;
left: 50%;
z-index: 100001;
width: min(500px, calc(100vw - 32px));
max-height: calc(100dvh - 32px);
overflow: auto;
padding: 34px;
border-radius: 10px;
background: #fff;
box-shadow: 0 24px 70px rgb(0 0 0 / 28%);
transform: translate(-50%, -50%);
}
#search.site-native-modal--open {
width: min(760px, calc(100vw - 32px));
max-width: none;
padding: 48px 50px 46px;
border-radius: 14px;
background: #fff;
color: #20262b;
box-shadow: 0 28px 90px rgb(0 0 0 / 28%);
}
.site-native-modal__close {
position: absolute;
top: 8px;
right: 10px;
display: grid;
width: 36px;
height: 36px;
place-items: center;
padding: 0;
border: 0;
border-radius: 5px;
background: transparent;
color: currentColor;
font: 400 30px/1 Montserrat, sans-serif;
cursor: pointer;
}
#search .site-native-modal__close {
top: 16px;
right: 16px;
width: 40px;
height: 40px;
background: #f4f4f3;
color: #505050;
}
.site-native-modal__close:hover,
.site-native-modal__close:focus-visible {
background: rgb(255 174 66 / 18%);
color: #e88917;
}
@media (max-width: 575px) {
.site-native-modal--open {
padding: 28px 20px 22px;
}
#search.site-native-modal--open {
width: calc(100vw - 24px);
padding: 34px 20px 24px;
border-radius: 10px;
}
#search .site-native-modal__close {
top: 8px;
right: 8px;
}
}
.modal-title {
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
color: #ffae42;
font-weight: bold;
}
.img-responsive {
max-width: 100%;
height: auto;
}
.fix_button {
background: #141414;
border: 1px solid #ffae42;
width: 100%;
max-width: 277px;
height: 54px;
position: fixed;
top: 280px;
right: -110px;
display: flex;
justify-content: space-between;
padding: 10px 0px 10px 10px;
align-items: center;
text-decoration: none;
transform: rotate(270deg);
border-radius: 5px;
overflow: hidden;
z-index: 111;
}
.fix_button_text {
color: #fff;
font-weight: 700;
padding-left: 10px;
text-transform: uppercase;
font-size: 16px;
}
.fix_button_icon {
background: #ffae42;
padding: 0px 16px;
border-radius: 0 5px 5px 0;
height: inherit;
display: flex;
align-items: center;
}
.fix_button_icon svg {
transform: rotate(90deg);
}
.wpcf7-spinner {
display: none;
}
.form_archive {
margin: 0 auto;
}
.header_fix.--fixed {
position: fixed !important;
top: -100%;
width: 100%;
z-index: 100;
min-height: 100px !important;
}
.header_fix.--fixed .breadcrumbs {
display: none !important;
}
.header_fix.--fixed .header__logo {
margin-bottom: 10px;
}
.header_fix.--fixed .header__logo img {
height: 110px;
}
.mb-50 {
margin-bottom: 50px;
}
.slider__title {
margin-top: 30px;
font-weight: 600;
font-size: 56px;
line-height: 72px;
max-width: 1116px;
text-transform: uppercase;
text-align: center;
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
min-height: 174px;
}
.slider__title span {
color: #ffae42;
}
.slider__title .slider__title-line--plain {
color: inherit;
}
.slider__title:before {
content: "";
width: 108px;
height: 3px;
background: #ffae42;
position: absolute;
bottom: 0px;
margin: 0 auto;
left: 0;
right: 0;
}
.slider__text {
font-weight: 500;
font-size: 28px;
line-height: 34px;
text-align: center;
}
.slider__button {
border: 1.61905px solid #ffae42;
border-radius: 8.09524px;
width: 100%;
max-width: 290px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 21.0476px;
line-height: 34px;
color: #fff;
text-decoration: none;
margin-top: 44px;
background-image: linear-gradient(#ffae42, #ffae42);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
transition:
background-size 0.5s,
color 0.5s;
}
.slider__button:hover {
background-size: 100% 100%;
}
.slider_block_list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
width: 100%;
margin: 40px 0px;
min-height: 226px;
}
.slider_block_item {
min-height: 226px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.7);
text-align: center;
padding: 15px;
border-right: 1px solid #ffae42;
text-decoration: none;
}
.slider_block_item:hover .slider_block_item_title {
color: #ffae42;
}
.slider_block_item_title {
margin-top: 24px;
font-size: 18px;
font-weight: 500;
line-height: 20.7px;
text-transform: uppercase;
width: 100%;
max-width: 200px;
color: #fff;
}
.slider_block_list .slider_block_item:last-child {
border: none;
} .breadcrumbs {
position: absolute;
bottom: 20px;
font-size: 12px;
color: #fff;
font-weight: 600;
max-width: 700px;
line-height: 20px;
}
.breadcrumbs__link {
color: #ffae42;
}
.breadcrumbs__link:hover {}
.breadcrumbs__separator {
padding: 0px 10px;
}
.breadcrumbs__current {}/*/*/.pagination {
text-align: center;
}
.pagination .current {
background: #505050 !important;
}
.pagination .page-numbers {
background: #ffae43;
color: #fff;
padding: 5px 10px;
display: inline-flex;
text-decoration: none;
}
.dashed_button {
font-size: 18px;
color: #ffae42;
text-transform: uppercase;
width: 100%;
border: 1px dashed #ffae42;
padding: 20px 50px;
text-align: center;
font-weight: bold;
text-decoration: none;
}
.dashed_button:hover {
background: #ffae42;
color: #fff;
}
#fullpage {
max-width: 100%;
margin: 0 auto;
}
.content_section {
overflow: hidden;
}
body {
font-family: "Montserrat", sans-serif;
color: #505050;
font-size: 18px;
}
.fp-tooltip {
font-family: "Montserrat", sans-serif !important;
}
.container {
max-width: 1570px;
}
.relative {
position: relative;
}
.page_title {
font-size: 36px;
font-weight: normal;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
margin: 0px 0px 30px 0px;
}
.page_title:before {
content: "";
position: absolute;
width: 119px;
height: 3px;
background: #ffbe42;
bottom: 0px;
}
.page_title_contact {
color: #505050;
text-align: center;
font-size: 40px;
font-weight: 400;
line-height: 41.4px;
text-transform: uppercase;
}
.page_title_contact span {
color: #f90;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.relative {
position: relative;
}
.title {
font-family: "Montserrat", sans-serif;
font-size: 48px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 50px;
}
.title span {
color: #ffae42;
}
h2.title,
h2.callback_main_title,
h2.work_main_title {
margin-top: 0;
}
.title_roman {
max-width: 100%;
font-size: 40px;
line-height: 1.5;
font-weight: normal;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
hyphens: auto;
overflow-wrap: anywhere;
}
.title_roman p {
margin: 0;
}
.page_content {
margin: 50px 0px;
}
.button_s {
border: 1px solid #ffae42;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
padding: 13px 20px;
background-image: linear-gradient(#ffae42, #ffae42);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
transition: background-size 0.5s, color 0.5s;
color: #505050;
text-decoration: none;
}
.button_s:hover {
background-size: 100% 100%;
}
@-moz-keyframes cycle {
35% {
transform: rotate(0) translate(0, 0);
}
40% {
transform: rotate(5deg) translate(0, -4px);
}
45% {
transform: rotate(-3deg) translate(0, -4px);
}
50% {
transform: rotate(5deg) translate(0, -4px);
}
55% {
transform: rotate(-3deg) translate(0, -4px);
}
60% {
transform: rotate(5deg) translate(0, -4px);
}
65% {
transform: rotate(-3deg) translate(0, -4px);
}
70% {
transform: rotate(0) translate(0, 0);
}
}
@-webkit-keyframes cycle {
35% {
transform: rotate(0) translate(0, 0);
}
40% {
transform: rotate(5deg) translate(0, -4px);
}
45% {
transform: rotate(-3deg) translate(0, -4px);
}
50% {
transform: rotate(5deg) translate(0, -4px);
}
55% {
transform: rotate(-3deg) translate(0, -4px);
}
60% {
transform: rotate(5deg) translate(0, -4px);
}
65% {
transform: rotate(-3deg) translate(0, -4px);
}
70% {
transform: rotate(0) translate(0, 0);
}
}
@-webkit-keyframes swing {
15% {
-webkit-transform: translateX(9px);
transform: translateX(9px);
}
30% {
-webkit-transform: translateX(-9px);
transform: translateX(-9px);
}
40% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
65% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing {
15% {
-webkit-transform: translateY(9px);
transform: translateY(9px);
}
30% {
-webkit-transform: translateY(-9px);
transform: translateY(-9px);
}
40% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
65% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.scroll_page_text {
height: 720px;
overflow-y: scroll;
overflow-x: hidden;
padding-right: 30px;
}
.button_callback_gray {
width: 316px;
height: 54px;
border: 1px dashed #585a5e;
text-align: center;
color: #505050;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-weight: bold;
}/**/.full_slider_main {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
.full_slider_main video,
.full_slider_main img {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
object-fit: cover;
}
.farm-section__bg,
.full_slider_main picture {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
}
#fp-nav ul li,
.fp-slidesNav ul li {
width: 16px;
height: 16px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
width: 6px;
height: 6px;
background-color: #ffae42;
opacity: 1;
border-radius: 0;
margin: -3px 0 0 -3px;
}
#fp-nav ul li a.active,
.fp-slidesNav ul li a.active {
border: 1px solid #ffae43;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
height: 6px;
width: 6px;
margin: -3px 0 0 -3px;
border-radius: unset;
}
.mouse_block {
position: absolute;
bottom: 38px;
left: 0;
right: 0;
margin: 0 auto;
width: 52px;
height: 52px;
-webkit-animation: swing 4s ease infinite;
animation: swing 4s ease infinite;
z-index: 3;
}
.full_slider_content {
z-index: 3;
position: relative;
}
.search_link_wrap {
display: flex;
flex-direction: column;
gap: 15px;
}
.search_link {
color: #ffae42;
font-weight: 500;
}
#search {
display: none;
width: 100%;
max-width: 760px;
padding: 48px 50px 46px;
border-radius: 14px;
background: #fff;
color: #20262b;
box-shadow: 0 28px 90px rgb(0 0 0 / 28%);
}
#search .form-inline {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: stretch;
margin-top: 28px;
}
#search .site-search__intro {
max-width: 590px;
padding-right: 42px;
}
#search .site-search__eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
color: #b85c00;
font-size: 12px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
}
#search .site-search__eyebrow::before {
width: 32px;
height: 2px;
background: #ffae42;
content: "";
}
#search .site-search__title {
margin: 0 0 10px;
color: #20262b;
font-size: clamp(28px, 3vw, 38px);
font-weight: 600;
line-height: 1.15;
text-transform: none;
}
#search .site-search__description {
margin: 0;
color: #686e72;
font-size: 15px;
line-height: 1.55;
}
#search .site-search__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}
#search .site-search__field {
position: relative;
min-width: 0;
}
#search .site-search__field-icon {
position: absolute;
top: 50%;
left: 18px;
z-index: 1;
color: #777d81;
fill: none;
pointer-events: none;
stroke: currentColor;
stroke-linecap: round;
stroke-width: 1.6;
transform: translateY(-50%);
}
#search .form-control {
width: 100%;
min-height: 58px;
padding: 0 18px 0 52px;
border: 1px solid #dfe1e1;
border-radius: 6px;
background: #f7f7f6;
color: #20262b;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.4;
transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
#search .form-control::placeholder {
color: #858a8e;
opacity: 1;
}
#search .form-control:hover {
border-color: #bfc3c4;
background: #fff;
}
#search .form-control:focus {
border-color: #ffae42;
outline: 0;
background: #fff;
box-shadow: 0 0 0 3px rgb(255 174 66 / 20%);
}
#search .site-search__field:focus-within .site-search__field-icon {
color: #b85c00;
}
#search .fancybox-close-small {
top: 16px;
right: 16px;
width: 40px;
height: 40px;
padding: 0;
border-radius: 5px;
background: #f4f4f3;
color: #505050;
opacity: 1;
transition: background-color 180ms ease, color 180ms ease;
}
#search .fancybox-close-small:hover,
#search .fancybox-close-small:focus-visible {
background: rgb(255 174 66 / 20%);
color: #b85c00;
}
#search .site-search__results {
max-height: min(390px, 42dvh);
margin-top: 20px;
padding-top: 18px;
overflow: auto;
border-top: 1px solid #e7e8e7;
overscroll-behavior: contain;
scrollbar-color: #c9cccd transparent;
scrollbar-width: thin;
}
#search .site-search__results[hidden] {
display: none;
}
#search .site-search__results-heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
color: #686e72;
font-size: 12px;
font-weight: 600;
letter-spacing: .07em;
text-transform: uppercase;
}
#search .site-search__results-count {
display: grid;
min-width: 26px;
height: 26px;
place-items: center;
border-radius: 50%;
background: #f1f1ef;
color: #505050;
letter-spacing: 0;
}
#search .site-search__results-list {
display: grid;
}
#search .site-search__result {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
padding: 14px 12px;
border-bottom: 1px solid #ececea;
border-radius: 5px;
color: #20262b;
text-decoration: none;
transition: background-color 180ms ease, color 180ms ease;
}
#search .site-search__result:last-child {
border-bottom-color: transparent;
}
#search .site-search__result:hover,
#search .site-search__result:focus-visible {
background: #f7f7f6;
color: #20262b;
}
#search .site-search__result-content {
display: grid;
min-width: 0;
}
#search .site-search__result-type {
margin-bottom: 4px;
color: #b85c00;
font-size: 11px;
font-weight: 600;
letter-spacing: .06em;
line-height: 1.3;
text-transform: uppercase;
}
#search .site-search__result-title {
color: inherit;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
#search .site-search__result-excerpt {
display: -webkit-box;
margin-top: 5px;
overflow: hidden;
color: #6d7276;
font-size: 13px;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#search .site-search__result-arrow {
color: #b85c00;
font-size: 21px;
transition: transform 180ms ease;
}
#search .site-search__result:hover .site-search__result-arrow,
#search .site-search__result:focus-visible .site-search__result-arrow {
transform: translateX(3px);
}
#search .site-search__status {
display: flex;
align-items: center;
gap: 10px;
min-height: 52px;
padding: 13px 14px;
border-radius: 5px;
background: #f7f7f6;
color: #686e72;
font-size: 14px;
line-height: 1.45;
}
#search .site-search__status--loading::before {
width: 16px;
height: 16px;
border: 2px solid #dedfdd;
border-top-color: #b85c00;
border-radius: 50%;
content: "";
animation: site-search-spin 700ms linear infinite;
}
#search .site-search__status--error {
color: #9c351f;
}
@keyframes site-search-spin {
to {
transform: rotate(360deg);
}
}
@media (max-width: 575px) {
#search {
padding: 34px 20px 24px;
border-radius: 10px;
}
#search .site-search__intro {
padding-right: 28px;
}
#search .site-search__eyebrow {
margin-bottom: 10px;
font-size: 11px;
}
#search .site-search__title {
margin-bottom: 8px;
font-size: 27px;
}
#search .site-search__description {
font-size: 14px;
}
#search .form-inline {
grid-template-columns: 1fr;
margin-top: 22px;
}
#search .site-search__results {
max-height: min(330px, 38dvh);
margin-top: 16px;
padding-top: 14px;
}
#search .site-search__result {
gap: 10px;
padding: 12px 8px;
}
#search .site-search__result-excerpt {
display: none;
}
#search .fancybox-close-small {
top: 8px;
right: 8px;
}
} .section__map_main {
padding: 40px 0px;
} .header_icons {
display: flex;
height: 24px;
align-items: flex-start;
align-self: flex-start;
gap: 15px;
padding-left: 20px;
}
.header_icons :is(a, button) {
display: inline-grid;
height: 24px;
min-width: 24px;
min-height: 24px;
place-items: center;
text-decoration: none;
}
.header_icons svg {
display: block;
transform: translateY(-2px);
}
.header_icons :is(a, button) + :is(a, button) {
margin-left: 0;
}
#header {
background: url(//sudexperts.ru/wp-content/themes/Template/images/bg_page.jpg) center top/cover no-repeat;
position: relative;
min-height: 180px;
}
.section__header {
color: #fff;
position: relative;
min-height: 100svh;
}
.full_slider_main:before {
content: "";
background: url(//sudexperts.ru/wp-content/themes/Template/images/dots_slider.png);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.header_left__block {
margin-top: 43px;
border-bottom: 1px solid #585858;
min-height: 70px;
padding-bottom: 10px;
}
.header__menu {}
.header__menu .menu-item-has-children {
padding-bottom: 15px;
position: relative;
}
.header__menu .menu-item-has-children:after {
content: "";
display: inline-block;
width: 11px;
height: 8px;
margin-left: 7px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
filter: invert(70%) sepia(74%) saturate(846%) hue-rotate(335deg) brightness(103%) contrast(101%);
vertical-align: middle;
transform: translateY(-1px);
transition: 0.5s ease;
}
.header__menu .menu-item-has-children:hover::after,
.header__menu .menu-item-has-children:focus-within::after {
transform: translateY(-1px) rotate(180deg);
}
.header__menu ul {
display: flex;
padding-left: 0px;
flex-wrap: wrap;
margin: 0px;
position: relative;
gap: 40px;
}
.header__menu ul li {
list-style-type: none;
}
.header__menu ul li:last-child {
margin-right: 0px;
}
.header__menu ul li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
}
.header__menu ul li a:hover {
color: #ffae42;
}
.header__menu ul ul {
display: none;
position: absolute;
top: 100%;
list-style-type: none;
padding: 11px 25px 11px 10px;
min-height: 200px;
z-index: 111;
}
.header__menu ul li:hover>ul,
.header__menu ul li:focus-within>ul {
display: flex;
gap: 10px;
align-content: flex-start;
background: rgba(20, 20, 20, 0.6);
}
.header__menu ul ul li {
min-width: 170px;
display: block;
position: relative;
padding-left: 15px;
}
.header__menu ul ul li.nav-item-5695 {
white-space: nowrap;
}
.header__menu ul ul li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 8px;
height: 6px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
filter: invert(70%) sepia(74%) saturate(846%) hue-rotate(335deg) brightness(103%) contrast(101%);
transform: translateY(-50%) rotate(-90deg);
}
.header__logo {
margin-top: 10px;
}
.header__logo__text {
color: #ffae42;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
margin-top: 15px;
}
.header__logo img {}
.header_right__block {
margin-top: 30px;
flex-wrap: wrap;
border-bottom: 1px solid #585858;
min-height: 60px;
padding-bottom: 10px;
gap: 15px;
color: #fff;
justify-content: space-between;
align-items: center;
}
.header_right__block_info_block {
width: 100%;
max-width: 455px;
font-size: 16px;
display: flex;
flex-direction: column;
gap: 5px;
line-height: 21px;
text-align: right;
}
.header_right__block_email a {
color: #fff;
text-decoration: none;
}
.header__time_work span {
color: #ffae42;
}
.header_right__block_phone {
display: flex;
gap: 15px;
}
.header__phone {}
.header__phone a {
font-size: 15px;
color: #fff;
text-decoration: none;
line-height: 21px;
font-family: "Montserrat";
}
.header__phone a:hover {}
.header__callback {
border: 1px solid #ffae42;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
padding: 13px 20px;
background-image: linear-gradient(#ffae42, #ffae42);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
transition:
background-size 0.5s,
color 0.5s;
}
.header__callback:hover {
background-size: 100% 100%;
}
.header__callback :is(a, button) {
color: #fff;
text-decoration: none;
font-size: 13px;
}
.header__callback :is(a, button):hover {}
.header_title {
font-size: 48px;
font-weight: 700;
text-transform: uppercase;
padding-top: 246px;
position: relative;
padding-bottom: 40px;
line-height: 1.2;
}
.header_title:before {
content: "";
width: 120px;
height: 3px;
background-color: #ffbf42;
position: absolute;
bottom: 0px;
margin: 0 auto;
left: 0px;
right: 0px;
}
.header_title p {
margin: 0;
}
.header_subtitle {
font-size: 24px;
font-weight: 400;
margin-top: 40px;
margin-bottom: 30px;
} .section__single_project {
padding: 68px 0px 114px 0px;
min-height: fit-content;
}
.main_single_project_wrap {
display: flex;
gap: 40px;
}
.main_single_project_img {
aspect-ratio: 800 / 530;
overflow: hidden;
}
.main_single_project_img img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.main_single_project_left {
flex: 0 0 57%;
}
.main_single_project_title {
font-size: 39px;
font-weight: 500;
line-height: 55px;
text-transform: uppercase;
margin-bottom: 24px;
}
.main_single_project_text {
margin-bottom: 30px;
font-size: 16px;
}  .section__text_main {
padding: 40px 0px;
min-height: auto;
background: #E9E9E9;
}
.text_main_title {}
.text_main_title p {}
.text_main_text {
width: 100%;
max-width: 500px;
margin-top: 15px;
text-align: justify;
letter-spacing: 0.03em;
font-size: 16px;
line-height: 21px;
}
.text_main_text__wrap {
color: #505050;
}
.text_main_link {
font-size: 18px;
color: #505050;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #585a5e;
padding: 15px 25px;
display: inline-flex;
margin: 50px 0px;
border-radius: 5px;
transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.text_main_link:hover,
.text_main_link:focus-visible {
border-color: #ffae42;
background: #ffae42;
color: #20262b;
box-shadow: 0 10px 24px rgba(255, 174, 66, 0.24);
transform: translateY(-2px);
}
.text_main_link:focus-visible {
outline: 2px solid #20262b;
outline-offset: 3px;
}
.text_main_img__wrap {
padding-top: 100px;
}
.text_main_img__wrap img {
max-width: 100%;
height: auto;
}
.text_main__counter_wrap {
position: absolute;
right: 0px;
height: 100%;
width: 100%;
max-width: 576px;
background-color: #505050;
color: #fff;
display: flex;
align-items: start;
}
.text_main__counter_list {
margin-left: 57px;
width: 100%;
}
.text_main__counter_item {
margin-bottom: 50px;
display: flex;
gap: 30px;
}
.text_main__counter_content {
max-width: 200px;
}
.text_main__counter_value {
color: #ffae42;
font-size: 48px;
line-height: 30px;
margin-bottom: 25px;
font-weight: 600;
}
.text_main__counter_label {
font-weight: 400;
font-size: 16px;
line-height: 18px;
text-transform: lowercase;
}/*/*//**/.usligi_title {
margin-bottom: 50px;
}
.uslugi_block {
min-height: 370px;
width: 100%;
text-align: center;
padding: 30px;
margin-bottom: 15px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.uslugi_block_img {
margin-bottom: 40px;
}
.uslugi_block_img img {
height: auto;
transition: .5s;
}
.uslugi_block:hover .uslugi_block_img img {
transform: scale(1.2);
}
.uslugi_block_title {
text-transform: uppercase;
}
.uslugi_block_title a {
font-size: 18px;
color: #505050;
text-decoration: none;
font-family: "Montserrat", sans-serif;
}
.uslugi_block_title a:hover {}
.uslugi_main_1,
.uslugi_main_2,
.uslugi_main_3,
.uslugi_main_4 {
background-position: bottom center;
}
.uslugi_main_5,
.uslugi_main_6,
.uslugi_main_7,
.uslugi_main_8 {
background-position: top center;
}/*/*//**/.section__work_main {
background-color: #e9e9e9;
padding: 30px 0px;
}
.work_main_title {
font-weight: 600;
}
.work_main_text {}
.work_main_step_wrap {
position: absolute;
left: 0px;
height: 100%;
width: 100%;
max-width: 576px;
background-color: #505050;
color: #fff;
display: flex;
align-items: flex-end;
flex-direction: column;
padding-right: 100px;
padding-top: 50px;
padding-bottom: 50px;
justify-content: center;
top: 0px;
}
.work_main_step_list {
position: relative;
}
.work_main_step_list:before {
content: "";
height: 74%;
width: 1px;
position: absolute;
left: -65px;
border: 1px dashed #9d9d9d;
top: 43px;
}
.work_main_step_item {
margin-bottom: 50px;
}
.work_main_step_value {
font-size: 72px;
font-weight: 700;
margin-right: 40px;
color: #ffae42;
position: relative;
}
.work_main_step_value:before {
content: "";
position: absolute;
width: 50px;
left: -65px;
top: 40px;
height: 1px;
border: 1px dashed #9d9d9d;
}
.work_main_step_label {
font-weight: 700;
text-transform: uppercase;
}
.work_main_step_label p {
margin: 0;
}
.work_main_title_step {
font-size: 30px;
font-weight: 700;
margin-bottom: 100px;
}
.work_main_title_step p {
margin: 0;
}
.review_main_slider_wrap {
margin-top: 50px;
position: relative;
}
.review_main_slider {
overflow: hidden;
}
.review_main_slider_item {}
.review_main_slider_item_content {
width: 100%;
max-width: 542px;
background-color: #f6f6f6;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
max-height: 260px;
height: 100%;
margin-top: 50px;
font-size: 18px;
}
.review_main_slider_item_title {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.review_main_slider_item_text {
font-style: italic;
}
.review_main_slider_item_img {}
.review_main_slider_item_img img {
width: 100%;
border: 5px solid #ffae43;
max-width: 350px;
height: auto;
}
.review_main_slider_title {
display: flex;
flex-direction: column;
writing-mode: tb-rl;
transform: rotate(179deg);
align-items: flex-end;
font-size: 36px;
color: #bebebe;
font-weight: 700;
text-transform: uppercase;
margin-left: 50px;
}
.review_main_slider_title .review_main_slider_title_big {
font-size: 90px;
}
.arrow_review_wrap {
position: absolute;
top: 0;
left: 0px;
display: flex;
font-size: 40px;
color: #505050;
width: 100%;
max-width: 100px;
justify-content: space-between;
z-index: 1;
}
.arrow_review {
display: grid;
width: 36px;
height: 36px;
padding: 0;
place-items: center;
color: #505050;
cursor: pointer;
transition: color .2s ease, transform .2s ease;
}
.arrow_review:hover,
.arrow_review:focus-visible {
color: #ffae42;
transform: translateY(-2px);
}
.arrow_review > span {
display: block;
width: 16px;
height: 11px;
background-color: currentColor;
-webkit-mask: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
mask: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
}
.arrow_review_prev > span {
transform: rotate(90deg);
}
.arrow_review_next > span {
transform: rotate(-90deg);
}
.all_review_button {
position: absolute;
bottom: 0px;
width: 232px;
box-sizing: border-box;
font-size: 18px;
padding: 10px 40px;
color: #505050;
text-decoration: none;
background-color: transparent;
background-image: linear-gradient(#ffae42, #ffae42);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
text-transform: uppercase;
font-weight: 600;
border: 1px solid #ffae42;
border-radius: 5px;
left: 0px;
z-index: 1;
transition: background-size .5s, color .5s;
}
.all_review_button:hover {
background-size: 100% 100%;
color: #20262b;
}/*/*//**/.section__projects_main {
padding: 70px 0px;
}
.main_projects_block {
height: 325px;
width: 100%;
margin-bottom: 30px;
color: #fff;
display: flex;
align-items: flex-end;
background-size: cover;
background-repeat: no-repeat;
position: relative;
max-width: 755px;
}
.main_projects_block_title {
font-weight: 700;
font-size: 24px;
line-height: 28px;
}
.main_projects_block_title a {
color: #fff;
text-decoration: none;
transition: .5s ease;
}
.main_projects_block_title a:hover {
color: #FFAE42;
}
.main_projects_block_desc {
font-weight: 400;
font-size: 17px;
line-height: 21px;
}
.main_projects_block_link {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.main_projects_block_link_icon {
position: absolute;
right: 25px;
bottom: 20px;
transition: 0.5s ease;
z-index: 3;
}
.main_projects_block_link_icon:hover {
right: 35px;
}
.main_projects_block_content {
width: 100%;
max-width: 570px;
padding: 50px 35px 35px 50px;
z-index: 2;
}  .section__callback_main {
background: #F1F5F8;
padding-top: 50px;
}
.callback_main_block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
.callback_main_title {
color: #FFAE42;
font-weight: 600;
font-size: 52px;
text-transform: uppercase;
line-height: 66px;
margin-bottom: 20px;
}
.callback_main_text {
font-size: 24px;
line-height: 20.7px;
margin-bottom: 40px;
}
.callback_main_form {
width: 100%;
max-width: 500px;
}
.callback_main_form_block {
margin-bottom: 35px;
}
.callback_main_form_block .wpcf7-not-valid-tip {
margin-top: 5px;
text-align: center;
}
.callback_main_input {
width: 100%;
max-width: 500px;
height: 54px;
text-align: center;
background: #FFF;
border: none;
}
.callback_main_button {
height: 54px;
width: 100%;
max-width: 500px;
background: #FFAE42;
text-align: center;
color: #FFF;
font-weight: 700;
border: none;
text-transform: uppercase;
}
.callback_main_button:hover {
cursor: pointer;
background: #d38c2d;
}
.wpcf7-form-control-wrap[data-name="acceptance-199"] {
font-size: 14px;
}
.wpcf7-form-control-wrap[data-name="acceptance-199"] label {
display: flex;
gap: 15px;
align-items: flex-start;
}
.wpcf7-form-control-wrap[data-name="acceptance-199"] input {
margin-top: 3px;
}
.callback_main_right_block {
position: relative;
}
.callback_main_img {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.callback_main_img img {
max-width: 100%;
height: auto;
}
.callback_main_question {
width: 214px;
height: 214px;
border-radius: 50%;
background: #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
font-size: 180px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
position: absolute;
left: 0;
top: 0;
} .section__sert_main {
padding: 30px 0px;
} .main_licence {
display: flex;
align-items: center;
height: max-content;
}
.main_licence_item {
display: flex !important;
justify-content: center;
}
.licence_arrow i {
font-size: 50px;
font-weight: 500;
}
.licence_arrow i:hover {
cursor: pointer;
color: #ffae42;
}
.main_licence_title {
margin-top: 20px;
margin-bottom: 50px;
}
h2.main_licence_title {
margin-top: 20px;
}
.main_projects_link {
font-size: 18px;
padding: 10px 40px;
color: #505050;
text-decoration: none;
margin: 20px 0px;
text-transform: uppercase;
font-weight: 700;
border: 1px dashed #585a5e;
display: inline-flex;
}
.main_projects_link:hover {
background: #ffae42;
color: #fff;
}  .section__team_main {
background: url(//sudexperts.ru/wp-content/themes/Template/images/team_bg.jpg) top center/cover no-repeat;
padding: 30px 0px;
}
.team_title {
color: #fff;
}
.team_main_full {
height: 100%;
position: relative;
padding-top: 60px;
}
.team_main_full:before {
content: "";
width: 630px;
height: 100%;
position: absolute;
right: 0px;
border: 1px dashed #ffae42;
top: 0px;
}
.team_main_active {}
.team_main_carousel {}
.team_main_active_item {
display: none;
}
.active_slide {
display: flex;
}
.team_main_active_item_img {
width: 100%;
max-width: 500px;
height: auto;
aspect-ratio: 1 / 1;
margin-bottom: 40px;
}
.team_main_active_item_img img {
border: 10px solid #ffae42;
max-width: 100%;
height: 100%;
width: 100%;
object-fit: cover;
}
.team_main_full_item_button {
display: flex;
justify-content: center;
}
.team_main_full_item_button :is(a, button) {
width: 100%;
max-width: 370px;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background: #FFAE42;
transition: .5s ease;
color: #fff;
text-decoration: none;
}
.team_main_full_item_button :is(a, button):hover {
background: #d38c2d;
}
.team_main_full_item_content {
margin-right: 30px;
}
.team_main_full_item_title {
color: #ffae42;
font-size: 36px;
font-family: "Montserrat", sans-serif;
margin-bottom: 10px;
}
.team_main_full_item_text {
color: #fff;
padding-right: 20px;
line-height: 24.02px;
}
.team_main_carousel_item {
margin-bottom: 30px;
width: 100%;
max-width: 240px;
height: 240px;
}
.team_main_carousel_item img {
width: 100%;
height: 100%;
object-fit: cover;
border: 10px solid #fff;
}
.active_mini_slide img {
border: 10px solid #ffae42;
}
.team_main_carousel {}
.team_main_carousel_item {}
.team_main_carousel_all {
background: rgba(255, 255, 255, 0.15);
width: 100%;
height: 240px;
text-decoration: none;
}
.team_main_carousel_all_text {
font-weight: 700;
color: #ffae42;
text-transform: uppercase;
margin-bottom: 20px;
}
.team_main_carousel_all_img {}
.team_main_carousel_all_img img {
-moz-animation: cycle 4s linear infinite;
-webkit-animation: cycle 4s linear infinite;
}
.team_main_carousel_item_5 {
margin-bottom: 0;
}/*/*//*/*/.main_clients_logo {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
align-items: stretch;
gap: 16px 24px;
max-width: 1300px;
margin: 0 auto 30px;
padding: 8px 4px 16px;
}
.main_clients_logo_item {
display: grid;
min-width: 0;
place-items: center;
}
.main_clients_logo_item a {
display: grid;
width: 100%;
min-height: 92px;
padding: 10px;
place-items: center;
}
.main_clients_logo_item img {
display: block;
width: auto;
max-height: 80px;
height: auto;
max-width: 100%;
object-fit: contain;
}
@media (max-width: 991px) {
.main_clients_logo {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.main_clients_logo {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 16px;
}
}
.main-map-static {
width: 100%;
max-width: 1201px;
margin: 0 auto;
}
.main-map-static img {
display: block;
width: 100%;
height: auto;
}/*/*//*/*/.section__footer_main {
background: #f4f4f4 url(//sudexperts.ru/wp-content/themes/Template/images/footer_bg.jpg) right top no-repeat;
position: relative;
padding-top: clamp(76px, 6vw, 96px);
}
.section__footer_main:before {
content: "";
width: 576px;
background: #f4f4f4;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
}
.left_contact_wrap {
width: 100%;
max-width: 380px;
background: #f4f4f4;
}
.left_contact_title {
font-size: 30px;
font-weight: 700;
margin-bottom: 50px;
text-transform: uppercase;
}
.left_contact_title span {
color: #ffae42;
}
.left_contact_item {
margin-bottom: 20px;
}
.left_contact_item p {
margin: 0;
}
.left_contact_item i,
.left_contact_item .left-contact-icon {
margin-right: 20px;
}
.left-contact-icon {
flex: 0 0 22px;
width: 22px;
height: 22px;
color: #ffae42;
}
.left-contact-icon svg {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
}
.licence_arrow,
.arrow_obj_single_post,
.arrow_review {
border: 0;
background: transparent;
color: inherit;
font-family: Montserrat, sans-serif;
}
.licence_arrow > span {
font-size: 50px;
font-weight: 500;
line-height: 1;
}
.arrow_obj_single_post > span,
.arrow_review > span,
.single-post-link-arrow {
line-height: 1;
}
.left_contact_address {}
.left_contact_timework {}
.left_contact_phone {}
.left_contact_phone_wrap {}
.left_contact_phone_wrap .left_contact_phone_item {
font-size: 24px;
text-decoration: none;
color: #505050;
font-weight: 500;
}
.left_contact_phone_wrap .left_contact_phone_item:hover {}
.left_contact_email {}
.left_contact_email_link {
color: #505050;
text-decoration: none;
font-weight: 500;
}
.left_contact_email_link:hover {}
.left_contact_logo {
margin-top: 30px;
margin-bottom: 50px;
position: relative;
}
.left_contact_logo img {
position: absolute;
}
.copyrite {
font-size: 12px;
padding: 15px 0px;
}
.footer_map_site {
color: #505050;
font-size: 14px;
line-height: 21px;
text-decoration: none;
}
.footer_contact_title {
margin-bottom: 40px;
}
.footer_contact_form {
width: 100%;
max-width: 500px;
}
.form_block_item {
margin-bottom: 23px;
}
.form_block_item textarea {
border: 1px dashed #585a5e;
padding: 20px;
width: 100%;
}
.form_block_item a {
color: #505050;
}
.form_block_item a:hover {}
.form_block_file {
display: flex;
align-items: center;
gap: 30px;
}
#custom_file {
display: none;
}
#falseinput {
border: 1px solid #585a5e;
padding: 10px 30px;
}
#falseinput:hover {
cursor: pointer;
}
.form_select {
width: 100%;
background: transparent;
min-height: 54px;
border: 1px dashed #585a5e;
}
.form_input {
width: 100%;
min-height: 54px;
background: transparent;
border: 1px dashed #585a5e;
padding: 0px 20px;
}
.form_file {}
.form_button {
width: 100%;
height: 54px;
background-color: #ffae42;
border: none;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
}
.form_button:hover {
cursor: pointer;
}
.soglasie {
text-align: center;
font-size: 14px;
}
.copyrite__link {
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 30px;
}
.footer_menu_wrap {
display: flex;
width: 100%;
max-width: 500px;
justify-content: space-between;
}
.footer_menu {
width: 100%;
max-width: 200px;
}
.footer_menu ul {
list-style-type: none;
padding-left: 0px;
text-align: left;
}
.footer_menu ul li {
margin-bottom: 10px;
position: relative;
padding-left: 15px;
}
.footer_menu ul li:before {
content: "";
position: absolute;
left: 0px;
top: 10.5px;
width: 8px;
height: 6px;
color: #505050;
background-color: currentColor;
-webkit-mask: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
mask: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
transform: translateY(-50%) rotate(-90deg);
transition: color 180ms ease;
}
.footer_menu ul li a {
color: #505050;
font-weight: 500;
text-decoration: none;
font-size: 14px;
line-height: 21px;
transition: color 180ms ease;
}
.footer_menu ul li:hover::before,
.footer_menu ul li:focus-within::before {
color: #b85c00;
}
.footer_menu ul li a:hover,
.footer_menu ul li a:focus-visible {
color: #b85c00;
}
.footer_contact_form .soglasie {
text-align: left;
}
.footer_contact_form .wpcf7-list-item {
margin-left: 0;
}
.footer_contact_form .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: 8px;
text-align: left;
}
.footer_contact_form .wpcf7-list-item input {
flex: 0 0 auto;
margin-top: 3px;
}
.footer_menu_with_logo_title {
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
}
.footer_menu_with_logo {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
max-width: 100%;
min-height: 370px;
flex-direction: column;
z-index: 2;
position: relative;
}
.footer__callback {
text-align: center;
width: 190px;
margin-left: 39px;
margin-bottom: 20px;
padding: 0;
}
.footer__callback :is(a, button) {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
padding: 0 24px;
color: #505050;
font-weight: 600;
text-align: center;
transition: color 180ms ease;
}
.footer__callback:hover :is(a, button) {
color: #20262b;
}
.site-copyright-bar {
position: relative;
z-index: 2;
width: 100%;
padding: 20px 0;
border-top: 1px solid #e7e7e7;
background: #fff;
}
.site-copyright-bar__text {
color: #505050;
font-size: 14px;
line-height: 1.5;
}/*/*//**/.right_sidebar {
height: auto;
position: relative;
display: flex;
flex-direction: column;
gap: 30px;
padding: 0;
background: transparent;
}
.right_sidebar:before {
content: none;
}
.right_sidebar .side-title {
width: 100%;
padding: 40px;
overflow: hidden;
border-radius: 10px;
background: #f9f9f9;
}
.right_sidebar .menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin: 0;
list-style-type: none;
padding: 0;
}
.right_sidebar .menu li {
width: 100%;
margin: 0;
position: relative;
padding: 0;
}
.right_sidebar .menu li:before {
content: none;
}
.right_sidebar .menu li a {
display: flex;
width: 100%;
align-items: flex-start;
gap: 10px;
color: #303030;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
text-decoration: none;
transition: color 0.2s ease;
}
.right_sidebar .menu li a::before {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
height: 20px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/articles-sidebar-arrow.svg) no-repeat center / 16px 13px;
transition: background-image 0.2s ease;
}
.right_sidebar .menu li:hover a,
.right_sidebar .menu li a:focus-visible,
.right_sidebar .menu li.active a,
.right_sidebar .menu li.current-menu-item a,
.right_sidebar .menu li.current_page_item a,
.right_sidebar .menu li.current-menu-ancestor a,
.right_sidebar .menu li.current-post-ancestor a,
.right_sidebar .menu li.current-menu-parent a,
.right_sidebar .menu li.current-post-parent a {
color: #ffae42;
}
.right_sidebar .menu li:hover a::before,
.right_sidebar .menu li a:focus-visible::before,
.right_sidebar .menu li.active a::before,
.right_sidebar .menu li.current-menu-item a::before,
.right_sidebar .menu li.current_page_item a::before,
.right_sidebar .menu li.current-menu-ancestor a::before,
.right_sidebar .menu li.current-post-ancestor a::before,
.right_sidebar .menu li.current-menu-parent a::before,
.right_sidebar .menu li.current-post-parent a::before {
background-image: url(//sudexperts.ru/wp-content/themes/Template/images/articles-sidebar-arrow-active.svg);
}
.right_sidebar .menu li.active a,
.right_sidebar .menu li.current-menu-item a,
.right_sidebar .menu li.current_page_item a,
.right_sidebar .menu li.current-menu-ancestor a,
.right_sidebar .menu li.current-post-ancestor a,
.right_sidebar .menu li.current-menu-parent a,
.right_sidebar .menu li.current-post-parent a {
font-weight: 700;
}
.promo_sidebar,
.articles-mission {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
width: 100%;
overflow: hidden;
color: #fff;
border: 5px solid #ffae42;
border-right: 10px solid transparent;
border-radius: 0;
padding: 25px 25px 35px;
margin: 0;
position: relative;
background: #505050;
}
.promo_sidebar:before,
.articles-mission:before {
content: "";
position: absolute;
z-index: 0;
right: -38px;
bottom: -12px;
width: 155px;
height: 220px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/sidebar_logo.png) no-repeat center / contain;
opacity: 1;
pointer-events: none;
}
.promo_sidebar_title,
.articles-mission h2 {
position: relative;
z-index: 1;
display: inline-flex;
margin: 0 0 20px;
padding: 0 0 15px;
border: 0;
border-bottom: 2px solid #ffae42;
color: #ffae42;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.promo_sidebar_text,
.articles-mission p {
position: relative;
z-index: 1;
max-width: 157px;
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.promo_sidebar_button,
.articles-mission__button {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
width: 100%;
margin: 25px 0 0;
padding: 15px 18px;
border: 1px dashed #ffae42;
border-radius: 5px;
background: #505050;
color: #ffae42;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.promo_sidebar_button:hover,
.promo_sidebar_button:focus-visible,
.articles-mission__button:hover,
.articles-mission__button:focus-visible {
background: #ffae42;
color: #fff;
transform: none;
}
@media (max-width: 1199px) {
.right_sidebar .side-title {
padding: 30px;
}
.promo_sidebar,
.articles-mission {
padding: 25px 22px 30px;
}
}
@media (max-width: 479px) {
.right_sidebar .side-title,
.promo_sidebar,
.articles-mission {
padding: 25px;
}
.promo_sidebar:before,
.articles-mission:before {
right: -30px;
width: 120px;
height: 185px;
}
}/*/*//**/.team_item {
margin-bottom: 30px;
}
.team_item:hover .team_item_title {
background-color: #ffae42;
color: #fff;
}
.team_item:hover .team_photo {
outline: 10px solid #ffae42;
outline-offset: -10px;
}
.team_item_left {
width: 100%;
max-width: 371px;
display: flex;
flex-direction: column;
align-items: center;
}
.team_photo {
margin-bottom: 30px;
display: flex;
width: 100%;
height: 350px;
}
.team_photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team_item_right {
width: 100%;
}
.team_item_title {
background-color: #e9e9e9;
color: #505050;
font-size: 36px;
padding: 10px 20px;
margin-top: 20px;
font-family: "Montserrat", sans-serif;
transition: background 0.5s ease;
}
.team_item_text {
padding: 30px 0px 0px 30px;
}
.team_item_phone_wrap {
font-size: 30px;
color: #505050;
font-weight: bold;
display: flex;
flex-wrap: nowrap;
margin-bottom: 30px;
}
.team_item_phone_wrap span {
margin-right: 5px;
}
.team_item_phone {
display: flex;
color: #505050;
text-decoration: none;
}
.team_item_phone:hover {}
.team_item_callback {
color: #ffae42;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: 1px dashed #ffae42;
width: 100%;
margin-bottom: 20px;
text-align: center;
padding: 20px 0px;
}
.team_item_callback:hover {}
.myvertical-tabs-content_img {
margin-bottom: 100px;
}
.myvertical-tabs-content_img img {}
.myvertical-tabs-content_title {
font-size: 24px;
color: #ffae42;
margin-bottom: 30px;
}
.myvertical-tabs-content_text {}/*/*//**/.left_block_contact {
margin-bottom: 40px;
}
.right_block_contact {
margin-bottom: 40px;
}
.right_block_contact_photo_fasad {}
.right_block_contact_photo_fasad img {
width: 100%;
height: auto;
}
.page__icon_size_30 {
width: 1.875rem;
height: 1.875rem;
}
.left_block_contact__wrap {
background: #e9e9e9;
display: flex;
padding: 30px;
gap: 35px;
}
.left_block_contact_logo {}
.left_block_contact_logo img {}
.left_block_contact_title {
font-size: 24px;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.left_block_contact_title:before {
content: "";
position: absolute;
width: 177px;
height: 1px;
bottom: 0px;
background: #f90;
}
.left_block_contact_text {
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
.left_block_contact_bottom_text {
margin-bottom: 20px;
}
.left_block_contact_bottom_content p {
margin: 0px 0px 0px 0px;
}
.left_content {
font-size: 16px;
line-height: 24px;
}
.left_content h2 {
font-size: 24px;
line-height: 41px;
text-transform: uppercase;
font-weight: 400;
position: relative;
}
.left_content h2:before {
content: '';
width: 124px;
height: 28px;
position: absolute;
left: -140px;
top: 7px;
background: #FFAE42;
}
.left_block_contact_bottom_content h3,
.left_content h3 {
font-size: 24px;
font-weight: 400;
color: #505050;
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
line-height: 36px;
}
.left_block_contact_bottom_content h3:before,
.left_content h3:before {
content: '';
position: absolute;
width: 177px;
height: 1px;
bottom: 0px;
left: 0px;
background: #F90;
}
.left_block_contact_bottom_content {
line-height: 24px;
font-size: 16px;
margin-top: 30px;
margin-bottom: 30px;
}
.left_block_contact_social {
display: flex;
gap: 30px;
}
.left_block_contact_link_wrap {
display: flex;
align-items: center;
gap: 12px;
}
.left_block_contact_link {
text-decoration: none;
}
.left_block_contact_link .contact__icon {}
.left_block_contact_phone {
font-size: 32px;
}
.left_block_contact_phone a {
color: #505050;
line-height: 27.6px;
text-decoration: none;
}
.left_block_contact_phone a:hover {}
.left_block_contact_bottom_phone_wrap {
border: 1px solid #f90;
display: flex;
padding: 20px 30px;
margin-top: 50px;
align-items: center;
gap: 20px;
}
.left_block_contact_bottom_phone_content {}
.left_block_contact_bottom_phone_text {
font-size: 16px;
}
.left_block_contact_bottom_phone {
font-size: 24px;
color: inherit;
text-decoration: none;
margin-top: 10px;
display: flex;
}
.left_block_contact_bottom_phone_icon_wrap {}
.left_block_contact_bottom_phone_icon {
width: 52.482px;
height: 75.461px;
}
.left_block_contact_bottom_button_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
text-align: center;
gap: 30px;
margin-top: 30px;
}
.left_block_contact_bottom_button {
background: #D9D9D9;
color: inherit;
text-decoration: none;
padding: 8px 10px;
line-height: 14px;
font-size: 14px;
text-transform: uppercase;
min-height: 58px;
display: flex;
align-items: center;
justify-content: center;
}
.left_block_contact_bottom_button:hover {
background: #FFAE43;
}
.left_block_contact_bottom_button:first-child {
background: #FFAE43;
}
.left_block_contact_bottom_button:first-child:hover {
background: #D9D9D9;
}  .cases_item {}
.cases_item_content {
min-height: 170px;
padding-left: 140px;
margin-bottom: 50px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/logo.png) left top no-repeat;
padding-right: 20px;
}
.cases_item_title {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: #ffae42;
margin-bottom: 25px;
}
.cases_item_title a {
display: inline-block;
color: inherit;
text-decoration: none;
transition: color .2s ease;
}
.cases_item_title a:hover {
color: #bf6f08;
}
.cases_item_text {
margin-bottom: 25px;
}
.post-type-archive-case .page_title {
font-weight: 600;
}
.cases_item_link::before,
.cases_item_link::after {
content: none !important;
display: none !important;
}/*/*//**/.page_licence {
margin-top: 40px;
}
.news_item {}
.news_item_img {
margin-right: 20px;
margin-bottom: 20px;
}
.news_item_img img {
width: 200px;
height: auto;
}
.news_item_content {
margin-bottom: 50px;
padding-right: 20px;
}
.news_item_title {
font-size: 24px;
color: #ffae42;
margin-bottom: 25px;
text-decoration: none;
}
.news_item_text {
margin-bottom: 25px;
}
.news_item_link {
font-weight: bold;
color: #505050;
text-decoration: none;
position: relative;
padding-right: 50px;
}
.news_item_link:before {
content: "";
position: absolute;
width: 30px;
height: 18px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/cases_link.png) no-repeat center center;
right: 0px;
}
.news_item_link:hover {
color: #ffae42;
}
.news_item_date {
display: flex;
flex-direction: column;
align-items: center;
max-width: 104px;
height: 104px;
background: #ffae42;
color: #fff;
width: 100%;
justify-content: center;
margin-right: 30px;
}
.news_item_day {
font-size: 36px;
font-weight: bold;
margin-bottom: 5px;
}
.news_item_mounth {
color: #505050;
font-size: 16px;
margin-bottom: 5px;
}
.news_item_year {
font-size: 16px;
font-weight: bold;
}/*/*//**/.wrap-myvertical-tabs {
display: flex;
justify-content: space-between;
}
.myvertical-tabs-content-wrap {
width: 100%;
max-width: 590px;
}
.myvertical-tabs {
list-style: none;
background: #fff;
padding: 0;
margin: 0;
width: 100%;
max-width: 460px;
}
.myvertical-tabs li {
margin-bottom: 20px;
cursor: pointer;
position: relative;
font-size: 14px;
font-weight: bold;
padding-left: 45px;
}
.myvertical-tabs li:before {
content: "";
position: absolute;
left: 0px;
top: 3px;
width: 16px;
height: 11px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
transform: rotate(-90deg);
}
.myvertical-tabs li:hover {
color: #ffae42;
}
.myvertical-tabs li.chosen {
color: #ffae42;
}
.myvertical-tabs-content {
display: none;
padding: 50px;
margin-left: -1px;
height: 100%;
border: 1px solid #ffae42;
}
.myvertical-tabs-content.active {
display: block;
height: 100%;
}
.myvertical-tabs-content-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}/*/*//**/.archive_post_object_section .post_price_title {
margin-bottom: 34px;
text-align: left !important;
font-size: clamp(32px, 3vw, 46px);
font-weight: 600;
line-height: 1.12;
}
.archive_post_object_section .post_price_title::after {
content: "";
display: block;
width: 72px;
height: 2px;
margin-top: 16px;
background: #ffae42;
}
.acf-projects-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.homepage-projects__all {
margin-top: 32px;
}
.homepage-projects__all .homepage-projects__all-button {
width: 190px;
margin: 0 auto;
padding: 0;
}
.homepage-projects__all .homepage-projects__all-button a {
font-size: 14px;
}
.object_item {
position: relative;
display: grid;
grid-template-rows: auto 1fr;
min-width: 0;
margin: 0;
overflow: hidden;
border: 1px solid #e7e7e5;
border-radius: 12px;
background: #fff;
box-shadow: 0 12px 34px rgba(25, 31, 35, 0.06);
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.object_item:hover {
border-color: rgba(255, 174, 66, 0.65);
background: #fff;
color: inherit;
box-shadow: 0 18px 44px rgba(25, 31, 35, 0.11);
transform: translateY(-4px);
}
.object_item_left {
width: 100%;
height: auto;
max-height: none;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.object_photo {
width: 100%;
height: 100%;
}
.object_photo img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
transition: transform .45s ease;
}
.object_item:hover .object_photo img {
transform: scale(1.035);
}
.object_item_right {
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 0;
padding: 24px 26px 26px;
}
.object_item_title {
margin: 0 0 28px;
font-size: 19px;
font-weight: 600;
line-height: 1.35;
}
.object_item_title a {
color: #252b2f;
text-decoration: none;
}
.object_item_link {
position: relative;
text-transform: uppercase;
display: inline-flex;
align-items: center;
min-height: 36px;
padding-right: 30px;
color: #252b2f;
font-size: 13px;
font-weight: 600;
text-decoration: none;
width: fit-content;
}
.object_item_link:before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 12px;
height: 9px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
transform: translateY(-50%) rotate(-90deg);
transition: transform .2s ease;
}
.object_item_link:hover {
color: #e98600;
}
.object_item_link:hover::before {
transform: translate(4px, -50%) rotate(-90deg);
}/*/*//**/.about_team_project_wrap {
display: flex;
justify-content: center;
background: #E9E9E9;
padding-top: 50px;
padding-bottom: 30px;
position: relative;
}
.about_team_project_wrap:before {
content: '';
background: #e9e9e9;
top: 0;
bottom: 0;
position: absolute;
height: 100%;
width: 3000px;
right: 0px;
}
.about_team_project_wrap:after {
content: '';
background: #e9e9e9;
top: 0;
bottom: 0;
position: absolute;
height: 100%;
width: 30px;
z-index: 0;
right: -30px;
}
.about_team_project_slick {
display: flex;
align-items: center;
height: max-content;
gap: 50px;
max-width: 892px;
width: 100%;
}
.about_top_text_wrap {
display: flex;
gap: 45px;
margin-top: 50px;
}
.about_top_img {}
.about_top_img img {}
.about_top_text {}
.about_team_pribor {
margin-bottom: 50px;
margin-top: 30px;
}
.about_team_pribor_slider {
display: flex;
align-items: center;
height: max-content;
gap: 50px;
}
.about_team_pribor_slider .slick-track {
display: flex;
gap: 30px;
}
.about_team_pribor_slick {}
.about_team_slider_pribor_item {}
.about_team_slider_pribor_item_img {
border: 1px solid #BEBEBE;
height: 345px;
display: flex;
align-items: center;
justify-content: center;
}
.about_team_slider_pribor_item_img img {}
.about_team_slider_pribor_item_title {
text-align: center;
margin-top: 15px;
line-height: 30px;
}
.about_mission_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.about_mission_block {
background: #E9E9E9;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
}
.about_mission_block_title {
font-size: 24px;
position: relative;
padding-bottom: 15px;
margin-bottom: 25px;
}
.about_mission_block_title:before {
content: '';
width: 141.99px;
height: 3px;
position: absolute;
bottom: 0px;
left: 0px;
background: #FFAE42;
}
.about_mission_block_text {
line-height: 30px;
}
.about_mission_img {}
.about_mission_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about_team {
margin-top: 30px;
}
.about_team_slider {
display: flex;
align-items: center;
height: max-content;
}
.about_team_slider_item_img img {
width: 240px;
height: 240px;
border: 10px solid #E9E9E9;
}
.about_list {
display: flex;
flex-direction: column;
}
.about_list_item_icon {
width: 24px;
height: 25px;
flex: 0 0 auto;
}
.about_list_item_text {
font-size: 16px;
}
.about_list_item {
display: flex;
gap: 17px;
margin-bottom: 25px;
}
.about_sale_block {
display: flex;
background: #fff3c8;
align-items: center;
justify-content: space-between;
border-left: 24px solid #ffae42;
padding: 10px 40px 10px 30px;
margin-bottom: 90px;
gap: 100px;
margin-top: 20px;
}
.about_sale_block_text {
line-height: 24px;
font-size: 16px;
}
.about_sale_block_icon {
width: 62px;
height: 62px;
flex: 0 0 auto;
}
.company_infografika_title_wrap {}
.company_infografika_title {
font-size: 24px;
border-bottom: 1px solid #f90;
padding-bottom: 15px;
margin-bottom: 15px;
display: inline-flex;
}
.company_infografika_text {
font-size: 16px;
line-height: 24px;
margin-bottom: 60px;
}
.company_licence {
padding: 30px 0px 50px 0px;
}
.about_licence_title {}
.about_licence_title span {}
.about_team_block {
border: 1px solid #FFAE42;
padding: 30px;
margin-bottom: 30px;
}
.about_team_slider_item_img {
display: flex;
justify-content: center;
align-items: center;
}
.about_team_slider_item_title {
padding: 15px 30px 0px 30px;
text-align: center;
}/*/*//**/.page_price {
text-align: center;
margin: 70px 0px 50px 0px;
text-transform: uppercase;
font-size: 48px;
font-weight: 800;
}
.page_price span {
color: #ffae42;
}
.price_block_buttons {
display: flex;
margin-bottom: 40px;
}
.price_block_buttons_link {
width: 100%;
max-width: 500px;
border: 2px solid #ffae42;
text-align: center;
padding: 15px 30px;
margin-bottom: 20px;
margin-right: 30px;
text-decoration: none;
color: #505050;
text-transform: uppercase;
}
.price_block_buttons_link:hover {
background: #ffae42;
color: #fff;
}
.header_table,
.row_table {
display: flex;
}
.row_table_line {
padding: 18px 0px;
border-bottom: 1px dashed #505050;
}
.header_table {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
.header_table .col_table {
flex: 1;
text-align: center;
}
.header_table .col_table:first-child {
text-align: left;
}
.acor-container {
margin: 50px 0 80px 0px;
}
.acor-body {
display: none;
}
.acor-container .acor-body p {
margin: 0 0 10px;
}
.acor-container .acor-container-title {
cursor: pointer;
display: flex;
padding: 20px 0px 20px 0px;
width: 100%;
color: #ffae42;
z-index: 100;
font-weight: bold;
text-transform: uppercase;
font-size: 24px;
margin: 0 0 0px;
border-bottom: 1px dashed #505050;
}
.price_bottom_text {
min-height: 1080px;
background-color: #e9e9e9;
display: flex;
padding: 50px 0px;
align-items: center;
}
.price_bottom_text_left {
margin-top: -1rem;
}
.price_bottom_text_right {
border: 7px solid #ffae42;
padding: 25px;
}
.price_bottom_title {
margin-bottom: 40px;
}
.price_bottom_text_right ul {
list-style-type: none;
padding-left: 0px;
}
.price_bottom_text_right ul li {
position: relative;
padding-left: 30px;
margin-bottom: 30px;
}
.price_bottom_text_right ul li:before {
content: "";
width: 7px;
height: 7px;
background-color: #ffae42;
position: absolute;
left: 0px;
top: 6px;
} .price-page {
--price-ink: #20262b;
--price-muted: #6c7277;
--price-line: #e4e5e3;
--price-soft: #f7f7f6;
color: var(--price-ink);
overflow: clip;
}
.price-page [hidden] {
display: none !important;
}
.price-hero {
padding: 82px 0 64px;
}
.price-hero__inner {
max-width: 1080px;
}
.price-hero__eyebrow,
.price-catalog__eyebrow,
.price-guide__eyebrow,
.price-workflow__eyebrow {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
color: #d87900;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.price-hero__eyebrow::before,
.price-catalog__eyebrow::before,
.price-guide__eyebrow::before,
.price-workflow__eyebrow::before {
width: 34px;
height: 2px;
background: #ffae42;
content: "";
flex: 0 0 auto;
}
.price-hero__title,
.price-catalog__title,
.price-guide__title,
.price-workflow__title {
margin: 0;
color: var(--price-ink);
font-weight: 600;
letter-spacing: normal;
text-transform: none;
}
.price-hero__title {
max-width: 970px;
font-size: clamp(40px, 5vw, 64px);
line-height: 1.08;
}
.price-hero__lead {
max-width: 820px;
margin-top: 24px;
color: var(--price-muted);
font-size: 18px;
line-height: 1.7;
}
.price-hero__lead > :last-child {
margin-bottom: 0;
}
.price-documents {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 42px;
}
.price-document {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
min-height: 92px;
padding: 18px 20px;
border: 1px solid var(--price-line);
border-radius: 12px;
color: var(--price-ink);
text-decoration: none;
transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.price-document:hover {
border-color: #ffae42;
color: var(--price-ink);
box-shadow: 0 16px 34px rgba(32, 38, 43, 0.08);
transform: translateY(-2px);
}
.price-document__icon {
display: inline-grid;
width: 48px;
height: 48px;
border-radius: 50%;
background: #fff5e6;
color: #d87900;
place-items: center;
}
.price-document__icon svg {
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
.price-document__content {
min-width: 0;
}
.price-document__label,
.price-document__meta {
display: block;
}
.price-document__label {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.price-document__meta {
margin-top: 5px;
color: var(--price-muted);
font-size: 13px;
}
.price-document__arrow {
color: #d87900;
font-size: 22px;
}
.price-catalog {
padding: 70px 0 90px;
border-top: 1px solid var(--price-line);
}
.price-catalog__header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
gap: 48px;
align-items: end;
margin-bottom: 38px;
}
.price-catalog__title,
.price-guide__title,
.price-workflow__title {
font-size: clamp(32px, 3.8vw, 48px);
line-height: 1.15;
}
.price-catalog__description {
max-width: 650px;
margin: 14px 0 0;
color: var(--price-muted);
font-size: 17px;
}
.price-search {
position: relative;
display: block;
}
.price-search__icon {
position: absolute;
top: 50%;
left: 18px;
fill: none;
stroke: #7b8084;
stroke-linecap: round;
stroke-width: 1.7;
transform: translateY(-50%);
pointer-events: none;
}
.price-search__input {
width: 100%;
min-height: 56px;
padding: 14px 18px 14px 52px;
border: 1px solid var(--price-line);
border-radius: 5px;
background: #fff;
color: var(--price-ink);
font: inherit;
outline: none;
transition: border-color 180ms ease, box-shadow 180ms ease;
}
.price-search__input:focus {
border-color: #ffae42;
box-shadow: 0 0 0 3px rgba(255, 174, 66, 0.18);
}
.price-search-empty {
margin-bottom: 20px;
padding: 18px 20px;
border: 1px solid var(--price-line);
border-radius: 8px;
color: var(--price-muted);
}
.price-accordion {
margin: 0;
}
.price-category {
margin-bottom: 12px;
border: 1px solid var(--price-line);
border-radius: 12px;
background: #fff;
overflow: hidden;
transition: border-color 180ms ease, box-shadow 180ms ease;
}
.price-category:has(.price-category__toggle[aria-expanded="true"]) {
border-color: #ffae42;
box-shadow: 0 14px 34px rgba(32, 38, 43, 0.07);
}
.price-category__heading {
margin: 0;
}
.price-category .price-category__toggle {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 20px;
align-items: center;
width: 100%;
min-height: 82px;
margin: 0;
padding: 20px 32px;
border: 0;
background: transparent;
color: var(--price-ink);
cursor: pointer;
font-family: inherit;
text-align: left;
text-transform: none;
}
.price-category__toggle:hover,
.price-category__toggle:focus-visible {
background: var(--price-soft);
color: var(--price-ink);
}
.price-category__toggle:focus-visible {
outline: 2px solid #ffae42;
outline-offset: -3px;
}
.price-category__title {
font-size: 20px;
font-weight: 600;
line-height: 1.35;
}
.price-category__count {
color: var(--price-muted);
font-size: 13px;
font-weight: 500;
white-space: nowrap;
}
.price-category__control {
position: relative;
width: 34px;
height: 34px;
border: 1px solid var(--price-line);
border-radius: 50%;
transition: border-color 180ms ease, background-color 180ms ease;
}
.price-category__control::before,
.price-category__control::after {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 1.5px;
background: currentColor;
content: "";
transform: translate(-50%, -50%);
transition: transform 180ms ease;
}
.price-category__control::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.price-category__toggle[aria-expanded="true"] .price-category__control {
border-color: #ffae42;
background: #ffae42;
color: #20262b;
}
.price-category__toggle[aria-expanded="true"] .price-category__control::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.price-category__body {
border-top: 1px solid var(--price-line);
}
.price-table__header,
.price-table__row {
display: grid;
grid-template-columns: minmax(260px, 2.2fr) minmax(150px, 1fr) minmax(170px, 1.15fr) minmax(90px, 0.55fr);
gap: 22px;
align-items: center;
}
.price-table__header {
padding: 15px 32px;
background: var(--price-soft);
color: var(--price-muted);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.35;
text-transform: uppercase;
}
.price-table__row {
min-height: 72px;
padding: 16px 32px;
border-top: 1px solid #ececea;
font-size: 15px;
line-height: 1.45;
}
.price-table__row:first-child {
border-top: 0;
}
.price-table__row:hover {
background: #fffaf3;
}
.price-table__service {
color: var(--price-ink);
font-weight: 500;
}
.price-table__value {
color: #4f5559;
}
.price-table__duration {
white-space: normal;
}
.price-guide {
padding: 90px 0;
border-top: 1px solid var(--price-line);
}
.price-guide__header {
max-width: 760px;
margin-bottom: 42px;
}
.price-guide__grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
gap: 70px;
align-items: start;
}
.price-guide__content {
color: #4f5559;
font-size: 16px;
line-height: 1.75;
}
.price-guide__content > :first-child {
margin-top: 0;
}
.price-guide__content > :last-child {
margin-bottom: 0;
}
.price-guide__content--important {
padding: 30px 32px;
border-left: 3px solid #ffae42;
background: var(--price-soft);
}
.price-guide__content--important ul {
margin: 22px 0 0;
padding: 0;
list-style: none;
}
.price-guide__content--important li {
position: relative;
margin-bottom: 14px;
padding-left: 22px;
}
.price-guide__content--important li::before {
position: absolute;
top: 0.72em;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #ffae42;
content: "";
transform: translateY(-50%);
}
.price-guide__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
margin-top: 24px;
padding: 13px 24px;
border: 1px solid #ffae42;
border-radius: 5px;
background: #ffae42;
color: #20262b;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.price-guide__button:hover {
background: #20262b;
border-color: #20262b;
color: #fff;
}
.price-workflow {
padding: 82px 0 94px;
background: var(--price-soft);
}
.price-workflow__header {
max-width: 780px;
margin-bottom: 38px;
}
.price-workflow__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.price-workflow__item {
position: relative;
min-height: 170px;
padding: 24px;
border: 1px solid var(--price-line);
border-radius: 12px;
background: #fff;
}
.price-workflow__number {
margin-bottom: 30px;
color: #d87900;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.08em;
}
.price-workflow__label {
color: var(--price-ink);
font-size: 17px;
font-weight: 600;
line-height: 1.45;
}
@media (max-width: 991px) {
.price-hero {
padding: 64px 0 54px;
}
.price-catalog__header {
grid-template-columns: 1fr;
gap: 28px;
}
.price-search {
max-width: 520px;
}
.price-table__header,
.price-table__row {
grid-template-columns: minmax(220px, 1.8fr) repeat(2, minmax(135px, 1fr)) minmax(80px, 0.55fr);
gap: 14px;
}
.price-guide__grid {
gap: 36px;
}
.price-workflow__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.price-hero,
.price-catalog,
.price-guide,
.price-workflow {
padding-top: 54px;
padding-bottom: 60px;
}
.price-hero__eyebrow,
.price-catalog__eyebrow,
.price-guide__eyebrow,
.price-workflow__eyebrow {
margin-bottom: 12px;
font-size: 11px;
}
.price-hero__title {
font-size: clamp(34px, 10vw, 44px);
}
.price-catalog__title,
.price-guide__title,
.price-workflow__title {
font-size: 32px;
}
.price-documents {
grid-template-columns: 1fr;
margin-top: 32px;
}
.price-document {
min-height: 82px;
padding: 15px;
}
.price-document__icon {
width: 42px;
height: 42px;
}
.price-catalog__header {
margin-bottom: 28px;
}
.price-search {
max-width: none;
}
.price-category {
border-radius: 9px;
}
.price-category .price-category__toggle {
grid-template-columns: minmax(0, 1fr) auto;
gap: 13px;
min-height: 72px;
padding: 16px;
}
.price-category__title {
font-size: 16px;
}
.price-category__count {
display: none;
}
.price-category__control {
width: 30px;
height: 30px;
}
.price-table__header {
display: none;
}
.price-table__row {
display: grid;
grid-template-columns: 1fr;
gap: 0;
padding: 18px 16px;
}
.price-table__service {
margin-bottom: 15px;
padding-bottom: 14px;
border-bottom: 1px solid var(--price-line);
font-size: 15px;
}
.price-table__value {
display: grid;
grid-template-columns: minmax(118px, 0.8fr) minmax(0, 1fr);
gap: 14px;
padding: 5px 0;
font-size: 14px;
}
.price-table__value::before {
color: var(--price-muted);
content: attr(data-label);
font-size: 11px;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
}
.price-guide__grid {
grid-template-columns: 1fr;
gap: 30px;
}
.price-guide__content--important {
padding: 24px 22px;
}
.price-workflow__list {
grid-template-columns: 1fr;
}
.price-workflow__item {
min-height: auto;
padding: 20px;
}
.price-workflow__number {
margin-bottom: 16px;
}
}/*/*//**/.single_post_letter_title {
margin-bottom: 50px;
}
.single_post_letter_item {
margin-bottom: 30px;
}
.single_post_section {
position: relative;
background: #e9e9e9;
padding: 50px 0px;
}
.work_step_wraper {
min-height: 1080px;
}
.single_post_price_section {
padding-top: 80px;
}
.content_title_section {
height: 400px;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: top center;
}
.content_title_section_page {
text-align: center;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 56px;
line-height: 72px;
padding: 20px 50px;
text-transform: uppercase;
width: 100%;
max-width: fit-content;
margin: 0 auto;
}
.content_title_section_page p {
margin: 0;
}
.single_post_work_step_title {
margin-bottom: 30px;
}
.single_post_work_step_slide_wrap {
margin-bottom: 50px;
}
.single_post_work_step_slide_item {
min-height: 330px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px;
position: relative;
}
.single_post_work_step_slide_item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.single_post_work_step_slide_item_title {
width: 100%;
max-width: 750px;
color: #fff;
text-align: center;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
z-index: 1;
}
.single_post_work_step_slide_item_button {
z-index: 1;
}
.single_post_work_step_slide_item_button i {
color: #ffae42;
font-size: 20px;
margin-left: 18px;
}
.single_post_work_step_slide_item_button a {
color: #ffae42;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
.single_post_work_step_slide_item_button a:hover {}
.arrow_obj_single_post {
position: absolute;
bottom: 20px;
z-index: 2;
font-size: 40px;
color: #ffae42;
}
.arrow_obj_single_post:hover {
cursor: pointer;
}
.arrow_obj_single_post_next {
right: 30px;
}
.arrow_obj_single_post_prev {
left: 30px;
}
.single_post_work_step_slide_wrap .slick-slide {
height: auto !important;
}/*/*//**/.client_page_list {}
.client_page_item {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
border: 5px solid #e9e9e9;
padding: 30px;
justify-content: center;
-webkit-transition: border 0.5s ease-out;
-moz-transition: border 0.5s ease-out;
-o-transition: border 0.5s ease-out;
transition: border 0.5s ease-out;
}
.client_page_item:hover {
border: 5px solid #ffae42;
}
.client_page_item_img {
margin-bottom: 30px;
}
.client_page_item_text {}/*/*//**/.reviews_item {}
.reviews_item_content {
margin-bottom: 60px;
}
.reviews_item_title {
font-size: 24px;
color: #ffae42;
margin-bottom: 30px;
}
.reviews_item_text {}
.reviews_item_link {
text-decoration: none;
color: #505050;
text-transform: uppercase;
font-weight: bold;
margin-top: 23px;
display: inline-flex;
position: relative;
padding-left: 35px;
}
.reviews_item_link:hover {
color: #ffbe42;
}
.reviews_item_link:before {
content: "";
position: absolute;
left: 0px;
top: 1px;
width: 16px;
height: 11px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/menu-chevron.svg) no-repeat center / contain;
filter: invert(70%) sepia(74%) saturate(846%) hue-rotate(335deg) brightness(103%) contrast(101%);
transform: rotate(-90deg);
}/*/*//**/.list_subcat {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 30px;
margin-bottom: 50px;
}
.list_subcat_item {
background: #E9E9E9;
display: flex;
flex-direction: column;
gap: 24px;
padding: 20px;
text-align: center;
align-items: center;
min-height: 257px;
text-transform: uppercase;
text-decoration: none;
color: inherit;
}
.list_subcat_item:hover img {
filter: brightness(0) invert(1);
}
.list_subcat_item:hover {
background: #FFAE42;
}
.list_subcat_item:hover .item_subcat {
color: #fff;
}
.list_subcat_item:hover .list_subcat_icon {
fill: #fff;
}
.list_subcat_icon {
width: 82px;
height: 82px;
margin-top: 20px;
}
.item_subcat {
font-weight: 700;
font-size: 14px;
line-height: 20px;
}/*/*//**/.acordeon {
background: white;
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.acordeon-cabecera {
border-bottom: 1px solid #dde0e7;
color: #222222;
cursor: pointer;
font-weight: 600;
padding: 1.5rem 3rem 1.5rem 1.5rem; background: #f6f7f9;
position: relative; }
.acordeon-cabecera:hover {
background: #fdf8d7;
}
.acordeon-cabecera.active {
background-color: #fdf8d7;
}
.acordeon-cabecera::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
width: 24px;
height: 24px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: transform 0.3s ease;
}
.acordeon-cabecera.active::after {
transform: translateY(-50%) rotate(180deg);
}
.acordeon-contenido {
display: none;
border-bottom: 1px solid #dde0e7;
background: #fff;
padding: 1.4rem;
color: #4a5666;
}/*/*//**/ .menuBtn {
height: 30px;
width: 30px;
position: absolute;
z-index: 101;
left: 30px;
top: 30px;
display: none;
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
}
.menuBtn>span {
background-color: #fff;
border-radius: 1px;
height: 2px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
margin: -1px 0 0 -15px;
-webkit-transition: height 100ms;
-o-transition: height 100ms;
transition: height 100ms;
}
.menuBtn>span:after,
.menuBtn>span:before {
content: "";
background-color: #fff;
border-radius: 1px;
height: 2px;
width: 100%;
position: absolute;
left: 50%;
margin-left: -15px;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.menuBtn>span:after {
top: -7px;
}
.menuBtn>span:before {
bottom: -7px;
}
.menuBtn.act>span {
height: 0;
}
.menuBtn.act>span:after,
.menuBtn.act>span:before {
background-color: #ffae42;
top: 1px;
}
.menuBtn.act>span:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menuBtn.act>span:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} .mainMenu {
position: absolute;
background-color: rgba(0, 0, 0);
left: 0;
top: 0;
z-index: 100;
height: 100%;
width: 100%;
display: table;
text-align: center;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.mainMenu.act {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mainMenu.act ul li {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mainMenu>ul {
display: table-cell;
vertical-align: middle;
list-style-type: none;
padding-left: 0px;
}
.mainMenu li {
padding: 8px 0;
-webkit-transition: all 400ms 510ms;
-o-transition: all 400ms 510ms;
transition: all 400ms 510ms;
opacity: 0;
}
.mainMenu li:nth-child(odd) {
-webkit-transform: translateX(30%);
-ms-transform: translateX(30%);
transform: translateX(30%);
}
.mainMenu li:nth-child(even) {
-webkit-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translateX(-30%);
}
.mainMenu li:last-child {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.mainMenu a {
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.mainMenu a.suBtn {
color: #fff;
}
.mainMenu .dropdown-menu {
list-style-type: none;
padding-left: 0;
margin-top: 15px;
} .suBtn {
background-color: #19b698;
border-radius: 5px;
padding: 10px 20px;
} .flat_template {
padding: 50px 0px;
}
.flat_step_wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 22px;
}
.flat_template_title {
font-size: 36px;
font-weight: 700;
line-height: 41.4px;
text-transform: uppercase;
margin-bottom: 26px;
}
.flat_template_subtitle {
color: #ffae42;
font-size: 21px;
font-weight: 400;
line-height: 24.219px;
margin-bottom: 40px;
}
.flat_step {
background: #ffe0b7;
padding: 20px;
position: relative;
min-height: 342px;
}
.flat_step:hover {
cursor: pointer;
}
.flat_step_1 {
background: #ffe0b7;
}
.flat_step_2 {
background: #ffc475;
}
.flat_step_3 {
background: #ffae42;
}
.flat_step_4 {
background: #505050;
}
.flat_step a {
color: inherit;
text-decoration: none;
}
.flat_step_top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.flat_step_num {
font-weight: 700;
font-size: 128px;
line-height: 98px;
}
.flat_step_num_text {
font-weight: 700;
font-size: 24px;
}
.flat_step_bottom {}
.flat_step_title {
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
}
.flat_step_text {
font-size: 16px;
padding-right: 25px;
}
.flat_step_icon {
width: 21px;
height: 38px;
position: absolute;
bottom: 15px;
right: 20px;
}
.flat_step_4 .flat_step_icon {
fill: #ffae42;
}
.flat_step_4 {
color: #fff;
}
.flat_step_4 .flat_step_title {
color: #ffae42;
}
.tab-content__item {
display: none;
padding: 30px;
margin-top: 40px;
border: 6px solid #ffae42;
position: relative;
min-height: 750px;
}
.tab-content__item.active {
display: block;
}
.tab-content {
margin-bottom: 50px;
position: relative;
}
.tab-content:before {
width: 349px;
height: 486px;
content: "";
background: url(//sudexperts.ru/wp-content/themes/Template/images/table_bg.png) center center/cover no-repeat;
position: absolute;
right: 60px;
bottom: 0px;
}
.flat_editor {
font-size: 16px;
}
.flat_editor a {
color: #ffae42;
}
.flat_editor h3 {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 38px;
text-transform: uppercase;
margin: 10px 0px 35px 0px;
color: #505050;
}
.flat_editor ul {
list-style-type: none;
padding-left: 0px;
}
.flat_editor ul li {
position: relative;
padding-left: 36px;
}
.flat_editor ul li:before {
content: "";
position: absolute;
width: 24px;
height: 24px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/flat_li.svg) center center no-repeat;
left: 0px;
top: 5px;
}
.flat_step.active:before {
content: "";
display: inline-flex;
border: 23px solid transparent;
border-bottom: 23px solid #ffae42;
bottom: -40px;
position: absolute;
left: calc(50% - 23px);
}
.flat_middle_text {
margin-bottom: 35px;
}
.flat_priem_wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
}
.flat_priem_item {}
.flat_priem_item__img {
margin-bottom: 30px;
}
.flat_priem_item__img img {}
.flat_priem_item__text {}
.flat_snoska_text {
border: 6px solid #ffae42;
padding: 15px 30px;
margin: 30px 0px;
}
.flat_bottom_text_section {
background: url(//sudexperts.ru/wp-content/themes/Template/images/flat_bg.jpg) no-repeat top center/cover;
padding: 50px 0px;
}
.flat_bottom_text_wrap {
display: flex;
gap: 50px;
justify-content: space-between;
}
.flat_bottom_text {
width: 100%;
max-width: 800px;
}
.flat_bottom_text_img {}
.flat_bottom_text_img img {
width: 100%;
max-width: 100%;
height: auto;
}
.flat_table {
margin: 50px 0px 20px 0px;
}
.flat_table table {
width: 100%;
max-width: 1000px;
}
.flat_table table tr {}
.flat_table table tr td {
background: #ffe0b7;
padding: 10px 30px;
width: 25%;
}
.flat_mini_table {
max-width: 500px;
margin-top: 20px;
} .stati_cat_block {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 40px;
}
.stati_cat_block_content {
background: #e9e9e9;
padding: 40px;
}
.stati_cat_block_title {}
.stati_cat_block_title a {
font-size: 24px;
font-weight: 400;
line-height: 30px;
color: #505050;
text-decoration: none;
position: relative;
padding-bottom: 24px;
margin-bottom: 30px;
display: flex;
transition: ease 0.5s;
}
.stati_cat_block_title a:before {
content: "";
width: 140px;
position: absolute;
height: 4px;
background: #ffae42;
bottom: 0px;
}
.stati_cat_block_title a:hover {
color: #ffae42;
}
.stati_cat_block_desc {
line-height: 30px;
margin-bottom: 30px;
}
.stati_cat_block_link {
color: #505050;
font-size: 18px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
transition: ease 0.5s;
}
.stati_cat_block_link:hover {
color: #ffae42;
}
.stati_cat_block_link:hover svg {
margin-left: 5px;
}
.stati_cat_block_link svg {
transition: ease 0.3s;
}
.stati_cat_block_img {}
.stati_cat_block_img img {
width: 100%;
height: 100%;
object-fit: cover;
} .service_single_wrapper p {
margin: 0;
}
.service_single_wrapper p+p {
margin-top: 30px;
}
.service_single_block_title {
position: relative;
margin: 0 0 35px 0;
}
.service_single_block_title:before {
content: '';
width: 124px;
height: 28px;
position: absolute;
left: -140px;
top: 7px;
background: #FFAE42;
}
.service_single_block_title h2 {
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
line-height: 41px;
}
.service_single_title {
font-size: 35px;
line-height: 41px;
text-transform: uppercase;
border-bottom: 3px solid #FFAE42;
padding-bottom: 15px;
margin: 36px 0px;
display: inline-flex;
font-weight: 400;
}
.service_single_block_text_wrap {
margin-bottom: 48px;
}
.service_single_block_text_wrap_img {
display: flex;
gap: 30px;
}
.service_single_block_text_img {
width: 100%;
max-width: 500px;
flex: 0 0 100%;
}
.service_single_block_text_img img {
max-width: 100%;
height: auto;
}
.service_single_block_text_wrap_img_right {
margin-left: 0;
}
.service_single_block_text_wrap_img_right .service_single_block_text_img,
.service_single_block_text_wrap_img_right .service_single_block_text_video {
order: 2;
}
.service_single_block_text_video {
flex: 0 0 50%;
}
.service_single_block_text_video iframe {
width: 100%;
}
.service_single_block_text_wrap_video {
display: flex;
gap: 30px;
}
.service_single_block_text_content {
line-height: 24px;
font-size: 16px;
}
.service_single_block_text_content ul li+li {
margin-top: 5px;
}
.service_single_block_list_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 48px;
}
.service_single_block_list_img_left .service_single_block_list {
order: 2;
}
.service_single_block_list_img_left .service_single_block_list_img {
order: 1;
}
.service_single_block_list {
background: #E9E9E9;
padding: 36px 30px;
}
.service_single_block_list ul {
list-style-type: none;
padding-left: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.service_single_block_list ul li {
display: flex;
gap: 17px;
line-height: 30px;
}
.service_single_block_icon {
width: 24px;
height: 24px;
fill: #505050;
flex: 0 0 auto;
margin-top: 10px;
}
.service_single_block_list_img {
position: relative;
}
.service_single_block_list_img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
}
.service_single_step_wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
margin-bottom: 45px;
}
.service_single_step_item {
display: flex;
gap: 24px;
}
.service_single_step_item_num {
font-size: 48px;
color: #FFAE42;
}
.service_single_step_item_text {
font-size: 16px;
line-height: 24px;
}
.services_projects_wrapper {
margin-bottom: 48px;
}
.service_single_block_text_button_wrapper {
margin-top: 30px;
}
.service_single_block_text_button {
width: 100%;
display: flex;
max-width: 500px;
text-align: center;
justify-content: center;
align-items: center;
height: 54px;
background: #FFAE42;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
.service_single_block_text_button:hover {
background: #d38c2d;
}
.services_promo_wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 48px;
}
.services_promo_content {
background: #E9E9E9;
padding: 36px;
line-height: 30px;
}
.services_promo_img {
min-height: 450px;
position: relative;
}
.services_promo_img img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
}
.services_promo_content_title {
font-size: 24px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
}
.services_promo_content_title:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 143px;
height: 3px;
background: #FFAE42;
}
.services_gallery_item {
display: grid;
grid-template-columns: 1fr 1fr;
flex: 0 0 100%;
}
.services_gallery_item_6 .services_gallery_item_text {
order: 1;
}
.services_gallery_item_width_50 {
flex: 0 0 calc(50% - 15px);
}
.services_gallery_item_img_right .services_gallery_item_img {
order: 2;
}
.services_gallery_item_img_right .services_gallery_item_text {
order: 1;
}
.services_gallery_item_text {
padding: 30px 30px 45px 30px;
background: #E9E9E9;
line-height: 30px;
}
.services_gallery_item_img {
position: relative;
}
.services_gallery_item_img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.services_gallery_wrapper {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin-bottom: 48px;
}
.services_yellow_block {
background: #FFF3C8;
border-left: 24px solid #FFAE42;
display: flex;
gap: 30px;
padding: 30px;
margin-bottom: 50px;
}
.services_yellow_block_right {
width: 100%;
max-width: 270px;
display: flex;
align-items: center;
justify-content: center;
}
.services_yellow_block_file {
display: flex;
min-height: 54px;
align-items: center;
justify-content: center;
font-weight: 700;
text-transform: uppercase;
background: #FFAE42;
color: #fff;
text-decoration: none;
padding: 9px 15px;
margin-top: 30px;
}
.services_yellow_block_img img {
max-width: 100%;
height: auto;
}
.services_yellow_block_text {
font-size: 16px;
}
.services_yellow_block_text ul {
margin: 20px 0;
}
.services_yellow_block_title {
font-size: 24px;
line-height: 41px;
text-transform: uppercase;
margin-bottom: 21px;
}
@media (min-width: 1840px) {
.service_single_block_text_wrap_img {
margin-left: -140px;
}
}
@media (max-width: 1680px) {
.text_main__counter_wrap {
max-width: 400px;
}
.section__footer_main:before {
width: 480px;
}
}
@media (max-width: 1680px) {
.team_main_carousel_all,
.team_main_carousel_item {
height: 200px;
}
.team_main_full_item_title {
font-size: 25px;
}
.team_main_full_item_text {
font-size: 16px;
}
.work_main_step_wrap {
max-width: 470px;
padding-right: 50px;
}
}
@media (max-width: 1560px) {
.header_right__block {
flex-direction: column;
align-items: flex-end;
}
.service_single_block_title {
margin-left: 140px;
}
.left_content h2 {
margin-left: 140px;
}
}
@media (max-width: 1440px) {
.title_roman {
font-size: 30px;
line-height: 45px;
}
.text_main_text {
margin-top: 20px;
}
.uslugi_block {
min-height: 280px;
}
.team_main_full_item_content {
max-height: none;
overflow: visible;
overflow-y: visible;
}
.work_main_step_wrap {
max-width: 400px;
padding-right: 30px;
}
.section__footer_main:before {
width: 420px;
}
.header__callback {
margin-top: 20px;
}
.header__menu ul {
gap: 20px;
}
.header_right__block,
.header_left__block {
border: none;
}
.object_item_left {
flex: 1 0 400px;
}
}
@media (max-width: 1366px) {
.title {
font-size: 30px;
margin-bottom: 20px;
}
.team_main_carousel_item {
margin-bottom: 10px;
}
.team_main_full {
padding-top: 20px;
}
.left_contact_logo img {
max-width: 200px;
}
.main_projects_block_title {
font-size: 16px;
line-height: 20px;
}
.main_projects_block_desc {
font-size: 13px;
line-height: 16px;
}
.review_main_slider_title .review_main_slider_title_big {
font-size: 60px;
}
.all_review_button {
display: none;
}
.main_projects_block {
height: auto;
}
.main_projects_link {
display: none;
}
.footer_menu_with_logo {
min-height: unset;
}
.form_select {
min-height: 40px;
}
.form_input {
min-height: 40px;
}
.left_contact_logo {
margin-top: 20px;
margin-bottom: 20px;
}
.left_block_contact_phone {
font-size: 22px;
}
.list_subcat {
grid-template-columns: 1fr 1fr 1fr;
}
.callback_main_question {
width: 107px;
height: 107px;
font-size: 90px;
}
.callback_main_title {
font-size: 30px;
line-height: 34px;
}
}
@media (max-width: 1280px) {
.header_right__block_phone {
gap: 5px 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.header__menu {
display: none;
}
.menuBtn {
display: block;
}
.header_left__block {
margin-top: 35px;
}
.header_icons {
padding-left: 65px;
}
.slider_block_list {
grid-template-columns: 1fr 1fr;
}
.object_item_left {
flex: 1 0 300px;
}
}
@media (max-width: 1200px) {
.flat_priem_wrap {
grid-template-columns: 1fr 1fr 1fr;
}
.text_main_img__wrap {
display: none;
}
.review_main_slider_title {
display: none;
}
.work_main_text {
height: 135px;
overflow: hidden;
overflow-y: scroll;
}
.work_main_step_value {
font-size: 55px;
}
.work_main_step_wrap {
max-width: 360px;
}
.section__footer_main:before {
width: 220px;
}
.team_main_carousel_all,
.team_main_carousel_item {
height: 170px;
}
.review_main_slider_wrap {
padding-bottom: 60px;
}
.flat_step_num {
font-weight: 700;
font-size: 80px;
line-height: 70px;
}
.left_block_contact_logo {
display: none;
}
.services_gallery_item_2,
.services_gallery_item_3,
.services_gallery_item_4,
.services_gallery_item_5 {
flex: 0 0 100%;
}
.services_promo_wrapper {
grid-template-columns: 1fr;
}
.service_single_block_list_wrap {
grid-template-columns: 1fr;
}
.service_single_block_text_wrap_img {
flex-direction: column;
margin-left: 0px;
}
.service_single_block_text_wrap_video {
flex-direction: column;
}
}
@media (max-width: 992px) {
.main_single_project_wrap {
flex-direction: column;
}
.main_projects_block_title {
font-size: 16px;
line-height: 20px;
}
.main_projects_block_desc {
font-size: 11px;
line-height: 15px;
}
.header_right__block_phone {
flex-direction: column;
}
.flat_priem_wrap {
grid-template-columns: 1fr 1fr;
}
.content_title_section_page {
font-size: 23px;
line-height: 33px;
padding: 10px 20px;
}
.content_title_section {
height: 200px;
}
.header__logo {
margin-top: 20px;
}
.header_title {
font-size: 25px;
padding-top: 30px;
}
.text_main__counter_list {
margin-left: 30px;
}
.text_main__counter_wrap {
max-width: 300px;
}
.section__footer_main {
background: #f4f4f4;
}
.team_main_carousel_all,
.team_main_carousel_item {
height: 140px;
}
.work_main_step_wrap {
max-width: 300px;
}
.work_main_step_label {
font-size: 16px;
}
.work_main_title_step {
font-size: 25px;
margin-bottom: 50px;
margin-left: 30px;
}
.work_main_step_value {
font-size: 30px;
}
.work_main_step_value:before {
top: 20px;
}
.team_main_carousel_all_text {
font-size: 14px;
}
.footer_menu ul {
margin-top: 0px;
}
.footer_menu ul li a {
font-size: 14px;
}
.flat_step_title {
font-size: 20px;
margin-bottom: 10px;
}
.flat_step_num {
font-size: 45px;
line-height: 35px;
}
.about_mission_wrap {
grid-template-columns: 1fr;
}
.about_top_text_wrap {
flex-direction: column;
align-items: center;
}
.services_gallery_item {
grid-template-columns: 1fr;
}
.service_single_step_wrapper {
grid-template-columns: 1fr 1fr;
}
.list_subcat {
grid-template-columns: 1fr 1fr;
}
.services_yellow_block {
flex-direction: column;
}
.callback_main_block {
display: flex;
flex-direction: column;
align-items: center;
}
.callback_main_form {
margin: 0 auto;
}
.callback_main_title {
text-align: center;
font-size: 22px;
font-size: 26px;
}
.callback_main_text {
text-align: center;
font-size: 18px;
line-height: 16px;
}
.about_mission_img {
height: 300px;
}
.object_item {
flex-direction: column;
}
.object_item_left {
height: 250px;
}
}
@media (max-width: 768px) { .section__header .full_slider_content > .container > .row > .col-md-2 {
min-height: 297px;
}
.section__header .header__logo__text {
width: 100%;
min-height: 40px;
}
.section__header .full_slider_content > .container > .row > .col-md-2 + .col-md-5 {
min-height: 266px;
}
.section__header .header_right__block_address {
min-height: 42px;
}
.section__header .full_slider_content > .container > .row > .col-12:last-child {
min-height: 280px;
}
.main_single_project_title {
font-size: 19px;
line-height: 35px;
}
.nofound-container {
min-height: 400px;
}
.content_404_title {
font-size: 50px;
line-height: 70px;
}
.content_404_text {
font-size: 25px;
line-height: 30px;
}
.stati_cat_block {
display: flex;
flex-direction: column;
}
.flat_step_wrap {
grid-template-columns: 1fr;
}
.flat_step.active:before {
content: none;
}
.tab-content__item.active:before {
content: "";
display: inline-flex;
border: 23px solid transparent;
border-bottom: 23px solid #ffae42;
top: -51px;
position: absolute;
left: calc(50% - 23px);
}
.flat_bottom_text_wrap {
flex-direction: column;
}
.flat_step {
min-height: max-content;
}
.flat_table {
overflow-y: scroll;
}
.tab-content:before {
content: none;
}
.page_content iframe {
width: 100%;
}
.slider_block_list {
grid-template-columns: 1fr;
}
.header_left__block {
margin-top: 10px;
}
.header__callback {
margin: 0 auto;
}
.footer__callback {
margin: 0px 0px 20px 0px;
width: 100%;
}
.header_right__block_info_block {
text-align: center;
margin: 0 auto;
}
.header_icons {
margin-left: auto;
}
.section__text_main {
min-height: auto;
}
.section {
min-height: max-content;
padding: 30px 0px;
}
.slider__title {
font-size: 24px;
line-height: 40px;
margin-top: 0px;
min-height: 150px;
}
.slider__title-line {
display: block;
}
.slider_block_item {
border-right: none;
border-bottom: 1px solid #ffae42;
}
.slider__text {
font-size: 18px;
line-height: 24px;
}
.header_left__block {
min-height: inherit;
}
.header_left__block {
display: none;
}
#fp-nav.right {
display: none;
}
.text_main_title {
font-size: 25px;
line-height: 35px;
text-align: center;
}
.text_main_img__wrap {
display: none;
}
.text_main_text {
margin-top: 20px;
max-width: 100%;
}
.left_contact_wrap {
max-width: 100%;
}
.left_contact_wrap .copyrite {
display: none;
}
.text_main_link {
margin: 20px 0px;
}
.text_main__counter_value {
font-size: 30px;
}
.uslugi_block_img img {
max-width: 50px;
}
.uslugi_block {
min-height: 150px;
padding: 10px;
}
.usligi_title {
font-size: 25px;
margin-bottom: 30px;
}
.uslugi_block_title a {
font-size: 12px;
}
.uslugi_block_img {
margin-bottom: 10px;
}
.text_main__counter_wrap {
display: none;
}
.team_main_carousel {
display: none;
}
.team_main_full_item_content {
max-height: none;
margin-top: 20px;
}
.team_main_full:before {
content: none;
}
.team_main_full {
z-index: 99;
}
.team_main_full_item_title {
font-size: 20px;
}
.work_main_step_wrap {
display: none;
}
.review_main_slider_item_img {
max-width: 100%;
}
.work_main_title,
.work_main_text {
display: none;
}
.review_main_slider_wrap {
flex-direction: column;
}
.arrow_review_wrap {
order: 2;
}
.review_main_slider {
order: 3;
}
.review_main_slider_title {
display: flex;
transform: unset;
writing-mode: unset;
order: 1;
}
.review_main_slider_title .review_main_slider_title_big {
font-size: 30px;
}
.review_main_slider_title {
font-size: 20px;
}
.all_review_button {
position: relative;
order: 4;
left: unset;
bottom: unset;
display: flex;
justify-content: center;
}
.review_main_slider_item_content {
margin-top: 10px;
}
.review_main_slider_item_img img {
max-height: 300px;
width: auto;
margin: 0 auto;
margin-bottom: 20px;
}
.left_contact_title {
font-size: 25px;
margin-bottom: 20px;
}
.left_contact_logo {
text-align: center;
}
.left_contact_logo img {
display: none;
}
.footer_menu_with_logo_title {
margin-bottom: 20px;
font-size: 18px;
text-align: left;
}
.footer_menu_with_logo {
min-height: fit-content;
}
.breadcrumbs {
display: none;
}
.section__map_main {
height: auto !important;
}
.section__footer_main {
padding-top: 64px;
}
.page_title {
font-size: 25px;
}
.price_block_buttons {
flex-direction: column;
}
.acor-container .acor-container-title {
font-size: 15px;
}
.acor_price_block_name {
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.row_table_line {
font-size: 14px;
}
.acor-container {
margin: 20px 0 20px 0px;
}
.header_table {
font-size: 11px;
text-align: center;
}
.fix_button,
.mouse_block {
display: none;
}
.review_main_slider_item_content {
max-height: max-content;
height: max-content;
}
.review_main_slider_item {
height: max-content;
}
.full_slider_main video {
display: none;
}
.full_slider_main img {
display: block;
}
.left_block_contact_bottom_button_wrap {
grid-template-columns: 1fr;
}
.about_team_project_slick {
gap: 10px;
}
.about_team_project_slick .main_projects_block_desc {
display: none;
}
.main_projects_block_title {
font-weight: 400;
}
.about_team_pribor_slider {
gap: 10px;
}
.about_sale_block {
gap: 10px;
flex-direction: column;
}
.service_single_step_wrapper {
grid-template-columns: 1fr;
}
.services_gallery_item_img {
min-height: 300px;
}
.service_single_block_title {
margin-left: 0;
}
.service_single_block_title h2 {
font-size: 20px;
line-height: 30px;
}
.news_item {
flex-direction: column;
}
.news_item_title {
font-size: 18px;
}
.news_item_text {
font-size: 16px;
}
.right_sidebar {
padding: 0;
}
.content_h2 {
font-size: 16px;
}
.news_item_link {
font-size: 14px;
}
.object_item_right {
padding: 10px;
}
.object_item_title {
font-size: 16px;
margin-bottom: 30px;
}
.object_item_link {
font-size: 16px;
}
}
@media (max-width: 545px) {
.flat_priem_wrap {
grid-template-columns: 1fr;
}
.flat_template_title {
font-size: 25px;
line-height: 30px;
}
.list_subcat {
grid-template-columns: 1fr;
}
.team_main_active_item_img {
width: 100%;
height: auto;
}
.text_main_title h1 span {
font-size: 18px !important;
}
.text_main_link {
font-size: 14px;
padding: 10px;
}
.callback_main_question {
display: none;
}
.about_mission_img {
height: 150px;
}
} .services-archive .list_subcat {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-bottom: 38px;
}
.services-archive .list_subcat_item {
position: relative;
justify-content: center;
min-height: 172px;
gap: 14px;
padding: 22px 16px 18px;
overflow: hidden;
background: #f5f5f3;
border-radius: 10px;
color: #303030;
transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.services-archive .list_subcat_item::before {
content: "";
position: absolute;
top: 0;
left: 16px;
width: 34px;
height: 3px;
background: #ffae42;
transition: width 0.25s ease;
}
.services-archive .list_subcat_item::after {
content: "\2197";
position: absolute;
top: 11px;
right: 13px;
color: #b86600;
font-size: 17px;
line-height: 1;
opacity: 0;
transform: translate(-4px, 4px);
transition: opacity 0.25s ease, transform 0.25s ease;
}
.services-archive .list_subcat_item:hover,
.services-archive .list_subcat_item:focus-visible {
background: #fff;
color: #202020;
box-shadow: 0 14px 34px rgba(33, 33, 33, 0.11);
transform: translateY(-3px);
}
.services-archive .list_subcat_item:hover::before,
.services-archive .list_subcat_item:focus-visible::before {
width: calc(100% - 32px);
}
.services-archive .list_subcat_item:hover::after,
.services-archive .list_subcat_item:focus-visible::after {
opacity: 1;
transform: translate(0, 0);
}
.services-archive .list_subcat_item:focus-visible {
outline: 2px solid #ffae42;
outline-offset: 3px;
}
.services-archive .list_subcat_icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin-top: 0;
flex: 0 0 56px;
}
.services-archive .list_subcat_icon img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.25s ease;
}
.services-archive .list_subcat_item:hover img,
.services-archive .list_subcat_item:focus-visible img {
filter: none;
transform: scale(1.05);
}
.services-archive .list_subcat_item:hover .item_subcat,
.services-archive .list_subcat_item:focus-visible .item_subcat {
color: inherit;
}
.services-archive .item_subcat {
max-width: 190px;
color: inherit;
font-size: 12px;
font-weight: 650;
line-height: 1.45;
letter-spacing: 0.015em;
}
.services-archive .right_sidebar {
margin-top: 141px;
}
body.single .content_title_section + .content_section .right_sidebar {
margin-top: 36px;
}
.services-archive .page_title {
font-weight: 600;
}
.single-novosti .right_sidebar {
margin-top: 50px;
margin-bottom: 50px;
}
.single-novosti .page_title {
font-weight: 600;
}
.news-gallery {
margin-top: 44px;
padding-top: 24px;
border-top: 1px solid #e5e5e5;
}
.news-gallery__heading {
margin-bottom: 20px;
padding: 0;
color: #303030;
font-size: 18px;
font-weight: 600;
letter-spacing: normal;
line-height: 1.35;
text-transform: none;
}
.news-gallery__heading::before,
.news-gallery__heading::after {
display: none;
content: none;
}
.news-gallery__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.news-gallery__item {
min-width: 0;
margin: 0;
overflow: hidden;
border-radius: 10px;
background: #f5f5f5;
}
.news-gallery__link {
display: block;
overflow: hidden;
color: inherit;
}
.news-gallery__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.news-gallery__link:hover .news-gallery__image,
.news-gallery__link:focus-visible .news-gallery__image {
transform: scale(1.025);
}
.news-gallery__caption {
padding: 10px 14px 12px;
color: #666;
font-size: 13px;
line-height: 1.45;
}
.news-gallery--count-1 .news-gallery__grid {
grid-template-columns: minmax(0, 1fr);
}
.news-gallery--count-1 .news-gallery__image {
height: auto;
max-height: 680px;
object-fit: contain;
}
.news-gallery--count-2 .news-gallery__image {
aspect-ratio: 4 / 3;
}
.news-gallery--count-3 .news-gallery__item:first-child {
grid-column: 1 / -1;
}
.news-gallery--count-3 .news-gallery__item:first-child .news-gallery__image {
aspect-ratio: 16 / 9;
}
.news-gallery--count-3 .news-gallery__item:not(:first-child) .news-gallery__image {
aspect-ratio: 4 / 3;
}
.news-gallery--masonry .news-gallery__grid {
display: block;
column-count: 3;
column-gap: 18px;
}
.news-gallery--masonry .news-gallery__item {
display: inline-block;
width: 100%;
margin: 0 0 18px;
break-inside: avoid;
}
.news-gallery--masonry .news-gallery__image {
height: auto;
}
@media (max-width: 767px) {
.news-gallery {
margin-top: 34px;
}
.news-gallery--masonry .news-gallery__grid {
column-count: 2;
}
}
@media (max-width: 575px) {
.news-gallery__grid {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
.news-gallery--count-3 .news-gallery__item:first-child {
grid-column: auto;
}
.news-gallery--count-2 .news-gallery__image,
.news-gallery--count-3 .news-gallery__item:first-child .news-gallery__image,
.news-gallery--count-3 .news-gallery__item:not(:first-child) .news-gallery__image {
aspect-ratio: auto;
height: auto;
}
.news-gallery--masonry .news-gallery__grid {
column-count: 1;
}
.news-gallery--masonry .news-gallery__item {
margin-bottom: 14px;
}
}
.sidebar-menu-toggle {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}
.sidebar-menu-panel {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
}
.right_sidebar .sidebar-menu-toggle:not(:checked) ~ .side-title .menu > li:nth-child(n + 15) {
display: none;
}
.right_sidebar .sidebar-menu-toggle ~ .side-title {
padding-bottom: 22px;
border-radius: 10px 10px 0 0;
}
.sidebar-menu-toggle-control {
display: flex;
min-height: 52px;
width: 100%;
margin-top: 0;
padding: 8px 40px 24px;
align-items: center;
justify-content: space-between;
gap: 16px;
border-radius: 0 0 10px 10px;
background: #f9f9f9;
color: #303030;
cursor: pointer;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
transition: color 0.2s ease;
}
.sidebar-menu-toggle-control:hover {
color: #ffae42;
}
.sidebar-menu-toggle:focus-visible ~ .sidebar-menu-toggle-control {
outline: 2px solid #ffae42;
outline-offset: 3px;
}
.sidebar-menu-toggle-control__less {
display: none;
}
.sidebar-menu-toggle:checked ~ .sidebar-menu-toggle-control .sidebar-menu-toggle-control__more {
display: none;
}
.sidebar-menu-toggle:checked ~ .sidebar-menu-toggle-control .sidebar-menu-toggle-control__less {
display: inline;
}
.sidebar-menu-toggle-control__arrow {
display: block;
flex: 0 0 10px;
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translate(-2px, 2px);
transition: transform 0.2s ease;
}
.sidebar-menu-toggle:checked ~ .sidebar-menu-toggle-control .sidebar-menu-toggle-control__arrow {
transform: rotate(225deg) translate(-2px, 2px);
}
.sidebar-menu-panel:not(:has(.side-title .menu > li:nth-child(15))) .sidebar-menu-toggle-control {
display: none;
}
.sidebar-menu-panel:not(:has(.side-title .menu > li:nth-child(15))) .side-title {
padding-bottom: 40px;
border-radius: 10px;
}
@media (min-width: 992px) {
.content_section:has(.right_sidebar) {
overflow: visible;
}
.row > .col-md-3:has(> .right_sidebar) {
display: flex;
min-width: 0;
flex-direction: column;
}
.row > .col-md-3 > .right_sidebar {
flex: 1 1 auto;
min-width: 0;
}
.right_sidebar .sidebar-menu-panel {
position: sticky;
top: 24px;
z-index: 2;
}
.right_sidebar .sidebar-menu-panel:has(.sidebar-menu-toggle:checked) {
position: relative;
top: auto;
}
}
@media (max-width: 1199px) {
.sidebar-menu-toggle-control {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 479px) {
.sidebar-menu-toggle-control {
padding-right: 25px;
padding-left: 25px;
}
}
@media (min-width: 1400px) {
.services-archive .list_subcat {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.services-archive .list_subcat {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.services-archive .list_subcat {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.services-archive .list_subcat_item {
min-height: 154px;
padding: 20px 14px 16px;
}
}
@media (max-width: 520px) {
.services-archive .list_subcat {
grid-template-columns: 1fr;
}
.services-archive .list_subcat_item {
min-height: 0;
flex-direction: row;
justify-content: flex-start;
text-align: left;
}
.services-archive .item_subcat {
max-width: none;
}
} .typography {
font-size: 16px;
line-height: 1.65;
color: #505050;
}
.typography > *:first-child {
margin-top: 0;
}
.typography > *:last-child {
margin-bottom: 0;
}
.typography p {
margin: 0 0 22px;
}
.typography a {
color: #ffae42;
text-decoration: underline;
text-underline-offset: 3px;
}
.typography a:hover {
color: #d38c2d;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
font-family: "Montserrat", sans-serif;
color: #505050;
font-weight: 400;
text-transform: uppercase;
line-height: 1.25;
margin: 42px 0 22px;
}
.typography h1 {
font-size: 40px;
}
.typography h2 {
font-size: 32px;
position: relative;
padding-bottom: 15px;
}
.typography h2:before {
content: "";
width: 120px;
height: 3px;
background: #ffae42;
position: absolute;
left: 0;
bottom: 0;
}
.typography h3 {
font-size: 26px;
color: #505050;
position: relative;
padding-bottom: 12px;
}
.typography h3:before {
content: "";
width: 90px;
height: 2px;
background: #ffae42;
position: absolute;
left: 0;
bottom: 0;
}
.typography h4 {
font-size: 22px;
}
.typography h5 {
font-size: 18px;
font-weight: 700;
}
.typography h6 {
font-size: 16px;
font-weight: 700;
}
.typography ul,
.typography ol {
margin: 0 0 28px;
padding-left: 0;
}
.typography ul {
list-style: none;
}
.typography ul li,
.typography ol li {
margin-bottom: 12px;
line-height: 1.6;
}
.typography ul li {
position: relative;
padding-left: 28px;
}
.typography ul li:before {
content: "";
width: 8px;
height: 8px;
background: #ffae42;
position: absolute;
left: 0;
top: 10px;
}
.typography ol {
counter-reset: typography-counter;
list-style: none;
}
.typography ol li {
counter-increment: typography-counter;
position: relative;
padding-left: 38px;
}
.typography ol li:before {
content: counter(typography-counter) ".";
position: absolute;
left: 0;
top: 0;
color: #ffae42;
font-weight: 700;
}
.typography blockquote {
margin: 35px 0;
padding: 25px 30px;
border-left: 6px solid #ffae42;
background: #fff3c8;
font-size: 18px;
line-height: 1.6;
}
.typography table {
width: 100%;
border-collapse: collapse;
margin: 35px 0;
font-size: 15px;
}
.typography table th,
.typography table td {
border: 1px solid #e0e0e0;
padding: 14px 18px;
text-align: left;
}
.typography table th {
background: #ffae42;
color: #fff;
font-weight: 700;
}
.typography table tr:nth-child(even) td {
background: #f6f6f6;
}
.typography img {
max-width: 100%;
height: auto;
}
.typography .alignleft {
float: left;
margin: 0 25px 20px 0;
}
.typography .alignright {
float: right;
margin: 0 0 20px 25px;
}
.typography .aligncenter {
display: block;
margin: 30px auto;
}
.typography strong,
.typography b {
font-weight: 700;
}
.typography em,
.typography i {
font-style: italic;
}
@media (max-width: 768px) {
.typography {
font-size: 15px;
line-height: 1.6;
}
.typography h1 {
font-size: 28px;
}
.typography h2 {
font-size: 24px;
}
.typography h3 {
font-size: 21px;
}
.typography h4 {
font-size: 18px;
}
.typography blockquote {
padding: 18px 20px;
font-size: 16px;
}
.typography table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.typography .alignleft,
.typography .alignright {
float: none;
display: block;
margin: 25px auto;
}
} .article-listing {
--article-accent: #ffae42;
--article-text: #303030;
--article-muted: #676767;
padding: 30px 0 110px;
background: #fff;
}
.article-listing *,
.article-listing *::before,
.article-listing *::after {
box-sizing: border-box;
}
.article-listing__container {
width: calc(100% - 40px);
max-width: 1290px;
margin: 0 auto;
}
.article-listing__breadcrumbs {
margin-bottom: 30px;
}
.article-listing__hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: flex-end;
gap: 80px;
margin-bottom: 50px;
padding: 18px 0 54px;
}
.article-listing__hero::before {
display: none;
}
.article-listing__hero-copy {
position: relative;
max-width: 850px;
}
.article-listing__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
color: #d98312;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.article-listing__eyebrow::before {
width: 42px;
height: 2px;
background: var(--article-accent);
content: "";
}
.article-listing__hero h1 {
max-width: 940px;
margin: 0;
color: var(--article-text);
font-family: "Montserrat", sans-serif;
font-size: clamp(38px, 3.4vw, 54px);
font-weight: 700;
line-height: 1.08;
text-transform: none;
}
.article-listing__hero p {
max-width: 760px;
margin: 24px 0 0;
color: var(--article-muted);
font-size: 17px;
line-height: 1.5;
}
.article-listing__count {
position: relative;
display: flex;
flex: 0 0 auto;
min-width: 120px;
flex-direction: column;
align-items: flex-start;
padding-bottom: 4px;
color: var(--article-text);
}
.article-listing__count strong {
color: var(--article-text);
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 700;
letter-spacing: -0.04em;
line-height: 0.9;
}
.article-listing__count span {
margin-top: 11px;
color: #d98312;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.article-listing__layout {
display: grid;
grid-template-columns: minmax(0, 850px) 410px;
gap: 30px;
align-items: start;
}
.article-listing__main {
min-width: 0;
}
.article-listing__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}
.article-list-card {
position: relative;
display: flex;
min-width: 0;
min-height: 330px;
flex-direction: column;
padding: 30px;
border: 1px solid #e9e9e9;
border-radius: 14px;
background: #fff;
box-shadow: 0 12px 35px rgba(27, 27, 27, 0.055);
transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.article-list-card::before {
position: absolute;
top: -1px;
right: 28px;
left: 28px;
height: 3px;
border-radius: 0 0 4px 4px;
background: var(--article-accent);
content: "";
transform: scaleX(0.35);
transform-origin: left;
transition: transform 0.25s ease;
}
.article-list-card:hover {
border-color: rgba(255, 174, 66, 0.7);
box-shadow: 0 18px 42px rgba(27, 27, 27, 0.1);
transform: translateY(-4px);
}
.article-list-card:hover::before {
transform: scaleX(1);
}
.article-list-card__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 24px;
color: #7a7a7a;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
.article-list-card__meta time {
display: inline-flex;
align-items: center;
gap: 8px;
}
.article-list-card__meta time::before {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--article-accent);
content: "";
}
.article-list-card__meta > span {
padding: 6px 9px;
border-radius: 20px;
background: #fff5e8;
color: #b96c08;
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.article-list-card h2 {
margin: 0 0 18px;
font-family: "Montserrat", sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 1.28;
text-transform: none;
}
.article-list-card h2 a {
color: var(--article-text);
text-decoration: none;
}
.article-list-card h2 a:hover {
color: #d98312;
}
.article-list-card__excerpt {
margin: 0 0 28px;
color: var(--article-muted);
font-size: 15px;
font-weight: 400;
line-height: 1.55;
}
.article-list-card__link {
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: auto;
color: #b96c08;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.045em;
text-decoration: none;
text-transform: uppercase;
}
.article-list-card__link span {
position: relative;
display: grid;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--article-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
color: #fff;
font-size: 0;
line-height: 1;
transition: transform 0.2s ease;
}
.article-list-card__link:hover {
color: #8b5004;
}
.article-list-card__link:hover span {
transform: translateX(4px);
}
.article-listing__sidebar {
position: sticky;
top: 20px;
display: flex;
min-width: 0;
flex-direction: column;
gap: 30px;
}
.article-sections {
display: flex;
flex-direction: column;
gap: 15px;
padding: 34px;
border: 1px solid #ededed;
border-radius: 14px;
background: #f9f9f9;
}
.article-sections h2 {
margin: 0 0 10px;
color: var(--article-text);
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
text-transform: none;
}
.article-sections__link {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 5px 0;
color: #505050;
font-size: 15px;
font-weight: 400;
line-height: 1.3;
text-decoration: none;
}
.article-sections__link:hover,
.article-sections__link.is-active {
color: #d98312;
}
.article-sections__link.is-active {
font-weight: 700;
}
.article-sections__icon {
display: grid;
flex: 0 0 20px;
width: 20px;
height: 20px;
place-items: center;
}
.article-sections__icon img {
grid-area: 1 / 1;
display: block;
width: 16px;
height: 13px;
}
.article-sections__icon img:last-child {
display: none;
}
.article-sections__link:hover .article-sections__icon img:first-child,
.article-sections__link.is-active .article-sections__icon img:first-child {
display: none;
}
.article-sections__link:hover .article-sections__icon img:last-child,
.article-sections__link.is-active .article-sections__icon img:last-child {
display: block;
}
.article-listing__mission {
display: flex;
overflow: hidden;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 40px;
border-radius: 14px;
background: #505050;
color: #fff;
}
.article-listing__mission h2 {
margin: 0;
padding-bottom: 10px;
border-bottom: 2px solid var(--article-accent);
color: var(--article-accent);
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
text-transform: none;
}
.article-listing__mission p {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
}
.article-listing__mission .articles-mission__button {
display: inline-flex;
min-height: 42px;
align-items: center;
justify-content: center;
padding: 14px 24px;
border: 0;
border-radius: 6px;
background: var(--article-accent);
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.article-listing__mission .articles-mission__button:hover {
background: #e99a31;
color: #fff;
}
.article-listing__pagination {
--pagination-accent: var(--article-accent, #ffae42);
--pagination-text: var(--article-text, #303030);
margin-top: 50px;
}
.article-listing__pagination .navigation.pagination {
margin: 0;
}
.article-listing__pagination .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.article-listing__pagination .page-numbers {
display: inline-flex;
min-width: 44px;
height: 44px;
align-items: center;
justify-content: center;
padding: 0 14px;
border: 1px solid #e4e4e4;
border-radius: 8px;
background: #fff;
color: var(--pagination-text);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.article-listing__pagination .page-numbers:hover {
border-color: var(--pagination-accent);
background: var(--pagination-accent);
color: #fff;
}
.article-listing__pagination .page-numbers.current {
border: 0;
background: var(--pagination-accent) !important;
color: #fff;
}
.article-listing__empty {
padding: 50px;
border-radius: 14px;
background: #f9f9f9;
}
.article-listing__empty h2 {
margin: 0 0 14px;
color: var(--article-text);
font-family: "Montserrat", sans-serif;
font-size: 28px;
text-transform: none;
}
.article-listing__empty p {
margin: 0 0 20px;
color: var(--article-muted);
}
.article-listing__empty a {
color: #b96c08;
font-weight: 700;
}
@media (max-width: 1199px) {
.article-listing__layout {
grid-template-columns: minmax(0, 1fr) 330px;
}
.article-list-card {
padding: 26px;
}
.article-sections {
padding: 28px;
}
}
@media (max-width: 991px) {
.article-listing__layout {
grid-template-columns: 1fr;
gap: 50px;
}
.article-listing__sidebar {
position: static;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
align-items: start;
}
}
@media (max-width: 767px) {
.article-listing {
padding-top: 24px;
padding-bottom: 70px;
}
.article-listing__container {
width: calc(100% - 30px);
}
.article-listing__hero {
grid-template-columns: 1fr;
align-items: start;
gap: 28px;
padding: 8px 0 38px;
}
.article-listing__hero h1 {
font-size: 36px;
}
.article-listing__count {
min-width: 0;
flex-direction: row;
align-items: baseline;
gap: 12px;
padding: 0;
}
.article-listing__count strong {
font-size: 40px;
}
.article-listing__count span {
margin: 0;
}
.article-listing__grid,
.article-listing__sidebar {
grid-template-columns: 1fr;
}
}
@media (max-width: 479px) {
.article-listing__breadcrumbs {
margin-bottom: 24px;
}
.article-listing__hero {
margin-bottom: 35px;
padding: 6px 0 32px;
}
.article-listing__hero h1 {
font-size: 32px;
}
.article-listing__hero p {
font-size: 15px;
}
.article-listing__grid {
gap: 20px;
}
.article-list-card {
min-height: 0;
padding: 24px;
}
.article-list-card h2 {
font-size: 20px;
}
.article-list-card__excerpt {
font-size: 14px;
}
.article-sections {
padding: 25px;
}
.article-listing__mission {
padding: 25px;
}
} .news-archive {
--article-accent: #ffae42;
--article-text: #303030;
}
.news-archive-card__media {
position: relative;
text-decoration: none;
}
.news-archive-card__media > span {
display: grid;
width: 100%;
height: 100%;
background: #f5f5f5;
color: #c87509;
font-family: "Montserrat", sans-serif;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.08em;
place-items: center;
text-transform: uppercase;
}
.news-archive-card__date {
display: inline-flex;
align-items: center;
gap: 8px;
color: #8a8a8a;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
.news-archive-card__date::before {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ffae42;
content: "";
}
.news-archive-card .articles-category-card__copy {
gap: 16px;
}
.news-archive-card .articles-category-card__description {
color: #595959;
line-height: 1.45;
}
.news-archive__pagination {
margin-top: 60px;
}
@media (max-width: 767px) {
.news-archive__pagination {
margin-top: 45px;
}
} .projects-archive {
--articles-accent: #ffae42;
--articles-text: #303030;
--articles-muted: #626262;
--article-accent: #ffae42;
--article-text: #303030;
}
.projects-archive__breadcrumbs {
margin-bottom: 42px;
}
.projects-archive__hero {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 70px;
margin-bottom: 56px;
padding: 14px 0 18px;
}
.projects-archive__hero-copy {
max-width: 850px;
}
.projects-archive__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
color: #c87509;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.projects-archive__eyebrow::before {
width: 42px;
height: 2px;
background: #ffae42;
content: "";
}
.projects-archive__hero h1 {
max-width: 920px;
margin: 0;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: clamp(42px, 4vw, 62px);
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1.02;
text-transform: none;
}
.projects-archive__hero p {
max-width: 720px;
margin: 24px 0 0;
color: #626262;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
}
.projects-archive__count {
display: flex;
min-width: 118px;
flex-direction: column;
align-items: flex-start;
padding-bottom: 4px;
}
.projects-archive__count strong {
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: 58px;
font-weight: 700;
letter-spacing: -0.05em;
line-height: 0.85;
}
.projects-archive__count span {
margin-top: 13px;
color: #c87509;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.2;
text-transform: uppercase;
}
.projects-archive__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}
.projects-card {
display: flex;
overflow: hidden;
min-width: 0;
min-height: 475px;
flex-direction: column;
border-radius: 14px;
background: #f5f5f5;
box-shadow: 0 12px 36px rgba(35, 35, 35, 0.06);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.projects-card:hover {
box-shadow: 0 18px 45px rgba(35, 35, 35, 0.12);
transform: translateY(-4px);
}
.projects-card__media {
display: block;
overflow: hidden;
width: 100%;
aspect-ratio: 410 / 265;
background: #dedede;
}
.projects-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.45s ease;
}
.projects-card:hover .projects-card__media img {
transform: scale(1.035);
}
.projects-card__fallback {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 9px;
background: #e8e8e8;
color: #505050;
}
.projects-card__fallback > span {
color: #c87509;
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1;
}
.projects-card__fallback small {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.projects-card__content {
display: flex;
flex: 1 1 auto;
min-width: 0;
flex-direction: column;
align-items: flex-start;
padding: 27px 28px 30px;
}
.projects-card__number {
margin-bottom: 16px;
color: #b96c08;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.projects-card h2 {
margin: 0 0 28px;
font-family: "Montserrat", sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 1.28;
text-transform: none;
}
.projects-card h2 a {
color: #303030;
text-decoration: none;
}
.projects-card h2 a:hover {
color: #b96c08;
}
.projects-card__link {
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: auto;
color: #303030;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
}
.projects-card__link i {
position: relative;
display: block;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: #ffae42 url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.projects-card__link:hover {
color: #b96c08;
}
.projects-card__link:hover i {
background-color: #e99a31;
transform: translateX(4px);
}
.projects-card--featured {
grid-column: 1 / -1;
display: grid;
min-height: 390px;
grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
background: #353535;
}
.projects-card--featured .projects-card__media {
height: 100%;
aspect-ratio: auto;
background: #444;
}
.projects-card--featured .projects-card__fallback {
background: #454545;
color: #d6d6d6;
}
.projects-card--featured .projects-card__content {
padding: 42px 38px;
}
.projects-card--featured .projects-card__number {
color: #ffae42;
}
.projects-card--featured h2 {
font-size: 25px;
line-height: 1.25;
}
.projects-card--featured h2 a,
.projects-card--featured .projects-card__link {
color: #fff;
}
.projects-card--featured h2 a:hover,
.projects-card--featured .projects-card__link:hover {
color: #ffae42;
}
.projects-archive__sidebar {
position: sticky;
top: 20px;
}
.projects-archive__pagination {
margin-top: 58px;
}
@media (max-width: 1199px) {
.projects-card--featured {
grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
}
.projects-card--featured .projects-card__content {
padding: 36px 32px;
}
}
@media (max-width: 991px) {
.projects-archive__sidebar {
position: static;
}
}
@media (max-width: 767px) {
.projects-archive__breadcrumbs {
margin-bottom: 30px;
}
.projects-archive__hero {
grid-template-columns: 1fr;
align-items: start;
gap: 28px;
margin-bottom: 42px;
padding: 8px 0 12px;
}
.projects-archive__hero h1 {
font-size: 40px;
}
.projects-archive__count {
min-width: 0;
flex-direction: row;
align-items: baseline;
gap: 12px;
}
.projects-archive__count strong {
font-size: 42px;
}
.projects-archive__count span {
margin-top: 0;
}
.projects-archive__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.projects-card,
.projects-card--featured {
grid-column: auto;
display: flex;
min-height: 0;
flex-direction: column;
}
.projects-card--featured .projects-card__media {
height: auto;
aspect-ratio: 410 / 265;
}
.projects-card--featured .projects-card__content {
padding: 30px 28px 32px;
}
.projects-card--featured h2 {
font-size: 23px;
}
.projects-archive__pagination {
margin-top: 45px;
}
}
@media (max-width: 479px) {
.projects-archive__eyebrow {
margin-bottom: 16px;
}
.projects-archive__hero h1 {
font-size: 34px;
}
.projects-archive__hero p {
margin-top: 18px;
font-size: 15px;
}
.projects-card__content,
.projects-card--featured .projects-card__content {
padding: 25px 24px 28px;
}
.projects-card h2,
.projects-card--featured h2 {
font-size: 20px;
}
} .team-archive {
--articles-accent: #ffae42;
--articles-text: #303030;
--articles-muted: #626262;
--article-accent: #ffae42;
--article-text: #303030;
} .team-showcase {
--team-ink: #202a2e;
--team-ink-soft: #2d383c;
--team-paper: #f1f2ef;
--team-white: #ffffff;
--team-accent: #ffae42;
--team-muted: #737978;
overflow: hidden;
padding: 54px 0 120px;
background: var(--team-paper);
color: var(--team-ink);
}
.team-showcase,
.team-showcase * {
box-sizing: border-box;
}
.team-showcase__container {
width: min(1290px, calc(100% - 48px));
margin: 0 auto;
}
.team-showcase__hero {
position: relative;
display: grid;
overflow: hidden;
min-height: 690px;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
background: var(--team-ink);
color: var(--team-white);
}
.team-showcase__hero::before {
position: absolute;
bottom: -0.18em;
left: -0.04em;
color: rgba(255, 255, 255, 0.035);
content: "TEAM";
font-family: "Montserrat", sans-serif;
font-size: clamp(150px, 19vw, 290px);
font-weight: 700;
letter-spacing: -0.08em;
line-height: 0.8;
pointer-events: none;
}
.team-showcase__hero-copy {
position: relative;
z-index: 1;
display: flex;
min-width: 0;
flex-direction: column;
justify-content: center;
padding: 76px 70px 64px;
}
.team-showcase__eyebrow {
display: inline-flex;
align-items: center;
gap: 13px;
margin-bottom: 25px;
color: #bd6d06;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.2;
text-transform: uppercase;
}
.team-showcase__eyebrow::before {
width: 44px;
height: 2px;
flex: 0 0 44px;
background: var(--team-accent);
content: "";
}
.team-showcase__hero .team-showcase__eyebrow {
color: var(--team-accent);
}
.team-showcase__hero h1 {
max-width: 680px;
margin: 0;
color: var(--team-white);
font-family: "Montserrat", sans-serif;
font-size: clamp(56px, 5.5vw, 82px);
font-weight: 600;
letter-spacing: -0.055em;
line-height: 0.96;
text-transform: none;
}
.team-showcase__lead {
max-width: 620px;
margin: 30px 0 0;
color: rgba(255, 255, 255, 0.72);
font-size: 17px;
line-height: 1.62;
}
.team-showcase__hero-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 22px 30px;
margin-top: 38px;
}
.team-showcase__button {
display: inline-flex;
min-height: 54px;
align-items: center;
justify-content: center;
padding: 16px 26px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.07em;
line-height: 1.1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.team-showcase__button:hover {
transform: translateY(-2px);
}
.team-showcase__button--accent {
background: var(--team-accent);
color: #202020;
}
.team-showcase__button--accent:hover {
background: #ffffff;
color: #202020;
}
.team-showcase__button--dark {
background: var(--team-ink);
color: #ffffff;
}
.team-showcase__button--dark:hover {
background: #3a464a;
color: #ffffff;
}
.team-showcase__text-link,
.team-showcase__featured-more,
.team-person__more {
display: inline-flex;
align-items: center;
gap: 12px;
color: inherit;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-decoration: none;
text-transform: uppercase;
}
.team-showcase__text-link i,
.team-showcase__featured-more i,
.team-person__more i {
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
border-radius: 50%;
background: var(--team-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transition: transform 0.2s ease, background-color 0.2s ease;
}
.team-showcase__text-link:hover {
color: var(--team-accent);
}
.team-showcase__text-link:hover i,
.team-showcase__featured:hover .team-showcase__featured-more i,
.team-person__link:hover .team-person__more i {
background-color: #e99a31;
transform: translateX(4px);
}
.team-showcase__facts {
display: grid;
max-width: 560px;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
margin: auto 0 0;
padding: 48px 0 0;
}
.team-showcase__facts div {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: end;
gap: 13px;
}
.team-showcase__facts dt {
color: var(--team-accent);
font-family: "Montserrat", sans-serif;
font-size: 48px;
font-weight: 600;
letter-spacing: -0.05em;
line-height: 0.8;
}
.team-showcase__facts dd {
max-width: 150px;
margin: 0;
color: rgba(255, 255, 255, 0.62);
font-size: 11px;
line-height: 1.35;
}
.team-showcase__featured {
position: relative;
z-index: 2;
display: grid;
min-width: 0;
grid-template-rows: minmax(0, 1fr) auto;
border-left: 1px solid rgba(255, 255, 255, 0.12);
background: #d7d9d6;
color: #ffffff;
text-decoration: none;
}
.team-showcase__featured-media {
display: block;
overflow: hidden;
min-height: 0;
}
.team-showcase__featured-image {
display: block;
width: 100%;
height: 100%;
min-height: 455px;
object-fit: cover;
object-position: center top;
transition: transform 0.6s ease;
}
.team-showcase__featured:hover .team-showcase__featured-image {
transform: scale(1.025);
}
.team-showcase__featured-caption {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
padding: 29px 34px 32px;
background: var(--team-ink-soft);
}
.team-showcase__featured-kicker,
.team-person__meta {
margin-bottom: 11px;
color: var(--team-accent);
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
.team-showcase__featured-caption strong {
max-width: 460px;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 28px;
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.08;
}
.team-showcase__featured-role {
display: -webkit-box;
overflow: hidden;
max-width: 470px;
margin-top: 12px;
color: rgba(255, 255, 255, 0.65);
font-size: 12px;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.team-showcase__featured-more {
margin-top: 22px;
color: #ffffff;
}
.team-showcase__directions {
display: grid;
grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
gap: 70px;
padding: 56px 64px;
background: #ffffff;
}
.team-showcase__directions-heading > span {
color: #bd6d06;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.team-showcase__directions-heading h2 {
max-width: 420px;
margin: 13px 0 0;
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: clamp(29px, 2.7vw, 42px);
font-weight: 600;
line-height: 1.03;
text-transform: none;
}
.team-showcase__directions-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.team-showcase__directions-list li {
display: flex;
min-width: 0;
min-height: 124px;
flex-direction: column;
justify-content: space-between;
gap: 24px;
padding: 4px 26px 4px;
border-left: 1px solid #dedfda;
}
.team-showcase__directions-list li:first-child {
padding-left: 0;
border-left: 0;
}
.team-showcase__directions-list span {
color: var(--team-accent);
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 700;
}
.team-showcase__directions-list strong {
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.25;
}
.team-showcase__people {
padding: 112px 0 0;
scroll-margin-top: 24px;
}
.team-showcase__section-heading {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
align-items: end;
gap: 80px;
margin-bottom: 48px;
}
.team-showcase__section-heading h2 {
max-width: 760px;
margin: 0;
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: clamp(42px, 4.4vw, 66px);
font-weight: 600;
letter-spacing: -0.05em;
line-height: 0.98;
text-transform: none;
}
.team-showcase__section-heading p {
max-width: 390px;
margin: 0 0 6px;
color: var(--team-muted);
font-size: 14px;
line-height: 1.58;
}
.team-showcase__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;
}
.team-person {
position: relative;
overflow: hidden;
min-width: 0;
background: var(--team-ink);
}
.team-person--1,
.team-person--4 {
grid-column: span 7;
min-height: 650px;
}
.team-person--2,
.team-person--3 {
grid-column: span 5;
min-height: 650px;
}
.team-person--3,
.team-person--4 {
min-height: 570px;
}
.team-person__link {
display: grid;
width: 100%;
height: 100%;
grid-template-rows: minmax(0, 1fr) auto;
color: #ffffff;
text-decoration: none;
}
.team-person__media {
display: grid;
overflow: hidden;
min-height: 0;
background: #d7d9d6;
place-items: center;
}
.team-person__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: transform 0.6s ease;
}
.team-person__link:hover .team-person__image {
transform: scale(1.03);
}
.team-person__placeholder {
color: #a36b22;
font-family: "Montserrat", sans-serif;
font-size: 90px;
font-weight: 600;
}
.team-person__caption {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
padding: 28px 32px 31px;
background: var(--team-ink-soft);
}
.team-person__caption strong {
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: clamp(23px, 2.1vw, 31px);
font-weight: 600;
letter-spacing: -0.03em;
line-height: 1.08;
}
.team-person__role {
display: -webkit-box;
overflow: hidden;
max-width: 610px;
margin-top: 12px;
color: rgba(255, 255, 255, 0.64);
font-size: 12px;
line-height: 1.48;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.team-person__more {
margin-top: 22px;
color: #ffffff;
}
.team-showcase__pagination {
margin-top: 52px;
}
.team-showcase__pagination:empty {
display: none;
}
.team-showcase__pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.team-showcase__pagination .page-numbers {
display: inline-flex;
min-width: 44px;
min-height: 44px;
align-items: center;
justify-content: center;
padding: 10px 14px;
background: #ffffff;
color: var(--team-ink);
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.team-showcase__pagination .page-numbers.current {
background: var(--team-accent);
color: #202020;
}
.team-showcase__cta {
position: relative;
display: grid;
grid-template-columns: 72px minmax(0, 1fr) auto;
align-items: center;
gap: 34px;
margin-top: 96px;
padding: 44px 48px;
border: 1px solid #dfe2de;
border-radius: 16px;
background: #ffffff;
box-shadow: 0 18px 54px rgba(32, 42, 46, 0.07);
}
.team-showcase__cta-mark {
display: grid;
width: 72px;
height: 72px;
border-radius: 50%;
background: #fff3e1;
color: #b86600;
font-family: "Montserrat", sans-serif;
font-size: 34px;
font-weight: 600;
line-height: 1;
place-items: center;
}
.team-showcase__cta .team-showcase__eyebrow {
margin-bottom: 11px;
color: #a55c00;
}
.team-showcase__cta .team-showcase__eyebrow::before {
background: var(--team-ink);
}
.team-showcase__cta h2 {
margin: 0;
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: clamp(30px, 3vw, 43px);
font-weight: 600;
letter-spacing: normal;
line-height: 1.15;
text-transform: none;
text-wrap: balance;
}
.team-showcase__cta p {
max-width: 620px;
margin: 13px 0 0;
color: #676f72;
font-size: 15px;
line-height: 1.65;
}
.team-showcase__cta .team-showcase__button {
min-width: 184px;
border-radius: 5px;
}
.team-profile-modal-shell {
overflow: hidden;
width: min(980px, calc(100vw - 40px));
max-width: 980px;
padding: 0 !important;
background: #ffffff;
}
.team-profile-modal {
display: grid;
grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
min-height: 590px;
background: #ffffff;
}
.team-profile-modal__visual {
min-height: 590px;
background-color: #d7d9d6;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.team-profile-modal__content {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 52px;
}
.team-profile-modal__label {
margin-bottom: 14px;
color: #bd6d06;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.team-profile-modal__content h2 {
margin: 0 0 26px;
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: 38px;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 1.02;
text-transform: none;
}
.team-profile-modal__text {
color: #5f6665;
font-size: 14px;
line-height: 1.6;
}
.team-profile-modal__text p {
margin: 0 0 16px;
}
.team-profile-modal__phone {
margin: 4px 0 24px;
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: 21px;
font-weight: 600;
text-decoration: none;
}
.team-profile-modal__phone:hover {
color: #bd6d06;
}
@media (max-width: 1100px) {
.team-showcase__hero {
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.85fr);
}
.team-showcase__hero-copy {
padding: 60px 48px 52px;
}
.team-showcase__hero h1 {
font-size: 58px;
}
.team-showcase__directions {
gap: 40px;
padding: 48px;
}
.team-showcase__cta {
grid-template-columns: 64px minmax(0, 1fr) auto;
gap: 28px;
padding: 40px;
}
.team-showcase__cta-mark {
width: 64px;
height: 64px;
font-size: 30px;
}
}
@media (max-width: 900px) {
.team-showcase {
padding-top: 36px;
}
.team-showcase__hero {
grid-template-columns: 1fr;
}
.team-showcase__hero-copy {
min-height: 610px;
padding: 64px 54px 54px;
}
.team-showcase__featured {
grid-template-columns: minmax(260px, 0.88fr) minmax(0, 1.12fr);
grid-template-rows: 1fr;
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-left: 0;
}
.team-showcase__featured-image {
min-height: 420px;
}
.team-showcase__featured-caption {
justify-content: center;
padding: 38px;
}
.team-showcase__directions {
grid-template-columns: 1fr;
}
.team-showcase__section-heading {
grid-template-columns: 1fr;
gap: 24px;
}
.team-person--1,
.team-person--2,
.team-person--3,
.team-person--4 {
grid-column: span 6;
min-height: 570px;
}
.team-showcase__cta {
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
}
.team-showcase__cta-mark {
display: grid;
width: 56px;
height: 56px;
font-size: 27px;
}
.team-showcase__cta .team-showcase__button {
grid-column: 2;
justify-self: start;
}
}
@media (max-width: 640px) {
.team-showcase {
padding: 18px 0 72px;
}
.team-showcase__container {
width: calc(100% - 28px);
}
.team-showcase__hero-copy {
min-height: 0;
padding: 42px 24px 38px;
}
.team-showcase__hero h1 {
font-size: clamp(40px, 12.6vw, 52px);
line-height: 0.98;
}
.team-showcase__lead {
margin-top: 24px;
font-size: 15px;
}
.team-showcase__hero-actions {
align-items: flex-start;
flex-direction: column;
margin-top: 30px;
}
.team-showcase__facts {
gap: 18px;
padding-top: 48px;
}
.team-showcase__facts div {
grid-template-columns: 1fr;
align-items: start;
gap: 10px;
}
.team-showcase__facts dt {
font-size: 42px;
}
.team-showcase__featured {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.team-showcase__featured-image {
height: auto;
min-height: 0;
max-height: 440px;
aspect-ratio: 4 / 4.45;
}
.team-showcase__featured-caption {
padding: 27px 24px 30px;
}
.team-showcase__featured-caption strong {
font-size: 25px;
}
.team-showcase__directions {
gap: 36px;
padding: 38px 24px;
}
.team-showcase__directions-heading h2 {
font-size: 32px;
}
.team-showcase__directions-list {
grid-template-columns: 1fr;
}
.team-showcase__directions-list li,
.team-showcase__directions-list li:first-child {
min-height: 0;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 18px;
padding: 19px 0;
border-top: 1px solid #dedfda;
border-left: 0;
}
.team-showcase__directions-list strong {
font-size: 16px;
}
.team-showcase__people {
padding-top: 78px;
}
.team-showcase__section-heading {
margin-bottom: 34px;
}
.team-showcase__section-heading h2 {
font-size: 40px;
}
.team-showcase__grid {
gap: 16px;
}
.team-person--1,
.team-person--2,
.team-person--3,
.team-person--4 {
grid-column: 1 / -1;
min-height: 555px;
}
.team-person__caption {
padding: 25px 24px 28px;
}
.team-person__caption strong {
font-size: 25px;
}
.team-showcase__cta {
grid-template-columns: 52px minmax(0, 1fr);
gap: 22px 16px;
margin-top: 72px;
padding: 28px 22px;
border-radius: 12px;
}
.team-showcase__cta-mark {
width: 52px;
height: 52px;
font-size: 25px;
}
.team-showcase__cta h2 {
font-size: 30px;
}
.team-showcase__cta .team-showcase__button {
grid-column: 1 / -1;
width: 100%;
}
.team-profile-modal-shell {
width: calc(100vw - 24px);
}
.team-profile-modal {
grid-template-columns: 1fr;
min-height: 0;
}
.team-profile-modal__visual {
min-height: 350px;
}
.team-profile-modal__content {
padding: 30px 24px 34px;
}
.team-profile-modal__content h2 {
font-size: 29px;
}
}
.team-archive__breadcrumbs {
margin-bottom: 42px;
}
.team-archive__hero {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 70px;
margin-bottom: 56px;
padding: 14px 0 18px;
}
.team-archive__hero-copy {
max-width: 850px;
}
.team-archive__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
color: #c87509;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.team-archive__eyebrow::before {
width: 42px;
height: 2px;
background: #ffae42;
content: "";
}
.team-archive__hero h1 {
max-width: 920px;
margin: 0;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: clamp(42px, 4vw, 62px);
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1.02;
text-transform: none;
}
.team-archive__hero p {
max-width: 720px;
margin: 24px 0 0;
color: #626262;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
}
.team-archive__count {
display: flex;
min-width: 118px;
flex-direction: column;
align-items: flex-start;
padding-bottom: 4px;
}
.team-archive__count strong {
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: 58px;
font-weight: 700;
letter-spacing: -0.05em;
line-height: 0.85;
}
.team-archive__count span {
margin-top: 13px;
color: #c87509;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.2;
text-transform: uppercase;
}
.team-archive__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}
.team-card {
display: flex;
overflow: hidden;
min-width: 0;
flex-direction: column;
border-radius: 14px;
background: #f5f5f5;
box-shadow: 0 12px 36px rgba(35, 35, 35, 0.06);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.team-card:hover {
box-shadow: 0 18px 45px rgba(35, 35, 35, 0.12);
transform: translateY(-4px);
}
.team-card__media {
display: grid;
overflow: hidden;
width: 100%;
aspect-ratio: 410 / 420;
background: #dedede;
color: #c87509;
font-family: "Montserrat", sans-serif;
font-size: 56px;
font-weight: 700;
place-items: center;
}
.team-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: transform 0.45s ease;
}
.team-card:hover .team-card__media img {
transform: scale(1.025);
}
.team-card__content {
display: flex;
flex: 1 1 auto;
min-width: 0;
flex-direction: column;
align-items: flex-start;
padding: 28px 28px 30px;
}
.team-card__label,
.team-profile-modal__label {
margin-bottom: 14px;
color: #b96c08;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.team-card h2 {
margin: 0 0 18px;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: 23px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
overflow-wrap: anywhere;
text-transform: none;
}
.team-card__summary {
margin: 0 0 24px;
color: #5f5f5f;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.team-card__phone {
display: flex;
flex-direction: column;
gap: 4px;
margin: auto 0 24px;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
}
.team-card__phone span {
color: #8a8a8a;
font-family: "Montserrat", sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.team-card__phone:hover {
color: #b96c08;
}
.team-card__actions {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: center;
gap: 12px 18px;
}
.team-card__details {
display: inline-flex;
align-items: center;
gap: 11px;
color: #303030;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
}
.team-card__details i {
display: block;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: #ffae42 url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.team-card__details:hover {
color: #b96c08;
}
.team-card__details:hover i {
background-color: #e99a31;
transform: translateX(4px);
}
.team-card__request {
display: inline-flex;
min-height: 42px;
align-items: center;
justify-content: center;
padding: 13px 17px;
border-radius: 6px;
background: #353535;
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.team-card__request:hover {
background: #ffae42;
color: #fff;
transform: translateY(-1px);
}
.team-archive__sidebar {
position: sticky;
top: 20px;
}
.team-archive__pagination:empty {
display: none;
}
.team-profile-modal-shell {
overflow: hidden;
width: min(940px, calc(100vw - 40px));
max-width: 940px;
padding: 0 !important;
border-radius: 14px;
}
.team-profile-modal {
display: grid;
grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
background: #fff;
}
.team-profile-modal__media {
min-height: 100%;
background: #e9e9e9;
}
.team-profile-modal__media img {
display: block;
width: 100%;
height: 100%;
min-height: 470px;
object-fit: cover;
object-position: center top;
}
.team-profile-modal__content {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
padding: 44px;
}
.team-profile-modal__content h2 {
margin: 0 0 25px;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: 30px;
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.15;
overflow-wrap: anywhere;
text-transform: none;
}
.team-profile-modal__text {
color: #555;
font-size: 15px;
line-height: 1.55;
}
.team-profile-modal__text p {
margin: 0 0 16px;
}
.team-profile-modal__phone {
margin: 8px 0 24px;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: 21px;
font-weight: 600;
text-decoration: none;
}
.team-profile-modal__phone:hover {
color: #b96c08;
}
.team-profile-modal .articles-mission__button {
background: #ffae42;
color: #fff;
}
.team-profile-modal .articles-mission__button:hover {
background: #e99a31;
color: #fff;
}
@media (max-width: 991px) {
.team-archive__sidebar {
position: static;
}
}
@media (max-width: 767px) {
.team-archive__breadcrumbs {
margin-bottom: 30px;
}
.team-archive__hero {
grid-template-columns: 1fr;
align-items: start;
gap: 28px;
margin-bottom: 42px;
padding: 8px 0 12px;
}
.team-archive__hero h1 {
font-size: 40px;
}
.team-archive__count {
min-width: 0;
flex-direction: row;
align-items: baseline;
gap: 12px;
}
.team-archive__count strong {
font-size: 42px;
}
.team-archive__count span {
margin-top: 0;
}
.team-archive__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.team-profile-modal {
grid-template-columns: 1fr;
}
.team-profile-modal__media {
max-height: 380px;
}
.team-profile-modal__media img {
min-height: 0;
max-height: 380px;
}
.team-profile-modal__content {
padding: 30px;
}
}
@media (max-width: 479px) {
.team-archive__eyebrow {
margin-bottom: 16px;
}
.team-archive__hero h1 {
font-size: 34px;
}
.team-archive__hero p {
margin-top: 18px;
font-size: 15px;
}
.team-card__content {
padding: 25px 24px 28px;
}
.team-card h2 {
font-size: 22px;
}
.team-card__actions {
align-items: flex-start;
flex-direction: column;
}
.team-card__request {
width: 100%;
}
.team-profile-modal-shell {
width: calc(100vw - 24px);
}
.team-profile-modal__content {
padding: 25px 22px 28px;
}
.team-profile-modal__content h2 {
font-size: 24px;
}
} .team-showcase .team-profile-modal-shell {
overflow: hidden;
width: min(980px, calc(100vw - 40px));
max-width: 980px;
padding: 0 !important;
border-radius: 0;
background: #ffffff;
}
.team-showcase .team-profile-modal {
display: grid;
grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
min-height: 590px;
background: #ffffff;
}
.team-showcase .team-profile-modal__visual {
min-height: 590px;
background-color: #d7d9d6;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.team-showcase .team-profile-modal__content {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 52px;
}
.team-showcase .team-profile-modal__content h2 {
margin: 0 0 26px;
color: var(--team-ink);
font-family: "Montserrat", sans-serif;
font-size: 38px;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 1.02;
text-transform: none;
}
@media (max-width: 640px) {
.team-showcase .team-profile-modal-shell {
width: calc(100vw - 24px);
}
.team-showcase .team-profile-modal {
grid-template-columns: 1fr;
min-height: 0;
}
.team-showcase .team-profile-modal__visual {
min-height: 350px;
}
.team-showcase .team-profile-modal__content {
padding: 30px 24px 34px;
}
.team-showcase .team-profile-modal__content h2 {
font-size: 29px;
}
} .about-modern {
--about-accent: #ffae42;
--about-ink: #252a2e;
--about-muted: #687077;
--about-soft: #f2f4f4;
overflow: hidden;
color: var(--about-ink);
background: #fff;
font-family: "Montserrat", sans-serif;
}
.about-modern * {
box-sizing: border-box;
}
.about-modern > section .container {
max-width: 1360px;
}
.about-modern__section {
padding: 105px 0;
}
.about-modern__hero {
position: relative;
padding: 86px 0 0;
background: var(--about-soft);
}
.about-modern__hero::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 8px;
background: var(--about-accent);
content: "";
}
.about-modern__hero-grid {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
align-items: center;
gap: 86px;
}
.about-modern__hero-content {
padding-bottom: 74px;
}
.about-modern__eyebrow,
.about-modern__section-label {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 24px;
color: #bc6f0c;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.17em;
line-height: 1.4;
text-transform: uppercase;
}
.about-modern__eyebrow::before,
.about-modern__section-label::before {
width: 34px;
height: 2px;
flex: 0 0 34px;
background: var(--about-accent);
content: "";
}
.about-modern__hero h1 {
max-width: 700px;
margin: 0;
color: var(--about-ink);
font-size: clamp(54px, 5vw, 78px);
font-weight: 600;
letter-spacing: -0.055em;
line-height: 0.98;
text-transform: none;
}
.about-modern__hero-lead {
max-width: 650px;
margin: 32px 0 0;
color: #4e565d;
font-size: 20px;
line-height: 1.55;
}
.about-modern__hero-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 26px;
margin-top: 40px;
}
.about-modern__button,
.about-modern__text-link,
.about-modern__project-link,
.about-modern__team-more {
text-decoration: none;
}
.about-modern__button {
display: inline-flex;
min-height: 54px;
align-items: center;
justify-content: center;
gap: 18px;
padding: 15px 22px 15px 25px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.2;
text-transform: uppercase;
transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.about-modern__button i,
.about-modern__text-link i,
.about-modern__project-link i,
.about-modern__team-more i {
display: block;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: var(--about-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transition: transform .2s ease, background-color .2s ease;
}
.about-modern__button--primary {
color: #fff;
background: var(--about-ink);
}
.about-modern__button--primary:hover {
color: #fff;
background: #111518;
}
.about-modern__button--primary:hover i,
.about-modern__button:hover i,
.about-modern__text-link:hover i,
.about-modern__project-link:hover i,
.about-modern__team-more:hover i {
transform: translateX(4px);
}
.about-modern__button--link {
padding-right: 0;
padding-left: 0;
color: var(--about-ink);
}
.about-modern__button--link:hover {
color: #a95e00;
}
.about-modern__hero-visual {
position: relative;
min-height: 480px;
align-self: end;
background: var(--about-ink);
}
.about-modern__hero-visual > img {
display: block;
width: 100%;
height: 330px;
object-fit: cover;
}
.about-modern__mission {
display: grid;
grid-template-columns: 130px 1fr;
align-items: start;
gap: 34px;
padding: 34px 38px 38px;
color: #fff;
}
.about-modern__mission span {
color: var(--about-accent);
font-size: 12px;
font-weight: 700;
letter-spacing: .13em;
line-height: 1.45;
text-transform: uppercase;
}
.about-modern__mission p {
margin: 0;
font-size: 17px;
line-height: 1.55;
}
.about-modern__facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
background: #fff;
}
.about-modern__fact {
position: relative;
display: flex;
min-height: 145px;
flex-direction: column;
justify-content: center;
padding: 24px 38px;
}
.about-modern__fact + .about-modern__fact::before {
position: absolute;
top: 35px;
bottom: 35px;
left: 0;
width: 1px;
background: #dde0e1;
content: "";
}
.about-modern__fact strong {
color: var(--about-ink);
font-size: 38px;
font-weight: 600;
letter-spacing: -.045em;
line-height: 1;
}
.about-modern__fact span {
margin-top: 10px;
color: var(--about-muted);
font-size: 14px;
line-height: 1.35;
}
.about-modern__intro-grid {
display: grid;
grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
align-items: start;
gap: 100px;
}
.about-modern__founder {
--about-founder-offset: 42px;
position: relative;
max-width: 430px;
margin: 0;
padding: var(--about-founder-offset) 0 0 var(--about-founder-offset);
}
.about-modern__founder-accent {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--about-founder-offset));
height: calc(100% - 94px);
background: var(--about-accent);
}
.about-modern__founder-photo {
position: relative;
z-index: 1;
display: block;
width: 100%;
aspect-ratio: 293 / 453;
overflow: hidden;
background: #d8dcda;
}
.about-modern__founder-photo img {
position: absolute;
top: -5.298%;
left: -8.191%;
display: block;
width: 108.191%;
max-width: none;
height: auto;
}
.about-modern__founder figcaption {
position: relative;
z-index: 2;
display: flex;
width: calc(100% - 42px);
min-height: 94px;
flex-direction: column;
justify-content: center;
margin: -1px 0 0 auto;
padding: 18px 24px;
color: #fff;
background: var(--about-ink);
}
.about-modern__founder figcaption strong {
font-size: 18px;
font-weight: 600;
}
.about-modern__founder figcaption span {
margin-top: 5px;
color: #c7cbcd;
font-size: 13px;
}
.about-modern__intro-copy {
padding-top: 18px;
}
.about-modern__editor-content h2,
.about-modern__section-heading h2,
.about-modern__infographic-copy h2 {
margin: 0;
color: var(--about-ink);
font-size: clamp(36px, 3.4vw, 54px);
font-weight: 600;
letter-spacing: -.045em;
line-height: 1.06;
text-transform: none;
}
.about-modern__editor-content h2 {
margin-bottom: 30px;
}
.about-modern__editor-content h2::after {
display: none;
}
.about-modern__editor-content p {
max-width: 780px;
margin: 0 0 19px;
color: #5e666c;
font-size: 17px;
line-height: 1.7;
}
.about-modern__editor-content p:last-child {
margin-bottom: 0;
}
.about-modern__section-heading {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
align-items: end;
gap: 80px;
margin-bottom: 58px;
}
.about-modern__section-heading > p {
max-width: 510px;
margin: 0 0 3px;
color: var(--about-muted);
font-size: 16px;
line-height: 1.65;
}
.about-modern__principles {
background: var(--about-soft);
}
.about-modern__principle-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.about-modern__principle-list .about-modern__principle:only-child {
grid-column: 1 / -1;
}
.about-modern__principle {
display: grid;
grid-template-columns: 70px 1fr;
gap: 26px;
min-height: 150px;
margin: 0;
padding: 34px 38px;
background: #fff;
}
.about-modern__principle-number {
color: var(--about-accent);
font-size: 30px;
font-weight: 600;
line-height: 1;
}
.about-modern__principle .about_list_item_text {
color: #4f575c;
font-size: 17px;
line-height: 1.55;
}
.about-modern__projects {
color: #fff;
background: var(--about-ink);
}
.about-modern__section-heading--light h2 {
color: #fff;
}
.about-modern__project-slider,
.about-modern__equipment-slider,
.about-modern__team-slider,
.about-modern__licenses .main_licence {
position: relative;
}
.about-modern__project-slider {
display: block;
width: 100%;
max-width: none;
gap: 0;
}
.about-modern__project-slide {
padding: 0 1px;
}
.about-modern__project-card {
position: relative;
display: flex;
min-height: 520px;
align-items: flex-end;
overflow: hidden;
background-color: #171a1d;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.about-modern__project-card::before {
position: absolute;
inset: 0;
background: rgba(18, 21, 24, .64);
content: "";
}
.about-modern__project-content {
position: relative;
z-index: 1;
max-width: 760px;
padding: 64px 70px;
}
.about-modern__project-content > span {
color: var(--about-accent);
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
}
.about-modern__project-content h3 {
margin: 18px 0 20px;
font-size: clamp(30px, 3vw, 46px);
font-weight: 600;
line-height: 1.1;
}
.about-modern__project-content h3 a {
color: #fff;
text-decoration: none;
}
.about-modern__project-content p {
max-width: 650px;
margin: 0;
color: #d7d9da;
font-size: 15px;
line-height: 1.65;
}
.about-modern__project-link,
.about-modern__team-more,
.about-modern__text-link {
display: inline-flex;
align-items: center;
gap: 14px;
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
}
.about-modern__project-link {
margin-top: 28px;
}
.about-modern__project-link:hover,
.about-modern__text-link:hover {
color: var(--about-accent);
}
.about-modern .licence_arrow {
position: absolute;
z-index: 5;
top: 50%;
display: grid;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--about-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
box-shadow: 0 10px 28px rgba(31, 34, 37, .18);
cursor: pointer;
font-size: 0;
transition: background-color .2s ease, transform .2s ease;
}
.about-modern .licence_arrow i {
display: none;
}
.about-modern .licence_arrow_prev {
left: -25px;
transform: translateY(-50%) rotate(180deg);
}
.about-modern .licence_arrow_next {
right: -25px;
transform: translateY(-50%);
}
.about-modern .licence_arrow_prev:hover {
background-color: #e9962a;
transform: translateY(-50%) rotate(180deg) translateX(3px);
}
.about-modern .licence_arrow_next:hover {
background-color: #e9962a;
transform: translateY(-50%) translateX(3px);
}
.about-modern__capabilities {
background: #fff;
}
.about-modern__benefit-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 100px;
}
.about-modern__benefit {
display: grid;
grid-template-columns: 32px 1fr;
gap: 18px;
min-height: 176px;
margin: 0;
padding: 30px;
background: var(--about-soft);
}
.about-modern__check {
position: relative;
display: block;
width: 28px;
height: 28px;
flex: 0 0 28px;
border-radius: 50%;
background: var(--about-accent);
}
.about-modern__check::after {
position: absolute;
top: 7px;
left: 7px;
width: 13px;
height: 7px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
content: "";
transform: rotate(-45deg);
}
.about-modern__benefit .about_list_item_text,
.about-modern__team-guarantee .about_list_item_text {
color: #555e64;
font-size: 15px;
line-height: 1.55;
}
.about-modern__equipment-slider .slick-track,
.about-modern__team-slider .slick-track {
display: flex;
gap: 0;
}
.about-modern__equipment-slider .slick-list,
.about-modern__team-slider .slick-list {
margin: 0 -10px;
}
.about-modern__equipment-item {
height: auto;
margin: 0 10px;
background: #fff;
}
.about-modern__equipment-image {
display: flex;
height: 300px;
align-items: center;
justify-content: center;
border: 0;
background: var(--about-soft);
}
.about-modern__equipment-image img {
width: auto;
max-width: 82%;
height: auto;
max-height: 235px;
object-fit: contain;
}
.about-modern__equipment-title {
display: flex;
min-height: 95px;
align-items: flex-start;
margin: 0;
padding: 22px 15px 0;
color: #50585e;
font-size: 15px;
line-height: 1.5;
}
.about-modern__benefit-list--compact {
margin: 90px 0 0;
}
.about-modern__team {
background: var(--about-soft);
}
.about-modern__text-link--dark,
.about-modern__team-more {
color: var(--about-ink);
}
.about-modern__team-card {
display: flex !important;
height: auto;
flex-direction: column;
margin: 0 10px;
background: #fff;
}
.about-modern__team-image {
display: block;
aspect-ratio: 1 / 1.06;
overflow: hidden;
background: #d8dcda;
}
.about-modern__team-image img {
display: block;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center top;
transition: transform .35s ease;
}
.about-modern__team-card:hover .about-modern__team-image img {
transform: scale(1.025);
}
.about-modern__team-card-content {
display: flex;
min-height: 150px;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
padding: 25px 23px 23px;
}
.about-modern__team-card-content h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.25;
}
.about-modern__team-card-content h3 a {
color: var(--about-ink);
text-decoration: none;
}
.about-modern__team-more {
gap: 10px;
margin-top: auto;
padding-top: 20px;
font-size: 11px;
}
.about-modern__team-more i {
width: 26px;
height: 26px;
flex-basis: 26px;
}
.about-modern__team-guarantees {
display: grid;
grid-template-columns: 1fr;
margin-top: 55px;
}
.about-modern__team-guarantee {
display: grid;
grid-template-columns: 32px 1fr;
gap: 18px;
margin: 0;
padding: 0;
}
.about-modern__guarantee {
display: grid;
grid-template-columns: 150px minmax(0, 1fr) auto;
align-items: center;
gap: 42px;
margin-top: 55px;
padding: 38px 42px;
color: #fff;
background: var(--about-ink);
}
.about-modern__guarantee-mark {
color: var(--about-accent);
font-size: 54px;
font-weight: 600;
letter-spacing: -.055em;
line-height: 1;
}
.about-modern__guarantee-text {
color: #e4e5e6;
font-size: 15px;
line-height: 1.6;
}
.about-modern__guarantee-text p {
margin: 0;
}
.about-modern__guarantee .about-modern__button--primary {
color: var(--about-ink);
background: #fff;
}
.about-modern__guarantee .about-modern__button--primary:hover {
background: #f3f3f3;
}
.about-modern__infographic {
background: #fff;
}
.about-modern__infographic-grid {
display: grid;
grid-template-columns: minmax(320px, .62fr) minmax(0, 1.38fr);
align-items: start;
gap: 78px;
}
.about-modern__infographic-copy {
position: sticky;
top: 30px;
}
.about-modern__infographic-text {
margin-top: 30px;
color: var(--about-muted);
font-size: 16px;
line-height: 1.65;
}
.about-modern__infographic-text p {
margin: 0 0 18px;
}
.about-modern__infographic-image {
padding: 20px;
background: var(--about-soft);
}
.about-modern__infographic-image img {
display: block;
width: 100%;
height: auto;
}
.about-modern__licenses {
background: var(--about-soft);
}
.about-modern__licenses .main_licence_item {
padding: 0 10px;
}
.about-modern__licenses .main_licence_item a {
display: flex;
width: 100%;
min-height: 390px;
align-items: center;
justify-content: center;
padding: 24px;
background: #fff;
}
.about-modern__licenses .main_licence_item img {
width: auto;
max-width: 100%;
height: auto;
max-height: 335px;
object-fit: contain;
}
@media (max-width: 1199px) {
.about-modern__hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr);
gap: 55px;
}
.about-modern__intro-grid {
gap: 65px;
}
.about-modern__guarantee {
grid-template-columns: 120px 1fr;
}
.about-modern__guarantee .about-modern__button {
grid-column: 2;
width: fit-content;
}
}
@media (max-width: 991px) {
.about-modern__section {
padding: 82px 0;
}
.about-modern__hero {
padding-top: 70px;
}
.about-modern__hero-grid,
.about-modern__intro-grid,
.about-modern__infographic-grid {
grid-template-columns: 1fr;
}
.about-modern__hero-grid {
gap: 0;
}
.about-modern__hero-content {
padding-bottom: 58px;
}
.about-modern__hero-visual {
min-height: 0;
}
.about-modern__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about-modern__fact:nth-child(3)::before {
display: none;
}
.about-modern__fact:nth-child(n+3) {
border-top: 1px solid #dde0e1;
}
.about-modern__intro-grid {
gap: 60px;
}
.about-modern__founder {
max-width: 390px;
margin: 0 auto;
}
.about-modern__section-heading {
grid-template-columns: 1fr;
gap: 28px;
}
.about-modern__benefit-list {
grid-template-columns: 1fr;
margin-bottom: 80px;
}
.about-modern__benefit {
min-height: 0;
}
.about-modern__benefit-list--compact {
margin: 70px 0 0;
}
.about-modern__infographic-grid {
gap: 50px;
}
.about-modern__infographic-copy {
position: static;
}
}
@media (max-width: 767px) {
.about-modern__section {
padding: 68px 0;
}
.about-modern__hero {
padding-top: 52px;
}
.about-modern__hero::before {
width: 5px;
}
.about-modern__hero h1 {
font-size: 46px;
}
.about-modern__hero-lead {
margin-top: 24px;
font-size: 17px;
}
.about-modern__hero-actions {
align-items: flex-start;
flex-direction: column;
gap: 10px;
margin-top: 30px;
}
.about-modern__hero-content {
padding-bottom: 44px;
}
.about-modern__hero-visual > img {
height: 225px;
}
.about-modern__mission {
grid-template-columns: 1fr;
gap: 13px;
padding: 28px 25px 30px;
}
.about-modern__mission p {
font-size: 15px;
}
.about-modern__fact {
min-height: 118px;
padding: 20px;
}
.about-modern__fact + .about-modern__fact::before {
top: 25px;
bottom: 25px;
}
.about-modern__fact strong {
font-size: 31px;
}
.about-modern__fact span {
font-size: 12px;
}
.about-modern__founder {
--about-founder-offset: 30px;
max-width: 345px;
padding: var(--about-founder-offset) 0 0 var(--about-founder-offset);
}
.about-modern__founder figcaption {
width: calc(100% - 30px);
}
.about-modern__editor-content h2,
.about-modern__section-heading h2,
.about-modern__infographic-copy h2 {
font-size: 36px;
}
.about-modern__editor-content p {
font-size: 15px;
line-height: 1.65;
}
.about-modern__section-heading {
margin-bottom: 38px;
}
.about-modern__section-heading > p {
font-size: 15px;
}
.about-modern__principle-list {
grid-template-columns: 1fr;
}
.about-modern__principle {
grid-template-columns: 48px 1fr;
gap: 15px;
min-height: 0;
padding: 27px 24px;
}
.about-modern__principle .about_list_item_text {
font-size: 15px;
}
.about-modern__project-card {
min-height: 500px;
}
.about-modern__project-content {
padding: 42px 28px;
}
.about-modern__project-content h3 {
font-size: 30px;
}
.about-modern__project-content p {
font-size: 14px;
}
.about-modern .licence_arrow {
width: 42px;
height: 42px;
}
.about-modern .licence_arrow_prev {
left: 4px;
}
.about-modern .licence_arrow_next {
right: 4px;
}
.about-modern__benefit-list {
gap: 12px;
margin-bottom: 60px;
}
.about-modern__benefit {
padding: 25px 22px;
}
.about-modern__equipment-image {
height: 285px;
}
.about-modern__benefit-list--compact {
margin-top: 55px;
}
.about-modern__team-card-content {
min-height: 138px;
}
.about-modern__team-guarantees,
.about-modern__guarantee {
margin-top: 42px;
}
.about-modern__guarantee {
grid-template-columns: 1fr;
gap: 24px;
padding: 30px 26px;
}
.about-modern__guarantee .about-modern__button {
grid-column: auto;
width: 100%;
}
.about-modern__guarantee-mark {
font-size: 48px;
}
.about-modern__infographic-image {
margin: 0 -15px;
padding: 8px;
}
.about-modern__licenses .main_licence_item a {
min-height: 410px;
margin: 0 44px;
}
}
@media (max-width: 479px) {
.about-modern__hero h1 {
font-size: 40px;
}
.about-modern__eyebrow,
.about-modern__section-label {
font-size: 10px;
}
.about-modern__button {
width: 100%;
}
.about-modern__button--link {
width: auto;
}
.about-modern__editor-content h2,
.about-modern__section-heading h2,
.about-modern__infographic-copy h2 {
font-size: 32px;
}
.about-modern__project-content h3 {
font-size: 27px;
}
} .licenses-modern {
--licenses-accent: #ffae42;
--licenses-text: #2e2e2e;
--licenses-muted: #6f6f6f;
--licenses-line: #dedede;
color: var(--licenses-text);
background: #fff;
overflow: hidden;
}
.licenses-modern *,
.licenses-modern *::before,
.licenses-modern *::after {
box-sizing: border-box;
}
.licenses-modern__hero {
padding: 46px 0 0;
border-bottom: 1px solid var(--licenses-line);
}
.licenses-modern__hero-grid {
display: grid;
grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.55fr);
gap: clamp(48px, 6vw, 90px);
align-items: start;
padding-bottom: 34px;
}
.licenses-modern__title-block {
min-width: 0;
}
.licenses-modern__eyebrow {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 18px;
color: var(--licenses-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.licenses-modern__eyebrow::before {
content: "";
flex: 0 0 34px;
width: 34px;
height: 2px;
background: var(--licenses-accent);
}
.licenses-modern__title-block h1 {
margin: 0;
color: var(--licenses-text);
font-size: clamp(46px, 4.8vw, 68px);
font-weight: 600;
line-height: 0.98;
letter-spacing: -0.045em;
text-transform: none;
}
.licenses-modern__intro-content {
max-width: 790px;
color: #525252;
font-size: 16px;
line-height: 1.62;
}
.licenses-modern__intro-content > :first-child {
margin-top: 0;
}
.licenses-modern__intro-content > :last-child {
margin-bottom: 0;
}
.licenses-modern__intro-content p {
margin: 0;
}
.licenses-modern__intro-details {
margin-top: 17px;
border-top: 1px solid var(--licenses-line);
}
.licenses-modern__intro-details summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 14px 0 0;
color: var(--licenses-text);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.08em;
list-style: none;
text-transform: uppercase;
cursor: pointer;
}
.licenses-modern__intro-details summary::-webkit-details-marker {
display: none;
}
.licenses-modern__intro-details-icon {
flex: 0 0 auto;
color: #d87f00;
font-size: 22px;
font-weight: 400;
line-height: 1;
transition: transform 0.2s ease;
}
.licenses-modern__intro-details[open] .licenses-modern__intro-details-icon {
transform: rotate(45deg);
}
.licenses-modern__intro-content ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 32px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
.licenses-modern__intro-content li {
position: relative;
margin: 0;
padding-left: 23px;
font-size: 14px;
line-height: 1.55;
break-inside: avoid;
}
.licenses-modern__intro-content li::before {
content: "";
position: absolute;
top: 0.76em;
left: 0;
width: 11px;
height: 2px;
background: var(--licenses-accent);
}
.licenses-modern__sections-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px 38px;
min-height: 64px;
border-top: 1px solid var(--licenses-line);
}
.licenses-modern__sections-nav > span {
margin-right: 10px;
color: #858585;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.licenses-modern__sections-nav button {
appearance: none;
position: relative;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
color: var(--licenses-text);
background: transparent;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-align: left;
text-decoration: none;
cursor: pointer;
}
.licenses-modern__sections-nav button::after {
content: "";
position: absolute;
right: 0;
bottom: -8px;
left: 0;
height: 1px;
background: var(--licenses-accent);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.25s ease;
}
.licenses-modern__sections-nav button:hover::after,
.licenses-modern__sections-nav button:focus-visible::after {
transform: scaleX(1);
}
.licenses-modern__sections-nav sup {
margin-left: 4px;
color: var(--licenses-accent);
font-size: 9px;
line-height: 0;
}
.licenses-modern__catalog {
padding: 44px 0 106px;
}
.licenses-modern__group {
scroll-margin-top: 130px;
}
.licenses-modern__group + .licenses-modern__group {
margin-top: 105px;
}
.licenses-modern__group-header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 24px;
align-items: end;
padding-bottom: 27px;
border-bottom: 1px solid #bdbdbd;
}
.licenses-modern__group-header h2 {
margin: 0;
color: var(--licenses-text);
font-size: clamp(30px, 3.1vw, 46px);
font-weight: 500;
line-height: 1.08;
text-transform: none;
}
.licenses-modern__group-count {
padding-bottom: 4px;
color: var(--licenses-muted);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.licenses-modern__document {
display: grid;
grid-template-columns: 64px minmax(220px, 310px) minmax(0, 1fr);
gap: 36px 24px;
align-items: start;
padding: 42px 0;
border-bottom: 1px solid var(--licenses-line);
}
.licenses-modern__document--without-image {
grid-template-columns: 64px minmax(0, 1fr);
}
.licenses-modern__document-number {
padding-top: 3px;
color: #9b9b9b;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
}
.licenses-modern__document-visual {
margin: 0;
}
.licenses-modern__document-visual a {
display: block;
width: fit-content;
max-width: 100%;
color: inherit;
text-decoration: none;
}
.licenses-modern__document-image {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 390px;
object-fit: contain;
object-position: left top;
transition: transform 0.3s ease;
}
.licenses-modern__document-visual a:hover .licenses-modern__document-image,
.licenses-modern__document-visual a:focus-visible .licenses-modern__document-image {
transform: translateY(-5px);
}
.licenses-modern__document-visual figcaption {
margin-top: 13px;
color: #8a8a8a;
font-size: 10px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.licenses-modern__document-content {
max-width: 720px;
padding-top: 1px;
}
.licenses-modern__document-content h3 {
margin: 0 0 22px;
font-size: clamp(22px, 2.1vw, 30px);
font-weight: 500;
line-height: 1.28;
letter-spacing: -0.025em;
}
.licenses-modern__document-content h3 a {
color: var(--licenses-text);
text-decoration: none;
transition: color 0.2s ease;
}
.licenses-modern__document-content h3 a:hover,
.licenses-modern__document-content h3 a:focus-visible {
color: #d87f00;
}
.licenses-modern__document-content p {
max-width: 680px;
margin: 0;
color: var(--licenses-muted);
font-size: 16px;
line-height: 1.68;
}
.licenses-modern__document-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px 34px;
margin-top: 31px;
}
.licenses-modern__document-links a {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--licenses-text);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.06em;
text-decoration: none;
text-transform: uppercase;
}
.licenses-modern__document-links a:first-child {
color: #cf7600;
}
@media (max-width: 991px) {
.licenses-modern__hero {
padding-top: 42px;
}
.licenses-modern__hero-grid {
grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
gap: 50px;
}
.licenses-modern__intro-content ul {
grid-template-columns: 1fr;
gap: 13px;
}
.licenses-modern__document {
grid-template-columns: 48px minmax(190px, 240px) minmax(0, 1fr);
gap: 28px 20px;
}
.licenses-modern__document--without-image {
grid-template-columns: 48px minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.licenses-modern__hero {
padding-top: 34px;
}
.licenses-modern__hero-grid {
grid-template-columns: 1fr;
gap: 24px;
padding-bottom: 28px;
}
.licenses-modern__title-block h1 {
font-size: clamp(40px, 12vw, 54px);
}
.licenses-modern__intro-content {
font-size: 15px;
line-height: 1.58;
}
.licenses-modern__intro-details {
margin-top: 14px;
}
.licenses-modern__sections-nav {
gap: 16px 26px;
padding: 23px 0 25px;
}
.licenses-modern__sections-nav > span {
flex: 0 0 100%;
}
.licenses-modern__catalog {
padding: 38px 0 86px;
}
.licenses-modern__group + .licenses-modern__group {
margin-top: 78px;
}
.licenses-modern__group-header {
grid-template-columns: 1fr;
gap: 8px;
padding-bottom: 21px;
}
.licenses-modern__group-header h2 {
font-size: 31px;
}
.licenses-modern__group-count {
grid-column: auto;
padding: 0;
}
.licenses-modern__document,
.licenses-modern__document--without-image {
grid-template-columns: 36px minmax(0, 1fr);
gap: 19px 14px;
padding: 32px 0 38px;
}
.licenses-modern__document-number {
grid-column: 1;
grid-row: 1;
}
.licenses-modern__document-visual {
grid-column: 2;
grid-row: 1 / span 2;
}
.licenses-modern__document-content {
grid-column: 2;
padding-top: 4px;
}
.licenses-modern__document-visual + .licenses-modern__document-content {
grid-row: 3;
}
.licenses-modern__document-image {
max-height: 430px;
}
.licenses-modern__document-content h3 {
font-size: 22px;
line-height: 1.32;
}
}
@media (max-width: 479px) {
.licenses-modern__hero {
padding-top: 30px;
}
.licenses-modern__eyebrow {
margin-bottom: 20px;
font-size: 10px;
}
.licenses-modern__title-block h1 {
font-size: 39px;
}
.licenses-modern__sections-nav button {
font-size: 13px;
}
.licenses-modern__catalog {
padding-top: 32px;
}
.licenses-modern__group-header h2 {
font-size: 27px;
}
.licenses-modern__document,
.licenses-modern__document--without-image {
grid-template-columns: 28px minmax(0, 1fr);
gap: 19px 12px;
}
.licenses-modern__document-content h3 {
font-size: 20px;
}
.licenses-modern__document-content p {
font-size: 15px;
}
.licenses-modern__document-links {
align-items: flex-start;
flex-direction: column;
gap: 16px;
margin-top: 26px;
}
} .license-single {
--license-single-accent: #ffae42;
--license-single-text: #2e2e2e;
--license-single-muted: #6f6f6f;
--license-single-line: #dedede;
color: var(--license-single-text);
background: #fff;
overflow: hidden;
}
.license-single *,
.license-single *::before,
.license-single *::after {
box-sizing: border-box;
}
.license-single__hero {
padding: 46px 0 48px;
border-bottom: 1px solid var(--license-single-line);
}
.license-single__back {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 34px;
color: var(--license-single-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.07em;
text-decoration: none;
text-transform: uppercase;
transition: color 0.2s ease;
}
.license-single__back span {
color: #d87f00;
font-size: 17px;
font-weight: 400;
line-height: 1;
transition: transform 0.2s ease;
}
.license-single__back:hover,
.license-single__back:focus-visible {
color: var(--license-single-text);
}
.license-single__back:hover span,
.license-single__back:focus-visible span {
transform: translateX(-3px);
}
.license-single__eyebrow {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 19px;
color: var(--license-single-muted);
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.license-single__eyebrow::before {
content: "";
flex: 0 0 34px;
width: 34px;
height: 2px;
background: var(--license-single-accent);
}
.license-single__hero h1 {
max-width: 1260px;
margin: 0;
color: var(--license-single-text);
font-size: clamp(38px, 4.1vw, 58px);
font-weight: 500;
line-height: 1.08;
letter-spacing: -0.04em;
text-transform: none;
}
.license-single__main {
padding: 58px 0 112px;
}
.license-single__layout {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr);
gap: clamp(50px, 6vw, 96px);
align-items: start;
}
.license-single__layout--without-image {
grid-template-columns: minmax(0, 820px);
}
.license-single__visual {
min-width: 0;
margin: 0;
}
.license-single__visual > a {
display: block;
width: fit-content;
max-width: 100%;
color: inherit;
text-decoration: none;
}
.license-single__image {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 760px;
object-fit: contain;
object-position: left top;
transition: transform 0.3s ease;
}
.license-single__visual > a:hover .license-single__image,
.license-single__visual > a:focus-visible .license-single__image {
transform: translateY(-5px);
}
.license-single__visual figcaption {
margin-top: 14px;
color: #858585;
font-size: 10px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.license-single__content {
position: sticky;
top: 115px;
padding-top: 18px;
border-top: 2px solid var(--license-single-accent);
}
.license-single__content-label {
margin-bottom: 24px;
color: var(--license-single-muted);
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.license-single__description {
color: #505050;
font-size: 17px;
line-height: 1.72;
}
.license-single__description > :first-child {
margin-top: 0;
}
.license-single__description > :last-child {
margin-bottom: 0;
}
.license-single__description p {
margin: 0 0 20px;
}
.license-single__description .su-custom-gallery {
display: none;
}
.license-single__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
margin-top: 36px;
}
.license-single__actions a {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 52px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.06em;
text-decoration: none;
text-transform: uppercase;
}
.license-single__open {
min-width: 245px;
padding: 14px 18px;
color: #2e2e2e;
background: var(--license-single-accent);
transition: background-color 0.2s ease;
}
.license-single__open:hover,
.license-single__open:focus-visible {
color: #2e2e2e;
background: #ff9d1a;
}
.license-single__all {
min-height: auto !important;
padding: 0;
color: var(--license-single-text);
}
.license-single__all:hover,
.license-single__all:focus-visible {
color: #d87f00;
}
.license-single__actions span {
font-size: 17px;
font-weight: 400;
line-height: 1;
transition: transform 0.2s ease;
}
.license-single__actions a:hover span,
.license-single__actions a:focus-visible span {
transform: translate(3px, -1px);
}
@media (max-width: 991px) {
.license-single__layout {
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
gap: 42px;
}
.license-single__hero h1 {
font-size: clamp(36px, 5vw, 48px);
}
}
@media (max-width: 767px) {
.license-single__hero {
padding: 34px 0 38px;
}
.license-single__back {
margin-bottom: 27px;
}
.license-single__eyebrow {
margin-bottom: 16px;
font-size: 10px;
}
.license-single__hero h1 {
font-size: clamp(31px, 9.4vw, 42px);
line-height: 1.12;
}
.license-single__main {
padding: 38px 0 82px;
}
.license-single__layout,
.license-single__layout--without-image {
grid-template-columns: 1fr;
gap: 38px;
}
.license-single__image {
width: 100%;
max-height: none;
}
.license-single__content {
position: static;
padding-top: 16px;
}
.license-single__description {
font-size: 16px;
line-height: 1.68;
}
.license-single__actions {
margin-top: 30px;
}
}
@media (max-width: 479px) {
.license-single__hero {
padding-top: 30px;
}
.license-single__back {
font-size: 10px;
}
.license-single__hero h1 {
font-size: 30px;
}
.license-single__visual figcaption {
font-size: 9px;
}
.license-single__actions,
.license-single__actions a {
width: 100%;
}
.license-single__all {
justify-content: flex-start !important;
}
} .promo_sidebar,
.articles-mission,
.article-listing__mission {
position: relative;
display: flex;
min-height: 480px;
width: 100%;
padding: 48px 32px 32px;
overflow: hidden;
flex-direction: column;
align-items: flex-start;
gap: 0;
border: 0;
border-radius: 10px;
background: #505050;
color: #fff;
}
.promo_sidebar::after,
.articles-mission::after,
.article-listing__mission::after {
content: "";
position: absolute;
z-index: 0;
top: 47px;
right: 32px;
bottom: 138px;
left: 32px;
border-left: 5px solid #ffae42;
background:
linear-gradient(to right, #ffae42 0 calc(100% - 15px), transparent calc(100% - 15px)) top left / 100% 5px no-repeat,
linear-gradient(to right, #ffae42 0 calc(100% - 15px), transparent calc(100% - 15px)) bottom left / 100% 5px no-repeat;
pointer-events: none;
}
.promo_sidebar::before,
.articles-mission::before,
.article-listing__mission::before {
content: "";
position: absolute;
z-index: 1;
top: 76px;
right: 30px;
bottom: auto;
width: 150px;
height: 225px;
background: url(//sudexperts.ru/wp-content/themes/Template/images/sidebar_logo.png) no-repeat center / contain;
opacity: 1;
pointer-events: none;
}
.promo_sidebar_title,
.articles-mission h2,
.article-listing__mission h2 {
position: relative;
z-index: 2;
display: inline-flex;
max-width: 160px;
margin: 28px 0 20px 30px;
padding: 0 0 15px;
border: 0;
border-bottom: 2px solid #ffae42;
color: #ffae42;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.promo_sidebar_text,
.articles-mission p,
.article-listing__mission p {
position: relative;
z-index: 2;
max-width: 160px;
margin: 0 0 0 30px;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.promo_sidebar .promo_sidebar_button,
.articles-mission .articles-mission__button,
.article-listing__mission .articles-mission__button {
position: relative;
z-index: 2;
display: inline-flex;
min-height: 63px;
width: 100%;
margin: auto 0 0;
padding: 18px 20px;
align-items: center;
justify-content: center;
border: 1px dashed #ffae42;
border-radius: 5px;
background: #505050;
color: #ffae42;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease, color 0.2s ease;
}
.promo_sidebar .promo_sidebar_button:hover,
.promo_sidebar .promo_sidebar_button:focus-visible,
.articles-mission .articles-mission__button:hover,
.articles-mission .articles-mission__button:focus-visible,
.article-listing__mission .articles-mission__button:hover,
.article-listing__mission .articles-mission__button:focus-visible {
background: #ffae42;
color: #fff;
transform: none;
} .right_sidebar .side-title,
.articles-services,
.article-sections {
padding: 34px;
border: 1px solid #ededed;
border-radius: 14px;
background: #f9f9f9;
}
.right_sidebar .menu,
.articles-services,
.article-sections {
gap: 15px;
}
.right_sidebar .menu li a,
.articles-services__link,
.article-sections__link {
font-size: 15px;
line-height: 1.3;
}
.article-sections-panel {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
}
.right_sidebar .sidebar-menu-panel:has(.side-title .menu > li:nth-child(15)) .side-title,
.article-sections-panel:has(.article-sections__link:nth-of-type(15)) .article-sections {
padding-bottom: 20px;
border-bottom: 0;
border-radius: 14px 14px 0 0;
}
.right_sidebar .sidebar-menu-panel:not(:has(.side-title .menu > li:nth-child(15))) .side-title {
padding-bottom: 34px;
border-radius: 14px;
}
.sidebar-menu-toggle-control {
padding: 14px 34px 20px;
border: 1px solid #ededed;
border-top: 0;
border-radius: 0 0 14px 14px;
}
.article-sections-panel .sidebar-menu-toggle:not(:checked) ~ .article-sections .article-sections__link:nth-of-type(n + 15) {
display: none;
}
.article-sections-panel:not(:has(.article-sections__link:nth-of-type(15))) .sidebar-menu-toggle-control {
display: none;
}
.article-sections-panel:not(:has(.article-sections__link:nth-of-type(15))) .article-sections {
padding-bottom: 34px;
border-radius: 14px;
}
.article-sections-panel .sidebar-menu-toggle:focus-visible ~ .sidebar-menu-toggle-control {
outline: 2px solid #ffae42;
outline-offset: 3px;
}
.single-projects .page_title,
.single-case .page_title {
font-weight: 600;
}
.faq-page__layout {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
grid-template-areas:
"intro ."
"main sidebar";
column-gap: 30px;
row-gap: 40px;
align-items: start;
}
.faq-page__intro {
grid-area: intro;
}
.faq-page__intro .left_content > :last-child {
margin-bottom: 0;
}
.faq-page__main {
grid-area: main;
min-width: 0;
}
.faq-page__sidebar {
grid-area: sidebar;
}
.faq-page__main .acordeon_expert {
margin-top: 0 !important;
}
.faq-question-form {
margin-top: 48px;
padding-top: 42px;
border-top: 1px solid #dedede;
}
.faq-question-form__title {
margin: 0;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: clamp(28px, 3vw, 40px);
font-weight: 600;
line-height: 1.15;
text-transform: none;
}
.faq-question-form__intro {
max-width: 720px;
margin: 14px 0 28px;
color: #626262;
font-size: 16px;
line-height: 1.55;
}
.wpcf7 form > .hidden-fields-container,
.wpcf7-lazy form > .hidden-fields-container,
form.wpcf7-form > .hidden-fields-container {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
@media (max-width: 991px) {
.faq-page__layout {
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"intro"
"main"
"sidebar";
row-gap: 30px;
}
}
.single-projects .right_sidebar {
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 992px) {
.right_sidebar,
.articles-categories__sidebar,
.article-listing__sidebar,
.projects-archive__sidebar,
.team-archive__sidebar {
position: sticky;
top: 20px;
align-self: start;
max-height: calc(100vh - 40px);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-color: #c7c7c7 transparent;
scrollbar-width: thin;
}
.row > .col-md-3 > .right_sidebar {
flex: 0 0 auto;
width: 100%;
}
.right_sidebar .sidebar-menu-panel,
.right_sidebar .sidebar-menu-panel:has(.sidebar-menu-toggle:checked) {
position: relative;
top: auto;
z-index: auto;
}
}
@media (max-width: 1199px) {
.right_sidebar .side-title,
.articles-services,
.article-sections {
padding: 28px;
}
.right_sidebar .sidebar-menu-panel:not(:has(.side-title .menu > li:nth-child(15))) .side-title,
.article-sections-panel:not(:has(.article-sections__link:nth-of-type(15))) .article-sections {
padding-bottom: 28px;
}
.sidebar-menu-toggle-control {
padding-right: 28px;
padding-left: 28px;
}
}
@media (max-width: 991px) {
.right_sidebar,
.articles-categories__sidebar,
.article-listing__sidebar,
.projects-archive__sidebar,
.team-archive__sidebar {
position: static;
max-height: none;
overflow: visible;
}
.single-projects .right_sidebar {
margin-top: 0;
}
}
@media (max-width: 479px) {
.promo_sidebar,
.articles-mission,
.article-listing__mission {
min-height: 440px;
padding: 38px 24px 24px;
}
.promo_sidebar::after,
.articles-mission::after,
.article-listing__mission::after {
top: 37px;
right: 24px;
bottom: 124px;
left: 24px;
}
.promo_sidebar::before,
.articles-mission::before,
.article-listing__mission::before {
top: 66px;
right: 18px;
width: 125px;
height: 190px;
}
.promo_sidebar_title,
.articles-mission h2,
.article-listing__mission h2 {
margin-top: 24px;
margin-left: 24px;
}
.promo_sidebar_text,
.articles-mission p,
.article-listing__mission p {
max-width: 145px;
margin-left: 24px;
font-size: 15px;
line-height: 22px;
}
.promo_sidebar .promo_sidebar_button,
.articles-mission .articles-mission__button,
.article-listing__mission .articles-mission__button {
min-height: 54px;
font-size: 14px;
}
} .single-nashi-publikaczii .page_title {
font-weight: 600;
}
.publication-listing .article-listing__sidebar {
margin: 0;
}
@media (min-width: 992px) {
.content_section:not(.services-archive) > .container > .row > .col-md-3 {
padding-top: 50px;
padding-bottom: 50px;
}
.content_section:not(.services-archive) > .container > .row > .col-md-3 > .right_sidebar {
margin-top: 0;
margin-bottom: 0;
}
body.single .content_title_section + .content_section > .container > .row > .col-md-3 {
padding-top: 0;
padding-bottom: 50px;
}
body.single .content_title_section + .content_section .right_sidebar {
margin-top: 36px;
margin-bottom: 0;
}
body.single .content_title_section + .content_section:not(.services-archive) > .container > .row > .col-md-3 > .right_sidebar {
margin-top: 36px;
}
.services-archive .right_sidebar {
margin-bottom: 50px;
}
}
@media (max-width: 991px) {
.content_section > .container > .row > .col-md-3 {
padding-top: 0;
padding-bottom: 50px;
}
.content_section > .container > .row > .col-md-3 > .right_sidebar,
body.single .content_title_section + .content_section .right_sidebar,
.services-archive .right_sidebar {
margin-top: 0;
margin-bottom: 0;
}
}
body.single .content_title_section + .content_section {
padding-top: 36px;
}
body.single .content_title_section + .content_section .right_sidebar {
margin-top: 36px;
}
@media (max-width: 991px) {
body.single .content_title_section + .content_section {
padding-top: 28px;
}
body.single .content_title_section + .content_section .right_sidebar {
margin-top: 0;
}
} body.single-stati .page_title {
max-width: 1160px;
margin-bottom: 38px;
color: #252a2e;
font-size: clamp(32px, 3vw, 46px);
font-weight: 600;
letter-spacing: normal;
line-height: 1.18;
text-transform: none;
}
.article-entry {
color: #4c5256;
font-family: "Montserrat", sans-serif;
font-size: 17px;
line-height: 1.75;
text-wrap: pretty;
}
.article-entry :where(p, li) > span[style*="font-family"],
.article-entry :where(p, li) > span[style*="font-size"],
.article-entry :where(p, li) > font {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
.article-entry > p {
margin: 0 0 24px;
line-height: 1.75;
}
.article-entry > p:first-of-type {
margin-bottom: 30px;
color: #343a3e;
font-size: 18px;
line-height: 1.72;
}
.article-entry > :where(h2, h3, h4, h5, h6):not(.article-toc__title) {
clear: both;
color: #252a2e;
font-family: "Montserrat", sans-serif;
letter-spacing: normal;
text-wrap: balance;
text-transform: none;
}
.article-entry > h2:not(.article-toc__title) {
position: relative;
margin: 58px 0 24px;
padding: 0 0 0 20px;
font-size: clamp(26px, 2.2vw, 34px);
font-weight: 600;
line-height: 1.3;
}
.article-entry > h2:not(.article-toc__title)::before {
display: block;
width: 3px;
height: calc(100% - 0.2em);
position: absolute;
top: 0.1em;
left: 0;
border-radius: 3px;
background: #ffae42;
}
.article-entry > h3 {
margin: 42px 0 18px;
padding: 0 0 12px;
font-size: clamp(22px, 1.7vw, 27px);
font-weight: 600;
line-height: 1.38;
}
.article-entry > h3::before {
width: 48px;
height: 2px;
bottom: 0;
left: 0;
background: #ffae42;
}
.article-entry > h4 {
margin: 34px 0 14px;
font-size: 20px;
font-weight: 600;
line-height: 1.45;
}
.article-entry > :where(h5, h6) {
margin: 30px 0 12px;
font-size: 17px;
font-weight: 600;
line-height: 1.5;
}
.article-entry > :where(h2, h3, h4, h5, h6) + p {
margin-top: 0;
}
.article-entry > :where(ul, ol) {
margin: 18px 0 32px;
padding-left: 1.35em;
}
.article-entry > :where(ul, ol) li {
margin: 0 0 11px;
padding-left: 0.35em;
line-height: 1.7;
}
.article-entry > :where(ul, ol) li:last-child {
margin-bottom: 0;
}
.article-entry > ul li::marker {
color: #d87900;
font-size: 0.82em;
}
.article-entry > ol li::marker {
color: #b86600;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.article-entry :where(ul, ol) :where(ul, ol) {
margin: 10px 0 6px;
}
.article-entry blockquote {
max-width: 900px;
margin: 36px 0;
padding: 5px 0 5px 26px;
border-left: 3px solid #ffae42;
color: #343a3e;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 1.7;
}
.article-entry blockquote > :last-child {
margin-bottom: 0;
}
.article-entry strong,
.article-entry b {
color: #2d3236;
font-weight: 600;
}
.article-entry hr {
height: 1px;
margin: 42px 0;
border: 0;
background: #e2e4e2;
}
.article-entry table {
display: block;
width: 100%;
max-width: 100%;
margin: 34px 0;
overflow-x: auto;
border: 0;
border-collapse: collapse;
-webkit-overflow-scrolling: touch;
}
.article-entry :where(th, td) {
min-width: 150px;
padding: 14px 16px;
border: 1px solid #e0e2df;
color: #41474b;
font-size: 14px;
line-height: 1.55;
text-align: left;
vertical-align: top;
}
.article-entry th {
background: #f7f7f5;
color: #252a2e;
font-weight: 600;
}
.article-entry img:not(.emoji) {
border-radius: 10px;
box-shadow: 0 12px 32px rgba(34, 39, 42, 0.1);
}
.article-entry :where(iframe, video) {
display: block;
width: 100%;
max-width: 100%;
margin: 34px 0;
border: 0;
border-radius: 10px;
}
.article-entry iframe {
aspect-ratio: 16 / 9;
height: auto;
}
.article-entry .article-toc__title {
font-weight: 600;
letter-spacing: normal;
}
@media (max-width: 767px) {
body.single-stati .page_title {
margin-bottom: 30px;
padding-bottom: 16px;
font-size: clamp(28px, 8.5vw, 36px);
line-height: 1.22;
}
.article-entry {
font-size: 16px;
line-height: 1.72;
}
.article-entry > p,
.article-entry > p:first-of-type {
margin-bottom: 22px;
font-size: inherit;
line-height: 1.72;
}
.article-entry > h2:not(.article-toc__title) {
margin-top: 44px;
padding-left: 15px;
font-size: 25px;
line-height: 1.34;
}
.article-entry > h3 {
margin-top: 34px;
font-size: 21px;
}
.article-entry > :where(ul, ol) {
margin-bottom: 26px;
padding-left: 1.15em;
}
.article-entry > :where(ul, ol) li {
padding-left: 0.2em;
}
.article-entry blockquote {
margin: 30px 0;
padding-left: 18px;
font-size: 17px;
}
.article-entry :where(th, td) {
min-width: 135px;
padding: 12px;
font-size: 13px;
}
} .article-entry img:not(.emoji),
.article-entry img.alignleft,
.article-entry img.alignright,
.article-entry img[align="left"],
.article-entry img[align="right"],
.article-entry img[style*="float"] {
display: block;
float: none !important;
clear: both;
width: auto !important;
max-width: 100% !important;
height: auto !important;
margin: 38px auto !important;
object-fit: contain;
}
.article-entry > p:has(img:not(.emoji)) {
width: 100%;
max-width: 100%;
margin: 38px 0;
clear: both;
}
.article-entry > p:has(img:not(.emoji)) > img:not(.emoji),
.article-entry > p:has(a > img:not(.emoji)) img:not(.emoji) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.article-entry :where(figure, .wp-caption).alignleft,
.article-entry :where(figure, .wp-caption).alignright,
.article-entry :where(figure, .wp-caption).aligncenter,
.article-entry :where(figure, .wp-caption)[style*="float"] {
float: none !important;
clear: both;
width: fit-content !important;
max-width: 100% !important;
margin: 40px auto !important;
}
.article-entry :where(figure, .wp-caption) img:not(.emoji) {
margin: 0 auto !important;
}
.article-entry :where(figcaption, .wp-caption-text) {
max-width: 760px;
margin: 11px auto 0;
color: #747b7e;
font-size: 12px;
line-height: 1.55;
text-align: center;
}
.article-entry > p:has(img:not(.emoji)) + :where(p, ul, ol, h2, h3, h4),
.article-entry :where(figure, .wp-caption) + :where(p, ul, ol, h2, h3, h4) {
clear: both;
}
@media (max-width: 767px) {
.article-entry img:not(.emoji),
.article-entry img[style*="float"],
.article-entry > p:has(img:not(.emoji)),
.article-entry :where(figure, .wp-caption) {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.article-entry > p:has(img:not(.emoji)) > img:not(.emoji),
.article-entry > p:has(a > img:not(.emoji)) img:not(.emoji),
.article-entry :where(figure, .wp-caption) img:not(.emoji) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
} body.single-novosti .page_title,
body.single-projects .page_title {
max-width: 1160px;
margin-bottom: 34px;
color: #252a2e;
font-size: clamp(30px, 2.65vw, 43px);
font-weight: 600;
letter-spacing: normal;
line-height: 1.22;
text-wrap: balance;
text-transform: none;
}
.editorial-entry {
color: #4c5256;
font-size: 16px;
line-height: 1.75;
text-wrap: pretty;
}
.editorial-entry > p:first-of-type {
max-width: 980px;
color: #343a3e;
font-size: 18px;
line-height: 1.72;
}
.editorial-entry > :where(p, ul, ol, blockquote) {
max-width: 980px;
}
.editorial-entry > .editorial-list {
margin: 18px 0 32px;
padding-left: 1.35em;
}
.editorial-entry > .editorial-list li {
margin-bottom: 11px;
padding-left: 0.35em;
line-height: 1.7;
}
.editorial-entry > .editorial-list li:last-child {
margin-bottom: 0;
}
.editorial-entry > .editorial-list li::marker {
color: #d87900;
font-size: 0.82em;
}
.editorial-media {
width: 100%;
max-width: 980px;
margin: 36px 0 42px;
clear: both;
}
.editorial-media--single {
display: block;
}
.editorial-media__link {
display: block;
width: fit-content;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
border-radius: 10px;
color: inherit;
}
.editorial-media--grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.editorial-media--grid > .editorial-media__link,
.editorial-media--grid > img {
width: 100%;
height: 100%;
margin: 0 !important;
}
.editorial-media--grid > .editorial-media__link {
aspect-ratio: 4 / 3;
}
.editorial-media--count-3 > .editorial-media__link:first-child,
.editorial-media--count-5 > .editorial-media__link:first-child {
grid-column: 1 / -1;
aspect-ratio: 16 / 8.5;
}
.article-entry .editorial-media img:not(.emoji),
.article-entry .editorial-media img.alignleft,
.article-entry .editorial-media img.alignright,
.article-entry .editorial-media img[align="left"],
.article-entry .editorial-media img[align="right"],
.article-entry .editorial-media img[style*="float"] {
display: block;
float: none !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
border-radius: 10px;
object-fit: contain;
transition: transform 0.35s ease;
}
.article-entry .editorial-media--grid img:not(.emoji) {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.editorial-media__link:hover img,
.editorial-media__link:focus-visible img {
transform: scale(1.025);
}
.editorial-media__link:focus-visible {
outline: 2px solid #ff9f2e;
outline-offset: 3px;
}
body.single-novosti .news-gallery {
max-width: 980px;
}
.article-entry .news-gallery__heading {
margin: 0 0 20px;
padding: 0;
color: #303030;
font-size: 20px;
font-weight: 600;
letter-spacing: normal;
line-height: 1.35;
text-transform: none;
}
.article-entry .news-gallery__heading::before,
.article-entry .news-gallery__heading::after {
display: none;
content: none;
}
@media (max-width: 767px) {
body.single-novosti .page_title,
body.single-projects .page_title {
margin-bottom: 28px;
font-size: clamp(27px, 8.2vw, 35px);
line-height: 1.24;
}
.editorial-entry,
.editorial-entry > p:first-of-type {
font-size: 16px;
line-height: 1.72;
}
.editorial-media {
margin-top: 28px;
margin-bottom: 32px;
}
.editorial-media--grid {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
.editorial-media--grid > .editorial-media__link,
.editorial-media--count-3 > .editorial-media__link:first-child,
.editorial-media--count-5 > .editorial-media__link:first-child {
grid-column: auto;
aspect-ratio: auto;
}
.article-entry .editorial-media--grid img:not(.emoji) {
width: 100% !important;
height: auto !important;
object-fit: contain;
}
} .licenses-modern__intro-accordion.site-accordion {
margin-top: 17px;
}
.licenses-modern__intro-accordion.site-accordion > .licenses-modern__intro-details.site-accordion__item {
margin: 0;
border: 1px solid var(--accordion-line);
border-radius: 12px;
}
.licenses-modern__intro-accordion.site-accordion .licenses-modern__intro-details > .site-accordion__toggle {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
min-height: 82px;
padding: 20px 24px;
color: var(--accordion-ink);
font-size: inherit;
font-weight: inherit;
letter-spacing: normal;
text-transform: none;
}
.licenses-modern__intro-accordion .site-accordion__body {
padding: 22px 24px 24px;
}
.licenses-modern__intro-accordion .site-accordion__body ul {
margin: 0;
}
@media (max-width: 767px) {
.licenses-modern__intro-accordion.site-accordion > .licenses-modern__intro-details.site-accordion__item {
border-radius: 9px;
}
.licenses-modern__intro-accordion.site-accordion .licenses-modern__intro-details > .site-accordion__toggle {
min-height: 72px;
padding: 16px;
}
.licenses-modern__intro-accordion .site-accordion__body {
padding: 18px 16px 20px;
}
} .site-tabs {
gap: 24px;
align-items: start;
}
.site-tabs .site-tabs__list {
display: grid;
gap: 12px;
max-width: 420px;
margin: 0;
padding: 0;
background: transparent;
}
.site-tabs .site-tabs__list li {
margin: 0;
padding: 0;
}
.site-tabs .site-tabs__list li::before {
display: none;
content: none;
}
.site-tabs__button {
width: 100%;
min-height: 72px;
padding: 16px 20px;
border: 1px solid #e4e5e3;
border-radius: 12px;
background: #fff;
color: #20262b;
cursor: pointer;
font: inherit;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
text-align: left;
transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.site-tabs__button:hover,
.site-tabs__button:focus-visible {
border-color: #ffae42;
background: #f7f7f6;
color: #20262b;
}
.site-tabs__button:focus-visible {
outline: 2px solid #ffae42;
outline-offset: 2px;
}
.site-tabs li.chosen .site-tabs__button,
.site-tabs__button[aria-selected="true"] {
border-color: #ffae42;
box-shadow: 0 14px 34px rgba(32, 38, 43, 0.07);
}
.site-tabs .myvertical-tabs-content {
min-height: 100%;
margin: 0;
padding: 30px;
border: 1px solid #e4e5e3;
border-radius: 12px;
background: #fff;
}
.site-tabs .myvertical-tabs-content_title {
color: #20262b;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
}
.flat_step_wrap {
gap: 12px;
}
.flat_step_wrap .flat_step {
min-height: 260px;
padding: 24px;
border: 1px solid #e4e5e3;
border-radius: 12px;
background: #fff;
color: #20262b;
cursor: pointer;
font-family: inherit;
text-align: left;
transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.flat_step_wrap .flat_step:hover,
.flat_step_wrap .flat_step:focus-visible {
border-color: #ffae42;
background: #f7f7f6;
color: #20262b;
}
.flat_step_wrap .flat_step:focus-visible {
outline: 2px solid #ffae42;
outline-offset: 2px;
}
.flat_step_wrap .flat_step.active {
border-color: #ffae42;
background: #fff;
color: #20262b;
box-shadow: 0 14px 34px rgba(32, 38, 43, 0.07);
}
.flat_step_wrap .flat_step_num {
color: #d87900;
font-size: 42px;
line-height: 1;
}
.flat_step_wrap .flat_step_num_text {
color: #6c7277;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.flat_step_wrap .flat_step_title,
.flat_step_wrap .flat_step_4 .flat_step_title {
margin-bottom: 14px;
color: #20262b;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
}
.flat_step_wrap .flat_step_text {
color: #6c7277;
line-height: 1.6;
}
.flat_step_wrap .flat_step_icon {
display: none;
}
.tab-content .tab-content__item {
min-height: 0;
padding: 30px;
border: 1px solid #e4e5e3;
border-radius: 12px;
background: #fff;
}
@media (max-width: 991px) {
.site-tabs {
flex-direction: column;
}
.site-tabs .site-tabs__list,
.site-tabs .myvertical-tabs-content-wrap {
width: 100%;
max-width: none;
}
}
@media (max-width: 767px) {
.site-tabs__button,
.flat_step_wrap .flat_step,
.site-tabs .myvertical-tabs-content,
.tab-content .tab-content__item {
border-radius: 9px;
}
.flat_step_wrap .flat_step {
min-height: 0;
padding: 20px;
}
.flat_step_wrap .flat_step_num {
font-size: 34px;
}
.tab-content .tab-content__item,
.site-tabs .myvertical-tabs-content {
padding: 20px;
}
} html {
scroll-behavior: smooth;
}
.site-motion-ready .site-reveal {
opacity: 0;
transform: translateY(20px);
transition: opacity .62s ease var(--site-reveal-delay, 0ms), transform .62s cubic-bezier(.2, .75, .25, 1) var(--site-reveal-delay, 0ms);
will-change: opacity, transform;
}
.site-motion-ready .site-reveal.site-reveal--visible {
opacity: 1;
transform: translateY(0);
will-change: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.slider__title {
font-weight: 600;
}
.text_main_title,
.slider__title {
font-weight: 600;
line-height: 1.3;
}
.uslugi_block_title a {
font-weight: 600;
}
.price-page .price-table__row {
box-sizing: border-box;
padding-inline: 32px;
}
.price-page .price-table__service,
.price-page .price-table__value {
min-width: 0;
align-self: center;
}
.price-page .price-table__service {
padding-left: 0;
}
@media (max-width: 767px) {
.archive_post_object_section .post_price_title {
margin-bottom: 24px;
font-size: 30px;
}
.acf-projects-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.acf-projects-grid .object_item_left {
height: auto;
aspect-ratio: 16 / 9;
}
.acf-projects-grid .object_item_right {
padding: 20px;
}
.acf-projects-grid .object_item_title {
margin-bottom: 20px;
font-size: 17px;
}
.acf-projects-grid .object_item_link {
font-size: 13px;
}
.price-page .price-table__row {
padding-inline: 18px;
}
.price-page .price-table__service {
padding-left: 0;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
html {
scroll-behavior: auto;
}
.site-motion-ready .site-reveal,
.site-motion-ready .site-reveal.site-reveal--visible {
opacity: 1;
transform: none;
transition: none;
}
}
@media (forced-colors: active) {
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid Highlight;
}
} .reviews-archive,
.review-single {
--article-accent: #ffae42;
--article-text: #303030;
--reviews-accent: #ffae42;
--reviews-accent-dark: #bf6f08;
--reviews-text: #303030;
--reviews-muted: #626262;
--reviews-surface: #f7f7f7;
}
.reviews-archive__hero {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
margin-bottom: 48px;
padding: 8px 0 12px;
}
.reviews-archive__hero-copy {
max-width: 760px;
}
.reviews-archive__eyebrow,
.review-single__eyebrow,
.review-single__section-heading > span {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
color: var(--reviews-accent-dark);
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
line-height: 1.2;
text-transform: uppercase;
}
.reviews-archive__eyebrow::before,
.review-single__eyebrow::before,
.review-single__section-heading > span::before {
width: 34px;
height: 2px;
background: var(--reviews-accent);
content: "";
}
.reviews-archive__hero h1,
.review-single__hero h1 {
margin: 0;
color: var(--reviews-text);
font-family: "Montserrat", sans-serif;
font-size: clamp(38px, 4.1vw, 58px);
font-weight: 600;
line-height: 1.08;
text-transform: none;
}
.reviews-archive__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.reviews-archive-card {
position: relative;
display: flex;
min-width: 0;
min-height: 390px;
overflow: hidden;
flex-direction: column;
padding: 28px;
border-radius: 12px;
background: var(--reviews-surface);
color: var(--reviews-text);
transition: box-shadow .25s ease, transform .25s ease;
}
.reviews-archive-card::before {
position: absolute;
top: 0;
left: 28px;
width: 34px;
height: 3px;
background: var(--reviews-accent);
content: "";
transition: width .25s ease;
}
.reviews-archive-card:hover {
box-shadow: 0 22px 50px rgba(30, 30, 30, .09);
transform: translateY(-3px);
}
.reviews-archive-card:hover::before {
width: 70px;
}
.reviews-archive-card__top {
display: flex;
min-height: 92px;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin-bottom: 20px;
}
.reviews-archive-card__quote {
height: 68px;
color: var(--reviews-accent);
font-family: Georgia, serif;
font-size: 86px;
font-weight: 400;
line-height: .95;
}
.reviews-archive-card__document {
display: grid;
width: 72px;
height: 92px;
flex: 0 0 72px;
overflow: hidden;
border-radius: 5px;
background: #fff;
box-shadow: 0 8px 24px rgba(25, 25, 25, .12);
place-items: center;
text-decoration: none;
transform: rotate(1.5deg);
transition: box-shadow .25s ease, transform .25s ease;
}
.reviews-archive-card:hover .reviews-archive-card__document {
box-shadow: 0 12px 30px rgba(25, 25, 25, .16);
transform: rotate(0deg) translateY(-2px);
}
.reviews-archive-card__document img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.reviews-archive-card__document-placeholder {
position: relative;
display: block;
width: 42px;
height: 54px;
border-radius: 2px;
background:
linear-gradient(#dedede, #dedede) 10px 17px / 22px 2px no-repeat,
linear-gradient(#dedede, #dedede) 10px 25px / 22px 2px no-repeat,
linear-gradient(#dedede, #dedede) 10px 33px / 15px 2px no-repeat,
#fff;
box-shadow: inset 0 0 0 1px #e2e2e2;
}
.reviews-archive-card__content {
display: flex;
flex: 1 1 auto;
min-width: 0;
flex-direction: column;
align-items: flex-start;
}
.reviews-archive-card__label {
margin-bottom: 14px;
color: var(--reviews-accent-dark);
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.2;
text-transform: uppercase;
}
.reviews-archive-card h2 {
margin: 0 0 16px;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
text-transform: none;
}
.reviews-archive-card h2 a {
color: inherit;
text-decoration: none;
}
.reviews-archive-card h2 a:hover {
color: var(--reviews-accent-dark);
}
.reviews-archive-card__excerpt {
margin: 0 0 22px;
color: var(--reviews-muted);
font-size: 14px;
font-weight: 400;
line-height: 1.55;
}
.reviews-archive-card__person {
display: flex;
flex-direction: column;
gap: 4px;
margin: auto 0 22px;
padding-top: 2px;
}
.reviews-archive-card__person strong {
color: var(--reviews-text);
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.reviews-archive-card__person span {
color: #858585;
font-size: 12px;
line-height: 1.35;
}
.reviews-archive-card__link,
.review-single__document-action,
.site-circle-arrow-link {
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: auto;
color: var(--reviews-text, #303030);
font-size: 11px;
font-weight: 700;
letter-spacing: .055em;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
}
.site-circle-arrow-link {
font-size: 14px;
letter-spacing: .03em;
}
.reviews-archive-card__link > span,
.review-single__document-action > i,
.site-circle-arrow-link > span {
display: block;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: var(--reviews-accent, #ffae42) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transition: background-color .2s ease, transform .2s ease;
}
.reviews-archive-card__link:hover,
.review-single__document-action:hover,
.site-circle-arrow-link:hover {
color: var(--reviews-accent-dark, #bf6f08);
}
.reviews-archive-card__link:hover > span,
.review-single__document:hover .review-single__document-action > i,
.site-circle-arrow-link:hover > span {
background-color: #e99a31;
transform: translateX(4px);
}
.reviews-archive__pagination {
margin-top: 56px;
}
.review-single {
padding: 30px 0 100px;
background: #fff;
}
.review-single *,
.review-single *::before,
.review-single *::after {
box-sizing: border-box;
}
.review-single__container {
width: calc(100% - 40px);
max-width: 1290px;
margin: 0 auto;
}
.review-single__breadcrumbs {
margin-bottom: 56px;
}
.review-single__layout {
display: grid;
grid-template-columns: minmax(0, 850px) 410px;
gap: 30px;
align-items: start;
}
.review-single__main {
min-width: 0;
}
.review-single__hero {
max-width: 820px;
margin-bottom: 38px;
padding: 8px 0 12px;
}
.review-single__hero h1 {
font-size: clamp(34px, 3.5vw, 52px);
line-height: 1.12;
}
.review-single__quote {
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
gap: 22px;
margin-bottom: 56px;
padding: 38px 42px 40px;
border-radius: 12px;
background: var(--reviews-surface);
}
.review-single__quote-mark {
height: 62px;
color: var(--reviews-accent);
font-family: Georgia, serif;
font-size: 86px;
font-weight: 400;
line-height: .9;
}
.review-single__content {
color: var(--reviews-text);
font-size: 17px;
font-weight: 400;
line-height: 1.7;
}
.review-single__content > :first-child {
margin-top: 0;
}
.review-single__content > :last-child {
margin-bottom: 0;
}
.review-single__content p {
margin: 0 0 18px;
}
.review-single__person {
display: flex;
flex-direction: column;
gap: 5px;
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid #dedede;
}
.review-single__person strong {
color: var(--reviews-text);
font-size: 14px;
font-weight: 600;
line-height: 1.35;
}
.review-single__person span {
color: #858585;
font-size: 13px;
line-height: 1.4;
}
.review-single__document-section {
margin-bottom: 38px;
}
.review-single__section-heading {
margin-bottom: 26px;
}
.review-single__section-heading > span {
margin-bottom: 14px;
}
.review-single__section-heading h2 {
margin: 0;
color: var(--reviews-text);
font-family: "Montserrat", sans-serif;
font-size: clamp(25px, 3vw, 36px);
font-weight: 600;
line-height: 1.2;
text-transform: none;
}
.review-single__document {
position: relative;
display: flex;
overflow: hidden;
width: 100%;
flex-direction: column;
align-items: center;
gap: 22px;
padding: 30px;
border-radius: 12px;
background: #f5f5f5;
color: var(--reviews-text);
text-decoration: none;
transition: box-shadow .25s ease, transform .25s ease;
}
.review-single__document:hover {
box-shadow: 0 24px 60px rgba(30, 30, 30, .1);
transform: translateY(-2px);
}
.review-single__document img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: none;
border-radius: 5px;
background: #fff;
box-shadow: 0 10px 35px rgba(30, 30, 30, .12);
}
.review-single__document-action {
margin-top: 0;
}
.review-single__back {
display: inline-flex;
align-items: center;
gap: 12px;
color: var(--reviews-text);
font-size: 12px;
font-weight: 700;
letter-spacing: .05em;
text-decoration: none;
text-transform: uppercase;
}
.review-single__back > span {
display: block;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: var(--reviews-accent) url(//sudexperts.ru/wp-content/themes/Template/images/arrow_a.svg) no-repeat center;
transform: rotate(180deg);
transition: background-color .2s ease, transform .2s ease;
}
.review-single__back:hover {
color: var(--reviews-accent-dark);
}
.review-single__back:hover > span {
background-color: #e99a31;
transform: rotate(180deg) translateX(4px);
}
@media (max-width: 1199px) {
.review-single__layout {
grid-template-columns: minmax(0, 1fr) 330px;
}
.reviews-archive-card {
padding: 25px;
}
.reviews-archive-card::before {
left: 25px;
}
}
@media (max-width: 991px) {
.reviews-archive__layout,
.review-single__layout {
grid-template-columns: 1fr;
gap: 60px;
}
.review-single__sidebar {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr);
gap: 30px;
align-items: start;
}
}
@media (max-width: 767px) {
.reviews-archive__hero {
margin-bottom: 36px;
}
.reviews-archive__hero h1,
.review-single__hero h1 {
font-size: 34px;
}
.reviews-archive__grid,
.review-single__sidebar {
grid-template-columns: 1fr;
}
.reviews-archive-card {
min-height: 0;
}
.reviews-archive__pagination {
margin-top: 44px;
}
.review-single {
padding-top: 24px;
padding-bottom: 70px;
}
.review-single__container {
width: calc(100% - 30px);
}
.review-single__breadcrumbs {
margin-bottom: 40px;
}
.review-single__hero {
margin-bottom: 30px;
}
.review-single__quote {
grid-template-columns: 42px minmax(0, 1fr);
gap: 14px;
margin-bottom: 44px;
padding: 28px 24px 30px;
}
.review-single__quote-mark {
height: 48px;
font-size: 66px;
}
.review-single__content {
font-size: 15px;
line-height: 1.65;
}
.review-single__document {
padding: 18px;
}
}
@media (max-width: 479px) {
.reviews-archive-card {
padding: 24px 21px;
}
.reviews-archive-card::before {
left: 21px;
}
.reviews-archive-card__top {
min-height: 82px;
}
.reviews-archive-card__quote {
font-size: 72px;
}
.reviews-archive-card__document {
width: 64px;
height: 82px;
flex-basis: 64px;
}
.review-single__quote {
grid-template-columns: 1fr;
}
.review-single__quote-mark {
margin-bottom: -14px;
}
} .section__single_project {
overflow: hidden;
padding: clamp(72px, 7vw, 112px) 0;
}
.main-single-project__container {
container-type: inline-size;
}
.main-single-project__heading {
display: flex;
max-width: 760px;
flex-direction: column;
align-items: flex-start;
margin-bottom: clamp(32px, 3vw, 46px);
text-align: left;
}
.main-single-project__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
color: #b96c08;
font-size: 14px;
font-weight: 700;
letter-spacing: .12em;
line-height: 1.2;
text-transform: uppercase;
}
.main-single-project__eyebrow::before {
width: 34px;
height: 2px;
flex: 0 0 34px;
background: #ffae42;
content: "";
}
.section__single_project .main-single-project__heading .title {
max-width: 100%;
margin: 0;
color: #303030;
font-size: clamp(38px, 4vw, 56px);
font-weight: 600;
line-height: 1.08;
text-align: left;
}
.main_single_project_wrap {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(460px, .88fr);
grid-template-rows: auto;
gap: clamp(56px, 6vw, 96px);
align-items: stretch;
}
.main_single_project_left {
min-width: 0;
min-height: clamp(520px, calc(42cqi - 34px), 620px);
}
.main_single_project_img {
position: relative;
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
height: 100%;
aspect-ratio: auto;
overflow: hidden;
border-radius: 14px;
background: #f1f1f1;
box-shadow: 0 24px 60px rgba(26, 31, 36, .12);
}
.main_single_project_img::before {
position: absolute;
z-index: 1;
top: 0;
left: 34px;
width: 74px;
height: 4px;
background: #ffae42;
content: "";
}
.main_single_project_img::after {
position: absolute;
z-index: 1;
border: 1px solid rgba(255, 255, 255, .42);
border-radius: 10px;
content: "";
inset: 12px;
pointer-events: none;
}
.main_single_project_img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}
.main_single_project_wrap:hover .main_single_project_img img {
transform: scale(1.025);
}
.main_single_project_right {
display: flex;
height: auto;
min-width: 0;
min-height: clamp(520px, calc(42cqi - 34px), 620px);
overflow: visible;
flex-direction: column;
padding-left: clamp(32px, 3.5vw, 56px);
border-left: 1px solid #e3e3e3;
}
.main-single-project__eyebrow {
margin-bottom: 14px;
}
.section__single_project .main_single_project_title {
max-width: 720px;
margin: 0 0 14px;
color: #303030;
font-family: "Montserrat", sans-serif;
font-size: clamp(28px, 2vw, 34px);
font-weight: 600;
line-height: 1.15;
text-transform: none;
}
.section__single_project .main_single_project_text {
min-height: 0;
overflow: visible;
flex: 1 1 auto;
margin: 0 0 12px;
padding-right: 0;
color: #5d5d5d;
font-size: 14px;
line-height: 1.5;
}
.section__single_project .main_single_project_text :is(div, p) {
margin-top: 0;
}
.section__single_project .main_single_project_text > div + div {
margin-top: 4px;
}
.section__single_project .main_single_project_text span {
font-size: inherit !important;
line-height: inherit !important;
}
.section__single_project .main_single_project_text ol {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 18px;
margin: 8px 0 0;
padding: 0;
counter-reset: featured-project-step;
list-style: none;
}
.section__single_project .main_single_project_text li {
position: relative;
min-width: 0;
margin: 0;
padding: 3px 0 3px 25px;
border-top: 1px solid #e5e5e5;
color: #4f4f4f;
counter-increment: featured-project-step;
font-size: 14px;
line-height: 1.35;
}
.section__single_project .main_single_project_text li::before {
position: absolute;
top: 3px;
left: 0;
color: #c67308;
content: counter(featured-project-step, decimal-leading-zero);
font-size: 14px;
font-weight: 700;
letter-spacing: .04em;
line-height: 1.35;
}
.main_single_project_link {
display: flex;
flex: 0 0 auto;
justify-content: flex-end;
margin-top: auto;
padding-top: 18px;
padding-right: 4px;
} .section__text_main .text_main_title {
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.section__text_main .col-md-8,
.section__text_main .text_main_img__wrap {
align-items: center;
}
.section__text_main .text_main_img__wrap {
display: flex;
padding-top: 0;
}
.section__text_main .text_main__counter_wrap {
overflow: hidden;
align-items: center;
}
.section__text_main .text_main__counter_list {
box-sizing: border-box;
padding: 40px 0;
}
.section__text_main .text_main__counter_item:last-child {
margin-bottom: 0;
}
@media (max-width: 1279px) {
.main_single_project_wrap {
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
gap: clamp(40px, 4vw, 54px);
}
}
@media (max-width: 991px) {
.section__single_project {
padding: 70px 0 80px;
}
.main_single_project_wrap {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 38px;
align-items: start;
}
.main_single_project_img {
height: auto;
aspect-ratio: 16 / 10;
}
.main_single_project_left,
.main_single_project_right {
min-height: 0;
}
.main_single_project_right {
display: block;
height: auto;
overflow: visible;
padding: 34px 0 0;
border-top: 1px solid #e3e3e3;
border-left: 0;
}
.main_single_project_link {
justify-content: flex-start;
margin-top: 0;
}
.section__single_project .main_single_project_text {
overflow: visible;
padding-right: 0;
}
.section__single_project .main_single_project_text ol {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.section__single_project {
padding: 58px 0 68px;
}
.main-single-project__heading {
margin-bottom: 32px;
}
.section__single_project .main-single-project__heading .title {
font-size: 36px;
}
.main_single_project_img {
aspect-ratio: 4 / 3;
border-radius: 10px;
}
.main_single_project_img::after {
inset: 8px;
}
.section__single_project .main_single_project_title {
font-size: 27px;
line-height: 1.25;
}
.section__single_project .main_single_project_text ol {
grid-template-columns: 1fr;
}
}
@media (max-width: 479px) {
.section__single_project .main-single-project__heading .title {
font-size: 31px;
}
.main_single_project_wrap {
gap: 30px;
}
.main_single_project_right {
padding-top: 28px;
}
.section__single_project .main_single_project_text {
font-size: 14px;
}
} .acor_price_block .row_table_line > .row { margin-left: 0; margin-right: 0; }
.acor_price_block .row_table_line > .row > [class*="col-"] { padding-left: 22px; padding-right: 22px; }
.header_table .col_table { padding-left: 22px; padding-right: 22px; }
@media (max-width: 991px) {
.right_sidebar, .articles-categories__sidebar, .article-listing__sidebar, .projects-archive__sidebar, .team-archive__sidebar { position: static; max-height: none; overflow: visible; }
.right_sidebar, .right_sidebar .sidebar-menu-panel, .right_sidebar .side-title, .right_sidebar .menu, .promo_sidebar { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
.right_sidebar .menu li, .right_sidebar .menu li a { min-width: 0; max-width: 100%; }
.right_sidebar .menu li a { overflow-wrap: anywhere; }
}