
/*.article {
	width: 670px;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}*/


.article {
	width: 670px;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*align-items: stretch;	*/
	box-sizing: border-box;
	background-color: #f2f2f2;
}


.article div {
padding: 5px 5px 0px 5px;
}
#.article-title {	
#	color: #09488f;
#	margin: 5px 0 0 5px;
#	padding: 0;
#	font: bold 24px 'Roboto';
#	line-height: 24pz;
#}

.article-title {	
color: #09488f;
width: 100%;
margin: 6px 0 4px 0;
padding: 0 10px;
font-size: 24px;
font-weight: bold;
box-sizing: border-box;
}
.article-date-tags {  
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0;
    top: 99%; 



	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start;
	-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.article-date {	
	color: #999;
	padding: 0;
	
}
.article-tags {
	color: #000;
	font-weight: 600;
	padding:0;
	margin:0;
	text-align:left;

}
.article-author {
	color: #09488f;
	font: 600 14px 'Roboto';
	
}
.article-text {
	color:#000000;
	font-size:16px;
	margin: 0;
	padding: 0;
}
.article-text > p {
	margin: 0 0 16px 0;
	text-align: justify;
}

.article-text  a {
text-decoration: none; color: #09488f; 
}



 

.article-list-img {
	float: left;
	min-width: 200px;
	width: 202px;
	padding: 0 14px 0 0;
	margin: 0 0 0 0;
}

/* 
.article-img {
	border: 1px solid #c3d2e4;
	padding: 0;
	margin: 0 0 10px 0;
	min-width: 200px;
	width: 200px;
	min-height: 150px;

	height: auto;
	
	font-size: 16px; 
	text-align: right;

}

  */




/*.article-list-link-header {
    background-color: #bed7e8;
    width: 670px;
    margin: 0 0 10px 0;
    padding: 0 14px;
    box-sizing: border-box;
}*/

.article-list-link-header {
	width: 670px;
	padding: 3px 10px;
	margin-bottom: 10px;
	color: #09488f;
	font-size: 18px;
	background: linear-gradient(#c0d8ec, #95b6d1);
	box-sizing: border-box;	
	text-transform: uppercase;
	font-weight: 500;
}
	
.article-list-link {
	width: 670px;	
	margin: 0 0 10px 0;
	padding: 0 14px;
}
.article-link-item {
	width: 640px;
	margin: 0 0 14px 0;
	padding: 0;
	/* color: #000; */
	color: #09488f;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;

}
.article-link-img {	
	width: 100px;
	height: 75px;
	margin-right: 10px;
	display: block;
	border: 1px solid #09488f;
	box-sizing: border-box;
	background-color: #eee;
	text-align: center;
}
.article-link-date > * { 
	width: 480px;
 	/* color: #000; */
	padding: 6px 0px 0px 0px; 

 	color: #09488f;
  font-size: 14px;  
  min-width: 200px;
  /* display: block; */  
}
.article-link-author > * { 
	width: 480px;
 	/* color: #000; */
	padding: 6px 0px 0px 20px; 

 	color: #09488f;
  font-size: 16px;  
  min-width: 200px;

  /* display: block; */  
}
.article-link-text {
width: 480px;
display: block;
margin-top: 6px;
font-size: 16px;
color: #09488f;
}
.article-link-text-small {  
  font-size: 10px;
  margin-top: 0;
  color: #09488f;
}





.article-adv-place {
	border-top: 1px solid #c3d2e4;
	margin: 0;
	padding: 10px 0;
}


.list-tags-two-column {
	width: 670px;
	padding: 0 14px;
	margin: 0 0 10px 0;
	/*border: 1px solid #c3d2e4;*/
	display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
}
.article-list-link-wide {
	display: -webkit-flex;	display: -ms-flexbox;	display: flex;
	-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;
	-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.article-list-link-wide:nth-child(n+1) {
	display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
}
























/* article picture layer - same as in newsru articles */



.article-img {
    padding: 0;
    margin: 0 0 10px 0;
    min-width: 198px;
    width: 198px;
    min-height: 148px;
    height: auto;
    font-size: 11px;
    text-align: right;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

.overlay { 
    opacity: 0; 
    float:none; 
    position:fixed; 
    overflow:hidden; 
    left:0; top:0; 
    width:0; height:0; 
    z-index:9995; 
    background:rgba(0,0,0,0.85); 

    display: block;
}
.overlay-show { 
    opacity:1;
    width: auto; 
    height: auto; 
    bottom:0; 
    right:0; 
    padding-top:0.5em;

    position:fixed; 
    overflow:hidden; 
    left:0; top:0; 

    z-index:9995; 
    background:rgba(0,0,0,0.85); 

    display: block;

}

@media ( min-width: 1024px ) { /*1024+*/    
    .overlay:target { 
        opacity: 1;
    }
    .overlay-show { 
        opacity:1;
        width: auto; 
        height: auto; 
        bottom:0; 
        right:0; 
        padding-top:0.5em;
    }
}


.bigimg-classic {
    z-index:9998; 
    background:rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 800px 600px; 
    width: 1000px;
    height: 600px; 
    text-align: center;   
    margin: 80px auto; 
    padding: 0;
    color: #000;

    display: block;
    box-sizing: border-box;
}


.close-classic {
    opacity: 1;
    margin: -15px 5px 0 0;
    width: 27px;
    height: 27px;
    background: url(data:image/gif;base64,R0lGODlhGwAbAIAAAP///////yH5BAEKAAEALAAAAAAbABsAAAI3jI+py+0Po5y0ToAbBnDr/HiMGJHkBQanZKbWaqluLHN0a1P4m8JfrvAlhLXODEGkKZfMprNZAAA7);
    cursor: pointer;
    display: block;
    box-sizing: border-box; 
}
.rwd-arr-classic {
    width: 19px;
    height: 35px;
    padding: 0;
    margin: 50px 0 0 0;
    cursor: pointer;
    background: url(data:image/gif;base64,R0lGODlhEwAjAIAAAP///////yH5BAEKAAEALAAAAAATACMAAAJIjI8ZwOrHwHtx2rtavXXb3mBiJoGSY5KUxp4j2qqeHM9p+kL1HpU8efvlFEGfi2ZU6ZK44YoZIgql0KNz0sTGONvraIYBcwEFADs=);
    display: block;
    box-sizing: border-box;
}

.fwd-arr-classic {
    width: 19px;
    height: 35px;
    padding: 0;
    margin: 50px 5px 0 0;
    cursor: pointer;

    background: url(data:image/gif;base64,R0lGODlhEwAjAIAAAP///////yH5BAEKAAEALAAAAAATACMAAAJHhIOpGwYMk4u0xjktPvpkCzLb8y1jw4ne+oTheUosSqb0HbsQPDt8DfzhbDphyWhDtnQq4G3XI8qcJSbU2cFWctYss+rVFQAAOw==);
    display: block;
    box-sizing: border-box;
}

.bigimg-text-classic {
    width: 100%;
    margin: 0;
    padding: 8px;
    background:rgba(255,255,255,0.65);
    text-align: left;   
    display: block;
    box-sizing: border-box;
    width:640px;
}
.bigimg-title-classic {
    font-size: 14px;    
    width:640px;
    display: block;
    box-sizing: border-box;
}
.bigimg-copy-classic {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #09488f;
    display: block;
    box-sizing: border-box;
}

.all-photos {
    background-color: #189c5b; 
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 2px 6px; 
    text-align: center;
}







