@charset "utf-8";
/* CSS Document */

/* popup */
#popup {
	background:#efefef;
	color:#333;
	padding:10px 30px 20px 30px;
}

/* main page */
body {



background:url(../images/top_bg.webp) no-repeat center top, url(../images/main_bg.jpg);	margin:0;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	color:#eeeeee;
}
#wrap {
	max-width:1100px;
	margin:0 auto;
}
header {
	background:url(../images/header_bg.jpg);
	height:404px;
	position:relative;
}
header .logo {
	background:url(../images/logo_top.png);
	width:272px;
	height:166px;
	position:absolute;
	top:10px;
	left:70px;
}
header .sub {
	background:url(../images/sub.png);
	width:344px;
	height:85px;
	position:absolute;
	top:190px;
	left:28px;
}
nav.top {
	background:rgba(0,0,0,0.85);
	width:100%;
	height:76px;
	font-size:18px;
	text-align:left;
	line-height:76px;
	color:#eeeeee;
	position:absolute;
	bottom:0;
}
nav.top p {
	display:none;
}
nav.top #menu-toggle {
  	display:none;
}
nav.top #menu {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0;
}
nav.top #menu li {
	display:inline-block;
	margin:0;
	font-size:18px;
}
nav.top #menu li a {
	display:inline-block;
	color:#eeeeee;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 35px 0 65px;
	margin:0;
}
nav.top #menu li a.home {
	background:url(../images/home_icon.png) no-repeat 30px;
}
nav.top #menu li a.home:hover {
	background:url(../images/home_icon.png) no-repeat 30px rgba(66,66,66,0.5);
}
nav.top #menu li a.login {
	background:url(../images/login_icon.png) no-repeat 30px;
}
nav.top #menu li a.login:hover {
	background:url(../images/login_icon.png) no-repeat 30px rgba(66,66,66,0.5);
}
nav.top #menu li a.about {
	background:url(../images/about_icon.png) no-repeat 30px;
}
nav.top #menu li a.about:hover {
	background:url(../images/about_icon.png) no-repeat 30px rgba(66,66,66,0.5);
}
nav.top #menu li a.twitter {
	background:url(../images/twitter_icon.png) no-repeat 30px;
}
nav.top #menu li a.twitter:hover {
	background:url(../images/twitter_icon.png) no-repeat 30px rgba(66,66,66,0.5);
}
nav.top #menu li a.support {
	background:url(../images/support_icon.png) no-repeat 30px;
}
nav.top #menu li a.support:hover {
	background:url(../images/support_icon.png) no-repeat 30px rgba(66,66,66,0.5);
}
nav.top #menu li a.join {
	background:url(../images/join_icon.png) no-repeat 30px rgba(149,0,0,0.66);
	position:absolute;
	right:0;
	top:0;
}
nav.top #menu li a.join:hover {
	background:url(../images/join_icon.png) no-repeat 30px rgba(149,0,0,0.8);
}
nav.top #menu li span {
	background:url(../images/nav_sep.jpg);
	width:2px;
	height:76px;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
}
p.shadow {
	background:url(../images/shadow.png);
	height:44px;
	margin:0;
}
.content {
	background:#1a1a1a;
	text-align:center;
	margin:0;
	overflow:hidden;
}
p.latest {
	background:url(../images/video_icon.png) no-repeat 30px 10px #690403;
	color:#eeeeee;
	text-align:left;
	font-size:30px;
	margin:30px 30px 20px 32px;
	padding:10px 0 10px 70px;
}
p.login {
	background:url(../images/login_icon.png) no-repeat 30px 10px #690403;
	color:#eeeeee;
	text-align:left;
	font-size:30px;
	margin:30px 30px 20px 32px;
	padding:10px 0 10px 70px;
}
p.about {
	background:url(../images/about_icon.png) no-repeat 30px 10px #690403;
	color:#eeeeee;
	text-align:left;
	font-size:30px;
	margin:30px 30px 20px 32px;
	padding:10px 0 10px 70px;
}
p.support {
	background:url(../images/support_icon.png) no-repeat 30px 10px #690403;
	color:#eeeeee;
	text-align:left;
	font-size:30px;
	margin:30px 30px 20px 32px;
	padding:10px 0 10px 70px;
}
p.join {
	background:url(../images/join_icon.png) no-repeat 30px 10px #690403;
	color:#eeeeee;
	text-align:left;
	font-size:30px;
	margin:30px 30px 20px 32px;
	padding:10px 0 10px 70px;
}
.latestbox {
	background:#121212;
	border:1px solid #202020;
	text-align:left;
	margin:0 30px 20px 30px ;
	padding:0 0 20px 0;
	overflow:hidden;
}
.latestbox h1 {
	background:#363636;
	font-size:24px;
	font-weight:400;
	margin:22px 19px 13px 19px;
	padding:10px 10px 10px 20px;
}
.latestbox video {
	width:750px;
	height:422px;
	border:1px solid #5d5d5d;
	margin:0 0 0 20px;
	display:inline-block;
	vertical-align:top;
}
.latestbox .videopix  {
	width:750px;
	height:422px;
	border:1px solid #5d5d5d;
	margin:0 0 0 20px;
	display:inline-block;
	vertical-align:top;
}
.latestbox .thumbrow1 {
	display:inline-block;
	width:230px;
}
.latestbox .thumbrow1 img {
	width:228px;
	height:auto;
	border:1px solid #5d5d5d;
	margin:0 0 14px 13px;
}
.latestbox .thumbrow2 {
	margin:0 0 0 20px;
}
.latestbox .thumbrow2 img {
	width:318px;
	height:auto;
	border:1px solid #5d5d5d;
	margin:0 16px 0 0;
}
.latestbox img:hover {
	border:1px solid #820604;
	transition:all 1s;
}
.latestbox .downloads {
	font-size:18px;
	margin:17px 18px 0 27px;
}
.latestbox .downloads a {
	background:#690403;
	color:#eeeeee;
	padding:3px 5px;
	vertical-align:top;
	display:inline-block;
}
.latestbox .downloads a:hover {
	background:#5c0302;
	text-decoration:none;
}
.latestbox .downloads .joinbutton {
    background-color: #690403; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    font-size: 16px;
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.latestbox .downloads .joinbutton:hover {
    background-color: #7D0504; 
    color: white;
}
.latestbox .downloads .enterbutton {
    background-color: #690403; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    font-size: 25px;
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.latestbox .downloads .enterbutton:hover {
    background-color: #7D0504; 
    color: white;
}

.latestbox .downloads .downloadnow {
	font-size:30px;
	height:70px;
	line-height:70px;
	text-decoration:none;
	float:right;
	position:relative;
	padding:0 100px 0 20px;
}
.latestbox .downloads .downloadnow br {
	display:none;
}
.latestbox .downloads .downloadnow span {
	background:url(../images/download_icon.png) no-repeat center #460302;
	width:80px;
	height:70px;
	margin:0;
	display:inline-block;
	vertical-align:top;
	position:absolute;
	right:0;
	top:0;
}
.clickhere {
	font-size:60px;
	color:#06d3ff;
}
.clickhere:hover {
	text-decoration:none;
}
footer {
	background:#1a1a1a;
	text-align:center;
	margin:30px 0 0 0;
	overflow:hidden;
}
footer nav.bttm {
	width:800px;
	font-size:14px;
	text-align:left;
	display:inline-block;
	margin:30px 0;
}
footer nav.bttm a {
	color:#eeeeee;
	text-decoration:none;
	padding:0 40px;
}
footer nav.bttm a:hover {
	text-decoration:underline;
}
footer .logo_bttm {
	background:url(../images/logo_bttm.png);
	width:169px;
	height:105px;
	display:inline-block;
	vertical-align:top;
	margin:10px 0 0 0;
}
footer nav.bttm p {
	font-size:10px;
	color:#c3c3c3;
	margin:10px 0 10px 40px;
}
footer nav.bttm p a {
	padding:0;
}

/* video page */
.videobox {
	background:#121212;
	border:1px solid #202020;
	text-align:left;
	margin:30px 30px 20px 30px ;
	padding:0 0 20px 0;
	overflow:hidden;
}
.videobox video {
	width:986px;
	height:555px;
	margin:0 auto;
	display:block;
}
.videobox .data {
	margin:0 40px;
}
.videobox .data .quality {
	font-size:15px;
	display:inline-block
}
.videobox .data .quality a {
	background:#690403;
	font-size:14px;
	color:#eeeeee;
	text-decoration:none;
	display:inline-block;
	padding:3px 5px;
}
.videobox .data .quality a:hover {
	background:#5c0302;
}
.videobox .data .rating {
	width:130px;
	height:20px;
	margin:10px 0 0 0;
	display:inline-block;
	float:right;
}
.videobox .data .rating.four {
	background:url(../images/rating.png) left -48px;
}
.videobox .data .rating.five {
	background:url(../images/rating.png) left top;
}
.videobox .details {
	background:#363636;
	margin:10px 27px 0 27px;
	padding:15px 20px;
	overflow:hidden;
}
.videobox h1 {
	font-weight:400;
	font-size:24px;
	margin:0;
	padding:0 0 7px 0;
	border-bottom:1px solid #666666;
}
.videobox .details p {
	font-size:12px;
	display:inline-block;
}
.videobox .details .tags {
	font-size:11px;
}
.videobox .details .tags a {
	background:#690403;
	color:#eeeeee;
	text-decoration:none;
	padding:4px 6px;
}
.videobox .details .tags a:hover {
	background:#5c0302;
	text-decoration:underline;
}
.videobox .details .dfm {
	background:#690403;
	font-size:11px;
	color:#eeeeee;
	padding:6px 32px 6px 8px;
	float:right;
	text-decoration:none;
	position:relative;
	margin:5px 0 0 0;
}
.videobox .details .dfm:hover {
	background:#5c0302;
}
.videobox .details .dfm span {
	background:url(../images/download_icon.png) no-repeat 6px 5px #460302;
	background-size:13px;
	position:absolute;
	width:26px;
	height:25px;
	display:inline-block;
	right:0;
	top:0;
}
.videobox .thumbrow {
	margin:20px 0 0 24px;
}
.videobox .thumbrow img {
	border:1px solid #5d5d5d;
	margin:0 4px;
}
.videobox .thumbrow img:hover {
	border:1px solid #820604;
	transition:all 1s;
}
.videospace {
	width:986px;
	margin:25px 0 0px 25px;
}