@charset "utf-8";
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:auto;}
body{ margin:0px; padding:0px; background:#000; font-family:'Roboto', sans-serif, Arial; font-size:15px; font-weight:400; color:#555;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; font-size:16px; font-weight:400;}
a{ text-decoration:none; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in; cursor:pointer; outline:none;}
p{ margin:0px; padding:0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

table{ border-collapse:collapse; border-spacing:0px;}
table tr td, table tr th{ border-spacing:0px; padding:0px;}

.clear{ clear:both;}

.inner{ width:1150px; margin:0px auto;}

header{ width:100%; background:#000; position:fixed; top:0px; left:0px; z-index:90; -moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.3); box-shadow:0 3px 6px rgba(0, 0, 0, 0.3);}
header .inner{ height:80px; background:url(../images/dots-1.png) no-repeat center right; position:relative;}
header .logo{ position:absolute; left:0px; top:24px;}
header .logo h1{ display:block; width:173px; height:32px; background:url(../images/logo-1.png) no-repeat; background-size:173px 32px; text-indent:-9999px;}
header .packs{ width:246px; margin:0px auto; padding:5px 0px;}
header .packs img{ display:block;}
header .button{ position:absolute; right:0px; top:20px;}
header .button a{ display:inline-block; height:40px; line-height:40px; padding:0px 30px; font-size:18px; font-weight:500; background:#ac8f58; color:#fff;}
header .button a:hover{ background:#ebcb5f;}

section{ padding-top:80px;}

.intro{ background:url(../images/intro-bg.jpg) no-repeat top center; background-size:cover;}
.intro .inner{ height:800px; position:relative; overflow:hidden;}
.intro img{ display:block; width:100%;}
.intro .players{ width:100%; position:absolute; left:0px; top:0px;}
.intro .konami{ width:14%; position:absolute; left:0px; top:0px;}
.intro .power{ width:27%; position:absolute; left:0px; bottom:0px;}
.intro .super-league{ width:48%; position:absolute; right:0px; bottom:5%;}
.intro .logo{ width:66%; position:absolute; left:17%; top:50%; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}

.main-info{ padding:100px 0px; background:url(../images/content-bg.jpg) no-repeat center center; background-size:cover; text-align:center;}
.main-info .title{ color:#ebcb5f; margin-bottom:50px;}
.main-info .title h2{ font-size:32px; font-weight:400; margin-bottom:30px;}
.main-info .title span{ display:block; width:50px; height:5px; margin:0px auto; background:#ebcb5f;}
.main-info .text{ font-size:21px; font-weight:300; color:#fff; line-height:150%; margin-bottom:50px;}
.main-info .text p{ margin-bottom:30px;}
.main-info .text p:last-child{ margin-bottom:0px;}
.main-info .button a{ display:inline-block; padding:15px 50px; border:solid 2px rgba(255, 255, 255, 0.5); font-size:21px; font-weight:300; color:#fff;}
.main-info .button a i{ margin-right:10px;}
.main-info .button a:hover{ color:#ebcb5f; border:solid 2px #ebcb5f;}
.main-info .packs ul{ font-size:0px;}
.main-info .packs ul li{ display:inline-block; width:240px; margin:0px 30px; vertical-align:top;}
.main-info .packs ul li a{ display:block;}
.main-info .packs ul li .photo{ margin-bottom:20px; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}
.main-info .packs ul li .photo img{ display:block; width:100%;}
.main-info .packs ul li .name{ font-size:16px; color:#fff; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}
.main-info .packs ul li a:hover .photo{ opacity:0.7; filter:alpha(opacity=70);}
.main-info .packs ul li a:hover .name{ color:#ebcb5f;}

.section{ position:relative; text-align:center;}
.section table{ width:100%;}
.section table tr td{ height:480px; vertical-align:middle; padding:0px 30px;}
.section.section-1{ background:url(../images/section-1-bg.jpg) no-repeat center center; background-size:cover;}
.section.section-2{ background:url(../images/section-2-bg.jpg) no-repeat top center; background-size:cover;}
.section.section-3{ background:url(../images/section-3-bg.jpg) no-repeat center center; background-size:cover;}
.section.section-4{ background:url(../images/section-4-bg.jpg) no-repeat top center; background-size:cover;}
.section.section-5{ background:url(../images/section-5-bg.jpg) no-repeat center center; background-size:cover;}
.section .content{ width:50%; background:rgba(0, 0, 0, 0.8); font-size:21px; font-weight:300; line-height:140%; color:#fff;}
.section .content.left{ float:left;}
.section .content.right{ float:right;}
.section .content h3{ font-size:32px; font-weight:400; margin-bottom:20px;}

footer{ padding:30px 0px; line-height:32px; background:#000;}
footer .copyright{ float:left; font-size:12px; color:#999;}
footer .logo{ float:right;}
footer .logo ul li{ float:left; margin-right:20px;}
footer .logo ul li:last-child{ margin-right:0px;}
footer .logo ul li img{ display:block;}

.fixed-menu{ position:fixed; right:15px; bottom:15px; z-index:91;}
.fixed-menu ul li{ margin-top:10px;}
.fixed-menu ul li.topofpage{ display:none;}
.fixed-menu ul li a{ display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:rgba(0, 0, 0, 0.5); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#ac8f58;}
.fixed-menu ul li a:hover{ background:rgba(0, 0, 0, 0.7); background:#ebcb5f;}

@media (max-width: 1199px) {
	.inner{ width:960px;}
	
	.intro .inner{ height:720px;}
	
	.main-info{ padding:80px 0px;}
	.main-info .title h2{ font-size:30px;}
	.main-info .text{ font-size:20px;}
	.main-info .button a{ font-size:20px;}
	.main-info .packs ul li{ width:200px;}
	
	.section .content{ font-size:20px;}
	.section .content h3{ font-size:30px;}
}
@media (max-width: 991px) {
	.inner{ width:720px;}
	
	header .inner{ height:60px;}
	header .logo{ top:15px;}
	header .logo h1{ width:162px; height:30px; background-size:162px 30px;}
	header .packs{ width:176px;}
	header .packs img{ height:50px;}
	header .button{ top:10px;}
	header .button a{ padding:0px 20px;}
	
	section{ padding-top:60px;}
	
	.intro .inner{ height:600px;}
	
	.main-info{ padding:60px 0px;}
	.main-info .title h2{ font-size:24px;}
	.main-info .text{ font-size:18px;}
	.main-info .button a{ font-size:18px; padding:15px 40px;}
	.main-info .packs ul li{ width:28%; margin:0px 2%;}
	.main-info .packs ul li .name{ font-size:15px;}
	
	.section table tr td{ height:400px;}
	.section .content{ font-size:18px;}
	.section .content h3{ font-size:24px;}
}
@media (max-width: 767px) {
	.inner{ width:auto; padding:0px 15px;}
	
	header .logo{ left:15px; top:18px;}
	header .logo h1{ width:130px; height:24px; background-size:130px 24px;}
	header .packs{ width:140px; padding:10px 0px;}
	header .packs img{ height:40px;}
	header .button{ right:15px;}
	header .button a{ padding:0px 10px; font-size:16px;}
	
	.intro .inner{ height:auto; padding-bottom:75%;}
	.intro .konami{ left:10px; top:10px;}
	.intro .super-league{ right:15px; bottom:15px;}
	
	.main-info{ padding:50px 0px;}
	.main-info .title{ margin-bottom:40px;}
	.main-info .title h2{ font-size:21px;}
	.main-info .text{ font-size:16px; margin-bottom:40px;}
	.main-info .button a{ font-size:16px; padding:15px 30px;}
	.main-info .packs ul li .name{ font-size:14px;}
	
	.section table tr td{ height:360px; padding:0px 20px;}
	.section .content{ font-size:16px;}
	.section .content h3{ font-size:21px;}
	
	footer{ text-align:center; line-height:normal;}
	footer .copyright{ float:none; margin-bottom:20px;}
	footer .logo{ float:none;}
	footer .logo ul li{ float:none; display:inline-block; margin:5px;}
	
	.fixed-menu{ right:10px; bottom:10px;}
}
@media (max-width: 481px) {	
	header .packs{ display:none;}
	
	.main-info{ padding:40px 0px;}
	.main-info .title{ margin-bottom:30px;}
	.main-info .title h2{ font-size:18px; margin-bottom:20px;}
	.main-info .text{ font-size:15px; margin-bottom:30px;}
	.main-info .text p{ margin-bottom:20px;}
	.main-info .button a{ font-size:15px; padding:10px 20px;}
	.main-info .packs ul li{ width:40%; margin:10px 4%;}
	.main-info .packs ul li .photo{ margin-bottom:10px;}
	.main-info .packs ul li .name{ font-size:13px;}
	
	.section{ padding:10% 5%; border-top:solid 8px #000;}
	.section table tr td{ height:auto; padding:0px;}
	.section .content{ width:auto; font-size:15px; padding:15px;}
	.section .content.left, .section .content.right{ float:none;}
	.section .content h3{ font-size:18px;}
	
	footer{ padding:20px 0px;}
	footer .logo ul li img{ height:24px;}
}