/* gallery */
.gallery-img-grid{
      border:solid 5px beige;
}
.gallery-img-grid:hover{
      border:solid 5px #ffbc00;
}

.gallery-grid1 img {
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    padding: 12px 10px;
    border:solid 5px red;
}

.gallery-grid1:hover img {
    -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    border:solid 5px black;
}
/*--// gallery-- */


/* popup */

.popup-effect {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}

    .popup-effect:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    background: #fff;
    border-radius: 4px;
    max-width: 660px;
    position: relative;
    margin: 3em auto;
    padding: 2em 2em;
    z-index: 999;
    text-align: center;
}


    .popup .close {
        position: absolute;
        top: 5px;
        right: 15px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #000;
    }

        .popup .close:hover {
            color: #686de0;
        }

@media(max-width:767px) {
    .popup {
        background: #fff;
        border-radius: 4px;
        max-width: 660px;
        position: relative;
        margin: 3em auto;
        padding: 2em 2em;
        z-index: 999;
        text-align: center;
    }
}
/* //popup */


/*--// gallery text-- */

.number-w3three-info span {
    font-size: 30px;
    line-height: 2.1;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}



/*--// gallery text-- */