/**
 * Connected all styles.
 */

@import url('_normal.css');
@import url('_variable.css');
@import url('_typo.css');
@import url('_base.css');
@import url('_animation.css');


@import url('../static/fonts/fonts.css');


/*@import url('slick-theme.css');*/
@import url('../static/css/slick.css');
@import url('../static/css/select2.css');
@import url('../static/css/fancybox.css');




@import url('_header.css');
@import url('_footer.css');
@import url('_grid.css');
@import url('_banner.css');







@import url('_single.css');



/*@import url('_colors.css');*/

@import url('_page.css');



@import url('_sidebar.css');
@import url('_theme-mods.css');


@import url('_responsive.css');
@import url('_comments.css');

@import url('_scheme.css');
@import url('_rtl.css');













/*----------------------------------
404 Page
----------------------------------*/

.rppd-404-wrapper{
    min-height:60vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    overflow:hidden;
}
.rppd-404-content{
    max-width:700px;
    position:relative;
    z-index:2;
}
.rppd-404-number{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    font-size:180px;
    font-weight:800;
    line-height:1;
    color:var(--secondary-color);
}
.rppd-404-circle{
    width:130px;
    height:130px;
    border-radius:50%;
    border:15px solid transparent;
    background:
        linear-gradient(var(--site-background), var(--site-background)) padding-box,
        linear-gradient(90deg,var(--accent-color),var(--secondary-color)) border-box;
    position:relative;
    animation:rppdRotate 8s linear infinite;
}
.rppd-404-circle span{
    width:25px;
    height:25px;
    background:var(--accent-color);
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
@keyframes rppdRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}
.rppd-404-content h1{
    font-size:42px;
    font-weight:700;
    margin:35px 0 20px;
}
.rppd-404-content p{
    max-width:550px;
    margin:0 auto 35px;
}
.rppd-404-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px 24px;
}
.rppd-404-search-cntlr a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-transform: initial;
    text-align: center;
    padding: 12px 20px;
    border-radius: 18px 0 18px 0;
    color: var(--button-background);
    background: transparent;
    border: 2px solid var(--button-background);
    text-decoration:none;
    transition:.3s ease;
}
.rppd-404-search-cntlr a:hover {
    color: var(--white-color);
    background: var(--button-background);
    border-color: var(--button-background);
}
@media(max-width:767px){
    .rppd-404-number{
        font-size:90px;
    }
    .rppd-404-circle{
        width:70px;
        height:70px;
        border-width:8px;
    }
    .rppd-404-content h1{
    	font-size:35px;
    	margin:24px 0 15px;
    }
    .rppd-404-content p{
        font-size:16px;
    }
}