/*Used: LE, bk*/

/****HOME NEWS*****/

#news_mosaic {
width:100%;
text-align:justify;
margin-top:1em;
}

.news_block {
display:inline-block;
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
padding:0.65em; /*??? better set in pixels for all sizes*/
max-width:322px; /*??? width:334px; /*+border*/
height:20em;
margin-bottom:1em;
vertical-align:top;
border:1px solid #e3e3e3;
overflow: hidden;
}


.news_block_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:normal;
margin-bottom:0.4em;
margin-top:0.4em;
}

.news_block_title a {
color:#4B8ABF;
text-decoration:none;
}

.news_block_title a:hover {
color:#1F9C3E;
}

.news_block_date {
color:#666666;
text-align:left;
font-size:0.7em;
font-weight:normal;
margin-bottom:0.4em;
font-style:italic;
}

.news_block_image {
width:100%;
text-align:center;
background-color:#EEEEEE;
height:8.5em;
}

.news_block_image img {
max-width:100%;
height:8.5em;
}

.news_block_text {
font-size:1em;
text-align:justify;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

/****ADS*****/

.ads_adaptive {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
border:1px solid #CCCCCC;
padding:1em;
text-align:center;
}

.top-item-ads {
clear:left;
display:block;
margin-bottom:0.7em;
margin-top:0.7em;
background-color:#FFFFCC;
padding:1em;
border:1px solid #e3e3e3;
vertical-align:middle;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color:#333333;
}

.top-item-ads a {
color:#333333;
text-decoration:none;
}

.top-item-column {
display:table-cell;
vertical-align:middle;
position:relative; /*for play-zoom*/ 
padding-right:1.3em;
}

.zoom-column {
position:absolute;
bottom:0;
right:1.3em;
width: 100%;
height: 100%;
background-image:url(../images/play-small.png);
background-repeat:no-repeat;
background-position:bottom right;
opacity: 0.3;
}	

/****COMPARE*****/

.vs_mosaic {
width:100%;
display:flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 0; 
}

.vs_block {
flex: 1 1 calc(50% - 20px);
box-sizing: border-box;
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
vertical-align:top;
overflow: hidden;
}

.item-image {
position: relative; /*for +1 over*/
}

.vs_block .item-image img {
height:200px;
}

.vote {
position: absolute;
left:0;
top:0;
background:transparent url(../images/vote.gif) no-repeat left top;
z-index:100;
height:30px;
width:30px;
}

.vote:hover {
background:transparent url(../images/vote-active.gif) no-repeat left top;
}

.vs_h4 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#1E9B3D;;
font-size:20px;
font-weight:normal;
margin-top:10px;
text-align:left;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

.news_block {
width:270px;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}
}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

@media only screen and (max-width: 1151px) {

.news_block {
width:240px;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}
}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


@media only screen and (max-width: 700px) {

#news_mosaic {
text-align:center;
}

.news_block {
width:100%;
max-width:100%;
height:auto;
border:0;
}

.news_block_image {
height:auto;
}

.news_block_image img {
height:auto;
}

/****TOP ITEM ADS*****/

.top-item-ads {
display:block;
margin-top:1em;
padding: 0.6em 0p 1em 0px;
text-align:center;
}

.top-item-column {
display:block;
padding-right:0;
}

/****COMPARE*****/

.vs_block {
flex: 1 1 100%;
}

.vs_block .item-image img {
height:auto;
}

.hide {
display:none;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}
}