/*!*----------blog edited  on 1/06/2018 -------------*!*/

.blog-date{
    margin-top: 30px;
}
.blog-date h4{
    font-size: 24px;
    line-height: 31px;
    color: #1b2429;
 margin: 3px 0;
}

.blog-read{
    background-color:#f19623;
    color: #fff;
    padding: 6px 14px;
    border-radius: 5px;
    margin: 8px 0px;
}
.blogBox p{
    padding: 7px 0;
    line-height: 28px;
}
.blog-page hr{
    margin-bottom: 10px;
    border-top: 1px solid #e9e9e9;
}

.blog-page span{
    color:#f19523;
}
.imgBox a{
    position: relative;
}
.image {
    opacity: 1;
    display: inherit !important;
    /*width: 100%;*/
    /*height: auto;*/
    transition: .5s ease;
    backface-visibility: hidden;
    border: 5px solid transparent;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.imgBox a:hover .image{
    opacity: 0.4;
    border: 5px solid #303086;
}
.imgBox a:hover .middle {
    opacity: 1;

}
.text {
    color: #f19623;
    font-size: 30px;
}