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

header {height: 100vh;}
#top {height: calc(100vh - 42px); padding-top: 40px;}
#logo {width: 603px; height: 323px; margin: 15px 0 0 -68px;}
#logo img, #tcgl-logo img {width: auto;}
#triangle {top: 0;}
#top .info-number {bottom: auto; right: 200px; z-index: 7; background: #412F23; top: 30px; }
.highlight {background-color: rgba(39, 30, 22, 0.9); border-radius: 5px; font-size: 20px; left: 0; right:0; margin:0 auto; padding: 7px; position: absolute; text-transform: uppercase; top: 240px; width: 280px;}

#banner-slider {position: absolute; left: 0; top: 0px; width: 100%; height: calc(100vh - 3px); z-index: 3; border-bottom: 3px solid #DFDD00;}
#banner {height: 100vh;}
#banner-slider #banner ul {margin: 0; padding: 0; list-style: none;}
#banner-slider #banner ul li {background-position: center top; background-repeat: no-repeat; background-attachment1: fixed; height: calc(100vh - 3px); background-size: cover;}
#banner-slider .text {position: absolute; left: 0; right: 0; bottom: 324px; z-index: 4; width: 980px; margin: 0 auto; font-family: 'robotoblack'; font-size: 36px; text-align: center; text-transform: uppercase; line-height: 36px; text-shadow:0 0 10px rgba(0,0,0,1);}

#counter-wrapper {width: 100%; height: 224px; text-align: center; font-family: 'robotomedium'; position: absolute; z-index: 2; bottom: 0;}
#counter-wrapper .width {margin: 20px auto 0; position: absolute; left: 0; right: 0; bottom: 0;}
#counter-wrapper h4 { font-weight: normal; font-size: 14px; color: #d7df21; text-transform: uppercase; letter-spacing: 15px; }
#counter-wrapper ul.countdown { margin: 10px 0 0 0; padding: 0; list-style: none; text-align: center; }
#counter-wrapper ul.countdown li { display: inline-block; font-size: 48px; text-transform: uppercase; margin: 0 18px; text-shadow:0 0 15px rgba(0,0,0,1); }
#counter-wrapper ul.countdown li span { font-size: 12px; display: block; }

#counter-wrapper p.gps-enabled { font-family: 'robotomedium'; font-size: 14px; color: #dfdd00; text-transform: uppercase; margin-top: 20px; line-height: 52px; }
#counter-wrapper p.gps-enabled span { background: url(../images/gps-icon.png) left center no-repeat; width: 52px; height: 52px; display: inline-block; vertical-align: middle; margin-right: 10px; }

#about-bg {background: url(../images/about-bg.jpg) center bottom no-repeat; height: 495px; border-bottom: 3px solid #99b33e; position: relative; display:none;}
#about-race {margin: 0 auto;}
#about-race p {font-family: 'robotolight'; font-size: 24px; text-align: center; margin: 0; padding: 40px 0 0 0; color: #E4E4A3;}
#about-race .circle {width: 305px; height: 305px; position: absolute; z-index: 1; top: 190px; left: 120px;}
#about-race .circle span {display: table-cell; width: 254px; height: 251px; vertical-align: middle; text-align: center; font-family: 'robotobold'; font-size: 24px; color: #261d15; text-transform: uppercase; line-height: 30px; display:none;}
#about-race .circle a {color: #261d15;}
#about-race .circle a:hover {text-decoration: none;}

.btm-category {width: 480px; height: 260px; margin: -55px 0 54px; position: relative; display: none;}
.btm-category h2 {font-family: 'robotothin'; font-size: 60px; font-weight: normal; color: #fff; text-transform: uppercase; position: absolute; left: 160px; top: 85px; line-height: 45px;}
.btm-category h2 span {font-family: 'robotobold'; font-size: 50px;}
.btm-category .more {position: absolute; right: 0; bottom: 0px; width: 63px; height: 50px; text-indent: -9999px;}
.btm-category .more a {width: 63px; height: 50px; background-image: url(../images/arrow-more.png); background-position: center center; background-repeat: no-repeat; background-color: rgba(11,5,2,0.7); display: block;}
.btm-category .more a:hover {background-color: rgba(11,5,2,1);}

.btm-category.the-race {float: left; background: url(../images/the-race-bg.jpg) left top no-repeat;}
.btm-category.the-forest {float: right; background: url(../images/the-forest-bg.jpg) left top no-repeat;}
.btm-category.the-forest h2 {left: 140px;}

.home-footer {background: url(../images/home-bottom.jpg) center top no-repeat;}

footer { margin-bottom: 0px; border-top: none; }

.landing{ background:none;}
#home-top{ background:url(../images/home-banner-top.jpg) no-repeat center bottom #DCF0FA; border-bottom:4px  solid #d7df21; background-size:cover; }
#home-top .width{ padding: 20px 0 70px 0; text-align:center; position:relative;}
.time-duration .countdown,.time-duration .date{ }
.time-duration{ margin-bottom:10px;}
.race-block{ display:inline-block; vertical-align:top; width:470px; margin: 0 8px;  }
.time-duration .countdown{ margin:15px 0; }
.time-duration .countdown li{ display:inline-block;  color:#868884; text-transform:uppercase; font-size:26px; line-height:30px; padding:0 12px; font-family: 'robotobold'; }
.time-duration .countdown li span{ display:block; font-size:11px;}
.race-block .banner{position:relative;}
.race-block .banner a{ display:block; position:relative; text-decoration: none; }
.race-block .banner a img{ display:block; max-width:100%; height: auto;}
.race-block .banner a em{ position:absolute; bottom:70px; font-size:30px; line-height:38px; font-weight:bold; font-style:normal; display:inline-block; left:15px; text-align:left; text-transform:uppercase; color:#ffffff;}
.race-block .banner a em sup {vertical-align: super; text-transform: none;}
.race-block .banner a:hover em{ color:#d7df21; text-decoration:none;}
.race-block .banner span{ display:inline-block; width:34px; height:34px; background:url(../images/arrow-icon.png) no-repeat 0 0; position:absolute; right:20px; bottom:20px; display:none; }
.time-duration .date{ font-family: 'robotobold'; color:#868884; text-transform:uppercase; font-size:23px; line-height:30px; margin:0; }
.time-duration .date > sup {vertical-align: super; text-transform: none;}

.banner .regbutton {position: absolute; right: 15px; bottom: 15px;}
.banner .regbutton a {background-color: #412F23; color: #fff; padding: 10px; border: 2px solid #DFDD00; border-radius: 2px;}
.banner .regbutton a:hover {background-color: #51453F;}

#home-top .logo{ position:absolute; margin:0 auto; left:0; right:0; top: 40px; width:345px; z-index: 1;}
#home-top .home-title{ display:inline-block; vertical-align:top; font-size:30px; line-height:40px; color:#fff;   text-transform:uppercase; padding:40px 0 20px 0;font-family: 'robotobold', sans-serif; }
#home-top .logo-left{ position:absolute; left:-50px; top:20px;}
#home-top .logo-right{ position:absolute; right:-50px; top:20px;}
#home-top .home-right .brand-logo{ display:inline-block; vertical-align:top; margin:0 15px;}
.time-duration .brand-logo{ float:left; margin:0 15px 0 -50px;}

.brand-logo h3{ font-family: 'robotoregular', sans-serif; color:#868884;  font-size:13px; line-height:20px; margin:0 0 10px 0; font-weight:normal; color:#000000; }
.time-duration .duration-inner{ float:left; text-align:center; width:300px;}
.home-right{  float:right; margin:0 -50px 0 0;} 

#home-bottom{ background:url(../images/home-banner-bottom.jpg) no-repeat center top #e6e9a2; background-size:cover; background-attachment: fixed;}
#home-bottom .width{ padding:40px 0;}
#home-bottom .title{ font-size:14px; line-height:20px; color:#fff; width:600px; margin:0 auto; text-align:center; margin-bottom: 75px; }
.partners-section .sponsors, .testimonials { border:none; text-align:center;}
.partners-section .sponsors h4, .testimonials h4{ text-transform:uppercase; color:#d7df21; border-bottom:2px solid #d7df21; display:inline-block; font-size:24px; }
#home-bottom .footer-home .width{ padding:20px 0;}
.footer-home{border-top:4px  solid #d7df21; }
.footer-home .other-links{ float1:left; width:auto; padding:5px 0; font-size:14px;}
.footer-home .social-share{ float:right;}
.footer-home .other-links ul li:after{ color:#d7df21; font-family: 'robotobold', sans-serif;}
.footer-home .other-links ul li a{ color:#d7df21; font-size:13px; font-family: 'robotobold', sans-serif;}
.footer-home .other-links ul li a:hover{ color:#fff;}
.footer-home .social-share .social-connect span{ display:block; letter-spacing:3px; font-weight:normal; float:left; font-size:12px;font-family: 'robotoregular', sans-serif; line-height:30px; margin-right:25px; color:#d7df21; }
.footer-home .social-share .social-connect ul{ float:left;}

#message:after { content: ''; display: block; clear: both; }
#message { border-bottom: 4px solid #d7df21; padding: 25px 0; background: url("../images/message-bg.jpg") repeat center center; background-size: cover; display:none; }
#message .photo { width: 100px; float: left; margin: 0px 20px 0 0; font-size: 11px; line-height: normal; text-align: center; }
#message .photo b { color: #dfdd00; }
#message .photo img { border: 1px solid #dfdd00; display: block; margin: 0 auto 2px; max-width: 100%; }
#message h3 {
    color: #d7df21;
    font-family: "robotoregular",sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
	padding:0;
}
#message p {margin:0 0 18px 0;}
#message p span {
    color: #fff;
    font-size: 13px;
}

.msg-column {width:470px;}
.msg-content {float: left; width: calc(100% - 120px);}

.testimonials h4 {margin-bottom: 25px;}
.testimonials .item {border-bottom: 1px solid rgba(215,223,33,0.3); padding: 20px; text-align: left; background-color: rgba(0,0,0,0.3); margin: 15px 0 0;}
.testimonials .item:first-child {border-top: none;}
.testimonials .item p {font-size: 16px; color: #fff; margin: 0 0 7px; padding: 0; line-height: 24px;}
.testimonials .item .name {font-family: 'robotoregular',sans-serif; font-size: 15px; color: #d7df21; line-height: normal; margin-bottom: 0;}
.testimonials .load-more {text-align: center; margin: 25px auto;}
.testimonials .load-more a {background-color: #231C12; color: #D7DF21; padding: 8px 15px; display: inline-block; border: 2px solid #D7DF21; text-decoration: none; border-radius: 2px;}
.testimonials .load-more a:hover {background-color: #D7DF21; color: #231C12;}