:root {
--ftr-bg:       #2a2c2f;
--ftr-orange:   #dd7540;
--ftr-white:    #ffffff;
--ftr-muted:    rgba(255, 255, 255, 0.6);
--ftr-border:   rgba(255, 255, 255, 0.1);
--ftr-font:     'Manrope', sans-serif;
--ftr-font-h:   'Montserrat', sans-serif;
}  .footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .entry-title,
.footer .widget-title,
.footer .widgettitle {
font-size: 13px !important;
font-family: var(--ftr-font-h);
font-weight: 700;
line-height: 1.3;
}
.footer {
background-color: var(--ftr-bg);
font-family: var(--ftr-font);
font-size: 14px;
color: var(--ftr-white);
padding: 60px;
margin-top: 0;
}
.footer .title-footer {
font-family: var(--ftr-font-h);
color: var(--ftr-orange);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 16px;
}
.footer a {
color: var(--ftr-white)!important;
text-decoration: none;
transition: color 0.2s ease;
}
.footer a:hover {
color: var(--ftr-orange);
}
.footer ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer ul li {
list-style-type: none;
margin-bottom: 6px;
line-height: 1.5;
color: #86868b;
}
}
.footer ul li a {
font-size: 13px;
color: var(--ftr-muted);
}
.footer ul li a:hover {
color: var(--ftr-orange);
} .footer .row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.footer .row > [class*="col-"] {
flex: 1;
min-width: 160px;
} .footer .row > [class*="col-"]:not(:last-child) {
border-right: 1px solid var(--ftr-border);
padding-right: 40px;
} .blok_zvonok_form,
.blok_grafik,
.title {
background: linear-gradient(271deg, #dd7540 0%, #d65300 60%, #d95000 100%);
clear: both;
position: relative;
overflow: hidden;
} .title::before {
content: "";
width: 2080px;
position: absolute;
top: 0;
background:
linear-gradient(to right top, transparent 49.5%, #fff 50%) left / 50.025% 100% no-repeat,
linear-gradient(to left top,  transparent 49.5%, #fff 50%) right / 50.025% 100% no-repeat;
padding-top: 147px;
left: 50%;
transform: translate(-50%, 0%);
} .blok_zvonok_form .blok_1140 {
position: relative;
padding-bottom: 35px;
}
.blok_1140 {
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
} .blok_zvonok_form .blok_1140::before {
content: "";
width: 113px;
height: 130px;
position: absolute;
left: -170px;
top: 130px;
background: url(//spectechcom.ru/wp-content/themes/msn/img/ikon2.png) 0 0 no-repeat;
background-size: cover;
} .lada.blok_zvonok_form .blok_1140::after {
content: "";
position: absolute;
width: 380px;
height: 450px;
right: -60px;
bottom: 0;
z-index: 10;
background: url(//spectechcom.ru/wp-content/themes/msn/img/call.png) 50% 50% no-repeat;
} .blok_zvonok_form.title .blok_form {
min-height: 250px;
}
.blok_zvonok_form .blok_form {
position: relative;
width: auto;
margin-top: 100px;
color: var(--ftr-white);
z-index: 99;
font-size: 15px;
margin-bottom: 0;
} .blok_zvonok_form .h1m,
.blok_zvonok_form .h1 {
color: var(--ftr-white);
}
.blok_zvonok_form .h1m {
font-family: var(--ftr-font-h);
font-size: 28px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
}
.blok_zvonok_form .h1 {
font-family: var(--ftr-font-h);
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
} .blok_zvonok_form .h1::after,
.h1::after,
.polosa_h::after {
content: "";
height: 1px;
width: 70px;
background: rgba(255, 255, 255, 0.4);
display: block;
margin: 16px 0;
} @media (max-width: 1200px) {
.blok_1140 {
max-width: 100%;
}
.lada.blok_zvonok_form .blok_1140::after {
display: none;
}
}
@media (max-width: 992px) {
.footer {
padding: 40px 20px;
}
.footer .row > [class*="col-"]:not(:last-child) {
border-right: none;
padding-right: 0;
border-bottom: 1px solid var(--ftr-border);
padding-bottom: 20px;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.footer {
padding: 32px 16px;
}
.blok_zvonok_form .blok_form {
margin-top: 60px;
}
.blok_zvonok_form .h1m {
font-size: 22px;
}
.blok_zvonok_form .h1 {
font-size: 17px;
}
.title::before {
display: none;
}
}
@media (max-width: 480px) {
.footer {
padding: 24px 14px;
}
.lada.blok_zvonok_form .blok_1140::before {
display: none;
}
}