#credits {
	background-image: url("../images/credits/background.jpg");
}

#credits > .title {
  position: absolute;
  left: 1015px;
  top: 625px;
  display:none;
}

/* Buttons */

#credits > .buttons > .home {
  left: 1080px;
  top: 600px;
}

/* Content */

.credits-container {
	position: absolute;
	left: 120px;
	top: 75px;
	height: 575px;
	width: 515px;
}

.credits-content {
	background: rgba(0, 0, 0, 0);
	width: 515px;
	height: 575px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 1;
	padding-right: 15px;
}

#credits .credits-content::-webkit-scrollbar {
	border-style: none;
	width: 8px;
}

#credits .credits-content::-webkit-scrollbar-track {
	background-color: transparent;
	background-position: center;
	border-style: none;
}

#credits .credits-content::-webkit-scrollbar-track-piece {
	background-color: #e3e3e3;
    border: 8px solid transparent;
    background-clip: content-box;
}

#credits .credits-content::-webkit-scrollbar-thumb,
#credits .credits-content::-webkit-scrollbar-thumb:active {
	background-color: #a7a7a7;
	cursor: pointer;
	display: block;
	height: 70px;
}

#credits .credits-content::-webkit-scrollbar-track-piece:vertical:start {
    margin-top: 0px;
}
#credits .credits-content::-webkit-scrollbar-track-piece:vertical:end {
    margin-bottom: 0px;
}

/* Animations */

#credits_container, #credits_image {
	 opacity: 0;
	-webkit-transition: opacity .5s linear, -webkit-transform .5s ease-out; 
}


/* Apple TV */
@media (-webkit-apple-tv) {
	#credits > .title {
		opacity: 1;
		-webkit-transform: translateY(0);
		-webkit-transition: opacity, -webkit-transform, 0s, 0s;
	}
	#credits_container, #credits_image {
		opacity: 1;
		-webkit-transform: scale(1);
		-webkit-transition: opacity 0s linear, -webkit-transform 0s ease-out;
	}
}