/*
   Art4muslim : 3enaya
*/
.project-item{
  margin-bottom: 25px;background:#f5f5f5;border-bottom:4px solid #0fa32a
}

.project-item figure .fig-img{
  position: relative;overflow:hidden;border-bottom:1px solid #e8e8e8
}

.project-item figure .fig-img a{
  display: block;
  overflow: hidden;
  margin:20px 20px 25px;
}

.project-item figure .fig-img a img{
  width: 100%;
  height: 225px;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.project-item figure .fig-img a:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
  -moz-transform: scale3d(1.2, 1.2, 1);
  -o-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

.project-item figure figcaption{
  position: relative;
  background: #f5f5f5;
  padding: 20px;
}

.project-item figure figcaption h4{
  margin-top: 0;
}

.project-item figure figcaption h4 a{
  color: #444;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
}


.project-item figure figcaption .inf{
  text-align: center;margin-top:20px
}

.project-item figure figcaption .inf{
  color:#d52828;font-size:16px
}

.project-item figure figcaption .inf a i{
  margin: 0 5px;
}

.video-item {
    margin-bottom: 25px
}
.video-item figure,
.video-item figure .fig-img {
    position: relative
}
.video-item figure .fig-img img {
    width: 100%;
    height: 225px
}
.video-item figure .fig-img .play-icon {
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.video-item figure .fig-img .play-icon a {
    display: block;
    width: 70px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    background: #e02f2f;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 18px;
    text-align: center
}
.video-item figure figcaption {
    padding-top: 15px
}
.video-item figure figcaption h4 {
    margin-top: 0
}
.video-item figure figcaption h4 a {
    display: block;
    color: #088b4c;
    font-weight: 500;
    font-size: 19px
}
.video-item figure figcaption span {
    font-family: Tahoma;
    color: #727272
}
.video-item figure figcaption span i {
    margin-left: 7px
}
.video-item figure p {
    margin: 5px 0 0;
    color: #000;
    font-size: 16px;
    height: 88px;
    max-height: 88px;
    overflow: hidden
}
.video-item.album-item figure .fig-img img {
    height: 205px
}
.video-item.album-item figure .fig-img .play-icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, .6);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.video-item.book-item figure .fig-img img {
    height: 265px
}
.video-item.book-item figure .fig-img .play-icon {
    top: 100px
}
.video-item.book-item figure .fig-img .play-icon a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: rgba(0, 0, 0, .5);
    font-size: 24px
}
.video-item.book-item figure figcaption h4 a {
    font-size: 17px;
    font-weight: 400
}
.video-item.service-item figure .fig-img img {
    height: 222px
}
.news-item {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 15px
}
.news-item .media .media-left img {
    width: 265px;
    height: 160px
}
.news-item .media .media-body h4 a {
    display: block;
    color: #088b4c;
    font-size: 18px;
    font-weight: 500
}
.news-item .media .media-body span {
    display: block;
    color: #7c7c7c;
    font-size: 14px;
    margin-bottom: 7px
}
.news-item .media .media-body span i {
    margin-left: 7px
}
.news-item .media .media-body p {
    color: #1e1e1e;
    margin: 0;
    font-size: 17px;
    max-height: 120px;
    overflow: hidden
}
div.list-comments div.media{border:1px solid #eee;margin:15px 0;border-radius:2px}
div.list-comments div.media img{margin-left:20px}
div.list-comments div.media h4{border-bottom:1px solid #eee;margin:5px 0}

.navbar-brand>img {
    height: 170px;
}
.main-slider .owl-carousel .item img {
    width: auto;
    max-height: 800px;
}
.our-partners .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-height: 100px;
}