body {
font-family: 'PT Sans', Arial, sans-serif;
background: #f7f8fa;
color: #22303d;
}
a { color: #14508c; }
a:hover { color: #b8933e; }
main.container { min-height: 60vh; padding-top: 24px; }
.notHeader {
background: #14304d;
padding-top: 10px;
padding-bottom: 10px;
}
.notBrand { text-decoration: none; }
.notBrand:hover .notBrandTitle { color: #d8b96a; }
.notBrandMark {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin-right: 12px;
border: 2px solid #b8933e;
border-radius: 50%;
color: #d8b96a;
font-size: 26px;
font-weight: 700;
line-height: 1;
}
.notBrandText { display: flex; flex-direction: column; }
.notBrandTitle {
color: #ffffff;
font-size: 22px;
font-weight: 700;
line-height: 1.15;
}
.notBrandSub {
color: #9db2c6;
font-size: 12.5px;
line-height: 1.2;
}
.notNavLink { color: #dbe5ee !important; font-size: 17px; }
.notNavLink:hover { color: #d8b96a !important; }
.notToggler { border-color: rgba(255,255,255,.35); }
.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%28255,255,255,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.notHeaderStripe {
height: 4px;
background: linear-gradient(90deg, #b8933e, #d8b96a 50%, #b8933e);
}
.notFooter {
background: #14304d;
color: #b9c8d6;
font-size: 14.5px;
}
.notFooter h6 { color: #ffffff; }
.notFooterLink { color: #d8b96a; text-decoration: none; }
.notFooterLink:hover { color: #ffffff; }
.notHero {
background: #ffffff;
border: 1px solid #e2e7ec;
border-radius: 10px;
padding: 28px 28px 24px;
margin-bottom: 32px;
box-shadow: 0 1px 3px rgba(20,48,77,.06);
}
.notHero h1 { font-size: 27px; font-weight: 700; margin-bottom: 6px; }
.notHeroLead { color: #5b6b7a; margin-bottom: 18px; }
.notSearchForm .form-control {
border-color: #c9d3dc;
font-size: 17px;
padding: 10px 14px;
}
.notSearchForm .form-control:focus {
border-color: #b8933e;
box-shadow: 0 0 0 .2rem rgba(184,147,62,.18);
}
.notSearchBtn {
background: #14304d;
border: none;
color: #fff;
font-size: 17px;
padding: 10px 26px;
white-space: nowrap;
}
.notSearchBtn:hover { background: #b8933e; color: #fff; }
.notSectionTitle {
font-size: 22px;
font-weight: 700;
margin: 0 0 16px;
}
.notChamberCard {
display: block;
height: 100%;
background: #ffffff;
border: 1px solid #e2e7ec;
border-left: 4px solid #b8933e;
border-radius: 8px;
padding: 14px 16px;
text-decoration: none;
color: #22303d;
transition: box-shadow .15s, transform .15s;
}
.notChamberCard:hover {
color: #14304d;
box-shadow: 0 4px 14px rgba(20,48,77,.13);
transform: translateY(-2px);
}
.notChamberName {
font-weight: 700;
font-size: 16px;
line-height: 1.25;
margin-bottom: 6px;
color: #14508c;
}
.notChamberCard:hover .notChamberName { color: #b8933e; }
.notChamberMeta {
color: #5b6b7a;
font-size: 13.5px;
line-height: 1.35;
}
.notChamberCount {
display: inline-block;
margin-top: 8px;
background: #eef3f8;
color: #14508c;
border-radius: 20px;
padding: 2px 11px;
font-size: 13px;
font-weight: 700;
}
.notResultCard {
background: #ffffff;
border: 1px solid #e2e7ec;
border-radius: 8px;
padding: 14px 18px;
margin-bottom: 12px;
}
.notResultFio { font-size: 17px; font-weight: 700; color: #14304d; margin-bottom: 4px; }
.notResultFioLink { color: #14508c; text-decoration: none; }
.notResultFioLink:hover { color: #b8933e; }
.notResultRow { color: #47586a; font-size: 14.5px; line-height: 1.45; }
.notResultRow b { color: #22303d; }
.notInactive {
display: inline-block;
margin-left: 8px;
background: #f4e4e4;
color: #a33c3c;
border-radius: 4px;
padding: 1px 8px;
font-size: 12.5px;
font-weight: 700;
vertical-align: middle;
}
.notActiveBadge {
display: inline-block;
margin-left: 8px;
background: #e4f0e6;
color: #2c7a3d;
border-radius: 4px;
padding: 1px 8px;
font-size: 12.5px;
font-weight: 700;
vertical-align: middle;
}
.notMuted { color: #7a8a99; }
.notCrumbs { font-size: 14px; color: #5b6b7a; margin-bottom: 14px; }
.notCrumbs a { text-decoration: none; }
.notPageTitle { font-size: 26px; font-weight: 700; margin-bottom: 18px; }
.notInfoCard {
background: #ffffff;
border: 1px solid #e2e7ec;
border-left: 4px solid #b8933e;
border-radius: 8px;
padding: 16px 18px;
}
.notInfoCard .notResultRow { margin-bottom: 4px; }
.notInfoTitle {
font-size: 16px;
font-weight: 700;
color: #14304d;
text-transform: uppercase;
letter-spacing: .4px;
margin-bottom: 10px;
}
.notMap {
height: 380px;
border: 1px solid #e2e7ec;
border-radius: 8px;
overflow: hidden;
background: #eef3f8;
}
.notMapPin {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
transform: translate(-50%, -50%);
background: #14304d;
border: 2px solid #b8933e;
border-radius: 50%;
color: #d8b96a;
font-size: 18px;
font-weight: 700;
box-shadow: 0 2px 8px rgba(20,48,77,.4);
cursor: default;
}
.notNotaryCard {
height: 100%;
background: #ffffff;
border: 1px solid #e2e7ec;
border-radius: 8px;
padding: 12px 15px;
}
.notNotaryFio {
display: block;
font-weight: 700;
font-size: 15.5px;
line-height: 1.3;
color: #14508c;
text-decoration: none;
margin-bottom: 4px;
}
.notNotaryFio:hover { color: #b8933e; }
.notNotaryPhone { font-size: 14.5px; }
.notNotaryPhone a { color: #47586a; text-decoration: none; }
.notNotaryPhone a:hover { color: #b8933e; }
.pagination { margin-top: 24px; }
.pagination .page-link { color: #14508c; }
.pagination .page-item.disabled .page-link { background: #14304d; color: #fff; border-color: #14304d; }
.not404 { text-align: center; padding: 56px 0 70px; }
.not404 .code { font-size: 92px; font-weight: 700; color: #14304d; line-height: 1; letter-spacing: 6px; }
.not404 .code span { color: #b8933e; }
.not404 h1 { font-size: 26px; font-weight: 700; 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 #e2e7ec;
border-radius: 8px;
background: #f7f9fb;
}
.notInactiveSpoiler summary {
padding: 13px 16px;
font-weight: 700;
font-size: 16px;
color: #14304d;
cursor: pointer;
list-style-position: inside;
}
.notInactiveSpoiler summary:hover { color: #b8933e; }
.notInactiveSpoiler[open] summary { border-bottom: 1px solid #e2e7ec; }
.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: #47586a;
text-decoration: none;
break-inside: avoid;
}
.notInactiveList a:hover { color: #b8933e; }
@media (max-width: 991px) { .notInactiveList { column-count: 2; } }
@media (max-width: 575px) { .notInactiveList { column-count: 1; } }
.notNotaryAddr {
font-size: 13.5px;
line-height: 1.35;
color: #6a7684;
margin-bottom: 4px;
}
.notCityGrid {
column-count: 3;
column-gap: 24px;
margin-bottom: 8px;
}
.notCityGrid a {
display: block;
font-size: 14.5px;
line-height: 1.4;
padding: 3px 0;
color: #14508c;
text-decoration: none;
break-inside: avoid;
}
.notCityGrid a:hover { color: #b8933e; }
.notCityGrid .notMuted { color: #8b96a3; font-size: 13px; }
@media (max-width: 991px) { .notCityGrid { column-count: 2; } }
@media (max-width: 575px) { .notCityGrid { column-count: 1; } }
.notReviewCard {
background: #f7f9fb;
border: 1px solid #e2e7ec;
border-radius: 8px;
padding: 12px 16px;
margin-bottom: 12px;
}
.notReviewHead { margin-bottom: 6px; }
.notReviewHead b { color: #14304d; margin-right: 10px; }
.notReviewHead .notMuted { font-size: 13px; }
.notReviewText {
margin: 0;
font-size: 14.5px;
line-height: 1.5;
white-space: normal;
}
.notReviewFormWrap {
margin-top: 24px;
background: #ffffff;
border: 1px solid #e2e7ec;
border-radius: 8px;
padding: 16px;
max-width: 640px;
}
.notReviewFormTitle {
font-size: 17px;
font-weight: 700;
color: #14304d;
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 #e2e7ec;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(20,48,77,.25);
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: #8b96a3;
cursor: pointer;
padding: 4px 8px;
}
.notMapCardClose:hover { color: #14304d; }
.notMapCardFio {
display: block;
font-weight: 700;
font-size: 15px;
color: #14508c;
text-decoration: none;
margin-bottom: 4px;
}
.notMapCardFio:hover { color: #b8933e; }
.notMapCardAddr {
font-size: 13px;
line-height: 1.4;
color: #6a7684;
margin-bottom: 4px;
}
.notMapCardPhone {
display: block;
font-size: 14px;
color: #47586a;
text-decoration: none;
}
.notMapCardPhone:hover { color: #b8933e; }
.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 #e2e7ec;
border-radius: 8px;
background: #f7f9fb;
color: #14508c;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
}
.notMapCardBtn {
display: inline-block;
margin-top: 9px;
padding: 7px 14px;
background: #14304d;
color: #ffffff;
font-size: 13.5px;
font-weight: 600;
border-radius: 7px;
text-decoration: none;
}
.notMapCardBtn:hover { background: #b8933e; color: #ffffff; }
.notSectionTitleGap { margin-top: 30px; }
.notCityCard {
background: #ffffff;
border: 1px solid #e2e7ec;
border-radius: 8px;
padding: 14px 16px 16px;
}
.notEditBar {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 10100;
background: #14304d;
border-top: 2px solid #b8933e;
text-align: center;
padding: 11px 16px;
box-shadow: 0 -2px 10px rgba(20,48,77,.35);
}
.notEditBar a { color: #ffffff; font-weight: 700; text-decoration: none; font-size: 15px; }
.notEditBar a:hover { color: #b8933e; }
.notResultCard mark { background: #f6e9c8; padding: 0 2px; border-radius: 3px; }
.notArticle { padding: 20px 22px 22px; font-size: 15px; line-height: 1.6; }
.notArticle h3 { font-size: 17px; font-weight: 700; color: #14304d; 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: #14508c; text-decoration: none; font-weight: 600; }
.notCityAllLink a:hover { color: #b8933e; }
.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 #e2e7ec;
border-radius: 8px;
background: #f7f9fb;
color: #14508c;
font-size: 14.5px;
font-weight: 600;
cursor: pointer;
}
.notShowAllBtn:hover { border-color: #b8933e; color: #b8933e; }