/*==================================================
GALLERY UNDER MAINTENANCE
==================================================*/

body{
    padding-top:104px;
    background:#f6f8fb;
}

.maintenance-page{
    min-height:80vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:120px 20px;
    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(149,193,31,.08),
            transparent 55%
        ),
        #f7f8fb;
}

.maintenance-content{
    width:100%;
    max-width:760px;
    margin:0 auto;
    padding:70px 60px;

    text-align:center;

    background:#ffffff;

    border:1px solid rgba(23,32,51,.06);
    border-radius:30px;

    box-shadow:
        0 25px 70px rgba(23,32,51,.10);
}

.maintenance-icon{
    width:110px;
    height:110px;

    margin:0 auto 30px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #95c11f,
            #7ca515
        );

    box-shadow:
        0 18px 40px rgba(149,193,31,.25);
}

.maintenance-icon i{
    color:#ffffff;
    font-size:42px;
}

.maintenance-content h1{
    margin:0 0 22px;

    color:#172033;

    font-size:46px;
    line-height:1.15;

    font-weight:700;
}

.maintenance-content p{
    max-width:620px;

    margin:0 auto 35px;

    color:#687080;

    font-size:17px;
    line-height:30px;
}

.maintenance-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:50px;

    padding:0 32px;

    border-radius:28px;

    background:#95c11f;

    color:#ffffff !important;

    font-size:12px;
    font-weight:700;

    text-decoration:none;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.maintenance-btn:hover{
    background:#7ea61b;

    transform:translateY(-3px);

    box-shadow:
        0 12px 28px rgba(149,193,31,.22);
}

@media only screen and (max-width:650px){

    body{
        padding-top:86px;
    }

    .maintenance-page{
        padding:80px 15px;
    }

    .maintenance-content{
        padding:50px 25px;
    }

    .maintenance-content h1{
        font-size:34px;
    }

    .maintenance-content p{
        font-size:15px;
        line-height:26px;
    }

    .maintenance-icon{
        width:90px;
        height:90px;
    }
}