body { margin: 0px; padding: 0px; text-align: center; background-color: #181A27; color: #ffffff; font-size: 14px; font-weight: 300; }
#logo a { text-decoration: none; display: block; width: 81px; height: 70px; background: url("../images/menu-logo.png") no-repeat; }
.header { text-align: left; background-color:  rgba(24, 34, 43, 0.9); height: 80px; line-height: 80px; }
.header .button.selected { color: #fdf100; background-color:  #121920; border-radius: 6px; }
.header .left.container .cell .button { font-family: 'Alegreya Sans', sans-serif; color:  #ffffff; font-size: 14px; text-align: left; }
.header .left.container .cell:hover .button { color: #fdf100; }
.footer { background-color: #0D1015; height: 130px; line-height: 130px; font-size: 12px; font-family: 'Lato', sans-serif; }
.header , .footer { position: relative; z-index: 1; }
.header , .footer , .main { margin-left: auto; margin-right: auto; width: 1600px; overflow: hidden; }
.header .circle , .footer .circle { margin: -2px 0px 0px; }
.header .left.container .cell { vertical-align: middle; margin-right: 5px; }
.header .right.container , .footer .right.container { width: 300px; }
.header .right.container .cell , .footer .right.container .cell { vertical-align: middle; overflow: visible; margin-left: 20px; margin-right: 0px; }
.footer .left.container .cell { vertical-align: middle; }
.footer .copywrite { line-height: initial; display: inline-block; vertical-align: middle; }
.footer .copywrite a { margin: 0px 8px 8px; display: inline-block; }
.main { margin-top: -80px; position: relative; z-index: 0; min-height: 100%; min-height: calc(100% - 130px); background: url('../images/main-bg.png') 0px 231px no-repeat; font-family: 'Lato', sans-serif; }
.banner { background: url("../images/index-banner.png"); height: 450px; overflow: hidden; display: block; }


.news-p .content , .jobs-p .content { margin: 80px auto 0px; }
.news-p .content .container , .jobs-p .content .container { text-align: left; width: 1000px; }
.news-p .content .cell:nth-child(3n) , .jobs-p .content .cell:nth-child(3n) { margin-right: 0px; }
.news-p .content .cell:nth-child(n+4) , .jobs-p .content .cell:nth-child(n+4) { margin-top: 32px; }
.staff-p .content .hd , .news-p .content .hd , .jobs-p .content .hd , .bot.contact div.hd { height: 140px; line-height: 175px; text-align: center; overflow: hidden; }
.staff-p .content .title , .bot.staffs .title { color: #13cbd4; }


.main.sponsors-p , .main.staff-p , .main.news-p , .main.jobs-p { background-position: 0px -598px; }
.sponsors-p .bot.sponsors { margin-top: 80px; }


.staff-p .content { margin-top: 80px; }
.staff-p .content .ft { height: 90px; line-height: 90px; }
.staff-p .content .container , .teams-p .content .container { width: 1000px; }
.bot.staffs { margin: 40px 0; }
.bot.staffs .container { text-align: left; white-space: nowrap; margin-top: 70px; }
.staff-p .content .cell , .bot.staffs .cell { width: 140px; height: 200px; background-color: inherit; }
.staff-p .content .cell:nth-child(6n) , .teams-p .content .cell:nth-child(6n) { margin-right: 0px; }
.staff-p .content .cell:nth-child(n+7) , .teams-p .content .cell:nth-child(n+7) { margin-top: 30px; }
.staff-p .content .pic , .bot.staffs .pic { border-radius: 10px; }
.staff-p .content .cell .title , .bot.staffs .cell .title { font-size: 14px; padding: 0px; text-align: center; padding-top: 15px; line-height: 20px; color: #ffffff; }


.games.banner { background-color: #121a27; height: 350px; overflow: hidden; margin-top: 0px; }
.games.banner .cell { margin-top: 110px; opacity: .5; }
.games.banner .cell .logo { height: 180px; } 
.games.banner .cell.selected , .games.banner .cell:hover { opacity: 1; }
.games.banner .cell .circle { font-size: 12px; position: relative; }
.teams-p .content { /*min-height: 570px;*/ }
.teams-p .content .hd , .teams-p .bot.filler { height: 95px; line-height: 95px; padding: 0px; }
.teams-p .content .cell { width: 140px; height: 350px; background-color: white; font-size: 14px; }
.teams-p .content .detail { width: 140px; height: 140px; display: inline-block; visibility: hidden; margin-top: 210px; background-color: rgba(0, 0, 0, 0.9); }
.teams-p .content .cell .title { padding: 0px; font-size: inherit; text-align: center; }
.teams-p .content .cell:hover .detail { visibility: visible; }


.main.profile-p , .main.teams-p , .main.article-p , .main.position-p , .main.sponsor-p , .main.position-p { background-position: 0px -328px; /*678px overlap*/ }
.profile-p .banner { background: url("../images/prof-bg.png"); }
.article-p .banner , .position-p .banner { background: url("../images/article-bg.png"); }
.sponsor-p .banner { background: url('../images/sponsor-bg.png'); }
.article-p .banner , .position-p .banner , .profile-p .banner , .sponsor-p .banner { height: 350px; }
.profile-p .banner .container { height: 270px; margin-top: 112px; font-size: 14px; }
.profile-p .banner .title { width: 180px; text-align: left; }
.profile-p .banner .logo , .profile-p .banner .title { height: 40px; }
.profile-p .banner .title { vertical-align: middle; line-height: 40px; }
.banner .player { list-style-type: none; padding: 0px; text-align: left; margin-left: 30px; }
.banner .player li { height: 25px; }
.banner .player .circle { margin-left: 0px; vertical-align: top; }
.profile-p .banner .left .pic { width: 178px; height: 178px; background-color: white; }
.profile-p .banner .lrg.circle img { width: 100%; height: 100%; }
.banner .gear { position: absolute; }
.banner .gear.txt { width: 200px; background: red; text-align: left; }
.banner .gear.pic { background-color: green; }
.banner .gear.txt.l { top: 200px; left: 580px; text-align: right; }
.banner .gear.pic.l { top: 200px; left: 835px; }
.banner .gear.txt.m { top: 170px; left: 1155px; }
.banner .gear.pic.m { top: 200px; left: 990px; }
.banner .gear.txt.r { top: 200px; left: 1240px; }
.banner .gear.pic.r { top: 225px; left: 1085px; }
.bio , .piece { min-height: 407px; text-align: left; padding-bottom: 30px; }
.bio .left , .article-p .piece .left , .position-p .piece .left { width: 655px; }
.bio .right .button , .piece .right .button { width: 155px; margin-right: 70px; margin-bottom: 20px; padding: 0px; }
.bio .right .button span , .piece .right .button span { display: inline-block; height: 100%; width: 25px; text-align: center; margin: -2px 20px 0px 15px; }
.sponsor-p .bio .hd.title { margin-left: 300px; height: 40px; line-height: initial; padding-top: 40px; }
.bio .title , .article-p .piece .f.left .title , .position-p .piece .f.left .title { height: 84px; line-height: 84px; }
.article-p .piece .f.right .title , .position-p .piece .f.right .title { margin-top: 84px; height: 42px; vertical-align: top; }
.article-p .piece .f.left .title , .position-p .piece .f.left .title , .hd .title , div.hd .title { font-size: 24px; }
.bio .title , .bio .excerpt , .article-p .piece .excerpt , .position-p .piece .excerpt , .article-p .piece .container.f.right .title , .position-p .piece .container.f.right .title { font-size: 14px; vertical-align: top; }
.bio .excerpt , .article-p .piece .excerpt { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; }
.content .excerpt p , .bio .excerpt p , .article-p .piece .excerpt p , .position-p .piece .excerpt p { margin-top: 0px; }
.sponsor-p .content .hd , .bot.staffs .hd , .games .hd { position: absolute; padding: 0px; width: 100%; height: 0px; }
.sponsor-p .content { height: 653px; background-color:  rgba(0, 0, 0, 0.15); }
.profile-p .content { min-height: 520px; }
.sponsor-p .content .hd .scroll , .bot.staffs .hd .scroll , .games .hd .scroll { font-size: 150px; color: white; position: relative; z-index: 1; opacity: .75; cursor: pointer; margin-top: 270px; }
.index-p .games .hd .scroll { margin-top: 200px; }
.teams-p .games .hd .scroll { margin-top: 120px; }
.teams-p .games .container .cell { margin-top: 110px; vertical-align: top; }
.bot.staffs .hd .scroll { font-size: 40px; margin-top: 120px; border: 3px solid white; height: 34px; width: 34px; line-height: 34px; border-radius: 34px; }
.bot.staffs .hd .f.left { margin-left: 210px; }
.bot.staffs .hd .f.right { margin-right: 210px; }
.sponsor-p .content .hd .f.left { margin-left: 180px; }
.sponsor-p .content .hd .f.right { margin-right: 180px; }
.games .hd .f.left { margin-left: 230px; }
.games .hd .f.right { margin-right: 230px; }
.profile-p .content .container , .sponsor-p .content .container { margin-top: 60px; }
.profile-p .content .container .cell { height: 453px; width: 226px; }
.sponsor-p .content .container .cell .title { height: 60px; line-height: 60px; }
.profile-p .content .container .cell .title { height: 50px; line-height: 50px; margin-top: -40px; padding: 0px 20px; }
.sponsor-p .content .container .cell .excerpt { height: 91px; }
.profile-p .content .container .cell .excerpt { height: 120px; padding: 0px 20px; }
.sponsor-p .content .container .cell .pic { height: 319px; overflow: hidden; }
.profile-p .content .container .cell .pic { height: 251px; line-height: 251px; overflow: hidden; }
.profile-p .bot.filler { height: 70px; }
.article-p .bot.filler , .position-p .bot.filler { height: 35px; }
.bot.others { height: 219px; background-color:  rgba(0, 0, 0, 0.1); text-align: center; }
.profile-p .bot.others .section.tag { font-size: initial; margin-left: 0px; margin-top: -55px; }
.bot.others .container { margin-top: 40px; }
.bot.others .container .cell , .staff-p .content .cell .pic , .bot.staffs .cell .pic { width: 140px; height: 140px; overflow: hidden; }


.sponsors , .container { font-size: 0px; letter-spacing: -4px; word-spacing: 0px; padding: 0px; list-style-type: none; }
.sponsors , .scroll.container { white-space: nowrap; }
.sponsors .cell , .sponsors .hd , .container * { font-size: inherit; letter-spacing: initial; vertical-align: inherit; font-weight: inherit; }
.top.sponsors { background-color:  rgba(18, 25, 32, 0.25); height: 100px; line-height: 100px; position: relative; z-index: 0; }
.top.sponsors a { margin-right: 65px; max-height: 100%; }
.top.sponsors :last-child { margin-right: 0px; }
.top.sponsors a img, .bot.sponsors img { display: inline-block; position: relative; vertical-align: middle; }
.games { background: url("../images/index-game-bg.png"); height: 499px; margin-top: -140px; position:relative; z-index: -1; }
.games .scroll.container { display: block; text-align: center; }
.cell { display: inline-block; margin-right: 32px; border-radius: 10px; overflow: hidden; text-align: center; font-size: 12px; }
.cell:last-child { margin-right: 0px; } 
.games .cell { width: 265px; }
.games .scroll.container li.cell:first-child { margin-left: 0px; }
.content .cell { width: 312px; }
.games .cell { height: 300px; margin-top: 150px; }
.games .cell .logo { display: block; height: 200px; line-height: 200px; vertical-align: middle; }
.games .cell .logo img { display: inline-block; }
.content { overflow: hidden; }
.content .title { color: #C5F31F; font-size: 18px; }
.hd .title img { margin-right: 15px; vertical-align: middle; margin-top: -4px; }
.content .hd , .content .ft { height: 120px; line-height: 120px; }
.scroll.container { width: 100%; white-space: nowrap; overflow: hidden; margin: 0px auto; text-align: left; }
.content .cell { height: 532px; }
.scroll.container > li:first-child , .bot.staffs .container > li:first-child { margin-left: -44px; }
.bot.sponsors .cell .circle { width: 30px; height: 30px; line-height: 30px; margin: 20px 5px 0px; }
.bot.contact { font-size: 14px; }
.bot.contact div.ft { background-color: #121920; overflow: hidden; }
.bot.contact div.hd { color: #e74c3c; }
.bot.contact p.hd { font-size: 24px; }
.bot.contact p.ft { font-size: 18px; }
.button { display: inline-block; height: 40px; padding: 0px 15px; line-height: 40px; font-size: 12px; white-space: no-wrap; cursor: pointer; vertical-align: middle; }
.dark.button { background-color: #18222B; border: 1px solid #18222B; color: #038EEB; }
.light.button { background-color: #0099FF; border: 1px solid #0099FF; color: #ffffff; }
.light.button:hover { color: #fdf100; }
.dark.button.outlined { border: 1px solid #173B5D; }
.outlined.cl1 { border: 1px solid #fe5b4a; }
.outlined.cl2 { border: 1px solid #9401ff; }
.outlined.cl3 { border: 1px solid #0669d1; }
.outlined.cl4 { border: 1px solid #0099ff; }
.outlined.cl5 { border: 1px solid #009900; }
.content .cell { background-color: #18222B; }
.content .cell .pic { height: 200px; line-height: 200px; }
.content .cell .date { height: 40px; width: 74px; background-color:  rgba(0, 0, 0, 0.9); line-height: 40px; float: right; border-bottom-right-radius: 0px; border-top-left-radius: 0px; color: #ffffff; }
.content .cell .title { height: 75px; line-height: 75px; }
.index-p .content .cell .title , .article-p .content .cell .title , .position-p .content .cell .title , .news-p .content .cell .title , .jobs-p .content .cell .title { height: 50px; line-height: 25px; white-space: initial; padding: 20px 40px; }
.content .cell .excerpt { height: 180px; font-weight: 400; color: #ffffff; white-space: normal; }
.content .cell .excerpt , .content .cell .title { padding: 0px 40px; text-align: left; overflow: hidden; text-overflow: ellipsis; }
.bot.sponsors .hd { height: 175px; line-height: 175px; }
.bot.sponsors .ft { height: 80px; }
.bot.sponsors .title { color: #038EEB; }
.bot.sponsors .container , .profile-p .content .container , .profile-p.content .container { width: 1000px; text-align: left; display: inline-block; white-space: normal; }
.bot.sponsors .cell , .profile-p .content .cell , .sponsor-p .banner .logo { height: 350px; width: 226px; background: #19232f url('../images/cell-bg.png') no-repeat; }
.bot.sponsors .cell:nth-child(4n) , .profile-p .content .cell:nth-child(4n) { margin-right: 0px; }
.bot.sponsors .cell:nth-child(n+5) , .profile-p .content .cell:nth-child(n+5) { margin-top: 32px; }
.bot.sponsors .cell .logo , .sponsor-p .banner .logo { height: 235px; line-height: 235px; }
.sponsor-p .banner .logo { display: inline-block; margin-top: 126px; border-radius: 10px; }
.sponsor-p .banner img { vertical-align: middle; } 
.template.container { display: none; }
.excerpt { overflow: hidden; }
.container { display: inline-block; padding: 0px; list-style-type: none; }
.r-small { border-radius: 6px; }
.r-large { border-radius: 6px; }
.f.left { float: left; }
.f.right { float: right; }
.v-center { width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.h-center { margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.lrg.circle { width: 38px; height: 38px; line-height: 36px; font-size: 12px; }
.button .circle { width: 11px; height: 11px; font-size: 7px; color: white; line-height: 11px; }
.circle { display: inline-block; border-radius: 50%; border: 1px solid white; height: 18px; width: 18px; overflow: hidden; font-size: 0px; line-height: 18px; vertical-align: middle; cursor: pointer; margin: -2px 10px 0px 10px; }
.button .circle { border: none; width: 12px; height: 12px; }
.games .circle { border: none; }
.filter.circle:hover, .circle.hl { color: #C5F31F; font-size: 12px; }
.filter.circle.hl { border: 1px #C5F31F solid; }
.ml0 { margin-left: 0px; }
.mr0 { margin-right: 0px; }
.ml { margin-left: 300px; }
.mr { margin-right: 300px; }
.op75 { opacity: .75; }
.op50 { opacity: .5 }
span.hlg , a.hlg { color: #c4f31e; }
span.hlb , a.hlb { color: #0099ff; }
span.hlt , a.hlt { color: #13cbd4; }
span.hlr , a.hlr { color: #e74c3c; }
.fill { width: 100%; height: 100%; }
.section.tag { position: absolute; margin-left: 300px; margin-top: -15px; }
a { text-decoration: none; color: inherit; }
a.dbk { display: block; }