/* Post block */
.post-block {
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    overflow: hidden;
    background-color: #222;
    position: relative;
    display: inline;
    float: left;
    margin: 0 5px 5px 0;
    width: 390px
}
.post-box-text {
    color: #fff;
    padding: 1em;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0)), color-stop(100%,rgba(51,51,51,0.9)));
    background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%);
    background: -o-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%);
    background: -ms-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,51,51,0) 0%,rgba(10,10,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#e6333333',GradientType=0 );
}
.post-block img {
    -khtml-opacity: 0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s;
         -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
}
.post-block:hover img {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}
.post-box-text span {
    color: #fff;
    background-color: #4a86b8;
    font-size: 11px;
    padding: 5px;
    display: inline-block;
    line-height: 1;
    vertical-align: text-top;
    margin-right: 2px;
    text-transform: uppercase;
    text-align: center
}
.post-box-text span a {
    color: #fff
}




.post-box-text h3,h2,h1
.post-box-text h3 a{
    color: 
}
.post-box-text h3,h1,h2 {
    margin-top: 0.3em;
    font-weight: 400;
    font-size: 18px
}
.post-box-text p {
    color: #fff;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    font-size: 11px;
    margin: 0
}
.post-box-text p:before {
    font-family:'FontAwesome';
    content: '\f133';
    margin-right: 5px
}

/* Posts block */
.posts-top-grid .post-block:nth-child(3n) {
    margin-right: 0
}
.posts-top-grid .post-block img {
    width: 100%
}