/*======================= NEWS BEGIN ===================*/
.news-list-template .top-menu a[href*="/news/"],
.news-detail-template .top-menu a[href*="/news/"]{
color: #FF3324 !important;
}
.news-list-template .mobile-menu a[href*="/news/"],
.news-detail-template .mobile-menu a[href*="/news/"]{
color: #ffffff;
}
.news-list table.dayAllEntries{
margin-bottom: 50px;
}
.news-element{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #C7C7C7;
font-size: 17px;
}
#allEntries > div:first-of-type .news-element,
.news-list .archiveEntries > div:first-of-type .news-element{
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.news-element h5{
margin-top: -5px;
}
.art-list .news-element h5{
margin: -5px 0 20px;
font-size: 30px;
line-height: 1.2;
}
.news-element h5 a{
text-decoration: none;
color: #00487F;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.news-element h5 a:hover{
color: #2E2E2E;
}
.news-element img{
width: 100%;
}
.news-date{
position: absolute;
top: 0;
left: 0;
padding: 2px 15px;
color: #fff;
background: #00487F;
font-size: 14px;
}
.news-list .element-info{
margin: -5px 0 15px;
}
.element-info{
margin: 0 0 15px;
font-size: 16px;
color: #969696;
}
.element-info a{
text-decoration: none;
color: #969696;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.element-info a:hover{
color: #2E2E2E;
}
.element-info span{
margin-right: 10px;
}
.element-info .fa{
margin-right: 4px;
}
.news-element .img-wrapper a:after{
background: url(../images/link-icon.png) 50% 50% no-repeat rgba(0,0,0,0.7);
background-size: 0 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
content:"";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 5;
}
.news-element .img-wrapper a:hover:after{
opacity: 1;
background-size: 36px 36px;
}

@media only screen and (max-width: 767px) {
.news-element .img-wrapper{
margin-bottom: 20px;
}
.news-element{
padding-top: 40px;
}
}

.item-gallery .element{
margin-bottom: 10px;
}
.item-gallery .element .img-wrapper{
position: relative;
}
.item-gallery .element img{
width: 100%;
display: block;
}
.item-gallery .text {
font-size: 13px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background: rgba(0,0,0,0.5);
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.noEntry{
text-align: left !important;
}
/*======================= NEWS END ===================*/
</div></div><div id="entryID5"><div class="news-element relative">
<div class="row">
<div class="col-sm-3">
<div class="img-wrapper relative">
<a href="/news/lamborghini-aventador-sv/2016-08-30-5">

<img src="images/news-empty.png" alt="Lamborghini Aventador SV" style="background: url(/_nw/0/s03387709.jpg) 50% 50% no-repeat; background-size: cover;" />

<div class="news-date">
30.08.2016
</div>
</a>
</div>
</div>
<div class="col-sm-9">
<div class="element-content">
<h5><a href="/news/lamborghini-aventador-sv/2016-08-30-5">Lamborghini Aventador SV</a> </h5>
<div class="element-info">
<span class="e-category"><i class="fa fa-folder" aria-hidden="true"></i> <a href="/news/novosti-mira/1-0-2">Новости мира</a></span>
<span class="e-reads"><i class="fa fa-eye" aria-hidden="true"></i> 12</span>
<span class="e-comments"><i class="fa fa-comments" aria-hidden="true"></i> <a href="/news/lamborghini-aventador-sv/2016-08-30-5#comments">0</a></span>
</div>
<div class="text">
Lamborghini Aventador SV, который едва не «сожрал» немецкий супергибрид, и сделали соответствующие выводы после рвения марки Koenigsegg.
</div>
</div>
</div>
</div>