#body.news.sticky main { overflow:hidden;}

    #news-wrapper               	  { display:flex; flex-wrap: wrap; border-top:1px solid #ececec }
    #news-wrapper .nw-item    		  { border:1px solid #ececec; border-top:none; border-right:none; width:25%; height:350px; padding:20px;  }
    #news-wrapper .nw-item:last-child { border-right:1px solid #ececec!important}

    .nw-icon 					{ width:100%}
    .nw-icon .nw-float 			{ float:right}
    .nw-icon .nw-circle 		{ border-radius:50%; background-color:#ececec; display:table-cell; vertical-align: middle; text-align:center; height:80px; width:80px; z-index:30; transition: all 0.3s ease-out;}
    .nw-icon .nw-circle>img 	{ width:auto; height:40px; margin:0 auto;}
 
    #news-wrapper .nw-item .nw-icon .nw-circle>img.icon-black          { display:block;}
    #news-wrapper .nw-item .nw-icon .nw-circle>img.icon-white          { display:none;}

    #news-wrapper .nw-item:hover .nw-icon .nw-circle>img.icon-black    { display:none;}
    #news-wrapper .nw-item:hover .nw-icon .nw-circle>img.icon-white    { display:block;}


    .nw-date 				{ color:#0d4d73; font-family:'Lexend Deca Regular', "Helvetica Neue","Helvetica","Arial",sans-serif; z-index:20;}
    .nw-intro				{ padding-top:10px; height:165px;   
    									   display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 7;
								       white-space: normal;
										  overflow: hidden;
									 text-overflow: ellipsis;
                                    }
    .nw-intro a				{ color:#333; text-decoration:none; cursor:pointer; }
    .nw-intro a:hover		{ color:#333; cursor:pointer;}


    .tooltip .tooltiptext 			{ visibility:hidden; width:150px; background-color:#333; color:#fff; text-align:center; border-radius:6px; padding:5px;
  							  		  position:absolute; z-index:1; top:0; right:110%; font-size:13px }
	.tooltip .tooltiptext::after 	{ content: ""; position:absolute; top:50%; left:100%; margin-top:-5px;
									  border-width: 5px;
									  border-style: solid;
									  border-color: transparent transparent transparent #333;}

	.tooltip:hover .tooltiptext 	{ visibility:visible;}
	.tooltip .tooltiptext 			{ opacity: 0; transition:opacity 1s;}
	.tooltip:hover .tooltiptext 	{ opacity: 1;}


    #body.news .general h1  { float:left; margin-right:20px;}


    #legend         {   background-color:#0c6e88; display:block; padding:10px 20px;
                        width:100%; position:fixed; bottom:0px; left:100px; z-index:1000; font-size:13px; font-weight:400; color:#fff;
                        font-family: 'Lexend Deca Regular', "Helvetica Neue","Helvetica","Arial",sans-serif;
                        transition: background-color .3s, 
                           opacity .5s, visibility .5s;
                           opacity: 0;
                        visibility: hidden;}
    #legend.show    {      opacity: 1;
                        visibility: visible;}
    #legend img     { width:20px; height:auto; vertical-align:bottom; margin-right:5px;}
    #legend ul      { margin:0; padding:0 160px 0 0;}
    #legend ul li   { margin:0; padding:0 10px 12px 0; display:inline-block;}

    #body.news .pagination-blk { padding-right:50px}

	/* ==========================================================================
		Media
	============================================================================= */
    @media only screen and (max-width:1500px) {
    #legend    { left:50px;}
    }

    @media only screen and (max-width:1200px) {
    #news-wrapper .nw-item    				{ width:calc(100% / 3);}
    #body.news main.pg-container 			{ padding-right:0;}	
    #body.news.full .left-col .main-content { padding-right:0}

    #news-wrapper .nw-item:nth-child(3n+3)  { border-right:1px solid #ececec}

    .nw-icon .nw-circle 		{ height:50px; width:50px}
    .nw-icon .nw-circle>img 	{ width:auto; height:30px}

    #legend    { left:30px;}
    }


    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #legend         { font-size:11px}
    #legend img     { width:15px;}
    #body.news .pagination-blk { padding-right:0px}
    }


	@media only screen and (max-width:767px) {
    #body.news main.pg-container 	{ padding-right:20px;}	
    #body.news .general h1  { width:100%; margin-right:0;}     

    #news-wrapper               	  { display:block; flex-wrap:none; width:100%}
    #news-wrapper .nw-item    		  { width:100%; height:auto; border-right:1px solid #ececec}
    .tooltip .tooltiptext 			  { visibility:hidden; width:140px; background-color:#333; color:#fff; text-align:center; border-radius:6px; padding:5px;
  							  		    position:absolute; z-index:1; top:0; right:110%; font-size:10px }
 	.nw-intro	{ height:auto}  
    .nw-date 	{ margin-top:-20px}

    .tooltip .tooltiptext   { visibility:visible; opacity:1; font-size:10px}   
    .nw-icon .nw-float      { top:-5px; right:-10px;} 
    #legend.show            { opacity:0; visibility:hidden;}
    /*#legend    { left:20px;}*/
    #body.news .pagination-blk { padding-right:0px}
	}