/* Common Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a, input { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
a { color: #D7DF21; text-decoration: none; }
a:hover { color: #D7DF21; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display:block; height:1px; border:0; border-top: 1px solid #bfc3cb; margin: 15px 0 25px; padding:0; }
input, select { vertical-align: middle; }

body, table, input, textarea, select { font-family: 'robotoregular', sans-serif; font-size: 14px; color: #fff; }
body { background: url(../images/body-bg.png) center top repeat; }
.last { margin-right: 0px !important; }
.top0 { margin-top: 0px !important; } .top5 { margin-top: 5px !important; } .top10 { margin-top: 10px !important; } .top15 { margin-top: 15px !important; }
.bot0 { margin-bottom: 0px !important; } .bot5 { margin-bottom: 5px !important; }
.clear, .clearfix { clear: both; }
img { border: none; }
.left { float: left; }
.right { float: right; }
p { margin: 18px 0px; }
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(215, 223, 23, 0.5);
}
small {font-size:80%; color:#d7df21;}

/***/
#wrapper { width: 100%; }
.width { width: 980px; margin: 0 auto; position: relative; }

/* Navigation */
#mobileMenu { display: none; }
#menu { width: 100%; height: 42px; background: rgba(39,30,22,0.8); position: relative; z-index: 9; font-family: 'robotoblack', sans-serif; position: fixed; width: 100%; left: 0; top: 0; border-bottom:1px solid #D7DF21; }
#menu > .width { width: 1024px; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { float: left; position: relative; text-transform: uppercase; }
#menu ul li:hover a { color: #281F16; background: #fff; }
#menu ul li:hover a.active { background: #fff; color: #281F16; }
#menu ul li.last { border-right: none; }

#menu ul li a { color: #fff; padding: 0 20px; height: 42px; line-height: 42px; display: block; text-decoration: none; }
#menu ul li a:hover { color: #281F16; }
#menu ul li a.active { color: #d7df21; background: none; }
#menu ul li:hover ul li a { border-bottom: none; }

#menu ul li:hover > ul { visibility: visible; opacity: 1; top: 42px; }

#menu ul li ul { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 50px; z-index: 99999; padding: 15px 0; min-width: 180px; white-space: nowrap; background: #fff; border-bottom: 3px solid #dfdd00;
box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -o-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52);
transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#menu ul li ul li { float: none; text-align: left; margin: 0; text-transform: none; font-family: 'robotoregular', sans-serif; }
#menu ul li ul li a { margin: 0px; padding: 4px 18px; color: #000 !important; height: auto; line-height: normal; display: block; }
#menu ul li ul li a:hover { color: #462C15 !important; }
#menu ul li ul li a.last { border-bottom: none !important; }
#menu ul li ul li:last-child a { border-bottom: none !important; }

#menu ul li ul li ul { visibility: hidden; opacity: 0; position: absolute; left: 190px; top: 0; z-index: 99999; padding: 15px 0; min-width: 180px; white-space: nowrap; background: #fff; border-bottom: 3px solid #dfdd00;}
#menu ul li ul li:hover > ul { visibility: visible; opacity: 1; top:0; left:180px; }

.register { position: absolute; right: 0; top: 0; }
.register a { background: url(../images/register-button.png) left top no-repeat; width: 100px; height: 80px; display: block; text-indent: -9999px; }

#triangle { position: absolute; left: 0; right: 0; top: -130px; width: 100%; max-width: 1920px; height: 389px; margin: 0 auto; z-index: 4; background: url(../images/triangle-bg.png) center top no-repeat; display: none; }
#triangle .margin { width: 1002px; height: 389px; }

header { position: relative; width: 100%; margin: 0 auto; }
#top { height: 180px; }
#logo { float: left; width: 234px; margin: 15px 0 0 -18px; position: relative; z-index: 5; }
#logo img { width: 263px; }
#tcgl-logo { float: right; margin: 30px 11px 0 0; position: relative; z-index: 5; }
#tcgl-logo img { width: 100px; }

header .social-connect, #home-top .social-connect { position: fixed; right: 0; top: 30%; z-index: 5; background-color:rgba(39, 30, 22, 0.8); padding:7px; border-radius:5px 0 0 5px;}
header .social-connect span { float: left; margin: 15px 5px 0 0; display:none; }
header .social-connect ul, #home-top .social-connect ul { float: none; }
header .social-connect ul li, #home-top .social-connect ul li {margin:5px 0 0 0; display:block; width:33px; height:33px;}
header .social-connect ul li:first-child, #home-top .social-connect ul li:first-child {margin-top:0;}

.social-connect { font-family: 'robotoblack', sans-serif; text-transform: uppercase; color: #dfdd00; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.57); }
.social-connect ul { margin: 0; padding: 0; list-style: none; }
.social-connect ul li { display: inline; margin: 0 0 0 -1px; }

.btm-category-inner { width: 980px; border-top: 3px solid #d7df21; border-bottom: 3px solid #d7df21; height: 176px; margin: -3px auto 0; position: relative; }
.btm-category-inner h2 { font-family: 'robotolight'; font-size: 40px; font-weight: normal; color: #d7df21; text-transform: uppercase; position: absolute; left: 20px; bottom: -12px; }
.btm-category-inner .more { position: absolute; right: 0; top: 62px; width: 70px; height: 50px; text-indent: -9999px; }
.btm-category-inner .more a { width: 70px; height: 50px; background-image: url(../images/arrow-more-inner.png); background-position: center center; background-repeat: no-repeat; background-color: #2f2216; display: block; }
.btm-category-inner .more a:hover { background-color: #281F16; }

.the-race { background: url(../images/the-race-inner-bg.jpg) left top no-repeat; }
.the-forest { background: url(../images/the-forest-inner-bg.jpg) left top no-repeat; }

footer { margin-bottom1: 60px; border-top: 3px solid #d7df21; }
.bottom { width: 1024px; margin: 0 auto; padding: 43px 0 54px; display:none; }
.bottom .logo { float: left; width: 343px; height: 174px; position: relative; }
.bottom .logo img {  max-width:100%; }
.bottom .follow { float: left; margin: 27px 0 0 0; }
.bottom .follow.social-connect span { font-family: 'robotoregular', sans-serif; letter-spacing: 10px; }
.bottom .follow.social-connect ul { margin: 19px 0 0 7px; }
.bottom .tcgl-logo { float: right; margin:0;  text-align:center; margin:0 24px 0 0; }
.bottom .tcgl-logo h3{  margin-bottom:10px;  font-weight:normal;}
.bottom .tcgl-logo a{ display:inline-block;}
.bottom .tcgl-logo .brand-logos{ display:inline-block; margin:0 0 20px 20px; vertical-align:top;  }
.bottom .tcgl-logo .brand-logos1{ text-align:right; margin:0 0 20px 0;}

.sponsors { border-top1: 3px solid #d7df21; padding: 22px 20px; width: 940px; margin: 0 auto 0 auto; }
.sponsors h4 { font-family: 'robotomedium', sans-serif; font-size: 22px; font-weight: normal; text-align: center; margin-bottom: 30px; }
.sponsors ul { margin: 20px 0; padding: 0; list-style: none; text-align: center; }
.sponsors ul li { display: inline-block; width: 180px; text-align: center; margin-bottom: 15px; vertical-align:top; }
.sponsors ul li a { width: 180px; display: block; }
.sponsors ul li a span.img {width:180px; height:100px; display:block; margin-bottom:5px;}
.sponsors ul li a span.caption {min-height:40px; display:block;}

.quick-links { border-top: 3px solid #d7df21; border-bottom: 3px solid #d7df21; padding: 30px 20px; width: 940px; margin: 0 auto; position: relative; }
.quick-links:after { content: ''; clear: both; display: block; }
.quick-links .column { float: left; margin-right: 80px; }
.quick-links h4 { font-family: 'robotomedium', sans-serif; font-size: 14px; font-weight: normal; }
.quick-links h4 a { color: #fff; }
.quick-links ul { margin: 0; padding: 0; list-style: none; font-family: 'robotolight', sans-serif; }
.quick-links ul li { line-height: 23.24px; }
.quick-links ul li a { color: #fff; }
.quick-links h4 a:hover, .quick-links ul li a:hover { color: #d7df21; text-decoration: none; }

.other-links { padding: 20px; width: 940px; margin: 0 auto; }
.other-links:before { content: ''; clear: both; display: block; }
.other-links ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.other-links ul li { display: inline; }
.other-links ul li:after { content: ' - '; margin: 0 5px; }
.other-links ul li:last-child:after { display: none; }
.other-links ul li a:hover { color: #fff; }

.info-number { position: absolute; right: 0; bottom: 25px; font-size: 18px; font-weight: 500; color: #fff; border: 1px solid #DFDD00; display: inline-block; padding: 3px 10px 5px 10px; border-radius: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.57); }
.info-number span { color: #DFDD00; margin-left: 5px; }