@font-face {
   font-family: Franklin_Gothic;
   src: url('../font/Franklin_Gothic_Demi_Cond_Regular.ttf');
}

.tiny_map {
	background: url(../img/tiny_map/bg.png) no-repeat top center;
	background-size: cover;
	/* background-position-y: 64px; */
	background-repeat: no-repeat;
    /* background-size: 100% auto; */
    background-position: center top;
    background-attachment: fixed;
}

.game-process {
	background: url(../img/tiny_map/boxtext.png) no-repeat top center;
	margin: auto;
	padding: 22px;
	background-size: contain;
	margin-top: -20px;
}

.carousel-item .game_logo {
	width: 115px;
	top: 31%;
	z-index: 99
}


.carousel-item .game_logo img {
	opacity: 0;
}

.carousel-item.active .game_logo img {
	animation: bounce-in 0.75s ease;
	opacity: 1;
}

.carousel-item .game_logo.light {
	width: 215px;
}
.carousel-item .game_logo.light img {
	animation: pulse 1s infinite ease-in-out alternate;
	opacity: 1;
}


.brightness_50 {
	filter: brightness(0.5);
}

.unknow {
	animation: bounce-in 0.45s ease;
	text-align: center;
	font-size: 64px;
	color: #fff;
	font-weight: bold;
}

.height-100 {
	height: 100vh;
}

.edit_box_width {
	width: 73vw;
}

.top-45 {
	top: 45%;
}

.mr-25 {
	margin-right: 25px;
}

.mb-175 {
	bottom: 170px !important;
}

.control_carousel img {
	width: 85px;
}

.game-name {
	font-family: Franklin_Gothic;
	color: #f3ba1f;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 1;
	text-shadow: 0 3px 3px #00000070;
	margin: 0;
	letter-spacing: 3px;
}

a {
	text-decoration: none;
}

.game-detail {
	font-family: Franklin_Gothic;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 3px;
	margin: 0;
	line-height: 1;
}

.bounce-in {
  animation: bounce-in 2s ease;
}
@keyframes bounce-in {
  0% { opacity: 0; transform: scale(.3);}
  50% {	opacity: 1;	transform: scale(1.05);}
  70% {	transform: scale(.9);}
  100% {transform: scale(1);}
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { opacity: 0; transform: scale(0.8); }
  to { opacity: 1; transform: scale(1.2); }
}

.play {
	width: 50px;
	margin-top: 12px;
}