/* line 17, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /*----------------------------------------------------------------------------- VARIABLES ----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- FONTS ----------------------------------------------------------------------------*/ @font-face { font-family: "RobotoRegular"; src: url('fonts/Roboto-Regular-webfont.eot'); src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: "RobotoRegularItalic"; src: url('fonts/Roboto-Italic-webfont.eot'); src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-Italic-webfont.woff') format('woff'), url('fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('fonts/Roboto-Italic-webfont.otf') format('opentype'); font-weight: normal; font-style: oblique; } @font-face { font-family: "RobotoLight"; src: url('fonts/Roboto-Light-webfont.eot'); src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.otf') format('opentype'); font-weight: lighter; font-style: normal; } @font-face { font-family: "RobotoLightItalic"; src: url('fonts/Roboto-LightItalic-webfont.eot'); src: url('fonts/Roboto-LightItalic-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), url('fonts/Roboto-LightItalic-webfont.otf') format('opentype'); font-weight: lighter; font-style: oblique; } @font-face { font-family: "RobotoBold"; src: url('fonts/Roboto-Bold-webfont.eot'); src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: "RobotoBoldItalic"; src: url('fonts/Roboto-BoldItalic-webfont.eot'); src: url('fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('fonts/Roboto-BoldItalic-webfont.otf') format('opentype'); font-weight: bold; font-style: oblique; } @font-face { font-family: "RobotoBlack"; src: url('fonts/Roboto-Black-webfont.eot'); src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-Black-webfont.woff') format('woff'), url('fonts/Roboto-Black-webfont.ttf') format('truetype'), url('fonts/Roboto-Black-webfont.otf') format('opentype'); font-weight: bolder; font-style: normal; } @font-face { font-family: "RobotoBlackItalic"; src: url('fonts/Roboto-BlackItalic-webfont.eot'); src: url('fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('eot'), url('fonts/Roboto-BlackItalic-webfont.woff') format('woff'), url('fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'), url('fonts/Roboto-BlackItalic-webfont.otf') format('opentype'); font-weight: bolder; font-style: oblique; } @font-face { font-family: "WinterthurCondensedRegular"; src: url('fonts/WinterthurCondensed-webfont.eot'); src: url('fonts/WinterthurCondensed-webfont.eot?#iefix') format('eot'), url('fonts/WinterthurCondensed-webfont.woff') format('woff'), url('fonts/WinterthurCondensed-webfont.ttf') format('truetype'), url('fonts/WinterthurCondensed-webfont.otf') format('opentype'); font-weight: normal; font-style: normal; } /*----------------------------------------------------------------------------- SHARED STYLES ----------------------------------------------------------------------------*/ /* line 22, ../sass/screen.scss */ body { background-color: black; color: white; font-family: "RobotoRegular", sans-serif; font-weight: normal; font-style: normal; } /* line 31, ../sass/screen.scss */ #nav-close, #mobile-menu { display: none; } /* line 35, ../sass/screen.scss */ p { margin: 10px 0; } /* line 39, ../sass/screen.scss */ a { text-decoration: none; } /* line 43, ../sass/screen.scss */ .uc { text-transform: uppercase; } /* line 47, ../sass/screen.scss */ .ir { display: block; text-indent: 200%; white-space: nowrap; overflow: hidden; } /* line 54, ../sass/screen.scss */ nav { text-transform: uppercase; } /* line 58, ../sass/screen.scss */ #video-overlay { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 300; } /* line 68, ../sass/screen.scss */ #video-player { position: absolute; width: 640px; height: 500px; z-index: 310; text-align: left; left: 50%; top: 50%; margin-left: -320px; margin-top: -250px; } /* line 80, ../sass/screen.scss */ #video-header { display: block; margin: 0; overflow: hidden; height: 60px; width: 500px; } /* line 87, ../sass/screen.scss */ #video-header h3 { font: normal bold 28px/28px "RobotoBold", sans-serif; } /* line 91, ../sass/screen.scss */ #video-header p { font: normal normal 10px/10px "RobotoRegular", sans-serif; margin-top: 5px; text-transform: uppercase; } /* line 98, ../sass/screen.scss */ #video-sponsor { position: absolute; top: -5px; right: 0; display: block; width: 132px; font-size: 10px; text-align: center; } /* line 106, ../sass/screen.scss */ #video-sponsor p { margin: 0; } /* line 109, ../sass/screen.scss */ #video-sponsor span { float: left; margin-top: 22px; } /* line 113, ../sass/screen.scss */ #video-sponsor a#video-sponsor-logo { float: right; display: block; width: 50px; height: 60px; background: url('../img/mitsubishi-corner-logo.png?1368483649') no-repeat 50% 50%; } /* line 123, ../sass/screen.scss */ .video-share { background-color: #057aa3; height: 58px; padding-top: 7px; position: absolute; right: -35px; top: 105px; width: 35px; } /* line 133, ../sass/screen.scss */ .video-share .icon-facebook, .video-share .icon-twitter { margin-left: 6px; } /* line 137, ../sass/screen.scss */ .video-share .icon-facebook { margin-bottom: 5px; } /* line 142, ../sass/screen.scss */ #video-close { background: url('../img/vid-close.png?1368143178') top center no-repeat; cursor: pointer; display: block; height: 50px; position: absolute; right: 20px; text-indent: -9999px; top: 20px; width: 50px; z-index: 500; } /* line 155, ../sass/screen.scss */ #video-cover { background-color: black; background-color: rgba(0, 0, 0, 0.85); height: 100%; left: 0; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 300; } /*----------------------------------------------------------------------------- Sweeps overlay ----------------------------------------------------------------------------*/ /* line 173, ../sass/screen.scss */ #sweeps-overlay { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 300; } /* line 182, ../sass/screen.scss */ #sweeps-overlay #sweeps-overlay-close { background: url('../img/vid-close.png?1368143178') top center no-repeat; cursor: pointer; display: block; height: 50px; position: absolute; right: 20px; text-indent: -9999px; top: 20px; width: 50px; z-index: 500; } /* line 194, ../sass/screen.scss */ #sweeps-overlay #sweeps-iframe-container { position: absolute; width: 640px; height: 480px; z-index: 310; text-align: left; left: 50%; top: 50%; margin-left: -390px; margin-top: -325px; } /* line 205, ../sass/screen.scss */ #sweeps-overlay #sweeps-cover { background-color: black; background-color: rgba(0, 0, 0, 0.85); height: 100%; left: 0; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 300; } /*----------------------------------------------------------------------------- 1024px and up ----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- SHARED STYLES, 600px and higher ----------------------------------------------------------------------------*/ @media (min-width: 600px) { /* line 6, ../sass/partials/_desktop.scss */ body { font-family: "RobotoRegular", sans-serif; font-size: 13px; line-height: 20px; } /*------------------------------------------------------------------------- ELEMENTS THAT SHOULD BE HIDDEN ------------------------------------------------------------------------*/ /* line 18, ../sass/partials/_desktop.scss */ #btn-start, .mobile-countdown, .video-nav, #ie-8 { display: none; } /*--------------------------------------------------------------------- LOADING SCREEN --------------------------------------------------------------------*/ /* line 25, ../sass/partials/_desktop.scss */ #pre-screen { display: block; background: black; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2000; } /* line 34, ../sass/partials/_desktop.scss */ #pre-screen .gutter { position: absolute; top: 0; width: 100%; height: 560px; text-align: center; background: black url('../img/preload-after.jpg?1372041762') no-repeat 50% 0; } /* line 43, ../sass/partials/_desktop.scss */ #pre-screen .gutter #load-sponsor { position: absolute; top: 320px; left: 0; width: 100%; text-align: center; } /* line 50, ../sass/partials/_desktop.scss */ #pre-screen .gutter #pre-loader { position: absolute; top: 460px; left: 0; margin: 0 auto; width: 100%; text-align: center; } /* line 58, ../sass/partials/_desktop.scss */ #pre-screen .gutter #pre-loader #pre-total { width: 100%; height: 1px; background-color: #363636; } /* line 63, ../sass/partials/_desktop.scss */ #pre-screen .gutter #pre-loader #pre-total #pre-progress { width: 1%; height: 1px; background-color: #32B5DB; } /* line 69, ../sass/partials/_desktop.scss */ #pre-screen .gutter #pre-loader #pre-load-text { margin-top: 10px; font-family: 'RobotoLight', arial, sans-serif; font-size: 18px; font-weight: lighter; text-transform: uppercase; } /* line 76, ../sass/partials/_desktop.scss */ #pre-screen .gutter #pre-loader #pre-load-text span { font-family: 'RobotoBold', arial, sans-serif; font-weight: bold; } /*------------------------------------------------------------------------- LOGO AND NAVIGATION ------------------------------------------------------------------------*/ /* line 88, ../sass/partials/_desktop.scss */ .header-site { left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } /* line 97, ../sass/partials/_desktop.scss */ .header-site nav ul { float: left; overflow: hidden; padding: 4px 0 0 0; } /* line 102, ../sass/partials/_desktop.scss */ .header-site nav ul li { float: left; display: block; margin: 0; padding: 13px 24px 0 0; text-align: center; } /* line 109, ../sass/partials/_desktop.scss */ .header-site nav ul li a { color: #FFFFFF; list-style: none; font-family: "RobotoBold", sans-serif; font-size: 17px; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; text-shadow: none; } /* line 120, ../sass/partials/_desktop.scss */ .header-site nav ul li a span { display: block; font-family: "RobotoLight", sans-serif; font-weight: lighter; } /* line 126, ../sass/partials/_desktop.scss */ .header-site nav ul li a.current { text-decoration: underline; } /* line 137, ../sass/partials/_desktop.scss */ .header-site nav .nav-reminder, .header-site nav .nav-share { display: none; } /* line 143, ../sass/partials/_desktop.scss */ #masthead { position: relative; float: left; height: 66px; padding: 0 30px 0 15px; width: 372px; } /* line 150, ../sass/partials/_desktop.scss */ #masthead h1 { position: absolute; top: 0; left: 81px; } /* line 155, ../sass/partials/_desktop.scss */ #masthead h1 a { display: block; position: relative; width: 311px; height: 60px; overflow: hidden; } /* line 162, ../sass/partials/_desktop.scss */ #masthead h1 a span { top: 0; display: block; position: absolute; width: 311px; height: 60px; background: url('../img/bg-nav-home-tonight.png?1371938351') repeat-y -66px 0; } /* line 172, ../sass/partials/_desktop.scss */ #masthead h1 a span.tune-in { top: 60px; background: url('../img/bg-nav-home-tonight.png?1371938351') repeat-y -66px -66px; } /* line 181, ../sass/partials/_desktop.scss */ #masthead #nav-discovery { position: absolute; top: 0; left: 5px; display: block; width: 70px; height: 60px; background: url('../img/bg-nav-home-tonight.png?1371938351') no-repeat 10px 0px; } /*------------------------------------------------------------------------- COUNTDOWN FOOTER - REMINDER / SHARING ------------------------------------------------------------------------*/ /* line 196, ../sass/partials/_desktop.scss */ #countdown-footer { background-color: #042d42; background-color: rgba(4, 45, 66, 0.85); height: 18px; padding: 8px 15px; } /* line 204, ../sass/partials/_desktop.scss */ #countdown-reminder, #countdown-social { font: 11px/22px "RobotoBold", sans-serif; text-transform: uppercase; } /* line 209, ../sass/partials/_desktop.scss */ #countdown-reminder { background: transparent url('../img/social-remind.png?1367267455') no-repeat top left; float: left; height: 22px; margin-top: -3px; text-align: right; width: 90px; } /* line 217, ../sass/partials/_desktop.scss */ #countdown-reminder a { color: #6097ba; text-decoration: none; } /* line 221, ../sass/partials/_desktop.scss */ #countdown-reminder a:hover { text-decoration: underline; } /* line 227, ../sass/partials/_desktop.scss */ #countdown-social { display: inline-block; float: right; height: 22px; margin-top: -3px; text-align: left; } /* line 235, ../sass/partials/_desktop.scss */ #countdown-social .icon-facebook, #countdown-social .icon-twitter { display: inline-block; } /* line 241, ../sass/partials/_desktop.scss */ .icon-facebook, .icon-twitter { height: 22px; width: 23px; } /* line 246, ../sass/partials/_desktop.scss */ .icon-facebook { background: transparent url('../img/social-fb.png?1367267455') no-repeat top left; margin: 0 3px 0 0; } /* line 251, ../sass/partials/_desktop.scss */ .icon-twitter { background: transparent url('../img/social-tw.png?1367267455') no-repeat top left; } /*------------------------------------------------------------------------- CONTENT ------------------------------------------------------------------------*/ /* line 259, ../sass/partials/_desktop.scss */ #container { position: relative; overflow: hidden; /* #home */ /* #sweeps */ } /* line 263, ../sass/partials/_desktop.scss */ #container .section { float: left; padding-right: 400px; } /* line 267, ../sass/partials/_desktop.scss */ #container .section .content { /*border: 1px dotted lighten($black, 50);*/ margin: 0 auto; position: relative; width: 75%; overflow: hidden; } /* line 274, ../sass/partials/_desktop.scss */ #container .section .content header { font: oblique bolder 45px/45px "RobotoBlackItalic", sans-serif; text-transform: uppercase; } /* line 281, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li { position: relative; background: transparent url('../img/black-50.png?1368559104') repeat 0 0; display: block; float: left; margin: 0 15px 15px 0; padding: 5px; width: 43%; max-width: 207px; color: white; } /* line 292, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li a { display: block; color: white; } /* line 296, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li a .video-play { display: block; position: absolute; top: 0; left: 0; background: transparent url('../img/video-play.png?1368143565') no-repeat 50% 50%; width: 100%; height: 100%; max-width: 208px; max-height: 108px; } /* line 309, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li .video-new { position: absolute; top: -2px; left: -2px; background: transparent url('../img/flag-new.png?1368143564') no-repeat 0 0; width: 51px; height: 51px; } /* line 318, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li .video-overlay { position: relative; width: 100%; height: 100%; } /* line 324, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li .video-play { display: none; } /* line 328, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li h2 { font: normal bold 14px/10px "RobotoBold", sans-serif; margin-bottom: 0; line-height: 1.1em; } /* line 335, ../sass/partials/_desktop.scss */ #container .section .content .video-container .video-thumbs ul li p { font: normal lighter 10px/22px "RobotoLight", sans-serif; margin-top: 0; margin-bottom: 0; text-transform: uppercase; } /* line 345, ../sass/partials/_desktop.scss */ #container .section .content .pano-wrapper { position: relative; } /* line 348, ../sass/partials/_desktop.scss */ #container .section .content .pano-wrapper .pano-border { background-color: black; background-color: rgba(0, 0, 0, 0.4); max-width: 497px; line-height: 0; padding: 5px; margin: 0px auto; position: relative; } /* line 358, ../sass/partials/_desktop.scss */ #container .section .content .pano-wrapper #pano-logo { width: 100%; height: 100%; position: absolute; /*z-index: 900;*/ left: 5px; top: 5px; background: transparent url(../img/site-360-panoramic-experience.png) no-repeat 50% 50%; } /* line 377, ../sass/partials/_desktop.scss */ #container .section.section-one .content footer { display: none; clear: both; font: normal normal 29px/29px "RobotoRegular", sans-serif; padding-top: 38px; text-align: center; text-shadow: 0 0 15px rgba(102, 64, 29, 0.8); } /* line 385, ../sass/partials/_desktop.scss */ #container .section.section-one .content footer .big { font: oblique bolder 47px/47px "RobotoBlackItalic", sans-serif; } /* line 393, ../sass/partials/_desktop.scss */ #container .section.section-five .content { overflow: visible; } /* line 396, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner { position: relative; padding-bottom: 30px; text-align: center; background: url('../img/sweeps/bg-sweeps-inner.png?1369841325') repeat-x 0 100%; } /* line 402, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner header { overflow: hidden; } /* line 405, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner header h1 { display: block; margin: 10px auto 0; width: 100%; max-width: 500px; height: 180px; background: url('../img/sweeps/sweeps-logo.png?1371932741') no-repeat 50% 50%; background-size: 100%; } /* line 416, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner h2 { margin: 0; font-family: 'RobotoBold', arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 1px; } /* line 423, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner p { margin-top: 5px; } /* line 426, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner .mitsu { margin: 20px 0; } /* line 429, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner .btn { position: absolute; bottom: -25px; left: 0; width: 100%; } /* line 436, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner .btn a { margin: 0 auto; } /* line 445, ../sass/partials/_desktop.scss */ .btn a { border: 1px solid #085d7f; color: white; font: oblique bold 20px/22px "RobotoBoldItalic", sans-serif; display: block; margin: -30px auto 0; padding: 15px 20px; position: relative; max-width: 250px; width: 100%; text-align: center; text-transform: uppercase; background-color: #0A84BD; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0580bb), color-stop(100%, #7ebddc)); background-image: -webkit-linear-gradient(bottom, #0580bb, #7ebddc); background-image: -moz-linear-gradient(bottom, #0580bb, #7ebddc); background-image: -o-linear-gradient(bottom, #0580bb, #7ebddc); background-image: linear-gradient(bottom, #0580bb, #7ebddc); } /* line 462, ../sass/partials/_desktop.scss */ .footer-sponsor { bottom: 0; color: white; display: block; height: 80px; left: 0; position: fixed; text-align: center; width: 100%; z-index: 20; } /* line 472, ../sass/partials/_desktop.scss */ .footer-sponsor a { position: relative; display: block; z-index: 2; } /* line 477, ../sass/partials/_desktop.scss */ .footer-sponsor span { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: url('../img/black-90.png?1368559104'); z-index: 1; } } /*----------------------------------------------------------------------------- SHARED STYLES, 1024px and higher ----------------------------------------------------------------------------*/ @media (min-width: 1024px) { /*------------------------------------------------------------------------- COUNTDOWN ------------------------------------------------------------------------*/ /* line 497, ../sass/partials/_desktop.scss */ #countdown-container { display: none !important; color: #FFFFFF; position: fixed; right: 34px; top: 0; width: 250px; z-index: 200; } /* line 507, ../sass/partials/_desktop.scss */ #countdown-header { background-color: black; background-color: rgba(0, 0, 0, 0.8); font: 13px/13px "RobotoBold", sans-serif; height: 25px; padding: 11px 15px 0 15px; text-align: center; text-transform: uppercase; } /* line 517, ../sass/partials/_desktop.scss */ #countdown { background-color: black; background-color: rgba(0, 0, 0, 0.75); font: 13px/19px "WinterthurCondensedRegular", sans-serif; height: 57px; padding: 0 15px; text-transform: uppercase; } /* line 525, ../sass/partials/_desktop.scss */ #countdown.hasCountdown { border: none; } /* line 529, ../sass/partials/_desktop.scss */ #countdown .countdown_rtl { direction: rtl; } /* line 533, ../sass/partials/_desktop.scss */ #countdown .countdown_holding span { color: #888; } /* line 537, ../sass/partials/_desktop.scss */ #countdown .countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } /* line 544, ../sass/partials/_desktop.scss */ #countdown .countdown_show1 .countdown_section { width: 98%; } /* line 548, ../sass/partials/_desktop.scss */ #countdown .countdown_show2 .countdown_section { width: 48%; } /* line 552, ../sass/partials/_desktop.scss */ #countdown .countdown_show3 .countdown_section { width: 32.5%; } /* line 556, ../sass/partials/_desktop.scss */ #countdown .countdown_show4 .countdown_section { width: 24.5%; } /* line 560, ../sass/partials/_desktop.scss */ #countdown .countdown_show5 .countdown_section { width: 19.5%; } /* line 564, ../sass/partials/_desktop.scss */ #countdown .countdown_show6 .countdown_section { width: 16.25%; } /* line 568, ../sass/partials/_desktop.scss */ #countdown .countdown_show7 .countdown_section { width: 14%; } /* line 572, ../sass/partials/_desktop.scss */ #countdown .countdown_section { color: #6097ba; display: block; float: left; font-size: 131%; text-align: center; } /* line 580, ../sass/partials/_desktop.scss */ #countdown .countdown_amount { color: #FFFFFF; font-size: 185%; } /* line 585, ../sass/partials/_desktop.scss */ #countdown .countdown_descr { display: block; width: 100%; } /*------------------------------------------------------------------------- INSET SHADOW EDGE ------------------------------------------------------------------------*/ /* line 595, ../sass/partials/_desktop.scss */ #edges { height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 1000; -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5); } /*------------------------------------------------------------------------- LANDSCAPE, SKY, CANYON, CLIFFS, ETC. ------------------------------------------------------------------------*/ /* line 613, ../sass/partials/_desktop.scss */ #bg-cliff-left, #bg-meet-nik, #bg-rocks, #bg-sweeps-car, #bg-take-walk-nik { bottom: 0; position: absolute; z-index: -1; } /* line 619, ../sass/partials/_desktop.scss */ #bg-cliff-left { left: 0; display: block; } /* line 624, ../sass/partials/_desktop.scss */ #bg-horizon { bottom: 0; position: fixed; z-index: -2; } /* line 631, ../sass/partials/_desktop.scss */ #bg-sky1, #bg-sky2 { background-image: url('../img/clouds-new.jpg?1369081852'); background-repeat: repeat-x; height: 900px; left: 0; position: fixed; width: 3703px; z-index: -3; } /* line 641, ../sass/partials/_desktop.scss */ #bg-sky2 { left: 3703px; } /* line 645, ../sass/partials/_desktop.scss */ #bg-sweeps-car { z-index: 2; } /* line 651, ../sass/partials/_desktop.scss */ #bg-walk-cliff-left, #bg-walk-cliff-right { display: block; bottom: 0; position: fixed; z-index: 1; } /* line 657, ../sass/partials/_desktop.scss */ #bg-walk-cliff-left { left: 0; background-position: bottom left; } /* line 661, ../sass/partials/_desktop.scss */ #bg-walk-cliff-right { right: 0; background-position: bottom right; } /* line 665, ../sass/partials/_desktop.scss */ #walk-facts { position: fixed; } /* line 669, ../sass/partials/_desktop.scss */ .walk-fact { display: none; width: 170px; height: 170px; text-align: center; font-size: 18px; line-height: 1.1em; background: transparent; cursor: pointer; color: #FFFFFF; } /* line 680, ../sass/partials/_desktop.scss */ .walk-fact .icon { position: absolute; display: block; width: 36px; height: 36px; top: 40%; left: 40%; border-radius: 20px; background: rgba(0, 0, 0, 0.5) url(../img/take-the-walk-eye-icon.png) no-repeat 50% 50%; z-index: 1; } /* line 692, ../sass/partials/_desktop.scss */ .walk-fact.active { cursor: default; text-indent: 0; white-space: normal; } /* line 697, ../sass/partials/_desktop.scss */ .walk-fact.active .icon { width: 170px; height: 170px; top: 0; left: 0; border-radius: 85px; background-color: rgba(0, 0, 0, 0.6); background-image: none; } /* line 708, ../sass/partials/_desktop.scss */ .walk-fact.active strong { font-family: "RobotoLight"; display: block; font-size: 16px; color: #6097ba; text-transform: uppercase; } /* line 715, ../sass/partials/_desktop.scss */ .walk-fact p { position: relative; z-index: 5; padding: 0 10px; margin-top: 65px; } /* line 723, ../sass/partials/_desktop.scss */ #wire { position: fixed; display: block; } /* line 728, ../sass/partials/_desktop.scss */ #fact-name { position: absolute; left: -85px; bottom: 20%; } /* line 735, ../sass/partials/_desktop.scss */ #fact-distance { position: absolute; bottom: 70%; right: -85px; } /* line 742, ../sass/partials/_desktop.scss */ #fact-thickness { position: absolute; bottom: 70%; left: -85px; } /* line 749, ../sass/partials/_desktop.scss */ #fact-age { position: absolute; bottom: 40%; left: -85px; } /* line 756, ../sass/partials/_desktop.scss */ #fact-depth { position: absolute; bottom: 20%; right: -85px; } /*------------------------------------------------------------------------- CONTENT ------------------------------------------------------------------------*/ /* line 767, ../sass/partials/_desktop.scss */ #container { /* #home */ /* #meet-nik */ /* #the-walk */ /* #take-the-walk */ /* #sweeps */ /* The last section shouldn't get padding-right */ } /* line 770, ../sass/partials/_desktop.scss */ #container .section.section-one { position: relative; z-index: 10; } /* line 775, ../sass/partials/_desktop.scss */ #container .section.section-one .content .inner { margin-left: 15%; /*margin-top: 15px;*/ } /* line 780, ../sass/partials/_desktop.scss */ #container .section.section-one .content .video-container { margin: 0 auto; max-width: 893px; overflow: hidden; width: 95%; } /* line 786, ../sass/partials/_desktop.scss */ #container .section.section-one .content .video-container a { background: none; display: block; float: none; margin: 0 auto; padding: 0; width: 100%; max-width: 893px; } /* line 797, ../sass/partials/_desktop.scss */ #container .section.section-one .content footer { clear: both; font: normal normal 29px/29px "RobotoRegular", sans-serif; padding-top: 38px; text-align: center; text-shadow: 0 0 15px rgba(102, 64, 29, 0.8); } /* line 804, ../sass/partials/_desktop.scss */ #container .section.section-one .content footer .big { font: oblique bolder 47px/47px "RobotoBlackItalic", sans-serif; } /* line 814, ../sass/partials/_desktop.scss */ #container .section.section-two .content .inner { margin-top: 10%; margin-left: 40%; margin-right: 10%; } /* line 825, ../sass/partials/_desktop.scss */ #container .section.section-three .content .inner { margin-top: 10%; margin-left: 25%; margin-right: 25%; } /* line 836, ../sass/partials/_desktop.scss */ #container .section.section-four .content .inner { margin-top: 10%; margin-left: 40%; margin-right: 10%; } /* line 846, ../sass/partials/_desktop.scss */ #container .section.section-five .content { z-index: 4; } /* line 849, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner { margin-top: 20%; margin-left: 50%; margin-right: 0%; } /* line 859, ../sass/partials/_desktop.scss */ #container .section.last { padding-right: 0; } /* line 862, ../sass/partials/_desktop.scss */ #container .eewidget.short { overflow: auto; overflow-x: hidden; } /* line 868, ../sass/partials/_desktop.scss */ html.lt-ie9 #sweeps-iframe-container .eewidget, html.lt-ie9 #sweeps-iframe-container iframe { height: 400px !important; overflow: auto; } /*------------------------------------------------------------------------- COUNTDOWN ------------------------------------------------------------------------*/ /* line 876, ../sass/partials/_desktop.scss */ #countdown-container { display: none !important; color: #FFFFFF; position: fixed; right: 34px; top: 0; width: 250px; } /* line 885, ../sass/partials/_desktop.scss */ #countdown-header { background-color: black; background-color: rgba(0, 0, 0, 0.8); font: 13px/13px "RobotoBold", sans-serif; height: 25px; padding: 11px 15px 0 15px; text-align: center; text-transform: uppercase; } /* line 895, ../sass/partials/_desktop.scss */ #countdown { background-color: black; background-color: rgba(0, 0, 0, 0.75); font: 13px/19px "WinterthurCondensedRegular", sans-serif; height: 57px; padding: 0 15px; text-transform: uppercase; } /* line 903, ../sass/partials/_desktop.scss */ #countdown.hasCountdown { border: none; } /* line 907, ../sass/partials/_desktop.scss */ #countdown .countdown_rtl { direction: rtl; } /* line 911, ../sass/partials/_desktop.scss */ #countdown .countdown_holding span { color: #888; } /* line 915, ../sass/partials/_desktop.scss */ #countdown .countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } /* line 922, ../sass/partials/_desktop.scss */ #countdown .countdown_show1 .countdown_section { width: 98%; } /* line 926, ../sass/partials/_desktop.scss */ #countdown .countdown_show2 .countdown_section { width: 48%; } /* line 930, ../sass/partials/_desktop.scss */ #countdown .countdown_show3 .countdown_section { width: 32.5%; } /* line 934, ../sass/partials/_desktop.scss */ #countdown .countdown_show4 .countdown_section { width: 24.5%; } /* line 938, ../sass/partials/_desktop.scss */ #countdown .countdown_show5 .countdown_section { width: 19.5%; } /* line 942, ../sass/partials/_desktop.scss */ #countdown .countdown_show6 .countdown_section { width: 16.25%; } /* line 946, ../sass/partials/_desktop.scss */ #countdown .countdown_show7 .countdown_section { width: 14%; } /* line 950, ../sass/partials/_desktop.scss */ #countdown .countdown_section { color: #6097ba; display: block; float: left; font-size: 131%; text-align: center; } /* line 958, ../sass/partials/_desktop.scss */ #countdown .countdown_amount { color: #FFFFFF; font-size: 185%; } /* line 963, ../sass/partials/_desktop.scss */ #countdown .countdown_descr { display: block; width: 100%; } /* line 970, ../sass/partials/_desktop.scss */ #countdown-footer { background-color: rgba(4, 45, 66, 0.85); height: 18px; padding: 8px 15px; } /* line 977, ../sass/partials/_desktop.scss */ #countdown-reminder, #countdown-social { font: 11px/22px "RobotoBold", sans-serif; text-transform: uppercase; } /* line 982, ../sass/partials/_desktop.scss */ #countdown-reminder { background: transparent url('../img/social-remind.png?1367267455') no-repeat top left; float: left; height: 22px; margin-top: -3px; text-align: right; width: 90px; } /* line 990, ../sass/partials/_desktop.scss */ #countdown-reminder a { color: #6097ba; text-decoration: none; } /* line 994, ../sass/partials/_desktop.scss */ #countdown-reminder a:hover { text-decoration: underline; } /* line 1000, ../sass/partials/_desktop.scss */ #countdown-social { display: inline-block; float: right; height: 22px; margin-top: -3px; text-align: left; } /* line 1008, ../sass/partials/_desktop.scss */ #countdown-social .icon-facebook, #countdown-social .icon-twitter { display: inline-block; } /* line 1012, ../sass/partials/_desktop.scss */ #countdown-social .icon-facebook { margin: 0 7px; } /* line 1021, ../sass/partials/_desktop.scss */ .icon-facebook, .icon-twitter { height: 22px; width: 23px; } /* line 1026, ../sass/partials/_desktop.scss */ .icon-facebook { background: transparent url('../img/social-fb.png?1367267455') no-repeat top left; } /* line 1030, ../sass/partials/_desktop.scss */ .icon-twitter { background: transparent url('../img/social-tw.png?1367267455') no-repeat top left; } /*------------------------------------------------------------------------- TWITTER ------------------------------------------------------------------------*/ /* line 1040, ../sass/partials/_desktop.scss */ #tweets { height: 120px; margin: 35px auto 5px; position: relative; width: 50%; } /* line 1046, ../sass/partials/_desktop.scss */ #tweets .tweet { display: none; position: absolute; top: 0; left: 0; width: 100%; } /* line 1053, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-avatar { float: left; width: 40px; } /* line 1057, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-avatar img { width: 40px; height: 40px; border: 2px solid #FFFFFF; } /* line 1064, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-header { margin-left: 50px; } /* line 1067, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-header .tweet-full-name { font-weight: bold; font-size: 18px; } /* line 1071, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-header .tweet-screenname { font-size: 12px; color: #ccc; } /* line 1077, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-meta-wrapper { float: right; } /* line 1080, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-meta-wrapper a { padding-left: 18px; color: #ccc; font-size: 11px; background: url('../img/tweet-spritev2.png?1369152850') no-repeat -60px -4px; } /* line 1088, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-body { margin-left: 50px; } /* line 1091, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-body .tweet-content { font-size: 12px; margin: 0px; padding: 0px; } /* line 1098, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer { margin-left: 50px; } /* line 1101, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul { list-style: none; padding: 0px; margin: 0px; } /* line 1106, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul li { float: left; list-style: none; margin-right: 10px; } /* line 1111, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul li a { /*font-weight: bold;*/ font: 10px/10px "RobotoLight", sans-serif; font-weight: lighter; font-style: normal; color: #ccc; text-decoration: none; } /* line 1119, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul li a:hover span { opacity: 1; } /* line 1122, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul li a span { float: left; display: block; width: 16px; height: 16px; background: url('../img/tweet-spritev2.png?1369152850') no-repeat 0 2px; opacity: 0.8; } /* line 1131, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul li a.tweet-favorite span { width: 16px; background-position: -20px 2px; } /* line 1136, ../sass/partials/_desktop.scss */ #tweets .tweet .tweet-footer ul li a.tweet-reply span { width: 18px; background-position: -40px 2px; } /*------------------------------------------------------------------------- IPAD LANDSCAPE ------------------------------------------------------------------------*/ /* line 1157, ../sass/partials/_desktop.scss */ body.ipad #tweets { margin: 20px 0 20px 25%; width: 60%; } /* line 1161, ../sass/partials/_desktop.scss */ body.ipad #container { width: 5696px; } /* line 1167, ../sass/partials/_desktop.scss */ body.ipad #container .header-site nav ul li { padding-right: 22px; } /* line 1169, ../sass/partials/_desktop.scss */ body.ipad #container .header-site nav ul li a { font-size: 15px; } /* line 1178, ../sass/partials/_desktop.scss */ body.ipad #container .section { width: 1424px; } /* line 1180, ../sass/partials/_desktop.scss */ body.ipad #container .section .content { margin-top: 90px !important; } /* line 1187, ../sass/partials/_desktop.scss */ body.ipad #container .section.section-one .content { margin-top: 75px !important; } /* line 1195, ../sass/partials/_desktop.scss */ body.ipad #container .section.section-five .content { width: 95%; } /* line 1198, ../sass/partials/_desktop.scss */ body.ipad #container .section.section-five .content .inner { margin-top: 17%; margin-left: 45%; margin-right: 0%; } /* line 1207, ../sass/partials/_desktop.scss */ body.ipad #container #bg-cliff-left { left: -150px; } /* line 1211, ../sass/partials/_desktop.scss */ body.ipad #container #bg-horizon { outline: 1px solid rgba(0, 0, 0, 0); } /* line 1215, ../sass/partials/_desktop.scss */ body.ipad #container #bg-meet-nik { left: 1424px; } /* line 1219, ../sass/partials/_desktop.scss */ body.ipad #container #bg-rocks { left: 1024px; } /* line 1223, ../sass/partials/_desktop.scss */ body.ipad #container #bg-take-walk-nik { left: 3872px; } /* line 1227, ../sass/partials/_desktop.scss */ body.ipad #container #bg-sweeps-car { left: 5420px; } } /*----------------------------------------------------------------------------- 1024px - 1279px ----------------------------------------------------------------------------*/ @media (min-width: 1024px) { /* line 1244, ../sass/partials/_desktop.scss */ body { overflow-y: hidden; } /* line 1255, ../sass/partials/_desktop.scss */ #bg-cliff-left { background: transparent url('../img/medium/cliff-left.png?1368143564') no-repeat left bottom; width: 532px; height: 684px; } /* line 1261, ../sass/partials/_desktop.scss */ #bg-horizon { background: transparent url('../img/medium/horizon.png?1371938351') repeat-x left bottom; width: 2891px; height: 242px; } /* line 1267, ../sass/partials/_desktop.scss */ #bg-meet-nik { background: transparent url('../img/large/nik.png?1368143564') no-repeat left bottom; width: 462px; height: 670px; } /* line 1273, ../sass/partials/_desktop.scss */ #bg-rocks { background: transparent url('../img/large/rocks.png?1371938351') no-repeat left bottom; width: 2482px; height: 373px; } /* line 1279, ../sass/partials/_desktop.scss */ #bg-take-walk-nik { background: transparent url('../img/large/take-walk-nik.png?1371938351') no-repeat left bottom; width: 1102px; height: 495px; } /* line 1285, ../sass/partials/_desktop.scss */ #bg-sweeps-car { background: transparent url('../img/large/outlander.png?1369791007') no-repeat left bottom; width: 1004px; height: 589px; } /* line 1291, ../sass/partials/_desktop.scss */ #bg-walk-cliff-left { background: transparent url('../img/large/walk-cliff-left.png?1368143564') no-repeat left bottom; width: 245px; height: 610px; } /* line 1297, ../sass/partials/_desktop.scss */ #bg-walk-cliff-right { background: transparent url('../img/large/walk-cliff-right.png?1368143564') no-repeat right bottom; width: 239px; height: 588px; } } /*----------------------------------------------------------------------------- ALTERED NAV FONT SIZES ----------------------------------------------------------------------------*/ @media (min-width: 1024px) and (max-width: 1080px) { /* line 1315, ../sass/partials/_desktop.scss */ #container .header-site nav ul li { padding-right: 22px; } /* line 1317, ../sass/partials/_desktop.scss */ #container .header-site nav ul li a { font-size: 15px; } } /*----------------------------------------------------------------------------- Minified countdown clock ----------------------------------------------------------------------------*/ @media (min-width: 1024px) and (max-width: 1279px) { /* line 1340, ../sass/partials/_desktop.scss */ #countdown-container { display: none !important; right: 15px; width: 180px; } /* line 1346, ../sass/partials/_desktop.scss */ #countdown-header { font: 11px/11px "RobotoBold", sans-serif; height: 20px; padding: 9px 14px 0 14px; } /* line 1352, ../sass/partials/_desktop.scss */ #countdown { font: 11px/14px "WinterthurCondensedRegular", sans-serif; height: 47px; padding: 0 15px; } /* line 1357, ../sass/partials/_desktop.scss */ #countdown .countdown_row { clear: both; width: 100%; padding: 0px 1px; text-align: center; } /* line 1364, ../sass/partials/_desktop.scss */ #countdown .countdown_section { color: #6097ba; display: block; float: left; font-size: 131%; text-align: center; } /* line 1372, ../sass/partials/_desktop.scss */ #countdown .countdown_amount { color: #FFFFFF; font-size: 185%; } /* line 1377, ../sass/partials/_desktop.scss */ #countdown .countdown_descr { display: block; width: 100%; } /* line 1384, ../sass/partials/_desktop.scss */ #countdown-footer { background-color: #042d42; background-color: rgba(4, 45, 66, 0.85); height: 18px; padding: 8px 15px; } /* line 1392, ../sass/partials/_desktop.scss */ #countdown-reminder, #countdown-social { font: 11px/22px "RobotoBold", sans-serif; } /* line 1396, ../sass/partials/_desktop.scss */ #countdown-social span { display: none; } /* line 1400, ../sass/partials/_desktop.scss */ #countdown-reminder { background-image: none; float: left; height: 22px; margin-top: -3px; text-align: left; width: 60px; } /* line 1409, ../sass/partials/_desktop.scss */ #countdown-social { display: inline-block; float: right; height: 22px; margin-top: -3px; text-align: left; } /* line 1417, ../sass/partials/_desktop.scss */ .countdown-facebook { margin: 0 2px; } } /*----------------------------------------------------------------------------- IE 8 warning ----------------------------------------------------------------------------*/ /* line 1431, ../sass/partials/_desktop.scss */ html.lt-ie9 #container { display: none; } /* line 1435, ../sass/partials/_desktop.scss */ html.lt-ie9 #ie8 { display: block; } /* line 1439, ../sass/partials/_desktop.scss */ html.lt-ie9 body { background: black url(../img/ie8_bg.png) repeat-x 0 0; } /* line 1443, ../sass/partials/_desktop.scss */ #ie8 { display: none; width: 100%; margin-top: 30px; } /* line 1449, ../sass/partials/_desktop.scss */ #ie8 #ie8-discovery-logo { width: 148px; margin: 0 auto 5px auto; height: 40px; background: transparent url(../img/ie8-discovery-logo.png) no-repeat 50% 0; } /* line 1456, ../sass/partials/_desktop.scss */ #ie8 #ie8-skywire-logo { width: 534px; margin: 0 auto 30px auto; height: 152px; background: transparent url(../img/ie8-skywire-logo.png) no-repeat 50% 0; } /* line 1463, ../sass/partials/_desktop.scss */ #ie8 #warning { text-align: center; margin: 0 auto 50px auto; color: #FFFFFF; width: 720px; font: 26px/30px "RobotoLight", sans-serif; } /* line 1472, ../sass/partials/_desktop.scss */ #ie8 #browser-list { width: 545px; margin: 0 auto 100px auto; overflow: hidden; } /* line 1478, ../sass/partials/_desktop.scss */ #ie8 #browser-list li { float: left; text-align: center; margin-right: 10px; } /* line 1484, ../sass/partials/_desktop.scss */ #ie8 #browser-list li.last { margin-right: 0; } /* line 1488, ../sass/partials/_desktop.scss */ #ie8 #browser-list li span.browser-name { font-size: 15px; display: block; } /* line 1494, ../sass/partials/_desktop.scss */ #ie8 #browser-list li a { color: #0781bb; text-decoration: none; } /* line 1499, ../sass/partials/_desktop.scss */ #ie8 #browser-list li a:hover { color: #FFFFFF; } /* line 1503, ../sass/partials/_desktop.scss */ #ie8 #simple-link { clear: both; font-size: 18px; text-align: center; text-transform: uppercase; } /* line 1510, ../sass/partials/_desktop.scss */ #ie8 #simple-link a { color: #0781bb; } /* line 1514, ../sass/partials/_desktop.scss */ #ie8 #simple-link a:hover { color: #FFFFFF; text-decoration: underline; } /*----------------------------------------------------------------------------- 1280px - 1439px ----------------------------------------------------------------------------*/ @media (min-width: 1280px) { /* line 1530, ../sass/partials/_desktop.scss */ #container .section .content header { font-size: 50px; line-height: 50px; } /* line 1538, ../sass/partials/_desktop.scss */ #bg-cliff-left { background: transparent url('../img/large/cliff-left.png?1368143564') no-repeat left bottom; width: 599px; height: 770px; } /* line 1544, ../sass/partials/_desktop.scss */ #bg-horizon { background: transparent url('../img/large/horizon.png?1371938351') repeat-x left bottom; width: 3253px; height: 273px; } /* line 1550, ../sass/partials/_desktop.scss */ #bg-meet-nik { background: transparent url('../img/large/nik.png?1368143564') no-repeat left bottom; width: 582px; height: 900px; left: 1250px; } /* line 1557, ../sass/partials/_desktop.scss */ #bg-rocks { background: transparent url('../img/large/rocks.png?1371938351') no-repeat left bottom; width: 2793px; height: 419px; left: 1280px; } /* line 1564, ../sass/partials/_desktop.scss */ #bg-take-walk-nik { background: transparent url('../img/large/take-walk-nik.png?1371938351') no-repeat left bottom; width: 1239px; height: 557px; } /* line 1570, ../sass/partials/_desktop.scss */ #bg-sweeps-car { background: transparent url('../img/large/outlander.png?1369791007') no-repeat 50% 100%; width: 1004px; height: 589px; } /* line 1576, ../sass/partials/_desktop.scss */ #bg-walk-cliff-left { background: transparent url('../img/large/walk-cliff-left.png?1368143564') no-repeat left bottom; width: 275px; height: 687px; } /* line 1582, ../sass/partials/_desktop.scss */ #bg-walk-cliff-right { background: transparent url('../img/large/walk-cliff-right.png?1368143564') no-repeat right bottom; width: 269px; height: 662px; } } /*----------------------------------------------------------------------------- 1440px - 1600px ----------------------------------------------------------------------------*/ @media (min-width: 1440px) { /* line 1600, ../sass/partials/_desktop.scss */ #bg-cliff-left { background: transparent url('../img/xlarge/cliff-left.png?1368143565') no-repeat left bottom; width: 665px; height: 885px; } /* line 1606, ../sass/partials/_desktop.scss */ #bg-horizon { background: transparent url('../img/xlarge/horizon.png?1371938351') repeat-x left bottom; width: 3614px; height: 303px; } /* line 1612, ../sass/partials/_desktop.scss */ #bg-meet-nik { background: transparent url('../img/xlarge/nik.png?1368143565') no-repeat left bottom; width: 577px; height: 837px; } /* line 1618, ../sass/partials/_desktop.scss */ #bg-rocks { background: transparent url('../img/xlarge/rocks.png?1371938351') no-repeat left bottom; width: 3103px; height: 466px; } /* line 1624, ../sass/partials/_desktop.scss */ #bg-take-walk-nik { background: transparent url('../img/xlarge/take-walk-nik.png?1371938351') no-repeat left bottom; width: 1377px; height: 619px; } /* line 1630, ../sass/partials/_desktop.scss */ #bg-sweeps-car { background: transparent url('../img/xlarge/outlander.png?1369791007') no-repeat 50% 100%; width: 1115px; height: 654px; } /* line 1636, ../sass/partials/_desktop.scss */ #bg-walk-cliff-left { background: transparent url('../img/xlarge/walk-cliff-left.png?1368143565') no-repeat left bottom; width: 306px; height: 763px; } /* line 1642, ../sass/partials/_desktop.scss */ #bg-walk-cliff-right { background: transparent url('../img/xlarge/walk-cliff-right.png?1368143565') no-repeat right bottom; width: 299px; height: 735px; } } /*----------------------------------------------------------------------------- 1600px and above ----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- up to 800px height ----------------------------------------------------------------------------*/ @media (max-height: 800px) and (min-width: 1024px) { /* line 1671, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner { margin-left: 30%; } /* line 1674, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner header h1 { height: 180px; } /* line 1678, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner .mitsu { margin: 0px 0 5px; } } /*----------------------------------------------------------------------------- up to 700px height ----------------------------------------------------------------------------*/ @media (max-height: 700px) and (min-width: 1024px) { /* line 1693, ../sass/partials/_desktop.scss */ #tweets { height: 100px; margin-bottom: 0; } /* line 1699, ../sass/partials/_desktop.scss */ #container .section .content { margin-top: 40px !important; width: 80%; } /* line 1702, ../sass/partials/_desktop.scss */ #container .section .content .inner { margin-top: 0px !important; } /* line 1710, ../sass/partials/_desktop.scss */ #container .section.section-one .content .video-container a { margin-left: 60px; } /* line 1712, ../sass/partials/_desktop.scss */ #container .section.section-one .content .video-container a img { width: 540px; } /* line 1720, ../sass/partials/_desktop.scss */ #container .section.section-four .content { margin-top: 60px !important; } /* line 1725, ../sass/partials/_desktop.scss */ #container .section.section-five .content { margin-top: 95px !important; } /* line 1727, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner { margin-top: 0px; margin-left: 30%; } /* line 1734, ../sass/partials/_desktop.scss */ #container .section.section-five .content .inner .mitsu { margin: 0px 0 5px; } } /*----------------------------------------------------------------------------- 600px - 1024px ----------------------------------------------------------------------------*/ @media (min-width: 600px) and (max-width: 1200px) { /* line 3, ../sass/partials/_tablet.scss */ .header-site #masthead { width: 295px; } /* line 6, ../sass/partials/_tablet.scss */ .header-site #masthead h1 { position: absolute; top: 0; left: 68px; } /* line 11, ../sass/partials/_tablet.scss */ .header-site #masthead h1 a { display: block; position: relative; width: 250px; overflow: hidden; } /* line 17, ../sass/partials/_tablet.scss */ .header-site #masthead h1 a span { top: 0; display: block; position: absolute; width: 250px; background: transparent url('../img/bg-nav-home-tab-tonight.png?1371938351') repeat-y 0 0; } /* line 26, ../sass/partials/_tablet.scss */ .header-site #masthead h1 a span.tune-in { top: 60px; background: transparent url('../img/bg-nav-home-tab-tonight.png?1371938351') repeat-y 0 -66px; } /* line 35, ../sass/partials/_tablet.scss */ .header-site #masthead #nav-discovery { width: 60px; height: 49px; background: url('../img/mobile/logo-discovery.png?1368143565') no-repeat 10px 50%; } } @media (min-width: 600px) and (max-width: 1023px) { /* line 45, ../sass/partials/_tablet.scss */ body { background: #4ccbeb url('../img/clouds-new.jpg?1369081852') repeat-x 0 0; background-attachment: fixed; } /* line 52, ../sass/partials/_tablet.scss */ #wire, #walk-facts, #tweets { display: none; } /* line 56, ../sass/partials/_tablet.scss */ .header-site { top: 0px; height: 60px; background: url('../img/black-50.png?1368559104'); border-bottom: 1px solid #005c7f; overflow: hidden; } /* line 65, ../sass/partials/_tablet.scss */ .header-site nav ul li { padding-right: 15px; } /* line 68, ../sass/partials/_tablet.scss */ .header-site nav ul li a { font-size: 14px; } /* line 76, ../sass/partials/_tablet.scss */ #countdown-container { display: none !important; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 34px; color: #A4A8AB; font-size: 12px; text-align: left; background-color: black; background-color: rgba(0, 0, 0, 0.95); overflow: hidden; z-index: 100; } /* line 92, ../sass/partials/_tablet.scss */ #countdown-container #countdown-header { float: left; display: block; margin: 8px 0 8px 20px; width: auto; font-size: 100%; text-transform: uppercase; background-color: transparent; } /* line 102, ../sass/partials/_tablet.scss */ #countdown-container #countdown { float: left; display: block; margin: 8px; width: auto; height: auto; font: 100%; text-transform: uppercase; background-color: transparent; } /* line 112, ../sass/partials/_tablet.scss */ #countdown-container #countdown.hasCountdown { border: none; } /* line 116, ../sass/partials/_tablet.scss */ #countdown-container #countdown .countdown_row { display: inline; width: auto; clear: none; } /* line 122, ../sass/partials/_tablet.scss */ #countdown-container #countdown .countdown_section { display: inline; width: auto; font-size: 100%; text-align: left; clear: none; } /* line 129, ../sass/partials/_tablet.scss */ #countdown-container #countdown .countdown_section br { float: left; clear: none; display: none; } /* line 136, ../sass/partials/_tablet.scss */ #countdown-container #countdown .countdown_amount { margin: 0 2px 0 8px; display: inline; width: auto; color: #FFF; font-family: 'RobotoBold', arial, sans-serif; font-size: 100%; font-weight: bold; clear: none; } /* line 148, ../sass/partials/_tablet.scss */ #countdown-container #countdown-footer { position: fixed; top: 0; right: 0; width: 180px; height: 18px; padding: 8px 15px; z-index: 200; } /* line 161, ../sass/partials/_tablet.scss */ #countdown-container #countdown-footer #countdown-social span { display: none; } /* line 168, ../sass/partials/_tablet.scss */ #container { padding-bottom: 50px; width: 100%; /* #home */ /* #the-walk */ } /* line 172, ../sass/partials/_tablet.scss */ #container .section { padding: 130px 0 60px; width: 100%; text-align: center; background: url('../img/bg-section-tab.png?1368725563') repeat-x 0 60px; } /* line 178, ../sass/partials/_tablet.scss */ #container .section .content { margin: 0 auto; width: 70%; text-align: left; } /* line 192, ../sass/partials/_tablet.scss */ #container .section.section-one .content .video-container { width: 100%; } /* line 195, ../sass/partials/_tablet.scss */ #container .section.section-one .content .video-container a { background: none; display: block; float: none; margin: 0 auto; padding: 0; width: 100%; max-width: 893px; } /* line 205, ../sass/partials/_tablet.scss */ #container .section.section-one .content footer { font-size: 22px; } /* line 208, ../sass/partials/_tablet.scss */ #container .section.section-one .content footer .big { margin-top: 2px; font-size: 38px; } /* line 217, ../sass/partials/_tablet.scss */ #container .section.section-three #mobile-walk-facts { float: none; clear: both; padding: 10px 0; background-color: #FFF; background-color: rgba(255, 255, 255, 0.15); } /* line 223, ../sass/partials/_tablet.scss */ #container .section.section-three #mobile-walk-facts .walk-fact { display: list-item; padding-left: 15px; list-style: inside disc; } /* line 227, ../sass/partials/_tablet.scss */ #container .section.section-three #mobile-walk-facts .walk-fact p { display: inline; } /* line 230, ../sass/partials/_tablet.scss */ #container .section.section-three #mobile-walk-facts .walk-fact strong { font-family: 'RobotoBoldItalic', arial, sans-serif; font-style: italic; font-weight: bold; } /* line 238, ../sass/partials/_tablet.scss */ #container .footer-sponsor { bottom: 0; color: white; display: block; height: 90px; left: 0; position: fixed; text-align: center; width: 100%; z-index: 20; } /* line 248, ../sass/partials/_tablet.scss */ #container .footer-sponsor a { position: absolute; left: 0; bottom: 0; display: block; z-index: 2; } /* line 255, ../sass/partials/_tablet.scss */ #container .footer-sponsor a img { width: 96%; } /* line 259, ../sass/partials/_tablet.scss */ #container .footer-sponsor span { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: url('../img/black-90.png?1368559104'); z-index: 1; } } /* TABLET PORTRAIT */ @media only screen and (min-width: 600px) and (max-width: 768px) and (orientation: portrait) { /* line 282, ../sass/partials/_tablet.scss */ body { background: black url('../img/rotate-tablet.jpg?1369954455') no-repeat 50% 0%; } /* line 286, ../sass/partials/_tablet.scss */ #container { display: none; } } /*----------------------------------------------------------------------------- MOBILE (320px + 480px) ----------------------------------------------------------------------------*/ /*--------------------------------------------------------------------- LARGE MOBILE --------------------------------------------------------------------*/ @media (min-width: 481px) and (max-width: 600px) { /* line 5, ../sass/partials/_mobile.scss */ .video-container { width: 370px; } /* line 11, ../sass/partials/_mobile.scss */ .video-container .video-thumbs a .video-overlay, .video-container .video-thumbs a .video-play { height: 180px; } /* line 14, ../sass/partials/_mobile.scss */ .video-container .video-thumbs a img { width: 360px; } /* line 20, ../sass/partials/_mobile.scss */ #bg-cliff-left { background-position: -5px 0; } /* line 25, ../sass/partials/_mobile.scss */ #home.section .content .video-container { width: 66%; } } /*--------------------------------------------------------------------- ALL MOBILE --------------------------------------------------------------------*/ @media (max-width: 600px) { /* line 38, ../sass/partials/_mobile.scss */ #debug_widget, #video-overlay, #pre-screen { display: none; } /* line 42, ../sass/partials/_mobile.scss */ body { background-image: url('../img/mobile/bg-body.jpg?1368725563'); background-repeat: no-repeat; font-size: 13px; line-height: 21px; } /* line 49, ../sass/partials/_mobile.scss */ h1, h2, h3, h4, h5, h6, p, ol, ul, li { text-align: left; } /* line 52, ../sass/partials/_mobile.scss */ p, ul, ol { font-family: 'Open Sans', sans-serif; text-align: left; } /* line 56, ../sass/partials/_mobile.scss */ h1 { font-size: 21px; line-height: 26px; letter-spacing: 2px; text-transform: uppercase; } /* line 62, ../sass/partials/_mobile.scss */ p { margin: 0 0 15px; } /* line 65, ../sass/partials/_mobile.scss */ a { text-decoration: none; } /* line 69, ../sass/partials/_mobile.scss */ header { display: block; } /* line 72, ../sass/partials/_mobile.scss */ header #masthead { border-bottom: 1px solid #1C4E67; height: 55px; left: 0; position: absolute; top: 0; width: 100%; background-color: #032f46; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(3, 46, 68, 0.2)), color-stop(100%, rgba(0, 20, 32, 0.6))); background-image: -webkit-linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6)); background-image: -moz-linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6)); background-image: -o-linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6)); background-image: linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6)); } /* line 82, ../sass/partials/_mobile.scss */ header #masthead h1 { position: relative; z-index: 1; display: block; height: 55px; width: 100%; } /* line 89, ../sass/partials/_mobile.scss */ header #masthead h1 a { background: transparent url('../img/mobile/logo-masthead-tonight.png?1371938351') repeat-y 0 0; display: block; margin: 0 auto; height: 50px; width: 200px; } /* line 97, ../sass/partials/_mobile.scss */ header #masthead h1 a img { display: none; } /* line 102, ../sass/partials/_mobile.scss */ header #masthead a#nav-discovery { position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 60px; height: 50px; background: url('../img/mobile/logo-discovery.png?1368143565') no-repeat 10px 14px; } /* line 114, ../sass/partials/_mobile.scss */ header nav { position: absolute; top: 0; left: 0; background: #79c5e0 url('../img/mobile/bg-body.jpg?1368725563') no-repeat; display: none; overflow: hidden; padding-bottom: 50px; width: 100%; height: auto; z-index: 1000; } /* line 126, ../sass/partials/_mobile.scss */ header nav ul { background: transparent url('../img/mobile/logo-home.png?1371932741') no-repeat 50% -6px; margin: 30px auto 20px; padding: 120px 0 0; } /* line 132, ../sass/partials/_mobile.scss */ header nav li { margin: 2px 15px; list-style: none; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(24%, #072a34), color-stop(74%, #0a4150)); background-image: -webkit-linear-gradient(bottom, #072a34 24%, #0a4150 74%); background-image: -moz-linear-gradient(bottom, #072a34 24%, #0a4150 74%); background-image: -o-linear-gradient(bottom, #072a34 24%, #0a4150 74%); background-image: linear-gradient(bottom, #072a34 24%, #0a4150 74%); } /* line 137, ../sass/partials/_mobile.scss */ header nav li.nav-share { padding: 13px 0 3px; text-align: center; } /* line 142, ../sass/partials/_mobile.scss */ header nav li a { background: transparent url('../img/mobile/icons.png?1368143565') no-repeat 25px 19px; color: #FFF; display: block; font-family: "RobotoBold", sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 20px 0 20px 60px; text-decoration: none; text-transform: uppercase; } /* line 155, ../sass/partials/_mobile.scss */ header nav li h3 { display: inline-block; font-family: "RobotoBold", sans-serif; font-size: 16px; font-weight: bold; padding: 0 10px 0 0; text-transform: uppercase; } /* line 165, ../sass/partials/_mobile.scss */ header nav li .btn-facebook, header nav li .btn-twitter { display: inline-block; padding: 5px; width: 32px; height: 32px; background: transparent url('../img/mobile/icons.png?1368143565') no-repeat 0 -200px; } /* line 175, ../sass/partials/_mobile.scss */ header nav li .btn-twitter { background: transparent url('../img/mobile/icons.png?1368143565') no-repeat 0 -300px; } /* line 183, ../sass/partials/_mobile.scss */ #mobile-menu { border: 1px solid #0F3146; color: #FFF; display: inline-block; font-size: 8px; font-weight: 700; line-height: 1em; padding: 11px 7px 12px; position: absolute; right: 11px; text-transform: uppercase; top: 9px; z-index: 20; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(20%, #032232), color-stop(60%, #162a36)); background-image: -webkit-linear-gradient(bottom, #032232 20%, #162a36 60%); background-image: -moz-linear-gradient(bottom, #032232 20%, #162a36 60%); background-image: -o-linear-gradient(bottom, #032232 20%, #162a36 60%); background-image: linear-gradient(bottom, #032232 20%, #162a36 60%); } /* line 201, ../sass/partials/_mobile.scss */ #nav-close { background: transparent url('../img/mobile/icons.png?1368143565') no-repeat 0 -100px; display: block; height: 26px; position: absolute; right: 10px; top: 10px; width: 26px; } /* line 211, ../sass/partials/_mobile.scss */ #tweets { display: none; } /* line 215, ../sass/partials/_mobile.scss */ #countdown-container { display: none; position: relative; padding-top: 5px; padding-bottom: 14px; background: url('../img/mobile/bg-countdown.png?1368143565') repeat-x 0 0; } /* line 222, ../sass/partials/_mobile.scss */ #countdown-container .hasCountdown { border: 0; background: transparent; } /* line 226, ../sass/partials/_mobile.scss */ #countdown-container #countdown-header { position: absolute; bottom: 0; left: 0; margin-bottom: 2px; width: 100%; font-family: 'RobotoBlack', sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 14px; text-align: center; text-transform: uppercase; } /* line 239, ../sass/partials/_mobile.scss */ #countdown-container .countdown_row { display: block; margin: 0 auto; padding: 0; width: auto; text-align: center; } /* line 246, ../sass/partials/_mobile.scss */ #countdown-container .countdown_row.countdown_show4 .countdown_section { width: auto; } /* line 249, ../sass/partials/_mobile.scss */ #countdown-container .countdown_row .countdown_section { float: none; display: inline; margin: 0 5px; color: #B4B4B4; font-family: 'WinterthurCondensedRegular', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 1px; text-align: left; text-transform: uppercase; } /* line 261, ../sass/partials/_mobile.scss */ #countdown-container .countdown_row .countdown_section br { display: none; clear: none; } /* line 267, ../sass/partials/_mobile.scss */ #countdown-container .countdown_row .countdown_amount { margin-right: 2px; color: #FFF; font-size: 16px; font-weight: 400; } /* line 274, ../sass/partials/_mobile.scss */ #countdown-container #countdown-footer { display: none; } /* line 280, ../sass/partials/_mobile.scss */ #walk-facts, .walk-fact { display: none; } /* line 285, ../sass/partials/_mobile.scss */ #container { padding-bottom: 50px; width: auto !important; /* Prevent image select (can be triggered by swipe) */ } /* line 289, ../sass/partials/_mobile.scss */ #container .section { display: none; margin-top: 75px; position: relative; } /* line 294, ../sass/partials/_mobile.scss */ #container .section .content { margin: 0 20px; padding: 0; text-align: center; } /* line 299, ../sass/partials/_mobile.scss */ #container .section .content h1 { font-family: "RobotoBlackItalic", sans-serif; font-size: 21px; font-style: oblique; font-weight: bolder; margin-top: 20px; text-transform: uppercase; text-align: center; } /* line 309, ../sass/partials/_mobile.scss */ #container .section .content p { margin-left: 5px; } /* line 313, ../sass/partials/_mobile.scss */ #container .section .content .video-container { margin: 5px auto 15px; width: 280px; border: 0; } /* line 318, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs { margin: 0 auto; } /* line 321, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs ul { display: block; width: 280px; overflow: hidden; } /* line 327, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li { position: relative; float: left; display: block; margin: 0; color: white; overflow: hidden; background-color: black; background-color: rgba(0, 0, 0, 0.4); } /* line 337, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li a { position: relative; float: left; display: block; color: white; } /* line 343, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li a .video-play { position: absolute; display: block; top: 0; left: 0; width: 100%; background: transparent url('../img/video-play.png?1368143565') no-repeat 50% 50%; } /* line 354, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-overlay, #container .section .content .video-container .video-thumbs li .video-play { height: 150px; overflow: hidden; } /* line 358, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-play { display: none; } /* line 361, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-new { position: absolute; top: -2px; left: -2px; background: transparent url('../img/flag-new.png?1368143564') no-repeat 0 0; width: 51px; height: 51px; } /* line 370, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-info { padding: 10px 0 5px; width: 100%; } /* line 375, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-info h2, #container .section .content .video-container .video-thumbs li .video-info p { margin: 0px; } /* line 379, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-info h2 { margin: 0 7px; font: normal bold 14px/10px "RobotoBold", sans-serif; } /* line 383, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li .video-info p { margin: 0 7px; font: normal lighter 10px/22px "RobotoLight", sans-serif; text-transform: uppercase; } /* line 389, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs li img { margin: 5px; width: 270px; height: auto; } /* line 397, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-thumbs, #container .section .content .video-container .video-thumbs a { display: block; overflow: hidden; } /* line 401, ../sass/partials/_mobile.scss */ #container .section .content .video-container .video-nav { margin-top: 5px; width: 100%; font-family: "RobotoLightItalic", sans-serif; font-size: 12px; font-style: oblique; background: url('../img/mobile/bg-swipe.png?1371938351') no-repeat 50% 5px; } /* line 415, ../sass/partials/_mobile.scss */ #container .swipe, #container .swipe * { -webkit-user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } /* line 421, ../sass/partials/_mobile.scss */ #masthead { display: none; } /* line 426, ../sass/partials/_mobile.scss */ section.section #countdown-container { display: block; } /* line 431, ../sass/partials/_mobile.scss */ .btn { text-align: center; } /* line 434, ../sass/partials/_mobile.scss */ .btn a { border: 1px solid #0a577b; color: #FFF; display: inline-block; font-family: "RobotoBlack", sans-serif; font-size: 24px; font-weight: bolder; line-height: 1em; margin: 20px 0; padding: 15px 20px; text-transform: uppercase; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(20%, #0885c3), color-stop(80%, #15d0e9)); background-image: -webkit-linear-gradient(bottom, #0885c3 20%, #15d0e9 80%); background-image: -moz-linear-gradient(bottom, #0885c3 20%, #15d0e9 80%); background-image: -o-linear-gradient(bottom, #0885c3 20%, #15d0e9 80%); background-image: linear-gradient(bottom, #0885c3 20%, #15d0e9 80%); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* line 452, ../sass/partials/_mobile.scss */ footer.footer-sponsor { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; background: url('../img/black-90.png?1368559104'); z-index: 2000; } /* line 460, ../sass/partials/_mobile.scss */ footer.footer-sponsor a { display: block; width: 100%; height: 100%; background: url('../img/mobile/ad-mobile.png?1369950522') no-repeat 50% 50%; } /* line 465, ../sass/partials/_mobile.scss */ footer.footer-sponsor a img { display: none; } /* line 469, ../sass/partials/_mobile.scss */ footer.footer-sponsor span { display: none; } /*------------------------------------------------------------------------- HOME ------------------------------------------------------------------------*/ /* line 478, ../sass/partials/_mobile.scss */ #bg-cliff-left { background: transparent url('../img/mobile/home-foreground.png?1369762406') no-repeat -35px 0; display: block; height: 420px; top: 80px; left: 0; position: absolute; bottom: 0px; width: 100%; z-index: 1; } /* line 490, ../sass/partials/_mobile.scss */ #home.section { display: block; margin: 0; padding: 20px 0 0; overflow: hidden; } /* line 496, ../sass/partials/_mobile.scss */ #home.section .content { position: relative; margin: 0; z-index: 2; } /* line 501, ../sass/partials/_mobile.scss */ #home.section .content .mobile-countdown { height: 58px; } /* line 505, ../sass/partials/_mobile.scss */ #home.section .content #countdown-container { display: none !important; margin-bottom: 15px; padding: 10px 0 8px; height: 38px; background-image: none; background-color: #042d42; background-color: rgba(4, 45, 66, 0.9); overflow: hidden; } /* line 515, ../sass/partials/_mobile.scss */ #home.section .content #countdown-container #countdown-header { position: static; bottom: auto; left: auto; margin-bottom: 2px; font-size: 14px; } /* line 522, ../sass/partials/_mobile.scss */ #home.section .content #countdown-container .countdown_section { color: #457491; font-size: 18px; } /* line 526, ../sass/partials/_mobile.scss */ #home.section .content #countdown-container .countdown_amount { font-size: 21px; } /* line 531, ../sass/partials/_mobile.scss */ #home.section .content .video-container { overflow: hidden; width: 84%; margin-top: 40px; margin-bottom: 0; border: 0; } /* line 539, ../sass/partials/_mobile.scss */ #home.section .content .video-container .video-thumbs, #home.section .content .video-container .video-thumbs a { height: auto; } /* line 546, ../sass/partials/_mobile.scss */ #home.section .content .video-container .video-thumbs a { background: none; } /* line 549, ../sass/partials/_mobile.scss */ #home.section .content .video-container .video-thumbs a img { width: 100%; } /* line 557, ../sass/partials/_mobile.scss */ #home.section .content footer { display: none; } /* line 563, ../sass/partials/_mobile.scss */ #home.section .footer-sponsor { margin-top: 5px; font-family: "RobotoRegular", sans-serif; font-size: 16px; font-weight: normal; text-align: center; text-shadow: 0 0 4px black; /*text-shadow: 0px 0px 4px #000000;*/ /*filter: dropshadow(color=#000000, offx=0, offy=0);*/ } /* line 574, ../sass/partials/_mobile.scss */ #home.section .big { display: inline-block; margin-top: 3px; font-family: "RobotoBlack", sans-serif; font-size: 24px; font-weight: bolder; } /*------------------------------------------------------------------------- THE WALK PAGE ------------------------------------------------------------------------*/ /* line 588, ../sass/partials/_mobile.scss */ #the-walk #mobile-walk-facts { float: none; clear: both; margin-bottom: 30px; padding: 5px 30px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.15); } /* line 595, ../sass/partials/_mobile.scss */ #the-walk #mobile-walk-facts .walk-fact { display: list-item; list-style: outside disc; } /* line 598, ../sass/partials/_mobile.scss */ #the-walk #mobile-walk-facts .walk-fact strong { font-family: 'RobotoBoldItalic', arial, sans-serif; font-style: italic; font-weight: bold; } /* line 603, ../sass/partials/_mobile.scss */ #the-walk #mobile-walk-facts .walk-fact p { margin: 5px 0; } /*------------------------------------------------------------------------- TAKE THE WALK 360 PAGE ------------------------------------------------------------------------*/ /* line 614, ../sass/partials/_mobile.scss */ #take-the-walk .pano-wrapper { position: relative; height: 200px; margin-top: 5px; } /* line 619, ../sass/partials/_mobile.scss */ #take-the-walk .pano-wrapper .pano-border { background-color: black; background-color: rgba(0, 0, 0, 0.4); line-height: 0; padding: 5px; } /* line 625, ../sass/partials/_mobile.scss */ #take-the-walk .pano-wrapper .btn { position: relative; top: -30px; } /* line 629, ../sass/partials/_mobile.scss */ #take-the-walk .pano-wrapper a { margin: 0px; font-size: 18px; } /* line 634, ../sass/partials/_mobile.scss */ #take-the-walk p { margin-top: 20px; margin-bottom: 20px; } /*------------------------------------------------------------------------- TAKE THE WALK 360 PAGE ------------------------------------------------------------------------*/ /* line 643, ../sass/partials/_mobile.scss */ #sweeps .inner { position: relative; margin: 20px auto 70px; padding: 0px 10px 30px; text-align: center; background: url('../img/sweeps/bg-sweeps-inner.png?1369841325') repeat-x 0 100%; } /* line 650, ../sass/partials/_mobile.scss */ #sweeps .inner header { overflow: hidden; } /* line 653, ../sass/partials/_mobile.scss */ #sweeps .inner header h1 { display: block; margin: 30px 0 20px; width: 100%; height: 100px; background: url('../img/sweeps/sweeps-logo.png?1371932741') no-repeat 50% 50%; background-size: 100%; } /* line 663, ../sass/partials/_mobile.scss */ #sweeps .inner h2 { margin: 0; font-family: 'RobotoBold', arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 1px; text-align: center; } /* line 671, ../sass/partials/_mobile.scss */ #sweeps .inner p { margin-top: 5px; text-align: center; } /* line 675, ../sass/partials/_mobile.scss */ #sweeps .inner .mitsu { margin: 20px 0; } /* line 678, ../sass/partials/_mobile.scss */ #sweeps .inner .btn { position: absolute; bottom: -25px; left: 0; width: 100%; } /* line 685, ../sass/partials/_mobile.scss */ #sweeps .inner .btn a { margin: 0 auto; } } /*----------------------------------------------------------------------------- Debug widget ----------------------------------------------------------------------------*/ /* line 241, ../sass/screen.scss */ #debug_widget { display: none; position: fixed; bottom: 0px; right: 30px; background-color: black; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-family: monospace; font-size: 10px; z-index: 3; } /* line 254, ../sass/screen.scss */ #debug_widget > div { display: inline-block; padding: 0px 7px; } /* line 259, ../sass/screen.scss */ #debug_widget > div .debug_data { font-weight: bold; color: #0f0; } /*----------------------------------------------------------------------------- TURN OFF SPONSORS FOR PHASE 1 ----------------------------------------------------------------------------*/ /* line 268, ../sass/screen.scss */ #sponsor-logo-container { display: none !important; } /* line 272, ../sass/screen.scss */ .ad-pixel { position: absolute; top: 10000px; left: 10000px; }