﻿


.center {
    text-align: center;
}

.button-more {
}

    .button-more .button-head {
        text-align: center;
    }

    .button-more .button {
        margin-top: 55px;
        text-align: center;
        display: inline-block;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        /*.button-more .button .btn {
            color: #333333b3;
        }*/


        .button-more .button .btn::before {
            position: absolute;
            content: "";
            right: 0;
            bottom: 0;
            /*background: #333333b3;*/
            height: 2px;
            width: 40px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .button-more .button:hover .btn::before {
            width: 100%;
        }

        .button-more .button .btn:after {
            position: absolute;
            content: "";
            right: 0;
            bottom: 0;
            /*background: #333333b3;*/
            height: 30px;
            width: 2px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .button-more .button:hover .btn::after {
            height: 100%;
        }

        .button-more .button span::before {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            /*background: #333333b3;*/
            height: 2px;
            width: 40px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .button-more .button:hover span::before {
            width: 100%;
        }

        .button-more .button span::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            /*background: #333333b3;*/
            height: 30px;
            width: 2px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .button-more .button:hover span::after {
            height: 100%;
        }



.shadow .single-news, .single-service {
    transition: all 0.6s;
}

.shadow .single-news:hover, .single-service:hover {
    box-shadow: 0px 0px 20px #003 !important;
    transform: scale(1.1);
    z-index: 999;
}
