.mfp-container, 
.media-box, 
.media-boxes-load-more-button, 
.media-boxes-filter, 
.media-boxes-drop-down-menu >li >a, .media-boxes-drop-down-header, 
.media-boxes-search{  font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight:300}

.media-box{ font-size:13px}

.media-box iframe{ display:block;  margin:0 !important}

.media-box-container{ }

.media-box-content{ padding:20px;  position:relative;  background:#fbfbfb;  color:rgb(51,51,51);  line-height:17px}

.thumbnail-overlay-animated{ position:relative;  opacity:0;  -webkit-transition:all 0.3s ease-in-out;  -moz-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out;  -ms-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out}

.thumbnail-overlay-animated[data-from="top"]{ top:-20px}

.thumbnail-overlay-animated[data-from="bottom"]{ top:20px}

.thumbnail-overlay-animated[data-from="left"]{ left:-20px}

.thumbnail-overlay-animated[data-from="right"]{ left:20px}


@media only screen and (min-width:768px){ .thumbnail-overlay:hover .thumbnail-overlay-animated{ opacity:1;  left:0;  top:0}
}

@media only screen and (max-width:768px){ .media-box-image:hover .thumbnail-overlay-animated{ opacity:1;  left:0;  top:0}
}

.thumbnail-overlay-button{ display:inline-block;  font-size:13px;  background:rgba(255,255,255,.3);  color:#fff;  padding:10px 14px;  margin:3px 0;  -webkit-transition:background 0.3s ease-in-out;  -moz-transition:background 0.3s ease-in-out;  -o-transition:background 0.3s ease-in-out;  -ms-transition:background 0.3s ease-in-out;  transition:background 0.3s ease-in-out}

.thumbnail-overlay-button:hover{ background:rgba(255,255,255,.4)}

.thumbnail-overlay-caption{ display:inline-block;  color:white;  font-size:11px;  background:rgba(255,255,255,.2);  padding:4px 6px;  margin:3px 0}

.media-box-title{ letter-spacing:0px;  line-height:normal;  font-weight:600;  color:rgb(51,51,51);  font-size:18px}

.media-box-title small{ font-size:12px;  display:block;  margin-top:5px}

.media-box-year{ color:gray;  font-size:11px;  margin-bottom:3px}

.media-box-author{ font-size:11px;  margin:3px 0 0px 0 !important}

.media-box-categories{ font-size:11px;  line-height:15px;  color:#e54e53;  margin-top:5px}

.media-box-categories span{ color:#333;  font-weight:600}

.media-box-date{ font-size:11px;  line-height:15px;  color:#e54e53;  margin-top:5px}

.media-box-date span{ color:#333;  font-weight:600}

.media-box-big-icon{ margin-bottom:12px}

.media-box-big-icon .fa{ font-size:55px !important;  color:white !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{ color:rgb(119,119,119);  font-size:14px;  line-height:26.6px;  margin:13px 0px 13px 0 !important}

.media-box-quote{ padding:30px;  background:#e54e53;  color:#fff;  font-size:14px;  line-height:28px}

.media-box-quote span{ display:block;  margin-top:20px;  font-size:13px}

.media-box-subscribe{ padding:30px;  background:#2C393F;  color:#fff;  font-size:14px;  line-height:28px}

.media-box-subscribe p{ color:#fff}

.media-box-subscribe input{ border-radius:0px;  border:0;  margin-top:10px;  margin-bottom:15px}

.media-box-subscribe .btn{ border:0;  color:#fff;  background:#86979F;  border-radius:2px;  -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);  -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);  box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);  min-width:120px;  font-size:12px;  padding:12px}

.media-box-view-image{ margin:12px 0 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;  font-size:11px}

.media-box-more a:hover, .media-box-view-image a:hover{ color:#333}

a.media-box-read-more-link{ background:#e54e53;  color:#fff; padding:0 4px}

a.media-box-read-more-link:hover{ background:#333;  text-decoration:none}

.media-box-footer{ background:#F1F1F1;  padding:20px}

.media-box-social-buttons{text-align:center}

.media-box-social-buttons i{font-size:15px; color:#C7C7C7; margin:0 7px; -webkit-transition:color .1s;  -moz-transition:color .1s;  -o-transition:color .1s;  -ms-transition:color .1s;  transition:color .1s}

.media-box-social-buttons i:hover{ color:#333}

.media-box-play-button{ background:rgba(28,186,200,1) !important;  color:#fff !important;  padding-left:3px}

.media-box-sound-button{ background:rgba(28,186,200,1) !important;  color:#fff !important;  padding-left:1px}

.media-box-logo{ text-align:center;  font-size:80px;  padding:30px 0;  color:rgba(255,255,255,.7);  -webkit-transition:color .1s;  -moz-transition:color .1s;  -o-transition:color .1s;  -ms-transition:color .1s;  transition:color .1s}
.media-box-logo:hover{ color:rgba(255,255,255,1)}

.media-box-price{ font-size:16px;  color:#e54e53;  margin-top:10px}

.media-box-price del{ font-size:12px;  color:#A4A4A4}

.media-box-sale{ color:#fff;  background:#e54e53;  width:45px;  height:45px;  line-height:45px;  border-radius:50%;  text-align:center;  position:absolute;  font-weight:100;  font-size:12px;  top:-10px;  right:10px;  z-index:99}


.media-boxes-load-more-button{ cursor:pointer;  width:150px;  text-align:center;  color:white;  background-color:#333;  font-size:14px !important;  height:15px;  padding:10px 15px 10px 15px;  margin:40px auto 0px;  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:0.2}


.entry-content ul.media-boxes-filter{margin-left:0; padding-left:0}

.filters-container{ margin-bottom:30px}

.filters-container:after{ content:"";  visibility:hidden;  display:block;  height:0;  clear:both}

@media only screen and (max-width:768px){ .filters-container>*{ float:left !important;  display:block;  margin-bottom:5px !important;  margin-right:5px !important}
.filters-container .media-boxes-filter{ margin-top:-5px !important}
.filters-container .media-boxes-filter>li{ margin-top:5px !important}
}

.media-boxes-filter{ font-size:0px;  list-style:none;  margin:0;  padding:0px;  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{ border:1px solid #EBEBEB;  display:block;  cursor:pointer;  color:#676767;  font-size:12px;  text-decoration:none;  margin:0 0px 0px 0;  padding:11px 14px;  background-color:white;  -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}

.media-boxes-filter>li a:hover{ text-decoration:none;  background:#333;  color:#fff}

.media-boxes-filter>li a.selected{ background:#777;  color:#fff !important;  -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 10px 14px;  font-size:12px;  margin:0;   color:#555;  vertical-align:middle;  background-color:#fff;  border:1px solid #EBEBEB;  border-radius:1px;     -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, 
.media-boxes-drop-down-header, 
.media-boxes-drop-down-menu, 
.media-boxes-drop-down-menu >li >a{ -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  -ms-box-sizing:border-box;  box-sizing:border-box}

.media-boxes-drop-down{ width:140px;  margin:0;  position:relative}

.media-boxes-drop-down-header{ background-color:white;  cursor:pointer;  border:1px solid #EBEBEB}

.media-boxes-drop-down-header .fa{ float:right}

.media-boxes-drop-down-menu{ margin:0 !important;  padding:0 !important;  z-index:99999;  position:absolute;  width:100%;  display:none;  border:1px solid #EBEBEB;  border-top:0 !important}

.media-boxes-drop-down-menu >li{ list-style:none;  margin:0 !important;  padding:0 !important}

.media-boxes-drop-down-header, 
.media-boxes-drop-down-menu >li >a{ font-size:12px;  margin:0 !important;  display:block;  padding:10px 14px !important;  text-decoration:none;  background-color:white;  color:#676767}

.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}

.thumbnail-overlay{background:black; background-color:rgba(0,0,0,0.5); color:#fff}


.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-size:12px;  display:block;  line-height:16px}

.thumbnail-overlay i.fa, 
.media-box-play-button, 
.media-box-sound-button{ background:#fff;  color: #e54e53;  text-align:center;  display:inline-block;  margin:3px;  height:50px;  width:50px;  line-height:50px;  font-size:15px;  -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:all .05s linear;        -moz-transition:all .05s linear;          -o-transition:all .05s linear;         -ms-transition:all .05s linear;             transition:all .05s linear}

.media-box-play-button, 
.media-box-sound-button{    font-size:15px;     height:50px;     width:50px;     line-height:50px}

.thumbnail-overlay i.fa:hover{    background:rgba(255,255,255,.3);     color:#fff;     cursor:pointer}

.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}


.iframe-on-grid-container, .iframe-on-grid-container iframe{ position:absolute;  z-index:5;  top:0;  left:0;  width:100%;  height:100%;  border:none;  background:#000;  display:none}

.iframe-on-grid-container{ display:block}

.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%;  -webkit-transform:translate3D(0,0,0);  -moz-transform:translate3D(0,0,0);  -ms-transform:translate3D(0,0,0);  -o-transform:translate3D(0,0,0);  transform:translate3D(0,0,0)}


.media-box .media-box-fill-height[data-width][data-height] img{ top:0 !important;  left:-100% !important;  right:-100% !important;  bottom:0 !important;  width:auto !important;  max-width:none !important;  height: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:black;     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:0.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 0.2s ease-out;  -moz-transition:all 0.2s ease-out;  -o-transition:all 0.2s ease-out;  transition:all 0.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 0.3s ease-out;  -moz-transition:opacity 0.3s ease-out;  -o-transition:opacity 0.3s ease-out;  transition:opacity 0.3s ease-out}

.my-mfp-slide-bottom.mfp-ready.mfp-bg{ opacity:0.8}

.my-mfp-slide-bottom.mfp-removing.mfp-bg{ opacity:0}