body {
font-family: 'Inter', 'PT Sans', Arial, sans-serif;
background: #ffffff;
color: #111827;
letter-spacing: -.01em;
}
a { color: #15803d; }
a:hover { color: #16a34a; }
main.container { min-height: 60vh; padding-top: 20px; }
.notHeader {
background: #ffffff;
border-bottom: 1px solid #e5e7eb;
padding-top: 10px;
padding-bottom: 10px;
position: sticky;
top: 0;
z-index: 100;
}
.notBrand { text-decoration: none; }
.notBrand:hover .notBrandTitle { color: #15803d; }
.notBrandMark {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-right: 11px;
background: #16a34a;
border: none;
border-radius: 10px;
color: #ffffff;
font-size: 22px;
font-weight: 700;
line-height: 1;
}
.notBrandText { display: flex; flex-direction: column; }
.notBrandTitle {
color: #111827;
font-size: 18px;
font-weight: 800;
line-height: 1.15;
}
.notBrandSub {
color: #6b7280;
font-size: 12px;
line-height: 1.2;
}
.notNavLink { color: #111827 !important; font-size: 15px; font-weight: 600; }
.notNavLink:hover { color: #15803d !important; }
.notToggler { border-color: #d1d5db; }
.notToggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817,24,39,0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.notHeadSearch {
flex: 1;
max-width: 400px;
margin: 0 24px;
}
.notHeadSearch .form-control {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 10px;
font-size: 14px;
padding: 8px 14px;
}
.notHeadSearch .form-control:focus {
border-color: #16a34a;
box-shadow: 0 0 0 .15rem rgba(22,163,74,.15);
}
.notFooter {
background: #f9fafb;
border-top: 1px solid #e5e7eb;
color: #6b7280;
font-size: 14px;
}
.notFooter h6 { color: #111827; }
.notFooterLink { color: #15803d; text-decoration: none; }
.notFooterLink:hover { color: #16a34a; }
.notHero {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 28px 28px 24px;
margin-bottom: 32px;
box-shadow: none;
}
.notHero h1 { font-size: 26px; font-weight: 800; margin-bottom: 6px; }
.notHeroLead { color: #6b7280; margin-bottom: 18px; }
.notSearchForm .form-control {
border-color: #d1d5db;
border-radius: 10px;
font-size: 16px;
padding: 10px 14px;
}
.notSearchForm .form-control:focus {
border-color: #16a34a;
box-shadow: 0 0 0 .2rem rgba(22,163,74,.15);
}
.notSearchBtn {
background: #16a34a;
border: none;
border-radius: 10px;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 10px 26px;
white-space: nowrap;
}
.notSearchBtn:hover { background: #15803d; color: #fff; }
.notSectionTitle {
font-size: 20px;
font-weight: 800;
margin: 0 0 16px;
}
.notChamberCard {
display: block;
height: 100%;
background: #ffffff;
border: 1px solid #e5e7eb;
border-left: 1px solid #e5e7eb;
border-radius: 12px;
padding: 14px 16px;
text-decoration: none;
color: #111827;
transition: box-shadow .15s, transform .15s, border-color .15s;
}
.notChamberCard:hover {
color: #111827;
border-color: #16a34a;
box-shadow: 0 4px 14px rgba(22,163,74,.1);
transform: translateY(-2px);
}
.notChamberName {
font-weight: 700;
font-size: 15.5px;
line-height: 1.25;
margin-bottom: 6px;
color: #15803d;
}
.notChamberCard:hover .notChamberName { color: #16a34a; }
.notChamberMeta {
color: #6b7280;
font-size: 13px;
line-height: 1.35;
}
.notChamberCount {
display: inline-block;
margin-top: 8px;
background: #f0fdf4;
color: #15803d;
border-radius: 16px;
padding: 2px 11px;
font-size: 12.5px;
font-weight: 700;
}
.notResultCard {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 14px 18px;
margin-bottom: 12px;
}
.notResultFio { font-size: 16.5px; font-weight: 700; color: #111827; margin-bottom: 4px; }
.notResultFioLink { color: #15803d; text-decoration: none; }
.notResultFioLink:hover { color: #16a34a; }
.notResultRow { color: #374151; font-size: 14px; line-height: 1.5; }
.notResultRow b { color: #111827; }
.notInactive {
display: inline-block;
margin-left: 8px;
background: #fef2f2;
color: #b91c1c;
border-radius: 6px;
padding: 1px 8px;
font-size: 12.5px;
font-weight: 700;
vertical-align: middle;
}
.notActiveBadge {
display: inline-block;
margin-left: 8px;
background: #f0fdf4;
color: #15803d;
border-radius: 6px;
padding: 1px 8px;
font-size: 12.5px;
font-weight: 700;
vertical-align: middle;
}
.notMuted { color: #6b7280; }
.sadRateBadge {
display: inline-block;
margin-left: 8px;
border-radius: 8px;
padding: 2px 10px;
font-size: 13px;
font-weight: 700;
vertical-align: middle;
white-space: nowrap;
}
.rateHigh { background: #f0fdf4; color: #15803d; }
.rateMid  { background: #fefce8; color: #a16207; }
.rateLow  { background: #fef2f2; color: #b91c1c; }
.sadRatingBar {
height: 8px;
border-radius: 5px;
background: #f3f4f6;
overflow: hidden;
margin: 6px 0 2px;
max-width: 340px;
}
.sadRatingBarFill { height: 100%; border-radius: 5px; }
.sadRatingBarFill.rateHigh { background: #16a34a; }
.sadRatingBarFill.rateMid  { background: #eab308; }
.sadRatingBarFill.rateLow  { background: #ef4444; }
.sadGallery {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: 170px 170px;
gap: 8px;
border-radius: 14px;
overflow: hidden;
margin-bottom: 22px;
}
.sadGallery a { display: block; height: 100%; }
.sadGallery img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sadGallery a:first-child { grid-row: span 2; }
.sadGallery a:hover img { opacity: .92; }
.sadGalleryHidden { display: none; }
.sadLayout {
display: grid;
grid-template-columns: 1fr 330px;
gap: 34px;
align-items: start;
}
.sadSide {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 14px;
padding: 18px 20px;
position: sticky;
top: 74px;
}
.sadSide h3 { font-size: 15px; font-weight: 700; margin-bottom: 13px; }
.sadSideRow {
display: flex;
gap: 10px;
margin-bottom: 11px;
font-size: 14px;
line-height: 1.45;
align-items: flex-start;
}
.sadSideRow .i {
flex: none;
width: 30px;
height: 30px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.sadSideBtn {
display: block;
text-align: center;
background: #16a34a;
color: #fff !important;
font-weight: 700;
font-size: 14.5px;
border-radius: 10px;
padding: 11px;
text-decoration: none;
margin-top: 14px;
}
.sadSideBtn:hover { background: #15803d; }
.sadSideBtn.o {
background: #fff;
color: #15803d !important;
border: 1.5px solid #16a34a;
margin-top: 8px;
}
.sadSideBtn.o:hover { background: #f0fdf4; }
.sadScore {
display: flex;
align-items: center;
gap: 12px;
padding: 13px 0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
margin: 14px 0 8px;
flex-wrap: wrap;
}
.sadScoreBadge {
color: #fff;
font-weight: 800;
font-size: 19px;
border-radius: 10px;
padding: 8px 13px;
}
.sadScoreBadge.rateHigh { background: #16a34a; color: #fff; }
.sadScoreBadge.rateMid  { background: #eab308; color: #fff; }
.sadScoreBadge.rateLow  { background: #ef4444; color: #fff; }
.sadScore .t b { display: block; font-size: 14px; }
.sadScore .t span { font-size: 12.5px; color: #6b7280; }
.sadScore .place { margin-left: auto; text-align: right; font-size: 12.5px; color: #6b7280; }
.sadScore .place b { color: #111827; font-size: 14.5px; }
.sadSub { color: #6b7280; font-size: 14px; margin-top: 4px; }
.sadFacts {
display: grid;
grid-template-columns: 170px 1fr;
row-gap: 9px;
font-size: 14px;
}
.sadFacts .k { color: #6b7280; }
.notCrumbs { font-size: 13px; color: #6b7280; margin-bottom: 14px; }
.notCrumbs a { text-decoration: none; color: #6b7280; }
.notCrumbs a:hover { color: #15803d; }
.notPageTitle { font-size: 25px; font-weight: 800; margin-bottom: 6px; line-height: 1.25; }
.notInfoCard {
background: #ffffff;
border: 1px solid #e5e7eb;
border-left: 1px solid #e5e7eb;
border-radius: 12px;
padding: 16px 18px;
}
.notInfoCard .notResultRow { margin-bottom: 5px; }
.notInfoTitle {
font-size: 13.5px;
font-weight: 700;
color: #111827;
text-transform: uppercase;
letter-spacing: .6px;
margin-bottom: 10px;
}
.notMap {
height: 300px;
border: 1px solid #e5e7eb;
border-radius: 12px;
overflow: hidden;
background: #f3f7f4;
}
.notMapPin {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
transform: translate(-50%, -50%);
background: #16a34a;
border: 2px solid #ffffff;
border-radius: 50%;
color: #ffffff;
font-size: 17px;
font-weight: 700;
box-shadow: 0 2px 8px rgba(0,0,0,.25);
cursor: default;
}
.notMapPinPlace {
width: 28px;
height: 28px;
font-size: 13px;
background: #374151;
border-color: #ffffff;
box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.notNotaryCard {
height: 100%;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 12px 15px;
}
.notNotaryFio {
display: block;
font-weight: 600;
font-size: 14.5px;
line-height: 1.35;
color: #111827;
text-decoration: none;
margin-bottom: 4px;
}
.notNotaryFio:hover { color: #15803d; }
.notNotaryPhone { font-size: 14px; }
.notNotaryPhone a { color: #374151; text-decoration: none; }
.notNotaryPhone a:hover { color: #15803d; }
.pagination { margin-top: 24px; }
.pagination .page-link { color: #15803d; }
.pagination .page-item.disabled .page-link { background: #16a34a; color: #fff; border-color: #16a34a; }
.not404 { text-align: center; padding: 56px 0 70px; }
.not404 .code { font-size: 92px; font-weight: 800; color: #111827; line-height: 1; letter-spacing: 6px; }
.not404 .code span { color: #16a34a; }
.not404 h1 { font-size: 26px; font-weight: 800; margin: 14px 0 10px; }
.not404 .notMuted { max-width: 540px; margin: 0 auto 26px; }
.not404 .notSearchForm { max-width: 480px; margin: 0 auto 20px; }
.not404Links { font-size: 15px; }
.notInactiveSpoiler {
margin-top: 32px;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb;
}
.notInactiveSpoiler summary {
padding: 13px 16px;
font-weight: 700;
font-size: 16px;
color: #111827;
cursor: pointer;
list-style-position: inside;
}
.notInactiveSpoiler summary:hover { color: #15803d; }
.notInactiveSpoiler[open] summary { border-bottom: 1px solid #e5e7eb; }
.notInactiveNote {
font-size: 14px;
margin: 12px 16px 0;
}
.notInactiveList {
padding: 10px 16px 16px;
column-count: 3;
column-gap: 24px;
}
.notInactiveList a {
display: block;
font-size: 14.5px;
line-height: 1.35;
padding: 3px 0;
color: #374151;
text-decoration: none;
break-inside: avoid;
}
.notInactiveList a:hover { color: #15803d; }
@media (max-width: 991px) { .notInactiveList { column-count: 2; } }
@media (max-width: 575px) { .notInactiveList { column-count: 1; } }
.notNotaryAddr {
font-size: 13px;
line-height: 1.4;
color: #6b7280;
margin-bottom: 4px;
}
.notCityGrid {
column-count: 3;
column-gap: 24px;
margin-bottom: 8px;
}
.notCityGrid a {
display: block;
font-size: 14px;
line-height: 1.45;
padding: 3px 0;
color: #15803d;
text-decoration: none;
break-inside: avoid;
}
.notCityGrid a:hover { color: #16a34a; text-decoration: underline; }
.notCityGrid .notMuted { color: #9ca3af; font-size: 13px; }
@media (max-width: 991px) { .notCityGrid { column-count: 2; } }
@media (max-width: 575px) { .notCityGrid { column-count: 1; } }
.notReviewCard {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 13px 16px;
margin-bottom: 10px;
}
.notReviewHead { margin-bottom: 5px; }
.notReviewHead b { color: #111827; margin-right: 10px; }
.notReviewHead .notMuted { font-size: 12.5px; }
.notReviewText {
margin: 0;
font-size: 14px;
line-height: 1.55;
color: #374151;
white-space: normal;
}
.notReviewFormWrap {
margin-top: 20px;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 16px;
max-width: 640px;
}
.notReviewFormTitle {
font-size: 16px;
font-weight: 700;
color: #111827;
margin-bottom: 12px;
}
.notHoneypot {
position: absolute;
left: -9999px;
top: -9999px;
}
@media (max-width: 575px) {
.notResultRow b {
display: block;
margin-bottom: 1px;
}
.notResultRow {
margin-bottom: 9px;
}
}
.notMap { position: relative; }
.notMapCard {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
max-width: 420px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,.14);
padding: 12px 38px 12px 14px;
z-index: 10000;
}
.notMapCardClose {
position: absolute;
top: 4px;
right: 6px;
border: none;
background: none;
font-size: 22px;
line-height: 1;
color: #9ca3af;
cursor: pointer;
padding: 4px 8px;
}
.notMapCardClose:hover { color: #111827; }
.notMapCardFio {
display: block;
font-weight: 700;
font-size: 14.5px;
color: #15803d;
text-decoration: none;
margin-bottom: 4px;
}
.notMapCardFio:hover { color: #16a34a; }
.notMapCardAddr {
font-size: 13px;
line-height: 1.4;
color: #6b7280;
margin-bottom: 4px;
}
.notMapCardPhone {
display: block;
font-size: 14px;
color: #374151;
text-decoration: none;
}
.notMapCardPhone:hover { color: #15803d; }
.notCityMoreBtn { display: none; }
@media (max-width: 575px) {
.notCityGridMob:not(.is-open) a:nth-child(n+11) { display: none; }
.notCityMoreBtn {
display: inline-block;
margin-top: 4px;
padding: 8px 14px;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #f9fafb;
color: #15803d;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
}
.notMapCardBtn {
display: inline-block;
margin-top: 9px;
padding: 7px 14px;
background: #16a34a;
color: #ffffff;
font-size: 13.5px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
}
.notMapCardBtn:hover { background: #15803d; color: #ffffff; }
.notSectionTitleGap { margin-top: 30px; }
.notCityCard {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 14px 16px 16px;
}
.notEditBar {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 10100;
background: #111827;
border-top: 2px solid #16a34a;
text-align: center;
padding: 11px 16px;
box-shadow: 0 -2px 10px rgba(0,0,0,.3);
}
.notEditBar a { color: #ffffff; font-weight: 700; text-decoration: none; font-size: 15px; }
.notEditBar a:hover { color: #16a34a; }
.notResultCard mark { background: #dcfce7; padding: 0 2px; border-radius: 3px; }
.sadMoreBtn {
display: inline-block;
margin-top: 10px;
padding: 7px 14px;
border: 1.5px solid #16a34a;
border-radius: 8px;
color: #15803d;
font-size: 13.5px;
font-weight: 600;
text-decoration: none;
}
.sadMoreBtn:hover { background: #f0fdf4; color: #15803d; }
@media (max-width: 575px) {
.sadMoreBtn { display: block; text-align: center; padding: 10px; font-size: 14.5px; }
}
#searchFound { scroll-margin-top: 88px; }
.notArticle { padding: 20px 22px 22px; font-size: 15px; line-height: 1.6; }
.notArticle h3 { font-size: 17px; font-weight: 700; color: #111827; margin: 22px 0 10px; }
.notArticle ul, .notArticle ol { padding-left: 22px; }
.notArticle li { margin-bottom: 8px; }
.notSearchHints { margin: 12px 0 0; font-size: 14px; }
.notCityAllLink { margin-top: 14px; font-size: 15px; }
.notCityAllLink a { color: #15803d; text-decoration: none; font-weight: 600; }
.notCityAllLink a:hover { color: #16a34a; }
.notChamberFilter {
max-width: 480px;
margin-bottom: 18px;
}
.notChamberFilterEmpty { display: none; }
.notNotariesGrid:not(.is-open) > div:nth-child(n+31) { display: none; }
.notShowAllBtn {
display: inline-block;
margin-top: 16px;
padding: 9px 16px;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #f9fafb;
color: #15803d;
font-size: 14.5px;
font-weight: 600;
cursor: pointer;
}
.notShowAllBtn:hover { border-color: #16a34a; color: #16a34a; }
.notSadPhoto { width: 100%; height: 140px; object-fit: cover; border-radius: 10px; display: block; }
.notSadPhotos a:hover .notSadPhoto { opacity: .9; }
@media (max-width: 767px) {
.sadLayout { grid-template-columns: 1fr; gap: 20px; }
.sadSide { position: static; }
.sadGallery {
grid-template-columns: 1fr 1fr;
grid-template-rows: 130px 130px 130px;
}
.sadGallery a:first-child { grid-row: span 1; grid-column: span 2; }
.sadFacts { grid-template-columns: 1fr; row-gap: 2px; }
.sadFacts .k { margin-top: 8px; }
.sadScore .place { margin-left: 0; text-align: left; width: 100%; }
.notHeadSearch { display: none; }
}