/****************kkkkkkkkkkkkkkkkkkk*******************/
.service-topsec {
    height: auto;
    width: 100%;
    margin: 20px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.sectitle-h4 {
    height: auto;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    color: #222;
}

/*===Gallery Section===*/

.gallery-section .sec-title-one {
    float: left;
}

.gallery-filter {
    float: right;
    margin: 5px 0px 40px;
}

    .gallery-filter li {
        padding: 0;
        cursor: pointer;
        margin-right: 4px;
        display: inline-block;
        margin: 0px 0px 10px 0px;
    }

        .gallery-filter li span {
            font-size: 15px;
            font-weight: 600;
            line-height: 28px;
            color: #333333;
            padding: 6px 10px;
            font-style: normal;
            display: inline-block;
            border: 1px solid #dcdcdc;
            text-transform: capitalize;
            transition: .5s ease;
            font-family: 'Montserrat', sans-serif;
        }

        .gallery-filter li:hover span,
        .gallery-filter li.active span {
            color: #ffffff;
            background: #e72406;
            border-color: #e72406;
            transition: .5s ease;
        }

.gallery-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
}

    .gallery-item img {
        width: 100%;
        transform: scale(1);
        transition: .5s ease;
    }

    .gallery-item:hover img {
        transform: scale(1.3);
        transition: .5s ease;
    }

    .gallery-item .image-box {
        position: relative;
        overflow: hidden;
    }


        .gallery-item .image-box:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            display: block;
            z-index: 8;
            opacity: 0;
            -webkit-transform: perspective(400px) rotateX(-90deg);
            -ms-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            background-color: rgba(0, 0, 0, 0.75);
        }

    .gallery-item:hover .image-box:before {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    .gallery-item .overlay a {
        background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
        border-radius: 50%;
        color: #222;
        font-size: 20px;
        height: 60px;
        margin: 0 5px;
        line-height: 60px;
        opacity: 0;
        display: inline-block;
        text-align: center;
        -webkit-transform: translateX(0%) translateY(-30%) scale(0.9);
        -ms-transform: translateX(0%) translateY(-30%) scale(0.9);
        transform: translateX(0%) translateY(-30%) scale(0.9);
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        width: 60px;
    }

        .gallery-item .overlay a:hover {
            background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
            color: #f36371;
        }

    .gallery-item:hover .overlay a {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0%) scale(1);
        -ms-transform: translateX(0) translateY(0%) scale(1);
        transform: translateX(0) translateY(0%) scale(1);
    }

    .gallery-item .overlay {
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        z-index: 10;
    }

    .gallery-item:hover .overlay {
        opacity: 1;
    }

    .gallery-item .date-box {
        position: absolute;
        top: -32px;
        left: 50%;
        margin-left: -32px;
        display: inline-block;
    }

        .gallery-item .date-box h6 {
            position: relative;
            z-index: 8;
            font-size: 17px;
            color: #000000;
            width: 65px;
            height: 65px;
            text-align: center;
            line-height: 55px;
            border-radius: 50%;
            background: #f9be4d;
            border: 6px solid #ffffff;
            font-family: 'Roboto', sans-serif;
        }

    .gallery-item .image-content {
        position: relative;
        padding: 30px 30px 50px 30px;
        background: #fafafa;
        border-bottom: 2px solid #efeeee;
    }

    .gallery-item .reting i,
    .gallery-item .reting span {
        color: #f36371;
        font-size: 14px;
        line-height: 26px;
        font-weight: 400;
        font-style: normal;
        float: left;
    }

    .gallery-item .reting a {
        color: #f36371;
        font-size: 14px;
        line-height: 26px;
        font-weight: 500;
        font-style: normal;
        font-family: 'Montserrat', sans-serif;
        float: right;
    }

    .gallery-item .bottom-text {
        padding: 6px 0px 20px;
    }

        .gallery-item .bottom-text h6 {
            font-size: 18px;
            color: #333333;
            line-height: 27px;
            font-weight: 600;
            transition: .5s ease;
        }

            .gallery-item .bottom-text h6 a {
                height: auto;
                width: 100%;
                color: #4c4646;
                font-size: 18px;
                line-height: 27px;
                text-align: center;
                float: left;
                padding: 15px 0px 0px 0px;
                font-family: roboto;
            }

                .gallery-item .bottom-text h6 a:hover {
                    color: #f36371;
                    transition: .5s ease;
                }

    .gallery-item .info {
        position: relative;
        padding-top: 15px;
        border-top: 1px solid #e8e8e8;
    }

        .gallery-item .info p {
            color: #333333;
            font-weight: 500;
            margin-bottom: 0px;
            font-size: 14px;
        }

            .gallery-item .info p i {
                margin-right: 8px;
                color: #f9be4d;
            }

.fancybox-skin {
    background: rgba(11, 70, 150, 0.8) !important;
}