/** GF1 - EMBED FONTS **/
@font-face {
    font-family: 'gotham';
    src: url('fonts/gotham-black.eot');
    src: url('fonts/gotham-black.eot') format('embedded-opentype'),
         url('fonts/gotham-black.woff') format('woff'),
         url('fonts/gotham-black.ttf') format('truetype'),
         url('fonts/gotham-black.svg#GothamBlack') format('svg');
    font-weight:900;
    font-style:normal;
}

@font-face {
    font-family: 'gotham';
    src: url('fonts/gotham-book.eot');
    src: url('fonts/gotham-book.eot') format('embedded-opentype'),
         url('fonts/gotham-book.woff') format('woff'),
         url('fonts/gotham-book.ttf') format('truetype'),
         url('fonts/gotham-book.svg#GothamBook') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'gotham';
    src: url('fonts/gotham-medium.eot');
    src: url('fonts/gotham-medium.eot') format('embedded-opentype'),
         url('fonts/gotham-medium.woff') format('woff'),
         url('fonts/gotham-medium.ttf') format('truetype'),
         url('fonts/gotham-medium.svg#GothamMedium') format('svg');
    font-weight:bold;
    font-style:normal;
}

/** GF1 - BROWSER RESET **/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, ul, li, form, label, input { margin:0; padding:0; border:0; font:normal 100% gotham; vertical-align:baseline; }
a { text-decoration:none; }
body { line-height:1; height:100%; }
html { height:100%; }
ul { list-style:none; }
iframe { border:0; }
/** GF1 - GENERAL STYLES **/
body { position:relative; background:#000 url(../img/bg_inner.jpg) no-repeat 50% 0%; color:#fff;  }
body.home { background:#000 url(../img/bg.jpg) no-repeat 50% 0%; }
h2 { font:bold 200% gotham; text-transform:uppercase; line-height:1; }
h3 { font:normal 150% gotham; text-transform:uppercase; line-height:1; }
h4 { font:normal 150% gotham; text-transform:uppercase; line-height:1; }




/** GF1 - NAVIGATION **/
#bg { min-height:190px; background:url(../img/navigation_bg.png) no-repeat 50% 55px; }
#header { min-height:190px; height:auto!important; height:190px; width:100%; margin:0 auto; background:url(../img/smoke.png) no-repeat 50% 0px; -webkit-animation:smoke 30s linear infinite; -moz-animation:smoke 30s linear infinite; -o-animation:smoke 30s linear infinite; animation:smoke 30s linear infinite; overflow:hidden; }
h1 { display:block; height:136px; width:228px; position:absolute; margin:20px auto 0 auto; left:0; right:0; border:0; z-index:2; }
h1 a { display:block; height:136px; width:228px; text-indent:-9999em; z-index:2; background:transparent url(../img/logo.png) no-repeat; }
#navigation { position:absolute; left:0; right:0; margin:55px auto 0 auto; background:url(../img/navigation_middle.png) repeat-x; height:80px; width:1080px; z-index:1; }
#navigation li { margin:0 35px; }
#navigation li.l { float:left; }
#navigation li.r { float:right; }
#navigation li a { line-height:74px; color:#fff; text-transform:uppercase; }
#navigation ul { background:#040404; padding:15px; border-top:#333230 6px solid; font-size:80%; z-index:1; }
#navigation ul li { margin:0; clear:both; display:block; float:none; height:36px; padding:0; border-bottom:#333230 1px solid; }
#navigation ul li:last-child { border-bottom:none; }
#navigation ul li a { line-height:36px; color:#cacaca; }
#navigation ul li a:hover { color:#ffb118; }

/** GF1 - SOCIAL **/
#social::after { content: "Join the conversation: "; color:#807f84; font-size:80%; float:right; padding-top:2px; margin-right:6px; } 
#social { position:absolute; left:0; right:0; margin:20px auto 0 auto; width:1080px; text-align:right; }
#social li { width:30px; height:20px; float:right; text-align:center; }
#social a { color:#807f84; text-shadow: 0px 0px 10px rgba(2, 255, 253, 0.4); }
#social a:hover { color:#67d0e7; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4); }

/** GF1 - HOMEPAGE - SPLASH **/
#splash_bg { margin:0 auto; width:1230px; background:transparent url(../img/bg_black_50.png) repeat; padding:10px 75px; }
#splash_bg .splash { position:relative; background:transparent url(../img/bg_black_75.png) repeat; padding:25px; overflow:hidden; }
#splash_bg .left { width:630px; float:left; height:354px; }
#splash_bg .right { width:370px; float:right; height:354px; display:table; }
#splash_bg .right a {position:relative; display:table-cell; vertical-align:middle; }
#splash_bg .right h2 { color:#fff; }
#splash_bg .right a:hover h2 { color:#fff; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#splash_bg .right p { color:#dddcd8; margin-top:20px; font-size:90%; }

/** GF1 - HOMEPAGE - EXPLORE **/
#explore_bg { margin:0 auto; width:1080px; padding:0; text-align:center; }
#explore_bg h2 { font:900 300% gotham; padding-top:45px; }
#explore_bg h3 { font:normal 110% gotham; margin:4px 0 35px 0; }
#explore_bg h4 { font:normal 150% gotham; color:#fff; line-height:50px; }
#explore_bg .explore_1 { display:inline-block; margin:0 0 45px 0; }
#explore_bg .explore_2 { display:inline-block; margin:0 35px 45px 35px; }
#explore_bg .explore_3 { display:inline-block; margin:0 0 45px 0; }
#explore_bg a { position:relative; display:block; width:300px; height:225px; background:url(../img/bg_black_50.png) repeat; overflow:hidden; }
#explore_bg a p { display:none; text-transform:uppercase; color:#fff; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#explore_bg a:hover { background:#000; }
#explore_bg a:hover h4 { position:absolute; top:0; left:0; line-height:125px; text-align:center; width:100%; background:url(../img/bg_black_75.png) repeat; font-size:180%; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#explore_bg a:hover h4::before { content:'+'; display:block; font-size:150%; height:40px; font-weight:normal; text-shadow:none; }
#explore_bg a:hover p { display:block; line-height:50px; }

/** GF1 Caution Graphics **/
.caution_bg { background:url(../img/caution_bg.png) repeat 50% 0%; }
.caution_header { display:block; background:url(../img/caution_header.png) no-repeat; width:1080px; height:42px; margin:35px auto 0 auto; }
.caution_footer { display:block; background:url(../img/caution_footer.png) no-repeat; width:1080px; height:41px; margin:0 auto; }

/** GF1 - Inner Page **/
.inner_page_bg { margin:0 auto 75px auto; width:1230px; padding:0 0 30px 0; text-align:center; background:url(../img/caution_bg.png) repeat; }
.inner_page_bg h2 { font:900 300% gotham; padding:60px 0 10px 0;}
.inner_page_bg p { color:#cccccc; line-height:1.5; }
.inner_page { margin:0 auto; width:1080px; padding:0; text-align:center; background:url(../img/bg_black_50.png) repeat; }

/** GF1 - Character Page **/
ul.characters { margin:0; padding:20px 0; }
ul.characters li { width:250px; margin:20px 0; display:inline-block; font-size:90%; text-align:left; line-height:1.3; height:70px; overflow:hidden; }
ul.characters li a { position:relative; background-repeat:no-repeat; display:block; width:250px; height:70px; padding:10px 0 0 90px; text-transform:uppercase; color:#fff; }
ul.characters li a:hover { text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
ul.characters li span { display:none; color:#fff; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); font-size:300%; }
ul.characters li a:hover span { display:block; position:absolute; top:0; left:0; width:70px; height:70px; text-align:center; line-height:70px; background:url(../img/bg_black_75.png) repeat; }

.character-popup { display:none; }
.character-popup .left { float:left; width:298px; border:#121212 1px solid; background:url(../img/bg_black_50.png) repeat; text-align:left; padding:17px; }
.character-popup .left .main {  }
.character-popup .left .sub { font-style:italic; color:#888888; font-size:85%; display:block; height:70px; margin-top:15px; }
.character-popup .left .sub em { text-transform:uppercase; display:block; font-weight:bold; padding:10px 0; font-style:normal; color:#fff; }
.character-popup .left .sub img { float:left; margin-right:17px; }
.character-popup .left .border { border:#1a1919 1px solid; }

.character-popup .right { float:right; width:600px; margin-right:25px; }
.character-popup .right h3 { font-weight:bold; font-size:220%; border-left:#ffad0f 3px solid; padding-left:17px; margin-bottom:23px; }
.character-popup .right h3 span { display:block; font-weight:normal; font-size:40%; font-style:italic; color:#888888; text-transform:none; }
.character-popup .right p { font-size:90%; margin-bottom:20px; }
.character-popup .right p em { font-size:115%; }
.character-popup .right a.button-right { width:42px; height:40px; display:inline-block; margin-right:10px; text-indent:-9999em; background:url(../js/right.png) no-repeat; }
.character-popup .right a.button-left { width:42px; height:40px; display:inline-block; margin-right:10px; text-indent:-9999em; background:url(../js/left.png) no-repeat; }

/** GF1 - Vehicle Page **/
ul.vehicles { margin:0; padding:20px 0; }
ul.vehicles li { width:250px; margin:20px 0; display:inline-block; font-size:90%; text-align:center; line-height:1.3; }
ul.vehicles li a { position:relative; background-position:30px 0px; background-repeat:no-repeat; display:block; width:250px; height:70px; padding:130px 0 0 0; text-transform:uppercase; color:#fff; }
ul.vehicles li a:hover { text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
ul.vehicles li span { display:none; color:#fff; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); font-size:300%; }
ul.vehicles li a:hover span { display:block; position:absolute; top:0; left:30px; width:200px; height:120px; text-align:center; line-height:120px; background:url(../img/bg_black_75.png) repeat; }

.vehicle-popup { display:none; }
.vehicle-popup .left { float:left; width:488px; border:#121212 1px solid; background:url(../img/bg_black_50.png) repeat; text-align:left; padding:17px; }
.vehicle-popup .left .main { margin-bottom:15px; }
.vehicle-popup .left .sub { font-style:italic; color:#888888; font-size:85%; }
.vehicle-popup .left .sub em { text-transform:uppercase; display:block; font-weight:bold; padding:10px 0; font-style:normal; color:#fff; }
.vehicle-popup .left .sub img { float:left; margin-right:17px; }
.vehicle-popup .left .border { border:#1a1919 1px solid; }

.vehicle-popup .right { float:right; width:410px; margin-right:25px; }
.vehicle-popup .right h3 { font-weight:bold; font-size:220%; border-left:#ffad0f 3px solid; padding-left:17px; margin-bottom:23px; }
.vehicle-popup .right h3 span { display:block; font-weight:normal; font-size:40%; font-style:italic; color:#888888; text-transform:none; }
.vehicle-popup .right h4 { font-weight:bold; font-size:110%; margin:23px 0 23px 0; }
.vehicle-popup .right .vehicle-stats { margin:0 0 23px 0; padding:0; font-size:90%; }
.vehicle-popup .right .vehicle-stats li { display:inline-block; margin-right:15px; line-height:19px; }
.vehicle-popup .right .vehicle-stats .speed { background:url(../img/vehicle_stats_speed.png) no-repeat 0% 50%; padding-left:39px; }
.vehicle-popup .right .vehicle-stats .altitude { background:url(../img/vehicle_stats_altitude.png) no-repeat 0% 50%; padding-left:46px; }
.vehicle-popup .right .vehicle-stats .compliment { background:url(../img/vehicle_stats_compliment.png) no-repeat 0% 50%; padding-left:34px; }
.vehicle-popup .right p { font-size:90%; margin-bottom:20px; }
.vehicle-popup .right p em { font-size:115%; }
.vehicle-popup .right a.button-right { width:42px; height:40px; display:inline-block; margin-right:10px; text-indent:-9999em; background:url(../js/right.png) no-repeat; }
.vehicle-popup .right a.button-left { width:42px; height:40px; display:inline-block; margin-right:10px; text-indent:-9999em; background:url(../js/left.png) no-repeat; }

/** GF1 - ABOUT PAGE **/
.about { position:relative; width:1080px; margin:0 auto; background:url(../img/about_bg.png) no-repeat 0px 50px; padding-left:562px; text-align:left; padding-top:80px; min-height:530px; height:auto!important; height:530px; }
.about.ghost_mine { background:url(../img/about_bg_gm.png) no-repeat 0px 50px; }
.about h3 { font-weight:bold; border-left:#ffad0f 3px solid; padding-left:17px; }
.about p { padding-left:20px; margin-top:20px; font-size:90%; }
.about p em { font-size:115%; padding-top:5px; }
.about ul.links { padding-left:20px; margin-top:20px; }
.about ul.links li { display:inline-block; margin-right:30px; }
.about ul.links a { color:#fff; text-transform:uppercase; font-size:90%; }
.about ul.links a:hover { text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
.about.ghost_mine a { color:#dd2136; }
.about .buy { position:absolute; top:0; left:0; width:496px; text-align:center; padding-top:470px; }
.about .buy a { display:inline-block; background:#f6b12b; width:210px; height:50px; line-height:50px; color:#000; font-weight:bold; text-transform:uppercase; font-size:120%; }
.about .buy.ghost_mine a { display:inline-block; background:#f6b12b; width:150px; height:30px; line-height:30px; color:#000; font-weight:bold; text-transform:uppercase; font-size:70%; margin-bottom:10px; }
.thanks { position:relative; width:1080px; margin:0 auto; margin-top:40px; }
.thanks h4 { font-size:140%; margin-bottom:20px; margin-top:20px; }
.thanks p { margin-top:20px; font-size:90%; }

/** GF1 - NEWS PAGE **/
/** #news-container { position:relative; width:1080px; height:850px; margin:0 auto; padding:40px 0 20px 0; overflow:hidden; text-align:left; } **/
.news { height:800px; width:1080px!important; text-align:left; margin:0 auto; padding:40px 0 20px 0; }
.news-group { float:left; width:1080px; height:800px; margin-right:32px; }
.news img { position:absolute; top:0; left:0; }
.news p { color:#7a8284; font-size:85%; margin-top:10px; line-height:1.2; }
.news p.date { margin-top:3px; color:#555555; font-style:italic; }
.news .main { position:relative; width:802px; height:351px; float:left; background:url(../img/bg_black_50.png) repeat; padding:36px 36px 36px 560px;  margin-bottom:32px;}
.news .main.margin { margin-right:32px; }
.news .main h2 { font-size:140%; padding:0; color:#fff; font-weight:bold; }
.news .sub { position:relative; width:246px; height:351px; float:left; background:url(../img/bg_black_50.png) repeat; padding:200px 25px 25px 25px;  margin-bottom:32px;}
.news .sub.margin { margin-right:32px; }
.news .sub h2 { font-size:100%; padding:0; color:#fff; font-weight:bold; }
.news .story { position:relative; width:246px; height:351px; float:left; background:url(../img/bg_black_50.png) repeat; margin-bottom:32px;  padding:200px 25px 25px 25px;}
.news .story.margin { margin-right:32px; }
.news .story h2 { font-size:100%; padding:0; color:#fff; font-weight:bold; }

.news-popup { display:none; }
.news-popup .left { float:left; width:701px; text-align:left; }
.news-popup .left h3 { font-weight:bold; font-size:200%; border-left:#ffad0f 3px solid; padding-left:17px; margin-bottom:23px; margin-top:35px; }
.news-popup .left h3 span { display:block; font-weight:normal; font-size:40%; font-style:italic; color:#888888; text-transform:none; }
.news-popup .left h4 { font-weight:bold; font-size:110%; margin:23px 0 23px 0; }
.news-popup .left p { padding:0 20px; font-size:90%; margin-bottom:20px; }
.news-popup .left p:first-of-type { font-size:115%; }
.news-popup .left ul { padding:0 20px; }
.news-popup .left a { color:#ffad0f; text-decoration:none; }
.news-popup .left p strong { font-weight:900; }
.news-popup .left p strong a { font-weight:900; }
.news-popup .left ul { padding:0 0 20px 50px; font-size:90%; }
.news-popup .left ul li { list-style:disc; margin-bottom:10px; padding-left:20px; }


.news-popup .right { float:left; width:246px; text-align:left; }
.news-popup .right a.next { position:relative; width:246px; height:176px; display:block; overflow:hidden; }
.news-popup .right a.next .overlay { position:absolute; top:0; left:0; width:246px; height:176px; background:url(../img/bg_black_85.png) repeat; }
.news-popup .right a.next.full { height:351px; }
.news-popup .right a.next.full .overlay { height:351px; }
.news-popup .right a.previous { position:relative; width:246px; height:175px; display:block;  overflow:hidden; }
.news-popup .right a.previous .overlay { position:absolute; top:0; left:0; width:246px; height:175px; background:url(../img/bg_black_85.png) repeat; }
.news-popup .right a.previous.full { height:351px; }
.news-popup .right a.previous.full .overlay { height:351px; }
.news-popup .right h4 { color:#7d7672; position:absolute; bottom:0; left;0; width:246px; padding:20px; font-size:100%; line-height:1.4; }
.news-popup .right .overlay h4 span { display:block; color:#f6af2b; text-transform:uppercase; padding-bottom:10px; text-shadow: 0px 0px 10px rgba(246, 175, 43, 1); }
.news-popup .right p { padding-left:20px; margin-top:35px; text-transform:uppercase; font-weight:bold; }
.news-popup .right ul { margin:20px 0 0 20px; }
.news-popup .right li { width:22px; height:21px; float:left; margin-right:17px; }
.news-popup .right li a { width:22px; height:21px; display:block; text-indent:-9999em; }
.news-popup .right li.t a { background:url(../img/share_twitter.png) no-repeat; }
.news-popup .right li.f a { background:url(../img/share_facebook.png) no-repeat; }
.news-popup .right li.g a { background:url(../img/share_g+.png) no-repeat; }
.news-popup .right li.p a { background:url(../img/share_pinterest.png) no-repeat; }
.news-popup .right li.l a { background:url(../img/share_linkedin.png) no-repeat; }

.news .owl-controls { position:absolute; top:0; left:0; width:100%; }
.news .owl-controls .owl-prev { position:absolute; top:393px; left:-62px; height:68px; width:52px; background:url(../img/arrow_orange_left.png) no-repeat; }
.news .owl-controls .owl-next { position:absolute; top:393px; right:-62px; height:68px; width:52px; background:url(../img/arrow_orange_right.png) no-repeat; }

/** GF1 - ARTICLE PAGE **/
.article { position:relative; width:1080px; margin:0 auto; padding-left:562px; text-align:left; padding-top:80px; min-height:530px; height:auto!important; height:530px; }
.article h2 { font-weight:bold; border-left:#ffad0f 3px solid; padding-left:17px; font-size:150%; margin:0; padding-top:0; padding-bottom:0; }
.article h2 span { display:block; font-weight:normal; font-size:60%; font-style:italic; color:#888888; text-transform:none; padding-top:4px; }
.article h3 { font-weight:bold; border-left:#ffad0f 3px solid; padding-left:17px; margin-top:40px; font-size:120%; font-weight:normal; }
.article img.main { position:absolute; top:80px; left:0; width:48%; }
.article p { padding-left:20px; margin-top:20px; font-size:90%; }
.article a { color:#ffad0f; text-decoration:none; }
.article p strong { font-weight:900; }
.article p strong a { font-weight:900; }
.article ul { padding-left:50px; margin-top:20px; font-size:90%; color:#cccccc; }
.article ul li { list-style:disc; margin-top:10px; padding-left:20px; color:#cccccc; }
.article p em { font-size:115%; padding-top:5px; }
.article p:first-of-type { font-size:115%; }
.article ul.article-share { padding-left:20px; margin-top:20px;  overflow:hidden; }
.article ul.article-share li { width:22px; height:21px; float:left; margin-right:14px; list-style:none; padding:0; margin-top:0; }
.article ul.article-share li a { width:22px; height:21px; display:block; text-indent:-9999em; }
.article ul.article-share li.twitter a { background:url(../img/share_twitter.png) no-repeat; }
.article ul.article-share li.facebook a { background:url(../img/share_facebook.png) no-repeat; }
.article ul.article-share li.googleplus a { background:url(../img/share_g+.png) no-repeat; }
.article ul.article-share li.pinterest a { background:url(../img/share_pinterest.png) no-repeat; }
.article ul.article-share li.linkedin a { background:url(../img/share_linkedin.png) no-repeat; }

/** GF1 - VIDEO PAGE **/
#video_bg { position:relative; margin:0 auto; width:1230px; background:transparent url(../img/caution_bg.png) repeat; padding:25px 75px; }
#video_bg .video_overlay { position:relative; background:transparent url(../img/bg_black_50.png) repeat; padding:0 25px 0 0; overflow:hidden; }
#video_bg .social_overlay { position:absolute; bottom:0; right:0; background:transparent url(../img/bg_black_50.png) repeat; width:450px; height:62px; padding-left:30px; line-height:62px; font-size:80%; text-transform:uppercase; }
#video_bg .video_overlay em { font-weight:bold; font-style:normal; font-size:125%; color:#fff; }
#video_bg .video_overlay span { font-weight:normal; font-style:italic; font-size:100%; color:#b0b1b1; }
#video_bg .social_overlay ul { position:absolute; top:20px; left:100px; }
#video_bg .social_overlay li { width:22px; height:21px; float:left; margin-right:17px; }
#video_bg .social_overlay li a { width:22px; height:21px; display:block; text-indent:-9999em; }
#video_bg .social_overlay li.t a { background:url(../img/share_twitter.png) no-repeat; }
#video_bg .social_overlay li.f a { background:url(../img/share_facebook.png) no-repeat; }
#video_bg .social_overlay li.g a { background:url(../img/share_g+.png) no-repeat; }
#video_bg .social_overlay li.p a { background:url(../img/share_pinterest.png) no-repeat; }
#video_bg .social_overlay li.l a { background:url(../img/share_linkedin.png) no-repeat; }
#video_bg .left { width:630px; float:left; height:354px; }
#video_bg .right { width:395px; float:right; height:292px; padding:25px 0; }
#video_bg .right a {position:relative;  }
#video_bg .right h2 { color:#fff; }
#video_bg .right a:hover h2 { color:#fff; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#video_bg .right p {color:#b0b1b1; margin-top:20px; font-size:90%; }
h3.video { text-transform:uppercase; font-weight:normal; text-align:center; font-size:150%; background:url(../img/bg_announcements_header.png) no-repeat 50% 50%; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); margin:70px 0 30px 0; }
#other_videos { position:relative; width:1000px; margin:0 auto 50px auto; height:121px; }
#other_videos .video { position:relative; display:inline-block; margin:0 15px; }
#other_videos .video .overlay { position:absolute; top:0; left:0; width:170px; height:121px; background:transparent url(../img/bg_black_50.png) repeat; }
#other_videos .video .overlay h4 { position:absolute; bottom:10px; left:10px; width:150px; color:#9c9c9b; font-size:70%; font-weight:bold; text-transform:uppercase; }
#other_videos .video .overlay p { display:none; position:absolute; top:10px; left:10px; width:150px; color:#fff; font-size:80%; font-weight:bold; }
#other_videos .video a:hover .overlay { background:transparent url(../img/bg_black_25.png) repeat; }
#other_videos .video a:hover .overlay h4 { color:#fff; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#other_videos .video a:hover .overlay p { display:block; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }

#other_videos .owl-controls { position:absolute; top:0; left:0; width:100%; }
#other_videos .owl-controls .owl-prev { position:absolute; top:49px; left:-30px; height:37px; width:20px; background:url(../img/arrow_blue_left.png) no-repeat; }
#other_videos .owl-controls .owl-next { position:absolute; top:40px; right:-30px; height:37px; width:20px; background:url(../img/arrow_blue_right.png) no-repeat; }

/** GF1 - STORY **/
#story { overflow:hidden; width:1080px; height:550px; padding:44px 50px 22px 50px; background:transparent url(../img/bg_black_50.png) repeat; margin:40px auto 40px auto; }
#story .timeline { height:550px; width:auto; text-align:left; background:transparent url(../img/bg_black_timeline.png) repeat-x 0% 216px; padding-right:40px; }
#story .timeline h3 { position:relative; font-size:110%; margin-left:75px; border-left:#f6b12b 3px solid; padding-left:18px; margin-top:30px; margin-right:60px; line-height:1.4; }
#story .timeline h4 { position:relative; font-size:80%; margin-left:65px; border-left:#f6b12b 3px solid; padding-left:18px; margin-top:20px; margin-right:18px; line-height:1.4; }
#story .timeline h3 em { position:absolute; left:-60px; top:0px; font-size:80%; width:60px; line-height:1.4; }
#story .timeline h4 em { position:absolute; left:-50px; top:0px; font-size:90%; width:50px; line-height:1.4; }
#story .timeline .start { width:470px; height:438px; float:left; margin:0 90px 0 0; background:#000; }
#story .timeline .top { width:287px; height:216px; float:left; margin:0 0 0 -10px; background:transparent url(../img/bg_black_timeline_vertical.png) repeat-y 114px 0%; }
#story .timeline .bottom { width:287px; height:196px; float:left; margin:222px 0 0 -195px; padding-top:20px; background:transparent url(../img/bg_black_timeline_vertical.png) repeat-y 127px 0%; }
#story .timeline .item { width:287px; height:196px; background:#000; }


/** GF1 - OCEAN **/
#ocean { background:url(../img/bg_ocean.jpg) repeat-x 50% 100%; overflow:hidden; min-width:100%; }

/** GF1 - ANNOUNCEMENTS **/
#announcements { margin:100px auto 0 auto; width:1180px; clear:both; background:url(../img/bg_announcements_line.png) no-repeat 50% 80%; overflow:hidden; }
#announcements h3 { text-transform:uppercase; font-weight:normal; text-align:center; font-size:225%; background:url(../img/bg_announcements_header.png) no-repeat 50% 50%; text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#announcements h3 i { font-size:50%; margin:0 16px; }
#announcements .announcement { position:relative; width:470px; float:left; margin:50px 60px 30px 60px; min-height:163px; height:auto!important; height:163px; padding:0 0 0 240px; }
#announcements .announcement img { position:absolute; top:0px; left:0px; border:#112931 5px solid; width:198px; }
#announcements .announcement p { font-size:85%; margin:10px 0 0 0; color:#fff; }
#announcements h4 { text-transform:uppercase; font-weight:normal; text-align:left; font-size:130%; line-height:1.3; padding:10px 0 0 0; color:#fff; }
#announcements a:hover h4 { text-shadow: 0px 0px 10px rgba(2, 255, 253, 1); }
#announcements a { color:#fff; }

/** GF1 - COPYRIGHT **/
#copyright { padding:40px 0 50px 0; text-align:center; font-size:80%; background:#020d0e; min-width:100%; }
#copyright ul { text-align:center; margin: 0 0 25px 0; }
#copyright ul li { display:inline-block; }
#copyright ul li.ae a { display:inline-block; width:78px; height:52px; margin:0 17px; background:url(../img/anderson_entertainment.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }
#copyright ul li.uk a { display:inline-block; width:172px; height:38px; margin:7px 17px; background:url(../img/uk_conventions.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }
#copyright ul li.og a { display:inline-block; width:66px; height:43px; margin:4px 17px; background:url(../img/orion_gollancz.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }
#copyright p { line-height:2; color:#cbcbcb; }
#copyright p a { color:#cbcbcb; border-bottom:#cbcbcb 1px dotted; }
#copyright p span { color:#565656; font-size:90%; }
#copyright p.kickstarter { margin-top:30px; }
#copyright p.kickstarter a { border:none; }

/** GF1 - SMOKE **/
@-webkit-keyframes smoke	{ from { background-position:50% 0px; } to { background-position:50% -528px; } }
@-moz-keyframes smoke		{ from { background-position:50% 0px; } to { background-position:50% -528px; } }
@-o-keyframes smoke			{ from { background-position:50% 0px; } to { background-position:50% -528px; } }
@keyframes smoke			{ from { background-position:50% 0px; } to { background-position:50% -528px; } }

@media screen and (max-width:1180px) {
	
	/** GF1 - GENERAL STYLES **/
	body { background-size: 1180px; font-size:86%; }
	body.home {  background:#000 url(../img/bg_inner.jpg) no-repeat 50% 0%; background-size:1180px; }
	#bg { background:transparent; }
	#navigation { height:80px; width:100%; padding:0 6em; }
	#navigation li { margin:0 1em; }

	#social { width:95%; }

	#splash_bg { width:100%; padding:0 6%; }
	#splash_bg iframe { width:100%; height:100%; }
	#splash_bg .left { width:60%; height:354px; }
	#splash_bg .right { width:35%; height:292px; padding:25px 0; }
	#splash_bg .right h2 { font-size:120%; }
	#splash_bg .right p { margin-top:8px; } 
	#explore_bg { width:85%; }
	#explore_bg h4 { line-height:38px; }
	#explore_bg a { width:200px; height:150px; }
	#explore_bg a img { width:100%; }
	#explore_bg a:hover h4 { line-height:93px; }
	#explore_bg a:hover h4::before { height:30px; }
	#explore_bg a:hover p { line-height:38px; }
	#announcements { margin:20px auto 0 auto; width:739px; background:none; }
	#announcements h3 i { margin:0 12.16px; }
	#announcements p { display:none; }
	#announcements .announcement { width:350px; float:left; margin:20px 0 40px 0; min-height:163px; height:auto!important; height:163px; padding:0 0 0 220px; }
	#announcements .announcement.two { float:right; }

	#ocean { background-size:763px 250px; }
	.inner_page_bg { width:85%; }
	.inner_page_bg h2 { padding-top:25px; }
	.inner_page { width:85%; }
	.caution_header { width:85%; background-size:100%; background-position:0% 100%; margin-top:10px; }
	.caution_footer { width:85%; background-size:100%; }

	.about { background-size:33%; background-position:3.5% 50px; padding-left:40%; width:100%; padding-top:50px; padding-right:50px; min-height:auto; }
	.about.ghost_mine { background-size:33%; background-position:3.5% 50px; padding-left:40%; width:100%; padding-top:50px; padding-right:50px; min-height:auto; }
	.about .buy { width:40%; padding-right:2.5%; padding-top:34%; }
	.about .buy a { width:50%; height:auto; line-height:3; font-size:100%; }
	.about .buy.ghost_mine a { width:50%; height:auto; line-height:3; font-size:70%; }
	.thanks { width:100%; font-size:100%; padding:0 50px; }
	.thanks iframe { height:200px; }

	#story { width:85%;  }

	.news { width:85%!important; height:640px; }
	.news-group { width:100%; height:640px; }
	.news-group h2 { font-size:95%!important; }
	.news-group p { display:none; }
	.news-group p.date { display:block; }
	.news .main { width:74%; padding:2% 2% 2% 50%!important; height:280px; }
	.news .main img { max-width:65%; height:100%; }
	.news .main.margin { margin-right:4%; }
	.news .sub { width:22%; padding:17% 2% 2% 2%; height:280px; }
	.news .sub img { width:100%; }
	.news .sub.margin { margin-right:4%; }
	.news .story { width:22%; padding:17% 2% 2% 2%; height:280px; }
	.news .story img { width:100%; }
	.news .story.margin { margin-right:4%; }
	.news .owl-controls .owl-prev { top:295px;  }
	.news .owl-controls .owl-next { top:295px;  }

	.news-popup .left { width:100%; }
	.news-popup .left img { max-width:701px; width:100%; }
	.news-popup .right { width:100%; margin-top:20px; padding:0 20px; }
	.news-popup .right p { padding:20px 0 0 0; clear:both; margin-top:20px; }
	.news-popup .right ul { margin:20px 0 0 0; }
	.news-popup .right a.next { max-width:246px; width:49%; float:left; margin-right:2%; }
	.news-popup .right a.previous { max-width:246px; width:49%; float:left; clear:right; }
	.news-popup .overlay {width:100%;}

	.article { padding-left:50px; width:100%; padding-top:50px; padding-right:70px; min-height:auto; }
	.article img.main { position:relative; left:auto; top:auto; margin:0 auto; width:100%; margin-bottom:20px; padding-left:20px; }
	.article h2 { padding-top:0!important; }

	.character-popup .left { border:none; margin:0 20px; }
	.character-popup .right { width:100%; padding:0 20px; margin-right:0; }
	.character-popup .right p { padding:0 20px; }

	.vehicle-popup .left { border:none; margin:0 20px; }
	.vehicle-popup .right { width:100%; padding:0 20px; margin-right:0; }
	.vehicle-popup .right p { padding:0 20px; }

	#video_bg { width:80%; padding:25px 6%; }
	#video_bg iframe { width:100%; height:100%; }
	#video_bg .social_overlay { width:42.5%; height:62px; line-height:62px; }
	#video_bg .left { width:60%; height:354px; }
	#video_bg .right { width:35%; height:292px; padding:25px 0; }
	#video_bg .right h2 { font-size:120%; }
	#video_bg .right p { margin-top:8px; } 
	#video_bg .social_overlay li { margin-right:2px; }

	#other_videos { width:75%; height:121px; }
	#other_videos .video .overlay { width:100%; height:121px; }
	#other_videos .owl-item { text-align:center; }

}

@media screen and (max-width:1000px) {
	#navigation { height:80px; width:100%; padding:0 3em; }
	.inner_page_bg p { font-size:80%; }
}

@media screen and (max-width:780px) {

	/** NEWS **/
	.news { width:85%!important; height:auto; overflow:hidden; text-align:center; }
	.news-group { width:auto; height:auto; display:inline; margin:0; padding:0; }
	.news .main { width:246px!important; height:270px!important;  padding:200px 25px 25px 25px!important; float:none; display:inline-block; margin:2%; text-align:left; }
	.news .main img { max-width:100%; width:100%!important; height:auto!important; }
	.news .main h2 { font-size:100%; }
	.news .main.margin { margin:2%; }

	.news .sub { width:246px!important; height:270px!important; padding:200px 25px 25px 25px!important;  float:none; display:inline-block; margin:2%; text-align:left; }
	.news .sub img { width:100%; }
	.news .sub.margin { margin:2%; }
	.news .story { width:246px!important; height:270px!important; padding:200px 25px 25px 25px!important;  float:none; display:inline-block; margin:2%; text-align:left; }
	.news .story img { width:100%; }
	.news .story.margin { margin:2%; }


	/** TIMELINE **/
	#story { overflow:auto; height:auto!important; width:100%; padding:0; }
	#story .mCustomScrollbar { width:100%!important; }
	#story .mCSB_container { width:100%!important; }
	#story .timeline { height:auto!important; padding-right:0; width:100%; background:none; }
	#story .timeline .start { float:none; margin:20px auto; width:287px; height:257px; }
	#story .timeline .start img { width:287px; }
	#story .timeline .top { float:none; margin:20px auto; background:none; }
	#story .timeline .bottom { float:none; margin:20px auto; padding:0; background:none; }
	#story .timeline h3 { position:relative; font-size:80%; margin-left:65px; border-left:#f6b12b 3px solid; padding-left:18px; margin-top:20px; margin-right:18px; line-height:1.4;  }
	#story .timeline h3 em { position:absolute; left:-50px; top:0px; font-size:90%; width:50px; line-height:1.4; }

	.about { background-size:80%; background-position:50% 20px; padding-left:50px; width:100%; padding-top:73%; padding-right:50px; min-height:auto; }
	.about.ghost_mine { background-size:80%; background-position:50% 20px; padding-left:50px; width:100%; padding-top:73%; padding-right:50px; min-height:auto; }
	.about .buy { position:relative; top:auto; left:auto; width:60%; padding-right:0; padding-top:0; padding-left:20px; margin-top:20px; }
	.about .buy a { width:100%; height:auto; line-height:3; font-size:100%; margin:0 auto; }
	.about.ghost_mine .buy a { width:100%; height:auto; line-height:3; font-size:100%; margin:0 auto; }
	.thanks { width:100%; font-size:100%; }

	/** GF1 - GENERAL STYLES **/
	body { background-size:1180px; font-size:50.38759689922481%; }
	#splash_bg .left { width:100%; height:auto; }
	#splash_bg iframe { width:100%; min-height:300px; }
	#splash_bg .right { display:none; }

	/** GF1 - OCEAN **/
	#ocean { background-size:763px 250px; font-size:120%; }
	.inner_page_bg { width:100%; }


	/** GF1 - ANNOUNCEMENTS **/
	#announcements { width:489px; background:none; }
	#announcements h3 i { margin:0 12.16px; }
	#announcements .announcement { position:relative; width:208px; float:left; margin:20px 0 40px 20px; min-height:163px; height:auto!important; height:163px; padding:0; text-align:center; }
	#announcements .announcement h4 { text-align:center; }
	#announcements .announcement.two { float:right; margin:20px 20px 40px 0; }
	#announcements .announcement img { position:relative; border:#112931 5px solid; width:198px; height:153px; }


	/** GF1 - SOCIAL **/
	#discover { margin:0 auto 30px auto; padding:10px 0 0 0; width:489px; }
	#discover ul.social { margin:26.6px auto 0 auto; font-size:200%; }
	
	/** GF1 - COPYRIGHT **/
	#copyright { padding:20px 0 25px 0; font-size:125%; }
	#copyright ul { margin: 0 0 12.5px 0; }
	#copyright span { clear:both; display:block; line-height:1.5; }

	.vehicle-popup .left { display:none; }
	.character-popup .left { display:none; }

	#video_bg { width:100%; }
	#video_bg .social_overlay { display:none; }
	#video_bg .left { width:100%; height:354px; }
	#video_bg .right { display:none; }
	#video_bg .video_overlay {padding:0;}
	h3.video { margin-top:25px; }

	/** GF1 - SMOKE **/
	@-webkit-keyframes smoke	{ from { background-position:0px 0px; } to { background-position:0px -266px; } }
	@-moz-keyframes smoke		{ from { background-position:0px 0px; } to { background-position:0px -266px; } }
	@-o-keyframes smoke			{ from { background-position:0px 0px; } to { background-position:0px -266px; } }
	@keyframes smoke			{ from { background-position:0px 0px; } to { background-position:0px -266px; } }

}

@media screen and (max-width:520px) {

	.inner_page_bg p { font-size:80%; }

	h1 { height:68px; width:114px; margin-top:10px; }
	h1 a { height:68px; width:114px; background-size:114px; }
	#navigation { height:40px; background-size:50%; margin-top:70px; }
	#navigation li a { line-height:37px; }
	#navigation ul { font-size:100%; padding:5px; }
	#navigation ul li { height:26px; width:20px; }
	#navigation ul li a { line-height:26px; }
	#splash_bg iframe { width:100%; min-height:200px; }
	
	.caution_header { height:20px; }
	.caution_footer { height:20px; }
	
	#bg { min-height:130px; }
	#header { min-height:130px; height:130px; }

	#social::after { content:""; padding-top:0; margin-right:0; } 
	#social { font-size:250%; }
	#social li { width:28px; }
	#social a { color:#cbcbcb; }

	#copyright ul li { display:inline-block; }
	#copyright ul li.ae a { width:39px; height:26px; margin:0 8px; background-size:100%; }
	#copyright ul li.uk a { width:86px; height:19px; margin:3px 8px; background-size:100%; }
	#copyright ul li.og a { width:33px; height:22px; margin:2px 8px; background-size:100%; }
	#copyright p.kickstarter a img { width:55px!important; height:53px!important; }

	/** GF1 - GENERAL STYLES **/
	body { background-size:1180px; /*font-size:33.59173126614987%;*/ }

	/** GF1 - OCEAN **/
	#ocean { background-size:763px 250px; }

	/** GF1 - ANNOUNCEMENTS **/
	#announcements { width:326px; background:none; }
	#announcements h3 i { margin:0 12.16px; }
	#announcements .announcement { position:relative; width:135px; float:left; margin:20px 0 40px 20px; min-height:107px; height:auto!important; height:107px; padding:0; text-align:center; }
	#announcements .announcement h4 { text-align:center; }
	#announcements .announcement.two { float:right; margin:20px 20px 40px 0; }
	#announcements .announcement img { position:relative; border:#112931 5px solid; width:125px; height:97px; }

	/** GF1 - SOCIAL **/
	#discover { margin:0 auto 30px auto; padding:0; width:326px; background:none; }
	#discover h3 { display:none; }
	#discover ul.social { margin:0 auto; font-size:200%; }
	
	/** GF1 - COPYRIGHT **/
	#copyright { padding:20px 0 25px 0; font-size:125%; }
	#copyright ul { margin: 0 0 12.5px 0; }
	#copyright span { clear:both; display:block; line-height:1.5; }

	/** GF1 - SMOKE **/
	@-webkit-keyframes smoke	{ from { background-position:0px 0px; } to { background-position:0px -177px; } }
	@-moz-keyframes smoke		{ from { background-position:0px 0px; } to { background-position:0px -177px; } }
	@-o-keyframes smoke			{ from { background-position:0px 0px; } to { background-position:0px -177px; } }
	@keyframes smoke			{ from { background-position:0px 0px; } to { background-position:0px -177px; } }

}