html,body{height:100%;font-family: 'crescentregular', Arial, sans-serif;}

.slidein{
	transform: translate3d(90%, 0, 0)!important;
	-webkit-transform: translate3d(90%, 0, 0)!important;
}
#header{
	position:relative;
}

#header .headerbg{
	width:100%;

}

#header #test{
	position:absolute;
	left:50%;
	top:0;
	margin-top:2%;
	width:25%;
}

#bs-navbar{
	z-index:10000;
	position:fixed;
	right:0;
	top:20%;
	/*border:1px solid black;*/
}
#sb-navbar{
	z-index:10000;
	position:fixed;
	left:0;
	top:5%;
}
.sidebarbutton{
	display:block;
	border: 0px solid transparent;
	transition: all .125s ease;
	-webkit-transition: all .125s ease;
	transform: translate3d(65%, 0, 0);
	-webkit-transform: translate3d(65%, 0, 0);
	width:117.5px;
	height:65px;
	background-color:transparent;
	background-size:117.5px 65px;
}
.sidebarbutton:hover{
	background-color:transparent;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.sidebarbutton.navbtn1{
	background-image:url(../img/scroll-top.png);
}
.sidebarbutton.navbtn2{
	background-image:url(../img/scroll-intro.png);
}
.sidebarbutton.navbtn3{
	background-image:url(../img/scroll-story.png);
}
.sidebarbutton.navbtn4{
	background-image:url(../img/scroll-game-mode.png);
}
.sidebarbutton.navbtn5{
	background-image:url(../img/scroll-rules.png);
}
.sidebarbutton.navbtn6{
	background-image:url(../img/scroll-videos.png);
}
.sidebarbutton.navbtn7{
	background-image:url(../img/scroll-buy.png);
}
.sidebarbutton.navbtn1.active{
	background-image:url(../img/scroll-top-active.png);
}
.sidebarbutton.navbtn2.active{
	background-image:url(../img/scroll-intro-active.png);
}
.sidebarbutton.navbtn3.active{
	background-image:url(../img/scroll-story-active.png);
}
.sidebarbutton.navbtn4.active{
	background-image:url(../img/scroll-game-mode-active.png);
}
.sidebarbutton.navbtn5.active{
	background-image:url(../img/scroll-rules-active.png);
}
.sidebarbutton.navbtn6.active{
	background-image:url(../img/scroll-videos-active.png);
}
.sidebarbutton.navbtn7.active{
	background-image:url(../img/scroll-buy-active.png);
}

.sidebarbutton.active{
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton.active:hover{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton.active:visited{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton.active:active{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton.active:focus{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton:hover{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton:visited{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton:active{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.sidebarbutton:focus{
	background-color:transparent;
 box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.leftbarbutton{
	display:block;
	border:0px solid transparent;
}
.sidebartoggler{
	left:0;
	top:0;
	position:fixed;
}

.cont{
	background: url("../img/background-repeat.jpg") repeat-y top/100%;
	/*height:1000px;*/
}

.content{
	margin-left:10.55%;
	margin-right:10.5%;
}
.content .textcontent{
	background: url("../img/banner-repeat.png") repeat-y top/100%;
	max-width:47.5%;
	padding:0 5% 5% 5%;
}

.textcontent .texttitle{
	text-align:center;
	color:#f9e12d;
	font-size: 8rem;
	margin-bottom:15px;
	font-family: 'ARESSENCE', Arial, sans-serif;
}
.textcontent .text{
	text-align:left;
	font-size:3rem;
	line-height:4.5rem;
	color:white;
	font-family: 'ARCENA', Arial, sans-serif;
}

.smallertext .text{
	text-align:left;
	font-size:2rem;
	line-height:3rem;
	color:white;
}

.evensmallertext .text{
	text-align:left;
	font-size:1.5rem;
	line-height:2.25rem;
	color:white;
}
.imagecontent{
	padding-top:4.7%;
}
.imagecontent.topcontent{
	padding-top:0;
}

.textcontent::after{
	background: url("../img/banner-bottom.png") no-repeat top/100%;
	width:100%;
	height:200px;
	content: " ";
	left:0;
	top:100%;
	display:table;
	position:absolute;

}
.imagecontent img{
	margin:auto;
	width:100%;
	height	:auto;
	z-index:50;
	position:relative;
}
.separator{
	margin-top:5%;
	z-index:100;
	position:relative;

}
.separator img{
	margin:auto;
	display:block;
	width:83%;
}

.textcontent.precede{
	margin-top:-4%;
	padding-top:10%;
}

.yellowtext{
	color:#f9e12d;
}

.orderimg{
	margin:auto;
	margin-top:100px;
	margin-bottom:50px;
	width:50%;
	display:block;
}

#footer {
	position:relative;
}
#footer .footimg{
	width:100%;
	height:auto;
}

#footer .atvlink {
	position:absolute;
	bottom:0;
	left:5%;
	width:24%;
}
#footer .toelink {
	position:absolute;
	bottom:0;
	right:0;
	width:33%;
}

@media (max-width:991px){
	.content .textcontent {
	    max-width:100%;
	}

	.textcontent .texttitle{
		text-align:center;
		color:#f9e12d;
		font-size: 4rem;
		margin-bottom:15px;
	}

	.textcontent .text {
	    text-align: center;
	    font-size: 2rem;
	    line-height: 3rem;
	    color: white;
	}
	.smallertext .text {
	    text-align: center;
	    font-size: 1.5rem;
	    line-height: 2.25rem;
	    color: white;
	}
	.separator{
		margin-top:20%;

	}
	.imagecontent img{
		margin-top:15%;
		display:block;
	}
	.imagecontent.bitsmaller img{
		width:80%;
		margin-top:15%;
		display:block;
	}
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:auto;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoembed{
	max-width:560px;
	max-height:315px;
	margin:auto;
	text-align:center;
	/*background-image:url("../img/video-border.png");*/
}

.videoembed .col-xs-12{
	margin:25px 0;
}