.mfp-container,.media-box,.media-boxes-load-more-button,.media-boxes-filter,.media-boxes-drop-down-menu > li > a,.media-boxes-drop-down-header > a {
font-family:'Lato',sans-serif!important
}

.media-box {
font-size:13px
}

.media-box-container {
border-radius:0!important;
box-shadow:none!important
}

.media-box-container:hover > .media-box-content .media-box-title {
text-overflow:clip;
white-space:normal
}


.media-box-content {
position:relative;
color:#333;
line-height:17px;
padding:0;
border-top:1px solid #d12028;
background:#fff!important
}

.media-box-image-caption {
position:absolute;
z-index:3;
bottom:0;
padding:20px;
font-size:21px;
color:#fff;
width:100%
}

.media-box-title {
letter-spacing:0;
line-height:1.1;
color:#292929!important;
font-weight:400!important;
font-size:20px!important;
padding:5px 0 10px!important;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
display:block
}
.media-box-title a {
color:#292929!important
}
.media-box-title a:hover {
text-decoration:none
}

.media-box-title-text a {
margin:0;
font-weight:700;
font-family:"Lato",sans-serif;
font-size:18px;
border-bottom:1px solid #d12028;
color:#292929;
text-transform:uppercase
}

.media-box-tag {
/*



color:#828282;




text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
*/
z-index:1;
font-family:'Roboto',sans-serif!important;
min-height:28px;
display:block;
color:#828282;
padding:0;
text-transform:uppercase;
width: 100%;
font-size:11px!important;
}
/*
.media-box-tag a {
color:#828282!important;
display:inline-block;
padding-top:7px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
.media-box-tag a:hover {
text-decoration:underline
}
*/
.media-box-category {
display: inline-block;
width: calc(100% - 28px);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color:#828282 !important; 
padding: 6px 0px 0 2px !important;
}

.media-box-category a {
color:#828282!important;
display:inline-block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
.media-box-category a:hover {
text-decoration:underline
}


.media-box-excerpt {
font-size:13px;
margin:0!important;
color:#BDBDBD;
color:#828282;
min-height:30px
}

.media-box-share {
display:inline-block;
float:right;
clear:both
}

.media-box-artist {
color:#BDBDBD!important;
font-weight:400!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
font-size:16px!important
}

.media-box-author {
font-size:12px;
margin:0!important;
color:#828282;
min-height:20px;
padding:3px 15px 0
}

.media-box-position {
letter-spacing:-2px;
color:#000;
font-size:40px;
left:0;
min-width:45px;
padding:13px 6px;
position:absolute;
text-align:center;
top:6px
}

.media-box-title.votes {
font-size:18px
}
.media-box-title.votes > span {
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
font-style:italic;
font-size:18px
}

.media-box-title.votes > p {
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important
}

.media-box-title small {
font-size:12px;
display:block;
font-weight:300;
margin-top:5px
}

.media-box-year {
color:gray;
font-size:11px;
margin-bottom:3px
}

.media-box-author {
font-size:11px;
margin:3px 0 0!important
}

.media-box-date {
font-size:11px;
line-height:15px;
margin-top:5px;
color:#828282!important;
font-size:14px!important
}

.media-box-text-container {
line-height:18px;
overflow:hidden;
padding:0 0 5px 45px;
text-overflow:ellipsis;
white-space:nowrap;
}

.media-box-big-icon {
margin-bottom:12px
}

.media-box-big-icon .fa {
font-size:55px!important;
color:#fff!important;
-webkit-transform:scale(1)!important;
-moz-transform:scale(1)!important;
-ms-transform:scale(1)!important;
-o-transform:scale(1)!important;
transform:scale(1)!important
}

.media-box-text {
font-size:12px;
margin:13px 0!important;
color:#333
}

.media-box-view-image {
margin:12px 0 0
}

.media-box-more a,.media-box-view-image a {
text-decoration:none!important;
color:inherit;
padding:0;
margin:0;
color:#e54e53;
font-weight:600
}

.media-box-more a:hover,.media-box-view-image a:hover {
color:#333
}

.media-boxes-load-more-button {
cursor:pointer;
width:150px;
text-align:center;
color:#fff;
background-color:#fff;
font-size:14px!important;
height:15px;
padding:10px 15px;
margin:0 auto;
line-height:15px;
-webkit-box-sizing:content-box!important;
-moz-box-sizing:content-box!important;
box-sizing:content-box!important
}

.media-boxes-no-more-entries {
filter:alpha(opacity=20);
opacity:.2
}

.filters-container {
margin-bottom:15px
}

.filters-container:after {
content:" ";
visibility:hidden;
display:block;
height:0;
clear:both
}

.media-boxes-filter {
font-size:0;
list-style:none;
margin:0;
padding:0;
text-align:left
}

.media-boxes-filter>li {
display:inline-block;
line-height:16px;
margin:0 8px 0 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.media-boxes-filter>li:last-child {
background:none
}

.media-boxes-filter>li a {
display:block;
cursor:pointer;
color:#676767;
font-size:12px;
font-weight:400;
text-decoration:none;
margin:0;
padding:11px 14px;
background-color:#fff;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-transition:background-color .1s;
-moz-transition:background-color .1s;
-o-transition:background-color .1s;
-ms-transition:background-color .1s;
transition:background-color .1s;
-webkit-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-moz-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-o-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-ms-box-shadow:0 1px 1px rgba(34,25,25,0.2);
box-shadow:0 1px 1px rgba(34,25,25,0.2)
}

.media-boxes-filter>li a:hover {
text-decoration:none;
background:#333;
color:#fff
}

.media-boxes-filter>li a.selected {
background:#e54e53;
color:#fff;
-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15)!important;
-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15)!important;
box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15)!important
}

.media-boxes-search {
padding:10px 14px;
font-size:12px;
margin:0;
font-weight:400;
color:#555;
vertical-align:middle;
background-color:#fff;
border:1px solid #ccc;
border-radius:1px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.media-boxes-search:focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.media-boxes-drop-down {
width:140px;
margin:0;
position:relative;
-webkit-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-moz-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-o-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-ms-box-shadow:0 1px 1px rgba(34,25,25,0.2);
box-shadow:0 1px 1px rgba(34,25,25,0.2)
}

.media-boxes-drop-down-header .fa {
float:right
}

.media-boxes-drop-down-menu {
margin:0;
padding:0;
z-index:99999;
position:absolute;
width:100%;
display:none;
-webkit-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-moz-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-o-box-shadow:0 1px 1px rgba(34,25,25,0.2);
-ms-box-shadow:0 1px 1px rgba(34,25,25,0.2);
box-shadow:0 1px 1px rgba(34,25,25,0.2)
}

.media-boxes-drop-down-menu > li {
list-style:none
}

.media-boxes-drop-down-menu > li:first-child > a {
border-top:1px solid #E9E9E9
}

.media-boxes-drop-down-menu > li > a,.media-boxes-drop-down-header > a {
font-size:12px;
font-weight:400;
display:block;
padding:10px 14px;
text-decoration:none;
background-color:#fff;
color:#676767;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}

.media-boxes-drop-down-menu > li > a {
color:#999
}

.media-boxes-drop-down-menu > li > a:hover,.media-boxes-drop-down-menu > li > a:focus {
color:#000
}

.media-boxes-drop-down-menu > li.selected > a,.media-boxes-drop-down-menu > li > a.selected {
color:#e54e53
}

.media-boxes-drop-down-header > a {
background-color:#fff
}

.thumbnail-overlay {
background:#000;
background-color:rgba(0,0,0,0.30);
color:#333
}

.thumbnail-overlay>div.aligment {
height:100%;
width:100%;
display:table!important
}

.thumbnail-overlay>div.aligment>div.aligment {
padding:10px;
display:table-cell!important;
vertical-align:middle;
text-align:center
}

.overlay-title {
font-weight:500;
font-size:16px;
display:block;
line-height:16px;
margin-bottom:5px
}

.overlay-description {
font-weight:400;
font-size:12px;
display:block;
line-height:16px
}

.thumbnail-overlay i.fa {
background:#e54e53;
font-size:13px;
color:#fff;
text-align:center;
display:inline-block;
margin:3px;
height:44px;
width:44px;
line-height:45px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transition:-webkit-transform .2s,background .1s;
-moz-transition:-moz-transform .2s,background .1s;
-o-transition:-o-transform .2s,background .1s;
-ms-transition:-ms-transform .2s,background .1s;
transition:transform .2s,background .1s
}

.thumbnail-overlay i.fa:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
cursor:pointer;
background:#333!important
}

.mb-play-container {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-image:url(icons/blank.gif)
}

.mb-play-container .fa {
border:2px solid #fff;
padding:14px 15px 13px 17px;
font-size:19px;
color:#fff;
text-align:center;
width:50px;
height:50px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;
-webkit-transition:background-color .2s,-webkit-transform .2s;
-moz-transition:background-color .2s,-moz-transform .2s;
-o-transition:background-color .2s,-o-transform .2s;
-ms-transition:background-color .2s,-ms-transform .2s;
transition:background-color .2s,transform .2s
}

.mb-play-container:hover .fa {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}

.mb-open-popup {
cursor:pointer
}

.mfp-arrow.mfp-arrow:before,.mfp-arrow.mfp-arrow:after {
border:none!important
}

.mfp-arrow.mfp-arrow-left {
background:url(icons/icon-arrow-left.png) 50% 50% no-repeat!important
}

.mfp-arrow.mfp-arrow-right {
background:url(icons/icon-arrow-right.png) 50% 50% no-repeat!important
}

.mfp-close {
background:url(icons/icon-close.png) right no-repeat!important
}

.media-boxes-social-container {
float:right;
margin-right:10px;
font-size:18px
}

.media-boxes-social-container>* {
margin-right:5px
}

.media-box {
display:none;
float:left
}

.media-box-hidden,.not-loaded-before-search {
display:none
}

.media-boxes-container {
margin-right:0!important;
margin-bottom:0!important
}

.media-box-loaded {
display:block
}

.media-box-image {
position:relative;
overflow:hidden;
width:100%
}

.media-box-image div[data-width][data-height] {
position:relative;
overflow:hidden
}

.media-box-image div[data-width][data-height] img {
position:absolute;
top:-100%;
left:0;
right:0;
bottom:-100%;
margin:auto
}

.media-box .media-box-image img {
width:100%;
max-width:100%;
display:block
}

.media-box img {
max-width:100%
}

.media-box-image div[data-thumbnail],.media-box-image div[data-popup] {
background-position:center center;
background-repeat:no-repeat
}

.image-with-dimensions {
background-color:#000;
background-image:url(icons/loading-image.gif)
}

.broken-image-here {
background-color:#BE3730;
background-image:url(icons/broken-image.png)
}

.broken-image-here:not([data-height]) {
min-height:150px
}

.media-box-container {
overflow:hidden;
position:relative;
z-index:1
}

.media-box-container:hover {
z-index:2
}

.thumbnail-overlay {
position:absolute;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%
}

.position-reveal-effect .media-box-thumbnail-container {
z-index:2;
position:absolute;
width:100%;
top:0;
left:0
}

.position-reveal-effect .thumbnail-overlay {
z-index:1;
position:absolute;
left:0
}

.overlay-always-visible {
display:block!important;
zoom:1!important;
filter:alpha(opacity=100)!important;
opacity:1!important
}

.overlay-text-left>.aligment>.aligment {
text-align:left!important
}

.overlay-text-right>.aligment>.aligment {
text-align:right!important
}

.mfp-arrow:focus {
opacity:.65;
filter:alpha(opacity=65)
}

.mfp-arrow:hover {
opacity:1!important;
filter:alpha(opacity=100)!important
}

.my-mfp-slide-bottom .mfp-figure {
opacity:0;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8)
}

.my-mfp-slide-bottom.mfp-ready .mfp-figure {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}

.my-mfp-slide-bottom.mfp-removing .mfp-figure {
opacity:0;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8)
}

.my-mfp-slide-bottom.mfp-bg {
opacity:0;
-webkit-transition:opacity .3s ease-out;
-moz-transition:opacity .3s ease-out;
-o-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity:.8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity:0
}


.theme7 .media-box-category {
    padding: 6px 0 0 12px !important;
}

.theme7 .media-box-title {
    font-size: 16px !important;
    padding: 5px 12px 10px 12px !important;  
    overflow: auto;
    text-overflow: unset ;
    white-space: normal;
    
}