
﻿#news {
position: relative;
}

#news .title {
/*background: url("/images/news-title-icon.png") no-repeat;
padding-left: 70px;*/
display: inline-block;
margin-bottom: 20px;
position: relative;
}

#news .title h1 {
font-weight: 600;
font-size: 29px;
color: #000;
margin: 0;
}

#news .title p {
font-size: 18px;
color: #5e585b;
}

#news .title p a {
color: #5e585b;
}

#news .text {
background: #fbfbfb;
padding: 20px;
}

#news .text h2 {
margin: 0 0 10px;
line-height: 17px;
}

#news .text h2 a {
font-family: 'Mavel Pro', sans-serif;
font-weight: 500;
font-size: 15px;
/*color: #e30613;*/
}

#news .text p {
font-family: '<?php echo $news_font; ?>', sans-serif;
margin: 0 0 10px;
line-height: 14px;
}

#news .text p a {
font-size: 14px;
color: #6f6f6f;
}

#news .text .more {
background: url("../images/more-icon.png") 0 0 no-repeat;
width: 15px;
height: 15px;
text-indent: -999em;
display: inline-block;
}

#news .wrapper {
position: relative;
transition: left .1s ease;
-webkit-transition: left .1s ease;
-moz-transition: left .1s ease;
-o-transition: left .1s ease;
}

#news .owl-prev,
#news .owl-next {
width: 16px;
height: 27px;
position: absolute;
left: -30px;
top: 95px;
background: url("../images/news-arrows.png") 0 0 no-repeat;
text-indent: -999em;
}

#news .owl-next {
background-position: -16px 0;
left: auto;
right: -30px;
}


@media (max-width: 767px) {
#news {
padding: 30px 0 0;
margin: 0;
}

#news .title {
text-align: left;
}

#news .title h1 {
font-size: 17px;
}

#news .title p {
font-size: 14px;
}

#news .owl-prev,
#news .owl-next {
display: none !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
#news {
padding-top: 20px;
}

#news .title p {
font-size: 14px;
}

#news .owl-prev,
#news .owl-next {
display: none !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

