.block-video-gallery .title-under{
    display:none
}
.block-video-gallery .inner{
    display:table;
    margin:0 0 0 auto;
    table-layout:fixed
}
.block-video-gallery .inner .left,.block-video-gallery .inner .right{
    display:table-cell;
    vertical-align:top;
    padding:10px
}
.block-video-gallery .inner .left{
    padding:0 3em 0 0;
    width:78.3%;
    border-right-width:1px;
    border-right-style:solid;
    position:relative
}
.block-video-gallery .inner .right{
    padding-left:3em;
    position:relative;
    width:21.7%
}
.block-video-gallery .inner .video{
    width:100%;
    height:auto;
    display:block;
    margin:0 auto 0 0;
    position:relative;
    background:#000000;
    color:#ffffff
}
.block-video-gallery .inner .poster{
    position:absolute;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:100%;
    color:#ffffff !important;
    text-decoration:none !important;
    display:block;
    z-index:10;
    top:0;
    left:0
}
.block-video-gallery .inner .poster .width-in-wide{
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    padding-left:10px !important;
    z-index:10
}
.block-video-gallery .inner .poster h3{
    padding-top:14px;
    padding-bottom:2em
}
.block-video-gallery .inner .poster h3 span{
    display:inline-block;
    margin-right:20px;
    vertical-align:middle;
    max-width:100%
}
.block-video-gallery .inner .poster h3 .play{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:rgba(0,0,0,0.6);
    width:2em;
    height:2em
}
.block-video-gallery .inner .poster h3 .play img{
    display:block;
    width:0.885em;
    max-width:46px;
    margin:0 auto;
    top:50%;
    position:relative;
    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    transform:translate(0, -50%)
}
.block-video-gallery .inner .poster h3 i{
    display:block;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%
}
.block-video-gallery .inner video{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover
}
.block-video-gallery .inner .title-list{
    display:table;
    position:absolute;
    height:-webkit-calc(100% - 20px);
    height:-moz-calc(100% - 20px);
    height:-o-calc(100% - 20px);
    height:-ms-calc(100% - 20px);
    height:calc(100% - 20px);
    width:-webkit-calc(100% - 3em);
    width:-moz-calc(100% - 3em);
    width:-o-calc(100% - 3em);
    width:-ms-calc(100% - 3em);
    width:calc(100% - 3em)
}
.block-video-gallery .inner .title-list .row{
    display:table-row
}
.block-video-gallery .inner .title-list .title{
    display:table-cell;
    vertical-align:top;
    height:0
}
.block-video-gallery .inner .title-list .item-list{
    height:auto;
    display:table-cell;
    position:relative;
    height:100%
}
.block-video-gallery .inner .gradient{
    background:url("gradient.png") repeat-x bottom left;
    background-size:100% 50%;
    height:100%;
    width:100%;
    bottom:0;
    left:0;
    z-index:2;
    position:absolute;
    display:block;
    -webkit-transition:opacity 0.5s ease-out;
    -moz-transition:opacity 0.5s ease-out;
    -o-transition:opacity 0.5s ease-out;
    -ms-transition:opacity 0.5s ease-out;
    transition:opacity 0.5s ease-out
}
.block-video-gallery .inner a:hover .gradient{
    opacity:0.75
}
.block-video-gallery .inner .items{
    position:absolute;
    overflow:auto;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:1
}
.block-video-gallery .inner .items article{
    width:-webkit-calc(100% - 3em);
    width:-moz-calc(100% - 3em);
    width:-o-calc(100% - 3em);
    width:-ms-calc(100% - 3em);
    width:calc(100% - 3em);
    padding:20px 0;
    border-bottom-width:1px;
    border-bottom-style:solid;
    position:relative
}


.block-video-gallery .inner .items article .item .category{
    position:absolute;
    top:20px;
    left:20px;
    z-index:3;
    max-width:-webkit-calc(100% - 40px);
    max-width:-moz-calc(100% - 40px);
    max-width:-o-calc(100% - 40px);
    max-width:-ms-calc(100% - 40px);
    max-width:calc(100% - 40px)
}
.block-video-gallery .inner .items article .item .text{
    position:absolute;
    bottom:20px;
    left:20px;
    z-index:4;
    max-width:-webkit-calc(100% - 40px);
    max-width:-moz-calc(100% - 40px);
    max-width:-o-calc(100% - 40px);
    max-width:-ms-calc(100% - 40px);
    max-width:calc(100% - 40px);
    text-shadow:0px 0px 2px rgba(0,0,0,0.4)
}

.block-video-gallery .inner .items article:last-child {
	margin-bottom: 200px;
}

.block-video-gallery .inner .items article .item .text h3 {
	color: #fff;
}

.block-video-gallery .inner .items article .item .text i{
    font-style:normal
}
.block-video-gallery .item,.block-video-gallery .big{
    position:relative;
    color:#ffffff !important;
    text-decoration:none !important;
    display:block;
    overflow:hidden;
    background-color:#000000;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.block-video-gallery .item img,.block-video-gallery .big img{
    display:block;
    width:100%;
    height:100%
}

.block-video-gallery .inner .items .spacer{
    display:none
}
.block-video-gallery .inner .items .row{
    display:table-row;
    margin:0;
    padding:0
}
.block-video-gallery .inner .items .row.current{
    display:none
}
.block-video-gallery .inner .items .row .cell{
    display:table-cell;
    height:33.333%;
    position:relative;
    border-bottom-width:1px;
    border-bottom-style:solid
}
.block-video-gallery .inner .items .row .cell:first{
    border-top:none !important
}
.block-video-gallery .inner .items .row .cell .item{
    position:relative;
    padding:20px 0;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.block-video-gallery .inner .items .row .cell .item a{
    display:block;
    width:100%;
    height:100%;
    background-color:#000000;
    background-size:auto 150%;
    background-position:center center;
    background-repeat:no-repeat;
    color:#ffffff !important;
    text-decoration:none !important;
    position:relative;
    overflow:hidden
}
.block-video-gallery .inner .items .row .cell .item a h3{
    position:absolute;
    padding:20px;
    bottom:0;
    left:0;
    z-index:4;
    width:100%;
    color:#ffffff !important
}
.block-video-gallery .inner .items .row .cell .item a h3 span{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%
}
.block-video-gallery .inner .items .row .cell .item a .time{
    position:absolute;
    z-index:3;
    top:20px;
    left:20px;
    background:rgba(0,0,0,0.6);
    line-height:100%;
    padding:5px;
    font-size:0.857em;
    line-height:100%
}
.block-video-gallery .inner .items .row .cell .item a .time img{
    height:1em;
    vertical-align:middle;
    margin-right:5px;
    display:inline-block
}
@media only screen and (max-width: 1360px){
    .block-video-gallery .inner .title-list{
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px)
    }
    .block-video-gallery .inner .left{
        width:75%;
        padding-right:20px
    }
    .block-video-gallery .inner .right{
        width:25%;
        padding-left:20px
    }
    .block-video-gallery .inner .items .row .cell .item{
        padding-top:10px;
        padding-bottom:10px
    }
}
@media only screen and (max-width: 1024px){

    .block-video-gallery .inner .left{
        width:69%
    }
    .block-video-gallery .inner .right{
        width:31%
    }	
    /*.block-video-gallery .title-under{
        display:block;
        padding-left:20px;
        padding-right:20px
    }
    .block-video-gallery .inner{
        display:block;
        height:auto;
        width:100%
    }
    .block-video-gallery .inner .left,.block-video-gallery .inner .right{
        display:block;
        width:100%;
        padding:10px;
        padding-left:0;
        padding-right:0
    }
    .block-video-gallery .inner .left{
        border-right:none
    }
    .block-video-gallery .inner .poster .width-in-wide{
        left:0;
        padding-left:20px !important
    }
    .block-video-gallery .inner .title-list{
        display:block;
        width:100%;
        position:static;
        height:auto
    }
    .block-video-gallery .inner .title-list .row{
        display:block;
        width:100%
    }
    .block-video-gallery .inner .title-list .title{
        display:none
    }
    .block-video-gallery .inner .title-list .item-list{
        display:block;
        height:auto;
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px);
        position:relative;
    }
    .block-video-gallery .inner .items{
        display:table;
        width:100%;
        height:100%;
        position:relative;
        table-layout:fixed;
        list-style-type:none;
        margin:0;
        padding:0
    }
    .block-video-gallery .inner .items .row{
        display:table-cell;
        width:33.333%;
        padding-right:20px;
        padding-bottom:20px
    }
    .block-video-gallery .inner .items .row .cell{
        display:block;
        height:auto
    }
    .block-video-gallery .inner .items .row .cell .item{
        position:relative;
        height:146px;
        padding:0;
        border-bottom:none
    }*/


}
@media only screen and (max-width: 768px){
    .block-video-gallery .title-list .item-list{
        overflow:auto
    }
    .block-video-gallery .inner .items{
        display:table;
        width:100%;
        height:100%;
        position:relative;
        table-layout:fixed;
        list-style-type:none;
        margin:0;
        padding:0
    }
    .block-video-gallery .inner .items .spacer{
        display:table-cell;
        width:160px
    }
    .block-video-gallery .inner .items .row{
        display:table-cell;
        width:260px;
        padding-right:20px;
        padding-bottom:30px
    }
    .block-video-gallery .inner .items .row .cell{
        display:block;
        height:auto
    }
    .block-video-gallery .inner .items .row .cell .item{
        position:relative;
        height:146px;
        padding:0;
        border-bottom:none
    }
   	.block-video-gallery .inner .items article:last-child {
		margin-bottom: 0;
	
}
 


@media only screen and (max-width: 1360px){

    .block-video-gallery .inner .items article{
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px)
    }
}

@media only screen and (max-width: 768px){
    .block-video-gallery .title-under{
        display:block;
        padding-left:20px;
        padding-right:20px
    }
    .block-video-gallery .inner{
        display:block;
        height:auto;
        width:100%;
        margin:0 auto !important
    }
    .block-video-gallery .inner .left,.block-video-gallery .inner .right{
        display:block;
        width:100%;
        padding:10px;
        padding-left:0;
        padding-right:0
    }
   
   
    .block-video-gallery .inner .title-list{
        display:block;
        width:100%;
        position:static;
        height:auto
    }
    .block-video-gallery .inner .title-list .row{
        display:block;
        width:100%
    }
    .block-video-gallery .inner .title-list .title{
        display:none
    }
    .block-video-gallery .inner .title-list .item-list{
        display:block;
        height:auto;
        overflow:auto;
        white-space:nowrap
    }
    .block-video-gallery .inner .title-list .item-list .mask{
        display:none !important
    }
    .block-video-gallery .inner .items{
        display:block;
        height:auto;
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px);
        left:20px;
        position:relative;
        list-style-type:none;
        margin:0;
        padding:0;
        display:block
    }
    .block-video-gallery .inner .items article{
        width:260px;
        padding-right:20px;
        padding-bottom:30px;
        border-bottom:none;
        display:inline-block;
        vertical-align:top;
        white-space:normal
    }
    .block-video-gallery .inner .items .spacer{
        display:inline-block;
        vertical-align:middle
    }
    .block-video-gallery .inner .items .items-inner{
        display:inline-block;
        vertical-align:middle
    }

}