/*body{
background:#3e3e3e;
}
header{
  background-color: #313131;
}*/
/*.top-nav{
  background-color: #000;
}*/
/*.top-nav ul > li ul {
    background-color: #000 !important;
}*/
#media-slider img{
  width: 100%;
  height: 100%;
}
#media-slider{
	display:none;	
}
#media-slider article{
}
#media-slider article .image-content{
  height: 460px;
  box-shadow: #000 0 0 2px;
}
.media-slider{
  margin-top: 10px;
}
ul.slide-about{
  float: left;
}
ul.slide-about li{
  display: inline-block;
  text-align:center;
}
ul.slide-about li span{
  display: inline-block;
  padding: 3px 6px;
}
ul.slide-about li:after{
  content: "|";
}
ul.slide-about li:nth-last-child(1):after{
  content: none;
}
#media-slider .text-content{
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  right:0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(229,229,229,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,229,229,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#media-slider .text-content a{
  color: #fff;
}
#media-slider .text-content h2{
  font-size: 20px;
  margin:5px 0;
}
#media-slider .text-content p{
  font-size: 11px;
  font-family: shabnam;
  line-height: normal;
}
.media-pager{
  text-align: center;
  padding: 15px 0;
  direction: ltr;
}
.media-pager::after{
  content:"";
  display: inline-block;
  width:245px;
  height:5px;
  background: url(../../images/slider-dot-bg.png) no-repeat right ;
  margin-bottom:4px;
}
.media-pager::before{
  content:"";
  display: inline-block;
  width:245px;
  height:5px;
  background: url(../../images/slider-dot-bg.png) no-repeat left ;
  margin-bottom:4px;
}
.media-pager li{
  list-style: none;
  display: inline-block;
  width: 13px;
  height: 13px;
  font-size: 0 !important;
  border-radius: 100%;
  background: #212121;
  text-align: center;
  border:#737474 2px solid;
  overflow: hidden;
  position:relative;
  margin:0 2px;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
}
.media-pager .sy-controls li a:after{

}
.media-pager li a{
  color: transparent;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  right:0;
}
.media-pager li.sy-active{
  background: #fff;
  border-color: #bf3d3d;
  border-width: 3px;
  box-shadow: rgba(0,0,0,0.3) 1px 2px 2px;
}
.media-posts article img{
  border:#1c1c1c 1px solid;
  width: 100%;
  height: 210px;
}
.media-posts article h2{
  font-family: shabnam;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  font-size: 10px;
  background: #282828;
  color: #fff; 
  margin: 10px 0 0;
  overflow: hidden;
  text-align:center;
}
.media-posts article .post-info{
  height: 20px;
  line-height: 20px;
  background: #0e0e0e;
  color: #fff;
  list-style: none;
  font-size: 10px;
  margin: 0 0 30px;
}
.media-posts article:nth-child(1){
  padding-right: 0;
}
.media-posts article:nth-child(3n){
  padding-left: 0;
}
.media-posts article:nth-child(4n){
  padding-right: 0;
}
.media-posts::after{
  content: "";
  display: block;
  clear: both;
}
.media-posts article .post-info{
  text-align: center;
}
.media-posts article .post-info li{
  display: inline-block;
}
.media-posts article .post-info li::after{
  content: "|";
  font-size: 10px;
}
.media-posts article .post-info li span{
  padding: 0 5px;
  font-size: 10px;
}
.media-posts article .post-info li:nth-last-of-type(1)::after{
  content: none;
}