/*
==================================================
			Website Version Design
==================================================
*/
.version {
	padding: 15px;
	right: 0;
	bottom: 0;
	position: fixed;
	color: #f000ff;
	z-index: 2;
}


/*
==================================================
			Website page Design
==================================================
*/



/*body:before, body:after {
    content: "";
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    height: 20px;
	z-index: 10;
}
body:before {
    top: 0;
}
body:after {
    bottom: 0;
}


body:before, body:after {
    content: "";
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    height: 30px;
}
body:before {
    top: 0;
}
body:after {
    bottom: 0;
}
body {
    border: 30px solid #fff; 
}
*/

/*
==================================================
			Srollbar Design
==================================================
*/

/* width */
::-webkit-scrollbar {
 width: 10px;
 z-index: 7;
	background: #fff;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px rgba(255,255,255,1.00);
 border-radius: 10px;
		background: #fff;

}
 
/* Handle */
::-webkit-scrollbar-thumb {
 background: #f000ff;
 border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #f000ff;
}
/*
==================================================
			Progress Bar Design
==================================================
*/

.progress-container {
	width: 100%;
	height: 8px;
	background: #ccc;
	position: fixed;
	bottom: 0;
	z-index: 6;
}
.progress-bar-new {
	height: 8px;
	background: #f000ff;
	width: 0%;
}

/* ====================================================================== *
      [8] TO TOP
 * ====================================================================== */
	
	.fixed{
		position: fixed;
		right: 50px;
		bottom: 20px;
		display: none;
		z-index: 1999;
	}

	.top{
		height: 36px;
		line-height: 36px;
		width: 42px;
		background-color: rgba(0,0,0,.8);
		color: #009911;
		cursor: pointer;
		text-align: center;
		font-size: 12px;

		-webkit-border-radius: 3px 3px 0 0;
		   -moz-border-radius: 3px 3px 0 0;
		     -o-border-radius: 3px 3px 0 0;
		        border-radius: 3px 3px 0 0;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
		    -ms-transition: all 0.2s;
		     -o-transition: all 0.2s;
		        transition: all 0.2s;        
	}

	.to-top i{
		margin-top: 10px;
	}

	.to-top:hover{
		background-color: #e54e53 !important;
	}

/*
==================================================
			Unavailable Design
==================================================
*/
.unavailable {
    position: absolute;
    background: rgba(0,0,0,0.82);
    z-index: 0;
    width: 100%;
    height: 100%;
    color: #fff
}

.unavailable-title {
    font-family: 'Gotham-Black';
    color: #F400D4;
}

/*
==================================================
			Object Fill Design
==================================================
*/
.object-fit_fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-fit_contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-fit_cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit_none {
  -o-object-fit: none;
     object-fit: none;
}

.object-fit_scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

/*
==================================================
			Video Home Header Design
==================================================
*/

#myVideo {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;

	z-index: -10000;
	transform: translateX(-50%) translateY(-50%);
	background: #000 ;
	background-size: cover;
	transition: 1s opacity;
}

.navbar {
 -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}