.stc-page-modern {
--stc-page-bg: #f5f5f7;
--stc-page-ink: #111;
--stc-page-ink2: #3a3a3c;
--stc-page-muted: #686e73;
--stc-page-border: #e4e4e7;
--stc-page-orange: var(--color-orange, #ec621f);
--stc-page-orange2: var(--color-orange-dark, #d4541a);
--stc-page-radius: 22px;
background: var(--stc-page-bg);
color: var(--stc-page-ink);
overflow-x: hidden;
}
.stc-modern-container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 0 32px;
box-sizing: border-box;
}
.stc-page-bc,
.stc-page-bc p,
.stc-page-bc .rank-math-breadcrumb {
margin: 0;
font-family: var(--font-heading, Manrope, sans-serif);
font-size: 12px;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase;
color: rgba(255,255,255,.62);
}
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-page-bc,
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-page-bc p { color: #9a9aa0; }
.stc-page-bc a { color: inherit; text-decoration: none; }
.stc-page-bc a:hover { color: var(--stc-page-orange); }
.stc-page-bc .separator { opacity: .45; margin: 0 6px; }
.stc-modern-hero {
position: relative;
padding: 28px 0 70px;
background:
radial-gradient(circle at 10% 10%, rgba(236,98,31,.10), transparent 30%),
linear-gradient(180deg, #fff 0%, #f7f7f8 100%);
border-bottom: 1px solid var(--stc-page-border);
}
.stc-modern-hero--dark {
background:
radial-gradient(circle at 80% 10%, rgba(236,98,31,.26), transparent 32%),
linear-gradient(135deg, #101216 0%, #1d1d1f 58%, #2b2b2f 100%);
color: #fff;
}
.stc-modern-hero--image {
min-height: 620px;
color: #fff;
background: #111;
overflow: hidden;
}
.stc-modern-hero--image::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(10,14,22,.92) 0%, rgba(10,14,22,.70) 44%, rgba(10,14,22,.18) 100%);
}
.stc-modern-hero__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .86;
}
.stc-modern-hero--image .stc-modern-container { position: relative; z-index: 2; }
.stc-modern-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 430px;
gap: 42px;
align-items: center;
margin-top: 42px;
}
.stc-modern-hero__content h1 {
max-width: 820px;
margin: 12px 0 20px;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-size: clamp(30px, 3.4vw, 46px) !important;
line-height: 1.12 !important;
letter-spacing: -.014em;
font-weight: 650;
color: inherit;
}
.stc-modern-hero__content p {
max-width: 720px;
margin: 0;
font-size: clamp(15px, 1.2vw, 17px);
line-height: 1.78;
color: var(--stc-page-muted);
}
.stc-modern-hero--dark .stc-modern-hero__content p,
.stc-modern-hero--image .stc-modern-hero__content p { color: rgba(255,255,255,.76); }
.stc-modern-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--font-heading, Manrope, sans-serif);
font-size: 11px;
font-weight: 650;
letter-spacing: .10em;
text-transform: uppercase;
color: var(--stc-page-orange);
}
.stc-modern-eyebrow::before {
content: "";
width: 22px;
height: 2px;
background: currentColor;
border-radius: 999px;
}
.stc-modern-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 30px;
}
.stc-modern-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 24px;
border-radius: 999px;
font-family: var(--font-heading, Manrope, sans-serif);
font-size: 14px;
font-weight: 500;
letter-spacing: .025em;
text-decoration: none !important;
border: 1.5px solid transparent;
transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.stc-modern-btn:hover { transform: translateY(-1px); }
.stc-modern-btn--primary {
color: #fff !important;
background: var(--stc-page-orange);
box-shadow: 0 16px 34px rgba(236,98,31,.26);
}
.stc-modern-btn--primary:hover { background: var(--stc-page-orange2); color: #fff !important; }
.stc-modern-btn--ghost {
color: inherit !important;
background: rgba(255,255,255,.08);
border-color: rgba(255,255,255,.24);
}
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-modern-btn--ghost {
background: #fff;
border-color: var(--stc-page-border);
color: var(--stc-page-ink) !important;
}
.stc-modern-btn--ghost:hover { border-color: var(--stc-page-orange); color: var(--stc-page-orange) !important; }
.stc-modern-hero__panel,
.stc-modern-form-panel,
.stc-modern-hero__image {
position: relative;
border: 1px solid rgba(255,255,255,.14);
border-radius: var(--stc-page-radius);
background: rgba(255,255,255,.08);
box-shadow: 0 24px 70px rgba(0,0,0,.18);
overflow: hidden;
backdrop-filter: blur(12px);
}
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-modern-hero__panel,
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-modern-form-panel,
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-modern-hero__image {
background: #fff;
border-color: var(--stc-page-border);
}
.stc-modern-kpi {
padding: 24px;
border-bottom: 1px solid rgba(255,255,255,.14);
}
.stc-modern-kpi:last-child { border-bottom: none; }
.stc-modern-kpi strong {
display: block;
margin-bottom: 6px;
font-family: var(--font-heading, Manrope, sans-serif);
font-size: clamp(22px, 1.8vw, 30px);
line-height: 1.08;
letter-spacing: -.014em;
color: inherit;
}
.stc-modern-kpi span {
display: block;
font-size: 13px;
line-height: 1.55;
color: rgba(255,255,255,.68);
}
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-modern-kpi { border-bottom-color: var(--stc-page-border); }
.stc-modern-hero:not(.stc-modern-hero--dark):not(.stc-modern-hero--image) .stc-modern-kpi span { color: var(--stc-page-muted); } .stc-info-page .stc-modern-kpi strong {
font-size: clamp(22px, 2vw, 32px);
}
.stc-info-page .stc-modern-kpi strong.stc-modern-kpi__text {
font-size: clamp(21px, 1.8vw, 27px);
letter-spacing: -.014em;
}
.stc-info-load-more {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
margin-top: 34px;
min-height: 58px;
}
.stc-info-load-more__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 24px;
border: 0;
border-radius: 999px;
background: var(--stc-page-ink);
color: #fff;
font-family: var(--font-heading, Manrope, sans-serif);
font-size: 13px;
font-weight: 650;
letter-spacing: .01em;
cursor: pointer;
transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
box-shadow: 0 14px 34px rgba(17,17,17,.14);
}
.stc-info-load-more__btn:hover {
transform: translateY(-2px);
background: var(--stc-page-orange);
box-shadow: 0 18px 44px rgba(236,98,31,.24);
}
.stc-info-load-more__status,
.stc-info-load-more__complete {
display: none;
font-size: 13px;
font-weight: 700;
color: var(--stc-page-muted);
}
.stc-info-load-more.is-loading .stc-info-load-more__btn {
pointer-events: none;
opacity: .68;
}
.stc-info-load-more.is-loading .stc-info-load-more__status {
display: block;
}
.stc-info-load-more.is-complete .stc-info-load-more__btn,
.stc-info-load-more.is-complete .stc-info-load-more__status {
display: none;
}
.stc-info-load-more.is-complete .stc-info-load-more__complete {
display: block;
}
.stc-info-load-more__sentinel {
width: 1px;
height: 1px;
}
.stc-modern-hero__image img {
display: block;
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
.stc-modern-form-panel { padding: 26px; background: #fff; color: var(--stc-page-ink); }
.stc-modern-form-panel h3 {
margin: 0 0 18px;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-size: 20px !important;
font-weight: 620;
line-height: 1.3;
}
.stc-modern-section { padding: 74px 0; }
.stc-modern-section + .stc-modern-section { padding-top: 28px; }
.stc-section-head { max-width: 760px; margin-bottom: 32px; }
.stc-section-head--center { margin-left: auto; margin-right: auto; text-align: center; }
.stc-section-head--center .stc-modern-eyebrow { justify-content: center; }
.stc-section-head h2 {
margin: 10px 0 12px;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-size: clamp(24px, 1.8vw, 34px) !important;
line-height: 1.18 !important;
letter-spacing: -.014em;
font-weight: 650;
color: var(--stc-page-ink);
}
.stc-section-head p,
.stc-rich-text p,
.stc-feature-card p,
.stc-benefit-card p,
.stc-story-card__text p,
.stc-process-card p,
.stc-three-cards p,
.stc-award-card p,
.stc-news-card p {
color: var(--stc-page-muted);
line-height: 1.72;
}
.stc-two-col {
display: grid;
grid-template-columns: 360px minmax(0, 1fr);
gap: 72px;
align-items: start;
}
.stc-section-head--sticky { position: sticky; top: 126px; }
.stc-rich-text {
padding: 36px;
border: 1px solid var(--stc-page-border);
border-radius: var(--stc-page-radius);
background: #fff;
}
.stc-rich-text p { margin: 0 0 18px; font-size: 16px; }
.stc-rich-text p:last-child { margin-bottom: 0; }
.stc-rich-text strong { color: var(--stc-page-ink); }
.stc-benefits-layout {
display: grid;
grid-template-columns: 340px minmax(0, 1fr);
gap: 24px;
align-items: stretch;
}
.stc-benefits-image,
.stc-benefit-card,
.stc-feature-card,
.stc-three-cards article,
.stc-process-card,
.stc-news-card,
.stc-award-card,
.stc-doc-card {
background: #fff;
border: 1px solid var(--stc-page-border);
border-radius: var(--stc-page-radius);
box-shadow: 0 14px 40px rgba(0,0,0,.045);
}
.stc-benefits-image { overflow: hidden; }
.stc-benefits-image img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }
.stc-benefits-grid,
.stc-feature-grid,
.stc-three-cards,
.stc-news-grid,
.stc-awards-grid,
.stc-docs-grid,
.stc-production-grid {
display: grid;
gap: 18px;
}
.stc-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stc-benefit-card { padding: 24px; }
.stc-benefit-card img { width: 42px; height: 42px; object-fit: contain; margin-bottom: 18px; }
.stc-benefit-card h3,
.stc-feature-card h3,
.stc-three-cards h3,
.stc-story-card__text h2,
.stc-process-card h2,
.stc-process-card h3,
.stc-award-card h3,
.stc-news-card h3,
.stc-production-grid h3 {
margin: 0 0 10px;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-weight: 620;
line-height: 1.28 !important;
letter-spacing: -0.006em;
color: var(--stc-page-ink);
}
.stc-benefit-card h3,
.stc-feature-card h3,
.stc-three-cards h3,
.stc-award-card h3,
.stc-news-card h3,
.stc-production-grid h3 {
font-size: 17px !important;
font-weight: 620;
line-height: 1.35;
}
.stc-benefit-card p,
.stc-feature-card p,
.stc-three-cards p { margin: 0; font-size: 14px; }
.stc-docs-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stc-docs-grid--small { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 720px; }
.stc-doc-card { display: flex; flex-direction: column; overflow: hidden; text-decoration: none !important; color: var(--stc-page-ink) !important; transition: transform .18s ease, box-shadow .18s ease; }
.stc-doc-card:hover { transform: translateY(-3px); box-shadow: 0 18px 50px rgba(0,0,0,.09); }
.stc-doc-card__image { display: block; padding: 14px; background: #f7f7f8; border-bottom: 1px solid var(--stc-page-border); }
.stc-doc-card__image img { display: block; width: 100%; aspect-ratio: 3/4; object-fit: contain; }
.stc-doc-card__title { display: block; padding: 16px; font-family: var(--font-heading, Manrope, sans-serif); font-size: 13px; font-weight: 620; line-height: 1.45; }
.stc-docs-section--muted { background: #fff; border-top: 1px solid var(--stc-page-border); border-bottom: 1px solid var(--stc-page-border); }
.stc-wide-image { margin: 0 0 24px; overflow: hidden; border-radius: var(--stc-page-radius); background: #fff; border: 1px solid var(--stc-page-border); }
.stc-wide-image img { display: block; width: 100%; height: auto; }
.stc-wide-image figcaption { padding: 12px 18px; color: var(--stc-page-muted); font-size: 13px; }
.stc-production-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stc-production-grid article { padding: 28px; background: #fff; border: 1px solid var(--stc-page-border); border-radius: var(--stc-page-radius); }
.stc-production-grid ul { margin: 0; padding-left: 20px; color: var(--stc-page-muted); line-height: 1.8; }
.stc-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stc-feature-card { position: relative; padding: 26px; overflow: hidden; }
.stc-feature-card__mark {
display: inline-flex;
width: 34px;
height: 34px;
margin-bottom: 18px;
border-radius: 50%;
background: rgba(236,98,31,.12);
position: relative;
}
.stc-feature-card__mark::after {
content: "";
position: absolute;
inset: 10px;
border-radius: 50%;
background: var(--stc-page-orange);
}
.stc-process-card { padding: 28px; margin-top: 24px; border-left: 5px solid var(--stc-page-orange); }
.stc-process-card--wide { margin: 0; padding: 42px; }
.stc-process-card h2 { font-size: clamp(28px, 3vw, 42px) !important; }
.stc-three-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stc-three-cards article { padding: 26px; }
.stc-news-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stc-news-card { overflow: hidden; }
.stc-news-card__media { display: block; background: #e8e8eb; text-decoration: none !important; }
.stc-news-card__media img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .35s ease; }
.stc-news-card:hover .stc-news-card__media img { transform: scale(1.04); }
.stc-news-card__placeholder { display: flex; align-items: center; justify-content: center; aspect-ratio: 16/10; font-family: var(--font-heading, Manrope, sans-serif); font-size: 28px; font-weight: 650; color: #b7b7bc; }
.stc-news-card__body { padding: 22px; }
.stc-news-card time { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 650; color: var(--stc-page-orange); }
.stc-news-card h3 a { color: inherit; text-decoration: none; }
.stc-text-link { display: inline-flex; margin-top: 8px; font-weight: 650; color: var(--stc-page-orange) !important; text-decoration: none !important; }
.stc-modern-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 34px; }
.stc-modern-pagination .page-numbers { min-width: 38px; min-height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #fff; border: 1px solid var(--stc-page-border); color: var(--stc-page-ink); text-decoration: none; font-weight: 650; }
.stc-modern-pagination .page-numbers.current { background: var(--stc-page-orange); border-color: var(--stc-page-orange); color: #fff; }
.stc-empty-state { padding: 28px; background: #fff; border: 1px solid var(--stc-page-border); border-radius: var(--stc-page-radius); }
.stc-awards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stc-award-card { display: grid; grid-template-columns: 220px minmax(0, 1fr); overflow: hidden; }
.stc-award-card__media { display: flex; align-items: center; justify-content: center; padding: 18px; background: #f7f7f8; border-right: 1px solid var(--stc-page-border); }
.stc-award-card__media img { display: block; width: 100%; max-height: 280px; object-fit: contain; }
.stc-award-card__body { padding: 24px; }
.stc-award-card__year { display: inline-flex; margin-bottom: 12px; padding: 5px 10px; border-radius: 999px; background: rgba(236,98,31,.11); color: var(--stc-page-orange); font-size: 12px; font-weight: 700; }
.stc-story-section { padding-top: 54px; }
.stc-story-card { display: grid; grid-template-columns: 44% minmax(0, 1fr); gap: 0; overflow: hidden; margin-bottom: 24px; background: #fff; border: 1px solid var(--stc-page-border); border-radius: var(--stc-page-radius); }
.stc-story-card--reverse { grid-template-columns: minmax(0, 1fr) 44%; }
.stc-story-card--reverse .stc-story-card__image { order: 2; }
.stc-story-card__image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; }
.stc-story-card__text { padding: 42px; }
.stc-story-card__text h2 {
margin-top: 10px;
font-size: clamp(24px, 1.9vw, 32px) !important;
font-weight: 650;
line-height: 1.18;
letter-spacing: -0.014em;
}
.stc-modern-cta {
padding: 54px 0;
background: #111;
color: #fff;
}
.stc-modern-cta__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.stc-modern-cta h2 {
margin: 8px 0 0;
max-width: 820px;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-size: clamp(24px, 1.9vw, 32px) !important;
font-weight: 650;
line-height: 1.18 !important;
letter-spacing: -0.014em;
color: #fff;
}
@media (max-width: 1100px) {
.stc-modern-hero__grid,
.stc-two-col,
.stc-benefits-layout,
.stc-story-card,
.stc-story-card--reverse { grid-template-columns: 1fr; }
.stc-section-head--sticky { position: static; }
.stc-story-card--reverse .stc-story-card__image { order: 0; }
.stc-docs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stc-feature-grid,
.stc-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stc-awards-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.stc-modern-container { padding: 0 16px; }
.stc-modern-hero { padding: 20px 0 46px; }
.stc-modern-hero--image { min-height: auto; }
.stc-modern-hero__grid { gap: 24px; margin-top: 28px; }
.stc-modern-section { padding: 48px 0; }
.stc-rich-text,
.stc-story-card__text,
.stc-process-card--wide { padding: 24px; }
.stc-benefits-grid,
.stc-feature-grid,
.stc-news-grid,
.stc-three-cards,
.stc-production-grid,
.stc-docs-grid,
.stc-docs-grid--small { grid-template-columns: 1fr; }
.stc-award-card { grid-template-columns: 1fr; }
.stc-award-card__media { border-right: none; border-bottom: 1px solid var(--stc-page-border); }
.stc-modern-actions,
.stc-modern-cta__inner { align-items: stretch; flex-direction: column; }
.stc-modern-btn { width: 100%; }
} .ab-sec1 p:nth-child(3) {
margin-bottom: 50px;
}
.ab-sec2 {
background-color: #474747;
background-repeat: no-repeat;
background-image: url(//spectechcom.ru/wp-content/themes/msn/css/img/12-2.jpg);
background-attachment: scroll;
background-position: bottom center;
--webkit-background-size: cover;
background-size: cover;
height: 1016px;
color: #fff;
}
.ab-sec6 {
background-color: #474747;
background-repeat: no-repeat;
color: #fff;
}
.ab-sec2 .item-b {
border: 5px solid #dd7540;
padding: 10px;
border-radius: 5px;
min-height: 216px;
margin: 100px auto;
}
.ab-sec6 .item-b {
border: 5px solid #dd7540;
padding: 10px;
border-radius: 5px;
min-height: 344px;
margin: 40px auto;
}
.ab-sec2 span {
font-size: 40px;
}
.ab-sec3 {
margin: 50px 0;
}
.ab-sec3 .col-sm-auto a {
color: #000;
}
.ab-sec3 .col-sm-auto img {
max-width: 230px;
display: block;
margin: 0 auto;
border: 1px solid gray;
border: 1px solid #8080805e;
padding: 5px;
margin-bottom: 10px;
}
.ab-sec4 {
margin: 100px auto;
}
.ab-sec4 img {
margin-bottom: 50px;
}
.ab-sec5 {
background: #e8e8e8;
padding-bottom: 100px;
}
.ab-sec5 .entry-title2 {
padding-top: 50px;
}
.ab-sec5 .col-sm-auto img {
max-width: 560px;
display: block;
width: 100%;
height: auto;
}
.ab-sec5 .col-sm-auto h4 {
overflow-wrap: break-word;
}
.ab-sec5 .col-sm-auto .img-gr {
margin: 20px auto;
max-width: 700px;
}
.ab-sec5 .col-sm-auto .img-gr img {
max-width: 70px;
}
.ab-sec5 .col-sm-auto li span {
color: #000;
}
.ab-sec5 .item-2col {
width: 100%;
}
.block-questions_left,
.block-questions_right {
position: relative;
}
.block-questions_main {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: flexbox;
display: flex;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: center;
align-items: center;
margin: 200px auto 100px;
}
.block-questions_title {
font-weight: 600;
font-size: 24px;
}
.block-questions_num {
font-size: 24px;
font-weight: 600;
font-family: sans-serif, sans-serif;
}
.img-vig {
background: url(//spectechcom.ru/wp-content/themes/msn/css/img/frame.webp);
background-size: contain;
background-repeat: no-repeat;
height: 1200px;
}
.img-vig-mob {
display: none;
margin-top: 80px;
}
.img-vig-mob .entry-title {
margin-bottom: 20px;
font-size: 22px;
text-align: center;
}
.img-vig-mob .left-itvig {
font-size: 30px;
color: #ec743d;
margin-bottom: 20px;
}
.img-vig-mob .right-itvig {
font-size: 18px;
color: #000;
margin-bottom: 20px;
border-top: 2px solid #ec743d;
}
.sec1-sercent {
background: url(//spectechcom.ru/wp-content/themes/msn/css/img/2145-1.jpg);
height: 604px;
--webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.sec2-sercent {
margin: 100px auto 50px;
}
.sec2-sercent .item-scleft {
border: 4px solid rgb(128 128 128 / 31%);
padding: 20px;
}
.sec2-sercent .item-scright {
border: 4px solid #dd7540;
padding: 20px;
}
.sec2-sercent .item-scright p:first-child {
text-align: center;
}
.sec2-sercent .item-scright .text-scr {
padding-bottom: 15px;
}
.sec2-sercent .item-scright img {
display: block;
margin: 30px auto 28px;
border: 1px solid #787878;
box-shadow: 5px 4px rgb(0 0 0 / 40%);
transition: all 1s ease;
}
.sec2-sercent .item-scright img:hover {
box-shadow: 5px 4px #dd7540;
}
.sec3-sercent .item2-scleft {
border: 4px solid #dd7540;
padding: 20px;
}
.sec3-sercent .item2-scright {
border: 4px solid rgb(128 128 128 / 31%);
padding: 20px;
height: 1662px;
}
.wp-sercen .block-questions_main {
margin-top: 100px;
}
.sec_contacts .item:first-child {
width: 64.2%;
}
.sec_contacts .item .map {
height: 550px;
}
.sec_contacts .item:last-child {
margin-top: 40px;
width: 31%;
text-align: center;
}
.sec_contacts h3 {
margin-bottom: 0;
line-height: 1.35;
text-shadow: none;
font-size: clamp(18px, 1.45vw, 22px);
font-weight: 620;
letter-spacing: -0.006em;
color: #000;
border-bottom: 1px solid #e1e1e1;
}
.sec_contacts p {
padding: 10px 0;
margin: 0 0 15px;
text-shadow: none;
font-size: 15px;
font-weight: 400;
line-height: 1.72;
padding-bottom: 5px;
color: #000;
border-bottom: 1px solid #e1e1e1;
}
.sec_contacts .contacts_block a {
text-shadow: none;
font-size: clamp(18px, 1.5vw, 22px);
color: #000;
font-weight: 650;
line-height: 1.3;
letter-spacing: -0.006em;
text-decoration: none;
text-align: center;
}
.sec_contacts {
padding-top: 40px;
padding-bottom: 70px;
}
.contact_faces_sec .item {
width: 300px;
margin-bottom: 70px;
}
.contact_faces_sec .item h3 {
color: #fff;
font-size: 16px;
line-height: 1.35;
text-shadow: none;
padding: 5px 10px;
background-color: grey;
font-weight: 620 !important;
letter-spacing: -0.004em;
}
.contact_faces_sec .item h3 a {
color: #fff;
font-size: 16px;
font-weight: 620;
line-height: 1.35;
}
.contact_faces_sec .item h3 a:focus,
.contact_faces_sec .item h3 a:hover {
color: #fff;
}
.contact_faces_sec .item h4 {
font-size: 14px;
color: #000;
font-weight: 500;
line-height: 1.5;
text-shadow: none;
}
.contact_faces_sec .item span {
text-shadow: none;
font-size: 14px;
color: #000;
font-weight: 400;
line-height: 1.65;
}
.contact_faces_sec .item span a {
font-weight: 500;
color: #000;
}
.lising_three_days h3 {
text-align: center;
font-size: clamp(26px, 3vw, 34px);
line-height: 1.2;
letter-spacing: -0.012em;
color: #fff;
font-weight: 650;
}
.lising_three_days {
margin-top: 30px;
}
.lising_three_days p {
font-size: clamp(17px, 1.7vw, 21px);
line-height: 1.65;
text-align: center;
color: #fff;
}
.lising_three_days {
background-image: url(//spectechcom.ru/wp-content/themes/msn/css/img/three_bg.jpg);
--webkit-background-size: cover;
background-size: cover;
background-position: center;
height: 420px;
position: relative;
}
.lising_three_days .text_wrap {
width: 100%;
padding: 130px 0;
}
.lising_attach .item {
border: 1px solid #e1e1e1;
background: #fafafa;
padding: 45px 20px 20px;
border-radius: 3px;
width: 286px;
box-sizing: border-box;
margin-bottom: 60px;
box-shadow: 0 0 1px 0 rgb(0 0 0 / 30%);
}
.lising_attach .icon_wrap {
width: 53px;
height: 53px;
line-height: 53px;
text-align: center;
border-radius: 50%;
background-color: #23282d;
color: #fff;
margin: -72px auto 0;
}
.lising_attach .icon_wrap i {
color: #fff;
}
.lising_attach h4 {
margin: 15px 0;
text-align: center;
text-shadow: 2px 2px 2px rgb(0 0 0 / 8%);
letter-spacing: 1px;
text-transform: uppercase;
font-size: 1em;
}
.lising_attach p {
font-size: 12px;
text-align: center;
}
section.lising_attach {
padding-top: 120px;
padding-bottom: 100px;
}
.info_slider .slide {
height: 100vh;
position: relative;
}
.info_slider .slide p {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 42px;
text-align: center;
color: #fff;
padding: 10px 15px;
background: rgb(0 0 0 / 50%);
box-sizing: border-box;
}
.info_slider .slide {
--webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.info_sec span {
font-weight: 700;
}
.info_posts h4 {
text-align: center;
text-shadow: 2px 2px 2px rgb(0 0 0 / 8%);
font-size: 1em;
padding-top: 20px;
}
.info_posts .item {
width: 366px;
margin-right: 15px;
}
.info_posts .item img {
max-width: 100%;
}
.info_posts span {
font-size: 0.8em;
color: #919191;
text-align: center;
display: none;
}
.info_posts .block {
justify-content: flex-start;
}
.info_posts {
padding-bottom: 20px;
}
.info_slider .slide p {
font-size: 25px;
width: 100%;
}
.info_slider .owl-nav {
position: absolute;
width: 100%;
height: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
}
.info_slider .owl-prev {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #fff !important;
background: rgb(0 0 0 / 30%) !important;
position: absolute;
left: 15px;
transition: 0.3s;
}
.info_slider .owl-next {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #fff !important;
background: rgb(0 0 0 / 30%) !important;
position: absolute;
right: 15px;
transition: 0.3s;
}
.info_slider .owl-next:hover,
.info_slider .owl-prev:hover {
color: #d16920 !important;
}
.mobile_center_sec .block .item {
width: 50%;
}
.mobile_center_sec .block .item strong {
font-size: 18px;
line-height: 22px;
display: block;
font-family: verdana, sans-serif;
}
.mobile_center_sec .block .item b {
font-size: 22px;
line-height: 28px;
display: block;
margin-top: 15px;
}
.mobile_center_sec .block .item p {
font-size: 18px;
padding-bottom: 10px;
line-height: 22px;
display: block;
}
.mobile_center_sec .block2 .item .img_wrap {
width: 30%;
}
.mobile_center_sec .block2 .item img {
max-width: 100%;
}
.mobile_center_sec .block2 .item .text_wrap {
width: 68%;
}
.mobile_center_sec .block {
padding: 70px;
background-color: #ffffff7a;
justify-content: center;
}
.mobile_center_sec .block2 .item {
padding-bottom: 30px;
}
.mobile_center_sec .block3 {
padding: 50px 0;
}
.mobile_center_sec .block3 p {
padding-bottom: 20px;
}
section.info_sec {
padding: 40px 0;
}
.first_mobile_sec {
background-image: url(//spectechcom.ru/wp-content/themes/msn/css/img/photo.jpg);
--webkit-background-size: cover;
background-size: cover;
background-position: bottom;
height: 780px;
padding-top: 80px;
margin-bottom: 50px;
}
.img-vig {
height: 800px;
}
.img-vig {
height: 700px;
}
.contact_faces_sec .item {
width: 48%;
}
}
.sec1-sercent {
display: none;
}
.sec2-sercent {
margin: 60px auto;
}
.sec2-sercent .item-scright img {
width: 100%;
}
.lising_three_days .text_wrap {
padding: 91px 0;
}
.sec_contacts .item:first-child {
width: 100%;
margin-bottom: 30px;
}
.sec_contacts .item:last-child {
width: 100%;
}
.block-questions_main {
margin-top: 20px;
}
.block-questions_right {
margin-top: 20px;
}
.img-vig {
height: 450px;
}
.ab-sec2 .item-b {
margin: 10px;
}
.ab-sec2 {
background-image: none;
height: auto;
padding: 50px 0;
}
.ab-sec6 .item-b {
margin: 10px;
}
.ab-sec6 {
background-image: none;
height: auto;
padding: 50px 0;
}
.sec3-sercent .item2-scright {
height: auto;
}
.wp-sercen .block-questions_main {
margin-top: 10px;
}
.block-questions_main {
margin: 50px auto 35px;
justify-content: left;
}
.block-questions_title {
font-size: 19px;
}
.block-questions_num {
font-size: 26px;
}
.block-questions_left {
padding-bottom: 20px;
}
.block-questions_right {
margin-top: -5px;
}
.sec2-sercent .item-scleft,
.sec2-sercent .item-scright {
height: 655px;
}
.block-questions_main {
margin: 50px auto 120px;
justify-content: left;
}
.block-questions_title {
font-size: 24px;
}
.block-questions_num {
justify-content: center;
}
.img-vig {
display: none;
}
.img-vig-mob {
display: block;
}
.ab-sec4 img {
width: 100%;
}
.block-questions_left,
.block-questions_right,
.cash1,
.cash2 {
text-align: center;
}
.block-questions_left::before,
.block-questions_right::before {
width: 20px;
color: #a8a8a8;
}
.mobile_center_sec .block .item {
width: 100% !important;
}
.block-questions_title {
max-width: -webkit-fill-available;
font-size: 24px;
line-height: 24px;
}
.sec2-sercent .item-scleft,
.sec3-sercent .item2-scleft {
margin-bottom: 10px;
}
.sec2-sercent .item-scleft,
.sec2-sercent .item-scright {
height: 555px;
}
.img-vig-mob .left-itvig {
font-size: 22px;
font-weight: 600;
}
.img-vig-mob .entry-title {
line-height: 20px;
}
.contact_faces_sec .item {
width: 100%;
}
}
#post-307 > div.container.sec3-sercent {
margin-bottom: 40px;
}
.block-questions_right {
font-size: 22px;
height: 90px;
width: 330px;
}
body > section.sec_contacts > div > div > div:nth-child(2) > div > div > div {
max-width: 100%;
} .desctop-nortopt {
width: 100% !important;
}
.desctop-nortopt .ver-tabs {
z-index: 1;
border: solid 1px #ebe3e3;
margin-top: 15px;
}
.desctop-nortopt .ver-tabs a {
color: #333;
font-size: 14px;
}
.desctop-nortopt .ver-tabs li {
display: flex;
align-items: center;
}
.desctop-nortopt .ver-tabs li:hover {
background: #f7f7f7;
}
.desctop-nortopt .btn-nal {
display: inline-flex;
justify-content: center;
width: 100%;
}
.desctop-nortopt .btn-nal li {
list-style-type: none;
padding: 40px 0 50px;
margin-right: 10px;
}
.desctop-nortopt .btn-nal a {
color: #383838;
display: inline-block;
padding: 20px 43px;
}
.desctop-nortopt .btn-nal a:hover {
color: inherit;
background: #f3b200;
}
@media (max-width: 768px) {
.desctop-nortopt .ver-tabs { margin-top: 0; }
.desctop-nortopt .ver-tabs a { font-size: 12px; }
}
@media (max-width: 480px) {
.desctop-nortopt .ver-tabs { margin-top: 0; }
.desctop-nortopt .ver-tabs a { font-size: 11px; }
} .stc-modern-form-panel {
width: 100%;
max-width: 520px;
padding: 34px 32px 30px;
background: #fff;
border: 1px solid rgba(255,255,255,.75);
border-radius: 24px;
box-shadow: 0 24px 70px rgba(0,0,0,.18);
box-sizing: border-box;
}
.stc-modern-form-panel h3 {
margin: 0 0 20px !important;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-size: 24px !important;
font-weight: 650 !important;
line-height: 1.15 !important;
letter-spacing: -.02em !important;
color: var(--color-dark, #1d1d1f) !important;
}
.stc-modern-form-panel .wpcf7,
.stc-modern-form-panel .wpcf7-form {
width: 100%;
margin: 0 !important;
}
.stc-modern-form-panel .wpcf7-form {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.stc-modern-form-panel .wpcf7-form > p,
.stc-modern-form-panel .wpcf7-form > div {
margin: 0 !important;
} .stc-modern-form-panel .hidden-fields-container,
.stc-modern-form-panel .screen-reader-response {
display: none !important;
}
.stc-modern-form-panel .wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
margin: 0 !important;
}
.stc-modern-form-panel input[type="tel"],
.stc-modern-form-panel input[type="text"],
.stc-modern-form-panel input[type="email"] {
display: block !important;
width: 100% !important;
max-width: none !important;
height: 54px !important;
margin: 0 !important;
padding: 0 16px !important;
box-sizing: border-box !important;
border: 1.5px solid #dedee3 !important;
border-radius: 12px !important;
background: #fff !important;
color: #1d1d1f !important;
font-family: var(--font-body, Manrope, sans-serif) !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
outline: none !important;
box-shadow: none !important;
}
.stc-modern-form-panel input[type="tel"]:focus,
.stc-modern-form-panel input[type="text"]:focus,
.stc-modern-form-panel input[type="email"]:focus {
border-color: var(--color-orange, #ec621f) !important;
box-shadow: 0 0 0 4px rgba(236,98,31,.14) !important;
}
.stc-modern-form-panel input::placeholder {
color: #9a9aa1 !important;
opacity: 1 !important;
font-weight: 500 !important;
}
.stc-modern-form-panel .wpcf7-submit,
.stc-modern-form-panel input[type="submit"].wpcf7-submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: none !important;
height: 56px !important;
margin: 4px 0 0 !important;
padding: 0 22px !important;
border: 0 !important;
border-radius: 12px !important;
background: var(--color-orange, #ec621f) !important;
color: #fff !important;
box-shadow: 0 12px 26px rgba(236,98,31,.28) !important;
font-family: var(--font-heading, Manrope, sans-serif) !important;
font-size: 13px !important;
font-weight: 650 !important;
line-height: 1 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
cursor: pointer !important;
}
.stc-modern-form-panel .wpcf7-submit:hover:not(:disabled) {
background: var(--color-orange-dark, #d4541a) !important;
box-shadow: 0 16px 34px rgba(236,98,31,.34) !important;
}
.stc-modern-form-panel .wpcf7-submit:disabled {
opacity: .58 !important;
cursor: default !important;
box-shadow: none !important;
}
.stc-modern-form-panel .wpcf7-spinner {
display: none !important;
}
.stc-modern-form-panel .wpcf7-acceptance,
.stc-modern-form-panel .wpcf7-list-item {
display: block !important;
width: 100% !important;
margin: 0 !important;
}
.stc-modern-form-panel .wpcf7-list-item label {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
cursor: pointer !important;
}
.stc-modern-form-panel .wpcf7-acceptance input[type="checkbox"] {
flex: 0 0 16px !important;
width: 16px !important;
height: 16px !important;
margin: 3px 0 0 !important;
float: none !important;
accent-color: var(--color-orange, #ec621f) !important;
}
.stc-modern-form-panel .wpcf7-list-item-label {
display: block !important;
padding: 0 !important;
color: #686e73 !important;
font-family: var(--font-body, Manrope, sans-serif) !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
.stc-modern-form-panel .wpcf7-list-item-label::before,
.stc-modern-form-panel .wpcf7-list-item-label::after {
display: none !important;
content: none !important;
}
.stc-modern-form-panel .wpcf7-list-item-label a {
color: var(--color-orange, #ec621f) !important;
font-size: inherit !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.stc-modern-form-panel .wpcf7-list-item-label a:hover {
color: var(--color-orange-dark, #d4541a) !important;
text-decoration: underline !important;
}
.stc-modern-form-panel .wpcf7-not-valid-tip {
margin-top: 6px !important;
color: #d93025 !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
.stc-modern-form-panel .wpcf7-response-output {
margin: 4px 0 0 !important;
padding: 10px 12px !important;
border: 1px solid #dedee3 !important;
border-radius: 10px !important;
background: #fff !important;
color: #1d1d1f !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
}
@media (max-width: 640px) {
.stc-modern-form-panel {
max-width: none;
padding: 24px 18px 20px;
border-radius: 18px;
}
.stc-modern-form-panel h3 {
font-size: 22px !important;
}
.stc-modern-form-panel input[type="tel"],
.stc-modern-form-panel input[type="text"],
.stc-modern-form-panel input[type="email"],
.stc-modern-form-panel .wpcf7-submit {
height: 52px !important;
}
} body.stc-legal-page {
background: #f5f5f7;
} body.stc-legal-page #primary,
body.stc-legal-page .content-area {
background: #f5f5f7;
} body.stc-legal-page #main,
body.stc-legal-page .site-main {
max-width: 1040px;
margin: 0 auto;
padding: 56px 24px 72px;
box-sizing: border-box;
} body.stc-legal-page .dam_breadcrumbs,
body.stc-legal-page .rank-math-breadcrumb,
body.stc-legal-page .stc-bc {
max-width: 920px;
margin: 0 auto 18px;
padding: 0;
font-family: var(--font-body, Manrope), sans-serif;
font-size: 12px;
line-height: 1.4;
color: #86868b;
}
body.stc-legal-page .dam_breadcrumbs a,
body.stc-legal-page .rank-math-breadcrumb a,
body.stc-legal-page .stc-bc a {
color: #86868b;
text-decoration: none;
}
body.stc-legal-page .dam_breadcrumbs a:hover,
body.stc-legal-page .rank-math-breadcrumb a:hover,
body.stc-legal-page .stc-bc a:hover {
color: var(--color-orange, #ec621f);
} body.stc-legal-page article,
body.stc-legal-page .entry-content,
body.stc-legal-page .page-content {
max-width: 920px;
margin: 0 auto;
box-sizing: border-box;
} body.stc-legal-page article {
padding: 46px 56px 52px;
background: #fff;
border: 1px solid rgba(0, 0, 0, .06);
border-radius: 22px;
box-shadow: 0 18px 60px rgba(0, 0, 0, .06);
} body.stc-legal-page .entry-content:not(article .entry-content),
body.stc-legal-page .page-content:not(article .page-content) {
padding: 46px 56px 52px;
background: #fff;
border: 1px solid rgba(0, 0, 0, .06);
border-radius: 22px;
box-shadow: 0 18px 60px rgba(0, 0, 0, .06);
} body.stc-legal-page h1,
body.stc-legal-page .entry-title {
margin: 0 0 26px !important;
font-family: var(--font-heading, Manrope), sans-serif !important;
font-size: clamp(30px, 3vw, 44px) !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.035em !important;
color: #1d1d1f !important;
}
body.stc-legal-page h2 {
margin: 34px 0 14px !important;
font-family: var(--font-heading, Manrope), sans-serif !important;
font-size: clamp(20px, 2vw, 26px) !important;
font-weight: 650 !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
color: #1d1d1f !important;
}
body.stc-legal-page h3 {
margin: 26px 0 12px !important;
font-size: 19px !important;
font-weight: 650 !important;
color: #1d1d1f !important;
}
body.stc-legal-page p,
body.stc-legal-page li {
font-family: var(--font-body, Manrope), sans-serif !important;
font-size: 16px !important;
line-height: 1.75 !important;
color: #3a3a3c !important;
}
body.stc-legal-page p {
margin: 0 0 16px !important;
}
body.stc-legal-page ul,
body.stc-legal-page ol {
margin: 0 0 22px 0 !important;
padding-left: 22px !important;
}
body.stc-legal-page li {
margin: 0 0 8px !important;
padding-left: 2px;
}
body.stc-legal-page a {
color: var(--color-orange, #ec621f);
text-decoration: underline;
text-underline-offset: 3px;
}
body.stc-legal-page a:hover {
color: var(--color-orange-dark, #d4541a);
} body.stc-legal-page .entry-content > p:last-child,
body.stc-legal-page .page-content > p:last-child,
body.stc-legal-page article > p:last-child {
margin-top: 30px !important;
padding-top: 18px;
border-top: 1px solid rgba(0, 0, 0, .08);
font-size: 13px !important;
color: #86868b !important;
} @media (max-width: 768px) {
body.stc-legal-page #main,
body.stc-legal-page .site-main {
padding: 32px 16px 48px;
}
body.stc-legal-page article,
body.stc-legal-page .entry-content:not(article .entry-content),
body.stc-legal-page .page-content:not(article .page-content) {
padding: 28px 20px 32px;
border-radius: 18px;
}
body.stc-legal-page h1,
body.stc-legal-page .entry-title {
font-size: 28px !important;
}
body.stc-legal-page h2 {
font-size: 20px !important;
margin-top: 28px !important;
}
body.stc-legal-page p,
body.stc-legal-page li {
font-size: 15px !important;
line-height: 1.68 !important;
}
}
.block-how-cs .wpcf7-form-control-wrap {
display: block;          
margin-bottom: 27px;    
}
.block-how-cs .wpcf7-form-control-wrap:last-of-type {
margin-bottom: 0;
}
.block-how-cs input[type="submit"] {
margin-top: 0;
margin-bottom: 0;
}  .stc-contact-form .block-questions_tel1 > p {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
} .stc-contact-form .block-questions_tel1 .wpcf7-form-control-wrap[data-name="stc_legal_consent"] {
display: block;
width: 100%;
text-align: left;
margin-top: 6px; margin-bottom: 6px; } .stc-contact-form .wpcf7-acceptance .wpcf7-list-item label {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
} .stc-contact-form .wpcf7-acceptance input[type="checkbox"] {
flex-shrink: 0;
width: 14px;
height: 14px;
margin: 0 !important;
} .stc-contact-form .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}