/*-----  global styles  -----  */
.page-404 {
    width: 608px;
    height: 390px;
    margin: 100px auto;
    text-align: center;
}
.page-404 a {
    /* width: 269px; */
    /* height: 30px; */
    border: 1px solid var(--red);
    background: #fff;
    color: var(--red);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.1s;
    margin: 0 auto;
    display: inline-block;
    margin-top: 20px;
    border-radius: 0;
    text-align: center;
    padding: 10px 30px;
}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px;}
.adver-block{
    position: relative;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.adver-block__title{
    border: 1px solid #d2d2d2;
    visibility: hidden;
    height: 50px;
    padding-left: 20px;
    text-transform: uppercase;
    font-family: "Roboto";
    line-height: 50px;
    font-weight: 400;
    color: #6c6a67;
    background: #fafafa;
    font-size: 14px;
    z-index: 0 !important;
}
.premium-plashka .adver-block__title{
    height: 20px;
    line-height: 20px;
}
.adver-block:not(:empty)::before {
    content: "Реклама";
    border: 1px solid #d2d2d2;
    height: 50px;
    padding-left: 20px;
    text-transform: uppercase;
    /* font-family: "Roboto"; */
    line-height: 50px;
    font-weight: 400;
    color: #6c6a67;
    background: #fafafa;
    font-size: 14px;
    z-index: 0 !important;
    width: 100%;
    display: block;
    display: -webkit-box;
}

html[lang="uk"] .adver-block:not(:empty)::before {
    content: "Реклама";
}

html[lang="en"] .adver-block:not(:empty)::before {
    content: "Advertisement";
}

.premium-plashka:not(:empty)::before {
    height: 20px !important;
    line-height: 20px !important;
}
.premium-2d, .premium-2x, .premium-2c{
    display: none;
}


.main-wrapper {width: 1280px; margin: 0 auto; color: #02275e; font-weight: 400; position: relative;}

main {position: relative;top: 35px; padding: 0; text-align: left; margin-bottom: 30px;}



.clear {clear: both;}
.clearfix:after {clear: both; content: ""; display: block;}

h1, h2, h3, h4, h5, h6, div.main-title {margin: 5px 0;}
div.main-title {font-size: 1.17em;}
a:hover {text-decoration: none;}

.top-bnr {
    margin: 20px auto;
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 30px; */
    text-align:  center;
}
.all {
    position: relative;
    text-align: right;
    padding-right: 20px;
}
.all a {
    color: var(--red);
    font-size: 16px;
    font-weight: 400;
}
.all:after {
    content: '';
    background: url(../images/icons/arrow-right.png);
    width: 8px;
    height: 15px;
    position: absolute;
    background-size: cover;
    top: 2px;
    right: 5px;
}
.banner {
    line-height: 10px;
}
/*.banner + .banner {margin-top: 30px;}*/
.hidden {display: none!important;}
.visible-lg {display: block!important;}
.m-t-md {margin-top: 20px;}

/*  ----- end global styles  -----  */


/*********************************************************************************************************************************/
/*  -----  search block  -----  */
/*********************************************************************************************************************************/

.alphabet-search{
    margin-bottom: 20px;
}
.alphabet-search ul {
    text-align: center;
    padding: 0;
}
.alphabet-search li {
    display: inline-block;
    width: 40px;
    height: 30px;
}

.alphabet-search li a {
    color: var(--body-color);
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
}
.alphabet-search li a:hover {text-decoration: none;}
.alphabet-search li:hover a{border-bottom: 3px solid var(--red); text-decoration: none; color: var(--red);}
.search-form {
    width: 40%;
    position: relative;
    margin-left: auto;
}
.search-block {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 30px;

    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.search-block form {
    position: relative;
    text-align: center;
    font-size: 18px;
    width: 100%;
    margin: 0;
    right: 0; 
}
.search-block button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 25px;
    cursor: pointer;
    background-color: var(--red);
}
.search-block input {
    -webkit-appearance: none;
    border-radius: 0;
    width: 100%;
    font-size: 0.9em;
    padding: 10px 30px 10px 50px;
    position: relative;
    width: 100%;
    height: 3.0rem;
    outline: none;
    border: 1px solid var(--bd);
    transition: 0.5s;
}
.search-block input:focus{
    transition: 0.5s;
    border-color: var(--blue);
}

.search-block form:before {
    content: '';
    background: url(../images/icons/search-btn.svg) center center no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 15px;
    top: 16px;
    z-index: 2;
    filter: brightness(0.5);
}
.search-block ::-webkit-input-placeholder {color: var(--body-color);}
.search-block ::-moz-placeholder          {color: var(--body-color);}/* Firefox 19+ */
.search-block :-moz-placeholder           {color: var(--body-color);}/* Firefox 18- */
.search-block :-ms-input-placeholder      {color: var(--body-color);}
.search-block :focus::-webkit-input-placeholder {color: transparent}
.search-block :focus::-moz-placeholder          {color: transparent}
.search-block :focus:-moz-placeholder           {color: transparent}
.search-block :focus:-ms-input-placeholder      {color: transparent}


/*********************************************************************************************************************************/
/*  -----  search block  -----  */
/*********************************************************************************************************************************/




/*  -----  main part  -----  */
.main-part {
    float: left;
    width: 960px;
    background: transparent;
}
.persons {
    position: relative;
    margin-bottom: 30px;
    display: block;
} 
.related-news {
    position: relative;
    display: block;
    overflow: hidden;
}
.main-part h3 span:first-child, .main-part div.main-title span:first-child { margin-right: 10px;font-size: 20px; font-weight: 400;}
.main-part h3 .hr, .main-part div.main-title .hr {
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
    bottom: 5px;
}
.main-part h3, .main-part div.main-title {
    position: relative;
    color: var(--red);
    text-transform: uppercase;
    margin: 20px 0 30px;
    overflow: hidden;
}
.main-part .main-title {
    margin-top: 0;
}
/*  -----  main part  -----  */


/*  -----  main left part  -----  */
.left-part {
    width: 320px;
    float: left;
    margin-right: 0px;
    position: relative;
}
.left-part .quote, .left-part .theme {
    padding: 10px;
    width: 260px;
    position: relative;
}
.left-part .theme {
    margin: 0;
    padding-left: 0;
    width: 280px;
    top: 100px;
}
.left-part .quote span, .left-part .theme span {
    font-weight: 500;
    font-size: 48px;
}
.left-part .quote p, .left-part .theme p {
    font-size: 20px;
}
.left-part .quote a {
    padding: 10px;
}
.left-part .quote:before {
    content: '\f10d';
        font-family: 'FontAwesome';
    color: #d74a41;
    font-weight: lighter;
    font-size: 18px;
    position: absolute;
    left: 0;
}
.left-part .quote:after {
    content: '\f10e';
        font-family: 'FontAwesome';
    color: #d74a41;
    font-weight: lighter;
    font-size: 18px;
    position: absolute;
    right: 30px;
    bottom: 10px;
}
.left-part .person-info {
    position: relative;
    width: 280px;
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 20px;
    -webkit-transition: max-height -2s 3s ease-out;
    transition: max-height -2s 3s ease-out;
}
.left-part .person-info + .arrow-down {
    position: relative;
    width: 30px;
    display: block;
    margin: 0 40%;
    top: -20px;
    transition: all 0.5s 0.5s ease-in;
}
.left-part .person-info.open {
    max-height: 9999px;
    -webkit-transition: max-height 2s ease-in;
    transition: max-height 2s ease-in;
    margin-bottom: 0;
}
.left-part .person-info.open + .arrow-down {
    transform: rotate(180deg);
    transition: all 0.5s ease-in;

}
.left-part .person-links {
    margin-top: 20px;
}
.left-part .person-links a {
    display: block;
}
/*  -----  end left part styles  -----  */


/*  -----  main center part  -----  */
.center-part {
    width: 630px;
    float: right;
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
}

.center-part .photo {
    width: 300px;
    overflow: hidden;
    float: left;
}
.materials-wrap .center-part .photo { width: 100%; float: none;  margin-bottom: 50px;}
.materials-wrap .related-news .theme-item a.main-link{  font-size: 12px; margin-left: 10px;}
.center-part .photo img {
    width: 100%;
}
.center-part .description {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin: 0 0 30px;
}
.center-part .description a {
    color: #242021;
    line-height: 40px;
}
.center-part .share-block {
    position: absolute;
    right: 0;
    top: -10px;
}
.center-part .theme-item {
    margin-bottom: 20px;
    font-size: 16px;
}
.center-part .theme-item p {
    margin-bottom: 0;
}
.center-part .theme-item p a:hover {
    color: var(--red);
}
.center-part .theme-item .date {
    font-size: 12px;
    color: #7f7f7d;
}
.news-nth-title-category {
    font-size: 12px;
    color: #7f7f7d;
}
.center-part .theme-item span a {
    color: #909bd1;
    font-size: 12px;
}
.center-part .pages {
    width: 660px;
    text-align: center;
    margin: 30px 0;
}
.center-part .pages a {
    margin-right: 15px;
    color: #525051;
    font-size: 18px;
    padding: 5px 10px;
}
.center-part .pages a:hover {
    color: #fff;
    background-color: #18338e;
}



.center-part .dosie {
    color: #000;
    position: relative;
    top: 0;
}
.center-part .dosie h5 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}
.center-part .dosie h2,
.center-part .dosie h1 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.center-part .dosie .photo {
    width: 100%;
    position: relative;
    margin-top: 8px;
}
.center-part .dosie .photo + span {
    color: #b6b6b6;
    display: block;
    position: relative;
    top: 15px;
    font-weight: 100;
}
.center-part .dosie .photo .caption,
.related-content .photo .caption {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 10px 10px;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent , #0b1636);
  color: #fff;
  text-align: left;
  min-height: 100px;
}
.center-part .dosie .share-block {
    top: 5px;
    right: 25px;
}
.center-part .dosie .dosie-text {
    position: relative;
    margin-top: 40px;
}
.center-part .dosie .dosie-text img {max-width: 100%; height: auto;margin: 10px 0;}
.center-part .dosie .dosie-text .banner img {margin-top: 0; margin-bottom: 0;}
.center-part .dosie .dosie-text h4 {
    font-size: 23px;
    margin: 15px 0;
    font-weight: 500;
}

.center-part .dosie .timeline {
    margin: 30px 0;
}
.center-part .dosie .timeline span {
    color: #7f7f7f;
    float: left;
    width: 12%;
    font-size: 14px;
}
.center-part .dosie .timeline p {
    position: relative;
    padding-left: 25px;
    margin: 0 0 40px;
    display: table;
    width: 87%;
}
.center-part .dosie .timeline p:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: -45px;
    left: 4px;
    width: 1px;
    background: #b3bed0;
}
.center-part .dosie .timeline p:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    width: 9px;
    height: 9px;
    background: #072762;
}
.center-part .dosie .timeline p:last-of-type:before {
    content: '';
    display: none;
}

.center-part .dosie .date {
    right: 0;
    position: absolute;
    color: #9099ae;
    bottom: -30px;
}
.center-part .dosie .tags {
    position: relative;
    margin: 25px 0 10px 0;
}
.center-part .dosie .tags a {
    display: inline-block;
    padding: 10px;
    background: #9099ae;
    color: #fff;
    float: left;
    margin-right: 10px;
}
.center-part .dosie .share-content-block {
    display: block;
    margin: 15px 0;
}
.center-part .dosie .share-content-block > div {
    display: inline-block;
}
.center-part .dosie .share-content-block > div:last-child {
    position: absolute;
    right: 0;
}
.center-part .dosie .share-content-block a {
    color: #9099ae;
    font-size: 18px;
    display: inline-block;
    border: 1px solid #9099ae;
    padding: 5px 10px;
    max-height: 33px;
    vertical-align: bottom;
}
.center-part .dosie .share-content-block a:hover {
    border-color: var(--red);
}
.center-part .dosie .share-content-block a i {
    font-size: 20px;
    padding-right:5px;
}
.center-part .dosie .share-content-block .print {
    border: none;
}
.center-part .dosie .share-content-block .print i {
    background: url(../images/icons/printer.png) center center no-repeat;
    display: inline-block;
    height: 20px;
    width: 19px;
}
.center-part .dosie .share-content-block .comment i {
    background: url(../images/icons/comment.png) center center no-repeat;
    display: inline-block;
    width: 30px;
    height: 20px;
    vertical-align: bottom;
    background-size: contain;
}
/*  -----  end center part styles  -----  */


/*  -----  right part  -----  */
.right-part {
    width: 300px;
    float: right;
    margin-left: 0px;
}
.right-part > div:not(.empty),
.index-part .c-part > div:not(.empty) {
    margin-bottom: 30px;
}
.right-part > div.clear {margin: 0;}
.right-part > div:first-of-type {margin-top: 0;}
.center-part .banner {margin-top: 0px; margin-bottom: 30px;line-height: 10px;}
.right-part .banner h3,
.center-part .banner h3 {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    display: table-cell;
    vertical-align: middle;
    background-color: #fafafa;
    padding: 12px 0 12px 0;
    padding-left: 20px;
    text-transform: uppercase !important;
    text-align: left;
    color: #6c6a67 !important;
    font-weight: inherit;
    margin-bottom: 0 !important;
    height: 50px;
    width: 300px;
}
.most-read h3, .most-read div.main-title {
    background: transparent;
    font-weight: bold;
    border:none;
    margin: 15px 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
/*.most-read p span:before {
    content: '';
    display: inline;
    background-image: url(../images/icons/eye.svg);
    width: 17px;
    height: 13px;
    position: absolute;
    background-repeat: no-repeat;
    left: -22px;
    top: 0;
}*/
.most-read p span:not(.icon-plashka):not(.commercial-plashka):not(.text-plashka) {
    margin-left: 0px;
    position: relative;
    color: #9099ae;
    margin-top: 10px;
    font-size: 12px;
    
}
.right-part .image .caption h5, .right-part .image .caption div.item-title {
    font-weight: bold; font-size: 20px;
}
.right-part .image .caption span {
    bottom: 10px;
}
.right-part .birthdays {
    position: relative;
}
.right-part .birthdays h3 span:first-child, .right-part .today h3 span:first-child,*
.right-part .birthdays div.main-title span:first-child, .right-part .today div.main-title span:first-child{
    margin-right: 10px;
}
.right-part h3, .right-part div.main-title {
    position: relative;
    color: #9099ae;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    border: none;
    background: none;
    padding: 0;
    font-weight: 400;
    overflow: hidden;
    font-size: 20px;
}
.right-part .birthdays .caption p {
    background: #9099ae;
    padding: 5px 10px;
    text-align: center;
}
.right-part .today h3, .right-part .today div.main-title, .right-part .today .today-date {
    color: #d7473f;
}
.right-part .today-list i {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    top: 3px;
}
.right-part .today-list i.planet {
    background: url(../images/icons/planet.png) center center no-repeat;
    width: 11px;
    height: 11px;
}
.right-part .today-list i.ukr {
    background: url(../images/icons/ukraine.png) center center no-repeat;
    width: 13px;
    height: 11px;
}
.right-part .today-list i.belg {
    background: url(../images/icons/belg.png) center center no-repeat;
    width: 15px;
    height: 13px;
}
.right-part .today-list i.star {
    background: url(../images/icons/star.png) center center no-repeat;
    width: 14px;
    height: 12px;
}

.right-part .photo-video {
    background-color: #1a2952;
    padding: 30px 0 10px;
    position: relative;
    margin-top: 40px;
}
.right-part .photo-video h3 {
    position: absolute;
    color: var(--red);
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    border: none;
    background: transparent;
    top: -27px;
    right: -4px;
    letter-spacing: 1px;
    padding-right: 0;
    margin: 0;
    text-transform: uppercase;
}
.right-part .photo-video .top-preview {
    height: 300px;
}
.right-part .photo-video .pv-list {
    position: relative;
    margin: 20px 0;
    padding-left: 10px;
}
.right-part .photo-video .pv-list > div {
    position: relative;
    display: inline;
}
.right-part .photo-video .pv-list > div a {
    color: #b9b8be;
    display: block;
    font-size: 16px;
}
.right-part .photo-video .pv-list .prev-img {
    float: left;
    margin-right: 5px;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.right-part .photo-video .pv-list .prev-img img {width: 70px; height: 70px;}
.right-part .photo-video .pv-list span {
    color: #7e7f7a;
    font-size: 12px;
}
.right-part .photo-video .all-news {
    text-align: right;
    margin-right: 25px;
}
.right-part .photo-video .all-news a {
    font-size: 20px;
    color: var(--red);
    position: relative;
}
.right-part .photo-video .all-news a:after {
    content: '';
    position: absolute;
    right: -17px;
    top: 7px;
    background: url(../images/icons/arrow-right-red.png) center center no-repeat;
    width: 11px;
    height: 12px;
}
.right-part .photo-video .top-preview > a {
    display: block;
}
.caption > * {
    display: block;
    position: relative;
}
.right-part .photo-video .top-preview .caption span {
    bottom: 0;
    word-wrap: break-word;
}
/*  -----  end right part styles  -----  */


/*  -----  slider  -----  */

.related-items {
    position: relative;
    margin: 40px auto;
    text-align: right;
    
}
.related-items h4, .related-items div.main-title {position: relative;overflow: hidden; text-align: left; font-size: 20px; color: var(--red); text-transform: uppercase;}
.related-items h4 .hr, .related-items div.main-title .hr {width: 100%;  border-bottom: 1px solid #d2d2d2;  position: absolute;  bottom: 0;}
.related-items h5, .related-items div.item-title {
    font-size: 20px;
    font-weight: 500;
}
.related-items h5 + span, .related-items div.item-title + span {
    font-size: 16px;
    margin-top: 5px;
    font-weight: 100;
}
.multiple-items .image {min-height: 300px;}
.image {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  position: relative;
  width: 300px;
  overflow: hidden;
}
.image img {
    display: block;
    object-fit: cover;
    /*width: 100%;*/
}
.image .caption {
    box-sizing: border-box;
    width: 100%;
    padding: 100px 20px 20px 20px;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to top, #0a1636, transparent 35%);
    color: #fff;
    text-align: left;
    min-height: 150px;
}

.image .caption a {color: #fff; font-size: 20px;}
.caption .date {
    padding: 0 10px;
    color: #fff;
    background: #d84943;
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
    display: table-cell;
    text-transform: uppercase;
    font-weight: 500;
    height: 36px;
    vertical-align: middle;
}
.related-items ul {
    display: block;
    margin-bottom: 30px;
}
.related-items ul li {
    display: inline-block;
    margin-right: 15px;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}
.related-items ul li:last-of-type {margin-right: 0;}
.related-items ul li .tablink {
    text-transform: uppercase;
    color: var(--body-color);
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px;
}
.related-items ul .ui-tabs-active {
    border-bottom: 4px solid var(--red);
}
.related-items ul .ui-tabs-active .tablink {
    color: var(--red)
}
.related-items ul li .tablink:hover {opacity: 1;}
/*.related-items ul .ui-tabs-active:after {
    content: '';
    border: 5px solid var(--red);
    border-right-width: 5px;
    border-left-width: 5px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-width: 0;
    display: inline-block;
    position: absolute;
    bottom: -9px;
    left: 47%;
}*/
/*  -----  end slider  -----  */

/*  -----  banner bottom  -----  */

.banner-bottom{
    text-align: center;
    margin: 40px auto;
    width: 100%;
}
.banner-bottom-right {text-align: right;}
.banner-bottom-right img {margin-right: 120px;}

/* -----  end banner bottom  -----  */


/*  -----  transform icons  -----  */
.tcon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 23px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 23px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; 
}
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-grid {
  padding: 0 10px; }
  .tcon-grid .tcon-grid__item {
    width: 5px;
    height: 5px;
    background: black;
    color: black;
    transition: 0.3s; }

.tcon-grid.tcon-transform .tcon-grid__item {
  -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); }

.tcon-grid--rearrange .tcon-grid__item {
  box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, 8px 8px, 0 8px, -8px 8px;}

.tcon-grid--rearrange.tcon-transform .tcon-grid__item {
  box-shadow: 0 -0.5rem, 0 -1rem, 0.5rem 0, -1rem 0, 1rem 0, -0.5rem 0, 0 1rem, 0 0.5rem; }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/*  -----  end  transform icons  -----  */



/*********************************************************************************************************************************/
/*  -----  PRAZDNIKI PAGE  -----  */
/*********************************************************************************************************************************/

.prazdniki-page .calendar {
    position: relative;
    display: block;
    text-align: center;
}
.prazdniki-page .calendar > span {
    display: inline-block;
    position: relative;
}
.prazdniki-page .calendar span a {
    display: table-cell;
    color: #b3b3b3;
    min-width: 25px;
    min-height: 25px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
}
.prazdniki-page .calendar span a:hover {
    background: #d74a41;
    color: #fff;
}
.prazdniki-page .calendar span span {
    display: none;
    font-size: 14px;
    text-transform: lowercase;
    color: #b3b3b3;
    left: -2px;
}
.prazdniki-page .calendar span a:hover + span {
    display: block;
    position: absolute;
}
.prazdniki-page .category {
    position: relative;
    text-align: center;
    top: 15px;
    padding-left: 10px;
}
.prazdniki-page .category a {
    display: inline-block;
    text-transform: uppercase;
    color: #012861;
    font-size: 12px;
    font-weight: 500;
    margin-right: 15px;
} 
.prazdniki-page .category a:hover {
    color: #d84941;
}
.prazdniki-page .center-part {
    top: 20px;
}
.prazdniki-page .center-part h3 {
    top: 10px;
}
.prazdniki-page .content-on-week .item {
    position: relative;
    width: 100%;
}
.prazdniki-page .content-on-week .item .day {
    float: left;
    width: 20%;
    color: #7e7e7c;
}
.prazdniki-page .content-on-week .item .in-day {
    width: 80%;
    float: right;
    color: #231f20;
}
.prazdniki-page .content-on-week .item .in-day p {
    margin-bottom: 15px;
}
.subscribe {
    display: block;
    border: 1px solid #d2d2d2;
    height: 165px;
    padding: 25px 10px;
    background-color: #fafafa;
}
.subscribe input {
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    height: 35px;
    width: 90%;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    padding: 10px;
}
.subscribe button {
    width: 90%;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    height: 40px;
    background-color: #04275f;
    border: none;
    color: #fff;
    font-size: 16px;
    margin-top: 22px;
    cursor: pointer;
}
.subscribe button:active {
    background-color: #0d3b86;
}
/*********************************************************************************************************************************/
/*  -----  END PRAZDNIKI PAGE  -----  */
/*********************************************************************************************************************************/


/*********************************************************************************************************************************/
/*  -----  LIST PAGE  -----  */
/*********************************************************************************************************************************/
.list-page .main-letter {
    float: left;
    width: 10%;
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
}
.list-page .lists {
    width: 100%;
    position: relative;
}
.list-page .lists ul {
    width:  40%;
    padding-left: 0;
}
.list-page .lists ul li {
    margin-bottom: 10px;
}

.list-page .lists ul:first-child { margin-bottom: 55px;
    float: left;
}
.list-page .lists ul:last-child {
    float: right;
}
.list-page .lists ul:last-child::after {  content: ""; opacity: 0; display: block;clear: both;}
/*********************************************************************************************************************************/
/*  -----  END LIST PAGE  -----  */
/*********************************************************************************************************************************/

/*********************************************************************************************************************************/
/*  -----  recomend PAGE  -----  */
/*********************************************************************************************************************************/

::-webkit-input-placeholder {color:#afb0b3;}
::-moz-placeholder          {color:#afb0b3;}/* Firefox 19+ */
:-moz-placeholder           {color:#afb0b3;}/* Firefox 18- */
:-ms-input-placeholder      {color:#afb0b3;}

/*********************************************************************************************************************************/
/*  -----  end recomend PAGE  -----  */
/*********************************************************************************************************************************/


/*********************************************************************************************************************************/
/*  -----  datepicker -----  */
/*********************************************************************************************************************************/
#datepicker {
    width: 280px;
    background: transparent;
    position: relative;
    left: 0;
}
#datepicker .datepicker:before { display: none;}
.right-part #datepicker {width: 300px;margin-bottom: 7px;}
#datepicker .next,
#datepicker .prev {
    position: absolute;
    top: 14px;
    width: 30px;
    height: 30px;
    font-size: 0;
    cursor: pointer;
} 
#datepicker .next {right: 10px;}
#datepicker .prev {left: 10px;}

#datepicker .next:after, #datepicker .prev:before  {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    z-index: 100;
    font-size: 23px;
    color: #c0c2ce;
    top: 0;
}
#datepicker .next:hover:after, #datepicker .prev:hover:before  {
    color: #fa5b54;
}
#datepicker .prev:before {
    content: '\f104';
    left: 5px;
    right: auto;
}
#datepicker .datepicker-switch{
    color: var(--body-color);
    font-weight: 500;
    cursor: pointer;
}
.ui-datepicker-calendar {
    margin-top: 15px;
    margin-bottom: 30px;
}
#datepicker th, #datepicker td {
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 50%;
    
}
.right-part #datepicker th, .right-part #datepicker td {width: 41px; height: 41px;}
#datepicker th {
    color: var(--red);
}
#datepicker td.day:hover {
    background: var(--red);
    cursor: pointer;
    color: #fff;
}
#datepicker span.year.active,
#datepicker span.month.active {
    background: var(--red);
    color: #fff;
}
#datepicker span.year:hover,
#datepicker span.month:hover {
    background: var(--red);
    color: #fff;
}
#datepicker td.active{
    background: var(--red);
    color: #fff;
}
/*********************************************************************************************************************************/
/*  -----  end datepicker  -----  */
/*********************************************************************************************************************************/





.tcon-checkbox {
    height: 1rem;
    margin: 8px 0;
    position: relative;
    width: 2.5rem;
    margin-top: 0;
}
.tcon-checkbox input[type=checkbox] {
    opacity: 0;
}
.tcon-checkbox input[type=checkbox]:checked ~ label {
    background: #98eb20;
}
.tcon-checkbox label {
    border-radius: 3rem;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: background 150ms ease-in-out;
    text-indent: -9999em;
    background: #eb003d;
}

.tcon-checkbox label:after {
    border-radius: 3rem;
    content: "";
    cursor: pointer;
    display: block;
    height: 1.2rem;
    position: absolute;
    top: -0.1rem;
    left: -0.1rem;
    width: 1.2rem;
    transition: left 150ms ease-in-out;
    z-index: 1;
    background: #fafafa;
}
.tcon-checkbox input[type=checkbox]:checked ~ label:after {
    left: 1.5rem;
}



#active-alphaBet
{
    text-decoration: underline;
}
#active-a
{
    color: var(--red);
}
#active-li
{
    border-bottom: 3px solid var(--red);
}


.center-part .pages ul  {
    width: 660px;
    text-align: center;
    margin: 30px 0;
}

.center-part .pages ul li {
    display: inline;
}
.center-part .pages ul li {
    margin-right: 15px;

}
.center-part .pages ul li a {

    color: #525051;
    font-size: 18px;
    padding: 5px 10px;

}
.center-part .pages ul a:hover {
    color: #fff;
    background-color: #18338e;
}

.center-part .pages ul a.active
{
    color: #fff;
    background-color: #18338e;
}

.cls-1{fill:#00123f;}.cls-2{fill:#fff;}.cls-3{fill:#ec001e;}

.add-dosie {padding: 10px 15px; background-color: #fafafa; border: 1px solid #d2d2d2;margin-bottom: 20px;}
.add-dosie h2 {font-size: 30px; line-height: 33px;margin: 0 0 10px; font-weight: 500;}
.add-dosie .btn {display: block;line-height: 36px;text-align: center;font-size: 18px;font-weight: bold; width: 100%; border:1px solid var(--red); color: var(--red);}


.close-viewer {width: 38px; height: 38px; position: absolute; right: 20px; top: 20px; background: url(../images/icons/close-viewer.png); cursor: pointer;}
.liga-net-logo { background: url(../images/ligalogo/liga.svg) no-repeat; width: 160px; height: 50px; margin: 0px auto; margin-bottom: 40px;}
.liga-net-novosti {background: url(../images/ligalogo/liga-novosti.svg) no-repeat; width: 138px; height: 30px;}
.liga-net-biznes {background: url(../images/ligalogo/liga-biznes.svg) no-repeat; width: 124px; height: 30px;}
.liga-net-finans {background: url(../images/ligalogo/liga-finans.svg) no-repeat; width: 135px; height: 30px;}
.liga-net-specproekt {/*background: url(../images/ligalogo/liga-specproekt.svg) no-repeat;*/ width: 220px; height: 30px;}
.liga-net-dosie {/*background: url(../images/ligalogo/liga-dosie.svg) no-repeat;*/ width: 135px; height: 30px;}
.liga-net-blog {/*background: url(../images/ligalogo/liga-blog.svg) no-repeat;*/ width: 135px; height: 30px;}
.liga-net-forum {/*background: url(../images/ligalogo/liga-forum.svg) no-repeat;*/ width: 135px; height: 30px;}
.liga-net-press-centr {/*background: url(../images/ligalogo/liga-press-centr.svg) no-repeat;*/ width: 135px; height: 30px;}

.left-ul, .right-ul {float: left; width: 50%;}
.left-ul a, .right-ul a {color: #4c4f56; font-size: 13px;}
.left-ul > div , .right-ul > div {padding-left: 10px;}


a.exclusive-subscription:hover  {color: #fff; text-decoration: none;}
.exclusive-subscription {
    color: #fff;
    background: #eb001e;
    display: inline-block;
    padding: 15px 100px 15px 80px;
    border-radius: 3px;
    display: block;
    float: left;
}


.most-read p {margin-bottom: 18px;}

.service-title {color: #9099ae; font-weight: 500; margin-bottom: 15px;}
.right-part .service-title  { margin-bottom: 5px;}
.try-again {text-align: center; font-size: 24px; color: var(--red); font-weight: bold;margin-bottom: 40px;}

.related-content {   width: 50%;  padding-right: 10px;   margin: 0px 5px 10px 0;   float: left;    position: relative;}
.related-content h3, .related-content div.main-title {  color: #9099ae;  text-transform: uppercase;  margin: 0; margin-bottom: 30px; font-weight: 400;}
.related-content .photo {   margin-bottom: 15px; position: relative; overflow: hidden;}
.related-content > div {  margin: 15px 0;}
.related-content a {  color: var(--body-color);}
.related-content .photo a {position: absolute; width: 100%; height: 100%; left: 0;}
.related-content .photo .caption {  width: 100%;}
.related-content .photo span {  position: absolute;  bottom: 10px;  left: 10px;}
.related-content {width: 100%;float: none; padding: 20px 0 0; margin:0; border-top: 2px solid var(--red);}
.center-part .related-content .photo,
.index-part .related-content .photo,
.dosiier-left-col .center-part .dosie .related-content .photo {width: 300px;min-height: 300px;height: 300px; float: left; margin: 0 20px 0 0;}
.related-content .related-content-items {margin:0; width: calc(100% - 320px); float: left;}
.related-content .related-content-items > li {display: block;position: relative; padding: 10px 0 10px; border-bottom: 1px solid #ececec; color: var(--body-color);}
.related-content .related-content-items > li:hover a:not(.other-project) {text-decoration: none;color: var(--red);}
.related-content .related-content-items > li:last-of-type {border-bottom: none;}
.center-part .dosie .related-content-items .date {font-size: 12px; position: relative; bottom: auto; right: auto;}
.related-materials .related-materials-btn,
.related-content .related-materials-btn {position: absolute;right: 0; bottom: -23px; color: var(--red); font-size: 16px; font-weight: 400;}
.related-materials .related-materials-btn i,
.related-content .related-materials-btn i {margin-left: 15px; font-size: 15px;}

.holiday_another-country {margin: 30px 0;}
.holiday_another-country .another-country {width: 50%; padding-right: 10px;float: left; margin-bottom: 10px;}
.holiday_another-country .another-country img {margin-right: 5px; max-width: 15px;}

.related-holidays {margin: 30px 0;}
.related-holidays .related-holidays_item {margin-bottom: 30px;}
.related-holidays .related-holidays_item a {display: block;}
.related-holidays .related-holidays_item .related-holidays_img {float: left;margin-right: 20px; width: 130px; height: 130px;}
.related-holidays .related-holidays_item .related-holidays_img img {width: 100%;}
.related-holidays .related-holidays_item .related-holidays_info h4, .related-holidays .related-holidays_item .related-holidays_info div.item-title {max-height: 22px; overflow: hidden; font-weight: 700;}


.today .today-date {margin-bottom: 15px;color: var(--red)!important;}
.today h3 {color: var(--red)!important;}
.today-list ul {padding-left: 20px;}
.today-list li {margin-bottom: 10px; position: relative; display: inline-flex;  align-items: center;}
.today-list li:before {content: "";position: absolute; left:-20px; top: 7px;  width: 6px; height: 6px; display: block;border-radius: 50%;background-color: var(--red);}
.today-list li img {max-width: 16px; margin-left: 5px;}
.holidays-today-icon img {max-width: 16px; margin-left: 5px;}


.name-day { margin: 30px 0;}
.name-day .name-day_item-wrap { padding: 20px 20px 10px 20px; background-color: #f4f5f9;}
.name-day.name-day-full .name-day_item-wrap { display: flex; flex-flow: row wrap;}
.name-day .name-day_item-wrap h3 { margin: 0 0 10px; text-transform: capitalize;  color: #000;}
.index-part .name-day .name-day_item-wrap h3 {color: #000;}
.name-day .name-day_item {width: 100%; margin-bottom: 5px;}
.name-day.name-day-full .name-day_item {width: 50%;float: left;padding-right: 10px;}
.name-day .name-day_item:nth-child(even) {padding-right: 0;}
.name-day .name-day_item h4 {color: var(--red);display: inline-block;font-weight: 500;}

.birthday-person_box {margin: 30px 0;}
.birthday-person_box .item-birthday {width: 320px; float: left;}
.b-part .birthday-person_box .item-birthday {width: 300px;}
.birthday-person_box .item-birthday:nth-child(even) {margin-right: 20px;}
.birthday-person_box .item-birthday .image {width: 100%;}
.c-part .birthday-person_box .item-birthday .image,
.right-part .birthday-person_box .item-birthday .image {width: 300px; height: 300px;}
.birthday-person_box .item-birthday h5, .birthday-person_box .item-birthday div.item-title {font-weight: bold;margin-bottom: 5px; font-size: 20px;}
.birthday-person_box .item-birthday .date {position: relative;bottom: 0;color: #fff;}

.birthday-person_box .birthday-person_date {background-color: var(--red); color: #fff; padding: 5px 0;width: 100px;text-align: center; float: left; margin-bottom: 20px;}
.birthday-person_box .birthday-item {width: 100%; margin-bottom: 20px;}
.birthday-person_box .birthday-item .birthday-item_img {width: 100px;  height: 100px; float: left; margin-right: 20px; overflow: hidden;}
.birthday-person_box .birthday-item .birthday-item_img img {height: 100%;width: auto;}
.birthday-person_box .birthday-item .birthday-item_desc {float: left; width: calc(100% - 120px); padding-right: 15px;}
.birthday-person_box .birthday-item .birthday-item_desc h5, .birthday-person_box .birthday-item .birthday-item_desc div.item-title { font-size: 20px; color: var(--body-color);font-weight: 500; margin-bottom: 6px;}
.birthday-person_box .birthday-item .birthday-item_desc p {margin-bottom: 0;}
.birthday-person_box .birthday-item .birthday-item_desc span {display: block; line-height: 20px;}
.right-part .item-birthday {width: 300px; height: 300px;}

.holidays-week .name-day {clear: both; width: calc(100% - 130px); float: right; margin: 0;}
.holidays-week .name-day h4 {margin: 0; display: inline-block;}
.holidays-week .name-day a {margin: 0; padding: 0;}
.holidays-week .name-day .name-day_item {width: 100%;padding: 0; margin: 0 0 10px 0;}

span.social-likes__button {display: none;}
.social-row .social-item span.social-likes__counter_empty {display: block;}

.banner.banner-video-center {width: 100%;}
.banner.banner-video-center iframe {width: 100%;}

.title-sps {text-align: center; font-size: 18px; margin-bottom: 60px;}
.title-sps .big-sps {color: var(--red); font-size: 32px;}

.caption h5, .caption div.item-title {margin-top: 10px; font-weight: 500;}
/*.list-page + .c-part {margin-top: 20px;}*/

a.main-link {font-size: 13px; color: #9099ae; font-weight: 400; letter-spacing: 0.02em;  margin-right: 5px;}

#add-more-holidays {width: 100%; border: none; background-color: #fff; color: var(--red); font-size: 16px; font-weight: 400; text-align: right;}

#popular-right, 
#popular-right-small { width: 300px; margin: 0; padding: 0; margin-bottom: 30px; margin-top: 30px;}
#popular-right *:not(.text-plashka):not(.commercial-plashka), 
#popular-right-small *:not(.text-plashka):not(.commercial-plashka) { padding: 0; margin: 0;}
#popular-right > h3, 
#popular-right-small > h3 { color: var(--red); font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-weight: 400;}
#popular-right li,
#popular-right-small li { list-style: none;}
#popular-right #popular-tabs > ul, 
#popular-right-small #popular-tabs-small > ul {text-align: justify; text-align-last: justify; list-style-type: none; display: block; margin: 5px 0; margin-bottom: 18px; -webkit-box-shadow: 0px 0px 5px 2px #f8f8f8;-moz-box-shadow: 0px 0px 5px 2px #f8f8f8; box-shadow: 0px 0px 5px 2px #f8f8f8;}
#popular-right #popular-tabs > ul:after, 
#popular-right-small #popular-tabs-small > ul:after {  content: ""; display: block; width: 100%; height: 0; overflow: hidden;}
#popular-right #popular-tabs > ul li,
#popular-right-small #popular-tabs-small > ul li { display: inline-block;   padding: 0 10px; }
#popular-right #popular-tabs > ul li a, 
#popular-right-small #popular-tabs-small > ul li a { font-size: 12px; color: #838991; outline: none; text-decoration: none;}
#popular-right .tablist li, 
#popular-right-small .tablist li { display: block; margin-bottom: 20px !important;}
#popular-right .tablist li a:not(.other-project), 
#popular-right-small .tablist li a:not(.other-project) { color: #02275c; font-size: 16px; text-decoration: none; font-weight: normal;}
#popular-right span.eye, 
#popular-right-small span.eye { width: 17px; height: 13px; background-image: url(../images/icons/eye.svg); background-size: 100%; display: inline-block; margin-right: 5px !important; background-repeat: no-repeat; position: relative;  top: 3px;}
/*#popular-right .tablist li:hover span.eye, 
#popular-right-small .tablist li:hover span.eye { background-image: url(../images/icons/eyehover.svg);}*/
#popular-right .tablist li:hover a:not(.other-project),
#popular-right .tablist li:hover span:not(.counter):not(.text-plashka),
#popular-right-small .tablist li:hover a:not(.other-project),
#popular-right-small .tablist li:hover span:not(.counter):not(.text-plashka) {  color: var(--red);}
#popular-right .counter,
#popular-right-small .counter { margin-left: 5px; position: relative; color: #9099ae; margin-top: 10px; top: 0px; white-space: nowrap; font-size: 12px;}
#popular-right .ui-tabs-active,
#popular-right-small .ui-tabs-active  {  border-bottom: 3px solid var(--red);}
#popular-right #popular-tabs .ui-tabs-active a,
#popular-right-small #popular-tabs-small .ui-tabs-active a { color: var(--red);}

/*r4 photo-video right-block*/
#photo-video-right { margin-top: 55px !important; width: 300px; background-color: #1a2952; padding: 30px 0; position: relative;}
#photo-video-right h3, #photo-video-right div.main-title { position: absolute;  color: var(--red);font-size: 40px; font-weight: 600; border: none; background: transparent; top: -42px; right: -3px;letter-spacing: 1px; padding-right: 0; text-transform: uppercase; padding: 10px 0; margin: 0; line-height: 48px;}
#photo-video-right .image { height: 300px;}
#photo-video-right .pv-list { position: relative; margin: 20px 0; padding-left: 20px; padding-right: 5px; display: table; font-weight: 400 !important;}
#photo-video-right .pv-list .prev-vid > a,
#photo-video-right .pv-list .prev-img > a { position: absolute; width: 100%; height: 100%;}
#photo-video-right .pv-list > div { position: relative; display: inline-block; line-height: 17px;}
#photo-video-right .pv-list .prev-info { width: 185px;}
#photo-video-right .pv-list > div a {color: #b9b8be; font-size: 14px;}
#photo-video-right .pv-list > div a:hover {color: #fff;}
#photo-video-right .pv-list .prev-img, 
#photo-video-right .pv-list .prev-vid {float: left; margin-right: 20px; width: 70px; height: 70px;}
#photo-video-right .pv-list span { color: #7e7f7a; font-size: 12px; white-space: nowrap;}
#photo-video-right .all-news { text-align: right; margin-right: 25px; position: relative; top: 10px;}
#photo-video-right .all-news a { font-size: 20px; color: #cecfd4; position: relative;}
/*.caption > * {
    position: relative;
}*/
#photo-video-right .top-preview .caption span {  bottom: 0;  word-wrap: break-word;}
#photo-video-right .pv-list .prev-img:after { content: ''; position: absolute; width: 41px; height: 34px; background: url(../images/icons/camera.png) center center no-repeat; top: 20px; left: 15px;}
#photo-video-right .pv-list .prev-vid:after { content: ''; position: absolute; width: 41px; height: 34px; background: url(../images/icons/play.png) center center no-repeat; top: 20px; left: 15px; background-size: 34px;}
#photo-video-right .all-news a {  color: var(--red); font-weight: 400; font-size: 16px;}
#photo-video-right h5, #photo-video-right div.item-title { font-weight: 500; font-size: 20px; letter-spacing: 0.1px; /*display: inline;*/  color: #fff;}

.share { position: absolute;top: 20px; right: 20px; opacity: 0; transition: 0.2s;z-index: 100; }
.text-news .share { top: 5px !important;}
.share a img { cursor: pointer;}
.horizontal:hover .share, 
.vertical:hover .share, 
.small:hover .share, 
.top-preview:hover .share,
.top-theme .description:hover .share {  opacity: 1;  transition: 0.2s;}
.share a:hover { text-decoration: none; border-bottom: none;}
.share span.plus { width: 27px; height: 27px; display: inline-block; position: relative;}
.share span.plus:before { font-size: 23px; font-weight: bold; font-family: 'FontAwesome';  position: absolute; content: "\f09a"; left: 8px; top: 0; color: #3b5999; opacity: 1;}
/*.share span.plus:hover:before {
    color: #3b5999;
    opacity: 1;
}*/
.share span.star {width: 27px; height: 27px; display: inline-block; position: relative;}
.share span.star:before{ font-size: 23px; font-weight: bold; font-family: 'FontAwesome'; position: absolute; left: 5px; top: 0; content: "\f099"; color: #55acee; opacity: 1;}
/*.share span.star:hover:before {
    color: #55acee;
    opacity: 1;
}*/
/*.text-news .share span.star:before,
.text-news .share span.plus:before{
    color: #000;
}*/

.photo-play { position: absolute; top: 20%; left: 38%; z-index: 4;}

#photo-video-768-1000 {display: none;}

.c-part-list-page .most-read {margin-top: 30px;}

.gradient-bg {
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0px;
    cursor: pointer;
    transition: 0.1s;
    position: absolute;
    background: rgba(255,255,255,0);
    background: -webkit-linear-gradient(bottom, rgb(11,22,54), transparent 35%);
    background: -o-linear-gradient(bottom, rgb(11,22,54), transparent 35%);
    background: linear-gradient(to top, rgb(11,22,54), transparent 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0b1636', GradientType=0 );
}
.image > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.image img {
    display: block;
    object-fit: cover;
}
.popular-person .item {
    overflow: hidden;
}
.related-items .image {position: relative;}

.popular-person .item:before,
.birthday-person .item:before,
.updating-person .item:before,
.related-items .image:before,
.birthday-person_box .item-birthday .image:before,
.related-content .photo:before,
.top-preview .image:before {
    content: '';
    position: absolute;
    width: 101%;
    height: 100%;
    background: rgba(11,22,54,0.35);
    top: 0;
    transition: 0.2s;
    z-index: 2;
    opacity: 1;
    left: 0;
}
.popular-person .item:hover:before,
.birthday-person .item:hover:before,
.updating-person .item:hover:before,
.related-items .image:hover:before,
.birthday-person_box .item-birthday .image:hover:before,
.related-content .photo:hover:before,
.top-preview .image:hover:before {
    top: 0;
    transition: 0.2s;
    opacity: 0;
}
.caption {
    position: absolute;
    bottom: 0;
    z-index: 5;
    padding: 20px;
    cursor: pointer;
}
.list-page h1.main-title {
    position: relative;
    color: var(--red);
    text-transform: uppercase;
    margin: 0 0 30px 0;
    overflow: hidden;
    font-weight: 400;
    font-size: 1.17em;
}
.index-part .list-page h1 .hr {
    width: 100%;
}
.index-part h1 .hr {
    width: 66%;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
    bottom: 5px;
}
.index-part h1 span:first-child {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 400;
}

.main-part {
    width: 762px;
    float: left;
}

.index-part > div:not(.clear) {
    margin-bottom: 30px;
}
#Prazdniki .a-part {
    height: auto;
    position: relative;
    float: left;
}
#Prazdniki .b-part {
    /*float: right;*/
    margin-left: 0;
}
.right-part > div:not(.clear) {margin-bottom: 30px;}
.about-dosie .photo img {
	max-height: 400px;
	object-fit: cover;
}
.related-items .owl-item {
	height: 300px;
}
.related-items .owl-item > a {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.related-items .owl-item .image img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.live-news-source {
    margin: 0px;
    font-size: 14px;
    color: #9099ae;
    display: block;
    margin-top: 5px;
}
.prazdniki-page .type {
    text-align: left;
}

#Person-block .b-part .item {float: left !important;}
#slide-to-comment {display: none;}
.r320, .r480, .r768 {display: none;}

.most-read p:hover a:not(.other-project),
.related-news li:hover a:not(.other-project),
#Company-block .item-one:hover .item-one_desc a,
#PartiiBloki-block .item-one:hover .item-one_desc a,
#PublicOrg-block .item-one:hover .item-one_desc a,
.person-links a:hover,
#popular-right li:hover a:not(.other-project),
.today li:hover a,
.list-page .lists ul li:hover a,
.birthday-person_box .birthday-item:hover .birthday-item_desc h5,
.birthday-person_box .birthday-item:hover .birthday-item_desc div.item-title,
.related-holidays_item:hover .related-holidays_info h4,
.related-holidays_item:hover .related-holidays_info div.item-title,
.another-country:hover span,
.person-info a:hover,
.related-content .related-content-items > a:hover { 
    color: var(--red);
}

.all a:hover,
.name-day .name-day_item a:hover h4,
.related-materials-btn:hover,
.all-news a:hover {
    color: #ff0c00 !important;
}


/*login-authorization*/
.login-authorization {width: 300px; margin: 80px auto 100px auto;    text-align: center;}
.login-authorization .form-container fieldset {border: 0;padding: 10px 0;    margin: 0;}
.login-authorization .form-container input {width: 100%; height: 34px; padding: 0 10px;}
.login-authorization .form-container button {width: 100%; background: #313131; color: #fff; border: 0; font-size: 16px; cursor: pointer;padding: 10px 0; margin-top: 10px;}
.login-authorization .form-container button:hover {opacity: 0.9;}
.login-authorization .form-container .help {color: #313131; margin-top: 10px; display: none;}
.login-authorization .form-container .help a {color: #313131;}
.login-authorization .form-container .help a:first-child {margin-right: 10px;}
.login-authorization .form-container .help a:last-child {margin-left: 10px;}
.login-authorization .tool-tip-login {color: #313131; font-size: 22px;}
@media (max-width:1000px){
        .page-404 {
    width: 100%;
    height: auto;
    margin: 50px auto 30px auto;
}
    .page-404 img {
    width: 100%;
}
}
@media (min-width:768px){
    .hid-768-up{display: none;}
}

.related-content .related-content-items > a .date, .related-content .related-content-items > a .date:hover {
    color: #9099ae;
    font-size: 12px;
    padding-right: 0;
    letter-spacing: 0.05em;
    font-weight: 400;
}

span.text-plashka {
    font-size: 10px !important;
    color: #323037;
    padding: 5px;
    border: 1px solid #dddddd;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: #fff;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-right: 6px;
}
    span.type-plashka,
    a.plashka-link,
    a.other-project {
        font-size: 13px !important;
        font-weight: 400;
        letter-spacing: 0.02em;
        margin-right: 5px;
        color: #919aaf;
        display: inline-block;
        margin-bottom: 5px;
        margin-top: 2px;
    }
    span.type-plashka a {
        color: #919aaf !important;
        text-decoration: none !important;
        padding-left: 0 !important;
    }
    span.icon-plashka {
        width: 22px;
        height: 13px;
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 5px;
        padding-top: 2px;
    }
    span.icon-plashka img {
        width: 17px;
        display: block;
    }
    span.commercial-press-release-plashka {
        font-size: 10px !important;
        display: inline-block;
        padding: 5px;
        text-transform: uppercase;
        background-color: #8F9BB1;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    span.commercial-press-release-plashka a {
        color: #fff !important;
        text-decoration: none;
        font-weight: 400;
        letter-spacing: 0.5px;
        padding-left: 0 !important;
    }
    span.commercial-plashka {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        padding-top: 2px;
    }
    span.commercial-plashka img {
        display: block;
        width: 16px;
        height: 16px;
    }

.materials-wrap .center-part .premium-1d.r768 {display: none !important;}
.materials-wrap .center-part .premium-2d.r768 {display: none !important;}
.date {
    margin-left: 0px;
    position: relative;
    color: #9099ae;
    margin-top: 10px;
    font-size: 12px;
}
.fr {float: right;}
.not-320, .not-480, .not-768 {display: block;}
.birthday-person {float: none;}
#Person-block .b-part .item + .item {float: right !important;}
#Person-block .c-part > div:first-child > div.adver-block { margin-top: 27px;}

.news-nth-circle_p{vertical-align: middle;line-height: 16px;width: 16px;}

.float-r-banner {margin-left: 20px;}
.dosie-text a, .person-info a {
    text-decoration: underline;
}
.related-materials a {
    text-decoration: none;
}
/*fix header v2.0*/
.menu .close-m{display:none}.menu.act .close-m{display:block}

/*fix header v2.0*/


.file-end-view .related-materials{
    padding: 25px 0 25px;
    position: relative;
}

.file-end-view .related-materials ul{
    margin: 0;
    padding: 25px 0 25px 30px;
    list-style-type: none;
    border-left: 4px solid var(--red);
}

.file-end-view .related-materials ul li{
    display: flex;
    align-items: center;
    flex-wrap: wrap ;
    gap: 5px;
}

.file-end-view .related-materials-btn{
    bottom: 0;
}

.file-end-view .image img{
    width: 100%;
    height: 100%;
}

.file-end-view .birthday-person_box .item-birthday{
    width: 100%;
    margin: 0;
}
.file-end-view .article{
    border-top: 0;
}

.file-end-view  .related-content{
    display: flex;
    flex-direction: column;
}

.file-end-view .related-content .photo{
    min-height: 250px;
    margin: 0;
    max-width: 250px;
}

.file-end-view .skeleton, .file-end-view .news-card__has-skeleton{
    display: none;
}

.file-materials .related-items .section-default__grid{
    padding-top: 0;
}

.file-materials .page-header{
    margin-bottom: 0;
}

.file-materials {
    width: 100% !important;
}

.file-materials .related-news{
    display: grid;
    gap: 15px;
}

.related-items .owl-item .image img{
    position: absolute;
}

.related-content .photo{
    position: relative;
}

.file-end-view .related-content .photo img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.file-end-view .related-content .related-content-items{
    width: 100%;
    float: none;
    margin-top: 20px;
}

.file-end-view .article-sidebar{
    display: block !important;
}

.multiple-items .image{
    width: 100% !important;
}