/* СТАТЬИ */
/*a, a:hover, a:visited, a:active{color:#d33a2c;}*/
.article p{margin-bottom:1.5rem; text-align:justify;}
.article a, .article a:hover, .article a:visited, .article a:active{color:#d33a2c;}


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

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

ul{margin-top:.8rem}
ul>li::marker{color:#d33a2c}
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)}
.themesListBottom{line-height:3rem;}
.themesListBottom li{display:inline;}

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

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


.nav-item a{color:#fff; font-family:"Marmelad", sans-serif; font-size:1.5rem; font-weight:400}
.nav-item a:hover{color:#fff; background:#b72b1e; border-radius:9px}

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

#suggesstion-box{position:absolute; margin-top:40px; padding:15px; background:#fff; min-width:250px; border:solid 1px #eee; border-radius:5px; display:none; cursor:pointer; font-size:.9rem; box-shadow:0px 10px 20px 0px #ddd;}
.searchStr{border-bottom:solid 1px #eee; padding:10px}
.searchStr:hover{background:#eee}
.searchStr b{color:#d33a2c}

.articleList div{margin-bottom:20px}

.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:500px;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:3rem 0 2rem 0; font-size:calc(1.6rem + 0.9vw);}
h2{margin:3rem 0 2rem 0; font-size:calc(1.2rem + 0.6vw);}
@media screen and (max-width:425px){
	h1{font-size:1.3rem;margin-top:0;}
}