/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/***********************************/
@media screen and (max-width:1100px)  {
    #toolbar-administration{ display: none!important;}
    .admin-toolbar-control-bar{ display: none!important;}
    body {
        margin-left: 0px!important;
        padding: 0!important;
    }
    .top-bar { display: none!important;}
    
}
@media screen and (max-width:900px)  {
    .h-promo { height: auto;}
    .h-promo .h-anonses { flex-wrap: wrap;}
    .h-promo .h-icons { width: 100%; margin: 0 0 20px 0;}
    .h-promo .h-icons-tags { display: none;}
    .h-promo .h-links { width: 100%;}
    .h-promo .h-icons-text {display: none;}
    .h-promo .h-icons-text br { display: inline-block;}

    .anons-body .node-header { flex: 0 0 100%; width: 100%; }
    .anons-body .field-name-body {flex: 0 0 100%; max-height: 900px; overflow: hidden; position: relative; padding-bottom: 20px;}
    .anonses .node-title { font-size: 100%!important; -webkit-line-clamp: 3; margin: 10px 0 20px; height: 65px;}
    .anonses .node-text { font-size: 80%!important; -webkit-line-clamp: 3;}

}


@media screen and (max-width:750px)  {
    .mobile { display: block!important;}
    .mobile-inline { display: inline-block!important;}
    
    .desktop { display:none!important;}
    .desktop-inline { display:none!important;}
    

    html,body { 
        background-color:#FFF;  color: #000; /*main color*/ font-weight: 300; margin: 0px; padding: 0px;
        /**/
        padding: 0!important;
        width: 640px; overflow-x: hidden;
        margin: 0px auto;
        font-size:24px;
    }

    a {/*color:#e67e00;*/ color: unset;}
    a:hover, a:focus{ opacity:0.8; color:unset;}
    .w100px {
        width: 100px;
    }

    h1, .h1 { font-size: 40px; }
    h2, .h2 { font-size: 35px; }
    h3, .h3 { font-size: 32px; }
    h4, .h4 { font-size: 30px; }
    h5, .h5 { font-size: 30px; }
    h6, .h6 { font-size: 26px; }


    .gray-icons { 
        background-position: 0 0; background-repeat: no-repeat; background-image: url(../images/gray-icons-m.png);  
        display: inline-block; font-size: 0px; width:52px; height: 52px;}

    .main-container.container { 
        background-color:#fff; min-height: 600px; padding: 0px 0px; 
        /**/
        width: 640px; /*overflow-x: hidden;*/ } 

    .row { margin-left:0px; margin-right:0px;}

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }


    iframe { max-width:100%;}
    .map iframe { width:100%;}

    #go-top { position:fixed; bottom:250px; right:30px; width:100px; height:100px; opacity:0.6;  font-size:0px; line-height:0px; font-weight:900; text-align:center; cursor:pointer; display:none; background-image:url('/img/3/gotop.png'); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; z-index:5;}

    header.navbar.container {
        width:100%!important;
        max-width: 100%!important;
         
        margin: 0px;
        padding: 0px;
        border-color: transparent;
        border: none;
        padding-bottom: 20px;
        /**/
        min-width:640px!important;
    }
    header.navbar .navbar-header { 
        float:none;
        margin-right: -0px; 
        margin-left: -0px;
    }
    header.navbar .region {}


    .h-promo .h-anonses { padding: 0 10px;}
    .h-promo .h-icons { padding-right: 30%;}
    .h-promo .h-icons-tags { display: none;}
    .h-promo .h-links { width: 100%;}
    .h-promo .h-icons-text {display: none;}
    .h-promo .h-icons-text br { display: inline-block;}

    .h-links .node-link {z-index: 2; right: 0; left: 0; top: unset; bottom: 0; width: auto; min-width: unset; height: 30%; padding: 0px 60px 0; background-color: #ffffffdd; color: #000; font-size: 24px; line-height: 28px; text-decoration: none!important; display: flex; align-items: center; justify-content: center; text-align: left;}
    .h-links .node-title { font-size: 33px!important; line-height: 1!important; -webkit-line-clamp: 3;}
    .h-links .node-text { display: none; }
    .h-links .node-tags {display: none;}
    .h-links .slick-dots {margin: -10px auto 0;}
    .h-links .slick-dots li { margin: 8px;}
    .h-links .slick-dots button { width: 20px; height: 20px; }
    
    .gray-icons.fb-icon{ background-position: 0 0; position: absolute; top:6px; right: 80px; visibility: hidden;}
    .gray-icons.vk-icon{ background-position: -204px 0; position: absolute; top:6px; right: 80px; }
    .gray-icons.dz-icon{ background-position: -136px 0; position: absolute; top:6px; right: 140px; }
    .gray-icons.tg-icon{ background-position: -68px 0; position: absolute; top:6px; right: 20px;}  


    .srch-icon-black {
        background-position: 1px 1px;
        background-repeat: no-repeat;
        background-image: url(../images/loop2.png);
        background-size: 90%;
        display: inline-block;
        font-size: 0px;
        width: 50px;
        height: 50px;
        cursor: pointer;
        top: 110px;
        right: 110px;
        position: absolute;
        z-index: 1;
        filter: brightness(5);
    }

    .opened.srch-panel {
        width: 460px;
        transition: 0.7s;
    }
    .srch-panel #srch-text{
        width: 100%;
        height: 45px;
        font-size: 24px;
        outline: none!important;
        border: none!important;
    }
    .srch-panel {
        position: absolute;
        top: 110px; right: 170px;
        height: 45px;
        background-color: transparent;
        width: 0px;
        overflow: hidden;
        transition: 0.7s;
        z-index: 1;
    }

    .srch-form {
    
        padding: 40px;
        background-color: #fafafa;
        border: 1px solid #f0f0f0;
        margin-bottom: 60px;
    }
    .srch-form .srch-text{
        width: calc(100% - 100px);
        display: inline-block;
        font-size: 30px;
        line-height: 35px;
        height: 64px;
    }
    .srch-form .srch-btn {
        width: 64px;
        height: 64px;
        border: none;
        outline: none;
        margin: 0px 0px 0px 30px;
        line-height: 100px;
        vertical-align: middle;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        background-image: url(../images/srch.png);
    }
    .srch-form .srch-options{
        font-size: 30px;
        font-weight: 400;
        line-height: 30px;
        vertical-align: middle;
        padding: 20px 0px 10px;
    }
    .srch-form .srch-options label{
        display: block;
        line-height: 39px;
        padding: 10px 0px 0px 122px;
    }
    .srch-form .srch-options span input{ margin-top: 0px; line-height: 30px;}
    
    .srch-results{}
    .srch-results .srch-row{ text-decoration: none!important;}
    .srch-results .srch-title {
        font-size: 35px;
        font-weight: 500;
        margin-bottom: 30px;
    }
    .srch-results .srch-date:after { content: '|'; display: inline-block; width: 30px; text-align: center;}
    .srch-results .srch-date{
        font-size: 30px;
        display: inline-block;
        font-weight: 300;
    }
    .srch-results .srch-body{ 
        font-size: 30px;
        font-weight: 300;
    }
    .srch-results .srch-body b{
        font-weight: 500;
    }


    header.navbar .h-caption.mobile{
    /*height: 34px;*/
    /*line-height: 34px;*/
    /*background-color: #06445D;*/
    border-bottom: solid 2px #fff;
    position: relative;
    }

    .c-container #logo { font-size: 18px; width: 100%; height: 94px; padding-left: 280px; background-position: 10px 26px; line-height: 120px; background-size: auto 45%; padding-right: 0;}

    header.navbar .h-caption.mobile .c-container{ padding: 0px 0px;  /*color: #fff;*/ font-size: 30px; font-weight: 500; position: relative; }
    header.navbar .h-logo {
        height: 120px;
    }
    header.navbar .h-logo .c-container{ padding: 0px 0px; position: relative;}
    header.navbar .h-logo a.cn-h-logo{
        display: inline-block;
        width: 517px;
        height: 120px;
        margin-top: 0px;
        background-position: 0px center;
        background-repeat: no-repeat;
        outline: none!important;
        background-image: url(../images/logo.png);  /*logo.png*/
        background-size: calc(100%) auto;  
    }
    
    header.navbar .h-menu{
        background-color: #f2f2f2;
        border: solid #b4b4b4;
        border-width: 1px 0px;
        /**/
        height: 64px;
        line-height: 64px;
    }
    header.navbar .h-menu .c-container{ padding: 0px 20px; font-size: 0px;}
    header.navbar .h-menu a { 
        display: inline-block; 
        padding-right: 33px;
        font-size: 28px;
        font-weight: 500;
        color: #000; /*main color*/
        text-transform: uppercase;
        text-decoration: none!important;
    }
    header.navbar .h-menu a:last-child {padding-right: 0px;}
    header.navbar .v.h-menu a:nth-child(3) {padding-right: 0px;}
    header.navbar .v.h-menu a:last-child {
        position: absolute;
        top: 97px;
        right: 10px;
        width: 160px;
        text-align: right;
        line-height: 30px;
    }
    #ham{
        top: 110px;
        right: 15px;
        position: absolute;
        display: block;
        width: 50px;
        height: 50px;
        z-index: 4;
        transform-origin: center center;
        /*transform: scale(0.6);*/
    }
    #ham span{
        top: 20px; left: 0px;
        position: absolute;
        display: block;
        width:50px;
        height: 10px;
        padding-top: 0px;
        border-bottom: 10px solid #fff;
        transition: 0.5s;
        transform-origin: center center;
    }
    #ham span:before{
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 10px;
        background-color: #fff;
        left: 0px;
        top: -20px;
        transition: 0.5s;
        transform-origin: left top;
        z-index: 1;
    }
    #ham span:after{
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 10px;
        background-color: #fff;
        left: 0px;
        bottom: -30px;
        transition: 0.5s;
        transform-origin: left bottom;
        z-index: 1;
    }

    #ham.opened span{
        top: 20px; left: 0px;
        position: absolute;
        display: block;
        width:50px;
        height: 10px;
        padding-top: 0px;
        border-bottom: 10px solid #06445D;
        transition: 0.5s;
         
    }
    #ham.opened span:before{
        content: '';
        display: block;
        position: absolute;
        width: 60px;
        height: 10px;
        background-color: #fff;
        left: 0px;
        top: -20px;
        transition: 0.5s;
        transform: rotate(45deg);
    }
    #ham.opened span:after{
        content: '';
        display: block;
        position: absolute;
        width: 60px;
        height: 10px;
        background-color: #fff;
        left: 0px;
        bottom: -30px;
        transition: 0.5s;
        transform: rotate(-45deg);
    }

    #ham #menu {
         
        position: absolute;
        z-index: 2;
        right: -560px;
        background-color: #06445D;
        border: none;
        top:70px;  
        padding: 50px 30px 30px 86px;
        font-size: 0px;
        /**/
        width: 650px;
        height: auto;
        min-height: 470px;
        transition: 0.5s;
        border-radius: 0px 0px 0px 10px;
        opacity: 0;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000;

    }
    #ham.opened #menu{ right: -22px; transition: 0.5s; opacity: 1; }
    #ham #menu hr{
        background-color: #b4b4b4;
        height: 1px;
        border: none;
        margin: 10px 0px;
    }
    #ham #menu a{
        display: block;
        font-size: 28px;
        font-weight: 400;
        line-height: 44px;
        color: #fff;
        text-transform: uppercase;
    }
    /*
    footer.footer {
        width: 100%!important;
        max-width: 100%;
        margin: 90px 0px 0px;
        padding: 0px;
        border-top: 28px solid #b3b3b3;
        background-color: #f2f2f2;
        color: #808080;
         
        min-width: 640px;
        margin-top: 90px;
    }
    footer.footer .c-container{
        
        position: relative;
        padding: 30px 20px 110px 20px;
    }
    
    footer.footer .copyright{
        position: static;
        left:20px;
        bottom: 20px;
        font-size: 26px;
        font-weight: 300;
        color: #000;
    }
    footer.footer .copyright a{
        color: #000;  
        font-weight: 400;
    }
    footer.footer .copyright span{
        font-size: 17px;
        line-height: 25px;
        font-weight: 400;
        display: block;
        margin-top: 20px;
    }
    footer.footer .copyright a.logo{
        display: block;
        width: 195px;
        height: 35px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-image: url(../images/logo.png);  
        background-size: calc(100%) auto; 
    }
    
    footer.footer .copyright a.cnlogo{
        display: block;
        width: 195px;
        height: 30px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-image: url(../images/DE-site-comnews-down.png);  
        background-size: calc(100%) auto; 
    }
    
    footer.footer .c-container:after {
        width: 80px;
        height: 80px;
        right: 40px;
        bottom: 107px;
    }
    */

    footer.footer .c-container { margin: 0;}
    footer.footer { width: 100%!important; min-width: 640px;}

    /*************************/

    
    /*************************/
    h1.page-header {
        border: none;
        margin: 0px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    div.page-header {
        border: none;
        margin: 0px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .page-header .s1 {
        position: relative;
        margin: 0px;
        padding: 0px;
        height: auto;
        line-height: 60px;
        text-transform: uppercase;
        font-size: 35px;
        font-weight: 500;
        color: #be0027;  
        background-position: left center;
        background-repeat: repeat-x;
        background-image: url(../images/red.png); 
    }
    .page-header .s1 div{ background-color: #fff; display: inline-block;
        padding: 0px 20px 0px 0px;
        height: auto;
        line-height: 35px;
    }
    .page-header .s1 h1 { background-color: inherit;
        padding: 0px;
        font-size: inherit;color: inherit; font-weight: inherit;line-height: inherit;
    }
    .page-header .s1 .black { color: #000;}
    .page-header .s2 { 
        padding: 60px 0px 0px;
        font-size: 40px;
        line-height: 50px;
        color: #000;
        font-weight: 500;
        text-align: center;
    }
    .page-header .s2 h1{ 
        padding: 0px;
        margin: 0;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        font-weight: inherit;
        text-align: inherit;
    }
    .page-header .tags .label { display: none;}
    .page-header .tags a, .page-header .tags{ 
        color:#000;
        font-size: 26px;
        text-decoration: none;
        font-weight: 400;
    }
    /**/
    
    .path-frontpage .page-header{ display: none;}

    .main-container .row .main-column.full {
        padding: 0px 0px;
    }
    .main-container .row .main-column ,
    .path-search .main-container .row .main-column.full ,
    .path-node.page-node-type-page .main-container .row .main-column.full,
    .path-content .main-container .row .main-column.full
     {
        padding: 0px 20px;
    }
    .main-container .row .side-column {
        padding: 0px 20px;
        display: none;
    }

    

    .hp-block{
        padding: 10px;
        margin-bottom: 20px;
    }
    .white-bg{
        background-color: #fff;
    }
    .gray-bg{
        padding: 9px;
        background-color: #f2f2f2;
        border: solid 1px #e6e6e6;
    }
    .hp-block a, .hp-block a:hover {
        text-decoration: none;
        display: block;
    }

    
    
    /**/

    .hp-block .block-node {
        padding-top: 20px;
        border-bottom: 1px solid #e6e6e6;
    }
    .hp-block.gray-bg .block-node {    
        padding-bottom: 20px;
    }
    .hp-block .block-node.person:first-child { padding-top: 10px;}
    .hp-block .block-node.small { padding-top: 10px; padding-bottom: 0px;}
    .hp-block .block-node:first-child {
        padding-top: 0px;
    }
    .hp-block .block-node:last-child {
        border-bottom: none;
        
    }


    .hp-block .node-img {
        width: 100%;
        padding: 10px 0px;
    }
    .hp-block .node-img img{
        display: block;
        max-width: 100%;
        width: auto;
        margin: 0px auto;
    }
    .hp-block .person .node-img {
        width: 300px;
        height: 300px;
        float: left;
        border-radius: 50%;
        border: solid 1px #e6e6e6;
        padding: 0px 0px;
        overflow: hidden;
    }
    .hp-block .person .node-img img{
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0px auto;
    }

    .hp-block .node-title{
        margin: 0px;
        clear: both;
        padding: 10px 0px 40px;
        font-size: 35px;
        font-weight: 500;
        /*color: #000;*/
        line-height: 40px;
    }
    .hp-block .small .node-title{
        
        line-height: 48px;
        padding: 10px 0px 20px;
        /**/
        font-size: 30px;
    }
    .hp-block .node-text {
         
        color: #000; /*main color*/
        font-weight: 400;
        /**/
        font-size: 30px;
    }
    .hp-block .node-tags{
        height: 80px;
        width: 100%;
        line-height: 80px;
        overflow: hidden;
    }
    .hp-block .node-tags:empty{ height: 20px;}
    .hp-block .node-tags a {
        display: inline-block;
        line-height: 80px;
        height: 80px;
        font-size: 26px;
        font-weight: 400;
        color: #be0027;
        /*text-transform: uppercase;  */
    }
    .hp-block .node-tags a:before {
        content: '\2022';
        display: inline-block;
        width: 30px;
        text-align: center;
    }
    .hp-block .node-tags a:first-child:before{
        content: '';
        width: 0px;
    }
    .hp-block .node-person{
        font-size: 26px;
        /*color: #000;*/
        font-weight: 500;
        padding: 0px 0px 30px;
    }
    .hp-block .person .node-person{
        width: 278px;
        float: left;
        font-size: 26px;
        color: #000; /*main color*/
        font-weight: 300;
        padding: 0px 0px 30px 10px;
        min-height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hp-block .person .node-person br{ display: none;}
    .hp-block .node-person span{ font-weight: 400; /**/
        font-size: 30px; /*color: #000;*/}
    
    .hp-block .node-youtube{
        width: 580px;
        height: 328px;
        margin-top: 20px;
    }
    .hp-block .hp-block-title {height: unset;}
    .hp-block .hp-block-title div {height: auto;}

    .slick-dots {
        z-index: 1;
        text-align: center;
        margin: 0px;
        padding: 0px;
        margin-top: -5px;
    }
    .slick-dots li {
        display: inline-block;
        margin: 3px;
    }
    .slick-dots li.slick-active button{
        background-color: #000;
    }
    .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0px;
        display: block;
        border: 1px solid #b4b4b4;
        border-radius: 50%;
        background-color: #fff;
        font-size: 0px;
    }
    .slick-dots {}


    #hp-mobile { display: block; padding: 0px 20px;}
    #hp-desktop { display: none;}

    .c-container {
        
        margin: 0px auto;
        /**/
        width:640px;
    }


    /* banners ******/
    #hidden-pool {
        display: none!important;
    }


    .tmp-banner {
        background-color: #39F;
        border:solid 1px #06F;
        width: 100%;
        height: 90px;
    }
    .bnrs{
        font-size: 0px;
        text-align: center;
        display: block;
    }
    .bnr{
        display: inline-block;
    }
    .bn.admin h1{ margin: 0px!important; padding: 0px!important; font-size: 60px!important; font-weight: 300!important;}
    .bn.admin small{ font-size: 16px; color: #000; font-weight: 300;}
    .bn.admin {
        border: 2px solid red;
        background-color: #fee;
        text-align: center;
        display: flex;
        flex-direction: column!important;
        justify-content: center;
        margin: 0px auto;
    }
    #bnPopUp {
        /*max-height: 90px!important;*/
        z-index: 111;
    }
    #bnFullScreen {
        height: 750px!important;
    }
    #bnFullScreen>* {
        margin: 0px auto;
    }
    #bn-popup:empty{ display: none!important;}
    #bn-popup{
        display: block;
        position: fixed;
        left: 0px; right: 0px; bottom: 0px;
        min-height: 90px;
        max-height: 120px;
        text-align: center;
        background-color: #fff;
        z-index: 4;
    }
    #bn-fullscreen #bn-close{
        font-size: 25px;
        margin-bottom: 40px;
        width: 500px;
        opacity: 0;
        margin: 0px auto 50px;
    }
    #bn-fullscreen{
        display: none!important;
        position: fixed;
        left: 0px; right: 0px; bottom: 0px; top: 0px;
        text-align: center;
        background-color: #fff;
        flex-direction: column!important;
        justify-content: center;
        margin: 0px auto;
        z-index: 10;
    }
    #bn-fullscreen .fullscreen-container{
        display: flex!important;
        position: absolute;
        left: 0px; right: 0px; bottom: 0px; top: 0px;
        text-align: center;
        background-color: #fff;
        flex-direction: column!important;
        justify-content: center;
        margin: 0px auto;
        z-index: 10;
    }
    .bn.mobile {
        text-align: center;
        position: relative;
    }
    .bn#bnM0003,.bn#bnM0004,.bn#bnM0005,.bn#bnM0006,.bn#bnM0007{ margin: 20px -20px;}
    .bn#bnM0007{ margin: 20px -30px;}

    #header-bnrs{}

    .anonses .hp-block-body {display: block; font-size: 30px; }
    .anonses .block-node {width: 100%; padding: 0 10px 30px; border: solid 1px #ccc; border-radius: 20px; margin-bottom: 40px;}
    .anonses .node-date {left: 10px; width: 230px; height: 35px; line-height: 35px; padding: 0 20px; transform: translate(-10px, 230px) rotateZ(270deg);}
    .anonses .node-icon { right: 15px; top: 15px; width: 50px; height: 50px;}
    .anonses .node-img { width: calc(100% + 20px);}
    .anonses .node-text {font-size: 80%!important; -webkit-line-clamp: 4;}
    .anonses .node-title { font-size: 110%!important; -webkit-line-clamp: 3; margin: 10px 0 20px; height: auto;}
    .anonses .node-tags { left: 20px; right: 20px; bottom: 20px; height: 30px; line-height: 30px!important; font-size: 80%!important;}
    .anonses .node-tags { left: 10px; right: 10px; height: 30px; line-height: 30px!important; font-size: 80%!important; }

    .getanonses span {font-size: 36px; margin: 30px 0;}

    /**********************************/

    .pagination { text-align: center;}
    .pagination a{ text-decoration: none!important;}
    .pager-nav.text-center {text-align: center!important; }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        color: #fff;
        font-weight: 400;
        background-color: #b4b4b4;
        border-color: #b4b4b4;
    }
    .pagination > li > a, .pagination > li > span {
            color: #b4b4b4;
            font-weight: 400;
            background-color: #fff;
            border: 2px solid #b4b4b4;
            width: 80px;
            height: 70px;
            line-height: 52px;
            font-size: 54px;
            display: none;
    }
    .pagination > li.pager__item--first a,
    .pagination > li.pager__item--previous a,
    .pagination > li.pager__item--next a,
    .pagination > li.pager__item--last a, .pagination > li.is-active a{ display: block;}
    .pagination > li.is-active a{ 
        font-size: 39px;
        line-height: 55px;
        min-width: 80px;
        width: auto;
    }
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #000;
        font-weight: 400;
        background-color: #f2f2f2;
        border-color: #b4b4b4;
    }
    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #b4b4b4;
        font-weight: 400;
        background-color: #fff;
        border-color: #b4b4b4;
    }

    /********************************/
    .node-txt img {
        display: block;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto;
    }
    .node-txt .field-name-body p,
    article.page .field--name-body p {
        margin-bottom: 20px;
    }

    .node-txt .field-name-body table,
    article.page .field--name-body table {
        width: 99%;
        margin: 0px auto;
        border-collapse: collapse;
        margin-bottom: 20px;
    }
    .node-txt .field-name-body table th,
    article.page .field--name-body table th {
        padding: 4px;
        font-size: 20px;
        font-weight: 500;
        vertical-align: top;
        text-align: center;
        border: 1px solid #4c4c4c;
    }
    .node-txt .field-name-body table td,
    article.page .field--name-body table td {
        padding: 4px;
        font-size: 20px;
        font-weight: 300;
        vertical-align: top;
        border: 1px solid #4c4c4c;
    }
    .node .node-header {}
    .node-img .image-caption{font-size: 20px!important;
        padding-top: 0px!important;
        padding-bottom: 20px!important;
        font-weight: 400;}
        .node-img .image-copyright{font-size: 20px!important;
            padding-top: 0px!important;
            padding-bottom: 0px!important;
            font-weight: 400;}    
    .node.node-article .node-header .image-caption {
        padding-left: 0px!important;
        font-size: 20px!important;
        padding-top: 0px!important;
        padding-bottom: 20px!important;
        font-weight: 400;
    } 
    .node.node-article .node-header .image-copyright {
        padding-left: 0px!important;
        font-size: 20px!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        font-weight: 400;
    } 
    .node .field-name-image {
        float: none;
        background-color: transparent;
        padding: 0px 0px 0px 0px;
        max-width: 100%;
        margin: 0px auto;
    }
    .node .field-name-image .image-caption{ max-width: 100%; font-size: 22px; font-weight: 300; margin-top: 5px;}
    .node .field-name-image .image-copyright{ max-width: 100%; font-size: 22px; font-weight: 300; margin-top: 5px;}
    

    .node .field-name-image img {
        display: block;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    
    .node .field-name-body { }

    .node-txt .field-name-authors{ text-align: right; font-size: 26px;}
    .node-txt .field-name-source{ text-align: right; font-size: 26px; }
    .node-txt .field-name-date{ text-align: right; font-size: 26px; }

    .node-txt .field-name-field-ad-author{ text-align: right; padding-left: 20%; font-size: 26px; }
    .node-txt .field-name-field-copyright{ text-align: right; padding-left: 20%; font-size: 26px;}
    .node-txt .field-name-field-author-title{ text-align: right; padding-left: 20%; font-size: 26px; }
    .node-txt .field-name-field--authors{ text-align: right; padding-left: 20%;  font-size: 26px;}
    .node-txt .field-name-field-source{ text-align: right; padding-left: 20%; font-size: 26px;}
    .node-txt .field-name-field-date{ text-align: right; font-size: 26px;}
    .node-txt .field-name-body strong, .node-txt .field-name-body b { font-weight: 500;}

    .node-txt .field-name-image-text {
        padding-left: 0px;
        font-size: 30px!important;
        padding-top: 10px;
        font-weight: 400;
    }

    .node-txt .ord { font-size: 18px; line-height: 18px; padding:2px 0;}

    .node-wrapper { position: relative;     border-bottom: solid 1px #e6e6e6;}
    .node-wrapper .sharebuttons { display: none;}
    .node-wrapper .node-txt .field-name-body .sharebuttons { 
        display: block;
        position: absolute;
        z-index: 1;
    }  
    #moderator { display: none;}
    .node #vote-container {
        padding-top: 20px;
    }
    .sharebuttons {
        transform: scale(2);
    }
    #sharebuttons-up{  
        top: unset;
        margin-top: -71px;
        left: 50px;
    }
    .node #sharebuttons-up {
        top: unset;
        margin-top: -71px;
        left: 50px;

    }
    #sharebuttons-dn{  
        bottom: -50px;
        left: 50px;
    }
    .node-wrapper .sharebuttons a {
        filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
        border-radius: 50%;
        overflow: hidden;
    }
    .node-wrapper .sharebuttons a.sharebuttons-more { display: none;}
    


    /*************************************/
    .node-wrapper.node .node-txt .field-name-body blockquote{
        margin: 20px 0px 20px 0px;
        background-color: #fff;
        font-size: 30px;
        border: none;
    }
    .node-wrapper.node .node-txt .field-name-body blockquote:after { content: ''; display: block; width: 0px; height: 0px; clear: both;}

    .node-wrapper.node .node-txt .field-name-body .content-img{ 
        margin: 0px 0px;
    }
    .node-wrapper.node .node-txt .field-name-body .content-img.left{
        /*width: 100%;/*
        margin: 0px 0px 20px 0px;
        /*float: none;*/
    }
    .node-wrapper.node .node-txt .field-name-body .content-img.right{
        width: 100%;
        margin: 0px 0px 20px 0px;
        float: none;
    }
    .node-wrapper.node .node-txt .field-name-body .content-img>span{
        font-size: 22px;
        padding: 20px;
        margin-top: 10px;
        border-top: 1px solid #e6e6e6;
    }
    
    .node-wrapper.node .node-txt .field-name-body blockquote .content-img.left,
    .node-wrapper.node .node-txt .field-name-body blockquote .content-img.right{
        width: 100%;
        margin: 0px 0px 20px 0px;
        float: none;
        position: relative;
    }
    .node-wrapper.node .node-txt .field-name-body blockquote .content-img.left img{
        width: auto;
        margin: 0px auto;
        float: none;
    }
    .node-wrapper.node .node-txt .field-name-body blockquote .content-img.right img{
        width: auto;
        margin: 0px auto;
        float: none;
    }
    .node-wrapper.node .node-txt .field-name-body blockquote .content-img.left>span{
        font-size: 22px;
        padding: 20px;
        margin-left: 0px;
        margin-top: 10px;
        border-top: solid 1px #e6e6e6;
        border-left: none;
        text-align: left;
    }
    .node-wrapper.node .node-txt .field-name-body blockquote .content-img.right>span{
        font-size: 22px;
        padding: 20px;
        margin-right: 0px;
        margin-top: 10px;
        border-top: solid 1px #e6e6e6;
        border-right: none;
        text-align: left;
    }
    .node-wrapper .field-name-body a, .main-column article .field--name-body a { text-decoration: underline;}
    
    /**********************************/

    .node-txt .field-name-body .v-table th.fixed u { font-size: 18px;  padding-left: 23px; }
    .node-txt .field-name-body .v-table th.fixed em { font-size: 18px;  }
    .node-txt .field-name-body .v-table-outer-container label {
        font-size: 24px;
        font-weight: 400;
    }
    .node-txt .field-name-body .v-table-outer-container>ul>li {
        display: inline-block;
        width: 300px;
    }
 
    .node-footer .othernews-header {padding: 0 30px;}

    h1.page-header { margin: 20px 0 60px; width: 100%;}

    .webform-submission-form label { 
        font-size: 28px;
        font-weight: 400;
    }
    .webform-submission-form .form-control{
        height: 55px;
        padding: 6px 12px;
        font-size: 30px;
    }
    .webform-submission-form .form-actions{
        text-align: right;
    }
    .webform-submission-form .btn{
        font-size: 30px;
        margin-top: 20px;
    }

    .content-img.left { width: 100%!important; margin: 30px 0px!important;}
    .content-img.left .r250 {}    
    .content-img.left .r250+span { width: 100%!important; border: none!important; clear: none!important; padding: 0px!important; margin: 0px;}    

    #ssoAnonsesFilterForm {}
    #ssoAnonsesFilterForm .container { top: 350px;}
    #ssoAnonsesFilterForm .close-btn {width: 30px;height: 30px; font-size: 30px;}
    #ssoAnonsesFilterForm h2{ font-size: 50px;}
    #ssoAnonsesFilterForm legend {font-size: 200%;}
    #ssoAnonsesFilterForm label { font-size: 200%;}
    #ssoAnonsesFilterForm .flatpickr-input { font-size: 150%; height: auto; padding-right: 50px;}
    #ssoAnonsesFilterForm .clear-btn{transform-origin: center center;transform: scale(2); top: 40%; right: 16px;}
    #ssoAnonsesFilterForm .date-pair+p{ font-size: 130%;}
    /*#ssoAnonsesFilterForm .date-pair { grid-template: 1fr 1fr / 1fr;}*/
    #ssoAnonsesFilterForm .treeselect-input__edit {font-size: 200%; max-width: calc(100% - 90px);}
    #ssoAnonsesFilterForm .treeselect-input__operators svg { stroke: #c5c7cb; width: 40px; min-width: 40px; height: 40px;}
    #ssoAnonsesFilterForm .treeselect-input__operators { min-width: 90px; top: 3px;}
    #ssoAnonsesFilterForm .treeselect-input__tags-element{ font-size: 200%;}
    #ssoAnonsesFilterForm .treeselect-input__tags-cross svg { width: 32px; height: 32px;}
    #ssoAnonsesFilterForm #filterBtns { display: flex; flex-direction: row;  flex-wrap: nowrap; align-content: center; justify-content: space-between;   align-items: center;}
    #ssoAnonsesFilterForm #filterBtns button{ font-size: 28px; width: 49%;}
    #ssoAnonsesFilterForm .treeselect-input { padding-right: 100px;}
    #ssoAnonsesFilterForm {}
    
    .flatpickr-calendar { transform: scale(1.5)!important;}

    .page-about #block1 {
        padding: 100px 0 50px 0;
        font-size: 30px;
        font-weight: bold;
        color: #000;
        background-repeat: no-repeat;
        background-position: 0px 40px;
        background-size: 50% auto;
        background-image: url('../img/ssonews.png');
        line-height: 1.2;
    }
    .page-about #block2 li { font-size: 16px;}
    .page-about #block3 {
        font-size: 24px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
    .page-about #block3 strong {width: 100%; }
    .page-about #block3::after {
        content: '';
        display: block;
        width: 90%;
        background-repeat: no-repeat;
        background-position: 0px 50px;
        background-size: contain;
        background-image: url('../img/money.png');
        min-height: 410px;
    }
    .page-about #block4 ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: stretch;
    }
    .page-about #block4 {margin: 0 -20px;}
    .page-about #block4 li {
        width: 100%;
        aspect-ratio: unset;
        padding: 20px 20px 20px 100px;
        border: 1px solid #fff;
        border-radius: 15px;
        color: #fff;
        font-size: 20px;
        position: relative;
        margin-bottom: 20px;
    }
    .page-about #block4 li br {display: none;}
    .page-about #block4 li strong {
        font-size: 64px;
        display: block;
        font-weight: normal;
        margin-bottom: 0px;
        position: absolute; top: 20px; left: 20px;
    }

}