.top-header-menu {
    display:none;
}
.top-header-menu.loaded {
    display:block;
}


.preloader-wrap video {
    max-width: 100%;
    max-height: 100%;
    height: 100vh;
    width: 100% !important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.preloader-wrap .preloader-list{

background: radial-gradient(white, #989499, #F8F8F8, #8D888B, #CBCACB);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.post-thumbnail.video-sec video {
    display: block;
    border-radius: 20px;
    object-fit: cover;
    height: 240px;
}
    /*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/	
	
	.disable-ajaxload .preloader-wrap {
		display:none;
	}
	
	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0; 
		bottom: 0;
		background: #000;
		z-index : 9999;
		text-align:center;
	}
	
	.preloader-wrap .outer {
		padding: 0px;
		box-sizing:border-box;
	}
	
	.preloader-wrap .inner {
		vertical-align:middle;
		box-sizing:border-box;
	}
	
	.percentage-wrapper {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		right:80px;
		bottom:40px;
	}
	
	.percentage-intro {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		left:80px;
		bottom:40px;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}
	
	.uppercase-text .percentage-intro {
		text-transform:uppercase;	
	}
	
	.percentage {
		opacity: 1;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		width:30px;
		height: 100px;
		color:rgba(255,255,255,0.6);
		display: table;
		margin: 0 auto;
	}
	
	.percentage::after {
		content: "%";
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}
	
	.trackbar {
		width: auto;
		height: auto;
		margin:0 auto;
		display:table;
		position: relative;
		padding:20px;
		opacity: 1;
		overflow:hidden;
	}
	
	.loadbar {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		position: absolute;
		top: 0px;
		right: 0;
		overflow: hidden;
	}
	
	.hold-progress-bar {
		width: 0%;
		height: 0px;
		background: rgba(0,0,0,1);
		position: absolute;
		top: 0px;
		left: 0;
		right:0;
		overflow: hidden;
	}
	
	.preloader-intro {
		font-weight:500;
		position: relative;
		display:block;
		font-size:9vw;
        padding-left: 0px !important;
		line-height:13vw;
		height:13vw;
		color:#fff;
		overflow:hidden;
		margin:0;
	}
	
	.uppercase-text .preloader-intro {
		text-transform:uppercase;	
	}
	
	.preloader-intro li {
		list-style:none;
		line-height:inherit;
		margin:0;
		color:#fff;
	}
    
    /*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/

	
	.outer {
		display:table;
		width:100%;
		height:100%;
	}
	
	.inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
    
    
#site-sidebar {
    overflow: hidden;
    background: radial-gradient(at top, #5e1d1d, #25171f, #14151f) !important;
}


#site-sidebar:before {
    content: "";
    position: absolute;
    width: 0.001vmin;
    height: 0.001vmin;
    border-radius: 50%;
    opacity: .25;
    -webkit-box-shadow: 0 0 45vmax 45vmax #5e1d1d;
    box-shadow: 0 0 45vmax 45vmax #5e1d1d;
    -webkit-animation: hue 10s 0s linear infinite, move1 19s 0s linear infinite;
    animation: hue 10s 0s linear infinite, move1 19s 0s linear infinite;
}


#site-sidebar:after {
    content: "";
    position: absolute;
    width: 0.001vmin;
    height: 0.001vmin;
    border-radius: 50%;
    opacity: .25;
    -webkit-box-shadow: 0 0 45vmax 45vmax #25171f;
    box-shadow: 0 0 45vmax 45vmax #25171f;
    -webkit-animation: hue 15s 0s linear infinite, move2 25s 0s linear infinite;
    animation: hue 15s 0s linear infinite, move2 25s 0s linear infinite;
}