@charset "utf-8";



/* latin */

@font-face {

  font-family: 'WebMuli';

  font-style: normal;

  font-weight: 400;

  src: url(../fonts/Muli.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}



/* cyrillic */

@font-face {

  font-family: 'WebPhilosopher';

  font-style: normal;

  font-weight: 700;

  src: url(../fonts/Archivo.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* latin */

@font-face {

  font-family: 'WebPhilosopher';

  font-style: normal;

  font-weight: 700;

  src: url(../fonts/Archivo.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}



/* -----------------------------------------

	Custom Styles

------------------------------------------- */



.clear:after {

    clear: both;

    content: "";

    display: table;

}



#button_game, #button_game a, #button_game span, #button_media, #button_media a, #button_media span, #button_gameplay a,

#button_home, #button_home a, #button_home span, #button_forum, #button_forum a, #button_forum span, #button_gameplay span, 

#button_tools, #button_tools a, #button_tools span {

	cursor: pointer;

}



#footer .dbour-support a, #footer .dbour-support span{

	cursor: pointer;

}



h1, h2 , h3 , h4 , h5 , h6, h7 {

	/** font-family: 'roboto slab', sans-serif; **/

	font-family: 'WebPhilosopher', sans-serif;

}



p, a, span, li, label, table {

	/**  font-family: 'roboto', sans-serif; **/

	font-family: 'WebMuli', sans-serif;

}



p, span {

	cursor:default;

}



iframe {

	border-radius:4px;

}



video {

   -webkit-user-select: none;  

  -moz-user-select: none;     

  -ms-user-select: none;      

  user-select: none;          

}





#agebody700  ul > ul, #agebody800  ul > ul, #agebody900  ul > ul, #agebody1000 ul > ul{

	display: none;

}



#agebody700 li ul, #agebody800 li ul, #agebody900 li ul, #agebody1000 li ul {

	display: none;

}



/** Storyline switch **/

.onoffswitch {

    position: relative;

    width: 159px;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select: none;

    /* margin: auto; */

    margin-bottom: 30px;

    margin-left: 5px;

    font-family: 'WebPhilosopher', sans-serif;

}

.onoffswitch-checkbox {

    display: none;

}

.onoffswitch-label {

    display: block;

    overflow: hidden;

    cursor: pointer;

    border: 2px solid #3c3c3a;

    border-radius: 0px;

}

.onoffswitch-inner {

    display: block; width: 200%; margin-left: -100%;

    transition: margin 0.3s ease-in 0s;

}

.onoffswitch-inner:before, .onoffswitch-inner:after {

    display: block;

    float: left;

    width: 50%;

    height: 46px;

    padding: 0;

    line-height: 42px;

    font-size: 19px;

    color: white;

    font-family: 'WebPhilosopher', sans-serif;

    font-weight: bold;

    box-sizing: border-box;

    border: 2px solid transparent;

    background-clip: padding-box;

}

.onoffswitch-inner:before {

    content: "Shortened";

    padding-left: 5px;

    background-color: rgba(0, 0, 0, 0.27);

    color: #f0edf2;

}

.onoffswitch-inner:after {

    content: "Extended";

    padding-right: 5px;

    background-color: rgba(0, 0, 0, 0.27);

    color: #e2e0e3;

    text-align: right;

}

.onoffswitch-switch {

    display: block;

    width: 24px;

    margin: 0px;

    background: #779d36;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 135px;

    transition: all 0.3s ease-in 0s;

}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

    margin-left: 0;

}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

    right: 0px;

}



/** Storyline switch end **/



#main-in {

	margin:0 auto;

	width: 1158px;

	border: 1px rgba(0, 0, 0, 0.63) solid;

	height: 1410px;

	margin-top: 3px;

	position:relative;

	right:10px;

	background: rgba(30, 30, 30, 0.96);

	padding: 10px;

	border-radius: 0 0 11px 11px;

	padding: 0px 0px 30px 0px;

}



.posfix {

	padding: 0 0 5px 0;

}



#bodymain {

	height: 1420px;

}



#main-content {

	/**background:url(../images/overlay-pattern.png);*/

	padding-bottom: 10rem;

}



#main-content:before {

	content: '';

	background: url('../images/clouds.png');

	background-repeat: repeat-x;

	position: fixed;

	top: 0;

	right: 0;

	left: 0;

	height: 1085px;

	width: 6939px;

	overflow: hidden;

	-o-animation: sobe 120s infinite linear;

	-webkit-animation: sobe 120s infinite linear;

	-moz-animation: sobe 120s infinite linear;

	-ms-animation: sobe 120s infinite linear;

	animation: sobe 120s infinite linear

}



@-moz-keyframes sobe {

	from {

			-moz-transform: translate3d(0,0,0)

	}



	to {

			-moz-transform: translate3d(-2313px,0,0)

	}

}



@-webkit-keyframes sobe {

	from {

			-webkit-transform: translate3d(0,0,0)

	}



	to {

			-webkit-transform: translate3d(-2313px,0,0)

	}

}



@keyframes sobe {

	from {

			transform: translate3d(0,0,0)

	}



	to {

			transform: translate3d(-2313px,0,0)

	}

}



#newsfeed {

	width: 800px;

	border:0px solid black;

	height:70%;

	float:left;

}



#newsfeedbox {

	width:385px;

	height: 200px;

	border:0px solid black;

	float:left;

	border-radius: 4px;

	margin-bottom: 7px;

	margin-left: 10px;

	transition: .15s ease-in-out;

	-moz-transition: .15s ease-in-out;

	-webkit-transition: .15s ease-in-out;

}



#newsfeedbox:hover {

	position:relative;

	-webkit-box-shadow: 0px 0px 27px 6px rgba(0,0,0,1);

	-moz-box-shadow: 0px 0px 27px 6px rgba(0,0,0,1);

	box-shadow: 0px 0px 27px 6px rgba(0,0,0,1);

	transform:scale(1.03, 1.03);

}



#timendate {

	width: 385px;

	height:37px;

	border:1px solid black;

	text-align: center;

	background-color: #779D36;

	border-radius:4px 4px 0 0;

}



#timendate a {

    color: #FFFFFF;

    font-size: large;

    position: relative;

    top: 3px;

    text-shadow: 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

    font-size: x-large;

}



#headertxt {

	width: 385px;

	height:136px;

	border:1px solid black;

	border-top: 0px;

	text-align: center;

}



#headertxt a {

	padding:0px;

	text-shadow: 1px -2px 2px black;

	color: white;

	font-weight: bold;

	font-size: x-large;

	position: relative;

	top: 45px;

}



#headertxt a:hover{

	color: #779d36;

	padding: 8px;

	border-radius: 10px;

	background: rgba(0, 0, 0, 0.47);

}





#footertxt {

	width: 385px;

	height: 21px;

	border:1px solid black;

	background-color: #1A1B1D;

	border-radius:0 0 4px 4px;

	padding-bottom: 1px;

}



#footertxt a {

	padding-left: 18px;

	margin-right: 15px;

	top: 4px;

	position: relative;

}



#footertxt a:visited, a:link {

	color:#7AA039;

	text-decoration:none;

}



#footertxt a:hover {

	color: #4F750E;

}



#footertextva {

 width: 96.2%;

 height: 21px;

 border:1px solid black;

 background-color: #1A1B1D;

 border-radius: 4px 4px 4px 4px;

 padding-bottom: 1px;

 float: right;

 margin: -5px 8px 0px 0px;

 padding: 5px;

}



#footertextva a {

	padding-left: 333px;

	margin-right: 0px;

	top: 4px;

	position: relative;

}



#footertextva a:visited, a:link {

	color:#7AA039;

	text-decoration:none;

}



#footertextva a:hover {

	color: #4F750E;

}



#sidebar {

	float:right;

	border:0px solid black;

	width: 353px;

	height: 1025px;

	position: relative;

}



#servstatus{

	border:1px solid black;

	height: 180px;

	width: 340px;

	margin: auto;

	margin-bottom:4px;

	background:#1A1B1D;

	border-radius:5px;

}



#didyouknow {

	border:1px solid black;

	height: 130px;

	width: 340px;

	margin: auto;

	margin-bottom:4px;

	background:#1A1B1D;

	border-radius:5px;

}



#ranmedia {

	border:1px solid black;

	border-radius: 5px;

	height: 313px;

	width: 344px;

	margin: auto;

	margin-bottom:4px;

	background:#1A1B1D;

}



#fbpage {

	border:1px solid black;

	height: auto;

	border-radius: 5px;

	width: 344px;

	margin: auto;

	margin-bottom:4px;

	background:#1A1B1D;

}



#status {

	background: #779D36;

	height: 33px;

	text-align: center;

	border-radius:4px 4px 0 0;

}



#pagehead {

	background: #779D36;

	height: 33px;

	text-align: center;

	border-radius: 6px 6px 6px 6px;

	width: 98%;

	margin: 0 auto;

	margin-top: 5px;

	border: 1px solid #73846e;

}



.statushead {

	text-shadow: 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

	color: #ffffff;

	font-weight: bold;

	font-size: x-large;

	margin-bottom: 26px;

}



.statushead:hover {

	font-size: x-large !important;

}



.dbqmark {

    background-image: url(../images/dbour/didyouknow/dbqmark.png) !important;

    background-repeat: no-repeat !important;

    background-position: 2px 1px !important;

}



.tips {

	width: 335px;

	height: 73px;

	background-position: -2px -46px !important;

	background-repeat: no-repeat !important;

}

.statusbody {

	color:white;

	font-size:large;

	padding-top:4px;

	border-radius:0 0 4px 4px;

}



.mediabody {

	color:white;

	font-size:large;

	padding-top:1px;

}



#servertitle {

	border: 0px solid white;

	height: 129px;

	width: auto;

	text-align: center;

	padding-left: 5px;

}



#serverdata {

	float:left;

	border: 0px solid white;

	width: 208px;

	height: 80px;

	text-align: right;

}



#slastup {

	border: 0px solid white;

	width: 337px;

	height: 14px;

	float: left;

	font-size: x-small;

	text-align: center;

}



#statustxt, #uptimetxt, #playerstxt  {

	text-align:left;

}



#statusdata_online {

	color: #779D36;

}



#statusdata_offline {

	color: #d40c0c;

}



#uptimedata {

	color:yellow;

}



#playersdata {

	color:yellow;

}



#didyouknow{

	height: 128px;

	width: 341px;

	margin: auto;

	margin-bottom:4px;

	background-repeat:no-repeat !important;

}



#didyouknow img {

	border:1px solid black;

}



#randomvideo{

	border:0px solid black;

	height: 290px;

	margin: auto;

	margin-bottom:4px;

}



#facebook{

	border:0px solid black;

	height: 217px;

	margin-bottom:4px;

	padding-left: 21px;

}



#interactadv {

	background-image:url('../images/dbour/interactadv.jpg');

	width: 344px;

	height: 197px;

	background-size: cover;

	margin: auto;

	border-radius: 5px;

}



#interactadv:hover {

	transform:scale(1.01,1.01);

	border:1px solid black;

	-webkit-box-shadow:0px 0px 27px 6px rgba(0,0,0,1);

	-moz-box-shadow: 0px 0px 27px 6px rgba(0,0,0,1);

	box-shadow: 0px 0px 27px 6px rgba(0,0,0,1);

}



#interactadv:active {

	transform:scale(0.98,0.98);

	border:1px solid black;

}



.timeline_btn, .timeline_btn h2, .timeline_btn a {

	text-align:center;

	position: relative;

	/** top: 75px; **/

	right: 90px;

	color: white;

	text-shadow: 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

}



.agetext {

	margin-left: 260px;

	width: 23%;

	margin-top: 84px;

}



.agetext1000{

	margin-left: 260px;

	width: 25%;

	margin-top: 84px;

}



.learn_more, .learn_more a {

	color: white;

	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

	position: relative;

	background:url(../images/dbour/learn_more.png) 0 0;

	width: 215px;

	height: 33px;

	margin: 20px auto 0;

	padding-top: 10px;

	padding-left: 8px;

	cursor: pointer;

	left: -95px;

}



.learn_more:hover{

	background:url(../images/dbour/learn_more.png) no-repeat -232px 0;

	/* color: #4c4c4c; */

	transform:scale(1.1, 1.1);

}



.learn_more:active {

	transform:scale(0.95,0.95);

}



.heroslider {

	width: 100%;

	margin-top: 0px;

	margin-bottom: -36px !important;

	height:354px;

	/* width: 100vw; */

	/* left: calc(-50vw + 49.4%); */

	z-index: 0;

	overflow: hidden;

}



.heroslider:nth-child(n+1) {

    display: none;

}



.slick-initialized,

.heroslider:first-child { 

    display: block;

}



.slick-initialized { visibility: visible; }



.slick-slide {

	outline:none;

}



.slick-dots {

	bottom: -10px !important;

	display:none !important;

}



.slick-next, .slick-prev {	

	z-index:3;

}

.slick-next {

	right: 10px !important;	

}



.slick-prev {

	left:10px !important;

}



.age749, .age761, .age791, .age821, .age853, .age996, .age1000 {

	background-position: -388px -15px !important;

	height:354px !important;

	border-radius: 0;

}



.age749 {

	background:url(../images/slider/age749.jpg);

	background-repeat:no-repeat;

}



.age761 {

	background:url(../images/slider/age761.jpg);

	background-repeat:no-repeat;

}



.age791 {

	background:url(../images/slider/age791.jpg);

	background-repeat:no-repeat;

}



.age821 {

	background:url(../images/slider/age821.jpg);

	background-repeat:no-repeat;

}



.age853{

	background:url(../images/slider/age853.jpg);

	background-repeat:no-repeat;

}

.age996 {

	background:url(../images/slider/age996.jpg);

	background-repeat:no-repeat;

}



.age1000 {

	background:url(../images/slider/age1000.jpg);

	background-repeat:no-repeat;

}



.newsslider {

	width:calc(75%);

	margin: 0 auto;

}



.wrapper, .dl-wrap {

	margin: 0 auto;

	width: 990px;

	}



.hover-top:hover {

    color: #fff !important;

    background-color: #7aa039;

    text-decoration: none;

	line-height: 2.2rem;

}

 

.hover-top {

    display: none;

    position: fixed;

    bottom: 1rem;

    right: 1rem;

    width: 3.2rem;

    height: 3.2rem;

    line-height: 3.2rem;

    font-size: 1.4rem;

    color: #fff;

    background-color: rgba(0,0,0,0.3);

    text-decoration: none;

    border-radius: 3.2rem;

    text-align: center;

    cursor: pointer;

	z-index:20;

}



.poster {

margin:5px 15px 20px 0px;

	border:3px solid #22394c;

	background-color:#1f1f1f;

	-webkit-box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 75);  

    box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 75);

	-webkit-border-radius: 5px;

	border-radius: 5px;

	float:left;

	overflow:hidden;

	transition:border 0.35s ease-in-out;

	/* Firefox 4 */

	-moz-transition:border 0.35s ease-in-out;

	/* Safari and Chrome */

	-webkit-transition:border 0.35s ease-in-out;

	/* Opera */

	-o-transition:border 0.35s ease-in-out;

}

.poster:hover{

	border:3px solid #2ac0ff;

	transition:border 0.35s ease-in-out;

	/* Firefox 4 */

	-moz-transition:border 0.35s ease-in-out;

	/* Safari and Chrome */

	-webkit-transition:border 0.35s ease-in-out;

	/* Opera */

	-o-transition:border 0.35s ease-in-out;

}

.poster img{

	height:638px;

	border:0;

}



.antispam {

display:none;

}



#tools {

	height: 100%;

	padding-top:5px;

}



.details, .details a {

	text-align:right !important;

	color:white !important;

	text-decoration: none;

	font-size:0.8rem;

}	



.details a:hover {

	color:#7AA039!important;

	text-shadow:none !important;

}



/* -----------------------------------------

	Custom Styles End

------------------------------------------- */



/* -----------------------------------------

  Main elements

----------------------------------------- */

*::selection{

	background: #424242;

	color: #f0edf2;

	padding: 5px;

}



*::-moz-selection {

	background: #424242;

	color: #f0edf2;

	padding: 5px;

}



html {

	padding:0;

	margin:auto;

	cursor:default;

}

body {

	min-width:750px;

	margin:0 auto;

	padding:0;

	font-family: sans-serif;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size:cover;

	background-image: url(../images/bg01.jpg);

	font-size:12px;

	color:#666;

	text-rendering: optimizeLegibility;

}





/* -----------------------------------------

  Main advert

----------------------------------------- */



.main_advert {

	width:736px;

	margin: 0px auto 5px auto;

	height:115px;

	overflow:hidden;

	background-repeat:no-repeat;

	padding-top: 10px;

}



.main_advert img, .advert img {

overflow:hidden; 

border-radius:5px;

border:4px solid #6E942D;

text-align:center;

}



.dbor_ads{

	width:754px;

	margin:20px auto 20px auto;

	padding:20px 0px 20px 0px;

}

.dbor_advert img, .advert img {

	border-radius:5px;

	border:1px solid #028EC9;

}



/* -----------------------------------------

  Front Page News Tabs

----------------------------------------- */

.tabs {

  position: relative;

  min-height: 100%; /* This part sucks */

  clear: both;

  margin: 9px 0;

  padding-left: 10px;

}

.tab {

  float: left;

}



.tab label {

  padding: 10px;

  border: 1px solid black;

  margin-left: -1px;

  position: relative;

  left: 1px;

  background: #1a1b1d;

  height: 33px;

  text-align: center;

  border-radius:4px 4px 0 0;

  text-shadow: 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

  color: #ffffff;

  font-weight: bold;

  cursor: pointer;

}



.tab label:hover {

    background: #577D16;

}



.tab [type=radio] {

  display: none;  

}

.content {

  position: absolute;

  top: 28px;

  left: 0;

  right: 0;

  bottom: 0;

  display: none;

}

[type=radio]:checked ~ label {

  z-index: 2;

  background: #779d36;

  cursor:default;

}

[type=radio]:checked ~ label ~ .content {

  z-index: 1;

  display: block;

}



/* -----------------------------------------

  Body

----------------------------------------- */



	#body1 {

		width: 95%;

		/* height: 50%; */

		margin:0 auto;

		margin-top: 4px;

	}



	#body1 h1, #body1-5 h1, #body2 h1, #body3 h1, #body3-5 h1, #body3-6 h1, #body3-7 h1, #body3-8 h1, #body3-9 h1,

	#body4 h1, #body4-1 h1, #body4-2 h1, #body5 h1, #body5-5 h1, #body5-6 h1, #body6 h1, #body7 h1,#body7-2 h1, #body7-5 h1, #body8 h1 {

		color:#f0edf2;

		text-align:center;

		text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

		font-size:26px;

	}

	

	#body1 p, #body3 p {

		color: #8f8f8f;

		text-align: center;

		font-size:15px;

		margin-left: 10px;

	}

	

	#body1 a, #body1-5 a, #body2 a, #body3 a, #body3-5 a, #body3-6 a, #body3-7 a, #body3-8 a, #body3-9 a,

	#body4 a, #body4-1 a, #body4-2 a, #body5 a, #body5-5 a, #body5-6 a, #body6 a, #body7 a, #body7-2 a, #body7-5 a, #body8 a {

		color:#f0edf2;

		font-weight:bold;

	}

	

	/**

	#body1 a:hover, #body2 a:hover, #body3 a:hover, #body3-5 a:hover, #body4 a:hover, #body5 a:hover, #body5-5 a:hover, #body6 a:hover, #body7 a:hover, #body7-5 a:hover, #body8 a:hover {

		font-size:18px;

	}

	**/

	

	#body1-5 p, #body2 p, #body3-5 p, #body3-6 p, #body3-7 p,#body3-8 p, #body3-9 p,

	#body4 p, #body4-1 p, #body4-2 p, #body5 p, #body5-5 p, #body5-6 p, #body6 p, #body7 p, #body7-2 p, #body7-5 p, #body8 p {

		color: #8f8f8f;

		text-align: left;

		font-size:15px;

		margin-left: 10px;

	}

	

	.qtravcont {

		margin: auto;

		width: 52%;

		padding-bottom: 100px;

	}

	

	#qtravel {

		padding: 10px;

		width:120px;

		height:40px;

		margin: 20px 20px auto;

		float:left;

		cursor:pointer;

	}

	

	#qtravel:hover .arrowhead {

		color:black;

	}

		

	#qtravel:active {

		transform:scale(0.9,0.9);

	}

	

	#qtravel p {

		text-align:right;

		margin-top:5px;

	}

	

	.leftcont {

		float:left;

		width: 69%;

	}

	

	.leftcontrev {

		float:right;

		width: 69%;

	}

	

	.rightcontrev {

		float:left;

		width: 24%;

		/* height: 183px; */

		margin-left: 8px;

	}

	.rightcont {

		float:right;

		width: 30%;

		/* height: 100%; */

		margin-right: 8px;

		/* height: 188px; */

	}

	

	.leftcont span, .leftcontrev span {

		color:#f0edf2;

		text-align:center;

		text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

		font-size: 24px;

		margin-left: 5px;

	}

	

	.leftcont li, .leftcontrev li {

		color: #f0edf2;

		text-align: left;

		font-size: 15px;

		padding-right:47px;

	}

				

	.rightcont img, .rightcontrev img {

		width: 333px;

		height:auto;

		opacity: 0.80;

		border-radius: 5px;

		box-shadow:0 0 5px #555;

	}

	

	.rightcont video, .rightcontrev video {

		border-radius:50px;

		margin-top: 30px;

		box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.53);

	}

		

	#xtremebord {

		margin-top: 130px;

	}

	



	.xtremebord {

		margin-top: 130px;

	}

	

	.rightcont img:hover, .rightcontrev img:hover {

		opacity: 1;

	}

	

	.arrowhead {

		border-right: 5px solid; 

		border-bottom: 5px solid;

		width: 10px; height: 10px;

		transform: rotate(-45deg);

		margin:-16px -14px 0px 0px;

		float:right;

		color:white;

		text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

		

	}

		

	.bodybody2 {

		/* height:25%; */

		margin-bottom:40px;

	}

	

	.bodybody3 {

		/* height:19%; */

		margin-bottom:40px;

	}

		

	.fancybox-skin {

		padding:5px !important;

	}

	

	.racebg {

		background:url('../images/dbour/qtravel/races.png');

		background-repeat: no-repeat;

		background-size: contain;

		background-position-x: 23px;

		-webkit-filter: grayscale(100%);

		filter: grayscale(100%);

	}

	

	.timelinebg {

		background:url('../images/dbour/qtravel/timeline.png');

		background-repeat: no-repeat;

		background-size: contain;

		-webkit-filter: grayscale(100%);

		filter: grayscale(100%);

	}

	

	.storylinebg {

		background:url('../images/dbour/qtravel/storyline.png');

		background-repeat: no-repeat;

		background-size: contain;

		-webkit-filter: grayscale(100%);

		filter: grayscale(100%);

	}

	

	.chroniclesbg {

		background:url('../images/dbour/qtravel/chronicles.png');

		background-repeat: no-repeat;

		background-size: contain;

		-webkit-filter: grayscale(100%);

		filter: grayscale(100%);

	}

	

	.racebg:hover, .timelinebg:hover, .storylinebg:hover, .chroniclesbg:hover {

		-webkit-filter: grayscale(0%);

		filter: grayscale(0%);

	}

	

img.cor_class {

    width: 345px;

    height:auto;

    opacity: 0.80;

    border-radius: 5px;

    margin-left: -12px;

    /* margin-top: -44px; */

    box-shadow:none;

    position:relative;

    /* top:5px; */

}

	

img.humm_class {

    box-shadow: none;

    width: 228px;

    height: auto;

    margin-top: -65px;

    margin-left: 66px;

	cursor:pointer;

}



img.humm_class:active, img.namwar_class:active, img.majwonder_class:active, img.mrsbuu:active {

		-moz-transform: scaleX(-1);

        -o-transform: scaleX(-1);

        -webkit-transform: scaleX(-1);

        transform: scaleX(-1);

        filter: FlipH;

        -ms-filter: "FlipH";

}



img.humf_class {

    box-shadow: none;

    width: 232px;

    height: auto;

    margin-top: 0px;

    margin-left: 58px;

}



img.namdc_class {

    box-shadow: none;

    width: 360px;

    height: auto;

    margin-top: -4px;

    margin-left: -29px;

}



img.namwar_class {

	  box-shadow: none;

	  width: 270px;

	  height: auto;

	  margin-top: -46px;

	  margin-left: 59px;

	  position:relative;

	  top: 70px;

	  cursor:pointer;

}



img.majmighty_class {

	  box-shadow: none;

	  width: 270px;

	  height: auto;

	  margin-top: 0px;

	  margin-left: 27px;

	  -moz-transform: scaleX(-1);

	  -o-transform: scaleX(-1);

	  -webkit-transform: scaleX(-1);

	  transform: scaleX(-1);

	  filter: FlipH;

	  -ms-filter: "FlipH";

}



img.mrsbuu {

	  box-shadow: none;

	  width: 270px;

	  height: auto;

	  margin-top: -10px;

	  margin-left: 27px;

}



img.majwonder_class {

	  box-shadow: none;

	  width: 290px;

	  height: auto;

	  margin-top: 0px;

	  margin-left: 41px;

	  cursor:pointer;

}

	

#body2 {

	width: 95%;

	/* height: 45%; */

	margin:0 auto;

	margin-top: 4px;

}



#Selecter {

	border-top: 5px solid #779d36;

	width: 95%;

	margin: auto;

	/* margin-top: 0px; */

	/* margin-top: 6px; */

	border-bottom: 5px solid #779d36;

	border-radius: 20px;

}



.selecterRace {

	height:300px;

}



.selecterStory {

	height:230px;

}



.selecterDiary {

	height:230px;

}



.selecterPVP {

	height:160px;

}



.selecterPVE {

	height:120px;

    padding-top:20px;

}



#video1 {

	margin-top:336px;

}



.posSelect {

	margin: auto;

	width: 51%;

}



.selectHuman, .selectNamek, .selectMajin {

	width: 165px;

	height: 283px;

	margin: 8px 8px 5px 11px;

	float: left;

	opacity:0.75;

	cursor:pointer;

}



.selectNamek {

	color: #B6FF00;

}



.selectNamek:hover {

	-webkit-animation: namekglow 1.5s ease-in-out infinite alternate;

	-moz-animation: namekglow 1.5s ease-in-out infinite alternate;

	animation: namekglow 1.5s ease-in-out infinite alternate;

}



.selectHuman {

	color: #FF9900;

}



.selectHuman:hover {

	-webkit-animation: humanglow 1.5s ease-in-out infinite alternate;

	-moz-animation: humanglow 1.5s ease-in-out infinite alternate;

	animation: humanglow 1.5s ease-in-out infinite alternate;

}



.selectMajin {

	color: #BA01FF;

}



.selectMajin:hover {

	-webkit-animation: majinglow 1.5s ease-in-out infinite alternate;

	-moz-animation: majinglow 1.5s ease-in-out infinite alternate;

	animation: majinglow 1.5s ease-in-out infinite alternate;

}



.selectHuman, .selectNamek, .selectMajin, .selectHuman img, .selectNamek img, .selectMajin img {

	border-radius: 10px 10px 0px 0px;

	text-decoration: none;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

}



.selectHuman img:hover, .selectNamek img:hover, .selectMajin img:hover {

	border-radius: 10px 10px 10px 10px;

}



.selectHuman:hover, .selectNamek:hover, .selectMajin:hover {

	position:relative;

	opacity:1;

	top:4px;

	transform:scale(1.05,1.05);

	border-radius: 10px 10px 10px 10px;

} 



.selectHuman:active, .selectNamek:active, .selectMajin:active{

	transform:scale(0.95, 0.95);

	animation:none;

	-webkit-animation: none;

	-moz-animation: none;

	border: 1px solid #ffffff;

}



.selectHuman:active {

	box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fffc6e, 0 0 70px #fffc6e, 0 0 80px #fffc6e, 0 0 100px #fffc6e, 0 0 150px #fffc6e;

	-webkit-box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fffc6e, 0 0 70px #fffc6e, 0 0 80px #fffc6e, 0 0 100px #fffc6e, 0 0 150px #fffc6e;

	-moz-box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fffc6e, 0 0 70px #fffc6e, 0 0 80px #fffc6e, 0 0 100px #fffc6e, 0 0 150px #fffc6e;	

}



.selectNamek:active {

	box-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #88e300, 0 0 70px #88e300, 0 0 80px #88e300, 0 0 100px #88e300, 0 0 150px #88e300;

	-moz-box-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #88e300, 0 0 70px #88e300, 0 0 80px #88e300, 0 0 100px #88e300, 0 0 150px #88e300;

	-webkit-box-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #88e300, 0 0 70px #88e300, 0 0 80px #88e300, 0 0 100px #88e300, 0 0 150px #88e300;

}



.selectMajin:active {

	box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

	-moz-box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

	-webkit-box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

}



.selectHuman {

	background-repeat:no-repeat;

	background-image:url("../images/dbour/game/hum_bg.png");

}



.selectNamek {

	background-image:url("../images/dbour/game/nam_bg.png");

	background-repeat:no-repeat;

}



.selectMajin {

	background-image:url("../images/dbour/game/maj_bg.png");

	background-repeat:no-repeat;

}



/** Glow Hover**/

@keyframes namekglow {

  from {

    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #88e300, 0 0 70px #88e300, 0 0 80px #88e300, 0 0 100px #88e300, 0 0 150px #88e300;

  } to {

    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #88e300, 0 0 35px #88e300, 0 0 40px #88e300, 0 0 50px #88e300, 0 0 75px #88e300;

  }

}



@keyframes humanglow {

 from {

    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fffc6e, 0 0 70px #fffc6e, 0 0 80px #fffc6e, 0 0 100px #fffc6e, 0 0 150px #fffc6e;

  } to {

    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc6e, 0 0 35px #fffc6e, 0 0 40px #fffc6e, 0 0 50px #fffc6e, 0 0 75px #fffc6e;

  }

}



@keyframes majinglow {

  from {

    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

  } to {

    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;

  }

}

/** Glow end **/



#majinbody, #namekbody, #humanbody, #evolutionbody, #epiloguebody, #majinracebody, #agebody700, #agebody800, #agebody900, #agebody1000 {

	display:none;

	transition: .15s ease-in-out;

	-moz-transition: .15s ease-in-out;

	-webkit-transition: .15s ease-in-out;

}



#triftbody, #riftbody, #tmquest1, #tmquest2, #tmquest3, #tmquest4, #tmquest5, #tmquest6, #tmquest7, #udungeon6 {

	display:none;

	transition: .15s ease-in-out;

	-moz-transition: .15s ease-in-out;

	-webkit-transition: .15s ease-in-out;

}



#budokaitab, #dojotab, #scramtab, #rankedtab, #battletab {

	display:none;

	transition: .15s ease-in-out;

	-moz-transition: .15s ease-in-out;

	-webkit-transition: .15s ease-in-out;

}



#udtab, #ccbdtab, #tmqtab {

	display:none;

	transition: .15s ease-in-out;

	-moz-transition: .15s ease-in-out;

	-webkit-transition: .15s ease-in-out;

}



#toc, #toc2, #toc3 {

	margin:0 auto;

	width: 300px;

	height:33px;

	border: 1px solid rgba(0, 0, 0, 0.38);

	background-color: rgba(0, 0, 0, 0.27);

	border-radius: 5px;

	border-bottom-left-radius:0px;

	margin-bottom: 40px;

	margin-top: -15px;

	transition: ease-in-out 0.2s;

}



#toc h2, #toc2 h2, #toc3 h2 {

	margin: auto;

    text-align: center;

    color: white;

    padding: 6px;

	border-bottom: 0px solid #000;

	

	-webkit-user-select: none; 

    -moz-user-select: none; 

    -ms-user-select: none; 

}



#toc a , #toc2 a, #toc3 a{

	float:left;

	width: 98px;

	height: 30px;

	text-align: center;

	font-size: 15px;

	padding-top:10px;

	background:#779D36;

	border:1px solid rgba(0, 0, 0, 0.27);

	

}



.toc-head, .toc-head2, .toc-head3 {

	height:34px;

	cursor: pointer;

}



.toc-body, .toc-body2, .toc-body3 {

	display:none;

}





#toc a:hover, #toc2 a:hover, #toc3 a:hover { 

	background-color: #577D16;

	font-size:15px;

}



#toc-collapse, #toc-collapse2, #toc-collapse3 {

	background-image: url( '../images/collapse.png' );

	background-size: 100% 100%;

	width: 20px;

	height: 12px;

	float:right;

	position: relative;

	right: 12px;

	top: 10px;

	cursor:pointer;

	transition: transform 0.25s;

	transform:rotate(0);

}



#fonteq {

	font-size:16px;

}



#body3 {

	width: 95%;

	/* height: 40.7%; */

	margin:0 auto;

	margin-top: 4px;

}



div#body3 .rightcont {

	height: 218px;

}



#body3 img {

	box-shadow:none;

	position:absolute;

	right: 30px;

	bottom: 0px;

	width:auto;

	height: 300px;

}





#body1-5, #body3-5, #body3-6, #body3-7,#body3-8, #body3-9, #body4, #body4-1, #body4-2, #body5, #body5-5, #body5-6, #body6, #body7, #body7-2, #body7-5, #body8 {

	width: 95%;

	margin:0 auto;

	margin-top: 4px;

	transition: .15s ease-in-out;

	-moz-transition: .15s ease-in-out;

	-webkit-transition: .15s ease-in-out;

}



#body1-5 {

	/* height: 360px; */

	padding-bottom: 40px;

	padding-bottom: 40px;

}



#body3-5 {

	/* height: 400px; */

	padding-bottom: 40px;

}



#body3-6 {

	/* height: 540px; */

	padding-bottom: 40px;

}



#body3-8 {

	/* height: 710px; */

	padding-bottom: 40px;

}



#body3-9 {

	/* height: 770px; */

	padding-bottom: 40px;

}



#body4 {

	/* height: 900px; */

	padding-bottom: 40px;

}



#body4-1 {

	/* height: 850px; */

	padding-bottom: 40px;

}



#body4-2 {

	/* height: 930px; */

	padding-bottom: 40px;

}



#body5 {

	/* height: 1150px; */

	padding-bottom: 40px;

}



#body5-5 {

	/* height: 1380px; */

	padding-bottom: 40px;

}



#body5-6 {

	/* height:1350px; */

	padding-bottom: 40px;

}



#body6 {

	/* height: 2230px; */

	padding-bottom: 40px;

}



#body7 {

	/* height: 2100px; */

	padding-bottom: 40px;

}



#body7-2 {

	height: auto;

	padding-bottom: 40px;

}



#body7-5 {

	/* height: 3360px; */

	padding-bottom: 40px;

}



#body8 {

	/* height: 4950px; */

	padding-bottom: 40px;

}



.margin-20 {

	/* margin-top:-20px; */

	padding-bottom: 40px;

}



.margin-75 {

	/* margin-top:-75px; */

	padding-bottom: 40px;

}



#margin-175 {

	margin-top:175px;

	padding-bottom: 40px;

}



/** Radar Time Portal**/

.timetravel {

    width: 275px;

    height: 304px;

    background-image: url("../images/dbour/game/storyline/timetravel.gif");

    background-size: cover;

    background-repeat:no-repeat;

    position: relative;

    bottom: 47px;

    left: 35px;

    opacity: 0.75;

}



.timediarying {

	width: 275px;

    height: 304px;

    background-image: url("../images/dbour/game/timediary/timediaryhead.gif");

    background-size: cover;

    background-repeat:no-repeat;

    position: relative;

    bottom: 47px;

    left: 35px;

    opacity: 0.75;

}



.competitiveradar, .skillradar {

	

	width: 275px;

    height: 304px;

    background-image: url("../images/dbour/gameplay/competitive/radar.png");

    background-size: cover;

    background-repeat:no-repeat;

    position: relative;

    bottom: 47px;

    left: 35px;

    filter:greyscale(5%);

	-webkit-filter:greyscale(5%);

	-moz-filter:greyscale(5%);

	

}



.competitiveradar video, .skillradar video {

	

	border-radius: 250px;

	margin-top: 41px;

	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.53);

	width: 250px;

	height: 250px;

	object-fit: cover;

	margin-left: 14px;

		

}



.instancedradar {

	

	width: 275px;

    height: 304px;

    background-image: url("../images/dbour/gameplay/instanced/radar.png");

    background-size: cover;

    background-repeat:no-repeat;

    position: relative;

    bottom: 47px;

    left: 35px;

    filter:greyscale(5%);

	-webkit-filter:greyscale(5%);

	-moz-filter:greyscale(5%);

}





.instancedradar video {

	

	border-radius: 250px;

	margin-top: 41px;

	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.53);

	width: 250px;

	height: 250px;

	object-fit: cover;

	object-position:-70px;

	margin-left: 14px;

}



.leftcont table, .leftcontrev table {

	

		clear:both; 

		line-height:18px; 

		width:100%; 

		text-align:center;

		color:#f0edf2;

		font-size:15px;

		margin-left: 10px;

}





.margin50 { margin-top:50px;}







/** Dragonball/Time Machine/Number/Face Hover **/



.selectDB, .selectTM, .selectPVP, .selectPVE {

    height:60px;

	margin: 8px 8px 5px 11px;

	float: left;

}



.selectDB {

	width:60px;

}



.selectPVP, .selectPVE {

   width:60px;

}



.selectTM {

	width:67px;

}



.DBContainer, .TMContainer, .PVPContainer, .PVEContainer {

	float:left;

	width:180px;

}



.DBContainer:hover, .TMContainer:hover, .PVPContainer:hover, .PVEContainer:hover  {

    background-color: rgba(4, 4, 4, 0.2);

    border-radius: 18px;

    padding-right: 16px;

	cursor:pointer;

}



.SelectDBtxt, .SelectTMtxt, .SelectPVPtxt, .SelectPVEtxt  {

	padding:27px 0px 0px 20px;

	width:165px;

}

.SelectDBtxt p, .SelectTMtxt p, .SelectPVPtxt p, .SelectPVEtxt p  {

	color: white;

    font-size: 14px;

	text-align:center;

}



.DBContainer:hover .SelectDBtxt p, .TMContainer:hover .SelectTMtxt p, .PVPContainer:hover .SelectPVPtxt p, .PVEContainer:hover .SelectPVEtxt p  {

	text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

	cursor:pointer;

}



.DBContainer:hover .SelectDBtxt p, .TMContainer:hover .SelectTMtxt p, .PVPContainer:hover .SelectPVPtxt p, .PVEContainer:hover .SelectPVEtxt p {

	 font-size:14px;

 }



.star1, .star2, .star3, .star4, .star5, .star6, .star7 { background-image: url("../images/dbour/game/storyline/stardb.png"); }



.star1 {background-position: -5px -0px;}

.star2 {background-position: -70px -0px;}

.star3 {background-position: -5px -65px;}

.star4 {background-position: -70px -65px;}

.star5 {background-position: -5px -130px;}

.star6 {background-position: -70px -130px;}

.star7 {background-position: -5px -194px;}





.machine1, .machine2, .machine3, .machine4, .machine5, .machine6, .machine7, .machine8, .machine9{ background-image: url("../images/dbour/game/timediary/machine.png"); }



.machine1 { background-position: -9px -0px; width: 67px; height: 60px;}

.machine2 { background-position: -92px -0px; width: 67px; height: 60px; transform:ScaleX(-1);}

.machine3 { background-position: -9px -62px; width: 67px; height: 60px;}

.machine4 { background-position: -93px -62px; width: 67px; height: 60px;}

.machine5 { background-position: -9px -124px; width: 67px; height: 60px;transform:ScaleX(-1);}

.machine6 { background-position: -92px -0px; width: 67px; height: 60px;}

.machine7 { background-position: -9px -62px; width: 67px; height: 60px;}

.machine8 { background-position: -93px -62px; width: 67px; height: 60px;transform:ScaleX(-1);}

.machine9 { background-position: -93px -62px; width: 67px; height: 60px;}



.TMContainer:hover .machine1, .TMContainer:hover .machine2, .TMContainer:hover .machine3, .TMContainer:hover .machine4, 

.TMContainer:hover .machine5, .TMContainer:hover .machine6, .TMContainer:hover .machine7, .TMContainer:hover .machine8, .TMContainer:hover .machine9 {

	background-image: url("../images/dbour/game/timediary/timediary.gif");

    background-position: 0 0;	

	background-size:cover;

	background-position: -6px;

}





.Compet1, .Compet2, .Compet3, .Compet4, .Compet5 {background-image: url("../images/dbour/gameplay/competitive/compet.png");}



.Compet1 { background-position: -5px -0px; width: 64px; height: 64px; }

.Compet2 { background-position: -74px -0px; width: 64px; height: 64px; }

.Compet3 { background-position: -5px -69px; width: 64px; height: 64px; }

.Compet4 { background-position: -74px -69px; width: 64px; height: 64px; }

.Compet5 { background-position: -5px -138px; width: 64px; height: 64px; }



.PVPContainer:hover .Compet1, .PVPContainer:hover .Compet2, .PVPContainer:hover .Compet3, .PVPContainer:hover .Compet4,

.PVPContainer:hover .Compet5 {background-image: url("../images/dbour/gameplay/competitive/compet_hover.png");}



.PVPContainer:hover .Compet1 { background-position: -5px -0px; width: 64px; height: 64px; transition: 1s;}

.PVPContainer:hover .Compet2 { background-position: -74px -0px; width: 64px; height: 64px; transition: 1s; }

.PVPContainer:hover .Compet3 { background-position: -5px -69px; width: 64px; height: 64px; transition: 1s; }

.PVPContainer:hover .Compet4 { background-position: -74px -69px; width: 64px; height: 64px; transition: 1s;}

.PVPContainer:hover .Compet5 { background-position: -5px -138px; width: 64px; height: 64px; transition: 1s;}





.instance1, .instance2, .instance3 {background-image: url("../images/dbour/gameplay/instanced/instance.png");}

.instance1, .instance2, .instance3  { background-position: -5px -0px; width: 60px; height: 60px; }

.PVEContainer:hover .instance1, .PVEContainer:hover .instance2, .PVEContainer:hover .instance3  { background-position: -5px -65px; width: 60px; height: 60px;}





.star1 svg, .star2 svg, .star3 svg, .star4 svg, .star5 svg , .star6 svg, .star7 svg{

	bottom:382px;

	right:134px;

}



.DBContainer:hover svg{

	display:block;

}





/** Dragonball Sparkle Animation **/

.selectDB svg {

	position:relative;

	display:none;

	transform: translate(102%, 350%);

 }

 

.group {

    transform: translate(42.5px, 42.5px);

}



.selectDB path {

    transform: translate(-42.50px,-42.50px);

}



.large {

	animation: large 2.5s infinite;

}



.large-2 {

	animation: large-2 2.5s infinite;

}



.small {

	animation: small 2.5s infinite;

}



@keyframes large {

	0% {

		opacity: 0;

		transform: rotate(0deg) scale(0);

	}

	50% {

		opacity: 1;

	}

	100% {

		opacity: 0;

		transform: rotate(360deg) scale(1.5);

	}

}



@keyframes large-2 {

	0% {

		opacity: 0;

		transform: rotate(45deg) scale(0);

	}

	50% {

		opacity: 1;

	}

	100% {

		opacity: 0;

		transform: rotate(405deg) scale(1.1);

	}

}



@keyframes small {

	0% {

		opacity: 0;

		transform: rotate(0deg) scale(0);

	}

	50% {

		opacity: 1;

	}

	100% {

		opacity: 0;

		transform: rotate(-360deg) scale(1.5);

	}

}

/** Time Travel End **/







/** Contact Form **/



.contact_form{

	background:none;

	width: 55%;

	margin: 0 auto;

}



.contact_form h1{

	border-bottom:1px solid #eaeaea;

}



.contact_form .form_right p {

	margin-left:0px

	float: none;

}



#response form{	

	padding:20px;

	border-radius:16px;

	background-image:url('../images/contactbg.png');

	background-size:cover;

	border:1px solid black;

	float:left;

}



#response .read_more2{

	width:96px;

	cursor:pointer;

}



#response form .form_left, #response form .form_right{

	float:left;

}



#response form .form_right{

	margin-left:25px;

}



#response form .form_submit{

	float:right;

	margin:10px 30px 10px 0px;

	cursor:pointer;

}



#post_wrapper #response .header{

	width:330px;

	text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);

	color:#ecedf3;

	font-size:13px;

	font-weight:700;

	text-transform:uppercase;

	padding: 10px 0px 0px 35px;

	height: 30px;

	margin: 0px 0px 0px 16px;

}



#post_wrapper #response{

	width:598px;

	min-height:150px;

	float:left;

	margin:0px 0px 0px 0px;

	border-left:1px solid #315972;

	border-right:1px solid #315972;

	padding:0px 0px 15px 0px;

}



/* Forms */



textarea, input {

	color: #d2d2d2;

	padding: 8px;

	border: solid 2px #1A1B1D;

	border-radius:6px;

	background: #1A1B1D;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	transition: all 0.35s ease-in-out;

	-moz-transition: all 0.35s ease-in-out;

	-webkit-transition: all 0.35s ease-in-out;

	-o-transition: all 0.35s ease-in-out;

	width:245px;

}

textarea:focus, input:focus {

	outline:none;

}

textarea:hover, input:hover, textarea:active, input:active {

	border:2px solid  #E5E5E5;

	transition: all 0.35s ease-in-out;

	-moz-transition: all 0.35s ease-in-out;

	-webkit-transition: all 0.35s ease-in-out;

	-o-transition: all 0.35s ease-in-out;

}

textarea {

	background: #1A1B1D;

	height:152px;

	resize:none;

	overflow-y:auto;

}



#response label {

		display:block;

		margin:10px 0px 5px 0px;

		color:#ffffff;

		text-align: center;

		font-size:15px;

		margin-left: 10px;

		text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

		background:#0000004d;

		border-radius: 40px;

}



/** Contact form end **/



/** Media **/

#showtab1, #showtab2, #showtab3 {

	width: 50%;

	margin: auto;

	background: rgba(0, 0, 0, 0.33);

	border-radius: 5px;

	transition: ease-in-out 1s;

	cursor: pointer;

}



#showtab h1 {

	-webkit-user-select: none;  

  -moz-user-select: none;     

  -ms-user-select: none;      

  user-select: none; 

}





#mediabody {

	 padding-top: 10px;

	 text-align: center; 

	 width: 50%;

	 margin: 0 auto;

}



#mediabody p {

		color:#f0edf2;

		text-align: center;

		font-size:15px;

		margin-left: 10px;

}



#vidcont, #sscont, #wallcont {

 	display: none;

}



#vidtab1, #vidtab2, #vidtab3 {

	padding: 20px 0px 20px 0px;

	margin: 0 auto;

	text-align: center;

}





#showtab1 h1, #showtab2 h1, #showtab3 h1, #vidcont h1, #sscont h1, #wallcont h1 {

    color:#f0edf2;

    text-align:center;

    text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

    font-size: 26px;

}



#vidtab1 h2, #vidtab2 h2, #vidtab3 h2, #fmv h2  {

    color:#f0edf2;

    text-align:center;

    text-shadow:1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;

    font-size: 18px;

}



#vidtab1 {

	/*float:left;*/

	margin-left: 0px;

	text-align:center;

}



#vidtab2 {

	float:right;

	display:none;

}



#vidtab3  video{

	margin-left: 24px;

	border: 3px ridge #779d36;

	border-radius: 6px;

}



#fmv {

	text-align:center;

}



#fmv iframe {

	padding: 0 0 0 20px;

	

}



#fmv img {

	border: 3px ridge #779d36;

	border-radius: 6px;

	margin-bottom: 3px;

}



#vidtab1 iframe, #vidtab2 iframe {

 margin:0 auto;	

 border: 3px ridge #779d36;

} 



#wallpaper, #screenshot {

	text-align:center;

}



#wallcont {

	padding-bottom:20px;

}



#wallpaper img, #screenshot img {

	border: 1px ridge #779d36;

	width: 152px;

	height: 80px;

}



#wallpaper img, #screenshot img, #fmv img {

	opacity: 1;

}



#wallpaper img:hover, #screenshot img:hover, #fmv img:hover {

	opacity: 0.70;

	box-shadow: black 0px 0px 40px 0px;

	border-radius: 10px;

	transition: 0.5s ease-in-out;

	border: 1px ridge black;

}



#fmv img:hover {

	border: 3px ridge black;

}



/** Media End **/





	.bgfix {

		/** background fix on transform **/

		background-image: url(../images/bg01.jpg);

		background-attachment: fixed;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center;

	}



	#menu-slab {

		width:100%;

		height: 57px;

		position:fixed;

		top:-1px;

		left:0;

		background-color: rgba(0, 0, 0, 0.75);

		z-index: 9999;

		display: none;

		transition: transform 320ms ease;

	}

	

	#shadowbg {

		background-color: rgba(0,0,0,.5);

		position:fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		display:none;

		z-index: 9998;

		overflow-x: hidden;

	}

	   

	#menu {

		background-color: rgb(40,40,40);

		background-image: linear-gradient(145deg, rgb(40,40,40), #404348);

	}

	

	.fixed {

		backface-visibility: hidden;

		position: fixed;

		z-index:2;

		transition: transform 300ms ease-in-out;

	}



	.fixed-open {

		transform: translate3d(256px, 0px, 0px);

	}

	

	.header-button {

		background-repeat: no-repeat !important;

		background-position: center !important;

		background-size: 36px 31px !important;

		background-color: rgba(0, 0, 0, 0.45);

		padding: 5px;

		border-radius: 4px;

                display: none;

	}

	

	.header-button:active {

		background-color: rgba(0, 0, 0, 0.80);

	}

	

	.toggle-button {

		position: absolute;

		z-index: 5050;

		top: 10px;

		left: 10px;

		background-image:url('../images/hamburger.png');

		background-size: cover;

		cursor: pointer;

		width: 36px;

		height: 31px;

	}	



	.menu, .slideout-menu {

        position: fixed;

        left: 0;

        top: 0;

        bottom: 0;

        right: 0;

        z-index: 0;

        width: 256px;

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

		display: none;

		

		-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.75);

		-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.75);

		box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.75);

    }



    .panel, .slideout-panel {

        position:relative;

        z-index: 1;

		min-height: 100vh;

		min-height: 100%;

    }

	

	.slideout-open,

	.slideout-open body,

	.slideout-open .slideout-panel {

		overflow: hidden;

	}



    .slideout-open .slideout-menu {

		display: block;

    }

		

	#menu-item-container {

		background: #171a21;

		font-size: 22px;

		position: relative;

		min-height: 100%;

	}

	

	.contents {

		font-weight: 200;

		font-family: 'WebPhilosopher', sans-serif;

	}

	

	.menu-item-head {

		display: block;

		padding: 0 12px;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

		line-height: 2.5em;

		text-decoration: none;

		cursor: pointer;

	}

	

	#menu-item-container .menu-item-head {

		position: relative;

		color: #bdbdbd;

		transition: height 0.5s, background 0.25s, color 0.25s;

	}

	

	.menu-item-head, #menu-item-container .menu-item-head, .submenu-inner-wrap  {

		border-top: 1px solid #2f3138;

		border-bottom: 1px solid #000000;

	}

	

	.menu-item-arrow {

		background-image: url( '../images/collapse.png' );

		background-repeat: no-repeat;

		cursor:pointer;

		transform:rotate(0);

		background-size: 100% 100%;

		width: 20px;

		height: 12px;

		position: absolute;

		right: 12px;

		top: calc( 50% - 6px );

		transition: transform 0.25s;

	}

	

	.arrow-right {

		transform: rotate(-90deg) !important;

	}

		

	.menu-item-submenu-wrap {

		overflow: hidden;

		background: #171a21;

		height: 0px;

		transition: height 0.5s, background 0.25s, color 0.25s;

	}

	

	.menu-item-active {

		background: #6E942D;

		color: #ffffff !important;

	}

	

	.sub-menu-active {

		background-color: #5C821B;

	}

	

	.sub-menu-item {

		display: block;

		padding: 0 12px;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

		line-height: 2.5em;

		text-decoration: none;

		cursor: pointer;	

		font-size: 0.75em;

		color: #ffffff !important;

		padding-left: 28px;

	}

	

		

/** Mobile Menu End **/





/* Firefox Stylesheet */

@-moz-document url-prefix() { 



	.DBContainer:hover .SelectDBtxt p, .TMContainer:hover .SelectTMtxt p, .PVPContainer:hover .SelectPVPtxt p, .PVEContainer:hover .SelectPVEtxt p {

		font-size:14px;

	}

	 

   img.namwar_class {

		top: 54px;	

   }

}