/* ========== inner-box s ========== */

.inner-box {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15%;
	right: 15%;
	text-align: center;
	transition: all .2s ease;
}


/*white-fill s*/

.white-fill-10 {
	background: rgba(255, 255, 255, .1);
}

.white-fill-20 {
	background: rgba(255, 255, 255, .2);
}

.white-fill-30 {
	background: rgba(255, 255, 255, .3);
}

.white-fill-40 {
	background: rgba(255, 255, 255, .4);
}

.white-fill-50 {
	background: rgba(255, 255, 255, .5);
}

.white-fill-60 {
	background: rgba(255, 255, 255, .6);
}

.white-fill-70 {
	background: rgba(255, 255, 255, .7);
}

.white-fill-80 {
	background: rgba(255, 255, 255, .8);
}

.white-fill-90 {
	background: rgba(255, 255, 255, .9);
}


/*white-fill e*/


/*black-fill s*/

.black-fill-10 {
	background: rgba(0, 0, 0, .1);
}

.black-fill-20 {
	background: rgba(0, 0, 0, .2);
}

.black-fill-30 {
	background: rgba(0, 0, 0, .3);
}

.black-fill-40 {
	background: rgba(0, 0, 0, .4);
}

.black-fill-50 {
	background: rgba(0, 0, 0, .5);
}

.black-fill-60 {
	background: rgba(0, 0, 0, .6);
}

.black-fill-70 {
	background: rgba(0, 0, 0, .7);
}

.black-fill-80 {
	background: rgba(0, 0, 0, .8);
}

.black-fill-90 {
	background: rgba(0, 0, 0, .9);
}


/*black-fill e*/

.inner-box>* {
	color: #fff;
	text-transform: uppercase;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
	/*white-fill s*/
	.white-fill-10-md {
		background: rgba(255, 255, 255, .1);
	}
	.white-fill-20-md {
		background: rgba(255, 255, 255, .2);
	}
	.white-fill-30-md {
		background: rgba(255, 255, 255, .3);
	}
	.white-fill-40-md {
		background: rgba(255, 255, 255, .4);
	}
	.white-fill-50-md {
		background: rgba(255, 255, 255, .5);
	}
	.white-fill-60-md {
		background: rgba(255, 255, 255, .6);
	}
	.white-fill-70-md {
		background: rgba(255, 255, 255, .7);
	}
	.white-fill-80-md {
		background: rgba(255, 255, 255, .8);
	}
	.white-fill-90-md {
		background: rgba(255, 255, 255, .9);
	}
	/*white-fill e*/
	/*black-fill s*/
	.black-fill-10-md {
		background: rgba(0, 0, 0, .1);
	}
	.black-fill-20-md {
		background: rgba(0, 0, 0, .2);
	}
	.black-fill-30-md {
		background: rgba(0, 0, 0, .3);
	}
	.black-fill-40-md {
		background: rgba(0, 0, 0, .4);
	}
	.black-fill-50-md {
		background: rgba(0, 0, 0, .5);
	}
	.black-fill-60-md {
		background: rgba(0, 0, 0, .6);
	}
	.black-fill-70-md {
		background: rgba(0, 0, 0, .7);
	}
	.black-fill-80-md {
		background: rgba(0, 0, 0, .8);
	}
	.black-fill-90-md {
		background: rgba(0, 0, 0, .9);
	}
	/*black-fill e*/
}

@media (max-width: 767px) {
	/*white-fill s*/
	.white-fill-10-sm {
		background: rgba(255, 255, 255, .1);
	}
	.white-fill-20-sm {
		background: rgba(255, 255, 255, .2);
	}
	.white-fill-30-sm {
		background: rgba(255, 255, 255, .3);
	}
	.white-fill-40-sm {
		background: rgba(255, 255, 255, .4);
	}
	.white-fill-50-sm {
		background: rgba(255, 255, 255, .5);
	}
	.white-fill-60-sm {
		background: rgba(255, 255, 255, .6);
	}
	.white-fill-70-sm {
		background: rgba(255, 255, 255, .7);
	}
	.white-fill-80-sm {
		background: rgba(255, 255, 255, .8);
	}
	.white-fill-90-sm {
		background: rgba(255, 255, 255, .9);
	}
	/*white-fill e*/
	/*black-fill s*/
	.black-fill-10-sm {
		background: rgba(0, 0, 0, .1);
	}
	.black-fill-20-sm {
		background: rgba(0, 0, 0, .2);
	}
	.black-fill-30-sm {
		background: rgba(0, 0, 0, .3);
	}
	.black-fill-40-sm {
		background: rgba(0, 0, 0, .4);
	}
	.black-fill-50-sm {
		background: rgba(0, 0, 0, .5);
	}
	.black-fill-60-sm {
		background: rgba(0, 0, 0, .6);
	}
	.black-fill-70-sm {
		background: rgba(0, 0, 0, .7);
	}
	.black-fill-80-sm {
		background: rgba(0, 0, 0, .8);
	}
	.black-fill-90-sm {
		background: rgba(0, 0, 0, .9);
	}
	/*black-fill e*/
}

@media (max-width: 479px) {
	/*white-fill s*/
	.white-fill-10-xs {
		background: rgba(255, 255, 255, .1);
	}
	.white-fill-20-xs {
		background: rgba(255, 255, 255, .2);
	}
	.white-fill-30-xs {
		background: rgba(255, 255, 255, .3);
	}
	.white-fill-40-xs {
		background: rgba(255, 255, 255, .4);
	}
	.white-fill-50-xs {
		background: rgba(255, 255, 255, .5);
	}
	.white-fill-60-xs {
		background: rgba(255, 255, 255, .6);
	}
	.white-fill-70-xs {
		background: rgba(255, 255, 255, .7);
	}
	.white-fill-80-xs {
		background: rgba(255, 255, 255, .8);
	}
	.white-fill-90-xs {
		background: rgba(255, 255, 255, .9);
	}
	/*white-fill e*/
	/*black-fill s*/
	.black-fill-10-xs {
		background: rgba(0, 0, 0, .1);
	}
	.black-fill-20-xs {
		background: rgba(0, 0, 0, .2);
	}
	.black-fill-30-xs {
		background: rgba(0, 0, 0, .3);
	}
	.black-fill-40-xs {
		background: rgba(0, 0, 0, .4);
	}
	.black-fill-50-xs {
		background: rgba(0, 0, 0, .5);
	}
	.black-fill-60-xs {
		background: rgba(0, 0, 0, .6);
	}
	.black-fill-70-xs {
		background: rgba(0, 0, 0, .7);
	}
	.black-fill-80-xs {
		background: rgba(0, 0, 0, .8);
	}
	.black-fill-90-xs {
		background: rgba(0, 0, 0, .9);
	}
	/*black-fill e*/
}

@media (max-width: 319px) {}


/* ========== inner-box e ========== */