@keyframes headerFixetAnimation {
 0% {top: -140px}
 100% {top: 0%}
}
tbody, td, tfoot, th, thead, tr {
 border-width: 1px;
}
.section-container a {
 color: #a4c739;
}
.section-container a:hover {
 text-decoration: underline;
}

.modal-body-outer {
 padding: 1rem 3rem;
}
.modal-name-form {
 color: #afbaaa;
}
.modal-text-form-input {
 color: #afbaaa;
 background-image: linear-gradient(0deg, #eefce9, transparent);
 padding: 0.5rem 1rem !important;
 height: initial !important;
 font-size: 1rem ;
 border: none !important;
 border-radius: 5px !important;
}
.modal-label-content {
 font-size: 1.1rem;
 font-weight: 400;
 color: #a4c739;
}
.modal-body-call-back {
 padding: 3rem;
}


.outer-content {
 padding: 1rem;
}
.single-scrap-content a {
 transition: all 280ms linear;
}
.single-scrap-content a:hover {
 filter: brightness(0.8);
}
.button-primary {
 transition: all 280ms linear;
} 
.button-primary:hover {
 background-color: #7e982e;
} 


.site-header {
 min-height: 111px;
}
.h-img-logo {
 max-width: 100%;
 height: auto;
}
.header-fixed_active {
 position: fixed;
 width: 100%;
 background-color: #fff;
 z-index: 1000;
 top: 0;
 padding: 0 0.7rem;
 left: 0;
 margin: 0;
 box-shadow: 0px 2px 6px #585f4521;
 animation-name: headerFixetAnimation;
 animation-duration: 700ms;
 animation-fill-mode: both;
}
.navbar-nav {
 flex-direction: row;
 justify-content: space-evenly;
 align-items: center;
 flex-wrap: wrap;
 padding: 0 0.3rem;
 margin: 0;
 min-height: 63px;
}
.navbar-item-phone-call {
 padding: 0;
 border: none;
 height: 1.2rem;
}
.navbar-nav li{
 padding: 0.2rem 0.3rem;
}
.navbar-dropdown-nav > li > a {
 transition: all 240ms linear;
}
.navbar-dropdown-nav > li:hover > a {
 color: #a4c739;
}
.navbar-nav-dropdown {
 width: -webkit-fill-available;
}


.navbar-toggle {
 background: #2d5016 !important;
 border: 2px solid #2d5016 !important;
 border-radius: 8px !important;
 padding: 12px !important;
 box-shadow: 0 4px 8px rgba(164, 199, 57, 0.3) !important;
 transition: all 0.3s ease !important;
 cursor: pointer !important;
}

.navbar-toggle:hover {
 background: #2d5016 !important;
 border-color: #2d5016 !important;
 box-shadow: 0 6px 12px rgba(164, 199, 57, 0.4) !important;
 transform: translateY(-2px) !important;
}

.navbar-toggle:active {
 transform: translateY(0) !important;
 box-shadow: 0 2px 4px rgba(164, 199, 57, 0.3) !important;
}

.navbar-toggle svg rect {
 fill: white !important;
 stroke: white !important;
 stroke-width: 2 !important;
 transition: all 0.3s ease !important;
}

.navbar-toggle:hover svg rect {
 fill: #ffffff !important;
 stroke-width: 3 !important;
}


.navbar-right .form-input button.form-input {
 background: #2d5016 !important;
 border: 2px solid #2d5016 !important;
 border-radius: 8px !important;
 padding: 12px 16px !important;
 box-shadow: 0 4px 8px rgba(164, 199, 57, 0.3) !important;
 transition: all 0.3s ease !important;
 color: #fff !important;
 font-weight: 600 !important;
}

.navbar-right .form-input button.form-input:hover {
 background: #2d5016 !important;
 border-color: #2d5016 !important;
 box-shadow: 0 6px 12px rgba(164, 199, 57, 0.4) !important;
 transform: translateY(-2px) !important;
}

.navbar-right .form-input button.form-input:active {
 transform: translateY(0) !important;
 box-shadow: 0 2px 4px rgba(164, 199, 57, 0.3) !important;
}
.navbar-nav-dropdown .navbar-dropdown-nav {
 display: flex;
 flex-direction: column;
 max-height: 35rem;
 flex-wrap: wrap;
}



.box-breadcrumbs-outer {
 padding: 1rem 1rem 1rem;
}
.box-outer-h1 {
 padding: 0 1rem;
}


.section-main {
 min-height: 20rem;
 max-width: 100%;
 height: auto;
}


.box-contents {
 padding: 1rem;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: flex-start;
}
.contacts_infa,
.maps_contact {
 width: 50%;
 border-radius: 1rem;
 padding: 0;
}
.form-contact-item input {
 background-color: #eefce9;
 padding: 1.5rem 1rem;
 border-radius: 5px;
}
.form-contact-item label {
 margin: 1rem 0.5rem 0.1rem;
}
.h3_contacts {
 max-width: 1140px;
 
 margin: 1rem auto 2rem;
}
.form-contact-item {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: flex-start;
}
.form-contact-left,
.form-contact-right {
 padding: 1rem;
 max-width: 50%;
 width: 100%;
}
.form-contact-item label{
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
}
.form-control {
 display: block;
 width: 100%;
 height: calc(1.5em + 0.75rem + 2px);
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control-textarea {
 width: 100%;
 height: 250px;
 display: block;
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #eefce9;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-contact-item-btn {
 background-color: #a4c739;
 color: #fff;
}
.form-contact-left-box {
 padding: 0rem 0 1.7rem;
}
.contr-btn-form {
 margin: 2rem 0 2rem;
}
.icon-contact {
 position: relative;
 padding: 1rem 2.4rem;
 margin-bottom: 0;
}
.outer-map-content {
 display: block;
}
.icon-contact::before {
 position: absolute;
 content: "";
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 left: 0;
 width: 24px;
 height: 24px;
}
.icon-contact-mail::before {
 top: 26%;
 background-image: url(../../images/icon-contact-mail.svg);
}
.icon-contact-time::before {
 top: 26%;
 background-image: url(../../images/icon-contact-time.svg);
}
.icon-contact-phone::before {
 top: 26%;
 background-image: url(../../images/icon-contact-phone.svg);
}
.icon-contact-city::before {
 top: 26%;
 background-image: url(../../images/icon-contact-city.svg);
}
.receiving-cable a:hover {
 filter: brightness(1.5);
}


.reviews-page-item {
 max-width: 50rem;
 margin: auto;
}
.reviews-page-review-one-name-out{
 font-weight: 700;
 margin: 1.5vw 0;
}
.reviews-page-form-out{
 
 max-width: 30rem;
 padding: 2vw;
 margin: 4rem auto;
 border: 1px dotted #a4c739;
 height: 100%;
 border-radius: 15px;
 max-wdith: 100%;
}
#send-reviews textarea {
 margin: 1.5rem 0;
 height: 6rem;
}
#send-reviews input {
 padding: 1rem;
}
.btn-reviews-page-send {
 display: block;
 margin: 1.5rem 0 0rem auto;
 float: none;
 color: #fff;
 background: #2d5016;
 border-color: #a4c739;
 float: none !important;
}
.form-revoews-name {
 font-size: 1.8rem;
 font-weight: 700;
 text-align: center;
 color: #414141;
}


.our-projects-item{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 1rem;
}
.our-projects-img {
 max-width: 100%;
 heigh: auto;
 display: block;
 margin: auto;
}
.our-projects-card-out {
 width: 30%;
}
.our-projects-name {
 font-size: 1.9vw;
 margin: 0.5vw;
}



.container1014{max-width:1014px}
.box-answers__all li{list-style:none}
.content-answer{display:none;padding:1rem;font-style:italic}
.box-answers__all{max-width:56rem;margin:2rem auto}
.box-answers__li{padding:0.5rem;transition:all 280ms linear;cursor: cell}


.box-brand-kabel-name {
 
 margin: 0 0 40px;
 font-weight: 700;
 line-height: 1.21;
 color: #000
}
.box-brand-kabel-ul {
 display: flex;
 justify-content: space-evenly;
 align-content: baseline;
 flex-wrap: wrap;
}
.box-brand-kabel-li{
 position: relative;
 width: calc(50% - 4vw);
 list-style: none;
 margin: 1rem 2vw;
}
.box-brand-kabel-li::before {
 content: "";
 display: inline-block;
 list-style-position: inside;
 width: 10px;
 height: 10px;
 background: #2d5016;
 border-radius: 2px;
 position: relative;
 left: -17px;
 margin-right: -10px;
 text-align: left;
}



.single-scrap-image-new {
 max-width: 30%;
}



.form-files-donload-outer {
 margin: 0.5rem auto;
}
.form-files-donload-file {
 margin: 0.5rem auto;
 display: block;
}
.section-single-scrap .single-scrap-meta {
 height: 87%;
 overflow-y: auto;
}
.btn-outer-box {
 display: flex;
 justify-content: space-evenly;
 align-items: baseline;
 margin: 1rem 0;
}
.btn-outer-box .button {
 height: auto !important;
 line-height: 1.3 !important;
 white-space: normal !important;
 word-break: break-word;
 padding: 10px 16px !important;
 max-width: 100%;
 text-align: center;
}
.section-single-scrap .single-scrap>* {
 height: min-content;
}
.section-single-scrap .single-scrap>* {
 width: 70%;
}
.section-single-scrap .single-scrap-title-city {
 margin: 24px 0 ;
 font-size: 24px;
 font-weight: 700;
 color: #000;
}
.section-cities_new-style {
 
 
}
/* .section-cities .cities .list-location>::before {
 left: -14px;
} */
@media (max-width: 1200px) {
 
}
@media (max-width: 992px) {
 .contacts_infa,
.maps_contact {
 width: 100%;
}
}
@media (max-width: 960px) {
 .site-header {
 min-height: 152px;
 padding: 0rem 0.7rem;
}
 .navbar-right>.navbar-item {
 margin: 10px auto 0 0;
 max-width: 100%;
}
 .navbar-item {
 max-width: 100%;
 width: 100%;
}
 .navbar-item-mail {
 display: none;
}
 .navbar-item-phone {
 display: flex;
 justify-content: space-evenly;
 align-items: flex-start;
}
 .navbar-nav-dropdown .navbar-dropdown-nav {
 max-height: initial;
 flex-wrap: initial;
}
 .navbar-nav.open {
 overflow: auto;
}
 
.single-scrap-image-new {
 max-width: initial;
}
 
}
@media (max-width: 768px) {
 .form-contact-left,
.form-contact-right {
 max-width: 30rem;
 margin: auto;
}
.outer-map-content {
 display: none;
}
}
@media (max-width: 540px) {
 
 .modal-body-call-back {
 padding: 2rem;
}
.box-brand-kabel-li {
 width: 100%;
 margin: 2vw 0;
} 
.our-projects-card-out {
 width: 46%;
}
.our-projects-name {
 font-size: 3.5vw;
 margin: 0.7vw;
}
}
@media (max-width: 390px) {
 .our-projects-card-out {
 width: 100%;
}
.our-projects-name {
 font-size: 5vw;
 margin: 1vw;
}
}


.districts-section, .cities-section {
 margin-bottom: 3rem;
}

.districts-title, .cities-title {
 font-size: 1.5rem;
 font-weight: 700;
 color: #2c3e50;
 margin-bottom: 1.5rem;
 text-align: center;
 position: relative;
 padding-bottom: 0.5rem;
}

.districts-title::after, .cities-title::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 60px;
 height: 3px;
 background: linear-gradient(45deg, #a4c739, #2c3e50);
 border-radius: 2px;
}

.cities-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 gap: 1rem;
 margin-bottom: 2rem;
}

.city-button {
 display: inline-block;
 padding: 1rem 1.5rem;
 background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
 color: white;
 text-decoration: none;
 border-radius: 12px;
 font-weight: 600;
 font-size: 1rem;
 text-align: center;
 transition: all 0.3s ease;
 box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
 border: 2px solid transparent;
 position: relative;
 overflow: hidden;
}

.city-button::before {
 content: '';
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
 transition: left 0.5s;
}

.city-button:hover::before {
 left: 100%;
}

.city-button:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 25px rgba(44, 62, 80, 0.4);
 background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
 border-color: #a4c739;
}

.city-button:active {
 transform: translateY(-1px);
 box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
}

.scrap-form,
.single-scrap-form {
 position: static !important;
 transform: none !important;
 top: auto !important;
 left: auto !important;
 right: auto !important;
 z-index: auto !important;
}

.single-scrap-form {clear: both; margin: 1rem 0}
.section-single-scrap .single-scrap {position: static}

.district-button {
 background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
 box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
}

/* ===========================
 Фикс перекрытия формы блоком "Как понять..."
 =========================== */
@media (max-width: 960px) {
 .section-get-money .get-money {
 align-items: flex-start;
}
 .section-get-money .get-money-entry {
 position: relative;
 z-index: 2;
}
 .section-get-money .get-money-image {
 display: block !important;
 margin: 16px 0 0 !important;
 position: static !important;
 z-index: 1 !important;
}
 .section-get-money .get-money-image img {
 margin: 0 !important;
 max-width: 100%;
 height: auto;
 display: block;
}
}


.section-get-money .get-money .button.button-primary,
.section-get-money .get-money .button.button-primary:link,
.section-get-money .get-money .button.button-primary:visited {
 color: #fff !important;
 background: #2d5016 !important;
 border-color: #a4c739 !important;
}
.section-get-money .get-money .button.button-primary:hover,
.section-get-money .get-money .button.button-primary:focus,
.section-get-money .get-money .button.button-primary:active {
 color: #fff !important;
}

.district-button:hover {
 background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
 box-shadow: 0 8px 25px rgba(44, 62, 80, 0.4);
 border-color: #a4c739;
}


@media (max-width: 768px) {
 .cities-grid {
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 gap: 0.8rem;
}
 
 .city-button {
 padding: 0.8rem 1rem;
 font-size: 0.9rem;
}
 
 .districts-title, .cities-title {
 font-size: 1.3rem;
}
}

@media (max-width: 480px) {
 .cities-grid {
 grid-template-columns: 1fr;
 gap: 0.6rem;
}
 
 .city-button {
 padding: 0.7rem 0.8rem;
 font-size: 0.85rem;
}
}