.t-bg-blue1  { background-color: #036; color: #FFF; }
.t-bg-blue2  { background-color: #003; color: #FFF; }
.t-bg-green  { background-color: #0F0; }
.t-bg-grey1  { background-color: #333; }
.t-bg-grey2  { background-color: #EEE; }
.t-bg-grey3  { background-color: #DDD; }
.t-bg-red    { background-color: #F00; color: #FFF; }
.t-bg-white  { background-color: #FFF; }
.t-bg-yellow { background-color: #FF0; }

.t-bg-blue1 * { color: inherit; }
.t-bg-blue2 * { color: inherit; }
.t-bg-red *   { color: inherit; }

.t-align-left { text-align: left; padding: 0 10px; }


body, input, textarea { font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }


html { scroll-behavior: smooth; }

body { -webkit-animation: androidbugfix infinite 1s; }

body * { color: #333; }

body { overflow-x: hidden; }

* { margin: 0; }

ul { list-style: inside none; padding: 0; }

img { border-style: none; }

.fb-like.fb_iframe_widget span { vertical-align: top!important; }

table {	empty-cells: show; }

a { outline: none; overflow: hidden; }

.dataTables_paginate { display: none!important; }

.ui-sprite:before, .ui-sprite:after, search > form > input[type=submit] { background: url(/ui/sprite.png); display: inline-block; content: ""; background-repeat: no-repeat; }


header { width: 100%; z-index: 1000; }


header > a { display: block; margin: 0 auto; height: inherit; background: url(/ui/logo.svg) center center no-repeat; font-size: 0; }


p#hamburger { position: absolute; top: 0; left: 0; cursor: pointer; width: 40px; height: 40px; line-height: 40px; font-size: 42px; padding: 10px; margin: 20px; text-align: center; color: #FFF; z-index: 1000; }

p#hamburger.active { background-color: #F00; }


nav { position: sticky; top: 0px; width: 100%; height: 60px; text-transform: uppercase; z-index: 100; border-bottom: 5px solid #FFF; }

nav > ul { margin: 0 auto; height: 55px; }

nav > ul > li { display: inline; height: 55px; }

nav > ul > li > a { float: left; display: block; width: 16.66%; height: 35px; line-height: 35px; padding: 10px 0; text-decoration: none; text-align: center; }

nav > ul > li:hover > a { border-bottom: 5px solid #F00; }

nav > ul > li.active > a { border-bottom: 5px solid #FFF; }


main { margin: 0 auto; width: 94%; padding: 0 3% 125px; }

main a { text-decoration: underline; }

main a:hover { text-decoration: none; }


main > * { margin-bottom: 20px; }

main > p { line-height: 1.75; }

main > p > a { color: #F00; }

main > p > a.external:after { background-position: -27px -45px; width: 9px; height: 9px; vertical-align: top; }

main > p.c-author { margin-top: -10px; }


main > div.c-spacer { margin: -20px auto 20px; border-bottom: 1px solid #EEE; }


main > div.c-advertisement { margin: 0 auto 20px; }


main .more, main > .more:active, main > .more:hover { width: 100%; height: 45px; line-height: 45px; margin: -20px 0 20px 0; background-color: #036; color: #FFF; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size: 16px; border: 0!important; outline: none; -webkit-appearance: none; border-radius: 0px; -moz-appearance: none; appearance: none; cursor: pointer; }

main button.more { display: none; }

main a.more { display: block; text-decoration: none; text-align: center; }

main .more:hover { text-decoration: underline; }


div.c-media-embed { position: relative; overflow: hidden; max-width: 100%; text-align: center; }

div.c-media-embed > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; overflow: hidden; }

div.c-media-embed a { text-decoration: none; }

div.c-media-embed img { display: block; width: 100%; }

div.c-media-embed p.c-credit { font-size: 14px; text-align: right; padding: 0 10px; line-height: 30px; border-bottom: 1px solid #EEE; }

div.c-responsive-embed { padding-bottom: 56.25%; height: 0; }

div.c-audioboom-embed { height: 300px; }


search { position: fixed; bottom: 45px; display: table; width: 100%; padding-top: 20px; background-color: #036; border-top: 5px solid #FFF; }

search > form { width: 400px; height: 35px; margin: 0 auto 20px; }

search > form > input { float: left; display: inline-block; -moz-box-sizing: border-box; -webkit-appearance: none; border-radius: 0; }

search > form > input[type=search] { width: 365px; height: 35px; border: 0; padding: 0 10px; outline: none; color: #000; }

search > form > input[type=submit] { width: 35px; height: 35px; border: 0; cursor: pointer; background-position: -50px -5px; background-color: #F00; }


footer { position: fixed; bottom: 0; width: 100%; height: 40px; background-color: #003; border-top: 5px solid #F00; }

footer > ul { margin: 0 auto; width: 96%; margin-top: 10px; }

footer > ul * { float: left; display: block; height: 20px; color: #FFF; text-decoration: none; line-height: 20px; }

footer > ul > li { padding: 0 20px; }

footer > ul > li.developer { float: right; }

footer > ul > li.domain { float: right; padding-right: 0; }

footer > ul > li > a.external:after { background-position: 0px -45px; width: 9px; height: 9px; margin-left: 5px; vertical-align: top; }

footer > ul > li > a:hover { text-decoration: underline; }
body.c-index .h-index { display: none!important; }


body.c-index main { background-image: none; }


body.c-index ul.c-ul-dashboard-index-feature { width: 100%; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul { width: 100%; position: relative; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li { width: 100%; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.thumbnail { line-height: 0; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.thumbnail > a { display: block; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.thumbnail > a > img { width: 100%; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents { position: absolute; display: block; bottom: 0; background: rgba(0,0,0,0.6); }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents > a { display: block; text-decoration: underline; color: #FFF; padding: 20px; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul:hover > li.contents > a { text-decoration: none; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents > a > h2 { color: inherit; }


body.c-index ul.c-ul-dashboard-index-cards { display: table; width: 100%; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul { float: left; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li { width: 100%; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.thumbnail { line-height: 0; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.thumbnail > a { display: block; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.thumbnail > a > img { width: 100%; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a { display: block; text-decoration: underline; padding: 10px 0; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:hover > li.contents > a { text-decoration: none; }


body.c-index ul.c-ul-dashboard-index-thumbs { display: table; width: 100%; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { float: left; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li { width: 100%; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.thumbnail { line-height: 0; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.thumbnail > a { display: block; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.thumbnail > a > img { width: 100%; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a { display: block; text-decoration: underline; padding: 10px 0; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:hover > li.contents > a { text-decoration: none; }


body.c-index a.more { margin-top: 0; }
div.c-breaking-news { display: block; padding: 20px; }
div.c-breaking-news p { color: #333; text-transform: uppercase; font-size: 28px; }
div.c-breaking-news p strong { display: inline-block; padding: 5px 10px; background-color: #333; color: #FF0; margin-bottom: 10px; font-size: 24px; }


p.c-form-success { display: none; padding: 0 10px; min-height: 45px; line-height: 45px; }

form.c-form-contact { margin: 0; }

form.c-form-contact * { font-size: inherit; }

form.c-form-contact > ul.c-ul { margin: 0; }

form.c-form-contact > ul.c-ul > li > ul > li { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }

form.c-form-contact > ul.c-ul > li > ul > li.t-bg-blue1 { border: 0; }

form.c-form-contact input, form.c-form-contact textarea { -moz-box-sizing: border-box; -webkit-appearance: none; border-radius: 0; width: 100%; height: 35px; border: 0; margin: 10px 0; outline: none; }

form.c-form-contact textarea { height: 175px; line-height: 1.75; padding-top: 5px; resize: none; }

form.c-form-contact input[type=submit] { margin-top: -10px; height: 45px; cursor: pointer; }


ul.c-ul-dashboard { width: 100%; }

ul.c-ul-dashboard > li > ul { width: 100%; display: table; table-layout: fixed; padding-bottom: 14px; border-bottom: 1px solid #DDD; margin-bottom: 20px; }

ul.c-ul-dashboard > li > ul > li { display: table-cell; vertical-align: top; }

ul.c-ul-dashboard > li > ul > li.thumbnail { width: 30%; padding-right: 20px; }

ul.c-ul-dashboard > li > ul > li.thumbnail > a { display: block; }

ul.c-ul-dashboard > li > ul > li.thumbnail > a > img { width: 100%; }

ul.c-ul-dashboard > li > ul > li.contents > a { text-decoration: underline; }

ul.c-ul-dashboard > li > ul > li.contents > a:hover { text-decoration: none; }

ul.c-ul-dashboard > li > ul > li.contents > a > h2 { display: inline; line-height: 1.5; margin: 0; }

ul.c-ul-dashboard > li > ul > li.contents > p { margin-top: 15px; line-height: 1.75; }

ul.c-ul-dashboard > li > ul > li.contents > p:first-of-type { margin-top: 0; }

ul.c-ul-dashboard > li > ul > li.contents > p.c-timestamp:before { background: url(/ui/sprite.png); display: inline-block; content: ""; background-repeat: no-repeat; width: 16px; height: 16px; margin-right: 5px; background-position: -32px -54px; }


iframe.c-route-planner { border: 0; width: 100%; height: 450px; margin-bottom: 20px; }


blockquote.twitter-tweet { display: inline-block; font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; border-color: #eee #ddd #bbb; border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin: 10px 5px; padding: 0 16px 16px 16px; max-width: 468px; }

blockquote.twitter-tweet p { font-size: 16px; font-weight: normal; line-height: 20px; }

blockquote.twitter-tweet a { color: inherit; font-weight: normal; text-decoration: none; outline: 0 none; }

blockquote.twitter-tweet a:hover, blockquote.twitter-tweet a:focus { text-decoration: underline; }


div.c-match-info { display: none; float: left; }

div.c-match-info-last { margin-bottom: 20px!important; }

div.c-match-info ul { float: left; width: 100%; }

div.c-match-info ul li { min-height: 45px; line-height: 45px; text-align: center; margin: 0 20px; border-bottom: 1px solid #EEE; }

div.c-match-info > section { float: left; width: 50%; margin-top: 45px; }

div.c-match-info > section > h2 { font-weight: bold; font-size: inherit; min-height: 45px; line-height: 45px; margin: 0 20px; border-bottom: 1px solid #EEE; }

div.c-match-info > section > ul > li { text-align: left; }

div.c-match-info > section > ul.substitution > li { border: 0; }

div.c-match-info > section > ul > li.number { float: left; display: block; width: 25px; text-align: center; padding: 0 10px; margin-right: 10px; }

div.c-match-info > section > ul > li > a { margin-right: 5px; }

div.c-match-info > section > ul > li > span.goal { background: url(/ui/sprite.png) -32px -86px; width: 16px; height: 16px; display: inline-block; }

div.c-match-info > section > ul > li > span.yellowcard { background: url(/ui/sprite.png) -64px -86px; width: 16px; height: 16px; display: inline-block; }

div.c-match-info > section > ul > li > span.redcard { background: url(/ui/sprite.png) -80px -86px; width: 16px; height: 16px; display: inline-block; }


div.c-match-info-article { display: block; margin: -20px 0 20px 0!important; }

div.c-match-info-article > section { margin: 0; }


form.c-form-poll input[type=radio]:hover { cursor: pointer; }

form.c-form-poll label { display: block; width: 100%; }

form.c-form-poll label:hover { cursor: pointer; }

form.c-form-poll > ul > li > ul > li:nth-child(2):hover { background-color: #EEE; }


p.c-privacy-message { font-size: 14px; text-align: right; }


ul.c-ul { width: 100%; margin-bottom: 20px; }

ul.c-ul > li > ul { width: 100%; display: table; table-layout: fixed; }

ul.c-ul > li > ul > li { display: table-cell; height: 45px; line-height: 45px; text-align: center; border-bottom: 1px solid #EEE; vertical-align: top; }

ul.c-ul > li > ul > li.t-bg-blue1 { border: 0; }

ul.c-ul > li > ul > li.t-bg-blue2 { border: 0; }

ul.c-ul > li > ul > li.t-bg-green { border: 0; }

ul.c-ul > li > ul > li.t-bg-grey3 { border: 0; }

ul.c-ul > li > ul > li.t-bg-red { border: 0; }

ul.c-ul > li > ul > li.t-bg-yellow { border: 0; }

ul.c-ul > li > ul > li > a { color: inherit; }

ul.c-ul > li > ul > li > a:hover { text-decoration: none; }

ul.c-ul > li > ul > li.drop { width: 30px; }

ul.c-ul > li > ul > li.drop > a { display: block; text-decoration: none; cursor: pointer; }

ul.c-ul > li > ul > li.t-align-left { text-align: left; padding: 0 10px; }

ul.c-ul > li > ul > li > span.help { cursor: help; border-bottom: 1px dotted #FFF; color: inherit; }

ul.c-ul > li > ul.highlight { background-color: #EEE; }

ul.c-ul > li > ul.divider { border-bottom: 1px dotted #000; }

ul.c-ul > li > ul.divider > li { border: 0!important; }

h1 { font-size: 42px; }
h2 { font-size: 30px; }

nav { font-size: 20px; }

main { font-size: 18px; }

footer { font-size: 14px; }


header { height: 125px; }


header > a { width: 125px; background-size: 100px; }


nav > ul { max-width: 1400px; }


main { max-width: 1200px; padding-top: 20px; }


main > div.c-advertisement { width: 728px; height: 90px; }


ul#c-responsive-internal { max-width: px; }


footer > ul { max-width: 1200px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a > h2 { font-size: 24px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a > h2 { font-size: 18px; }


body.c-index main > section { width: 1220px; }


body.c-index main > section > div.c-advertisement { width: 728px; height: 90px; }


body.c-index ul.c-ul-dashboard-index-cards > li > ul { width: 600px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:last-of-type { margin: 0; }


body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { width: 290px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:last-of-type { margin: 0; }

ul.c-ul-dashboard > li > ul > li.contents > a > h2 { font-size: 26px; }

ul.c-ul-dashboard > li > ul > li.contents > span.timestamp { font-size: 14px; }

ul.c-ul-dashboard > li > ul > li.contents > p { font-size: 16px; }


ul.c-ul > li > ul > li.stat { width: 45px; }

ul.c-ul > li > ul > li.stat-double { width: 90px; }@media (min-width: 1400px)
{
	    .h-g6 { display: none!important; }

		.c-hamburger-toggle { display: block!important; }
}

@media (min-width: 1200px) and (max-width: 1399px)
{
	    .h-g5 { display: none!important; }

		.c-hamburger-toggle { display: block!important; }

	




ul#c-responsive-internal { max-width: 1220px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a > h2 { font-size: 24px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a > h2 { font-size: 18px; }


body.c-index main > section { width: 1220px; }


body.c-index main > section > div.c-advertisement { width: 728px; height: 90px; }


body.c-index ul.c-ul-dashboard-index-cards > li > ul { width: 600px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:last-of-type { margin: 0; }


body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { width: 290px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:last-of-type { margin: 0; }

ul.c-ul-dashboard > li > ul > li.contents > a > h2 { font-size: 26px; }

ul.c-ul-dashboard > li > ul > li.contents > span.timestamp { font-size: 14px; }

ul.c-ul-dashboard > li > ul > li.contents > p { font-size: 16px; }


ul.c-ul > li > ul > li.stat { width: 45px; }

ul.c-ul > li > ul > li.stat-double { width: 90px; }}

@media (min-width: 992px) and (max-width: 1199px)
{
	    .h-g4 { display: none!important; }

		.c-hamburger-toggle { display: block!important; }
    
	




body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a > h2 { font-size: 22px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a > h2 { font-size: 18px; }


body.c-index main > section { width: 960px; }


body.c-index main > section > div.c-advertisement { width: 728px; height: 90px; }


body.c-index ul.c-ul-dashboard-index-cards > li > ul { float: left; width: 470px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:last-of-type { margin: 0; }


body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { width: 225px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:last-of-type { margin: 0; }

ul.c-ul-dashboard > li > ul > li.contents > a > h2 { font-size: 20px; }


ul.c-ul > li > ul > li > span.help { cursor: default; border: none; }

ul.c-ul > li > ul > li.stat { width: 35px; }

ul.c-ul > li > ul > li.stat-double { width: 70px; }


div.c-match-info > section { width: 100%; }}

@media (min-width: 768px) and (max-width: 991px)
{
	    .h-g3 { display: none!important; }
    
	



header { height: 100px; }


header > a { width: 100px; background-size: 75px; }


nav { display: none; position: relative; height: 100%; background: none!important; }

nav > ul { width: 96%; }

nav > ul > li { float: left; width: 100%; margin-top: 10px; height: 60px; }

nav > ul > li:last-of-type { margin-bottom: 20px; }

nav > ul > li > a { display: block; width: inherit; height: 30px; line-height: 30px; padding: 15px 0; text-indent: 15px; text-transform: uppercase; text-decoration: none; color: #FFF; background-color: #036; text-align: left; }

nav > ul > li:hover > a { background-color: #036; border: 0; }


main > div.c-advertisement { width: 468px; height: 60px; }


main > section button.more, main > section button.more:active { text-decoration: none; }


search { float: left; position: relative; bottom: 0; border: 0; }


footer { float: left; position: relative; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a > h2 { font-size: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a > h2 { font-size: 18px; }


body.c-index main > section { width: 840px; }


body.c-index main > section > div.c-advertisement { width: 728px; height: 90px; }


body.c-index ul.c-ul-dashboard-index-cards > li > ul { float: left; width: 410px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:last-of-type { margin: 0; }


body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { width: 195px; margin-right: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:last-of-type { margin: 0; }

ul.c-ul > li > ul > li > span.help { cursor: default; border: none; }

ul.c-ul > li > ul > li.stat { width: 45px; }

ul.c-ul > li > ul > li.stat-double { width: 90px; }}

@media (min-width: 576px) and (max-width: 767px)
{
	    .h-g2 { display: none!important; }
    
	



header { position: fixed; top: 0; height: 100px; }


header > a { width: 100px; background-size: 75px; }


p#hamburger { position: fixed; }


nav { display: none; position: relative; margin-top: 100px; height: 100%; background: none!important; }

nav > ul { width: 96%; }

nav > ul > li { float: left; width: 100%; margin-top: 10px; height: 60px; }

nav > ul > li:last-of-type { margin-bottom: 20px; }

nav > ul > li > a { display: block; width: inherit; height: 30px; line-height: 30px; padding: 15px 0; text-indent: 15px; text-transform: uppercase; text-decoration: none; color: #FFF; background-color: #036; text-align: left; }

nav > ul > li:hover > a { background-color: #036; border: 0; }


main { padding-top: 120px; }


main > div.c-advertisement { width: 468px; height: 60px; }


main > section button.more, main > section button.more:active { text-decoration: none; }


search { border: 0; }
body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents > a > h2 { font-size: 26px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a > h2 { font-size: 20px; font-weight: bold; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a > h2 { font-size: 20px; font-weight: bold; }


body.c-index main > section > div.c-advertisement { width: 468px; height: 60px; }


body.c-index ul.c-ul-dashboard-index-cards > li > ul { width: 49%; margin: 0; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:first-of-type { padding-right: 1%; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:last-of-type { padding-left: 1%; }


body.c-index ul.c-ul-dashboard-index-thumbs { margin-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { width: 100%; padding-bottom: 14px; border-bottom: 1px solid #DDD; margin-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li { display: table-cell; vertical-align: top; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.thumbnail { width: 30%; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents { padding-left: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a { display: inline-block; padding: 0; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:hover > li.contents > a { text-decoration: underline; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a:hover { text-decoration: none; }

ul.c-ul-dashboard > li > ul > li.contents > a > h2 { font-size: 20px; }


ul.c-ul > li > ul > li > span.help { cursor: default; border: none; }

ul.c-ul > li > ul > li.stat { width: 40px; }

ul.c-ul > li > ul > li.stat-double { width: 80px; }


div.c-match-info > section { width: 100%; }}

@media (max-width: 575px)
{
	    .h-g1 { display: none!important; }
    
	

h1 { font-size: 30px; }
h2 { font-size: 24px; }

nav { font-size: 18px; }

main { font-size: 18px; }

footer { font-size: 14px; }


header { position: fixed; top: 0; height: 80px; }


header > a { width: 80px; background-size: 55px; }


p#hamburger { width: 30px; height: 30px; line-height: 30px; font-size: 36px; padding: 10px; margin: 15px; }

p#hamburger { position: fixed; }


nav { display: none; position: relative; margin-top: 80px; height: 100%; background: none!important; }

nav > ul { width: 96%; }

nav > ul > li { float: left; width: 100%; margin-top: 10px; height: 60px; }

nav > ul > li:last-of-type { margin-bottom: 20px; }

nav > ul > li > a { display: block; width: inherit; height: 30px; line-height: 30px; padding: 15px 0; text-indent: 15px; text-transform: uppercase; text-decoration: none; color: #FFF; background-color: #036; text-align: left; }

nav > ul > li:hover > a { background-color: #036; border: 0; }


main { padding-top: 90px; }


main > div.c-advertisement { width: 320px; height: 50px; margin-bottom: 10px; }


main > section button.more, main > section button.more:active { text-decoration: none; }


search { border: 0; font-size: 16px; }


footer > ul > li { padding: 0 5px; }
body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents > a > h2 { font-size: 22px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a > h2 { font-size: 18px; font-weight: bold; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a > h2 { font-size: 18px; font-weight: bold; }


body.c-index ul.c-ul-dashboard-index-feature { border-bottom: 1px solid #DDD; padding-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents { position: static; display: inline; background: transparent; }

body.c-index ul.c-ul-dashboard-index-feature > li > ul > li.contents > a { color: #333; padding: 10px 0; }


body.c-index main > section > div.c-advertisement { margin-top: 0; width: 320px; height: 50px; }


body.c-index ul.c-ul-dashboard-index-cards { margin-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul { width: 100%; padding-bottom: 14px; border-bottom: 1px solid #DDD; margin-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li { display: table-cell; vertical-align: top; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.thumbnail { width: 30%; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents { padding-left: 20px; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a { display: inline-block; padding: 0; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul:hover > li.contents > a { text-decoration: underline; }

body.c-index ul.c-ul-dashboard-index-cards > li > ul > li.contents > a:hover { text-decoration: none; }


body.c-index ul.c-ul-dashboard-index-thumbs { margin-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul { width: 100%; padding-bottom: 14px; border-bottom: 1px solid #DDD; margin-bottom: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li { display: table-cell; vertical-align: top; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.thumbnail { width: 30%; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents { padding-left: 20px; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a { display: inline-block; padding: 0; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul:hover > li.contents > a { text-decoration: underline; }

body.c-index ul.c-ul-dashboard-index-thumbs > li > ul > li.contents > a:hover { text-decoration: none; }

ul.c-ul-dashboard > li > ul > li.thumbnail { width: 35%; padding-right: 10px; }

ul.c-ul-dashboard > li > ul > li.contents > a > h2 { font-size: 18px; }


ul.c-ul > li.g1-margin { margin-bottom: 45px; }

ul.c-ul > li.g1-margin-last { margin-bottom: 0; }

ul.c-ul > li > ul > li > span.help { cursor: default; border: none; }

ul.c-ul > li > ul > li.stat { width: 40px; }

ul.c-ul > li > ul > li.stat-double { width: 65px; }


div.c-match-info { margin: -45px 0 45px 0; }

div.c-match-info-last { margin-top: 0; }

div.c-match-info > section { width: 100%; }}