@charset "UTF-8";


@font-face {
font-family: 'Montserrat';
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Bold/Montserrat-Bold.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Bold/Montserrat-Bold.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Bold/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: local('Montserrat Light'), local('Montserrat-Light'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Light/Montserrat-Light.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Light/Montserrat-Light.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Light/Montserrat-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Regular/Montserrat-Regular.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Webnar';
src: local('Webnar Light'), local('Webnar-Light'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Light.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Light.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Webnar';
src: local('Webnar Regular'), local('Webnar-Regular'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Regular.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Regular.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Webnar';
src: local('Webnar SemiBold'), local('Webnar-SemiBold'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-SemiBold.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-SemiBold.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Webnar';
src: local('Webnar Bold'), local('Webnar-Bold'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Bold.woff2) format('woff2'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Bold.woff) format('woff'),
url(//baltkabel.ru/wp-content/themes/baltkabel/fonts/Webnar/Webnar-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
a {
text-decoration: none;
color: #111111;
}
a:hover {
text-decoration: none;
color: #D21113;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
img {
vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 20px;
margin-bottom: 10px;
} :root {
--header-height: 120px;
--intro-text-leftmargin: 100px;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 14px; margin: 0;
padding: 0;
color: #111111;
background: #fff;
}
body.locked {
overflow: hidden;
} .preloader {
display: flex;
align-items: center;
justify-content: center;
background-color: #f7f7f7;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
margin: 0 auto;
}
.preloader .preloader-circle {
width: 150px;
height: 150px;
position: relative;
border-style: solid;
border-width: 3px;
border-top-color: #fe2816;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
z-index: 99999;
border-radius: 50%;
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
background-color: #ffffff;
-webkit-animation: zoom 2000ms infinite ease;
animation: zoom 2000ms infinite ease;
}
.preloader .preloader-img {
position: absolute;
top: 50%;
z-index: 99999;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 6px;
}
.preloader .preloader-img img {
max-width: 100px;
}
.preloader .pere-text strong {
font-weight: 800;
color: #dca73a;
text-transform: uppercase;
}
@-webkit-keyframes zoom {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes zoom {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.container {
max-width: 1720px;
width: 100%;
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}
section {
max-width: 1920px;
width: 100%;
margin: 0 auto;
scroll-margin-top: var(--header-height);
}
.section-title {
padding: 3px 0 3px 30px;
font-size: 28px;
font-weight: bold;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/title-bg.svg) no-repeat;
background-position: left bottom;
margin-bottom: 30px;
}
.container-title {
padding: 0;
font-size: 28px;
font-weight: bold;
margin-bottom: 30px;
}
.header-bg {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4862745098);
z-index: 2;
padding: 20px;
}
.header-bg.--opened {
display: block;
}
.page-content {
padding-top: 50px;
padding-bottom: 50px;
}
.page-content .title-main {
margin-bottom: 40px;
}
.page-content p {
margin-bottom: 10px;
}
.breadcrumb {
padding-top: 20px;
font-size: 14px;
}
.breadcrumb .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
display: flex;
gap: 7px;
}
.breadcrumb sp,
.breadcrumb__separator {
display: inline-block;
margin: 0 5px;
color: #929292;
}
.breadcrumb__home,
.breadcrumb__link {
color: #A4A4A4 !important;
text-decoration: underline !important;
}
.breadcrumb__home:hover,
.breadcrumb__link:hover {
color: inherit;
} input,
select,
textarea {
font-family: "Montserrat", sans-serif;
font-size: 14px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: #FFFFFF url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-arrow-down_red.svg) right 20px center no-repeat;
padding-right: 40px !important;
}
input {
width: 100%;
height: 60px;
padding: 0 20px;
border: 1px solid #C8C8C8;
border-radius: 3px;
margin-bottom: 10px;
}
input[type=submit] {
width: unset;
height: 70px;
padding: 0 40px;
background-color: #D21113;
border: 0;
border-radius: 6px;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 0;
cursor: pointer;
}
select {
width: 100%;
height: auto;
padding: 0 20px;
border: 1px solid #C8C8C8;
border-radius: 3px;
}
textarea {
width: 100%;
height: 100%;
padding: 20px;
border: 1px solid #C8C8C8;
border-radius: 3px;
}
input::placeholder,
textarea::placeholder {
font-family: inherit;
color: #111111;
}
.custom_checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.custom_checkbox input {
display: none;
}
.custom_checkbox input:checked+.wpcf7-list-item-label .fake::before {
opacity: 1;
}
.custom_checkbox .wpcf7-list-item-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.custom_checkbox .wpcf7-list-item-label::before {
content: none;
}
.custom_checkbox .fake {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
position: relative;
width: 30px;
height: 30px;
border-radius: 3px;
border: 1px solid #C8C8C8;
background-color: #FFFFFF;
cursor: pointer;
}
.custom_checkbox a {
text-decoration: underline;
}
.custom_checkbox .fake::before {
content: "";
position: absolute;
display: block;
height: 13px;
width: 17px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-check.svg) no-repeat;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.custom_checkbox .wpcf7-list-item {
margin: 0;
}
.callbeck-form input[type=submit] {
height: 60px;
padding: 0 30px;
font-size: 16px;
margin-right: 10px;
}
.callbeck-form__submit {
display: flex;
align-items: center;
}
.homeconn__content .contact-form {
display: grid;
grid-template-columns: 560px auto;
gap: 20px;
}
.contact-form input[type=submit] {
margin-right: 10px;
}
.contact-form__submit {
display: flex;
align-items: center;
grid-area: 2 / 1 / 2 / 3;
} .wpcf7 {
position: relative;
}
.wpcf7-spinner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
}
.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid {
border: 1px solid red !important
}
.wpcf7-response-output {
font-size: 16px;
position: absolute; text-align: center;
background-color: #ffffff;
margin: 0 !important;
padding: 15px !important;
color: #1D1D1B !important;
border-radius: 5px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
top: -70px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: 1px solid red;
} .popup {
display: none;
align-items: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4862745098);
z-index: 1000;
padding: 20px;
}
.popup.--opened {
display: flex;
}
.popup__container {
position: relative;
max-width: 770px;
max-height: 100%;
overflow: auto;
padding: 30px;
background-color: #FFFFFF;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.5);
}
.popup__close {
position: absolute;
top: 5px;
right: 5px;
padding: 10px;
cursor: pointer;
} .btn-prodinfo {
display: flex;
align-items: center;
position: absolute;
right: 20px;
bottom: 20px;
height: 40px;
padding: 20px;
border-radius: 4px;
background-color: #D21113;
color: #FFFFFF;
cursor: pointer;
opacity: 0;
transition: all 0.2s;
}
.btn-prodinfo:hover {
background-color: #8c090c;
color: #FFFFFF;
}
.btn-prodinfo.--shown {
opacity: 1;
}
.pagedocs__item-btn {
display: flex;
align-items: center;
position: absolute;
right: 20px;
bottom: 20px;
height: 40px;
padding: 20px;
border-radius: 4px;
background-color: #D21113;
color: #FFFFFF;
cursor: pointer;
transition: all 0.2s;
}
.pagedocs__item-btn:hover {
background-color: #8c090c;
color: #FFFFFF;
}
.pagedocs__item-btn img {
height: 15px;
margin-right: 5px;
} .header {
display: block;
position: sticky;
height: var(--header-height);
padding: 0;
top: 0;
left: 0;
width: 100%;
background-color: #FFFFFF;
z-index: 2;
}
.header__content {
background-color: #ebebeb;
position: relative;
max-width: 1920px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.1);
}
.header__logo-part {
position: relative;
display: flex;
align-items: center;
padding: 15px 10px 15px 40px;
background-color: white;
height: 100%;
}
.header__logo-part a {
display: inline-block;
height: 100%;
}
.header__logo {
max-height: 100%;
height: 100%;
}
.header__logo-mob {
display: none;
max-height: 100%;
height: 100%;
}
.header__req ul {
padding-inline-start: 40px;
white-space: nowrap;
}
.header__req li {
list-style-type: square;
color: #D21113;
margin-bottom: 10px;
}
.header__req li:last-child {
margin-bottom: 0;
}
.header__req li a {
color: #111111;
}
.header__req li a:hover {
color: #D21113;
}
.header__req li span {
color: #111111;
}
.header__req-phone{
display: none !important;
}
.header__menu-part {
display: flex;
align-items: center;
height: 100%;
padding: 10px 30px;
background-color: #EBEBEB;
}
.header__menu-part.--opened {
display: flex;
justify-content: center;
align-items: center;
}
.header__nav>ul {
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 15px;
}
.header__menu-part.--opened .header__nav>ul{
flex-direction: column;
}
.header__nav>ul li {
display: inline;
list-style: none;
margin-right: 25px;
white-space: nowrap;
}
.header__btn-writetous {
display: flex;
align-items: center;
height: 62px;
padding: 10px 16px;
background-color: #D21113;
color: #FFFFFF;
border-radius: 4px;
cursor: pointer;
white-space: pre;
}
.header__btn-writetous:hover {
background-color: #8c090c;
}
.header__btn-writetous img {
margin-right: 10px;
}
.header__burger {
display: none;
cursor: pointer;
width: 50px;
height: 100%;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/burger.svg) no-repeat;
background-position: center;
background-color: #D21113;
} .header__cart-wrap {
position: relative;
margin-right: 15px;
align-self: stretch;
display: flex;
align-items: center;
background-color: #EBEBEB;
}
.header__cart-trigger {
display: flex;
align-items: center;
height: 62px;
padding: 10px 18px;
background: transparent;
border: none;
cursor: pointer;
color: #111111;
font-size: 15px;
gap: 8px;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s;
}
.header__cart-trigger:hover {
background-color: rgba(210, 17, 19, 0.08);
color: #D21113;
}
.header__cart-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.header__cart-icon svg {
width: 100%;
height: 100%;
}
.header__cart-label {
white-space: nowrap;
}
.header__cart-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
background-color: #D21113;
color: #fff;
font-size: 12px;
font-weight: 700;
border-radius: 11px;
}
.header__cart-count:empty,
.header__cart-count[data-count="0"] {
display: none;
}
.header__minicart {
position: absolute;
top: 100%;
right: 0;
margin-top: 4px;
width: 360px;
max-width: calc(100vw - 24px);
background: #fff;
border-radius: 4px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
border: 1px solid rgba(0, 0, 0, 0.08);
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
z-index: 100;
}
.header__cart-wrap.--opened .header__minicart {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header__minicart-inner {
padding: 16px;
display: flex;
flex-direction: column;
} .header__minicart-inner .header__minicart-list {
flex: 0 1 auto;
display: block;
max-height: 200px;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.header__minicart-item {
display: grid;
grid-template-columns: auto 1fr auto auto;
gap: 8px 12px;
align-items: baseline;
padding: 12px 0;
border-bottom: 1px solid #eee;
font-size: 14px;
}
.header__minicart-item:last-of-type {
border-bottom: none;
}
.header__minicart-item-remove {
grid-row: 1 / -1;
align-self: center;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 28px;
min-height: 28px;
width: 28px;
height: 28px;
padding: 0;
margin: 0;
border: 1px solid #e0e0e0;
background: #f5f5f5;
color: #666;
font-size: 18px;
line-height: 1;
cursor: pointer;
border-radius: 4px;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
flex-shrink: 0;
}
.header__minicart-item-remove:hover {
color: #fff;
background-color: #D21113;
border-color: #D21113;
}
.header__minicart-item-name {
grid-column: 2 / -1;
line-height: 1.3;
}
.header__minicart-item-name a {
color: #111;
text-decoration: none;
}
.header__minicart-item-name a:hover {
color: #D21113;
}
.header__minicart-item-qty {
color: #666;
font-size: 13px;
grid-column: 3;
}
.header__minicart-item-total {
grid-column: 4;
font-weight: 600;
color: #111;
}
.header__minicart-footer {
flex-shrink: 0;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #eee;
}
.header__minicart-total {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
font-size: 15px;
}
.header__minicart-total strong {
font-size: 18px;
color: #D21113;
}
.header__minicart-checkout {
display: block;
width: 100%;
padding: 14px 20px;
background-color: #D21113;
color: #fff !important;
text-align: center;
font-weight: 600;
border-radius: 4px;
text-decoration: none;
transition: background-color 0.2s;
}
.header__minicart-checkout:hover {
background-color: #8c090c;
color: #fff;
}
.header__minicart-clear {
display: block;
margin-top: 10px;
text-align: center;
font-size: 13px;
color: #666;
text-decoration: none;
}
.header__minicart-clear:hover {
color: #D21113;
}
.header__minicart-empty {
margin: 0;
padding: 20px 0;
text-align: center;
color: #666;
font-size: 14px;
} .checkout-section {
padding: 24px 0 48px;
background-color: #F7F7F7;
}
.checkout-section .container {
padding-left: 15px;
padding-right: 15px;
max-width: 1720px; }
.checkout-guest-notice {
margin-bottom: 1em;
}
.checkout-section .checkout__grid {
display: grid;
grid-template-columns: 1fr 380px;
gap: 32px;
align-items: start;
}
@media (max-width: 1024px) {
.checkout-section .checkout__grid {
grid-template-columns: 1fr;
}
}
.checkout-section .checkout__order {
position: sticky;
top: calc(var(--header-height, 80px) + 20px);
}
@media (max-width: 1024px) {
.checkout-section .checkout__order {
position: static;
}
}
.checkout-section .col2-set {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.checkout-section .col2-set {
grid-template-columns: 1fr;
}
}
.checkout-section .woocommerce-billing-fields h3,
.checkout-section .woocommerce-additional-fields h3 {
margin: 0 0 16px;
font-size: 1.1em;
}
.checkout-section .form-row {
margin-bottom: 16px;
}
.checkout-section .form-row label {
display: block;
margin-bottom: 4px;
font-weight: 500;
}
.checkout-section .form-row .required {
color: #D21113;
}
.checkout-section .form-row input.input-text,
.checkout-section .form-row textarea.input-text {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.checkout-section .form-row input.input-text:focus,
.checkout-section .form-row textarea.input-text:focus {
border-color: #D21113;
outline: none;
}
.checkout-section #order_review_heading {
margin: 0 0 12px;
font-size: 1.25em;
}
.checkout-section .woocommerce-checkout-review-order-table {
width: 100%;
margin-bottom: 16px;
border-collapse: collapse;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.checkout-section .woocommerce-checkout-review-order-table th,
.checkout-section .woocommerce-checkout-review-order-table td {
padding: 12px 16px;
border-bottom: 1px solid #eee;
text-align: left;
}
.checkout-section .woocommerce-checkout-review-order-table thead th {
background: #f5f5f5;
font-weight: 600;
}
.checkout-section .woocommerce-checkout-review-order-table .order-total th,
.checkout-section .woocommerce-checkout-review-order-table .order-total td {
border-bottom: none;
font-size: 1.1em;
}
.checkout-section #payment {
background: #fff;
padding: 20px;
border-radius: 4px;
margin-top: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.checkout-section #payment .wc_payment_methods {
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.checkout-section #payment .woocommerce-info {
margin: 0 0 16px;
}
.checkout-section .place-order {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.checkout-section .place-order .button.alt {
width: 100%;
padding: 14px 24px;
background: #D21113;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.checkout-section .place-order .button.alt:hover {
background: #a80d0f;
color: #fff;
}
.checkout-section .woocommerce-info {
padding: 12px 16px 12px 46px;
background: #f5f5f5;
border-left: 4px solid #D21113;
margin-bottom: 12px;
line-height: 1.35;
}
.checkout-section .woocommerce-info::before {top: 12px;}
.checkout-section .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 16px;
font-size: 13px;
color: #666;
}
.checkout-section .return-to-shop {
margin-top: 16px;
} a.button.wc-backward,
.return-to-shop a.button.wc-backward {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 14px 28px !important;
background: #D21113 !important;
color: #fff !important;
border: none !important;
border-radius: 4px;
font-size: 16px !important;
font-weight: 600;
text-decoration: none !important;
transition: background 0.2s;
}
a.button.wc-backward:hover,
.return-to-shop a.button.wc-backward:hover {
background: #8c090c !important;
color: #fff !important;
} .checkout-form-section .checkout-form__grid {
display: grid;
grid-template-columns: 1fr minmax(280px, 320px);
gap: 24px 32px;
align-items: start;
}
.checkout-form-section .checkout-form__order {
min-width: 0;
}
@media (max-width: 991px) {
.checkout-form-section .checkout-form__grid {
grid-template-columns: 1fr;
}
} .checkout-section--empty .container {
max-width: 560px;
margin: 0 auto;
}
.checkout-section--empty .section-title {
margin-bottom: 24px;
}
.checkout-empty {
background: #fff;
padding: 40px 32px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
text-align: center;
}
.checkout-empty__text {
margin: 0 0 24px;
font-size: 16px;
color: #333;
line-height: 1.5;
}
.checkout-empty__actions {
margin: 0;
}
.checkout-empty__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
background: #D21113;
color: #fff !important;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
text-decoration: none !important;
transition: background 0.2s;
}
.checkout-empty__btn:hover {
background: #8c090c;
color: #fff !important;
}
.checkout-form-section .checkout-form__subtitle {
margin: 0 0 16px;
font-size: 1.15em;
}
.baltkabel-min-order-notice {
margin-top: 12px;
} .checkout-form-section .checkout-form__table,
.woocommerce-cart-form .checkout-form-section .checkout-form__table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
display: table;
table-layout: auto;
}
.checkout-form-section .checkout-form__table th,
.checkout-form-section .checkout-form__table td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table td {
padding: 12px 16px;
border-bottom: 1px solid #eee;
text-align: left;
box-sizing: border-box;
}
.checkout-form-section .checkout-form__table thead th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead th {
background: #f5f5f5;
font-weight: 600;
}
.checkout-form-section .checkout-form__table thead th.product-thumbnail,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead th.product-thumbnail {
width: 1%;
white-space: nowrap;
}
.checkout-form-section .checkout-form__table thead th.product-qty,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead th.product-qty {
width: 1%;
white-space: nowrap;
}
.checkout-form-section .checkout-form__table thead th.product-total,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead th.product-total {
width: 1%;
white-space: nowrap;
}
.checkout-form-section .checkout-form__table thead th.product-remove,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead th.product-remove {
width: 1%;
white-space: nowrap;
}
.checkout-form-section .checkout-form__table thead,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead {
display: table-header-group;
}
.checkout-form-section .checkout-form__table tbody,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody {
display: table-row-group;
}
.checkout-form-section .checkout-form__table tfoot,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot {
display: table-footer-group;
}
.checkout-form-section .checkout-form__table thead tr,
.checkout-form-section .checkout-form__table tbody tr,
.checkout-form-section .checkout-form__table tfoot tr,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead tr,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody tr,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot tr {
display: table-row;
}
.checkout-form-section .checkout-form__table thead th,
.checkout-form-section .checkout-form__table tbody td,
.checkout-form-section .checkout-form__table tfoot th,
.checkout-form-section .checkout-form__table tfoot td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot td {
display: table-cell;
}
.checkout-form-section .checkout-form__table .order-total th,
.checkout-form-section .checkout-form__table .order-total td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .order-total th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .order-total td {
border-bottom: none;
font-size: 1.05em;white-space:pre;
}
.checkout-form-section .checkout-form__table .product-remove,
.woocommerce-cart-form .checkout-form__table .product-remove {
white-space: nowrap;
vertical-align: middle;
}
.checkout-form-section .checkout-form__table .product-thumbnail,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .product-thumbnail {
vertical-align: middle;
}
.checkout-form-section .checkout-form__table .product-thumbnail img,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .product-thumbnail img {
max-width: 60px;
width: auto;
height: auto;
max-height: 60px;
object-fit: contain;
border-radius: 4px;
border: 1px solid #eee;
display: block;
}
.checkout-form-section .checkout-form__table .product-name,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .product-name {
max-width: 100%;
overflow-wrap: break-word;
}
.checkout-form-section .checkout-form__table .product-name a,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .product-name a {
color: #111;
text-decoration: none;
}
.checkout-form-section .checkout-form__table .product-name a:hover,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .product-name a:hover {
color: #D21113;
}
.checkout-form-section .checkout-form__table tbody td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody td {
vertical-align: middle;
}
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap.products-info__cta-form,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__qty-wrap.products-info__cta-form {
display: inline-flex;
margin: 0;
}
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap .quantity .qty,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__qty-wrap .quantity .qty {
width: 48px;
height: 48px;
}
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap button.minus,
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap button.plus,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__qty-wrap button.minus,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__qty-wrap button.plus {
width: 48px;
height: 48px;
}
.checkout-form-section .checkout-form__item-remove,
.woocommerce-cart-form .checkout-form-section .checkout-form__item-remove {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 28px;
min-height: 28px;
width: 28px;
height: 28px;
padding: 0;
margin: 0;
border: 1px solid #e0e0e0;
background: #f5f5f5;
color: #666;
font-size: 18px;
line-height: 1;
cursor: pointer;
border-radius: 4px;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.checkout-form-section .checkout-form__item-remove:hover,
.woocommerce-cart-form .checkout-form-section .checkout-form__item-remove:hover {
color: #fff;
background-color: #D21113;
border-color: #D21113;
}
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap.products-info__cta-form {
display: inline-flex;
margin: 0;
}
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap .quantity .qty {
width: 48px;
height: 48px;
}
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap button.minus,
.checkout-form-section .checkout-form__table .checkout-form__qty-wrap button.plus {
width: 48px;
height: 48px;
} @media (max-width: 767px) {
.checkout-form-section .checkout-form__table thead,
.woocommerce-cart-form .checkout-form-section .checkout-form__table thead {
display: none;
}
.checkout-form-section .checkout-form__table tbody,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
padding: 30px;
}
.checkout-form-section .checkout-form__table tbody tr.checkout-form__row,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody tr.checkout-form__row {
display: block;
padding: 16px;
margin-bottom: 12px;
border: 1px solid #e8e8e8;
border-radius: 8px;
background: #fafafa;
box-shadow: 0 1px 2px rgba(0,0,0,0.06);
} .checkout-form-section .checkout-form__table .checkout-form__row td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row td {
display: block;
padding: 8px 0;
border-bottom: none;
text-align: left;
}
.checkout-form-section .checkout-form__table .checkout-form__row td:last-child,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row td:last-child {
padding-bottom: 0;
}
.checkout-form-section .checkout-form__table .checkout-form__row td::before,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row td::before {
content: attr(data-title);
display: block;
font-weight: 600;
font-size: 12px;
color: #666;
margin-bottom: 4px;
}
.checkout-form-section .checkout-form__table .checkout-form__row .product-thumbnail,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row .product-thumbnail {
padding-top: 0;
}
.checkout-form-section .checkout-form__table .checkout-form__row .product-thumbnail::before,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row .product-thumbnail::before {
content: none;
display: none;
} .checkout-form-section .checkout-form__table tbody tr:not(.checkout-form__row),
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody tr:not(.checkout-form__row) {
display: block;
grid-column: 1 / -1;
}
.checkout-form-section .checkout-form__table tbody tr:not(.checkout-form__row) td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody tr:not(.checkout-form__row) td {
display: block;
padding: 12px 16px;
}
.checkout-form-section .checkout-form__table tbody tr:not(.checkout-form__row) td::before,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody tr:not(.checkout-form__row) td::before {
content: none;
display: none;
}
.checkout-form-section .checkout-form__table .checkout-form__row .product-thumbnail img,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row .product-thumbnail img {
max-width: 80px;
max-height: 80px;
}
.checkout-form-section .checkout-form__table .checkout-form__row .product-name,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row .product-name {
font-weight: 500;
}
.checkout-form-section .checkout-form__table .checkout-form__row .product-remove,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row .product-remove {
padding-top: 12px;
border-top: 1px solid #eee;
}
.checkout-form-section .checkout-form__table .checkout-form__row .product-remove::before,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .checkout-form__row .product-remove::before {
display: none;
}
.checkout-form-section .checkout-form__table tfoot,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot { display: block;
box-sizing: border-box;
padding-left: 14px;
padding-right: 14px;
}
.checkout-form-section .checkout-form__table tfoot tr,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot tr { display: flex;
}
.checkout-form-section .checkout-form__table tfoot th,
.checkout-form-section .checkout-form__table tfoot td,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tfoot td {
display: table-cell;
padding: 14px 16px;
}
.checkout-form-section .checkout-form__table .order-total th,
.woocommerce-cart-form .checkout-form-section .checkout-form__table .order-total th {
text-align: right;
}
}
@media (max-width: 479px) {
.checkout-form-section .checkout-form__table tbody,
.woocommerce-cart-form .checkout-form-section .checkout-form__table tbody {
grid-template-columns: 1fr;
}
}
.checkout-form-section .checkout-form__card {
background: #fff;
padding: 24px 28px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.checkout-form-section .checkout-form__hint {
margin: 0 0 20px;
color: #111;
font-size: 15px;
line-height: 1.4;
}
.checkout-form-section .baltkabel-checkout-form .form-row {
margin-bottom: 16px;
}
.checkout-form-section .baltkabel-checkout-form .form-row label {
display: block;
margin-bottom: 6px;
font-weight: 500;
}
.checkout-form-section .baltkabel-checkout-form .form-row .required {
color: #D21113;
}
.checkout-form-section .checkout-form__errors {
margin-bottom: 16px;
padding: 12px 14px;
background: #fff5f5;
border: 1px solid #f5c6cb;
border-radius: 4px;
color: #721c24;
}
.checkout-form-section .checkout-form__errors-title {
margin: 0 0 8px;
font-weight: 600;
font-size: 14px;
}
.checkout-form-section .checkout-form__errors ul {
margin: 0;
padding-left: 20px;
}
.checkout-form-section .checkout-form__errors .checkout-form__error-item {
margin-bottom: 4px;
}
.checkout-form-section .baltkabel-checkout-form .form-row--error .input-text {
border-color: #D21113;
}
.checkout-form-section .baltkabel-checkout-form .form-row__error {
display: block;
margin-top: 6px;
font-size: 13px;
color: #D21113;
}
.checkout-form-section .baltkabel-checkout-form input.input-text,
.checkout-form-section .baltkabel-checkout-form textarea.input-text {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.checkout-form-section .form-row-checkbox .checkbox-label {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-weight: 400;
}
.checkout-form-section .form-row-checkbox .checkbox-label input[type="checkbox"] {
margin-top: 4px;
flex-shrink: 0;
}
.checkout-form-section .consent-highlight {
color: #D21113;
}
.checkout-form-section .checkout-form__submit-btn {
width: 100%;
padding: 14px 24px;
background: #D21113;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.checkout-form-section .checkout-form__submit-btn:hover {
background: #8c090c;
color: #fff;
}
.checkout-form-section .checkout-form__submit-btn.loading {
pointer-events: none;
opacity: 0.7;
} .checkout-form-section .checkout-form__thankyou {
max-width: 560px;
margin: 0 auto;
background: #fff;
padding: 40px 32px;
border-radius: 8px;
text-align: center;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.checkout-form-section .checkout-form__thankyou-title {
font-size: 1.35em;
font-weight: 700;
margin: 0 0 12px;
color: #111;
}
.checkout-form-section .checkout-form__thankyou-text {
margin: 0 0 24px;
color: #666;
font-size: 15px;
}
.checkout-form-section .checkout-form__thankyou-btn {
margin: 0 0 24px;
}
.checkout-form-section .checkout-form__continue-btn {
display: inline-block;
padding: 14px 32px;
background: #D21113;
color: #fff !important;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.checkout-form-section .checkout-form__continue-btn:hover {
background: #a80d0f;
color: #fff !important;
}
.checkout-form-section .checkout-form__thankyou-support {
margin: 0;
font-size: 14px;
color: #111;
line-height: 1.5;
} .intro {
height: 800px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/intro-bg.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.intro__content {
position: relative;
width: 100%;
height: 100%;
color: #FFFFFF;
}
.intro__title {
display: flex;
align-items: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 160px;
font-size: 34px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
padding: 0 var(--intro-text-leftmargin);
}
.intro__swiper {
height: 100%;
}
.intro__swiper .swiper-button-prev {
left: 35px !important;
color: rgba(255, 255, 255, 0.5);
}
.intro__swiper .swiper-button-prev::after {
font-size: 27px !important;
content: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-arrow-left_white.svg) !important;
}
.intro__swiper .swiper-button-next {
right: 35px !important;
color: rgba(255, 255, 255, 0.5);
}
.intro__swiper .swiper-button-next::after {
font-size: 27px !important;
content: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-arrow-right_white.svg) !important;
}
.intro__swiper .swiper-pagination-bullet {
background: #FFFFFF !important;
opacity: 1 !important;
width: 4px;
height: 4px;
margin: 0 5px !important;
}
.intro__swiper .swiper-pagination-bullet-active {
width: 30px;
border-radius: 2px !important;
}
.intro__swiper-itrms {
height: 100%;
}
.intro__swiper-itrm {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.intro__swiper-block {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
position: relative;
width: 44.45%;
height: 473px;
background: linear-gradient(-90deg, rgba(255, 255, 255, 0.18) 0%, rgba(128, 128, 128, 0) 100%);
margin-right: var(--intro-text-leftmargin);
color: #FFFFFF;
cursor: pointer;
}
.intro__swiper-block:hover {
color: #FFFFFF;
}
.intro__swiper-block-title {
max-width: 400px;
margin-right: 30px;
padding-right: 20px;
border-right: 1px solid #FFFFFF;
text-align: right;
line-height: 18px;
margin-bottom: 20px;
}
.intro__swiper-block-code {
display: flex;
align-items: flex-end;
position: absolute;
right: 0;
bottom: 0;
height: 90%;
margin-right: 30px;
padding-right: 20px;
border-right: 1px solid #FFFFFF;
font-size: 50px;
z-index: -1;
font-weight: 300;
}
.intro__swiper-block-img {
position: relative;
text-align: right;
}
.intro__swiper-block-img img {
width: 85%;
margin-bottom: 50px;
filter: drop-shadow(0px 50px 50px rgba(0, 0, 0, 0.34));
}
.intro__swiper-pagination {
bottom: 50px !important;
}
.intro__desc {
position: absolute;
left: var(--intro-text-leftmargin);
top: 50%;
transform: translate(0, -50%);
z-index: 1;
max-width: 40%;
}
.intro__desc-text {
font-size: 28px;
line-height: 52px;
margin-bottom: 40px;
}
.intro__desc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 70px;
padding: 0 30px;
border-radius: 6px;
background-color: #D21113;
font-size: 18px;
color: #FFFFFF;
}
.intro__desc-btn:hover {
background-color: #8c090c;
color: #FFFFFF;
}
.second-intro__content {
position: relative;
width: 100%;
height: 100%;
}
.second-intro__grid {
padding: 120px 20px;
display: flex;
align-items: center;
height: initial;
}
.first-intro-slide{
justify-content: space-evenly;
align-items: center;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/fon.jpg) no-repeat;
background-position: center;
background-size: cover;
color: #FFFFFF;
}
.second-intro-slide{
justify-content: center;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/sec_fon.jpg) no-repeat;
background-position: center;
background-size: cover;
}
.second-intro-slide__wrapper{
display: inline-flex;
flex-direction: column;
max-width: 1300px;
}
.second-intro-slide__logos{
display: flex;
align-items: center;
gap: 50px;
margin-bottom: 70px;
}
.second-intro-slide__logos img{
max-width: 100%;
}
.second-intro-slide__titles{
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 70px;
}
.second-intro-slide__title{
font-size: 54px;
font-weight: 700;
text-transform: uppercase;
}
.second-intro-slide__title-desc{
font-size: 30px;
}
.second-intro-slide__links{
display: grid;
grid-template-columns: auto 1fr;
row-gap: 10px;
column-gap: 20px;
max-width: 490px;
}
.second-intro-slide__links-qr{
grid-area: 1 / 1 / 3 / 2;
}
.second-intro-slide__links-desc{
font-size: 20px;
}
.second-intro__grid-left {
display: flex;
flex-direction: column;
gap: 70px;
max-width: 685px;
}
.second-intro__grid-left-tochka{
display: block;
}
.second-intro__grid-left-tochka img{
width: 100%;
max-width: 380px;
}
.second-intro__grid-left-desc {
display: flex;
flex-direction: column;
gap: 20px;
}
.second-intro__grid-left-desc-top {
font-size: 28px;
}
.second-intro__grid-left-desc-slogan {
font-size: 44px;
font-weight: 700;
text-transform: uppercase;
}
.second-intro__grid-right {
display: flex;
flex-direction: column;
gap: 50px;
max-width: 420px;
}
.second-intro__grid-right-item {
display: flex;
flex-direction: column;
gap: 0px;
}
.second-intro__grid-right-item-middle {
font-size: 93px;
font-weight: 700;
line-height: 1;
text-wrap: nowrap;
}
.second-intro__grid-right-item-bottom {
font-size: 24px;
max-width: 315px;
}
.second-intro__swiper-button-prev,
.second-intro__swiper-button-next{
color: #AAAAAA;
}
.second-intro__swiper-button-prev::after,
.second-intro__swiper-button-next::after{
font-size: 28px;
} .homeabout {
position: relative;
background: linear-gradient(90deg, transparent 67%, #EBEBEB 33%);
}
.homeabout__ang {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.homeabout .container {
padding-top: 100px;
padding-bottom: 120px;
}
.homeabout__content {
display: grid;
grid-template-columns: calc(50% - 25px) calc(50% - 25px);
gap: 50px;
}
.homeabout__text {
display: flex;
flex-direction: column;
justify-content: center;
}
.homeabout__text p {
padding-bottom: 20px;
line-height: 18px;
}
.homeabout__text a {
color: #D21113;
text-decoration: underline;
}
.homeabout__images {
position: relative;
}
.homeabout__swp {
width: 100%;
height: 358px;
}
.homeabout__swp-items {
display: flex;
align-items: center;
}
.homeabout__swp-item {
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
transition: all 0.3s;
}
.homeabout__swp-item.swiper-slide {
opacity: 0.5;
width: 415px;
height: 245px;
}
.homeabout__swp-item.swiper-slide-active {
opacity: 1;
width: 608px !important;
height: 100%;
}
.second-intro__swiper-pagination,
.homeabout__swp-navbox {
display: flex;
align-items: center;
max-width: 608px;
padding-top: 20px;
}
.second-intro__swiper-pagination .swiper-pagination-bullet,
.homeabout__swp-navbox .swiper-pagination-bullet {
background: #A4A4A4 !important;
opacity: 1 !important;
width: 4px;
height: 4px;
margin: 0 5px !important;
}
.second-intro__swiper-pagination .swiper-pagination-bullet-active,
.homeabout__swp-navbox .swiper-pagination-bullet-active {
width: 30px;
border-radius: 2px !important;
}
.second-intro__swiper-pagination{
justify-content: center;
max-width: 100%;
}
.homeabout__swp-pagination {
display: flex;
align-items: center;
}
.homeabout__swp-navigation {
display: flex;
align-items: center;
}
.homeabout__swp-prev {
padding: 7px 10px;
margin-right: 20px;
cursor: pointer;
}
.homeabout__swp-next {
padding: 7px 10px;
cursor: pointer;
} .homeproducts {
background-color: #F7F7F7;
}
.homeproducts .container {
padding-top: 100px;
padding-bottom: 120px;
}
.homeproducts .section-title {
margin-bottom: 20px;
}
.homeproducts__content { margin-top:30px;
}
.homeproducts__blocks {
display: flex;
flex-direction: column;
}
.homeproducts__block-title {
scroll-margin-top: var(--header-height, 120px);
padding: 50px 20px;
font-size: 18px;
font-weight: 700;
}
.homeproducts__show-more {
margin: 20px 0 30px; }
.homeproducts__show-more-link {
display: flex;
align-items: center;
justify-content: center;
height: 58px;
padding: 0px 20px;
background: #D21113;
color: #fff;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
transition: background 0.2s;
}
.homeproducts__show-more-link:hover {
background: #8c090c;
color: #fff;
} .products-info__show-more {
margin: 20px 0 30px;
padding: 0 20px;
}
.products-info__analogs-show-more-link {
display: flex;
align-items: center;
justify-content: center;
height: 58px;
padding: 0 20px;
background: #D21113;
color: #fff;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
transition: background 0.2s;
}
.products-info__analogs-show-more-link:hover {
background: #8c090c;
color: #fff;
}
.homeproducts__items {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
} .homeproducts__items:not(.--home) {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
align-items: stretch;
}
.homeproducts__items:not(.--home) li.product {
display: flex;
flex-direction: column;
min-width: 0;
}
.homeproducts__items li.product{list-style:none;} .homeproducts__items:not(.--home) li.product .woocommerce-loop-product__link,
.homeproducts__items:not(.--home) li.product a:first-of-type {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
overflow: visible;
min-height: 200px;
flex:1; order: -1;
}
.homeproducts__items:not(.--home) li.product img.attachment-woocommerce_thumbnail,
.homeproducts__items:not(.--home) li.product img.size-woocommerce_thumbnail,
.homeproducts__items:not(.--home) li.product img.attachment-woocommerce_single,
.homeproducts__items:not(.--home) li.product img.size-woocommerce_single {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 180px !important;
object-fit: contain;
object-position: center; }
.homeproducts__items li.product img.attachment-woocommerce_thumbnail,
.homeproducts__items li.product img.size-woocommerce_thumbnail {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain;
object-position: center;
}
.homeproducts__items:not(.--home) li.product .woocommerce-loop-product__title {
margin-top: 10px;margin-bottom: auto;
}
.homeproducts__items:not(.--home) .woocommerce-loop-product__title .product-title-suffix {
font-size: 0.85em;
font-weight: normal;
}
.homeproducts__items:not(.--home) li.product .add_to_cart_button {
margin-left: auto;
margin-right: auto;
}
.homeproducts__items.--home li.product .woocommerce-loop-product__link,
.homeproducts__items.--home li.product a:first-of-type {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
min-height: 220px;
height: 220px;
flex-shrink: 0;
overflow: visible;
}
.homeproducts__items .woocommerce-loop-product__title {
font-size: 1.375em;
}
.homeproducts__items .price {
font-size: 18px;margin-top:10px;
}
.homeproducts__items li.product .products-info__card-qty {
margin-top: 8px;
}
.homeproducts__items li.product .add_to_cart_button{display:flex;width:80%;    padding:0px 20px;height:58px;align-items: center;justify-content: center;
background-color: #D21113;
border: 0;
border-radius: 4px;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 0;
cursor: pointer;
text-align: center;
margin-top:15px;}
.homeproducts__items li.product .add_to_cart_button:hover {
background-color: #8c090c;
}
.products-category__content	.single_add_to_cart_button {display:block;width:80%;    padding:20px 40px;
background-color: #D21113;
border: 0;
border-radius: 4px;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 0;
cursor: pointer;
text-align: center;
margin-top:15px;}
.products-category__content .single_add_to_cart_button:hover {
background-color: #8c090c;
}
.homeproducts__items.--home{
column-gap: 15px;
row-gap: 30px;
} .wc-block-components-address-form__country,
.wc-block-components-country-input {
margin-top: 12px;
} .wc-block-cart-items__row .wc-block-components-product-metadata__description {
display: none;
}
.wc-block-cart-item__product .wc-block-cart-item__wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
padding-bottom: 2.5em;
}
.wc-block-cart-item__product .wc-block-cart-item__wrap > .wc-block-components-product-name {
order: 0;
margin-right: 12px;
}
.wc-block-cart-item__product .wc-block-cart-item__wrap > .wc-block-cart-item__prices {
order: 1;
margin-right: 12px;
}
.wc-block-cart-item__product .wc-block-cart-item__wrap > .wc-block-components-product-metadata {
display: none;
}
.wc-block-cart-item__product .wc-block-cart-item__wrap > .wc-block-cart-item__quantity {
order: 2;
margin-left: auto;
}
.wc-block-cart-item__product .wc-block-cart-item__remove-link {
position: absolute;
right: 0;
bottom: 0;
} .wc-block-cart__submit-button,
.wc-block-cart .wc-block-components-button.contained,
a.wc-block-components-button.wc-block-cart__submit-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
max-width: 320px;
padding: 14px 24px !important;
background: #D21113 !important;
color: #fff !important;
border: none !important;
border-radius: 4px;
font-size: 16px !important;
font-weight: 600;
cursor: pointer;
text-decoration: none !important;
transition: background 0.2s;
}
.wc-block-cart__submit-button:hover,
.wc-block-cart .wc-block-components-button.contained:hover,
a.wc-block-components-button.wc-block-cart__submit-button:hover {
background: #8c090c !important;
color: #fff !important;
} .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart_totals a.checkout-button,
.woocommerce-cart .cart-collaterals a.button.checkout-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
padding: 14px 24px !important;
background: #D21113 !important;
color: #fff !important;
border: none !important;
border-radius: 4px;
font-size: 16px !important;
font-weight: 600;
text-decoration: none !important;
transition: background 0.2s;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .cart_totals a.checkout-button:hover,
.woocommerce-cart .cart-collaterals a.button.checkout-button:hover {
background: #8c090c !important;
color: #fff !important;
} .woocommerce-cart-form .product-name * {
visibility: hidden;
}
.woocommerce-cart-form .product-name a,
.woocommerce-cart-form .product-name a * {
visibility: visible;
} .woocommerce-cart-form .checkout-form__table .product-name,
.woocommerce-cart-form .checkout-form__table .product-name * {
visibility: visible !important;
}
.woocommerce-cart-form__contents tr.cart_item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
padding-bottom: 2.5em;
}
.woocommerce-cart-form__contents tr.cart_item td {
display: block;
border: none;
padding: 8px 12px 8px 0;
}
.woocommerce-cart-form__contents tr.cart_item td.product-thumbnail {
order: 0;
}
.woocommerce-cart-form__contents tr.cart_item td.product-name {
order: 1;
}
.woocommerce-cart-form__contents tr.cart_item td.product-price {
order: 2;
}
.woocommerce-cart-form__contents tr.cart_item td.product-quantity {
order: 3;
margin-left: auto;
}
.woocommerce-cart-form__contents tr.cart_item td.product-subtotal {
order: 4;
}
.woocommerce-cart-form__contents tr.cart_item td.product-remove {
order: 5;
position: absolute;
right: 0;
bottom: 0;
padding: 0;
} .cart-page-section.checkout-section {
margin-top: 0;
} .cart-page__layout {
display: grid;
grid-template-columns: 1fr minmax(280px, 320px);
gap: 24px 32px;
align-items: start;
}
.cart-page__layout .woocommerce-cart-form,
.cart-page__layout .cart-collaterals {
min-width: 0; }
@media (max-width: 991px) {
.cart-page__layout {
grid-template-columns: 1fr;
}
}  .woocommerce-cart-form .cart-actions {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
flex-shrink: 0;
}
.woocommerce-cart-form .cart-actions .coupon {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.woocommerce-cart-form .cart-actions .coupon input {
padding: 10px 14px;
border: 1px solid #ddd;
border-radius: 4px;
min-width: 160px;
}
.woocommerce-cart-form .cart-actions .button {
padding: 10px 20px;
background: #D21113;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
}
.woocommerce-cart-form .cart-actions .button:hover {
background: #8c090c;
color: #fff;
}
.woocommerce-cart-form .checkout-form__table .cart-empty-message {
padding: 12px 16px;
text-align: center;
color: #666;
background: #f5f5f5;
border-left: 4px solid #D21113;
margin: 0 0 12px;
}
.woocommerce-cart-form .checkout-form-section {
min-width: 0; }
.homeproducts__item {
position: relative;
display: flex;
justify-content: flex-end;
max-width: 328px;
width: 100%;
height: 290px;
overflow: hidden;
}
.homeproducts__item-img {
width: 100%;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -30%);
filter: drop-shadow(15px 30px 10px rgba(0, 0, 0, 0.1));
}
.homeproducts__item-img--placeholder {
min-height: 180px;
background: #eee;
}
.homeproducts__item-content {
width: 90%;
height: 100%;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/homeproducts-bg.svg) no-repeat;
background-size: cover;
background-position: left bottom;
}
.homeproducts__item-title {
position: relative;
padding: 15px;
line-height: 18px;
}
.homeproducts__item-title::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 1px;
height: 30px;
background-color: #919191;
}
.homeproducts__item-code {
padding-left: 15px;
font-size: 30px;
font-weight: 300;
} .products-category {
background-color: #F7F7F7;
padding-bottom: 50px;
}
.products-category .container {
padding-top: 50px;
}
.products-category__content {
padding: 0 0 50px;
} .products-category__content--with-sidebar .products-category__wrap {
display: grid;
grid-template-columns: 1.25fr 3.75fr;
gap: 40px;
align-items: start;
}
.products-category__sidebar {
position: sticky;
top: calc(var(--header-height, 120px) + 20px);
max-height: calc(100vh - var(--header-height, 120px) - 40px);
display: flex;
flex-direction: column;
row-gap: 15px;
min-height: 0;
background: #fff;
border-radius: 8px;
padding: 24px 20px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.products-category__sidebar-header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px; padding-bottom: 12px;
border-bottom: 1px solid #eee;
}
.products-category__sidebar-title {
font-size: 1rem;
font-weight: 700;
color: #333;
margin: 0;
padding: 0;
border: none;
}
.products-category__sidebar-toggle {
display: none;
flex-shrink: 0;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
padding: 0 12px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
color: #333;
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
transition: background 0.2s, border-color 0.2s;
}
.products-category__sidebar-toggle:hover {
background: #f5f5f5;
border-color: #ccc;
}
.products-category__sidebar-toggle::after {
content: '';
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
margin-bottom: 2px;
transition: transform 0.2s;
} .products-category__sidebar:not(.is-collapsed) .products-category__sidebar-toggle::after {
transform: rotate(-135deg);
margin-bottom: -2px;
} .products-category__sidebar.is-collapsed .products-category__sidebar-toggle::after {
transform: rotate(45deg);
margin-bottom: 2px;
}
.products-category__sidebar-list {
list-style: none;
margin: 0;
padding: 0;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.products-category__sidebar-item {
margin: 0 0 4px;
}
.products-category__sidebar-link {
display: block;
padding: 8px 12px;
color: #333;
text-decoration: none;
border-radius: 6px;
font-size: 0.9375rem;
transition: background 0.2s, color 0.2s;
}
.products-category__sidebar-link:hover {
background: #f0f0f0;
color: #8c090c;
}
.products-category__sidebar-link--current,
.products-category__sidebar-link--active {
background: #8c090c;
color: #fff;
}
.products-category__sidebar-link--current:hover,
.products-category__sidebar-link--active:hover {
background: #6d0709;
color: #fff;
} .products-category__sidebar-body {
display: grid;
grid-template-columns: 100%;
gap: 30px;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} .products-category__sidebar-section + .products-category__sidebar-section {
margin-top: 0;
padding-top: 0;
border-top: none;
} .products-category__sidebar > .products-category__sidebar-list {
columns: 1;
column-gap: 8px;
}
.products-category__sidebar > .products-category__sidebar-list .products-category__sidebar-item {
break-inside: avoid;
} .products-category__sidebar-section-title {
font-size: 0.875rem;
font-weight: 600;
color: #333;
margin: 0 0 6px 4px;
padding: 0;
} .products-category__sidebar-section .products-category__sidebar-list {
flex: none;
overflow-y: visible;
max-height: none;
} @media (min-width: 1025px) {
.products-category__sidebar-header {
display: none;
}
}
@media (max-width: 1024px) {
.products-category__content--with-sidebar .products-category__wrap {
grid-template-columns: 1fr;
}
.products-category__sidebar {
position: static;
max-height: none;
}
.products-category__sidebar-toggle {
display: flex;
} .products-category__sidebar-body.is-collapsed {
display: none !important;
}
.products-category__sidebar-body:not(.is-collapsed) {
display: grid;
grid-template-columns: 1fr;
} .products-category__sidebar-body > .products-category__sidebar-list,
.products-category__sidebar > .products-category__sidebar-list {
columns: 100%;
}
.products-category__sidebar-section + .products-category__sidebar-section {
border-left: none;
padding-left: 0;
border-top: 1px solid #eee;
padding-top: 14px;
margin-top: 12px;
} .products-category__sidebar-list {
max-height: 100vw;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: max-height 0.3s ease-out;
}
.products-category__sidebar-list.is-collapsed {
display: none !important;
}
.products-category__sidebar-list:not(.is-collapsed) {
display: block;
}
} .cat-tag-filter { margin: 0 0 24px;
}
.cat-tag-filter__selects {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 16px;
}
.cat-tag-filter__group {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1 1 200px;
min-width: 180px;
}
.cat-tag-filter__label {
font-size: 0.875rem;
font-weight: 600;
color: #333;
}
.cat-tag-filter__select-wrap {
position: relative;
}
.cat-tag-filter__select-wrap::after {
content: '';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-75%) rotate(45deg);
width: 7px;
height: 7px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
pointer-events: none;
}
.cat-tag-filter__select {
display: block;
width: 100%;
padding: 9px 36px 9px 12px;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
font-size: 0.9375rem;
color: #333;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
transition: border-color 0.2s;
}
.cat-tag-filter__select:hover,
.cat-tag-filter__select:focus {
border-color: #D21113;
outline: none;
}
.cat-tag-filter__action {
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.cat-tag-filter__btn {
display: inline-flex;
height: 39px;
align-items: center;
padding: 9px 24px;
background: #D21113;
color: #fff;
font-size: 0.9375rem;
font-weight: 600;
border-radius: 4px;
text-decoration: none;
transition: background 0.2s;
white-space: nowrap;
}
.cat-tag-filter__btn:hover {
background: #8c090c;
color: #fff;
}
@media (max-width: 768px) {
.cat-tag-filter__selects {
flex-direction: column;
gap: 12px;
}
.cat-tag-filter__group {
min-width: 0;
flex: 1 1 auto;
}
.cat-tag-filter__action {
width: 100%;
}
.cat-tag-filter__btn {
display: block;
text-align: center;
}
}  .cat-tag-filter--links .cat-tag-filter__groups {
display: flex;
flex-direction: column;
gap: 12px;
}
.cat-tag-filter--links .cat-tag-filter__group {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
flex-wrap: wrap;
flex: none;
min-width: 0;
}
.cat-tag-filter__group-label {
font-size: 0.875rem;
font-weight: 600;
color: #333;
white-space: nowrap; flex-shrink: 0;
}
.cat-tag-filter__link-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.cat-tag-filter__link {
display: inline-flex;
align-items: center;
padding: 0 10px;
height: 40px;
background: transparent;
border: 2px solid #d21113;
border-radius: 20px;
font-size: 0.875rem;
color: #333;
text-decoration: none;
transition: border-color 0.2s, color 0.2s, background 0.2s;
color: #d21113;
font-weight: 600;
}
.cat-tag-filter__link:hover, .cat-tag-filter__link:focus {
border-color: #D21113;
color: white;
background: #D21113;
}
.cat-tag-filter__link--active {
background: #D21113;
border-color: #D21113;
color: white;
cursor: default;
pointer-events: none;
}
@media (max-width: 768px) {
.cat-tag-filter--links .cat-tag-filter__group {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
} .catalog-selected-filters {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.catalog-selected-filters__title {
font-size: 0.875rem;
font-weight: 600;
color: #555;
}
.catalog-selected-filters__tag {
display: inline-flex;
align-items: center;
padding: 0 10px;
height: 40px;
gap: 7px;
background: #d21113;
border: 2px solid #d21113;
border-radius: 20px;
font-size: 0.875rem;
color: #333;
text-decoration: none;
transition: border-color 0.2s, color 0.2s, background 0.2s;
color: white;
font-weight: 600;
}
.catalog-selected-filters__tag:hover {
border-color: #D21113;
color: #D21113;
background: white;
}
.catalog-selected-filters__tag-remove {
font-size: 1.5rem;
line-height: 1;
opacity: 0.85;
position: relative;
top: 1px;
}
.catalog-selected-filters__tag:hover .catalog-selected-filters__tag-remove {
opacity: 1;
}
.products-info__grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.products-info__group ul{
padding-left: 19px;
}
.products-info__group ul li{
padding: 3px 0;
color: #8c090c;
}
.products-info__desc {
color: #888;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 30px;
row-gap: 12px;
line-height: 1.4;
font-size: 14px;
margin-bottom: 12px;
}
.products-category--single .products-info__desc span:nth-child(2n-1) {
color: #888;
}
.products-info__desc span:nth-child(2n) {
color: #111;
}
.products-category--single .products-info__desc span:nth-child(2n) {
text-align: right;
}
.products-info__desc cel {
color: #D21113;
}
.products-info__img {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.products-info__img img {
max-width: 100%;
width: auto;
height: auto;
}
.products-category--single .products-info__img img {
max-width: 500px;
width: 100%;
height: initial;
}
.products-info__th {
margin: 50px 0;
}
.products-info__th-title {
color: #888888;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #bbbbbb;
}
.products-info__th-info {
display: flex;
align-items: baseline;
margin-bottom: 12px;
}
.products-info__th-info:last-child {
margin-bottom: 0;
}
.products-info__th-info span:first-child { flex: .33;
font-weight: normal;
color: #666;
line-height: 1.2;
}
.products-info__th-info span:last-child { min-width: 0;
flex: auto;
font-weight: 500;
color: #333;
text-align: right;
line-height: 1.2;
overflow-wrap: break-word;
} .products-info__th-text {
line-height: 20px;
contain: layout style;
isolation: isolate;
}
.products-info__th-text-inner {
display: flow-root;
}
.products-info__th-text-inner p,
.products-info__th-text-inner ul,
.products-info__th-text-inner ol,
.products-info__th-text-inner h1,
.products-info__th-text-inner h2,
.products-info__th-text-inner h3,
.products-info__th-text-inner h4 {
margin-top: 0;
margin-bottom: 0.75em;
}
.products-info__th-text-inner p:last-child,
.products-info__th-text-inner ul:last-child,
.products-info__th-text-inner ol:last-child {
margin-bottom: 0;
}
.products-info__na-sclade {
display: flex;
align-items: center;
gap: 5px;
color: green;
margin-top: 20px;
}
.products-info__na-sclade-circle {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 8px;
background-color: green;
vertical-align: middle;
}
.products-info__na-sclade--out .products-info__na-sclade-circle {
background-color: red;
}
.products-info__na-sclade--out,
.products-info__na-sclade--out .products-info__na-sclade-text {
color: #666;
}
.products-info__na-sclade.products-info__na-sclade--low .products-info__na-sclade-circle {
background-color: rgb(251, 191, 36);
}
.products-info__na-sclade.products-info__na-sclade--low,
.products-info__na-sclade.products-info__na-sclade--low .products-info__na-sclade-text {
color: rgb(251, 191, 36);
}
.products-info__action {
flex-basis: 100%;
margin-top: 20px;
} .products-category--single .container > .section-title {
padding: 3px 0 3px 30px;
font-size: 28px;
font-weight: bold;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/title-bg.svg) no-repeat;
background-position: left bottom;
margin-bottom: 30px;
}
.products-category--single .products-info__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
align-items: start;
}
.products-category--single .products-info__img {
grid-row: 1 / -1;
}
.products-category--single .products-info__group {
grid-column: 2;
font-size: 14px;
color: #888;margin-bottom:12px;
}
.products-category--single .products-info__desc {
grid-column: 2;
}
.products-category--single .products-info__price,
.products-category--single .products-info__form.products-info__action,
.products-category--single .products-info__action,
.products-category--single .products-info__request-form {
grid-column: 2;
}
.products-category--single .products-info__desc .products-info__na-sclade {
margin-top: 0;
}
@media (max-width: 991px) {
.products-category--single .products-info__grid {
grid-template-columns: 100%;
gap:0;
}
.products-category--single .products-info__img {
grid-row: auto;
}
.products-category--single .products-info__group,
.products-category--single .products-info__desc,
.products-category--single .products-info__price,
.products-category--single .products-info__form.products-info__action,
.products-category--single .products-info__action,
.products-category--single .products-info__request-form {
grid-column: 1;
}
}
.products-info__title {
font-size: 28px;
font-weight: bold;
margin: 0 0 5px;
line-height: 1.2;
color: #111;
}
.products-info__right {
display: flex;
flex-direction: column;
gap: 15px;
}
.products-info__meta {
display: grid;
grid-template-columns: auto auto;
column-gap: 30px;
row-gap: 10px;
align-items: center;
color: #888;
font-size: 14px;
}
.products-info__meta .products-info__status {
color: inherit;
}
.products-info__status .products-info__na-sclade {
margin-top: 0;
}
.products-info__stock-out {
color: #666;
} .product-offers {
display: flex;
flex-direction: column;
gap: 12px;
}
.product-offer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.product-offer .offer-name {
margin: 0;
color: #111;
font-weight: 500;
min-width: 120px;
}
.product-offer .buttons {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.product-offer .offer-value {
display: inline-block;
padding: 4px 12px;
border: 1px solid #D21113;
color: #D21113;
font-size: 13px;
text-decoration: none;
border-radius: 3px;
}
.product-offer .offer-value:hover {
background: #D21113;
color: #fff;
}
.product-offer .offer-value.choosed,
.product-offer .offer-value[aria-current="page"] {
background: #D21113;
color: #fff;
border-color: #D21113;
}
.product-offer span.offer-value.choosed {
cursor: default;
pointer-events: none;
} .products-info__attr-nav {
display: flex;
flex-direction: column;
gap: 16px;
margin: 20px 0;
}
.products-info__attr-nav-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.products-info__attr-nav-label {
color: #111;
font-weight: 600;
font-size: 14px;
}
.products-info__attr-nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.products-info__attr-nav-link {
display: inline-block;
padding: 6px 14px;
border: 1px solid #ccc;
background: #f5f5f5;
color: #111;
font-size: 13px;
text-decoration: none;
border-radius: 4px;
transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.products-info__attr-nav-link:hover {
border-color: #D21113;
color: #D21113;
background: #fff;
}
.products-info__attr-nav-link.is-current,
.products-info__attr-nav-link.active {
border-color: #D21113;
color: #111;
background: #fff;
cursor: default;
pointer-events: none;
} .products-info__attr-nav-select-wrap {
max-width: 280px;
}
.products-info__attr-nav-select {
display: block;
width: initial;
padding: 8px 32px 8px 12px;
border: 1px solid #ccc;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;
background-size: 12px;
color: #111;
font-size: 14px;
font-family: inherit;
border-radius: 4px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
}
.products-info__attr-nav-select:hover,
.products-info__attr-nav-select:focus {
border-color: #D21113;
outline: none;
}
.products-info__price {
font-size: 20px;
font-weight: bold;
color: #111;
margin-bottom: 12px;
}
.products-info__form.products-info__action {
position: relative;
margin-top: 8px;
}
.products-info__form.products-info__action .wpcf7-response-output {
position: relative;
}
.products-info__price-from {
font-weight: normal;
color: #666;
}
.products-info__short-desc {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #eee;
line-height: 1.5;
}
.products-info__tabs {
margin-top: 50px;
border: 1px solid #e0e0e0;
border-radius: 4px;
overflow: hidden;
background: #fff;
}
.products-info__tabs-nav {
display: flex;
flex-wrap: wrap;
gap: 0;
background: #f7f7f7;
border-bottom: 1px solid #e0e0e0;
padding: 0 4px 0 0;
}
.products-info__tabs-tab {
padding: 16px 24px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
color: #666;
background: none;
border: none;
cursor: pointer;
border-bottom: 3px solid transparent;
margin-bottom: -1px;
text-transform: uppercase;
letter-spacing: 0.02em;
transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.products-info__tabs-tab:hover {
color: #111;
}
.products-info__tabs-tab.is-active {
color: #D21113;
background: #fff;
border-bottom-color: #D21113;
}
@media (max-width: 767px) {
.products-info__tabs-nav {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
padding: 0;
}
.products-info__tabs-tab {
padding: 12px 8px;
font-size: 12px;
text-align: center;
border-bottom: none;
margin-bottom: 0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.products-info__tabs-tab:nth-child(3n) {
border-right: none;
}
.products-info__tabs-tab:nth-child(n+4) {
border-bottom: none;
}
.products-info__tabs-tab.is-active {
border-bottom: 3px solid #D21113;
margin-bottom: -1px;
}
}
.products-info__tabs-panels {
background: #fff;
}
.products-info__tabs-panel {
display: none;
padding: 30px 28px;
line-height: 1.6;
}
.products-info__tabs-panel.is-active {
display: block;
} .products-info__delivery-payment {
display: flex;
flex-direction: column;
gap: 20px;
} .products-info__delivery-content {
gap: 28px;
}
.products-info__delivery-content .products-info__delivery-section {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
.products-info__delivery-content .products-info__delivery-icon {
flex-shrink: 0;
color: #D21113;
}
.products-info__delivery-section-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.products-info__delivery-heading {
margin: 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
color: #111;
}
.products-info__delivery-section .products-info__delivery-payment-text {
margin: 0;
color: #333;
line-height: 1.5;
}
.products-info__delivery-link {
color: #D21113;
text-decoration: underline;
}
.products-info__delivery-link:hover {
text-decoration: none;
} .products-info__delivery-content .products-info__delivery-section--no-icon {
display: block;
}
.products-info__delivery-section--no-icon .products-info__delivery-heading {
margin-bottom: 4px;
} .products-info__delivery-logos {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
margin-top: 12px;
}
.products-info__delivery-logo-img {
display: block;
max-height: 36px;
width: auto;
height: auto;
max-width: 120px;
object-fit: contain;
object-position: left center;
}
.products-info__delivery-payment-item {
display: flex;
align-items: flex-start;
gap: 16px;
}
.products-info__delivery-payment-icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: #333;
}
.products-info__delivery-payment-icon svg {
width: 100%;
height: 100%;
}
.products-info__delivery-payment-text {
line-height: 1.5;
color: #111;
}
.products-info__delivery-payment-accent {
color: #D21113;
font-weight: 600;
} .products-info__payment-content {
display: flex;
flex-direction: column;
gap: 16px;
}
.products-info__payment-text {
margin: 0;
line-height: 1.5;
color: #333;
}
.products-info__payment-text--plain {
margin-bottom: 0;
}
.products-info__payment-box {
padding: 16px 20px;
background-color: #eef2f7;
border-radius: 8px;
}
.products-info__payment-box .products-info__payment-text {
margin: 0;
}
.products-info__payment-box .products-info__payment-text b {
font-weight: 600;
color: #111;
} .products-info__product-conditions {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 20px;
}
.products-info__product-conditions .products-info__delivery-payment-text {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 8px;
}
.products-info__product-conditions .products-info__delivery-payment-text a.products-info__delivery-payment-accent {
text-decoration: none;
}
.products-info__copy-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border: none;
background: transparent;
color: #999;
cursor: pointer;
border-radius: 4px;
transition: color 0.2s, background 0.2s;
}
.products-info__copy-btn:hover {
color: #D21113;
background: rgba(210, 17, 19, 0.08);
}
.products-info__copy-btn svg {
width: 16px;
height: 16px;
}
.products-info__table {
width: 100%;
border-collapse: collapse;
}
.products-info__table th,
.products-info__table td {
padding: 10px 12px;
text-align: left;
border-bottom: 1px solid #eee;
}
.products-info__table th {
font-weight: bold;
color: #111;
background: #f9f9f9;
}
.products-info__table .button {
padding: 6px 14px;
font-size: 13px;
}
.products-info__list {
list-style: none;
padding: 0;
margin: 0;
}
.products-info__list li {
padding: 8px 0;
border-bottom: 1px solid #f0f0f0;
}
.products-info__list a:hover {
color: #D21113;
} .products-info__cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.products-info__card {
display: flex;
align-items: center;
gap: 16px;
padding: 16px;
border: 1px solid #e8e8e8;
border-radius: 4px;
background: #fafafa;
min-width: 0;
flex: 1 1 100%;
}
.products-info__card-img {
flex-shrink: 0;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.products-info__card-img img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.products-info__card-name {
flex: 1 1 auto;
min-width: 0;
}
.products-info__card-name a {
color: #111;
text-decoration: none;
font-weight: 500;
}
.products-info__card-name a:hover {
color: #D21113;
}
.products-info__card-price {
flex-shrink: 0;
font-weight: 600;
color: #111;
}
.products-info__card-qty {
display: flex;
align-items: center;
gap: 5px;
flex-shrink: 0;
font-size: 14px;
color: green;
}
.products-info__card-qty .products-info__na-sclade-circle {
flex-shrink: 0;
}
.products-info__card-qty--out .products-info__na-sclade-circle {
background-color: red;
}
.products-info__card-qty--out {
color: #666;
}
.products-info__card-qty--low .products-info__na-sclade-circle {
background-color: rgb(251, 191, 36);
}
.products-info__card-qty--low {
color: rgb(251, 191, 36);
}
.products-info__card-form {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
} .products-info__card-form .added_to_cart.wc-forward,
.products-info__card-form + .added_to_cart.wc-forward,
.products-category__content .added_to_cart.wc-forward,
.homeproducts__items .added_to_cart.wc-forward,
.baltkabel-recently-viewed-wrap .added_to_cart.wc-forward {
display: none !important;
} .products-info__card-qty-selector {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
margin-top:15px;
}
.products-info__card .products-info__card-qty-selector { margin-top:0; }
.products-info__card-qty-btn {
width: 58px;
height: 58px;
padding: 0;
border: none;
background: #D21113;
color: #fff;
font-size: 18px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background 0.2s;
}
.products-info__card-qty-btn:hover {
background: #8c090c;
color: #fff;
}
.products-info__card-qty-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.products-info__card-qty-input {
width: 58px;
height: 58px;
padding: 0 6px;
border: none;
border-left: 1px solid rgba(0,0,0,0.15);
border-right: 1px solid rgba(0,0,0,0.15);
text-align: center;
font-size: 14px;
-moz-appearance: textfield;margin-bottom:0;border-radius:0;
}
.products-info__card-qty-input::-webkit-outer-spin-button,
.products-info__card-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.products-info__card-form .quantity {
width: 70px;
}
.products-info__card-form .quantity input {
width: 100%;
padding: 8px 10px;
}
.products-info__card-form .button {
padding: 10px 18px;
background: #D21113;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}
.products-info__card-form .button:hover {
background: #8c090c;
color: #fff;
}
.products-info__card-form-link {
display: inline-block;
padding: 10px 18px;
background: #D21113;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
text-decoration: none;
flex-shrink: 0;
}
.products-info__card-form-link:hover {
background: #8c090c;
color: #fff;
} .baltkabel-recently-viewed-wrap {
margin-top: 0;
padding-top: 50px;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-swiper {
margin-top: 20px;
padding-bottom: 20px;
overflow: hidden;
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 16px;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-swiper .swiper-wrapper.products.baltkabel-recently-viewed-products {
grid-column: 1 / -1;
grid-row: 1;
min-height: 0;
margin: 0;
padding: 0;
list-style: none;
}
.baltkabel-recently-viewed-wrap .swiper-slide {
height: auto;
box-sizing: border-box;
}
.baltkabel-recently-viewed-wrap .swiper-slide .products-info__card {
height: 100%;
flex-direction: column;
}
.baltkabel-recently-viewed-wrap .swiper-slide .products-info__card .products-info__card-img {
width: 100%; height: auto;
}
.baltkabel-recently-viewed-wrap .swiper-slide .products-info__card .products-info__card-img img {
max-width: 100%;
max-height: inherit;
contain-intrinsic-size: none;
width: 100%;
height: auto;
} .baltkabel-recently-viewed-wrap .products-info__card-name,
.baltkabel-recently-viewed-wrap .products-info__card-name a {
font-family: "Montserrat", sans-serif;
font-size: 1.1875em;
font-weight: 600;
color: #111;
text-decoration: none;
line-height: 1.3;
}
.baltkabel-recently-viewed-wrap .products-info__card-name a:hover {
color: #D21113;
}
.baltkabel-recently-viewed-wrap .products-info__card-price {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 400;
color: #111;
line-height: 1.4;
}
.baltkabel-recently-viewed-wrap .products-info__card-price .products-info__price-from,
.baltkabel-recently-viewed-wrap .products-info__card-price .products-info__card-price-from {
font-size: 0.9em;
font-weight: 400;
color: #666;
}
.baltkabel-recently-viewed-wrap .products-info__card-qty {
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.baltkabel-recently-viewed-wrap .products-info__card .add_to_cart_button,
.baltkabel-recently-viewed-wrap .products-info__card-form .button {
font-family: "Montserrat", sans-serif;
font-weight: 600;
} .baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-prev,
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-next {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: 0;
width: 58px;
height: 58px;
border-radius: 4px;
background-color: #D21113;
color: #fff;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-prev {
grid-column: 1;
grid-row: 2;
justify-self: start;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-next {
grid-column: 3;
grid-row: 2;
justify-self: end;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-pagination {
position: relative;
bottom: auto;
left: auto;
right: auto;
margin: 0;
grid-column: 2;
grid-row: 2;
display: flex;
align-items: center;
justify-content: center;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-prev::after,
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-next::after {
content: "" !important;
display: block;
width: 24px; height: 24px; background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-prev::after {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-arrow-left_white.svg) !important;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-next::after {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-arrow-right_white.svg) !important;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-pagination .swiper-pagination-bullet {
background: #ccc;
opacity: 1;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-pagination .swiper-pagination-bullet-active {
background: #D21113;
}
@media (max-width: 767px) {
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-prev,
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-next {
width: 48px;
height: 48px;
}
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-prev::after,
.baltkabel-recently-viewed-wrap .baltkabel-recently-viewed-next::after {
font-size: 20px !important;
width: 20px;
height: 20px;
}
} @media (max-width: 767px) {
.products-info__cards {
gap: 12px;
}
.products-info__card {
flex-direction: column;
align-items: stretch;
gap: 12px;
padding: 12px;
flex: 1 1 calc((100% - 16px) / 2);
}
.products-info__card-img {
width: 100%;
height: auto;
min-height: 120px;
max-height: 160px;
}
.products-info__card-img img {
width: 100%;
max-height: 160px;
}
.products-info__card-form {
flex-wrap: wrap;
}
.products-info__card .products-info__card-qty-selector {
margin-top: 0;
}
.products-info__card-qty-btn,
.products-info__card-qty-input {
width: 48px;
height: 48px;
}
.products-info__card-form .button,
.products-info__card-form-link,
.products-info__card .add_to_cart_button {
width: 100%;
justify-content: center;
padding: 12px 16px;
height: 48px;
font-size: 15px;
}
}
@media (max-width: 479px) {
.products-info__card {
flex: 1 1 100%;
}
.products-info__card-img {
min-height: 100px;
max-height: 140px;
}
.products-info__card-img img {
max-height: 140px;
}
} .products-info__cta {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 20px;
}
.products-info__cta-form {
display: flex;
align-items: center;
gap: 10px; }
.products-info__cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
max-width: 280px;
padding: 0px 20px;
height: 58px;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s, color 0.2s;
}
.products-info__cta-btn--cart {
display:flex;
padding:0px 20px;height:58px;align-items: center;justify-content: center;
background-color: #D21113;
border: 0;
border-radius: 4px;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 0;
cursor: pointer;
text-align: center;font-weight:bold;
}
.products-info__card .add_to_cart_button {
display:flex;width:auto;    padding:0px 20px;height:58px;align-items: center;justify-content: center;
background-color: #D21113;
border: 0;
border-radius: 4px;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 0;
cursor: pointer;
text-align: center;
font-weight:bold;
}
.products-info__cta-btn--cart:hover, .products-info__card .add_to_cart_button:hover {
background: #8c090c;
color: #fff;
}
@media screen and (max-width: 767px) {
.products-info__card .add_to_cart_button, .products-info__cta-btn, .products-info__cta-btn--cart {
width: 100%;
justify-content: center;
padding: 12px 16px;
height: 48px;
font-size: 15px;
}
} .add_to_cart_button.added,
.products-info__cta-btn--cart.added,
.products-info__card-form .button.added {
background: #fff !important;
border: 2px solid #D21113 !important;
color: #D21113 !important;
font-weight: 700;
}
.add_to_cart_button.added:hover,
.products-info__cta-btn--cart.added:hover,
.products-info__card-form .button.added:hover {
background: #fff !important;
border-color: #8c090c !important;
color: #8c090c !important;
}
.products-info__cta-add-wrap span.added {
display: inline-flex;
text-decoration: none;
cursor: default;
}
.products-info__cta-icon {
flex-shrink: 0;
}
.products-info__cta-btn--buy {
background: #e5e5e5;
color: #1a1a1a;
width: 100%;
max-width: 280px;padding:0px 20px;height:58px;
}
@media screen and (max-width:767px) {
.products-info__cta-btn--buy {
height:48px;
}
}
.products-info__cta-btn--buy:hover {
background: #d0d0d0;
color: #1a1a1a;
}
.products-info__cta .products-info__card-qty-selector {
max-width: 280px;
} .products-info__cta-form .quantity {
display: flex;
align-items: center;
gap: 0;
width: auto;
margin: 0;
border-radius: 4px;
overflow: hidden;
}
.products-category--single .products-info__cta-form .quantity {
display: none !important;
}
.products-info__cta-form .quantity label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.products-info__cta-form button.minus,
.products-info__cta-form button.plus {
width: 58px;
height: 58px;
padding: 0;
border: none;
background: #D21113;
color: #fff;
font-size: 18px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background 0.2s;
}
.products-category--single .products-info__cta-form button.minus,
.products-category--single .products-info__cta-form button.plus {
display: none !important;
}
.products-info__cta-form button.minus:hover,
.products-info__cta-form button.plus:hover {
background: #8c090c;
color: #fff;
}
.products-info__cta-form .quantity .qty {
width: 58px;
height: 58px;
padding: 0 6px;
border: none;
border: 1px solid rgba(0,0,0,0.15);
text-align: center;
font-size: 14px;
-moz-appearance: textfield;
margin: 0;
border-radius: 0;
}
.products-info__cta-form .quantity .qty::-webkit-outer-spin-button,
.products-info__cta-form .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .products-info__buy-now-modal {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
visibility: hidden;
opacity: 0;
transition: visibility 0.2s, opacity 0.2s;
}
.products-info__buy-now-modal[aria-hidden="false"] {
visibility: visible;
opacity: 1;
}
.products-info__buy-now-backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.5);
cursor: pointer;
}
.products-info__buy-now-content {
position: relative;
width: 100%;
max-width: 480px;
max-height: 90vh;
overflow-y: auto;
background: #fff;
border-radius: 8px;
padding: 28px 24px 28px;
box-shadow: 0 4px 24px rgba(0,0,0,0.15);
}
.products-info__buy-now-close {
position: absolute;
top: 16px;
right: 16px;
width: 32px;
height: 32px;
padding: 0;
border: none;
background: transparent;
font-size: 24px;
line-height: 1;
color: #999;
cursor: pointer;
}
.products-info__buy-now-close:hover {
color: #1a1a1a;
}
.products-info__buy-now-title {
margin: 0 0 20px;
font-size: 22px;
font-weight: 700;
color: #1a1a1a;
}
.products-info__buy-now-product {
display: flex;
gap: 16px;
align-items: flex-start;
margin-bottom: 24px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.products-info__buy-now-product-img {
flex-shrink: 0;
width: 80px;
}
.products-info__buy-now-product-img img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.products-info__buy-now-product-name {
font-size: 14px;
line-height: 1.4;
color: #1a1a1a;
}
.products-info__buy-now-form .form-row {
margin-bottom: 16px;
}
.products-info__buy-now-form .form-row-wide label {
display: block;
margin-bottom: 6px;
font-size: 14px;
color: #1a1a1a;
}
.products-info__buy-now-form .form-row-wide .required {
color: #D21113;
}
.products-info__buy-now-errors {
margin-bottom: 16px;
padding: 12px 14px;
background: #fff5f5;
border: 1px solid #f5c6cb;
border-radius: 4px;
color: #721c24;
}
.products-info__buy-now-errors .checkout-form__errors-title {
margin: 0 0 8px;
font-weight: 600;
font-size: 14px;
}
.products-info__buy-now-errors ul {
margin: 0;
padding-left: 20px;
}
.products-info__buy-now-form .form-row--error .input-text {
border-color: #D21113;
}
.products-info__buy-now-form .form-row__error {
display: block;
margin-top: 6px;
font-size: 13px;
color: #D21113;
}
.products-info__buy-now-form .input-text {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
}
.products-info__buy-now-form .input-text:focus {
border-color: #D21113;
outline: none;
}
.products-info__buy-now-section {
margin-bottom: 16px;
}
.products-info__buy-now-link {
display: inline;
padding: 0;
border: none;
background: none;
font-size: 14px;
color: #D21113;
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 3px;
cursor: pointer;
}
.products-info__buy-now-link:hover {
color: #8c090c;
text-decoration-style: solid;
}
.products-info__buy-now-fields {
margin-top: 12px;
}
.products-info__buy-now-fields .form-row {
margin-bottom: 12px;
}
.products-info__buy-now-fields .form-row:last-child {
margin-bottom: 0;
}
.products-info__buy-now-fields label {
display: block;
margin-bottom: 4px;
font-size: 13px;
}
.products-info__buy-now-fields .input-text {
width: 100%;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
}
.products-info__buy-now-file-wrap {
position: relative;
}
.products-info__buy-now-file-input {
position: absolute;
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
z-index: -1;
}
.products-info__buy-now-file-label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100px;
padding: 20px;
border: 2px dashed #ccc;
border-radius: 4px;
cursor: pointer;
transition: border-color 0.2s, background 0.2s;
}
.products-info__buy-now-file-label:hover {
border-color: #D21113;
background: rgba(210, 17, 19, 0.04);
}
.products-info__buy-now-file-text {
font-size: 14px;
color: #1a1a1a;
margin-bottom: 4px;
}
.products-info__buy-now-file-hint {
font-size: 12px;
color: #666;
}
.products-info__buy-now-consent {
margin: 20px 0 16px;
}
.products-info__buy-now-checkbox-label, .checkbox-label {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 13px;
color: #1a1a1a;
cursor: pointer;
}
.products-info__buy-now-checkbox-label .input-checkbox, .checkbox-label input[type="checkbox"] {
flex: 0;
flex-shrink: 0;
height: 15px;
width: 15px;
margin-bottom: 0;
margin-top: 0;
}
.products-info__buy-now-checkbox-label a {
color: #D21113;
text-decoration: underline;
}
.products-info__buy-now-submit {
margin: 0;
}
.products-info__buy-now-submit .button {
width: 100%;
max-width: none;
padding: 14px 24px;
font-size: 16px;
}
body.buy-now-modal-open {
overflow: hidden;
} .homecontacts {
position: relative;
}
.homecontacts__ang {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.homecontacts .container {
padding-top: 100px;
padding-bottom: 120px;
}
.homecontacts .section-title {
margin-bottom: 90px;
}
.homecontacts__content {
display: grid;
grid-template-columns: 515px auto;
grid-template-rows: 397px;
gap: 35px;
}
.homecontacts__contact-name {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.homecontacts__contact-desc {
margin-bottom: 20px;
color: #A4A4A4;
}
.homecontacts__contact {
display: flex;
align-items: center;
min-height: 24px;
padding-left: 34px;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.homecontacts__contact.c-phone {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-phone_red.svg);
}
.homecontacts__contact.c-mail {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-mail_red.svg);
}
.homecontacts__contact.c-geo {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-geo_red.svg);
}
.homecontacts__contact.c-work {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-work_red.svg);
}
.homecontacts__hr {
width: 100%;
height: 1px;
background-color: #B7B7B7;
margin: 30px 0;
}
.homecontacts__map {
position: relative;
}
.homecontacts__map #map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .homeconn {
background-color: #F7F7F7;
}
.homeconn .container {
padding-top: 100px;
padding-bottom: 120px;
}
.homeconn .section-title {
margin-bottom: 90px;
}
.homeconn__btn {
margin-top: 20px;
}
.homeconn__btn input[type=submit] {
margin-right: 20px;
} .callback-form .popup__container {
width: 100%;
max-width: 590px;
}
.callback-form__title {
font-size: 24px;
font-weight: bold;
max-width: 340px;
margin-bottom: 25px;
}
.callback-form__form select,
.callback-form__form textarea {
margin-bottom: 10px;
}
.callback-form__form textarea {
height: 120px;
} .vakansii-form .popup__container {
width: 100%;
max-width: 590px;
}
.vakansii-form__title {
font-size: 24px;
font-weight: bold;
max-width: 340px;
margin-bottom: 25px;
}
.vakansii-form__form select,
.vakansii-form__form textarea {
margin-bottom: 10px;
}
.vakansii-form__form textarea {
height: 120px;
} .pageabout {
position: relative;
background: linear-gradient(90deg, #F7F7F7 67%, #EBEBEB 33%);
}
.pageabout .container {
padding-top: 50px;
padding-bottom: 120px;
}
.pageabout__content {
display: grid;
grid-template-columns: calc(50% - 25px) calc(50% - 25px);
gap: 50px;
margin-top: 50px;
}
.pageabout__text {
display: flex;
flex-direction: column;
justify-content: center;
}
.pageabout__text p {
padding-bottom: 20px;
line-height: 18px;
}
.pageabout__images {
position: relative;
}
.pageabout__swp {
width: 100%;
height: 358px;
}
.pageabout__swp-items {
display: flex;
align-items: center;
}
.pageabout__swp-item {
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
transition: all 0.3s;
}
.pageabout__swp-item.swiper-slide {
opacity: 0.5;
width: 415px;
height: 245px;
}
.pageabout__swp-item.swiper-slide-active {
opacity: 1;
width: 608px !important;
height: 100%;
}
.pageabout__swp-navbox {
display: flex;
align-items: center;
max-width: 608px;
padding-top: 20px;
}
.pageabout__swp-navbox .swiper-pagination-bullet {
background: #A4A4A4 !important;
opacity: 1 !important;
width: 4px;
height: 4px;
margin: 0 5px !important;
}
.pageabout__swp-navbox .swiper-pagination-bullet-active {
width: 30px;
border-radius: 2px !important;
}
.pageabout__swp-pagination {
display: flex;
align-items: center;
}
.pageabout__swp-navigation {
display: flex;
align-items: center;
}
.pageabout__swp-prev {
padding: 7px 10px;
margin-right: 20px;
cursor: pointer;
}
.pageabout__swp-next {
padding: 7px 10px;
cursor: pointer;
}
.pageabout__bcode {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
}
.pageabout__bcode a {
display: inline-block;
}
.pageabout__bcode img {
height: 100px;
border-radius: 5px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
} .pagecontacts {
position: relative;
background-color: #F7F7F7;
}
.pagecontacts__ang {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.pagecontacts .container {
padding-top: 50px;
}
.pagecontacts__content {
display: grid;
grid-template-columns: 515px auto;
grid-template-rows: 397px;
gap: 35px;
margin-top: 50px;
}
.pagecontacts__contacts .section-title {
font-size: 20px;
}
.pagecontacts__contact-title {
position: relative;
padding: 15px;
font-size: 20px;
line-height: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.pagecontacts__contact-title::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 1px;
height: 30px;
background-color: #919191;
}
.pagecontacts__contact-name {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.pagecontacts__contact-desc {
margin-bottom: 20px;
color: #A4A4A4;
}
.pagecontacts__contact {
display: flex;
align-items: center;
min-height: 24px;
padding-left: 34px;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.pagecontacts__contact.c-phone {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-phone_red.svg);
}
.pagecontacts__contact.c-mail {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-mail_red.svg);
}
.pagecontacts__contact.c-geo {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-geo_red.svg);
}
.pagecontacts__contact.c-work {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-work_red.svg);
}
.pagecontacts__hr {
width: 100%;
height: 1px;
background-color: #B7B7B7;
margin: 30px 0;
}
.pagecontacts__map {
position: relative;
}
.pagecontacts__map #map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pagecontactsconn {
position: relative;
background-color: #F7F7F7;
}
.pagecontactsconn .container {
padding-top: 120px;
padding-bottom: 120px; }
.pagecontactsconn .section-title {
margin-bottom: 50px;
}
.pagecontactsconn__content .contact-form {
display: grid;
grid-template-columns: 560px auto;
gap: 20px;
}
.pagecontactsconn__btn {
margin-top: 20px;
}
.pagecontactsconn__btn input[type=submit] {
margin-right: 20px;
}
.pagecontactsconn__manager {
position: absolute;
bottom: 0;
right: 5%;
height: 100%;
z-index: 0;
} .vailability {
background-color: #F7F7F7;
}
.vailability .container {
position: relative;
padding-top: 50px;
padding-bottom: 80px;
}
.vailability__box {
position: relative;
}
.vailability__content {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(6, auto);
row-gap: 5px;
}
.vailability__item-hr {
padding: 0 20px 25px;
color: #A4A4A4;
font-size: 16px;
}
.vailability__item-hr.-id {
text-align: center;
}
.vailability__item-hr.-price {
grid-area: 1 / 5 / 2 / 7;
}
.vailability__item {
display: flex;
align-items: center;
padding: 20px;
font-size: 16px;
background-color: #EBEBEB;
}
.vailability__item.-id {
text-align: center;
background-color: #EBEBEB;
}
.vailability__item.-name {
background-color: #E3E3E3;
font-weight: bold;
}
.vailability__item.-unit {
background-color: #EBEBEB;
}
.vailability__item.-avail {
background-color: #EBEBEB;
}
.vailability__item.-price {
background-color: #EBEBEB;
font-weight: bold;
}
.vailability__item.-btn {
justify-content: center;
color: #D21113;
background-color: #FFFFFF;
cursor: pointer;
}
.vailability__item.-btn:hover {
text-decoration: underline;
}
.vailability__item.-btn img {
height: 20px;
margin-right: 10px;
}
.vailability-form {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.vailability-form.--shown {
display: block;
}
.vailability-form__prod {
background-color: #313131;
}
.vailability-form__form {
padding: 20px;
background-color: #B3B3B3;
}
.vailability-form .vailability__item {
display: flex;
align-items: center;
background-color: #313131 !important;
}
.vailability-form .vailability__item.-id {
justify-content: center;
flex: 0 0 100px;
}
.vailability-form .vailability__item.-name {
background-color: #111111 !important;
}
.vailability-form .vailability__item.-close {
justify-content: flex-end;
}
.vailability-form__form-wpcf7 {
display: flex;
align-items: center;
gap: 13px;
}
.vailability-form__form-wpcf7>div {
flex: 1;
}
.vailability-form__form-wpcf7 input[type=submit] {
height: 60px;
width: 100%;
border-radius: 3px;
}
.vailability-form__form-wpcf7 input {
margin: 0;
}
.vailability-form .vailability__content {
grid-template-columns: 100px repeat(3, auto);
color: #FFFFFF;
}
.vailability-form__close {
cursor: pointer;
}
.vailability__filter {
display: flex;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.vailability__filter-clear {
display: inline-block;
background-color: #D21113;
border-radius: 3px;
padding: 10px 20px;
color: #FFFFFF;
}
.vailability__filter-clear:hover {
color: #FFFFFF;
background-color: #a01518;
}
.vailability__filter-prod {
max-width: 300px;
height: 40px;
}
.vailability__filter-desc b {
font-size: 20px;
}
.vailability-search {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.vailability-search__content {
position: relative;
width: 100%;
max-width: 400px;
}
.vailability-search__content input {
margin: 0;
}
.vailability-search__content svg {
position: absolute;
top: calc(50%);
transform: translateY(-50%);
right: 10px;
}
.vailability-search .pagedocs__item-btn {
position: static;
} .news {
background-color: #F7F7F7;
}
.news__container {
padding-top: 50px;
padding-bottom: 100px;
}
.news__items {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 50px;
}
.news__item {
flex: 0 0 calc(33.3333% - 15px);
display: flex;
flex-direction: column;
}
.news__item-img {
position: relative;
width: 100%;
height: 330px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 15px;
}
.news__item-date {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
font-size: 14px;
color: #FFFFFF;
height: 28px;
padding: 0 15px;
background-color: #D21113;
}
.news__item-title {
font-size: 18px;
font-weight: 700;
}
.news__item-desc {
padding: 20px 0;
line-height: 22px;
}
.news__item:hover {
color: #111111;
}
.news__item-podrob {
color: #A4A4A4;
text-decoration: underline;
}
.news__item-podrob:hover {
color: #D21113;
}
.news__nav {
margin-top: 60px;
border-top: 1px solid #C7C7C7;
padding-top: 40px;
}
.news__nav-arrows {
display: flex;
align-items: center;
gap: 10px;
}
.news__nav-arrow-left {
cursor: pointer;
}
.news__nav-arrow-left.inactive {
opacity: 0.3;
}
.news__nav-arrow-right {
cursor: pointer;
}
.news__nav-arrow-right.inactive {
opacity: 0.3;
}
.news-page {
display: grid;
grid-template-columns: 705px auto;
gap: 20px;
padding-bottom: 100px;
}
.news-page .swiper-arrows {
display: flex;
align-items: center;
gap: 20px;
}
.news-page .swiper-arrows img {
padding: 5px 10px;
cursor: pointer;
}
.news-page__images {
min-width: 0;
}
.news-page__content {
min-width: 0;
font-size: 16px;
line-height: 22px;
}
.news-page__images-item {
width: 100%;
height: 415px;
background-position: center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.news-page__images-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.news-page__images-bottom .news-page__swiper-pagination {
position: relative;
left: unset;
bottom: unset;
text-align: left;
}
.news-page__images-bottom .swiper-pagination-bullet {
background: #A4A4A4 !important;
opacity: 1 !important;
width: 4px;
height: 4px;
margin: 0 5px !important;
}
.news-page__images-bottom .swiper-pagination-bullet-active {
background: #1F1F3E;
width: 30px;
border-radius: 2px !important;
}
.news-page-slider .container-title {
margin-bottom: 80px;
}
.news-page-slider__avatar {
position: relative;
height: 160px;
}
.news-page-slider__date {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
font-size: 14px;
color: #FFFFFF;
height: 28px;
padding: 0 15px;
background-color: #D21113;
}
.news-page-slider__item-title {
font-size: 16px;
font-weight: bold;
margin: 15px 0;
}
.news-page-slider__item-link {
color: #A4A4A4 !important;
text-decoration: underline !important;
}
.news-page-slider__items-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
}
.news-page-slider .swiper-arrows {
display: flex;
align-items: center;
gap: 20px;
}
.news-page-slider .swiper-arrows img {
padding: 5px 10px;
cursor: pointer;
}
.news-page-slider__items-all {
display: inline-block;
color: #D21113 !important;
text-decoration: underline !important;
margin-top: 20px;
}
.news-page-slider__pagination {
display: flex;
align-items: center;
}
.news-page-slider .swiper-pagination-bullet {
background: #A4A4A4 !important;
opacity: 1 !important;
width: 4px;
height: 4px;
margin: 0 5px !important;
}
.news-page-slider .swiper-pagination-bullet-active {
width: 30px;
border-radius: 2px !important;
} .footer {
display: block;
max-width: 1920px;
margin: 0 auto;
color: #FFFFFF;
background: #EBEBEB url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/footer-bg.jpg) no-repeat;
background-size: cover;
background-position: top center;
}
.footer a {
color: #FFFFFF;
}
.footer a:hover {
color: #D21113;
}
.footer li {
list-style: none;
margin-bottom: 20px;
}
.footer li:last-child {
margin-bottom: 0;
}
.footer__logo {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer__logo-tochka {
max-width: 230px;
}
.footer__logo-logo {
max-width: 170px;
}
.footer__logo-ah {
max-width: 150px;
}
.footer_content {
padding: 80px 0 50px;
}
.footer__main {
width: 100%;
display: grid;
gap: 30px;
grid-template-columns: auto 290px 290px auto;
margin-bottom: 80px;
}
.footer__req {
display: flex;
justify-content: end;
}
.footer__req-items {
max-width: 390px;
}
.footer__req-item {
display: flex;
align-items: center;
min-height: 24px;
padding-left: 34px;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.footer__req-item:last-child {
margin-bottom: 0;
}
.footer__req-item.h-phone {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-phone_white.svg);
}
.footer__req-item.h-geo {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-geo_white.svg);
line-height: 18px;
}
.footer__req-item.h-work {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-work_white.svg);
}
.footer__cop {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
border-top: 2px solid #393939;
}
.footer__desc {
color: #7d7d7d;
}
@media (max-width: 1759.98px) {
.footer__main {
grid-template-columns: auto 240px 200px auto;
}
.footer__req-items {
max-width: 300px;
}
}
@media (max-width: 1206.98px) {
.footer li {
margin-bottom: 15px;
}
.footer_content {
padding: 50px 0 30px;
}
.footer__main {
grid-template-columns: auto 170px 150px auto;
margin-bottom: 50px;
}
.footer__req-items {
max-width: 240px;
}
}
@media (max-width: 807.98px) {
.footer_content {
padding: 30px 0 30px;
}
.footer__main {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
margin-bottom: 30px;
}
.footer__logo a {
display: block;
width: 100%;
text-align: center;
}
.footer__logo img {
max-width: 60%;
}
.footer__prod {
display: none;
}
.footer__req {
grid-area: 2/1/2/3;
justify-content: center;
}
.footer__req-items {
max-width: 100%;
}
}
@media (max-width: 479.98px) {
.footer__main {
grid-template-columns: 1fr;
}
.footer__menu {
display: flex;
justify-content: center;
}
.footer__menu>ul {
display: inline-block;
}
.footer__menu>ul li {
text-align: center;
}
.footer__req {
grid-area: unset;
}
.footer__req-item {
margin-bottom: 10px;
}
} .vakansii {
position: relative;
background: #F7F7F7;
}
.vakansii .container {
padding-top: 50px;
padding-bottom: 30px;
}
.vakansii__content {
display: grid;
grid-template-columns: 350px 1fr;
gap: 35px;
margin-top: 50px;
}
.vakansii__contact-name {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.vakansii__contact-desc {
margin-bottom: 20px;
color: #A4A4A4;
}
.vakansii__contact {
display: flex;
align-items: center;
min-height: 24px;
padding-left: 34px;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.vakansii__contact.c-phone {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-phone_red.svg);
}
.vakansii__contact.c-mail {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-mail_red.svg);
}
.vakansii__hr {
width: 100%;
height: 1px;
background-color: #B7B7B7;
margin: 30px 0;
}
.vakansii__block_items {
display: flex;
flex-direction: column;
gap: 20px;
}
.vakansii__block_item {
position: relative;
background: #EBEBEB url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/ugolok-bg_grey.svg) no-repeat;
background-position: left bottom;
min-height: 150px;
width: 100%;
padding: 35px;
padding-bottom: 80px;
}
.vakansii__title {
position: relative;
font-weight: bold;
font-size: 26px;
margin-left: -35px;
padding-left: 35px;
}
.vakansii__title::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #919191;
}
.vakansii__title_desc {
font-weight: bold;
font-size: 19px;
margin-top: 15px;
}
.vakansii__block_arrow {
width: 20px;
height: 20px;
position: absolute;
bottom: 35px;
right: 35px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/title-bg.svg) no-repeat;
transform: rotate(-45deg);
cursor: pointer;
}
.vakansii__title_info {
display: flex;
flex-direction: row;
margin-top: 12px;
}
.vakansii__title_info>* {
margin-right: 30px;
}
.vakansii__block_content {
margin-top: 35px;
padding-top: 35px;
border-top: 1px solid #ddd;
display: none;
grid-template-columns: 70% 30%;
gap: 10px;
}
.vakansii__block_item.show .vakansii__block_content {
display: grid;
}
.vakansii__block_item.show .vakansii__block_arrow {
transform: rotate(135deg);
}
.vakansii__block_content_desc .vakansii__sec_title {
padding: 0;
}
.vakansii__block_content_desc ul {
padding: 20px 0 40px 30px;
}
.vakansii__block_content_desc ul li {
margin-bottom: 10px;
}
.vakansii__block_content_desc ul li:last-child {
margin-bottom: 0;
}
.vakansii__block_2 {
padding: 40px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.vakansii__sec_title {
font-weight: 700;
padding-bottom: 15px;
text-transform: uppercase;
}
.vakansii__block_anceta {
display: flex;
align-items: center;
justify-content: center;
}
.vakansii__btn-respond {
display: inline-flex;
align-items: center;
padding: 15px 30px;
background-color: #D21113;
color: #FFFFFF;
border-radius: 4px;
cursor: pointer;
gap: 10px;
}
.vakansii__btn-respond img {
width: 20px;
}
.vakansii__block_content_mrab-title {
font-weight: 700;
margin-bottom: 10px;
} .nav-links {
display: flex;
}
.nav-links .page-numbers {
display: flex;
justify-content: center;
align-items: center;
width: 33px;
height: 33px;
text-align: center; border-radius: 16.5px;
font-size: 16px;
padding: 3px;
}
.nav-links .page-numbers.current {
color: #FFFFFF;
background-color: #D21113;
}
.nav-links a:hover {
color: #000000;
background-color: #CCCCCC;
}
.nav-links .prev,
.nav-links .next { justify-self: flex-end;
border-radius: 0;
}
.nav-links .prev:hover,
.nav-links .next:hover {
background-color: unset;
}
.nav-links .prev {
order: 1;
margin-left: auto;
}
.nav-links .next {
order: 2;
margin-left: 10px;
} .pagedocs {
background-color: #F7F7F7;
}
.pagedocs .container {
padding-top: 50px;
padding-bottom: 80px;
}
.pagedocs__content {
margin-top: 50px;
}
.pagedocs__list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.pagedocs__item {
position: relative;
background: #EBEBEB url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/ugolok-bg_grey.svg) no-repeat;
background-position: left bottom;
height: 200px;
width: 100%;
max-width: 320px;
}
.pagedocs__item-title {
position: relative;
padding: 15px;
line-height: 18px;
font-weight: bold;
}
.pagedocs__item-title::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 1px;
height: 30px;
background-color: #919191;
}
.pagedocs__item-file-size {
padding: 0 15px 5px;
font-size: 12px;
color: #393939;
}
.pagedocs__item-file-type {
padding: 0 15px 15px;
font-size: 12px;
color: #393939;
} .footer {
display: block;
max-width: 1920px;
margin: 0 auto;
color: #FFFFFF;
background: #EBEBEB url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/footer-bg.jpg) no-repeat;
background-size: cover;
background-position: top center;
}
.footer a {
color: #FFFFFF;
}
.footer a:hover {
color: #D21113;
}
.footer li {
list-style: none;
margin-bottom: 20px;
}
.footer li:last-child {
margin-bottom: 0;
}
.footer__logo {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer__logo-tochka {
max-width: 230px;
}
.footer__logo-logo {
max-width: 170px;
}
.footer__logo-ah {
max-width: 150px;
}
.footer_content {
padding: 80px 0 50px;
}
.footer__main {
width: 100%;
display: grid;
gap: 30px;
grid-template-columns: auto 290px 290px auto;
margin-bottom: 80px;
}
.footer__req {
display: flex;
justify-content: end;
}
.footer__req-items {
max-width: 390px;
}
.footer__req-item {
display: flex;
align-items: center;
min-height: 24px;
padding-left: 34px;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.footer__req-item:last-child {
margin-bottom: 0;
}
.footer__req-item.h-phone {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-phone_white.svg);
}
.footer__req-item.h-geo {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-geo_white.svg);
line-height: 18px;
}
.footer__req-item.h-work {
background-image: url(//baltkabel.ru/wp-content/themes/baltkabel/img/icons/ico-work_white.svg);
}
.footer__cop {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
border-top: 2px solid #393939;
}
.footer__desc {
color: #7d7d7d;
} .preloader {
display: flex;
align-items: center;
justify-content: center;
background-color: #f7f7f7;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; margin: 0 auto;
}
.preloader .preloader-circle {
width: 150px;
height: 150px;
position: relative;
border-style: solid;
border-width: 3px;
border-top-color: #fe2816;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
z-index: 99999;
border-radius: 50%;
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
background-color: #ffffff;
-webkit-animation: zoom 2000ms infinite ease;
animation: zoom 2000ms infinite ease; }
.preloader .preloader-img {
position: absolute;
top: 50%;
z-index: 99999;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 6px; }
.preloader .preloader-img img {
max-width: 100px;
}
.preloader .pere-text strong {
font-weight: 800;
color: #dca73a;
text-transform: uppercase;
}
@-webkit-keyframes zoom {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
}
@keyframes zoom {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
} .grecaptcha-badge {
display: none;
} .pagesearch a {
cursor: pointer;
}
.pagesearch ol {
margin: 20px;
}
.pagesearch ol li {
list-style-position: inside;
margin: 10px 0;
} @media (max-width: 1759.98px) {
:root {
--header-height: 80px;
}
.container {
max-width: 1167px;
}
.checkout-section .container {
max-width: 1400px;
}
.header__logo-part {
padding: 10px 10px 10px 20px;
}
.header__req ul {
padding-inline-start: 30px;
}
.header__req li {
margin-bottom: 5px;
}
.header__menu-part {
padding: 10px 20px;
}
.header__nav>ul li {
margin-right: 15px;
white-space: nowrap;
}
.header__btn-writetous {
padding: 10px 20px;
height: 50px;
}
.intro__desc-text {
line-height: 42px;
}
.homeabout__swp {
height: 300px;
}
.homeabout__swp-item.swiper-slide-active {
width: 510px !important;
}
.homeproducts__content { }
.homeproducts__items { }
.homeproducts__items:not(.--home) {
grid-template-columns: repeat(3, 1fr);
}
.homeproducts__block-title {
padding: 30px 20px;
}
.homeproducts__item {
max-width: 270px;
height: 250px;
}
.homeproducts__item-img {
transform: translate(0, -20%);
}
.homecontacts__content {
grid-template-columns: 415px auto;
}
.pageabout .container {
padding-top: 50px;
padding-bottom: 70px;
}
.pageabout__swp {
height: 300px;
}
.pageabout__swp-item.swiper-slide-active {
width: 510px !important;
}
.pagecontacts__content {
grid-template-columns: 415px auto;
}
.pagecontactsconn .container {
padding-top: 70px;
padding-bottom: 70px;
background: unset;
}
.pagecontactsconn__content .contact-form {
grid-template-columns: 560px auto;
}
.footer__main {
grid-template-columns: auto 240px 200px auto;
}
.footer__req-items {
max-width: 300px;
}
.news-page {
grid-template-columns: 1fr 1fr;
padding-bottom: 50px;
}
.news-page__images-item {
height: 350px;
}
.news-page-slider .container-title {
margin-bottom: 50px;
}
.pagedocs .container {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media (max-width: 1206.98px) {
:root {
--header-height: 50px;
}
.container {
max-width: 772px;
}
.checkout-section .container {
max-width: 1167px;
}
.section-title {
font-size: 20px;
margin-bottom: 20px;
padding: 3px 0 3px 25px;
}
.container-title {
font-size: 20px;
margin-bottom: 20px;
padding: 0;
}
.header__content {
width: 100%;
}
.header__logo-part {
padding: 5px;
}
.header__logo {
display: none;
}
.header__logo-mob {
display: inline-block;
}
.header__req ul {
padding-inline-start: 40px;
}
.header__req li {
margin-bottom: 2px;
font-size: 12px;
}
.header__menu-part {
display: none;
position: absolute;
flex-direction: column;
align-items: flex-start;
top: var(--header-height);
height: unset;
width: 100%;
padding: 20px;
}
.header__nav>ul li {
display: block;
margin: 0 0 20px;
}
.header__btn-writetous {
width: 100%;
justify-content: center;
}
.header__btn-writetous span {
display: none;
}
.header__btn-writetous img {
margin-right: 0;
}
.header__burger {
display: block;
min-width: 34px;
} .header__cart-wrap {
display: flex !important;
align-items: center;
margin-left: auto;
margin-right: 0px;
}
.header__cart-trigger {
height: 100%;
min-height: var(--header-height);
padding: 0 12px;
background-color: rgba(235, 235, 235, 0.9);
border-radius: 4px;
}
.header__cart-label {
display: none;
}
.header__cart-icon {
width: 22px;
height: 22px;
}
.header__cart-icon svg {
width: 100%;
height: 100%;
}
.intro {
height: 570px;
}
.intro__title {
height: 100px;
font-size: 26px;
padding: 0 50px;
}
.intro__swiper {
padding: 0 50px;
}
.intro__swiper .swiper-button-prev {
left: 10px !important;
}
.intro__swiper .swiper-button-next {
right: 10px !important;
}
.intro__swiper-block {
height: 373px;
margin-right: unset;
}
.intro__swiper-block-code {
font-size: 30px;
}
.intro__desc {
max-width: 35%;
left: 50px;
}
.intro__desc-text {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
.intro__desc-btn {
height: 60px;
}
.homeabout {
background: unset;
}
.homeabout .container {
padding-top: 70px;
padding-bottom: 70px;
}
.homeabout__content {
grid-template-columns: 100%;
}
.homeabout__swp-navbox {
max-width: 100%;
}
.homeproducts .container {
padding-top: 70px;
padding-bottom: 70px;
}
.homeproducts__content { }
.homeproducts__items:not(.--home) {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.homeproducts__items.--home {
justify-content: center;
}
.homeproducts .section-title {
margin-bottom: 0px;
}
.products-category .container {
padding-top: 30px;
}
.homecontacts .container {
padding-top: 70px;
padding-bottom: 70px;
}
.homecontacts .section-title {
margin-bottom: 60px;
}
.homecontacts__content {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 20px;
}
.homecontacts__contact {
margin-bottom: 10px;
}
.homecontacts__hr {
margin: 20px 0;
}
.homecontacts__map {
height: 250px;
}
.homeconn .container {
padding-top: 70px;
padding-bottom: 70px;
}
.homeconn .section-title {
margin-bottom: 60px;
}
.homeconn__content .contact-form {
grid-template-columns: repeat(2, 1fr);
}
.pageabout {
background: unset;
}
.pageabout .container {
padding-top: 30px;
padding-bottom: 50px;
}
.pageabout__content {
grid-template-columns: 100%;
margin-top: 30px;
}
.pageabout__swp-navbox {
max-width: 100%;
}
.pagecontacts .container {
padding-top: 30px;
}
.pagecontacts__content {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 20px;
margin-top: 30px;
}
.pagecontacts__contact {
margin-bottom: 10px;
}
.pagecontacts__contact-title {
font-size: 18px;
}
.pagecontacts__hr {
margin: 20px 0;
}
.pagecontacts__map {
height: 250px;
}
.pagecontactsconn .container {
padding-top: 50px;
padding-bottom: 50px;
}
.pagecontactsconn .section-title {
margin-bottom: 60px;
}
.pagecontactsconn__content .contact-form {
grid-template-columns: repeat(2, 1fr);
}
.vailability .container {
padding-top: 50px;
padding-bottom: 50px;
}
.vailability-form__form-wpcf7 {
flex-wrap: wrap;
}
.vailability-form__form-wpcf7>div:last-child {
flex: 0 0 100%;
}
.footer li {
margin-bottom: 15px;
}
.footer_content {
padding: 50px 0 30px;
}
.footer__main {
grid-template-columns: auto 170px 150px auto;
margin-bottom: 50px;
}
.footer__req-items {
max-width: 240px;
}
.news-page {
grid-template-columns: 1fr;
padding-bottom: 30px;
gap: 20px;
}
.news-page__images-bottom {
padding: 10px 0;
}
.news-page__images-item {
height: 350px;
}
.news-page-slider .container-title {
margin-bottom: 30px;
}
.header__btn-writetous span {
display: inherit;
}
.news__container {
padding-top: 30px;
padding-bottom: 50px;
}
.news__items {
margin-top: 30px;
}
.pagedocs .container {
padding-top: 50px;
padding-bottom: 50px;
}
.pagedocs__list {
justify-content: center;
}
.vakansii .container {
padding-top: 30px;
}
.vakansii__content {
grid-template-columns: 1fr;
gap: 0;
}
.vakansii__title {
font-size: 20px;
}
.vakansii__title_desc {
font-size: 16px;
}
.vakansii__block_item.show .vakansii__block_content {
grid-template-columns: 1fr;
}
.vakansii__block_content_desc .vakansii__btn-respond {
display: none;
}
.second-intro__grid{
gap: 20px;
}
.second-intro__grid-left{
max-width: 500px;
}
.second-intro__grid-left-desc-top{
font-size: 24px;
}
.second-intro__grid-left-desc-slogan{
font-size: 30px;
}
.second-intro__grid-right-item-middle{
font-size: 54px;
}
.second-intro__grid-right-item-bottom{
font-size: 18px;
}
.second-intro-slide__logos{
gap: 20px;
margin-bottom: 35px;
}
.second-intro-slide__titles{
margin-bottom: 35px;
}
.second-intro-slide__title{
font-size: 36px;
}
.second-intro-slide__title-desc{
font-size: 20px;
}
.second-intro__swiper-button-prev,
.second-intro__swiper-button-next{
display: none;
}
}
@media (max-width: 807.98px) {
.container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.checkout-section .container {
max-width: 100%;
}
.homeproducts__items:not(.--home) {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.page-content {
padding-top: 30px;
padding-bottom: 30px;
}
select {
background-position: right 10px center;
padding-right: 30px !important;
}
input {
height: 40px;
padding: 0 10px;
}
input[type=submit] {
width: 100%;
height: 50px;
font-size: 14px;
}
.contact-form input[type=submit] {
width: unset;
}
select {
height: 40px;
padding: 0 10px;
}
textarea {
height: 40px;
padding: 10px;
}
.breadcrumb {
padding-top: 10px;
}
.breadcrumb__home {
padding-left: 26px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img/bg/breadcrumb-home.svg) left center no-repeat;
text-decoration: none;
background-size: contain;
}
.breadcrumb sp,
.breadcrumb span,
.breadcrumb .breadcrumb__link {
display: none;
}
.intro {
height: unset;
padding-bottom: 30px;
}
.intro__title {
display: none;
}
.intro__swiper {
height: unset;
padding: 30px 30px 50px;
}
.intro__swiper .swiper-button-prev {
left: 2px !important;
}
.intro__swiper .swiper-button-next {
right: 2px !important;
}
.intro__swiper-itrms {
height: unset;
}
.intro__swiper-itrm {
height: unset;
}
.intro__swiper-block {
height: unset;
margin-right: unset;
width: auto;
padding: 20px 0;
}
.intro__swiper-pagination {
bottom: 20px !important;
}
.intro__desc {
position: relative;
top: unset;
left: unset;
transform: unset;
text-align: center;
max-width: 100%;
}
.intro__desc-text {
display: none;
}
.homeabout__ang {
display: none;
}
.homeabout .container {
padding-top: 30px;
padding-bottom: 30px;
}
.homeabout__content {
gap: 20px;
}
.homeabout__swp-item {
background-size: 100% auto;
transition: unset;
}
.homeabout__swp-item.swiper-slide {
opacity: unset;
width: 100% !important;
height: 100% !important;
}
.homeabout__swp-item.swiper-slide-active {
opacity: unset;
}
.homeproducts .container {
padding-top: 30px;
padding-bottom: 30px;
}
.homeproducts .section-title { }
.products-category .container {
padding-top: 15px;
}
.homecontacts__ang {
display: none;
}
.homecontacts .container {
padding-top: 30px;
padding-bottom: 30px;
}
.homecontacts .section-title {
margin-bottom: 30px;
}
.homecontacts__contact-name {
font-size: 16px;
}
.homeconn .container {
padding-top: 30px;
padding-bottom: 30px;
}
.homeconn .section-title {
margin-bottom: 30px;
}
.contact-form {
grid-template-columns: 1fr;
gap: 10px;
}
.contact-form textarea {
height: 100px;
}
.contact-form__submit {
grid-area: unset;
}
.callback-form__title {
font-size: 18px;
margin-bottom: 15px;
}
.pageabout .container {
padding-top: 15px;
padding-bottom: 30px;
}
.pageabout__content {
gap: 20px;
margin-top: 15px;
}
.pageabout__swp-item {
background-size: 100% auto;
transition: unset;
}
.pageabout__swp-item.swiper-slide {
opacity: unset;
width: 100% !important;
height: 100% !important;
}
.pageabout__swp-item.swiper-slide-active {
opacity: unset;
}
.pagecontacts__ang {
display: none;
}
.pagecontacts .container {
padding-top: 15px;
}
.pagecontacts .section-title {
margin-bottom: 20px;
}
.pagecontacts__contact-name {
font-size: 16px;
}
.pagecontactsconn .container {
padding-top: 30px;
padding-bottom: 30px;
}
.pagecontactsconn .section-title {
margin-bottom: 30px;
}
.pagecontactsconn__content .contact-form {
grid-template-columns: 1fr;
gap: 10px;
}
.pagecontactsconn__content textarea {
height: 100px;
}
.news__container {
padding-top: 15px;
padding-bottom: 30px;
}
.news__items {
margin-top: 20px;
}
.pagedocs .container {
padding-top: 15px;
padding-bottom: 30px;
}
.vailability .container {
padding-top: 30px;
padding-bottom: 30px;
}
.vailability__content {
margin-top: 20px;
}
.vailability__item-hr {
padding: 0 6px 10px;
font-size: 12px;
}
.vailability__item {
padding: 5px;
font-size: 12px;
}
.vailability-form .vailability__item {
padding: 10px;
font-size: 14px;
}
.vailability-form {
padding-left: 20px;
padding-right: 20px;
}
.vailability-form.--shown {
position: fixed;
left: 50%;
top: 50% !important;
transform: translate(-50%, -50%);
}
.vailability-form__form-wpcf7 {
flex-direction: column;
width: 100%;
}
.vailability-form__form-wpcf7>div {
width: 100%;
}
.vailability-form__form-wpcf7>div:last-child {
flex: 1;
}
.vailability-form .vailability__content {
grid-template-columns: repeat(4, auto);
}
.vailability-form__form-wpcf7 input[type=submit] {
height: 40px;
}
.footer_content {
padding: 30px 0 30px;
}
.footer__main {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.footer__main {
margin-bottom: 30px;
}
.footer__logo a {
display: block;
width: 100%;
text-align: center;
}
.footer__logo img {
max-width: 60%;
}
.footer__prod {
display: none;
}
.footer__req {
grid-area: 2/1/2/3;
justify-content: center;
}
.footer__req-items {
max-width: 100%;
}
.vakansii__title_info {
flex-direction: column;
gap: 5px;
}
.vailability-search__content {
max-width: 300px;
}
.second-intro__grid{
padding: 40px 20px;
}
.second-intro__grid-right{
display: none;
}
}
@media (max-width: 539.98px) {
.homeabout__swp {
height: 188px;
}
.homeabout__swp-pagination {
justify-content: center;
}
.homeabout__swp-navigation {
display: none;
}
.pageabout__swp {
height: 188px;
}
.pageabout__swp-pagination {
justify-content: center;
}
.pageabout__swp-navigation {
display: none;
}
.contact-form__submit {
flex-direction: column;
gap: 10px;
}
.contact-form input[type=submit] {
width: 100%;
margin-right: 0;
}
.news__item {
flex: 1 1 100%;
}
.news-page__images-item {
height: 250px;
}
.pagedocs__list {
justify-content: center;
}
.pagedocs__item-btn {
height: 30px;
padding: 10px;
right: 10px;
bottom: 10px;
font-size: 12px;
}
.pagedocs__item-btn img {
height: 10px;
}
.vailability__item.-btn img {
margin-right: 0;
height: 15px;
}
.vailability__item.-btn span {
display: none;
}
.vakansii .container {
padding-top: 15px;
}
.vakansii__block_item {
padding: 20px;
padding-bottom: 80px;
}
.vakansii__title {
font-size: 16px;
margin-left: -20px;
padding-left: 20px;
}
.vakansii__title_desc {
font-size: 14px;
}
.vakansii__title_info {
flex-direction: column;
gap: 5px;
}
.vailability-search {
flex-direction: column;
}
.vailability-search .pagedocs__item-btn {
width: 100%;
justify-content: center;
}
.vailability-search__content {
max-width: 100%;
}
.second-intro__grid{
padding: 20px;
}
.second-intro__grid-left{
gap: 30px;
}
.second-intro__grid-left-tochka img{
width: 70%;
}
.second-intro__grid-left-desc-top{
font-size: 20px;
}
.second-intro__grid-left-desc-slogan{
font-size: 26px;
}
.second-intro-slide__title{
font-size: 26px;
}
.second-intro-slide__title-desc{
font-size: 18px;
}
.second-intro-slide__links{
display: block;
}
.second-intro-slide__links-qr,
.second-intro-slide__links-desc{
display: none;
}
.second-intro-slide__links .intro__desc-btn{
width: 100%;
}
.second-intro-slide__logos{
margin-bottom: 20px;
}
.second-intro-slide__titles{
margin-bottom: 20px;
}
}
@media (max-width: 479.98px) {
.header__logo-part,
.header__req{
width: 100%;
}
.header__req{
padding-right: 10px;
}
.header__req ul{
display: none;
}
.header__req-phone{
width: 100%;
display: flex !important;
justify-content: end;
align-items: center;
}
.intro {
padding-bottom: 0;
}
.intro__swiper .swiper-button-prev {
display: none;
}
.intro__swiper .swiper-button-next {
display: none;
}
.intro__swiper-block {
padding: 10px 0 10px 10px;
}
.intro__swiper-block-title {
font-size: 12px;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.intro__swiper-block-code {
margin-right: 10px;
padding-right: 10px;
font-size: 20px;
}
.intro__swiper-block-img img {
margin-bottom: 10px;
}
.intro__desc-btn {
width: 100%;
border-radius: 0px;
}
.homeproducts__items:not(.--home) {
grid-template-columns: 1fr;
gap: 15px;
}
.homeproducts__items.--home {
flex-direction: column;
align-items: center;
}
.homeproducts__item {
height: 230px;
max-width: 100%;
}
.homeproducts__item-img {
top: 60%;
transform: translate(0, -50%);
filter: drop-shadow(15px 20px 6px rgba(0, 0, 0, 0.1));
}
.homeproducts__item-title {
font-size: 12px;
padding: 10px;
}
.homecontacts__contact {
font-size: 12px;
margin-bottom: 5px;
}
.pagecontacts__contact {
font-size: 12px;
margin-bottom: 5px;
}
.footer__main {
grid-template-columns: 1fr;
}
.footer__menu {
display: flex;
justify-content: center;
}
.footer__menu>ul {
display: inline-block;
}
.footer__menu>ul li {
text-align: center;
}
.footer__req {
grid-area: unset;
}
.footer__req-item {
margin-bottom: 10px;
}
.second-intro__grid-left-desc-top{
font-size: 16px;
}
.second-intro__grid-left-desc-slogan{
font-size: 19px;
}
}
.portfolio-items {
display: flex;
flex-wrap: wrap;
}
.portfolio-item {
width: calc(33.33% - 20px);
margin: 10px;
border: 1px solid #ccc;
padding: 20px;
text-align: center;
}
.portfolio-item img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.portfolio-item-title {
font-size: 24px;
margin-bottom: 10px;
}
.portfolio-item-description {
font-size: 16px;
line-height: 1.5;
}
.reviews {
padding: 30px;
border: 1px solid #C8C8C8;
margin-bottom: 100px;
list-style: none;
}
.name {
list-style: none;
}
.feedback {
line-height: 1.5;
}
.faq-section {
max-width: 100%;
margin: 0 auto;
}
.faq-item {
background: #EBEBEB;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 10px;
}
.faq-item .faq-question {
font-size: 18px;
font-weight: bold;
padding: 20px;
padding-right: 60px;
cursor: pointer;
position: relative;
margin: 0;
}
@media (max-width: 539.98px) {
.faq-item .faq-question {
font-size: 16px;
}
}
.faq-item .faq-question::after {
content: "+";
position: absolute;
color: #d21113;
top: 50%;
font-size: 30px;
line-height: 1;
right: 30px;
transform: translateY(-50%);
}
.faq-item.open .faq-question::after {
content: "-";
}
.faq-item .faq-answer {
display: none;
background: #fff;
font-size: 16px;
padding: 20px 20px;
}
.faq-item.open .faq-answer {
display: block;
}:root {
--electro-header-height: 112px;
--electro-container-width: 1750px;
}
.electro-products {
color: #000000;
background: #FFFFFF;
padding-top: var(--electro-header-height);
}
.electro-container {
max-width: var(--electro-container-width);
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.electro-title {
font-size: 34px;
font-weight: 700;
font-size: 34px;
text-transform: uppercase;
padding-left: 27px;
border-left: 4px solid #D9000D;
margin-top: 0;
margin-bottom: 60px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.electro-title b {
display: inline-block;
margin-right: 10px;
}
.electro-title span {
display: block;
font-size: 24px;
font-weight: 400;
} .electro-products a {
text-decoration: none;
color: #000000;
}
.electro-products a:hover {
color: #0560AA;
text-decoration: underline;
}
.electro-products input,
.electro-products textarea {
outline: none;
}
.electro-products .electro-header {
position: fixed;
display: flex;
align-items: center;
width: 100%;
height: 100%;
max-width: 1920px;
max-height: var(--electro-header-height);
top: 0;
left: 50%;
transform: translateX(-50%);
background: #FFFFFF;
z-index: 100;
}
.electro-products .electro-header__content {
display: grid;
grid-template-columns: auto 1fr;
gap: 20px;
}
.electro-products .electro-header__logo {
display: flex;
align-items: center;
}
.electro-header__logo-norm{
max-height: 90px;
}
.electro-products .electro-header__logo-mobi {
display: none;
max-height: 40px;
}
.electro-products .electro-header__nav {
justify-self: end;
display: flex;
align-items: center;
gap: 40px;
}
.electro-products .electro-header__nav-menu {
display: flex;
}
.electro-products .electro-header__nav-menu>ul {
display: flex;
align-items: center;
gap: 40px;
padding: 0;
margin: 0;
}
.electro-products .electro-header__nav-menu>ul li {
list-style-type: none;
display: flex;
align-items: center;
white-space: nowrap;
margin-bottom: 0;
}
.electro-products .electro-header__nav-src-form {
display: flex;
align-items: center;
border-radius: 3px;
background: #F1F1F1;
height: 40px;
width: 100%;
max-width: 300px;
}
.electro-products .electro-header__nav-src-form input {
width: 100%;
max-width: 100%;
border: 0;
background: transparent;
font-size: inherit;
height: 40px;
padding: 0 15px;
border-radius: 0;
margin: 0;
}
.electro-products .electro-header__nav-src-form img {
margin: 0 10px;
cursor: pointer;
}
.electro-products .electro-header__nav-src-form img:hover {
filter: invert(90%);
}
.electro-products .electro-header__burger {
display: none;
}
.electro-products .electro-header__burger-close {
display: none;
}
.electro-products .electro-header.burger-action {
height: 100vh;
max-height: 100vh;
transition: max-height 0.3s;
}
.electro-products .electro-header.burger-action .electro-container {
height: 100%;
padding: 0;
}
.electro-products .electro-header.burger-action .electro-header__content {
row-gap: 0;
height: 100%;
grid-template-rows: var(--electro-header-height) 1fr;
}
.electro-products .electro-header.burger-action .electro-header__logo {
padding-left: 20px;
}
.electro-products .electro-header.burger-action .electro-header__nav {
grid-area: 2/1/3/3;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
background-color: #F5F5F5;
padding: 20px;
overflow: auto;
}
.electro-products .electro-header.burger-action .electro-header__nav-menu {
order: 2;
font-size: 18px;
}
.electro-products .electro-header.burger-action .electro-header__nav-menu>ul {
flex-direction: column;
}
.electro-products .electro-header.burger-action .electro-header__nav-src-form {
order: 1;
max-width: 100%;
background: #FFFFFF;
}
.electro-products .electro-header.burger-action .electro-header__burger-open {
display: none;
}
.electro-products .electro-header.burger-action .electro-header__burger-close {
display: inline-block;
padding-right: 20px;
}
.electro-products .electro-footer {
position: relative;
width: 100%;
max-width: 1920px;
background: #D9D9D9;
font-size: 14px;
margin: 0 auto;
margin-top: 120px;
}
.electro-products .electro-footer ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 7px;
}
.electro-products .electro-footer ul li {
list-style-type: none;
margin: 0;
}
.electro-products .electro-footer p {
margin-top: 0;
margin-bottom: 7px;
}
.electro-products .electro-footer__content {
display: flex;
justify-content: space-between;
gap: 20px;
padding-top: 70px;
padding-bottom: 40px;
}
.electro-products .electro-footer__ico img {
max-width: 180px;
}
.electro-products .electro-footer__req-phone {
display: inline-block;
margin-bottom: 10px;
font-size: 26px;
}
.electro-products .electro-footer__req-mail {
display: inline-block;
margin-bottom: 20px;
font-size: 28px;
}
.electro-products .electro-footer__bottom {
padding: 25px 0;
border-top: 1px solid #B7B7B7;
color: #898989;
}
.electro-products .electro-intro__content {
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/bg/electro-intro_bg.jpg) no-repeat;
background-position: center;
background-size: cover;
color: #FFFFFF;
}
.electro-products .electro-intro__grid {
display: grid;
grid-template-columns: 1fr 33%;
}
.electro-products .electro-intro__desc {
padding: 65px 100px;
}
.electro-products .electro-intro__title {
font-size: 40px;
font-weight: 400;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.electro-products .electro-intro__text {
max-width: 660px;
margin-bottom: 20px;
}
.electro-products .electro-intro__logo {
position: relative;
padding: 30px 0;
overflow: visible;
}
.electro-products .electro-intro__logo::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 260px;
height: 1px;
background: rgba(255, 255, 255, 0.1882352941);
}
.electro-products .electro-intro__logo img {
max-width: 100%;
}
.electro-products .electro-intro__items {
display: flex;
flex-direction: column;
gap: 15px;
}
.electro-products .electro-intro__item-num {
font-size: 36px;
line-height: 1;
}
.electro-products .electro-intro__item-text {
font-size: 16px;
}
.electro-products .electro-intro__enum {
display: flex;
align-items: center;
justify-content: center;
padding: 55px;
background: rgba(2, 130, 166, 0.9);
}
.electro-products .electro-intro__enum-list {
display: flex;
flex-direction: column;
gap: 30px;
max-width: 443px;
}
.electro-products .electro-intro__enum-list-item {
display: flex;
align-items: center;
gap: 40px;
}
.electro-products .electro-intro__enum-list-item-num {
text-align: center;
font-size: 40px;
min-width: 25px;
}
.electro-products .electro-catalog {
margin-top: 120px;
scroll-margin-top: var(--electro-header-height);
}
.electro-products .electro-catalog__items {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.electro-products .electro-catalog__item {
flex: 0 1 calc(33.333333% - 20px);
display: flex;
height: 285px;
border-radius: 5px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/bg/electro-catalog_bg.svg), linear-gradient(#F5F5F5 174px, #115775 0%);
background-repeat: no-repeat, no-repeat;
background-position: left top 174px, top;
cursor: pointer;
}
.electro-products .electro-catalog__item:hover {
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/bg/electro-catalog_bg.svg), linear-gradient(#DBDBDB 174px, #0A3547 0%);
background-repeat: no-repeat, no-repeat;
background-position: left top 174px, top;
text-decoration: none;
}
.electro-products .electro-catalog__item-img {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.electro-products .electro-catalog__item-img img {
max-width: 100%;
max-height: 100%;
filter: drop-shadow(0px 15px 5px rgba(0, 0, 0, 0.3));
}
.electro-products .electro-catalog__item-box {
flex: 1;
align-self: flex-end;
padding: 0 20px 20px;
}
.electro-products .electro-catalog__item-title {
position: relative;
font-size: 24px;
font-weight: 700;
color: #FFFFFF;
margin-left: -20px;
padding: 50px 0 10px 20px;
max-width: 220px;
min-height: 120px;
display: flex;
align-items: end;
}
.electro-products .electro-catalog__item-title::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 1px;
background: #008AB1;
}
.electro-products .electro-contacts {
margin-top: 120px;
scroll-margin-top: var(--electro-header-height);
}
.electro-products .electro-contacts__grid {
display: grid;
grid-template-columns: 1fr 33.3333%;
}
.electro-products .electro-contacts__form-content {
padding: 80px 30px 80px 80px;
border-radius: 5px 0 0 5px;
background: #F5F5F5;
}
.electro-products .electro-contacts__form-content .electro-title {
margin-bottom: 20px;
}
.electro-products .electro-contacts__title-desc {
margin-bottom: 20px;
}
.electro-products .electro-contacts__desc {
position: relative;
padding: 80px 80px 80px 50px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/bg/electro-contacts_bg.jpg) no-repeat;
background-position: center;
background-size: auto 100%;
color: #FFFFFF;
border-radius: 0 5px 5px 0;
}
.electro-products .electro-contacts__desc .electro-title {
border-left: 4px solid #FFFFFF;
color: #FFFFFF;
}
.electro-products .electro-contacts__desc-box {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50px);
margin-left: 50px;
}
.electro-products .electro-contacts__desc-fio {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}
.electro-products .electro-contacts__desc-req {
display: flex;
flex-direction: column;
gap: 5px;
}
.electro-products .electro-contacts__desc-req a {
color: #FFFFFF;
}
.electro-products .electro-contacts__desc-req a:hover {
color: rgba(255, 255, 255, 0.5647058824);
}
.electro-products .electro-form input,
.electro-products .electro-form textarea {
width: 100%;
font-family: "Webnar", sans-serif;
font-size: 14px;
border: 1px solid #EBEBEB;
border-radius: 5px;
padding: 16px 20px;
background-color: #FFFFFF;
height: unset;
margin: 0;
}
.electro-products .electro-form input::placeholder,
.electro-products .electro-form textarea::placeholder {
color: #AFAFAF;
}
.electro-products .electro-form-nametelmail {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 20px;
}
.electro-products .electro-form-message {
margin-bottom: 20px;
}
.electro-products .electro-form-message textarea {
height: 100px;
}
.electro-products .electro-form-submit {
display: flex;
align-items: center;
}
.electro-products .electro-form-submit input {
width: unset;
padding: 18px 50px;
font-size: 18px;
border: 0;
color: #FFFFFF;
background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%), linear-gradient(43.46deg, #0560AA 26.07%, #078BA8 77.41%);
background-repeat: no-repeat, no-repeat;
cursor: pointer;
}
.electro-products .electro-form-submit input:hover {
background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%), linear-gradient(43.46deg, #034377 26.07%, #056176 77.41%);
background-repeat: no-repeat, no-repeat;
}
.electro-products .custom_checkbox {
display: flex;
align-items: center;
margin-left: 20px;
font-size: 14px;
}
.electro-products .custom_checkbox input {
display: none;
}
.electro-products .custom_checkbox input:checked+.wpcf7-list-item-label .fake::before {
opacity: 1;
}
.electro-products .custom_checkbox .wpcf7-list-item-label {
display: flex;
align-items: center;
gap: 10px;
}
.electro-products .custom_checkbox .fake {
flex-shrink: 0;
display: block;
position: relative;
width: 30px;
height: 30px;
border-radius: 5px;
border: 1px solid #EBEBEB;
background-color: #FFFFFF;
cursor: pointer;
}
.electro-products .custom_checkbox .fake::before {
content: "";
position: absolute;
display: block;
height: 12px;
width: 16px;
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/icons/electro-ico-check.svg) no-repeat;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
} .electro-popup {
display: none;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100vh;
left: 0;
top: 0;
z-index: 101; padding: 20px;
}
.electro-popup__box {
position: relative;
width: 100%;
max-width: 915px;
height: 100%;
border-radius: 5px;
background-color: #FFFFFF;
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
padding: 50px 30px 30px;
}
.electro-popup__close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.electro-popup__content {
height: 100%;
overflow-y: auto;
} .electro-prod-title {
font-size: 24px;
font-weight: 700;
padding-bottom: 40px;
}
.electro-prod-items {
display: flex;
flex-direction: column;
gap: 10px;
}
.electro-prod-box {
padding: 10px;
background: #F5F5F5;
border-radius: 5px;
height: 100%;
}
.electro-prod-item {
display: flex;
align-items: center;
gap: 10px;
height: 100%;
min-height: 100px;
}
.electro-prod-item-img {
flex: 0 1 100px;
display: flex;
align-items: center;
justify-content: center;
height: 100px;
padding: 5px;
background: #FFFFFF;
border: 1px solid #E3E3E3;
border-radius: 5px;
}
.electro-prod-item-img img {
max-width: 100%;
max-height: 100%;
}
.electro-prod-item-box {
flex: 1;
display: flex;
align-items: center;
gap: 10px;
height: 100%;
}
.electro-prod-item-name {
flex: 1;
}
.electro-prod-item-btns {
display: flex;
gap: 10px;
align-items: center;
height: 100%;
border-left: 1px solid #AFAFAF;
padding: 0 20px;
}
.electro-prod-item-btn-info {
width: 120px;
height: 51px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #008AB1;
border-radius: 5px;
cursor: pointer;
color: #008AB1 !important;
transition: unset !important;
}
.electro-prod-item-btn-info:hover {
background: #008AB1;
color: #FFFFFF !important;
text-decoration: none !important;
}
.electro-prod-item-btn-order {
width: 120px;
height: 51px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 5px;
color: #FFFFFF;
background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%), linear-gradient(43.46deg, #0560AA 26.07%, #078BA8 77.41%);
background-repeat: no-repeat, no-repeat;
cursor: pointer;
}
.electro-prod-item-btn-order:hover {
background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%), linear-gradient(43.46deg, #034377 26.07%, #056176 77.41%);
background-repeat: no-repeat, no-repeat;
} .electro-order-form-box {
display: none;
}
.electro-order-form {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
flex-wrap: wrap;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #EBEBEB;
}
.electro-order-form span {
flex: 0 1 18%; }
.electro-order-form input {
width: 100%;
font-family: "Webnar", sans-serif;
font-size: 14px;
border: 1px solid #EBEBEB;
border-radius: 5px;
padding: 9px 15px 8px;
background-color: #FFFFFF;
height: unset;
margin: 0;
}
.electro-order-form input::placeholder {
color: #AFAFAF;
}
.electro-order-form input[type=submit] {
flex: 0 1 18%;
padding: 9px 15px 8px;
border: 0;
color: #FFFFFF;
background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%), linear-gradient(43.46deg, #0560AA 26.07%, #078BA8 77.41%);
background-repeat: no-repeat, no-repeat;
cursor: pointer;
}
.electro-order-form input[type=submit]:hover {
background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%), linear-gradient(43.46deg, #034377 26.07%, #056176 77.41%);
background-repeat: no-repeat, no-repeat;
}
.electro-order-form-close {
margin: 5px;
cursor: pointer;
}
.electro_search_subcatalog {
cursor: pointer;
color: #888888;
}
.electro_search_subcatalog:hover {
color: #0560AA; } @media (max-width: 1367px) {
:root {
--electro-header-height: 80px;
}
.electro-title {
margin-bottom: 65px;
}
.electro-products .electro-header__logo-norm {
max-height: 60px;
}
.electro-products .electro-footer {
margin-top: 90px;
}
.electro-products .electro-footer__content {
justify-content: space-evenly;
}
.electro-products .electro-footer__ico img {
max-width: 140px;
}
.electro-products .electro-footer__req-mail {
font-size: 20px;
}
.electro-products .electro-intro__desc {
padding: 65px 7%;
}
.electro-products .electro-intro__enum {
padding: 35px;
}
.electro-products .electro-intro__enum-list {
gap: 20px;
}
.electro-products .electro-intro__enum-list-item {
gap: 20px;
}
.electro-products .electro-catalog {
margin-top: 90px;
}
.electro-products .electro-catalog__items {
gap: 20px;
}
.electro-products .electro-catalog__item {
flex: 0 1 calc(33.333333% - 13.333333px);
background-size: 80% auto, auto;
height: unset;
flex-direction: column;
}
.electro-products .electro-catalog__item-img {
padding-bottom: 0;
flex: unset;
height: 220px;
}
.electro-products .electro-catalog__item-box {
display: flex;
align-items: end;
align-self: flex-start;
}
.electro-products .electro-catalog__item-title {
margin-left: unset;
margin-top: auto;
padding: 40px 0 10px 20px;
min-height: 100px;
max-width: 100%;
}
.electro-products .electro-contacts {
margin-top: 90px;
}
.electro-products .electro-contacts__form-content {
padding: 30px;
}
.electro-products .electro-contacts__form-content .electro-title {
font-size: 24px;
}
.electro-products .electro-contacts__desc {
padding: 30px;
}
.electro-products .electro-contacts__desc .electro-title {
font-size: 24px;
}
.electro-products .electro-contacts__desc-box {
margin-left: 30px;
}
.electro-products .electro-contacts__desc-box {
position: relative;
left: unset;
top: unset;
transform: unset;
margin-left: unset;
}
}
@media (max-width: 1220px) {
.electro-products .electro-footer__lom {
display: none;
}
}
@media (max-width: 1070px) {
.electro-products .electro-header__nav {
gap: 20px;
}
.electro-products .electro-header__nav-menu>ul {
gap: 20px;
}
.electro-products .electro-footer__menu {
display: none;
}
}
@media (max-width: 971px) {
:root {
--electro-header-height: 60px;
}
.electro-title {
font-size: 30px;
margin-bottom: 50px;
}
.electro-title span {
font-size: 20px;
}
.electro-products .electro-header__logo-norm {
display: none;
}
.electro-products .electro-header__logo-mobi {
display: inline-block;
}
.electro-products .electro-header__nav {
display: none;
}
.electro-products .electro-header__burger {
display: inline-flex;
align-items: center;
justify-self: end;
}
.electro-products .electro-footer {
margin-top: 60px;
}
.electro-products .electro-footer p {
margin-bottom: 5px;
}
.electro-products .electro-footer__content {
padding-top: 50px;
padding-bottom: 30px;
}
.electro-products .electro-footer__req-phone {
margin-bottom: 10px;
font-size: 22px;
}
.electro-products .electro-footer__req-mail {
margin-bottom: 10px;
font-size: 18px;
}
.electro-products .electro-footer__bottom {
padding: 15px 0;
}
.electro-products .electro-intro__grid {
grid-template-columns: 1fr 45%;
}
.electro-products .electro-intro__desc {
padding: 30px 7%;
}
.electro-products .electro-intro__title {
font-size: 30px;
}
.electro-products .electro-intro__logo {
padding: 0;
padding-top: 30px;
}
.electro-products .electro-intro__items {
display: none;
}
.electro-products .electro-intro__enum-list-item-text {
font-size: 16px;
}
.electro-products .electro-catalog {
margin-top: 60px;
}
.electro-products .electro-catalog__item-img {
padding: 15px 15px 0;
height: 200px;
}
.electro-products .electro-catalog__item-box {
padding: 0 15px 15px;
}
.electro-products .electro-catalog__item-title {
font-size: 18px;
padding: 20px 0 10px 15px;
min-height: unset;
}
.electro-products .electro-contacts {
margin-top: 60px;
}
.electro-products .electro-contacts__grid {
grid-template-columns: 1fr;
}
.electro-products .electro-contacts__form-content {
padding-top: 50px;
border-radius: 5px 5px 0 0;
}
.electro-products .electro-contacts__desc {
background-size: cover;
padding: 50px 30px;
border-radius: 0 0 5px 5px;
}
.electro-products .electro-contacts__desc-fio {
font-size: 18px;
}
.electro-products .electro-form-nametelmail {
gap: 15px;
margin-bottom: 10px;
}
.electro-products .electro-form-message {
margin-bottom: 10px;
}
}
@media (max-width: 769px) {
:root {
--electro-header-height: 50px;
}
.electro-title {
font-size: 24px;
padding-left: 17px;
margin-bottom: 30px;
}
.electro-title span {
font-size: 16px;
}
.electro-products .electro-footer {
margin-top: 0;
}
.electro-products .electro-footer__content {
padding: 25px 0;
}
.electro-products .electro-footer__ico {
display: none;
}
.electro-products .electro-footer__req {
text-align: center;
}
.electro-products .electro-footer__req-phone {
color: #008AB1;
}
.electro-products .electro-footer__idents {
display: none;
}
.electro-products .electro-footer__bottom {
text-align: center;
}
.electro-products .electro-intro__content {
margin: 0 -20px;
}
.electro-products .electro-intro__grid {
grid-template-columns: 1fr;
}
.electro-products .electro-intro__desc {
padding: 20px;
}
.electro-products .electro-intro__title {
font-size: 28px;
margin: 0 0 15px 0;
word-wrap: break-word;
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
.electro-products .electro-intro__text {
margin-bottom: 15px;
}
.electro-products .electro-intro__logo::before {
width: 100%;
}
.electro-products .electro-intro__logo {
padding-top: 15px;
}
.electro-products .electro-intro__enum {
padding: 20px;
}
.electro-products .electro-intro__enum-list {
gap: 5px;
width: 100%;
max-width: 100%;
}
.electro-products .electro-catalog {
margin-top: 30px;
}
.electro-products .electro-catalog .electro-title {
margin-left: -20px;
}
.electro-products .electro-catalog__item {
flex: 0 1 calc(50% - 10px);
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/bg/electro-catalog_bg.svg), linear-gradient(#F5F5F5 70px, #115775 0%);
background-repeat: no-repeat, no-repeat;
background-position: left top 70px, top;
background-size: 80% auto, auto;
}
.electro-products .electro-catalog__item:hover {
background: url(//baltkabel.ru/wp-content/themes/baltkabel/img-electro/bg/electro-catalog_bg.svg), linear-gradient(#DBDBDB 70px, #0A3547 0%);
background-repeat: no-repeat, no-repeat;
background-position: left top 70px, top;
text-decoration: none;
}
.electro-products .electro-catalog__item-img {
height: 120px;
}
.electro-products .electro-catalog__item-title::before {
display: none;
}
.electro-products .electro-catalog__item-title {
padding: 10px 0 0;
font-size: 16px;
word-wrap: break-word;
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
.electro-products .electro-contacts {
margin-top: 30px;
}
.electro-products .electro-contacts__grid {
margin: 0 -20px;
}
.electro-products .electro-contacts__form-content {
padding: 20px;
padding-top: 30px;
border-radius: unset;
}
.electro-products .electro-contacts__form-content .electro-title {
margin-left: -20px;
margin-bottom: 10px;
}
.electro-products .electro-contacts__title-desc {
margin-bottom: 10px;
}
.electro-products .electro-contacts__desc {
padding: 30px 20px;
border-radius: 0;
}
.electro-products .electro-contacts__desc .electro-title {
margin-left: -20px;
}
.electro-products .electro-form input,
.electro-products .electro-form textarea {
padding: 10px 20px;
}
.electro-products .electro-form-nametelmail {
flex-direction: column;
gap: 10px;
}
.electro-products .electro-form-nametelmail span {
width: 100%;
}
.electro-products .electro-form-submit {
flex-direction: column;
gap: 10px;
}
.electro-products .electro-form-submit input {
width: 100%;
}
.electro-products .custom_checkbox {
margin-left: unset;
} .electro-popup {
padding: 10px;
}
.electro-popup__close {
top: 15px;
right: 15px;
}
.electro-popup__box {
padding: 42px 0 10px;
}
.electro-prod-title {
font-size: 20px;
padding: 0px 20px 20px 20px;
}
.electro-prod-item {
border-radius: 0;
}
.electro-prod-item-box {
flex-direction: column;
align-items: flex-start;
}
.electro-prod-item-btns {
border: 0;
padding: 0;
width: 100%;
flex-wrap: wrap;
row-gap: 5px;
}
.electro-prod-item-btn-info {
height: 32px;
width: 100%;
max-width: 200px;
min-width: 100px;
}
.electro-prod-item-btn-order {
height: 32px;
width: 100%;
max-width: 200px;
min-width: 100px;
}
}