.gray-filter{
    filter: grayscale(100%);
}
.film-box:hover ,.media:hover{
    filter:none;
}
.film-box:hover > .thumbnail{
    background-color:#1cc3c9;
    transition: all 700ms ease 0s;
}
.film-box:hover a{
    color:#fff;
}
.bg-box{
    background-color: #f6f7f9;
    border:1px solid #f1f2f6;
    overflow:hidden;
}
.pic-fill {
    height: 130px !important;
    width: 100%;
}
.top-box{
    padding:20px 10px 5px 10px !important;
}
.paddt-20{
    padding-top:20px !important;
}
.paddt-15{
    padding-top:15px !important;
}
.paddb-15{
    padding-bottom:15px !important;
}
.paddr-15{
    padding-right:15px !important;
}
.paddl-15{
    padding-left:15px !important;
}
.padd-15{
    padding:15px !important;
}
.paddt-10{
    padding-top:10px !important;
}
.paddb-10{
    padding-bottom:10px !important;
}
.paddr-10{
    padding-right:10px !important;
}
.paddl-10{
    padding-left:10px !important;
}
.padd-10{
    padding:10px !important;
}
.paddt-5{
    padding-top:5px !important;
}
.paddb-5{
    padding-bottom:5px !important;
}
.paddr-5{
    padding-right:5px !important;
}
.paddl-5{
    padding-left:5px !important;
}
.padd-5{
    padding:5px !important;
}
.no-paddt{
    padding-top:0 !important;
}
.no-paddb{
    padding-bottom:0 !important;
}
.no-paddr{
    padding-right:0 !important;
}
.no-paddl{
    padding-left:0 !important;
}
.no-padd{
    padding:0 !important;
}
.margt-15{
    margin-top:15px !important;
}
.margb-15{
    margin-bottom:15px !important;
}
.margr-15{
    margin-right:15px !important;
}
.margl-15{
    margin-left:15px !important;
}
.marg-15{
    margin:15px !important;
}
.margt-5{
    margin-top:5px !important;
}
.margb-5{
    margin-bottom:5px !important;
}
.margr-5{
    margin-right:5px !important;
}
.margl-5{
    margin-left:5px !important;
}
.marg-5{
    margin:5px !important;
}
.no-marg{
    margin:0 !important;
}
a:hover{
    text-decoration:none;
}
.pos-rel{
    position:relative;
}
.caption h2 {
    height: 50px;
    margin-top: 5px;
    overflow: hidden;
}
.caption h2 a {
    color: #333;
    font-size: 0.7em;
    word-spacing: -1px;
}
.img-box,film-box{
    overflow:hidden;
}
.img-box .caption {
    position: absolute;
    bottom: -100px;
    background-color: rgba(0, 3, 8, 0.85);
    padding-top: 0;
    padding-bottom: 0;
    transition: all 400ms ease 0s;
    width:100%;
}
.img-box .caption h2 a
{
    color:#1cc3c9;
}
.img-box:hover .caption{
     bottom: 0;
    
}
.no-back{
    background:none;
}
.const-height{
    height:550px;
}
@media only screen and (max-width: 768px) {
   .pic-fill {
    height: 200px !important;
}
   .jp-jplayer{
       height:220px !important;
   }
   .jp-jplayer img,.jp-jplayer object,.jp-jplayer video{
       height:100% !important;
       vertical-align:top;
   }
   .jp-video-play-icon{
       top:55% !important;
   }
   footer h5{
       left: 15% !important;
   }
}

.video-volume ,.video-full{
    float:right;
}
.video-start {
    float:left;
}
.btnlike{
    border:none;
    background:none;
    padding:0;
}