.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* Theme Styles ============================================================ */

.text-muted{ color:#868e96 !important; } .links-muted > a, .links--muted a{ color:#868e96; }
.text-secondary{ color:#626b75 !important; } .links-secondary > a, .links--secondary a{ color:#626b75; }

  .overlay-alpha {
    content: no-close-quote;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: url("overlay.svg") repeat-x;
    opacity: .8; z-index:3;  }	


.mediagrid span.hits:before,
.mediagrid span.author:before,
.mediagrid span.comments:before{ font-family: "fico" !important; font-size:inherit; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mediagrid span.comments:before { content: '\e80e'; }
.mediagrid span.hits:before { content: '\e826'; }
.mediagrid span.author:before { content: '\e80d'; }


.line-1{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line-2, .line-3, .line-4, .line-5, .line-6{
display: block;  display: -webkit-box;  max-width: 100%; -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;
}
 .line-2{  -webkit-line-clamp: 2;  }
 .line-3{  -webkit-line-clamp: 3;  }
 .line-4{  -webkit-line-clamp: 4;  } 
 .line-5{  -webkit-line-clamp: 5;  }
 .line-6{  -webkit-line-clamp: 6;  }
 
 
.mediagrid .rating_widget .arrow span:before,
.mediagrid .rating_widget .arrow a:before,
.mediagrid .info_bar [class*="bi_"]:before{
  font-family: "fico";
  font-style: normal;
  font-weight: normal;
  speak: none; 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}
.mediagrid .info_bar .bar_item.bi_user:before{
	content:'\e80d';	
}
.mediagrid .info_bar .bar_item.bi_hits:before{
	content:'\e826';	
}
.mediagrid .info_bar .bar_item.bi_comments:before{
	content:'\e80e';	
}
.mediagrid .info_bar .bar_item.bi_folder:before{
	content:'\f067';	
}




/* Theme ============================================================ */



.mediagrid,
.mediagrid .row{
	margin:0;
	height:100%;
}

.mediagrid .row{
   display:flex;
}
.mediagrid .layed {
    position: absolute;
    bottom: 0;
}
.mediagrid .big-grid-overlay.layed {
    padding: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 3;
    color: white;
}

.mediagrid.clearfix {
    position: relative;
}


.mediagrid .grid-inner {
    overflow: hidden !important;
    display: block;
    position: relative;
	min-height:100%;
	height:100%;
	width:100%;
	min-width:100%;
}
.mediagrid .grid-inner video{
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
	z-index:2
}
.mediagrid .grid-inner > a {
	display:block;text-decoration:none !important;height:100%;width:100%; 
}
.mediagrid .grid-inner img{
    max-width: none;
    width: 100%;
	visibility:hidden;
}


.mediagrid .grid-inner .overlay-image{	
     opacity:0.9;
       transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;	
	background-color:rgba(89, 80, 76);
	background-position: center center; 
	background-repeat:no-repeat; background-size:cover;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

.mediagrid .relative a:hover .overlay-image{
     opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

.mediagrid .col-xs-12.small-grid-group {
    padding: 0px;
}


.mediagrid .col-md-6.relative.medium-grid, 
.mediagrid .col-md-6.relative.big-grid {
    padding: 0px;
} 

.mediagrid .big-grid-overlay h3{
	line-height:1;
	font-size:28px;
}
.mediagrid .big-grid-overlay h3, 
.mediagrid .grid-item-category, 
.mediagrid .grid-title{
    font-weight: 700;
    color: #fff;
}

.mediagrid .grid-post-meta{
    font-size:13px;
}

.mediagrid .grid-item-category{
	margin-bottom:6px;
}
.mediagrid .grid-item-category, 
.mediagrid .grid-title {
    background: #ea1940;
	color:#fff;
	text-transform:uppercase;
    border: 0px;
    font-size: 11px;
	line-height:11px;
    padding: 4px 4px 3px 4px;
	
}

.mediagrid .grid-title {
    position: absolute;
    left: 30px;
    z-index: 3;
    top: 30px;
	background:#000;
	color:#fff;
	font-size: 13px;
	line-height:13px;	
    text-transform: uppercase;
}

.mediagrid .col-12.medium-grid {
    padding-top: 10px;
}
.mediagrid .col-12.medium-grid {
    padding: 10px 0px 0px 0px;
}

.mediagrid .col-12.small-grid-group {
    padding: 10px 0px 0px 0px;
}

.mediagrid .relative.small-grid {
    padding: 0px;
}
.mediagrid .col-12.medium-grid h3{
    font-size: 13px;
}

.mediagrid .relative.small-grid h3 {
    font-size: 10px;
}

.mediagrid .relative.small-grid.mobile-padded {
    padding: 0px 5px 0px 0px;
}
.mediagrid .relative.small-grid.mobile-padded:last-of-type {
    padding-right: 0 !important;
}

.mediagrid span.comments{
	float:right;
}



.mediagrid.counts-2 .col-12.medium-grid:last-child,
.mediagrid.counts-3 .col-12.medium-grid:last-child{
	margin-bottom:0;padding-bottom:0;
}



.mediagrid.counts-1 .col-12.big-grid{
	padding:0;
}
.mediagrid.counts-1 .col-12.big-grid h3{
	
}


@media only screen and (max-width: 580px){
	.mediagrid .relative.small-grid h3 {
    font-size: 16px;
    }
    .mediagrid .col-12.medium-grid h3 {
    font-size: 20px;
    } 
	.mediagrid .col-md-6.big-grid h3 {
    font-size: 24px;
    }	
}
@media only screen and (min-width: 768px){
    .mediagrid .big-grid-overlay.layed{
        padding: 20px;
    }
    .mediagrid .big-grid-overlay.layed {
    padding: 50px 60px;
    }
    .mediagrid .relative.small-grid h3 {
    font-size: 20px;
    }
    .mediagrid .col-12.medium-grid h3 {
    font-size: 24px;
    }
}
@media only screen and (min-width: 1000px){
    .mediagrid .col-12.medium-grid  {
    padding: 0px 0px 5px 5px;
    }
    .mediagrid .col-12.small-grid-group{
    padding: 0px 0px 0px 5px; 
    }
    .mediagrid .col-12.small-grid-group img {
  
    }
    .mediagrid .col-12.medium-grid img {

    }
    .mediagrid .big-grid-overlay.layed {
    padding: 30px 30px;
    }
    .mediagrid .relative.small-grid.mobile-padded:last-of-type {
    padding-right: 0px !important;
    }
    .mediagrid .relative.big-grid img {
    
    }
}
@media only screen and (max-width: 580px){
	.mediagrid .relative.small-grid h3 {
    font-size: 16px;
    }
    .mediagrid .col-12.medium-grid h3 {
    font-size: 20px;
    } 
	.mediagrid .col-md-6.big-grid h3 {
    font-size: 24px;
    }
}