/* cmsms stylesheet: Ведомости CSS modified: 04.08.2025 14:45:46 */
@font-face {
	font-family: 'Conv_Cuprum-Bold';
	src: url('fonts/Cuprum-Bold.eot');
	src: local('O'), url('/fonts/Cuprum-Bold.woff') format('woff'), url('/fonts/Cuprum-Bold.ttf') format('truetype'), url('/fonts/Cuprum-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
        font-display: swap;
}
@import url('https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css');
@font-face {
	font-family: 'Conv_DejaVuSerif';
	src: url('/fonts/DejaVuSerif.eot');
	src: local('O'), url('/fonts/DejaVuSerif.woff') format('woff'), url('/fonts/DejaVuSerif.ttf') format('truetype'), url('/fonts/DejaVuSerif.svg') format('svg');
	font-weight: normal;
	font-style: normal;
        font-display: swap;
}
@font-face {font-family: 'PT Sans'; 
	src: url('/fonts/pts55f_w.eot'); 
	src: local('PT Sans'), url('/fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTS55F_W.woff') format('woff'),url('/fonts/PTS55F_W.ttf') format('truetype'), url('/fonts/PTS55F_W.svg#PTSans-Regular') format('svg');}

@font-face {font-family: 'PT Sans'; 
	font-style: italic;
        font-display: swap;
	src: url('/fonts/pts56f_w.eot'); 
	src: local('PT Sans Italic'), url('/fonts/PTS56F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTS56F_W.woff') format('woff'),url('/fonts/PTS56F_W.ttf') format('truetype'), url('/fonts/PTS56F_W.svg#PTSans-Italic') format('svg');}


@font-face {font-family: 'PT Sans';
	src: url('/fonts/pts75f_w.eot');
	font-style: normal;
	font-weight: bold;
        font-display: swap;
	src: local('PT Sans Bold'), url('/fonts/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTS75F_W.woff') format('woff'),url('/fonts/PTS75F_W.ttf') format('truetype'), url('/fonts/PTS75F_W.svg#PTSans-Bold') format('svg');}

@font-face {font-family: 'PT Sans';
	font-style: italic;
	font-weight: bold; 
        font-display: swap;
	src: url('/fonts/pts76f_w.eot'); 
	src: local('PT Sans Bold Italic'), url('/fonts/PTS76F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTS76F_W.woff') format('woff'),url('/fonts/PTS76F_W.ttf') format('truetype'), url('/fonts/PTS76F_W.svg#PTSans-BoldItalic') format('svg');}

@font-face {font-family: 'PT Sans Caption'; 
	src: url('/fonts/ptc55f_w.eot');
	src: local('PT Sans Caption'), url('/fonts/PTC55F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTC55F_W.woff') format('woff'),url('/fonts/PTC55F_W.ttf') format('truetype'), url('/fonts/PTC55F_W.svg#PTSans-Caption') format('svg');}

@font-face {font-family: 'PT Sans Caption';
	font-weight: bold;
        font-display: swap;
	src: url('/fonts/ptc75f_w.eot');
	src: local('PT Sans Caption Bold'), url('/fonts/PTC75F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTC75F_W.woff') format('woff'),url('/fonts/PTC75F_W.ttf') format('truetype'), url('/fonts/PTC75F_W.svg#PTSans-CaptionBold') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	src: url('/fonts/ptn57f_w.eot');
        font-display: swap;
	src: local('PT Sans Narrow'), url('/fonts/PTN57F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTN57F_W.woff') format('woff'),url('/fonts/PTN57F_W.ttf') format('truetype'), url('/fonts/PTN57F_W.svg#PTSans-Narrow') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	font-weight: bold; 
        font-display: swap;
	src: url('/fonts/PTN77F_W.eot');
	src: local('PT Sans Narrow Bold'), url('/fonts/PTN77F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PTN77F_W.woff') format('woff'),url('/fonts/PTN77F_W.ttf') format('truetype'), url('/fonts/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}



body{
margin:0;
padding: 0;
font-family: 'PT Sans', Tahoma, sans-serif;
font-size: 100%;
}

div, span, ol, h1, h2, h3, h4, h5, h6, input, table {
display: block;
position: relative;
float: left;
}

.textlink {
 float: none;
    text-decoration: underline;
}

table {
margin: 1% 0;
}

img {
border: none;
height: auto;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1{
font-family: 'PT Sans' sans-serif;
}

h2, h3,h4, h5,h6{
font-family: 'PT Sans' sans-serif;
}

div#pagewrapper{
width: 100%;
}

.top-banner {
width: 100%;
    margin: 0 0 1% 0;
    height: 135px;
}

.top-banner a {
width: 100%;
}

.top-banner a img {
width: 100%;
}

div#header{
    width: 98%;
    box-shadow: 0 0.8em 1em -1em #999;
    padding: 1% 1% 1%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
}

div#logo {
    width: 21%;
    margin: 0% 2% 0 0;
}

div#logo a {
    width: 100%;
}

div#logo a img{
width: 100%;
}

div#MainSlogan{
 padding: 2% 0;
    width: 100%;
}

div#MainSlogan h1 {
color: #000;
    font-family: PT Sans,sans-serif;
    font-size: 0.9em;
    text-align: left;
    width: 100%;
margin: 0;
}

.inContextBlock {
width: 50%;
    padding: 1% 1%;
}

.inContextItem {
width: 100%;
}

.inContextContent {
width: 100%;
}

.inContextContent a {
color: #000;
    font-family: Georgia,sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 700;
    line-height: 150%;
}

.inContextContent a:before {
content: '\201D';
 color: #d10019;
    display: block;
    float: left;
font-size: 5em;
    height: 0.1em;
    line-height: 50%;
    padding-right: 0.2em;
    position: relative;
}

div.SocialNetworks{
padding: 0 0%;
    width: 11%;
}

/* div.SocialNetworks a:first-child{
 background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 6% 10%;
    background-repeat: space;
    background-size: 13em auto;
}

div.SocialNetworks a:nth-child(2) {
background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 64% 50%;
    background-repeat: space;
    background-size: 13em auto;
}

div.SocialNetworks a:nth-child(3) {
background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 35% 10%;
    background-repeat: space;
    background-size: 13em auto;
}


div.SocialNetworks a:nth-child(4) {
 background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 94% 10%;
    background-repeat: space;
    background-size: 13em auto;
display: none;
}

div.SocialNetworks a:nth-child(5) {
 background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 64% 10%;
    background-repeat: space;
    background-size: 13em auto;
} */

.social {
height: 2em;
    margin: 1%;
    width: 2em;
opacity: 0.8;
}

.social:hover {
opacity: 1;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;

}

/* div.SocialNetworks a img{
width: 100%;
} */

div#search{
width: 25%;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

div#search form {
width: 100%;
}

.headerContacts {
    display: flex;
    margin-top: 1vh;
    align-items: center;
    justify-content: space-between;
}

div.SocialNetworks {
    padding: 0 0%;
    width: 30%;
    display: flex;
} 

.telephone {
width: 50%;
    font-size: 1vw;
    color: #000;
}

.telephone:before {
content: '\2706';
margin-right: 1%;
font-size: 1.4em;
}

.pageoverflow {
width: 100%;
}

p.searchInput {
margin: 0;
}

.pageoverflow input {
    background: #fff none repeat scroll 0 0;
    border: 0.01em solid #024780;
    width: 99%;
    padding: 0.5em 0em;
    border-radius: 1rem;
}

.pageoverflow input[type='text'] {
font-size: 1.2em;
    color: #024780;
}

.pageoverflow input[type='submit'] {
    background: rgba(0, 0, 0, 0) url(/images/lupa.png) no-repeat scroll 0 45% / 100% auto;
    border: medium none;
    opacity: 0.5;
    position: absolute;
    right: 3%;
    top: 15%;
    width: 7%;
}

.pageoverflow input[type='submit']:hover {
cursor: pointer;
opacity: 1;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

div#LeftMenu{
 background: #f3f2e9 none repeat scroll 0 0;
    clear: both;
    height: 100%;
    padding: 2% 0 2% 1%;
    width: 12%;
}

div#LeftMenuSimplePage {
    background: #f3f2e9 none repeat scroll 0 0;
    clear: both;
    height: 100%;
    padding: 1% 0 1% 1%;
    width: 9%;
    position: fixed;
    top: 132px;
    left: 0;
    z-index: 2;
}

div#LeftMenu ul, div#LeftMenuSimplePage ul{
margin: 0;
padding: 0;
}
div#LeftMenu ul li, div#LeftMenuSimplePage ul li{
list-style: none;
}
div#LeftMenu a, div#LeftMenuSimplePage a {
border-bottom: 0.01em solid #d5d5d5;
    color: #000;
    font-family: PT Sans,sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 2%;
    padding: 4% 0 1%;
    text-decoration: none;
    width: 100%;
display: block;
position: relative;
float: left;
}

div#LeftMenu a:hover {
background-color: #d10019;
    color: #fff;
    width: 98%;
padding: 4% 0 1% 2%;
transition: all 0.2s ease 0s;
}

div#LeftMenuSimplePage a:hover {
background-color: #d10019;
    color: #fff;
    width: 98%;
padding: 4% 0 1% 2%;
transition: all 0.2s ease 0s;
}

div#LeftMenu ul li a#aitem17, #LeftMenuSimplePage ul li a#aitem17 {
display: none;
}

div#LeftMenu .left-nav-banner .flexslider .slides li a.banner-link:hover {
background-color: transparent;
    width: 100%;
padding: 4% 0 1%;
margin: 0 0 2% 0;
}

div#LeftMenu .left-nav-banner .flexslider .slides li a img {
width: 100%;
}

div#LeftMenu a.currentpage {
background-color: #d10019;
    color: #fff;
    margin-bottom: 2%;
    padding: 4% 0 1%;
    width: 100%;
display: block;
position: relative;
float: left;
}

div#LeftMenu a.currentpage:hover {
background-color: #ff0422;
    width: 98%;
padding: 4% 0 1% 2%;
transition: all 0.2s ease 0s;
}

div#LeftMenuSimplePage a.currentpage {
background-color: #d10019;
    color: #fff;
    margin-bottom: 2%;
    padding: 4% 0 1%;
    width: 100%;
}

div#LeftMenuSimplePage a.currentpage:hover {
background-color: #ff0422;
    width: 98%;
padding: 4% 0 1% 2%;
transition: all 0.2s ease 0s;
}

div#contentWrapper{
padding: 2%;
    width: 83%;
}

.else-article-wrapper {
width: 80%;
padding: 1% 10%;
border-top: 0.01em solid #d5d5d5;
}

.else-article-wrapper-simplepage {
  border-top: 0.01em solid #d5d5d5;
    padding: 1% 5% 1% 14%;
    width: 80%;
}

.editor-column {
 float: right;
    margin: 0 0 2%;
    padding: 0;
    width: 56%;
}

.editorProperties {
width: 100%;
}

.editorPicture {
 border-radius: 50%;
    box-shadow: 0.1em 0.2em 0.1em #999;
    float: right;
    height: 9em;
    margin-right: 5%;
    overflow: hidden;
    width: 9em;
}
.editorPicture img {
width: 100%;
}

.editorPostdate {
color: #777;
    font-size: 0.7em;
    margin: 1.3% 2% 0;
}

.editorTitle {
  font-size: 1.8em;
    padding: 3% 2% 0;
    text-align: left;
width: 70%;
}

.editorTitle a {
text-decoration: none;
color: #000;
}

.editorTitle a:hover {
text-decoration: underline;
}

.editorContent {
color: #555;
    font-family: "PT Sans Caption", Arial, sans-serif;
    font-size: 1em;
    margin: 0 0 0 2%;
    padding: 1% 0;
    width: 75%;
}

.editorContent a {
text-decoration: none;
color: #000;
}

div#LeftColumn{
padding: 1% 2% 0 0;
    width: 42.5%;
}

.left-nav-banner {
 padding: 0% 10% 0% 0;
    width: 89%;
}

.left-nav-banner img {
width: 100%;
}

.colum-header {
border-bottom: 0.01em solid #d10019;
    color: #000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    margin: 0;
    padding-bottom: 0.3em;
    text-transform: uppercase;
    width: 100%;
}

.colum-header .archiv {
color: #000;
    float: right;
    font-size: 0.7em;
    margin-top: 0.7%;
}

.colum-header .archiv:hover {
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration: none;
color: #d10019;
}

div.LeftColumnNewsHolder, .text-colum{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
}

div#RightColumn{
padding: 1% 1.5% 0 1.5%;
    width: 25%;
float: right;
}

.right-colum-banner {
width: 100%;
margin-bottom: 10%;
margin-top: 10%;
}

.right-colum-banner img {
width: 100%;
}

div.NewsSummary{
border-bottom: 0.01em solid #d5d5d5;
    padding: 1% 0 1%;
    width: 100%;
}

div.NewsDate{
color: #777;
    font-size: 0.7em;
    letter-spacing: 0.05em;
    padding: 2% 2% 2% 0;
}

.NewsTitler {
width: 100%;
}

.NewsTitler a {
 color: #000;
    font-family: PT Sans, sans-serif;
    font-size: 1em;
}

.NewsTitler a:after {
content: "\2192";
float: right;
 color: #d10019;
margin-right: -2%;
}

.NewsTitler a:hover:after {
color: #000;
transition: all 0.3s ease 02;
}

div.ArticleCategories{
 background-color: #024780;
    border-radius: 0.4em;
    clear: both;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
    margin: 1% 3% 2% 0;
    padding: 1%;
    text-transform: uppercase;
}

.editor-header {
 background-color: #024780;
    border-radius: 0.4em;
    clear: both;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
margin: 0 2%;
    padding: 0.5%;
    text-transform: uppercase;
}

div.NewsMoreLink{
    bottom: 1%;
    position: absolute;
    float: right;
    width: 100%;
    margin: 1em 0 0 0;
}

div.NewsMoreLink a{
color: #777;
    font-size: 0.8em;
    padding: 2% 0 1%;
    text-align: right;
    width: 100%;
display: block;
position: relative;
float: right;
}

div.NewsMoreLinkeditor{
    width: 77%;
}

div.NewsMoreLinkeditor a{
color: #777;
    font-size: 0.8em;
    padding: 5% 0 1%;
    text-align: right;
    width: 100%;
display: block;
position: relative;
float: right;
}

/* div.NewsMoreLink a:after {
content: "\27A5";
   font-size: 1.4em;
    margin-left: 3%;
    margin-top: -1%;
float: right;
color: #d10019;
} */

div.NewsSummaryHolder{
width: 100%;
margin-top: 1em;
}

div.NewsImage{
width: 100%;
overflow: hidden;
}

div#MiddleColumn div.NewsImage{
clear: both;
    padding: 4% 0 2%;
    width: 100%;
}
div.NewsImage a {
width: 100%;
overflow: hidden;
}

div.NewsImage img{
width: 100%;
}

 .NewsImage a:hover > img {
width: 100%;
 -webkit-transform: scale(1.05);
 -moz-transform: scale(1.05);
 -o-transform: scale(1.05);
 transform: scale(1.05);
overflow: hidden;
} 

 .NewsImage a img {
 -moz-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 -webkit-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
} 

div.NewsSummaryText{
width: 58%;
}

div.RightNewsWrapper{
    padding: 5% 0;
    width: 100%;
}

.RightNewsWrapper .raiting .raitingColumn .SmallerNewsBox .NewsMoreLink {
display: block;
    float: left;
    position: relative;
    text-align: right;
    width: 100%;
}

.slidedown {
  /* height: 30em; */
    margin: 0 0 10%;
    overflow: hidden;
    padding: 5% 0;
    width: 100%;
display: none;
}

.top-ten-wrapper {
width: 100%;
padding: 5% 0;
/* border-bottom: 0.5em dotted #d5d5d5; */
}

/* #top {
bottom: 0;
    float: left;
    left: 50%;
    position: absolute;
    width: 4%;
cursor: pointer;
z-index: 1;
}

#top .arrowdown {
 border-bottom: 1em solid #d10019;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    float: right;
    height: 0;
    transform: rotate(180deg);
    width: 0;
}

#top .arrowdown:hover {
 border-bottom: 1em solid #000;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
transition: all 0.3s ease 0s;
} */

.top-ten-picture {
width: 40%;
}

.top-ten-picture a {
border: 0.01em solid #fff;
    border-radius: 50%;
    box-shadow: 0.1em 0.3em 0.2em #999;
    height: 8em;
    overflow: hidden;
    width: 8em;
display: block;
position: relative;
float: left;
}

.top-ten-picture a img {
   display: block;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

.top-ten-title {
width: 55%;
}

.top-seven {
font-size: 1.2em;
line-height: 120%;
margin: 0;
}

.top-ten-title a {
color: #000;
    font-size: 1.6em;
    text-decoration: none;
}

.top-ten-title a:hover {
text-decoration: underline;
}

.top-ten-summary {
color: #555;
    font-size: 0.85em;
    width: 55%;
}

.top-top-morelink {
left: 10%;
    position: absolute;
    top: 35%;
    width: 10%;
}

.top-top-morelink a {
text-decoration: none;
}

.top-top-morelink a:before {
content: '\2192';
color: #d5d5d5;
font-size: 4em;
}

.top-top-morelink a:hover:before {
color: #000;
transition: all 0.2s ease 0s;
}

div.NewsSummaryInFullText{
width: 58%;
}

div.prevblogarticle{
font-size: 0.8em;
float: left;
margin: 0.5em 0 0 0;
width: 25%;
}

div.prevblogarticle a, div.nextblogarticle a {
text-decoration: none;
color: #000;
width: 100%;
}

div.prevblogarticle a:before {
content: "\2190";
margin-right: 5%;
font-size: 1.4em;
}

div.prevblogarticle a:hover:before {
color: #d10019;
transition: all 0.3s ease 0s;
}

div.nextblogarticle{
    float: right;
    font-size: 0.8em;
    margin: 0.5em 0;
    width: 20%;
}

div.nextblogarticle a:after {
content: "\2192";
margin-left: 5%;
font-size: 1.4em;
}

div.nextblogarticle a:hover:after {
color: #d10019;
transition: all 0.3s ease 0s;
}

div.RightNewsWrapper div.NewsImage img{
width: 100%;
}

div.RightNewsWrapper div.NewsSummaryText{
font-size: 0.9em;
}

div#MiddleColumn{
background-color: #f3f2e9;
    border-left: 0.01em solid #d5d5d5;
    border-right: 0.01em solid #d5d5d5;
    padding: 1% 1.5%;
    width: 24%;
    overflow: hidden;
}

div#MainContentPages{
width: 80%;
padding: 1em 5%;
background: #fff3d2;
}

div.SmallerNewsBox{
    background-color: #fff;
    border-bottom: 0.01em solid #d5d5d5;
    padding: 0.5em 0;
}
div.LeftSubcolumn div.SmallerNewsBox div.NewsSummaryText{
 color: #000;
    font-family: Pt Sans Caption,sans-serif;
    font-size: 0.9em;
    width: 100%;
/* max-height: 7.4em; */
    overflow: hidden;
}

div.RightSubcolumn div.SmallerNewsBox div.NewsSummaryText {
    color: #000;
    font-family: Pt Sans Caption,sans-serif;
    font-size: 0.9em;
    width: 100%;
    max-height: 7.8em;
    overflow: hidden;
}

div.SmallerNewsBox div.SmallerNewsBox{
font-size: 0.7em;
background: none;
color: black;
}

div.FisrtNewsBox{
width: 100% !important;
}

div.FirstNewsBox div.NewsImage{
width: 100% !important;
}

div.FisrtNewsBox div.NewsSummaryText{
color: #000;
    font-family: Pt Sans Caption,sans-serif;
    font-size: 1.2em;
    width: 97%;
}

.LeftSubcolumn div.LeftBox{
float: left !important;
    height: 25em;
 /*   overflow: hidden; */
}

div.LeftBox:before {
 z-index: -1;
  position: absolute;
  content: "";
  bottom: 1em;
  left: 1em;
  width: 50%;
  top: 80%;
  max-width:100%;
  background: #777;
  box-shadow: 0 1em 0.8em #999;
  transform: rotate(-3deg);
}

 div.LeftBox:after {
 z-index: -1;
  position: absolute;
  content: "";
  bottom: 1em;
  width: 50%;
  top: 80%;
  max-width:100%;
  background: #777;
  box-shadow: 0 1em 0.8em #999;
  transform: rotate(3deg);
  right: 1em;
  left: auto;
}

div.RightSubcolumn div.RightBox{
float: right !important;
height: 25em;
/* overflow: hidden; */
}

div.detail-article-content div.LeftSubcolumn div.LeftBox {
float: left !important;
    height: 27em;
/*    overflow: hidden; */
}

div.detail-article-content div.LeftSubcolumn div.LeftBox div.NewsImage {
width: 100%;
height: 14em;
overflow: hidden;
}

div.detail-article-content div.RightSubcolumn div.RightBox div.NewsImage {
width: 100%;
height: 14em;
 overflow: hidden; 
}

div.detail-article-content div.LeftSubcolumn div.LeftBox div.NewsSummaryText {
 color: #000;
    font-family: Pt Sans Caption,sans-serif;
    font-size: 0.9em;
    max-height: 5em;
    overflow: hidden;
    width: 100%;
}

div.detail-article-content div.RightSubcolumn div.RightBox div.NewsSummaryText {
 color: #000;
    font-family: Pt Sans Caption,sans-serif;
    font-size: 0.9em;
    max-height: 5em;
    overflow: hidden;
    width: 100%;
}

div.detail-article-content div.RightSubcolumn div.RightBox {
float: left !important;
    height: 27em;
/*    overflow: hidden; */
}

div.RightBox:before {
    background: #777 none repeat scroll 0 0;
    bottom: 1em;
    box-shadow: 0 1em 0.8em #999;
    content: "";
    left: 1em;
    max-width: 100%;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}

div.RightBox:after {
    background: #777 none repeat scroll 0 0;
    bottom: 1em;
    box-shadow: 0 1em 0.8em #999;
    content: "";
    left: auto;
    max-width: 100%;
    position: absolute;
    right: 1em;
    top: 80%;
    transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}

div.AllCatsBlocks{
    margin: 1em 2%;
    width: 98%;
}

div.RubricsBox{
    background: #eeefff none repeat scroll 0 0;
    margin: 1em 0;
    width: 100%;
}

div.RubricsPicture{
width: 100%;
}

div.RubricsPicture img{
width: 100%;
}
div.RubricsSummaryText{
border-bottom: 0.01em dashed #d5d5d5;
    color: #555;
    margin-bottom: 4%;
    padding-bottom: 2%;
    width: 100%;
}

h2.Rubrics{
border-bottom: 0.01em solid #d10019;
    color: #000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    letter-spacing: 0.05em;
    margin: 0;
    padding-bottom: 0.3em;
    text-transform: uppercase;
    width: 100%;
}
div.SubColumnsHolder{
width: 100%;
}

div.LeftSubcolumn, div.RightSubcolumn{
width: 48%;
margin: 0 1%;
}

div.NewsSummaryText{
    width: 100%;
    line-height: 150%;
    margin: 0 0 1.4em 0;
/*    min-height: 4em;
    height: 4em;
    overflow: hidden; */
}
div.NewsSummaryText:hover{
transition: 0.4s all;
height: auto;

}

div.NewsSummaryText p {
margin: 0;
}

div#MainDetailsPageContent{
width: 80%;
margin-left: 5%;
}

div#MainDetailsPageContent div.NewsImage{
width: 50%;
clear: both;
}

div#MainDetailsPageContent div.NewsSummaryText{
width: 48%;
margin: 0 1%;
}
div#LeftBigColumn{
width: 67%;
}

img.MiddledNewsImg{
    display: inline;
    float: left;
    width: 100% !important;
}


a.ImagedLink{
display: block;
position: relative;
float: left;
width: 100% !important;
}

div.FirstTitler{
    display: block;
    float: left;
    margin-left: 2%;
    position: relative;
    width: 48%;

}

div.TabsHolder{
    width: 100%;
    margin: 3% 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.NewsTabItem {
    padding: .2em 0.6em;
    cursor: pointer;
    background: #024780;
    margin: 0%;
    color: #fff;
    border-radius: .3em;
}
div.NewsTabItem:hover {
    opacity: 0.7;
transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}
div.TabsHolder div.active{
    display: block !important;
    background: #d10019;
    color: #fff;
    margin: 0;
}
div.TabsHolder div.active:hover {
    opacity: 0.7;
transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}
div.TabsContentHolder{
width: 100%;
}
div.TabContentItem{
display: none;
}

div.TabsContentHolder div.active{
display: block !important;
}

/* start detail page */

.text-colum {
width: 100%;
}

.text-colum h2 {
width: 100%;
}

div#FullTextNewsHolder{
width: 100%;
}

.NewsFullText h4 {
background-color: #f3f2e9;
    color: #000;
    font-family: PT Sans,sans-serif;
    font-size: 1.2em;
    font-weight: 100;
    padding: 2%;
    width: 96%;
    margin: 1% 0 0;
    line-height: 120%;
}

.NewsFullText h5 {
width: 100%;
    font-size: 2rem;
    margin: 0;
    padding: 2% 0;
color: #024780;
}

.NewsFullText h2 {
width: 100%;
}

.NewsFullText h3 {
width: 100%;
font-size: 1.4em;
text-transform: uppercase;
margin: 1% 0;
}

.NewsFullText img {
width: 100%;
margin: 0% 0;
}

.NewsFullText .imgTextWrap {
    float: left;
    shape-outside: polygon();
    background-clip: content-box;
margin: 1% 1% 1% 0;
width: 40%;
}

.NewsFullText ol, ul {
width: 100%;
    padding: 0 0 0 2rem;
}

div.SummaryTitleLink{
font-family: PT Sans Caption,sans-serif;
    font-size: 1.4em;
font-weight: 700;
    padding: 1% 0;
    text-align: left;
    width: 100%;
}

.SummaryTitleLinkBigTitle {
font-family: PT Sans Caption,sans-serif;
    font-size: 2.4em;
    padding: 1% 0;
    text-align: left;
    width: 93%;
}

.SummaryTitleLinkBigTitle a {
text-decoration: none;
color: #000;
}

.SummaryTitleLinkBigTitle a:hover {
text-decoration: underline;
}

div.SummaryTitleLink a {
color: #000;
}

.detail-article-category {
background-color: #024780;
    border-radius: 0.4em;
    clear: both;
    color: #fff;
    font-size: 0.8em;
    font-weight: 100;
    margin: 1% 3% 0% 0;
    padding: .5% 1%;
    text-transform: uppercase;
}

.detail-title {
width: 100%;
padding: 3% 0;
}

.detail-title h2 {
    margin: 1% 0 0;
    font-size: 4em;
    font-weight: 100;
    line-height: 100%;
}

.detail-title h2 p {
margin: 0;
}

/* end detail page */

/* start footer */

#PreFooterContent {
width: 80%;
padding: 1% 10%;
background-color: #f3f2e9;
}

#PreFooterContentSimplePage {
width: 70%;
padding: 1% 15%;
background-color: #eee;
}

#footer {
width: 100%;
/*  background: rgb(223,223,223);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(223,223,223,1)));
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4); */
}

.left-footer-wrapper {
    width: 58%;
    padding: 0% 0 0 3%;
    border-left: 0.01em dashed #d10019;
    margin: 0 0 3% 0;
}

.logo {
    width: 40%;
    margin: 0% 0 2% 0;
    padding: 2% 60% 0 0;
}

.logo img {
width: 100%;
}

.newspaper-footer-info {
    width: 100%;
    font-size: 1em;
    color: #555;
}

.right-footer-wrapper {
    width: 30%;
    padding: 0% 0 0 3%;
    border-left: 0.01em dashed #d10019;
    margin: 0 0 3% 5%;
}

.footer-adress {
font-size: 1.2em;
color: #555;
}

.bottom-footer-wrapper {
width: 85%;
padding: 1% 0;
}

.copyright {
    width: 50%;
    padding: 1% 15%;
color: #555;
}

.metrika {
float: right;
width: 10%;
padding: 1% 0;
}

.liteinternet {
float: right;
width: 7%;
padding: 1% 0;
margin: 0 3% 0 0;
}

.footerSocialNetworks {
    padding: 0 1%;
    width: 18%;
    float: right;
}

.footerSocialNetworks a:first-child{
 background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 6% 10%;
    background-repeat: space;
    background-size: 13em auto;
}

.footerSocialNetworks a:nth-child(2) {
background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 64% 50%;
    background-repeat: space;
    background-size: 13em auto;
}

.footerSocialNetworks a:nth-child(3) {
background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 35% 10%;
    background-repeat: space;
    background-size: 13em auto;
}


.footerSocialNetworks a:nth-child(4) {
 background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 94% 10%;
    background-repeat: space;
    background-size: 13em auto;
}

.footerSocialNetworks a:nth-child(5) {
 background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/social.png");
    background-origin: padding-box;
    background-position: 64% 10%;
    background-repeat: space;
    background-size: 13em auto;
}

.social {
height: 2em;
    margin: 1%;
    width: 2em;
opacity: 0.8;
display: block;
position: relative;
float: left;
}

.social:hover {
opacity: 1;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.footer-navigate {
width: 82%;
}

.footer-navigate a {
 border-right: 0.01em solid #999;
    color: #000;
    padding: 0 1%;
    text-decoration: underline;
    text-shadow: 1px 1px 0 #fff;
}

.footer-navigate .border-none {
border: none;
}

.footer-navigate a:hover {
color: #d10019;
transition: all 0.2s ease 0s;
}

/* end footer */
div.CatsBlocks{
width: 100%;
 display: flex;
    margin: 0 0 2%;
}

div.CatsBlocks div.ThreeRubricsBox{
display: flex;
    flex-flow: column nowrap;
    margin: 1%;
    padding: 1%;
    width: 29%;
background-color: #f3f2e9;
}

div.CatsBlocks div.ThreeRubricsBox div.RubricsSummary{
width: 100%;
}


div.GotNews{
width: 40%;
}
div.obtainNewsForm{
 float: left;
    padding: 5% 25% 0;
    position: relative;
    width: 50%;
}

.feedback-platform {
padding: 1%;
background-color: #fff;
}

.feedback-platform h3 {
display: block;
    float: left;
    line-height: 160%;
    margin: 1% 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}

div.obtainNewsForm h2{
display: block;
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
div.obtainNewsForm div.unrequired, div.obtainNewsForm div.required{
background-color: #fff;
    padding: 1% 5%;
    width: 90%;
}
div.obtainNewsForm div.required input{
border: 0.01em solid #999;
    display: block;
    float: left;
    position: relative;
    width: 98%;
padding: 1%;
}
div.obtainNewsForm div.required textarea{
border: 0.01em solid #999;
    display: block;
    float: left;
    width: 100%;
}

div.obtainNewsForm div.captcha{
  background-color: #fff;
    color: #555;
    display: block;
    float: left;
    font-size: 0.8em;
    padding: 3% 5%;
    position: relative;
    width: 90%;
}

div.obtainNewsForm div.captcha input {
margin-top: 1%;
border: 0.01em solid #999;
}

div.captcha .captchapict {
border: 0.01em solid #999;
    display: block;
    float: left;
    height: auto;
    margin-right: 2%;
    position: relative;
    width: 16%;
}

div.NewNewsFormHolder{
 background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
z-index: 3;
}

div.closeButton{
 cursor: pointer;
    display: block;
    position: absolute;
    right: 24%;
    top: 6%;
    width: 1.5%;
    z-index: 9999;
}

div.closeButton img{
width: 100%;
display: block;
}

div.gotNewsQuestionButton{
    border: 0.01em solid #024780;
    color: #024780;
    cursor: pointer;
    margin-left: 0;
    padding: 0.5em 1em;
    text-align: center;
    width: 88%;
    border-radius: 1rem;
    font-size: 1.2em;
    font-weight: bold;
}

div.gotNewsQuestionButton:hover {
color: #000;
border: 0.01em solid #000;
transition: all 0.3s ease 0s;
}

.submit {
bottom: 7%;
    position: absolute;
    right: 27%;
    width: 8%;
}

.submit input {
width: 99%;
border: 0.01em solid #000;
background-color: #fff;
font-size: 1.2em;
cursor: pointer;
color: #000;
padding: 2%;
}

.submit input:hover {
border: 0.01em solid #d10019;
color: #d10019;
transition: all 0.3s ease 0s;
}

/* start samoreklama */

.samoreklama {
width: 79%;
padding: 1% 10%;
border-top: 0.01em solid #d5d5d5;
}

.samoreklama-simplepage {
 border-top: 0.01em solid #d5d5d5;
    padding: 1% 5% 1% 14%;
    width: 79%;
}

.rekl {
width: 100%;
}

.little-block {
width: 20%;
}

.little-block a {
width: 100%;
}

.little-block a img {
width: 100%;
}

.center-block {
width: 60%;
}

.center-block a {
width: 100%;
}

.center-block a img {
width: 60%;
}

table.rekl tbody {
width: 100%;
}

table.rekl tbody tr {
width: 100%;
}

table.rekl tbody tr td {
width: 26%;
}

table.rekl tbody tr td.big-banner {
width: 40%;
}

table.rekl tbody tr td a {
width: 96%;
padding: 2%;
display: block;
position: relative;
float: left;
}

table.rekl tbody tr td a img {
width: 100%;
}

/* end samireklama */

/* start flexslider */

.flexslider {
width: 100%;
}

.slides {
margin: 0;
padding: 0;
width: 100%;
}

.slides li > a {
width: 100%;
}

.slides li a img {
width: 100%;
}

/* end flexslider */

.downloadprice {
width: 85%;
padding: 1%;
text-align: center;
color: #fff;
background-color: #777;
float: right;
}

.downloadprice:hover {
background-color: #d10019;
transition: 0.2s;
text-decoration: none;
}
div.ya-share2{
clear: both;
    float: right;
    padding: 0 0 0%;
    width: 100%;
    position: absolute;
    top: 1em;
}

.ya-share2__container_size_m {
float: right;
}

.NewsSystemBlock {
width: 100%;
}
div.SearchResults{
width: 71%;
}

.citate {
width: 100%;
padding: 2% 0;
color: #d10019;
font-size: 1.2em;
}

.citate2 {
width: 100%;
padding: 2% 0; 
color: #024780;
font-size: 1.2em;
}

/* ### цитата с кавычкой ### */
.citate3 {
margin: 0;
color: #231E28;
padding: 10px 30px 30px 60px;
border-left: 8px solid #CBDDE7;
position: relative;
background: #FAF8EB;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
}
.citate3:before{
content: "\201C";
font-family: Arial;
color: rgb(2, 71, 128);
font-size: 24px;
position: absolute;
left: 15px;
top: 5px;
}
.citate3 p {
font-style: italic;
font-size: 24px;
margin-top: 0;  
}

.lawyeranswer {
    background-color: #f3f2e9;
    width: 94%;
    padding: 3%;
    margin: 2% 0 2% 0;
}

/* ### search begin ### */

.NewsTitleDetailsLink {
width: 100%;
padding: 1% 0;
}

.NewsTitleDetailsLink a {
font-size: 1.4em;
text-decoration: none;
color: #000;
}

.SearchResults .NewsSummary {
border-bottom: 0.01em solid #d5d5d5;
    padding: 1% 0;
    width: 80%;
}

.SearchResults .NewsSummary .NewsImage {
width: 15%;
}

.SearchResults .NewsSummary .NewsImage a img {
width: 100%;
}

.SearchResults .NewsSummary .NewsSummaryText {
width: 80%;
padding: 0 0 0 2%;
}

.PageNumberer {
width: 100%;
margin-bottom: 2em;
}

.PageNumberer a {
text-decoration: none;
color: #000;
padding: 0 1%;
}

.PageNumberer a:hover {
text-decoration: underline;
}

/* ### search end ### */

/* ### start search results ### */

#contentWrapperSimplepage .detail-article-content .text-colum .NewsSummary .NewsImage {
    width: 100%;
}

#contentWrapperSimplepage .detail-article-content .text-colum .NewsSummary .NewsSummaryText {
    padding: 3% 0 0;
    width: 100%;
}

/* ### end search results ### */



.NewsFullText img.citateFoto {
  border: 0.1em solid #fff;
    border-radius: 50%;
    box-shadow: 0.1em 0.2em 0.1em #999;
    height: 8em;
    margin: 0 5% 2% 0;
    overflow: hidden;
    width: 8em;
clear: both;
float: left;
}

.citateFoto img {
height: 106%;
    margin-top: -1%;
    width: 106%;
}

.directSpeech {
 color: #555;
    font-size: 1rem;
    font-style: italic;
width: 100%;
padding: 2% 0;

border-bottom: 0.3rem solid #024780;
    margin-bottom: 2rem;
}

.photodescr {
background-color: #eee;
    color: #000;
    font-size: 1em;
    font-style: italic;
margin: -4% 0 2%;
    padding: 1%;
    width: 98%;
}

.photodescr2 {
background-color: #eee;
    color: #000;
    font-size: 1em;
    font-style: italic;
margin: -4% 0 2%;
    padding: 1%;
    width: 98%;
}

.cicate-wrapper {
margin: 1% 0 2%;
    width: 100%;
}

.NewsBlockHolder {
width: 30%;
padding: 1%;
}

.PDFNav {
display: block;
    float: left;
    list-style-type: none;
    padding: 0;
    position: relative;
    width: 100%;
}



.PDFNav li {
 display: block;
    float: left;
    padding: 1% 0;
    position: relative;
    width: 100%;
margin: 1%;
}

.PDFNav li a {
display: block;
position: relative;
float: left;
color: #000;
width: 100%;
}

.PDFNav li a span {
width: 100%;
}

.PDFNav li a span:before {
content: "\2751";
margin: 0 5% 0 0;
color: #d10019;
}

.PDFNav li a:hover {
color: #d10019;
text-decoration: underline;
}

ul.PDFNav li a.parent {
width: 100%;
color: #000;
text-decoration: underline;
}

ul.PDFNav li a.parent:hover {
color: #d10019;
text-decoration: underline;
}

ul.PDFNav ul li{
background-color: #eee;
    display: block;
    float: left;
    padding: 1%;
    position: relative;
    width: 70%;
margin: 1% 0;
}

ul.PDFNav ul li a {
display: block;
position: relative;
float: left;
width: 100%;
color: #000;
}

ul.PDFNav ul li a span {
text-align: left;
    width: 100%;
    font-size: 0.9em;
    font-family: PT Sans, sans-serif;
}

ul.PDFNav ul li a:hover {
color: #d10019;
text-decoration: underline;
}

.back {
    width: 5%;
    text-align: center;
    display: block;
    position: relative;
    float: left;
    margin: 1% 0;
    opacity: 0.4;
}

.back img {
width: 100%;
}


.back:hover {
 opacity: 1;
}

.video-frame {
width: 100%;
height: 100%;
}

.video-frame iframe {
width: 760;
height: 400;
}

div.viewsNumber{
display: block;
float: right;
color: #999;
margin: 1% 0 0 0;
font-size: 0.8em;
opacity: 0;
}
.viewsEye{

padding-right: 0.3em;
padding-top: 0.2em;
}

.hiddenCounter{
display: none;
}

div.RightSubcolumn .fotoreport {
background-color: #eee;
}

div.RightSubcolumn .fotoreport div.ArticleCategories {
    background-color: #d10019;
    border-radius: 0.4em;
    clear: both;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
    margin: 1% 3% 5% 0;
    padding: 1%;
    text-transform: uppercase;
}

.LeftSubcolumn .fotoreport {
background-color: #eee;
}

div.LeftSubcolumn .fotoreport div.ArticleCategories {
    background-color: #d10019;
    border-radius: 0.4em;
    clear: both;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
    margin: 1% 3% 5% 0;
    padding: 1%;
    text-transform: uppercase;
}

div.LeftColumnNewsHolder .fotoreport {
background-color: #eee;
}

div.LeftColumnNewsHolder .fotoreport div.ArticleCategories {
    background-color: #d10019;
    border-radius: 0.4em;
    clear: both;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
    margin: 1% 3% 5% 0;
    padding: 1%;
    text-transform: uppercase;
}

/* ### text gallery start ### */


.newsFulltextGallery, .gallery, .img, .img a, .img a img {
width: 100%;
}

.newsFulltextGallery .gallery .img a {
display: block;
position: relative;
float: left;
}

.newsFulltextGallery .gallery .img a:hover > img {
    opacity: 0.7;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.newsFulltextGallery .gallery h3 {
    background-color: #f3f2e9;
    color: #000;
    font-family: PT Sans,sans-serif;
    font-size: 2em;
    font-weight: 100;
    padding: 3%;
    width: 94%;
    margin: 1% 0;
}

/* ### text gallery end ### */


.TabHolder{
width: 100%;
}

.TabHolder {
margin: 3% 0 0 0;
}

.Stats{
    background: #eee;
    padding: 4%;
    margin: 0 0 10% 0;
width: 92%;
}

.Stats h2 {
border-bottom: 0.01em solid #d10019;
    color: #000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    margin: 0;
    padding-bottom: 0.3em;
    text-transform: uppercase;
    width: 100%;
}

.hidden{
display: none;
}

div.TabButton {
    padding: 0.3em 0.75em;
    cursor: pointer;
    margin: 1% 1%;
color: #fff;
background: #024780;
}

div.TabButton:hover {
    opacity: 0.7;
transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

div.TabHolder div.active {
display: block !important;
    background: #d10019;
    color: #fff;
    margin: 1% 1%;
}

div.TabHolder div.active:hover {
    opacity: 0.7;
transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

.Stats table tbody tr:nth-child(odd) {
background-color: #fff;
}

.Stats table tbody tr th.viewsEye {
    display: block;
    float: left;
    color: #000;
    margin: 1% 0 0 0;
    width: 100%;
    text-align: center;
}

.Stats table tbody tr td {
font-weight: bold;
}

.Stats table tbody tr td:nth-child(2) {
font-weight: bold;
text-align: center;
}

.Stats table tbody tr td a {
display: block;
position: relative;
float: left;
width: 96%;
color: #000;
padding: 2%;
}

.tableStats tbody{
    width: 100%;
    display: table;
}
/* start zoom */

		.zoom {
			display:inline-block;
			position: relative;
		}
		
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url("/images/icon.png");
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url("/images/zoom-in.cur"), default; }
		#ex2 img:active { cursor: url("/images/zoom-in.cur"), default; }
                #ex3 img:hover { cursor: url("/images/zoom-in.cur"), default; }
		#ex3 img:active { cursor: url("/images/zoom-in.cur"), default; }

/* end zoom */

/* start before after */

.NewsFullText .ba-slider img, .NewsFullText .ba-slider-01 img, .NewsFullText .ba-slider-02 img, .NewsFullText .ba-slider-03 img, .NewsFullText .ba-slider-04 img, .NewsFullText .ba-slider-05 img, .ba-slider-06 img, .ba-slider-07 img, .ba-slider-08 img, .ba-slider-09 img, .ba-slider-10 img, .ba-slider-11 img, .ba-slider-11 img, .ba-slider-12 img, .ba-slider-13 img, .ba-slider-14 img, .ba-slider-15 img, .ba-slider-16 img, .ba-slider-17 img, .ba-slider-18, .ba-slider-19, .ba-slider-20, .ba-slider-21, .ba-slider-22, .ba-slider-23, .ba-slider-24, .ba-slider-25, .ba-slider-26, .ba-slider-27 {
    overflow: hidden;
}


.NewsFullText .ba-slider img, .NewsFullText .ba-slider-01 img, .NewsFullText .ba-slider-02 img, .NewsFullText .ba-slider-03 img, .NewsFullText .ba-slider-04 img, .NewsFullText .ba-slider-05 img, .ba-slider-06 img, .ba-slider-07 img, .ba-slider-08 img, .ba-slider-09 img, .ba-slider-10 img, .ba-slider-11 img, .ba-slider-11 img, .ba-slider-12 img, .ba-slider-13 img, .ba-slider-14 img, .ba-slider-15 img, .ba-slider-16 img, .ba-slider-17 img, .ba-slider-18 img, .ba-slider-19 img, .ba-slider-20 img, .ba-slider-21 img, .ba-slider-22 img, .ba-slider-23 img, .ba-slider-24 img, .ba-slider-25 img, .ba-slider-26 img, .ba-slider-27 img {
width: 100%;
margin: 0;
}

.handle { /* Thin line seperator */
  position:absolute; 
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
 
  background: rgba(0,0,0,.5);
  cursor: ew-resize;
}
 
.handle:after {  /* Big orange knob  */
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
 
    content:'\21d4';
    color:white;
    font-weight:bold;
    font-size:36px;
    text-align:center;
    line-height:64px;
 
    background: #ffb800; /* @orange */
    border:1px solid #e6a600; /* darken(@orange, 5%) */
    border-radius: 50%;
    transition:all 0.3s ease;
    box-shadow:
      0 2px 6px rgba(0,0,0,.3), 
      inset 0 2px 0 rgba(255,255,255,.5),
      inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/ 
}

.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height:48px;
    font-size:30px;
}

/* end before after */


#CcounterHolder, #StatisticsBox {
width: 100%;
}

/* start raiting */

#rating {
    width: 100%;
    text-align: center;
}
#rating div { 
float: left; 
}

#rating p { 
margin: 0; padding: 0; 
}

.param {
    width: 110px;
    margin: 0 20px 0 0;
    text-align: right;
}

.param, .rating, #summ { 
line-height: 28px; 
}

.stars, #sum_stars { 
background-image: url("/uploads/images/stars.png"); 
}
.stars, #sum_stars, .progress, #sum_progress {
    width: 130px;
    height: 28px;
    cursor: pointer;
}
.progress { 
background: #FFEE00; 
}

#sum_progress { 
background: #00EE00; 
}

.rating, #summ {
    margin: 0 0 0 20px;
    font-weight: bold;
}

/* end raiting */

.LeftBox{
    width: 47% !important;
    margin: 1em 2em 1em 0;
}

.RightBox{
width: 47% !important;
    margin: 1em 0;
}

.SmallerNewsBox .SummaryTitleLinkBigTitle{
/* font-size: 1.2em;
    height: 2.5em;
    overflow: hidden;
    line-height: 120%; */
    font-size: 1.4em;
    font-weight: 700;
    margin: 0 0 2% 0;
}

/* #LeftColumn .SmallerNewsBox{
    height: 23em;
} */
#LeftColumn .SmallerNewsBox:hover, #LeftColumn .SmallerNewsBox:hover .NewsSummaryText{
transition: 0.4s all;
height: auto;
}
#RightColumn .raitingColumn .SmallerNewsBox{
width: 100% !important;
    margin: 0% 0 5% 0 !important;
}

/* .likeArticle {
    background-color: #f3f2e9;
    margin: 1%;
    padding: 1%;
    position: absolute;
    right: -67%;
    top: 0%;
    width: 60%;
    z-index: 1;
}

.fixed-scroll-block {
width: 28%;
    z-index: 9999;
    top: 2%;
    right: 4.2%;
    position: fixed;
    margin: 1%;
    padding: 1%;
}

.likeArticle h2 {
border-bottom: 0.01em solid #999;
    font-size: 1.4em;
font-weight: 100;
}

.likeArticle div {
width: 100%;
    color: #777;
    font-size: 0.7em;
    letter-spacing: 0.05em;
    padding: 2% 2% 2% 0;
    border-bottom: 0.1em dotted #999;
}

.likeArticle div a {
width: 100%;
font-size: 1.4em;
    font-weight: 700;
 margin: 0 0 0 2%;
}

.likeArticle div img {
    width: 20%;
    display: block;
    position: relative;
    float: left;
    padding: 2% 2% 2% 0;
}

.likeArticle div p {
    font-size: 1.2em;
    color: #000;
    margin: 2% 0 0 0;
    letter-spacing: 0em;
} */


#MiddleColumn .NewsImageWithPicture {
    width: 47%;
clear: both;
    margin: 0 3% 0 0%;
}

#MiddleColumn .NewsImageWithPicture a, .NewsImageWithPicture a img {
width: 100%;
}

#MiddleColumn .NewsTitlerWithPicture {
width: 46%;
}

#MiddleColumn .NewsTitlerWithPicture a {
    color: #000;
    font-family: PT Sans, sans-serif;
    font-size: 1em;
} 

/* ### start blogs ### */

.blogs {
width: 78%;
    padding: 1% 11%;
}

.blog-holder {
    width: 17%;
    padding: 1%;
    margin: 3% 1% 3% 0;
}

.blog-holder a {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-decoration: none;
    margin: 5% 0 5% 0;
}

.blog-holder a:hover {
transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
opacity: 0.7;
}

.blog-holder a:hover > h3, .blog-holder a:hover > h4 {
    text-decoration: underline;
}

.blog-picture-holder {
    width: 10em;
    height: 10em;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 0% 15%;
    box-shadow: 0.1em 0.1em 0.3em #888;
}

.blog-picture-holder img {
width: 100%;
}

.blog-holder a h3, .blog-holder a h4 {
width: 100%;
text-align: center;
margin: 2% 0;
}

.blog-holder a h3 {
color: #d10019
}

.blog-holder a h4 {
color: #888;
}

.blog-holder p {
    margin: 0;
    color: #888;
    display: block;
    position: relative;
    float: left;
}

/* Sanchez */

/*ссылка в анонсах*/
#link__anons {
display: inline;
font-size: 1.2em;
font-weight: 700;
clear: none;
float: none;
}

/*стиль врезка-цифра*/
.number {
        display: flex;
float: right;
        flex-direction: column;
        width: 30%;
        border: 2px solid rgb(207, 207, 207);
        padding: 20px;
        margin: 20px 0 20px 20px;
        font-family: 'PT Sans', sans-serif;

    }

    .number__title {
        font-weight: 700;
        font-size: 24px;
        margin: 0;
        padding: 5px;
        background-color: yellow;
    }

.number__subtitle {
    margin: 1vh 0 0;
    font-weight: bold;
    color: #555;
}

    .number__digit {
        width: max-content;
        font-weight: 700;
        font-size: 44px;
        margin: 30px 0 10px;
        background-image: linear-gradient(transparent 0%, transparent 50%, #d1ffff 50%, #d1ffff 100%);
    }

    .number__text {
        margin: 0;
font-size: 16px;
    }




.red {
color: #d10019;
}

.img-mobile {
      display: none;
  }
.img-desktop {
      display: block;
  }

/* фото с обтравкой справа */
.img-right {
    width: 40%;
margin: 2% 0 2% 2%;
    float: right;
}

.img-center {
    width: 100%;
margin: 2% 0 2% 2%;
    float: right;
}

/* фото с обтравкой слева */
.img-left {
    width: 40%;
margin: 2% 2% 2% 0;
    float: left;
}

.spiker {
    width: 15%;
border-radius: 50%;
margin: 0 10px 2% 0;
    float: left;
}

/* фото спикера на подложке */
.mnenie {
    width: 15%;
margin: 10px 10px 0% 0;
    float: left;
}

.mnenie-right {
    width: 15%;
margin: 0 0 2% 10px;
    float: right;
}

.mnenie-image {
  border-radius: 50%;
}


.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 1fr;
width: 100%;
    column-gap: 16px;
    row-gap: 16px;
    margin: 2% auto 2% auto;
}

.photo-grid__item {
    width: 100%;
    object-fit: cover;
}


 mark {
    background: RGB(255, 255, 255, 0);;
    color: #d10019;
   }

.zodiac {
height: 3.5em;
width: 3.5em;
top: 10px;
overflow: hidden;
clear: both;
}


.vrez {
    font-weight: bold;
    font-style: italic;
    border-width: 2px;
    border-style: dashed none;
    width: 94%;
    padding: 3%;
    margin: 2% 0 2% 0;
}

.author {
border-width: 1px;
border-top-style: solid;
color : black;
width: 100%;
margin-top: 20px;
text-align: right;
font-weight: bold;
font-style: italic;
}

.container {
    position: relative;
    width: 100%;
height: 27em;
    overflow: hidden;
    margin-top: 1vh;
  }

.container-desktop {
    display: none;    
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 75%; /* 16:9 Aspect Ratio */
  }
  
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

.vedom-tab {
  border-collapse: collapse;
  border-spacing: 0px;
  font-family: PT Sans, Arial, sans-serif;
  font-weight: normal;
  font-size: 1vw;
  line-height: 1.2vw;
  margin-bottom: 24px;
  margin-top: 16px;
  width: 100%;
}

.vedom-head {
 font-size: 1.4vw;
 line-height: 1.6vw;
}

.vedom-tab caption {
  text-align: left;
  margin: 12px 0px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.vedom-caption {
  font-family: PT Sans, Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  margin: 36px 0px 6px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.vedom-tab td {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: rgb(2, 71, 128);
  padding: 4px 4px;
  font-size: 15px;
  line-height: 16px;
  text-align: left;
  vertical-align: middle;
}
.vedom-tab th {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: rgb(2, 71, 128);
  padding: 4px 4px;
  max-width: 150px;
  text-align: center;
  vertical-align: middle;
}
.vedom-tab thead {
  font-weight: bold;
color: white;
  background-color: rgb(2, 71, 128);
}
.vedom-tab tbody tr:hover td {
  background-color: rgb(223, 231, 242);
}

.vedom-tab tr:hover strong {
  color: #0088cc;
  }

/ *Sanchez */


div#LeftMenu a#aitem16, div#LeftMenuSimplePage a#aitem16 {
display: block;
}

/* ### end blogs ### */

#MiddleColumn .NewsImageWithPicture {
    width: 47%;
clear: both;
    margin: 0 3% 0 0%;
}

#MiddleColumn .NewsImageWithPicture a, .NewsImageWithPicture a img {
width: 100%;
}

#MiddleColumn .NewsTitlerWithPicture {
width: 46%;
}

#MiddleColumn .NewsTitlerWithPicture a {
    color: #000;
    font-family: PT Sans, sans-serif;
    font-size: 1em;
} 

.attention {
background: #888;
    padding: 0% 0 2%;
margin: 3% 0;
}

#MiddleColumn .attention .NewsTitlerWithPicture a, #MiddleColumn .attention .NewsDate, .attention .NewsTitler a {
color: #fff;
}

#MiddleColumn .attention .NewsTitlerWithPicture a {
font-weight: 700;
}

#MiddleColumn .attention .viewsEye, #MiddleColumn .attention .fa-eye:before, #MiddleColumn .attention .viewsNumber {
color: #fff;
}

#MiddleColumn .attention .NewsTitler a:after {
content: "";
}

#top {
    bottom: 0;
    right: 1%;
    position: fixed;
    width: 2%;
    cursor: pointer;
    z-index: 9999;
    opacity: 1;
}

#top .arrowup {
width: 100%;
}

#top a.arrowup img {
width: 100%;
}

/* ### redesign ### */

#contentWrapperSimplepage {
    padding: 2% 2% 2% 12%;
    width: 86%;
    display: flex;
    justify-content: space-between;
}

#MiddleColumnSimplePage {
background-color: #f3f2e9;
    border-left: 0.01em solid #d5d5d5;
    border-right: 0.01em solid #d5d5d5;
    padding: 1% 1%;
    width: 23%;
float: left;
    overflow-y: scroll;
}

#MiddleColumnSimplePage .NewsDate {
    width: 90%;
}

#MiddleColumnSimplePage .viewsNumber {
display: flex;
width: 8%;
}

#MiddleColumnSimplePage .NewsImageWithPicture  {
    width: 42%;
    clear: both;
    margin: 0 2% 0 0;
}

#MiddleColumnSimplePage .NewsTitlerWithPicture {
    width: 56%;
}

#MiddleColumnSimplePage .NewsImageWithPicture a img {
border-radius: .3em;
}

#MiddleColumnSimplePage .NewsTitlerWithPicture a {
/*
    display: contents;
*/
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-weight: 100;
    font-size: 1em;
    line-height: 110%;
}

#MiddleColumnSimplePage .NewsSummary {
    padding: 1% 0 1%;
    width: 100%;
    margin: 1% 0 1%;
border-bottom: none;
}

#MiddleColumnSimplePage .NewsTitlerWithPicture a:hover {
opacity: .3;
-webki-transition: .3s;
transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
}

.overlay {
    width: 24%;
    height: 8rem;
    position: absolute;
    bottom: .1%;
    right: 1%;
background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/*
 *  SCROLLBAR STYLE
 */

#MiddleColumnSimplePage::-webkit-scrollbar-track
{
	background-color: #f1f1f1;
}

#MiddleColumnSimplePage::-webkit-scrollbar
{
	width: 3%;
	background-color: #f1f1f1;
}

#MiddleColumnSimplePage::-webkit-scrollbar-thumb
{
	background-color: #999;
	border: 1px solid #f1f1f1;
}

.detail-article-content {
    width: 73%;
    font-size: 1.2em;
}

div.NewsFullText{
font-size: 1.2em;
    text-align: left;
}

div.NewsFullText p {
    line-height: 140%;
    margin: 2% 0 0;
}

/* start news_array_after fulltext news */

.next_article, .news_array_category, .news_array_picture a, .news_array_picture a img {
width: 100%;
}

.next_article h2 {
width: 96%;
}

.news_array_picture a img {
border-radius: .5em;
}

.dont_stop_reading {
padding: 2%;
margin: 0;
    font-size: 1.4vw;
    color: #fff;
    font-family: PT Sans, sans-serif;
    line-height: 91%;
    font-weight: 700;
    background: #024780;
    text-align: center;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.news_array_wrapper {
width: 92%;
    padding: 1% 4%;
}

.news_array_wrapper .NewsDate {
width: 100%;
}

.news_array_wrapper:nth-child(1){
display: none;
}

.news_array_wrapper:nth-child(odd) {
background: #eee;
}

.news_array_wrapper:nth-child(odd) > .news_array_title a {
color: #d10019;
}

.news_array_wrapper:nth-child(odd) > .news_array_title a:hover {
transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
opacity: .7;
}

.news_array_wrapper:nth-child(even) {
background: #f3f2e9;
}

.news_array_picture {
    width: 40%;
    display: inline-block;
    margin: 0 2% 0 0%;
}

.news_array_title {
font-family: PT Sans, sans-serif;
    font-size: 1.6vw;
    line-height: 100%;
    font-weight: 700;
    width: 58%;
    margin: 0 0 2% 0;
    display: inline-block;
}

.news_array_title a {
text-decoration: none;
    color: #000;
    margin: 0 0 2% 0;
    display: contents;
    width: 100%;
}

.news_array_title a:hover {
transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
color: #999;
}

.news_array_summary {
    margin: 0;
    display: contents;
}

.news_array_summary p {
    font-family: PT Sans, sans-serif;
    line-height: 120%;
    font-size: 1.2vw;
  /*  display: contents; */
}

.news_array_summary p img {
    width: 40%;
    display: inline-block;
    position: relative;
    float: left;
    margin: 1% 2% 0% 0;
}

.th_article {
    width: 48%;
margin: 0 4% 2% 0;
    float: right;
    border-top: .2em solid #024780;
    padding: 0% 0% 0% 0;
    border-left: .01em solid #f5f5f5;
    border-right: .01em solid #f5f5f5;
    border-bottom: .01em solid #f5f5f5;
}

.th_article h3{
    background: #eee;
    padding: 2% 0% 2% 4%;
    font-size: .8em;
    letter-spacing: .2em;
    margin: 0;
width: 95.9%;
color: #024780;
}

.th_article_link {
    width: 92%;
    margin: 4%;
}

.th_article_link a {
    display: contents;
    position: relative;
    float: left;
    cursor: pointer;
    color: #000;
}

.th_article_link a:hover {
text-decoration: underline;
}

.th_article_link img {
     margin: 0 4% 0 0;
    width: 40%;
    display: inline-block;
    position: relative;
    float: left;
}

.th_article_link h4 {
background: none;
    font-size: 1em;
    font-weight: 700;
    display: contents;
    padding: 0;
    margin: 0;
    line-height: 90% !important;
}

.th_article_link p {
    font-size: .8em;
    color: #999;
    margin: 2% 0 0 0 !important;
}


.likeArticle {
    background-color: #777;
    margin: 1% 0 1% 0;
    padding: 2%;
    width: 96%;
    border-radius: .3em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fixed-scroll-block {
width: 28%;
    z-index: 9999;
    top: 2%;
    right: 4.2%;
    position: fixed;
    margin: 1%;
    padding: 1%;
/* transition: 0.8s ease-in-out; */

}

.likeArticle h2 {
    font-size: 1.4vw;
    margin-top: 0;
    color: #f1f1f1;
    text-shadow: 0.1em 0.1em 1em #000;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.likeArticle div {
    width: 48%;
    color: #f1f1f1;
    letter-spacing: 0.05em;
margin: 0 0 3% 0;
}

.likeArticle div a {
width: 100%;
    font-size: 2em;
    font-weight: 700;
    clear: both;
    display: inline-block;
    position: relative;
    float: left;
    color: #f1f1f1 !important;
    font-family: PT Sans, sans-serif;
    line-height: 100%;
}

.likeArticle div a:hover {
text-decoration: none;
cursor: pointer;
opacity: .7;
transition: .3s;
-webkit-transition: .3s;
}

.likeArticle div img {
width: 100%;
    display: block;
    position: relative;
    float: left;
    margin-top: .5em;
    border-radius: .3em;
    box-shadow: 0.1em 0.1em 1em #555;
}

.likeArticle div p {
    font-size: 1.2em;
    color: #f1f1f1;
    margin: 2% 0 0 0;
    letter-spacing: 0em;
    font-family: PT Sans, sans-serif;
    line-height: 120%;
}

.likeArticle div p a {
font-size: inherit !important;
}

.th_article {
    width: 48%;
margin: 0 4% 2% 0;
    border-top: .2em solid #024780;
    padding: 0% 0% 0% 0;
    border-left: .01em solid #f5f5f5;
    border-right: .01em solid #f5f5f5;
    border-bottom: .01em solid #f5f5f5;
}

.th_article h3{
    background: #eee;
    padding: 2% 0% 2% 4%;
    font-size: .8em;
    letter-spacing: .2em;
    margin: 0;
width: 95.9%;
color: #024780;
}

.th_article_link {
    width: 92%;
    margin: 4%;
}

.th_article_link a {
    display: contents;
    position: relative;
    float: left;
    cursor: pointer;
    color: #000;
}

.th_article_link a:hover {
text-decoration: underline;
}

.th_article_link img {
     margin: 0 4% 0 0;
    width: 40%;
    display: inline-block;
    position: relative;
    float: right;
}

.th_article_link h4 {
background: none;
    font-size: 1em;
    font-weight: 700;
    display: contents;
    padding: 0;
    margin: 0;
    line-height: 90% !important;
}

.th_article_link p {
    font-size: .8em;
    color: #999;
    margin: 2% 0 0 0 !important;
}

/* ### redesign end ### */

.fresh-newspaper {
width: 98%;
}

.fresh-newspaper a img {
width: 100%;
}

.NewsFullText img.VertFoto {
width: 30%;
    float: left;
    margin-right: 2%;
}

.prettyPhotoWrapperImage {
display: flex;
    flex-wrap: wrap;
    align-items: center;
width: 100%;
}

.prettyPhotoWrapperImage .img {
    width: 20%;
    margin: 0;
    height: auto;
    padding: 0;
}

.prettyPhotoWrapperImage .img a {
    display: inline-block;
    border: none;
    outline: none;
    padding: 0;
}

.prettyPhotoWrapperImage .img a:hover > img {
transition: 0.3s;
opacity: .7;
}
.prettyPhotoWrapperImage .img a img {
width: 100%;
height: 100%;
}

.citate4 {
font-size: 24px;
    font-weight: bold;
    color: #d10019;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px;
    background-color: #f3f2e9;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
}

ul.listStyle01 {
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    float: left;
}

.NewsFullText ul.listStyle01 ul {
padding: 1vh 0 1vh 0rem;
    width: 96%;
}

ul.listStyle01 li {
            background-color: #ffffff;
            margin-bottom: 10px;
            padding: 15px;
            border-left: 5px solid #3498db;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
    display: block;
}

        ul.listStyle01 li:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        ul.listStyle01 li strong {
            color: #e67e22;
        }

        ul.listStyle01 li::before {
            content: "•";
            color: #3498db;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }

ol.listStyle02 {
            counter-reset: my-counter;
            list-style-type: none;
            padding: 0;
}

ol.listStyle02 li {
            background-color: #ffffff;
            margin-bottom: 15px;
            padding: 15px 20px 15px 80px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            position: relative;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        ol.listStyle02 li:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        ol.listStyle02 li::before {
            counter-increment: my-counter;
            content: counter(my-counter);
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            font-weight: bold;
            color: #ffffff;
            background-color: #e74c3c;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        ol.listStyle02 li:nth-child(1)::before {
            background-color: #e74c3c; /* Красный для первого места */
        }

        ol.listStyle02 li:nth-child(2)::before {
            background-color: #e74c3c; /* Оранжевый для второго места */
        }

        ol.listStyle02 li:nth-child(3)::before {
            background-color: #e74c3c; /* Зеленый для третьего места */
        }

        ol.listStyle02 li span {
            display: block;
            margin-left: 10px;
            font-size: 16px;
            color: #555;
        }

/* ######## table wrapper start ####### */

    .table-wrapper {
  display: block;
  width: 100%;
  margin: 20px 0;
  overflow-x: auto;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  clear: both; /* <-- Важно */
}

    .table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
    }

    .table-wrapper thead {
      background-color: #4a90e2;
      color: white;
    }

    .table-wrapper th, .table-wrapper td {
      padding: 14px 18px;
      text-align: left;
    }

    .table-wrapper tbody tr:nth-child(even) {
      background-color: #f0f4fa;
    }

    .table-wrapper tbody tr:hover {
      background-color: #e6effc;
    }

    .table-wrapper td.calc {
      font-size: 0.95em;
      color: #555;
    }

    @media (max-width: 600px) {
      .table-wrapper th, .table-wrapper td {
        font-size: 0.9rem;
        padding: 10px;
      }
    }

/* ######## table wrapper end ####### */
