@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* СТАТЬИ */
a, a:hover, a:visited, a:active{color:#3f7485;}
.article a, .article a:hover, .article a:visited, .article a:active{color:#3f7485;}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position:relative;
  min-height:100%;
}
body {
/* Margin bottom by footer height */
margin-bottom:300px !important; background-color:#fff; color:#323232; font-size:calc(0.9rem + 0.3vw); height:100%;
font-family:'Roboto', Arial, Helvetica, sans-serif;
}

.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-1px; display:none; position:absolute;}
.dropdown-submenu:hover > .dropdown-menu {display:block;}

.linkOnFirst, .linkOnFirst:hover, .linkOnFirst:visited, .linkOnFirst:active{background:#3f7485; padding:20px; border-radius:20px; color:#fff; text-decoration: none}
.linkOnFirst:hover{background:#246479}

ul{margin-top:.8rem}
ul>li::marker{color:#3f7485}
ul>li{margin-left:1rem; margin-bottom:.8rem;}

.themesList .shD{padding:10px; margin-top:10px; margin-left:-10px; background:#eee; border-radius:10px; color:#999; font-size:calc(0.7rem + 0.3vw)}

.navbar{padding-top:0; padding-bottom:0; background:#3f7485}
@media screen and (max-width:425px){
.navbar{height:auto; box-shadow:0px 10px 20px 0px #ddd;}
}
.navbar-brand{padding:0}

.podMenuDiv{background:#fff; border-bottom:solid 1px #ddd; box-shadow:0px 10px 20px 0px #eee;}
.podMenu{min-height:60px; display: flex; align-items: center;}
.podMenu a, .podMenu a:visited{text-decoration:none; border-radius:10px; background:#ffdcd9; display:inline-flex; height:40px; color:#3f7485; align-items:center; padding-left:10px; padding-right:10px; margin-right:20px}
.podMenu a:hover, .podMenu a:active{background:#246479}


.nav-item a{color:#fff; font-size:1.5rem; font-weight:400}
.nav-item a:hover{color:#fff; background:#246479; border-radius:9px}

.breadcrumbs{font-size:calc(0.6rem + 0.3vw)}
.breadcrumbs span{background:#eee; padding:10px; border-radius:10px}




.form-group.position-relative input {padding-right:32px;}
.form-clear {align-items:center;background:#cecece; border-radius:50%; bottom:8px; color:rgba(0,0,0,.54); cursor:pointer; display:flex; height:24px; justify-content:center; position:absolute; right:20px; width:24px; z-index:10;}
.form-text+.form-clear {bottom: calc(1rem + 18px);}
.form-clear .material-icons {font-size:16px; font-weight:500;}
#searchResBtn{min-width:140px;text-align:left}



._top{height:1px;font-size:1px;display:block}

#advGif{width:1px;height:1px}
#advGifBlock{border:dashed 1px #b90000; text-align:center; padding:15px; margin-top:15px; margin-bottom:15px; background:#fff}
#advGifBlock>span{display:block; font-size:16pt; color:#b90000}

.listBlock .aTitle, .listBlock .aTitle_sm{margin:5px 0 5px 0;max-height:50px;overflow:hidden}
@media screen and (max-width:425px){
.listBlock .aTitle, .listBlock .aTitle_sm{height:auto}
}


.listBlock .photo{float:left;margin-left:-15px}
@media screen and (max-width:425px){
	.listBlock .photo{float:none;margin-left:0;width:100%}
}



.footer{position:absolute;bottom:0;width:100%;height:300px;line-height:18pt;background-color:#ddd;border-top:solid 3px #999}
@media screen and (max-width:425px){
	html{padding-bottom:450px}
	.footer{height:450px}	
}
.footer a,.footer a:hover{color:#eee !important;text-decoration:none !important}
.clear{clear:both}

h1, h2, h3, h4, h5, h6 {color:#000}
h1{margin:30px 0; font-size:calc(1.12rem + 0.63vw);}
h2{margin:30px 0; font-size:calc(1.2rem + 0.6vw);}
@media screen and (max-width:425px){
	h1{font-size:1.1rem;margin-top:0;}
}


/*2026*/ /* Главная страница сайта */
.blogHome{padding:10px 0 40px 0}
.blogHome a, .blogHome a:hover, .blogHome a:visited, .blogHome a:active{color:#000; text-decoration:none}
.blogIntro{padding:10px 0 55px 0; border-bottom:solid 1px #ddd; margin-bottom:65px}
.blogIntroLabel{font-size:calc(0.8rem + 0.2vw); color:#555; margin-bottom:20px}
.blogIntro h1{font-size:calc(1.54rem + 2.66vw); line-height:.95; letter-spacing:-0.04em; max-width:980px; margin:0 0 25px 0}
.blogIntroText{max-width:820px; font-size:calc(1rem + 0.35vw); color:#444}
.blogTop{display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr); gap:70px; align-items:start; margin-bottom:85px}
.blogPhotoLink{display:block; overflow:hidden; border-radius:10px; background:#f1f1f1}
.blogFeaturedPhoto{display:block; width:100%; height:430px; object-fit:cover; background:#f1f1f1}
.blogPhotoEmpty{display:flex; align-items:center; justify-content:center; color:#999; font-size:1rem}
.blogMeta{display:flex; flex-wrap:wrap; gap:8px; align-items:center; min-height:26px; margin:18px 0 10px 0; font-size:.85rem; color:#777}
.blogBadge{display:inline-flex; align-items:center; min-height:23px; padding:2px 8px; border-radius:5px; background:#eaf1ff; color:#2f6df6; font-size:.75rem; font-weight:700; text-transform:uppercase}
.blogDate{font-size:.85rem; color:#777}
.blogFeatured h2{font-size:calc(1.4rem + 0.9vw); line-height:1.15; margin:0 0 18px 0}
.blogText{font-size:calc(0.9rem + 0.25vw); line-height:1.55; color:#444; max-width:760px; margin-bottom:18px}
.blogMore, .blogMore:hover, .blogMore:visited, .blogMore:active{display:inline-flex; color:#3f7485 !important; font-weight:700; text-decoration:none}
.blogLatest h2{font-size:calc(1.4rem + 0.8vw); line-height:1.1; margin:0; padding-bottom:30px; border-bottom:solid 1px #ddd}
.blogLatestItem{padding:22px 0; border-bottom:solid 1px #ddd}
.blogLatestItem a{display:block; font-size:calc(1rem + 0.35vw); line-height:1.25}
.blogLatestItem .blogMeta{margin:0 0 8px 0}
.blogBrowse{margin-top:10px}
.blogBrowseHead{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; border-bottom:solid 1px #ddd; padding-bottom:22px; margin-bottom:45px}
.blogBrowseHead h2{font-size:calc(1.8rem + 1.6vw); line-height:1; margin:0}
.blogBrowseHead a, .blogBrowseHead a:hover, .blogBrowseHead a:visited, .blogBrowseHead a:active{color:#3f7485; font-weight:700; white-space:nowrap}
.blogGrid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:46px 28px}
.blogCardPhoto{display:block; width:100%; height:190px; object-fit:cover; background:#f1f1f1}
.blogCard h3{font-size:calc(1rem + 0.35vw); line-height:1.25; margin:0 0 12px 0}
.blogCardText{font-size:.95rem; line-height:1.45; color:#555; margin-bottom:12px}
.blogCard .blogMeta{margin:16px 0 9px 0}
.blogSeo{border-top:solid 1px #ddd; margin-top:80px; padding-top:42px; max-width:920px}
.blogSeo h2{font-size:calc(1.5rem + 1vw); line-height:1.1; margin:0 0 18px 0}
.blogSeo p{font-size:calc(0.9rem + 0.2vw); line-height:1.6; color:#444}
.homeAdvBlock{margin-top:60px; text-align:center}
@media screen and (max-width:1199px){
.blogGrid{grid-template-columns:repeat(3, minmax(0, 1fr))}
.blogTop{gap:45px}
.blogFeaturedPhoto{height:380px}
}
@media screen and (max-width:991px){
.blogTop{grid-template-columns:1fr; gap:45px}
.blogFeaturedPhoto{height:360px}
.blogGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media screen and (max-width:575px){
.blogIntro{padding-top:0; margin-bottom:35px}
.blogIntro h1{font-size:1.89rem; letter-spacing:-0.03em}
.blogTop{margin-bottom:50px}
.blogFeaturedPhoto{height:240px}
.blogGrid{grid-template-columns:1fr; gap:35px}
.blogCardPhoto{height:230px}
.blogBrowseHead{align-items:flex-start; flex-direction:column; margin-bottom:30px}
}


/*2026*/ /* Оформление экспертной статьи */
.article{max-width:1120px; margin-left:auto; margin-right:auto}
.article h1{font-size:calc(1.26rem + 1.19vw); line-height:1.08; letter-spacing:-0.03em; margin:32px 0 28px 0}
.article .top{font-size:calc(0.9rem + 0.2vw); color:#555; margin-bottom:22px}
.articleRelations{display:flex; flex-wrap:wrap; gap:8px 18px; color:#555; font-size:calc(0.85rem + 0.18vw); margin-bottom:28px}
.articleRelations span{font-weight:700; color:#000}
.article .lead{max-width:980px; font-size:calc(1rem + 0.25vw); line-height:1.6; color:#333; border-left:solid 5px #eaf1ff; padding:14px 0 14px 22px}
.articleText{max-width:980px}
.articleText h2{font-size:calc(1.35rem + 0.7vw); line-height:1.15; letter-spacing:-0.02em; margin:42px 0 18px 0}
.articleText p{font-size:calc(0.95rem + 0.2vw); line-height:1.72; margin:0 0 1.15rem 0}
.articleText ul{padding-left:1.35rem; margin:0 0 1.35rem 0}
.articleText ul>li{font-size:calc(0.95rem + 0.2vw); line-height:1.58; margin-left:0; margin-bottom:.85rem}
.articleText b{font-weight:700}
.articleSpecial{position:relative; border-radius:22px; padding:28px 34px; margin:34px 0; border:solid 1px #e5e5e5; background:#fff; box-shadow:0 12px 38px rgba(0,0,0,.05)}
.articleSpecial h2{margin-top:0; margin-bottom:18px}
.articleSpecial ul:last-child, .articleSpecial p:last-child{margin-bottom:0}
.articleShort{background:#f3fbfb; border-color:#d7eded}
.articleAction{background:#f7fbf4; border-color:#dfeedd}
.articleNav{background:#f8f9ff; border-color:#e1e6ff}
.articleVet{background:#fff8ef; border-color:#f3dfbf}
.articleDont{background:#fff5f5; border-color:#f0d3d3}
.articleFaq{background:#fafafa; border-color:#e5e5e5}
.articleSummary{background:#f4f8fb; border-color:#dbe9f0}
.articleNav ul{columns:1; column-gap:0; max-width:820px}
.articleNav li{break-inside:auto; margin-bottom:.75rem}
.article-main-photo img, .article-text-photo img{display:block; width:100%; height:auto; border-radius:16px}
.article-main-photo{max-width:980px}
.article-text-photo{max-width:980px}
.article-main-photo figcaption, .article-text-photo figcaption{font-size:.9rem; color:#777; margin-top:9px; text-align:center}
.article-slot-photo{margin-top:30px; margin-bottom:32px}
@media screen and (max-width:767px){
.article h1{font-size:1.54rem; letter-spacing:-0.02em}
.articleSpecial{padding:22px 20px; border-radius:18px}
.articleText h2{font-size:1.55rem}
}