.news-list a {
                display: block;
                position: relative;
            }

            .news-title {
                font-size: 20px;
                font-family: 'Cinzel', serif;
                text-transform: uppercase;
                padding: 6px 0;
                line-height: 1.3;
                text-align: center;
            }

                .news-img {
                    position: relative;
                    height: 100%;
                    background-position: center;
                    background-size: cover;
                    z-index: 2;
                }

                    .news-img canvas {
                        display: block;
                        width: 100%;
                        background: #000;
                        opacity: .5;
                        -webkit-transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        transition: all 0.4s ease-in-out;
                    }

                        .news-list a:hover canvas{
                            background: #3d79b7;
                            opacity: .9;
                        }

                            .news-detail {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                            }

                                .news-label {
                                    position: relative;
                                    height: 100%;
                                    text-align: center;
                                }

                            .news-label::before {
                                content: '';
                                width: 0;
                                height: 100%;
                                display: inline-block;
                                vertical-align: middle;
                            }

                        .news-label span {
                            vertical-align: middle;
                            position: relative;
                            font-size: 20px;
                            font-weight: 400;
                            font-family: 'Cinzel', serif;
                            text-transform: uppercase;
                            color: #fff;
                            padding: 6px 0;
                            line-height: 1.3;
                            display: inline-block;
                            transition: opacity 0.3s, transform 0.3s;
                            opacity: 0;
                        }

                        a:hover .news-label span {
                            opacity: 1;
                        }

                            .news-label span::before {
                                top: -2px;
                                -webkit-transform: translateY(-10px);
                                -moz-transform: translateY(-10px);
                                transform: translateY(-10px);
                            }

                            .news-label span::before, .news-label span::after {
                                position: absolute;
                                left: 0;
                                width: 100%;
                                height: 3px;
                                background: #fff;
                                content: '';
                                opacity: 0;
                                -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
                                -moz-transition: opacity 0.3s, -moz-transform 0.3s;
                                transition: opacity 0.3s, transform 0.3s;
                                -webkit-transform: translateY(-10px);
                                -moz-transform: translateY(-10px);
                                transform: translateY(-10px);
                            }

                        .news-label span::after {
                            bottom: -2px;
                            -webkit-transform: translateY(10px);
                            -moz-transform: translateY(10px);
                            transform: translateY(10px);
                        }

                       

                    .news-list a:hover .news-label span:before, 
                    .news-list a:focus .news-label span::before, 
                    .news-list a:hover .news-label span::after, 
                    .news-list a:focus .news-label span::after {
                        opacity: 1;
                        -webkit-transform: translateY(0px);
                        -moz-transform: translateY(0px);
                        transform: translateY(0px);
                        
                        
                    }

                    .news-list a:hover .news-label span, 
                    .news-list a:focus .news-label span, 
                    .news-list a:hover .news-label span, 
                    .news-list a:focus .news-label span {
                        display: inline-block !important;
                    }

                .news-list-holder {
                    font-size: 0;
                    text-align: center;
                }

            .news-list {
                display: inline-block;
                vertical-align: top;
                width: 31.141%;
                margin: 0 0 35px;
                padding: 0 12.5px;
            }

        .news-list a::after{
            content: '';
            position: absolute;
            bottom: -22px;
            left: 0;
            width: 100%;
            height: 43px;
            background: url(images/news-shadow.png) no-repeat;
            background-size: 100% 100%;
            background-position: center;
            pointer-events: none;
        }