/*****************************************************************/
/*                         structure                             */
/*****************************************************************/
.svg404{
    position:relative;
}
.svg404 .message-box{
    position:absolute;
    top:0;
    margin-left:20px;
}
.message-box h1{
    font-size:60px;
    line-height:46px;
    margin-bottom:40px;
}
.buttons-con .action-link-wrap{
    margin-top:40px;
}
.buttons-con .action-link-wrap a {
    background:#cbfe02;
    padding:8px 25px;
    border-radius:4px;
    color:#333;
    font-weight:bold;
    font-size:14px;
    transition: all 0.3s linear;
    cursor:pointer;
    text-decoration:none;
    margin-right:10px;
}
.buttons-con .action-link-wrap a:hover{
    background:#333;
    color:#fff;
}
#Polygon-1,#Polygon-2,#Polygon-3,#Polygon-4,#Polygon-5{
    animation:float 1s infinite ease-in-out alternate;
}
#polygon-2{
    animation-delay:.2s;
}
#polygon-3{
    animation-delay:.4s;
}
#polygon-4{
    animation-delay:.6s;
}
#polygon-5{
    animation-delay:.8s;
}
@keyframes float{
    100%{
        transform:translateY(20px);
    }
}
/**/
.container-notification{
    position:fixed;
    width:90%;
    bottom:3rem;
    left:50%;
    transform:translate(-50%);
    background:rgba(0,0,0,0.87);
    /*border:2px solid #28d2c7;*/
    color:#fff;
    border-radius:1rem;
    padding:1rem;
    z-index:1300;
}
.container-notification.top{
    top:1rem;
    bottom:auto;
}
/**/
@media screen and (min-width:360px){

}
@media screen and (min-width:576px){
    /**/
    .svg404{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:40px;
    }
    .svg404 svg{
        width:300px;
        height:500px;
    }
    .svg404 .message-box{
        position:static;
        margin-left:0px;
    }
    /**/
    .container-notification{
        width:auto;
    }
}
@media screen and (min-width:768px){

}
@media screen and (min-width:992px){

}
@media screen and (min-width:1200px){

}