@charset "UTF-8"; /* DemAds Splash Page */ /** Spacing */ /** Media queries */ @font-face { font-family: 'Nexa'; src: url("/resource/fonts/nexa_bold-webfont.eot"); src: url("/resource/fonts/nexa_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/resource/fonts/nexa_bold-webfont.woff2") format("woff2"), url("/resource/fonts/nexa_bold-webfont.woff") format("woff"), url("/resource/fonts/nexa_bold-webfont.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Nexa'; src: url("/resource/fonts/nexa_light-webfont.eot"); src: url("/resource/fonts/nexa_light-webfont.eot?#iefix") format("embedded-opentype"), url("/resource/fonts/nexa_light-webfont.woff2") format("woff2"), url("/resource/fonts/nexa_light-webfont.woff") format("woff"), url("/resource/fonts/nexa_light-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* line 1, ../../scss/splash/components/_divider.scss */ .h-divider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; text-align: center; } /* line 7, ../../scss/splash/components/_divider.scss */ .h-divider:before, .h-divider:after { content: ""; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; height: 1px; background-size: 100% 1px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(51%, rgba(255, 255, 255, 0.25)), color-stop(51%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 51%, rgba(0, 0, 0, 0) 51%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 51%, rgba(0, 0, 0, 0) 51%); background-image: linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 51%, rgba(0, 0, 0, 0) 51%); } /* line 19, ../../scss/splash/components/_divider.scss */ .no-flexbox .h-divider:before, .no-flexbox .h-divider:after { display: inline-block; width: 200px; } /* line 25, ../../scss/splash/components/_divider.scss */ .h-divider span { margin: 0 1em; } /* line 31, ../../scss/splash/components/_divider.scss */ .platform-info { color: white; text-transform: uppercase; font-size: 16px; font-weight: bold; font-family: Nexa, sans-serif; } /* line 38, ../../scss/splash/components/_divider.scss */ .platform-info img { position: relative; top: -4px; width: auto; height: 1.5em; margin: 0 9px; vertical-align: middle; } @media screen and (max-width: 400px) { /* line 31, ../../scss/splash/components/_divider.scss */ .platform-info { font-size: 12px; } } /* line 8, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } /* line 20, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } /* line 24, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.top { margin-top: -3px; padding: 5px 0; } /* line 28, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.right { margin-left: 3px; padding: 0 5px; } /* line 32, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.bottom { margin-top: 3px; padding: 5px 0; } /* line 36, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.left { margin-left: -3px; padding: 0 5px; } /* line 40, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; } /* line 49, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } /* line 56, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } /* line 63, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } /* line 70, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } /* line 77, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } /* line 84, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } /* line 91, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /* line 98, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /* line 105, ../../scss/splash/components/_bootstrap-custom.scss */ .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /* line 112, ../../scss/splash/components/_bootstrap-custom.scss */ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } /* line 135, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.top { margin-top: -10px; } /* line 138, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.right { margin-left: 10px; } /* line 141, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.bottom { margin-top: 10px; } /* line 144, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.left { margin-left: -10px; } /* line 147, ../../scss/splash/components/_bootstrap-custom.scss */ .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } /* line 155, ../../scss/splash/components/_bootstrap-custom.scss */ .popover-content { padding: 9px 14px; } /* line 158, ../../scss/splash/components/_bootstrap-custom.scss */ .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } /* line 167, ../../scss/splash/components/_bootstrap-custom.scss */ .popover > .arrow { border-width: 11px; } /* line 170, ../../scss/splash/components/_bootstrap-custom.scss */ .popover > .arrow:after { border-width: 10px; content: ""; } /* line 174, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } /* line 182, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } /* line 189, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } /* line 197, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } /* line 204, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } /* line 212, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } /* line 219, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } /* line 227, ../../scss/splash/components/_bootstrap-custom.scss */ .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } /* line 238, ../../scss/splash/components/_bootstrap-custom.scss */ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } /* line 243, ../../scss/splash/components/_bootstrap-custom.scss */ .nav > li { position: relative; display: block; } /* line 247, ../../scss/splash/components/_bootstrap-custom.scss */ .nav > li > a { position: relative; display: block; padding: 10px 15px; } /* line 252, ../../scss/splash/components/_bootstrap-custom.scss */ .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } /* line 257, ../../scss/splash/components/_bootstrap-custom.scss */ .nav > li.disabled > a { color: #777777; } /* line 260, ../../scss/splash/components/_bootstrap-custom.scss */ .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } /* line 267, ../../scss/splash/components/_bootstrap-custom.scss */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } /* line 273, ../../scss/splash/components/_bootstrap-custom.scss */ .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } /* line 279, ../../scss/splash/components/_bootstrap-custom.scss */ .nav > li > a > img { max-width: none; } /* line 282, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs { border-bottom: 1px solid #dddddd; } /* line 285, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs > li { float: left; margin-bottom: -1px; } /* line 289, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } /* line 295, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } /* line 298, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } /* line 307, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } /* line 311, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > li { float: none; } /* line 314, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } /* line 318, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { /* line 323, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } /* line 327, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } /* line 331, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } /* line 335, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { /* line 341, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } /* line 345, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } /* line 351, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-pills > li { float: left; } /* line 354, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-pills > li > a { border-radius: 4px; } /* line 357, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-pills > li + li { margin-left: 2px; } /* line 360, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #337ab7; } /* line 366, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-stacked > li { float: none; } /* line 369, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } /* line 373, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-justified { width: 100%; } /* line 376, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-justified > li { float: none; } /* line 379, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-justified > li > a { text-align: center; margin-bottom: 5px; } /* line 383, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { /* line 388, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-justified > li { display: table-cell; width: 1%; } /* line 392, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-justified > li > a { margin-bottom: 0; } } /* line 396, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs-justified { border-bottom: 0; } /* line 399, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } /* line 403, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { /* line 409, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } /* line 413, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } /* line 419, ../../scss/splash/components/_bootstrap-custom.scss */ .tab-content > .tab-pane { display: none; visibility: hidden; } /* line 423, ../../scss/splash/components/_bootstrap-custom.scss */ .tab-content > .active { display: block; visibility: visible; } /* line 427, ../../scss/splash/components/_bootstrap-custom.scss */ .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 436, ../../scss/splash/components/_bootstrap-custom.scss */ .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity 0.15s linear; } /* line 443, ../../scss/splash/components/_bootstrap-custom.scss */ .fade.in { opacity: 1; } /* line 1, ../../scss/splash/components/_type.scss */ body { font: 300 20px/1.3 Source Sans Pro, sans-serif; font-kerning: normal; } @media screen and (min-width: 1600px) { /* line 1, ../../scss/splash/components/_type.scss */ body { font-size: 24px; } } @media screen and (max-width: 400px) { /* line 1, ../../scss/splash/components/_type.scss */ body { font-size: 17px; } } /* line 14, ../../scss/splash/components/_type.scss */ a { cursor: pointer; color: inherit; text-decoration: none; } /* line 20, ../../scss/splash/components/_type.scss */ h1, .h1, h2, .h2, h3, .h3 { font-family: Nexa, sans-serif; font-weight: bold; letter-spacing: 1px; } /* line 27, ../../scss/splash/components/_type.scss */ h1 b, .h1 b, h2 b, .h2 b, h3 b, .h3 b { color: #cd0e29; } /* line 32, ../../scss/splash/components/_type.scss */ h1, .h1 { font-size: 240%; } /* line 36, ../../scss/splash/components/_type.scss */ h2, .h2 { font-size: 180%; } /* line 40, ../../scss/splash/components/_type.scss */ h3, .h3 { font-size: 120%; } /* line 44, ../../scss/splash/components/_type.scss */ h4, .h4 { font-size: 120%; } /* line 48, ../../scss/splash/components/_type.scss */ h5, .h5 { font-size: 100%; } /* line 52, ../../scss/splash/components/_type.scss */ p, ul, ol, blockquote { margin: 18px 0; } /* line 57, ../../scss/splash/components/_type.scss */ blockquote { text-indent: -0.55em; } /* line 60, ../../scss/splash/components/_type.scss */ blockquote:before, blockquote:after { content: '“'; font-size: 120%; font-weight: bold; line-height: 0; } /* line 68, ../../scss/splash/components/_type.scss */ blockquote:after { content: '”'; } /* line 73, ../../scss/splash/components/_type.scss */ small, .small { font-size: 75%; } /* line 1, ../../scss/splash/components/_buttons.scss */ .btn { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; height: 42px; line-height: 43px; padding: 0 15px; border: 0; border-radius: 3px; font-family: Nexa, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: none !important; text-align: center; letter-spacing: 1px; background: white; color: black !important; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); white-space: nowrap; } /* line 20, ../../scss/splash/components/_buttons.scss */ .btn:hover { background-color: whitesmoke; } /* line 24, ../../scss/splash/components/_buttons.scss */ .btn + .btn { margin-left: 6px; } /* line 29, ../../scss/splash/components/_buttons.scss */ a.btn { text-decoration: none !important; } /* line 33, ../../scss/splash/components/_buttons.scss */ .btn-white { transition: all 0.08s ease-in-out; } /* line 36, ../../scss/splash/components/_buttons.scss */ .btn-white:hover { box-shadow: inset 0 -4px #cd0e29; } /* line 41, ../../scss/splash/components/_buttons.scss */ .btn-mega { height: 3em; line-height: 3.1em; padding: 0 30px; border-radius: 6px; letter-spacing: normal; } /* line 48, ../../scss/splash/components/_buttons.scss */ .btn-mega:active { line-height: 63px; } @media screen and (max-width: 480px) { /* line 41, ../../scss/splash/components/_buttons.scss */ .btn-mega { display: block; } } /* line 57, ../../scss/splash/components/_buttons.scss */ .btn-black { box-shadow: none; background: black; color: white !important; box-shadow: inset 0 -4px 0 black; } /* line 63, ../../scss/splash/components/_buttons.scss */ .btn-black:hover { background: #333333; } /* line 68, ../../scss/splash/components/_buttons.scss */ .btn-fb { background-color: #3b5998; color: white !important; } /* line 72, ../../scss/splash/components/_buttons.scss */ .btn-fb:hover { background-color: #344e86; } /* line 78, ../../scss/splash/components/_buttons.scss */ .header-btn { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; padding: 8px 12px 6px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 3px; font-family: Nexa, sans-serif; font-size: 70%; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; transition: border 0.08s linear; } /* line 91, ../../scss/splash/components/_buttons.scss */ .header-btn:hover { border-color: rgba(255, 255, 255, 0.45); text-shadow: 0 1px 1px black; } /* line 1, ../../scss/splash/components/_avatars.scss */ .avatar { border-radius: 50%; box-shadow: 0 0 0 3px rgba(230, 230, 230, 0.2); -webkit-filter: grayscale; } @media screen and (min-width: 850px) { /* line 1, ../../scss/splash/components/_avatars.scss */ .avatar { width: 108px; height: 108px; } } @media screen and (max-width: 600px) { /* line 1, ../../scss/splash/components/_avatars.scss */ .avatar { box-shadow: 0 0 0 2px rgba(230, 230, 230, 0.2); width: 90px; height: 90px; } } @media screen and (max-width: 400px) { /* line 1, ../../scss/splash/components/_avatars.scss */ .avatar { width: 70px; height: 70px; } } /* line 1, ../../scss/splash/components/_tabs.scss */ .tabs { display: block; } /* line 4, ../../scss/splash/components/_tabs.scss */ .tabs .avatar { transition: box-shadow 0.08s ease-in-out; } /* line 7, ../../scss/splash/components/_tabs.scss */ .tabs .avatar:hover { box-shadow: 0 0 0 3px #cd0e29; } /* line 12, ../../scss/splash/components/_tabs.scss */ .tabs ul { overflow: hidden; white-space: nowrap; list-style: none; margin: 0; padding: 24px 60px; text-align: center; box-shadow: inset 0 -1px 0 rgba(230, 230, 230, 0.2); } /* line 22, ../../scss/splash/components/_tabs.scss */ .tabs li { position: relative; display: inline-block; margin: 0 2% 0 0; } /* line 27, ../../scss/splash/components/_tabs.scss */ .tabs li.active:after { content: ""; box-sizing: border-box; display: block; position: absolute; top: 100%; left: 50%; width: 20px; height: 20px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom right, #ffffff, #ffffff 50%, rgba(0, 0, 0, 0) 50%); -moz-transform: translate(-50%, 21px) rotate(45deg); -ms-transform: translate(-50%, 21px) rotate(45deg); -webkit-transform: translate(-50%, 21px) rotate(45deg); transform: translate(-50%, 21px) rotate(45deg); } /* line 48, ../../scss/splash/components/_tabs.scss */ .tabs a { outline: none; display: block; } /* line 53, ../../scss/splash/components/_tabs.scss */ .tabs img { display: block; } @media screen and (min-width: 850px) { /* line 58, ../../scss/splash/components/_tabs.scss */ .flexbox .tabs { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } /* line 62, ../../scss/splash/components/_tabs.scss */ .flexbox .tabs ul { box-shadow: inset -1px 0 0 rgba(230, 230, 230, 0.2); } /* line 66, ../../scss/splash/components/_tabs.scss */ .flexbox .tabs li { display: block; margin: 0 0 18px 0; } /* line 70, ../../scss/splash/components/_tabs.scss */ .flexbox .tabs li.active:after { top: 50%; left: 100%; -moz-transform: translate(50px, -50%) rotate(-45deg); -ms-transform: translate(50px, -50%) rotate(-45deg); -webkit-transform: translate(50px, -50%) rotate(-45deg); transform: translate(50px, -50%) rotate(-45deg); } } @media screen and (max-width: 600px) { /* line 80, ../../scss/splash/components/_tabs.scss */ .tabs ul { padding-left: 24px; padding-right: 24px; } } @media screen and (max-width: 480px) { /* line 87, ../../scss/splash/components/_tabs.scss */ .tabs ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } /* line 91, ../../scss/splash/components/_tabs.scss */ .tabs ul li { margin: 0; } } /* line 98, ../../scss/splash/components/_tabs.scss */ .tab-content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding: 36px 60px; } @media screen and (max-width: 600px) { /* line 98, ../../scss/splash/components/_tabs.scss */ .tab-content { padding: 24px; } } /* line 11, ../../scss/splash/components/_main.scss */ * { outline-color: #60a0d5; } /* line 15, ../../scss/splash/components/_main.scss */ html { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url(/resource/images/american-flag-blue-blurred.jpg); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.33)), color-stop(100%, #000000)), url(/resource/images/american-flag-blue-blurred.jpg); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.33), #000000), url(/resource/images/american-flag-blue-blurred.jpg); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.33), #000000), url(/resource/images/american-flag-blue-blurred.jpg); background-image: linear-gradient(rgba(0, 0, 0, 0.33), #000000), url(/resource/images/american-flag-blue-blurred.jpg); background-repeat: no-repeat; background-size: 100%, cover; background-color: black; background-attachment: fixed; } /* line 26, ../../scss/splash/components/_main.scss */ body { position: relative; min-width: 320px; color: white; color: #ededed; } /* We have do some funky overflow hacking here to fix background sizing behavior on iOS devices. See: https://css-tricks.com/forums/topic/full-page-backgrounds-on-ios-background-size-cover */ @media (device-width: 768px) and (device-height: 1024px), screen and (max-width: 849px) { /* line 38, ../../scss/splash/components/_main.scss */ html, body { height: 100%; } /* line 43, ../../scss/splash/components/_main.scss */ html { overflow: hidden; } /* line 47, ../../scss/splash/components/_main.scss */ body { overflow: scroll; -webkit-overflow-scrolling: touch; } } /* line 56, ../../scss/splash/components/_main.scss */ section { margin-top: 90px; } @media screen and (max-width: 849px) { /* line 56, ../../scss/splash/components/_main.scss */ section { margin-top: 54px; } } /* line 64, ../../scss/splash/components/_main.scss */ .container { width: 75%; max-width: 1200px; padding: 0 20px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1024px) { /* line 64, ../../scss/splash/components/_main.scss */ .container { width: auto; max-width: none; margin-left: 20px; margin-right: 20px; padding: 0; } } /* line 82, ../../scss/splash/components/_main.scss */ .row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } /* line 87, ../../scss/splash/components/_main.scss */ .row > div { box-sizing: border-box; width: 100%; padding: 12px 6%; } @media screen and (min-width: 600px) { /* line 87, ../../scss/splash/components/_main.scss */ .row > div { width: 50%; padding: 12px 6%; } } @media screen and (min-width: 850px) { /* line 87, ../../scss/splash/components/_main.scss */ .row > div { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding: 0 18px; } } /* line 103, ../../scss/splash/components/_main.scss */ .no-flexbox .row { display: table; } /* line 106, ../../scss/splash/components/_main.scss */ .no-flexbox .row > div { display: table-cell; } /* line 112, ../../scss/splash/components/_main.scss */ .block { text-align: center; position: relative; font-size: 80%; } /* line 117, ../../scss/splash/components/_main.scss */ .block h3 { font-size: 120%; } /* line 125, ../../scss/splash/components/_main.scss */ input[type=text], input[type=email], input[type=url], input[type=password] { width: 100%; padding: 9px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 1px; font-family: Source Sans Pro, sans-serif; background: rgba(0, 0, 0, 0.3); color: white; transition: outline 0.2s linear; } @media screen and (min-width: 850px) { /* line 125, ../../scss/splash/components/_main.scss */ input[type=text], input[type=email], input[type=url], input[type=password] { font-size: 120%; } } /* line 142, ../../scss/splash/components/_main.scss */ .one-line-form input[type=text], .one-line-form input[type=email], .one-line-form input[type=url], .one-line-form input[type=password] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } /* line 148, ../../scss/splash/components/_main.scss */ input::-webkit-input-placeholder { transition-timing-function: linear; transition-duration: 0.1s; transition-property: transform, -webkit-transform; } /* line 154, ../../scss/splash/components/_main.scss */ input:focus::-webkit-input-placeholder { visibility: visible !important; -moz-transform: translateY(-24px); -ms-transform: translateY(-24px); -webkit-transform: translateY(-24px); transform: translateY(-24px); font-size: 70%; text-shadow: 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black; } /* line 161, ../../scss/splash/components/_main.scss */ .one-line-form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } /* line 164, ../../scss/splash/components/_main.scss */ .one-line-form .btn { height: auto; line-height: auto; margin-left: 6px; } @media screen and (max-width: 400px) { /* line 161, ../../scss/splash/components/_main.scss */ .one-line-form { font-size: 80%; } } /* line 174, ../../scss/splash/components/_main.scss */ .one-line-form input + input { margin-left: 6px; } /* line 179, ../../scss/splash/components/_main.scss */ .no-flexbox .one-line-form { display: table; max-width: 500px; margin: 0 auto; } /* line 184, ../../scss/splash/components/_main.scss */ .no-flexbox .one-line-form > * { display: table-cell; } /* line 194, ../../scss/splash/components/_main.scss */ .popover { max-width: none; padding: 0; border: none; background: none; font-weight: 400; } /* line 202, ../../scss/splash/components/_main.scss */ .popover.bottom > .arrow:after { border-bottom-color: #e6e6e6; } /* line 208, ../../scss/splash/components/_main.scss */ .popover-content { position: relative; left: -20px; width: 348px; font-size: 70%; background: #e6e6e6; color: black; border: 0; border-radius: 6px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); } /* line 219, ../../scss/splash/components/_main.scss */ .popover-content input { box-sizing: border-box; width: 100%; margin: 3px 0; border: none; background: white; color: black; } /* line 228, ../../scss/splash/components/_main.scss */ .popover-content label { display: block; font-weight: bold; } /* line 233, ../../scss/splash/components/_main.scss */ .popover-content label { margin-bottom: 12px; } /* line 237, ../../scss/splash/components/_main.scss */ .popover-content .forgot-password { text-transform: lowercase; line-height: 1; margin: 0; } /* line 243, ../../scss/splash/components/_main.scss */ .popover-content p { margin: 0 0 6px; } /* line 247, ../../scss/splash/components/_main.scss */ .popover-content a { color: #60a0d5; } /* line 250, ../../scss/splash/components/_main.scss */ .popover-content a:hover { text-decoration: underline; } /* line 255, ../../scss/splash/components/_main.scss */ .popover-content .error { color: red; } /* line 260, ../../scss/splash/components/_main.scss */ .popover-content { padding: 24px; } /* line 266, ../../scss/splash/components/_main.scss */ .tooltip { max-width: 150px; } /* line 270, ../../scss/splash/components/_main.scss */ .tooltip.top .tooltip-arrow { border-top-color: rgba(230, 230, 230, 0.95); } /* line 274, ../../scss/splash/components/_main.scss */ .tooltip.right .tooltip-arrow { border-right-color: rgba(230, 230, 230, 0.95); } /* line 278, ../../scss/splash/components/_main.scss */ .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(230, 230, 230, 0.95); } /* line 282, ../../scss/splash/components/_main.scss */ .tooltip.left .tooltip-arrow { border-left-color: rgba(230, 230, 230, 0.95); } /* line 286, ../../scss/splash/components/_main.scss */ .tooltip-inner { background: rgba(230, 230, 230, 0.95); color: black; } /* line 291, ../../scss/splash/components/_main.scss */ .fade { transition: opacity .1s linear; } /* line 301, ../../scss/splash/components/_main.scss */ #site-header { padding: 54px 0 0 0; text-align: center; } @media screen and (min-width: 1100px) { /* line 301, ../../scss/splash/components/_main.scss */ #site-header { box-sizing: border-box; height: 100vh; min-height: 670px; max-height: 740px; margin-bottom: -100px; } } /* line 313, ../../scss/splash/components/_main.scss */ #site-header .container { max-width: 1000px; } /* line 317, ../../scss/splash/components/_main.scss */ #site-header h1 { margin: 12px 0 0; padding-left: 16px; font-size: 78px; line-height: 1.1; text-align: center; text-transform: uppercase; white-space: nowrap; color: white; letter-spacing: 16px; } /* line 328, ../../scss/splash/components/_main.scss */ #site-header h1 .star { width: auto; height: 0.73em; } /* line 333, ../../scss/splash/components/_main.scss */ #site-header h1 .partner-logo img { width: auto; height: 1em; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } /* line 339, ../../scss/splash/components/_main.scss */ #site-header h1.branded { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; letter-spacing: 12px; } /* line 346, ../../scss/splash/components/_main.scss */ #site-header h1 .with { margin: 0 36px; font-family: Source Sans Pro, sans-serif; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); letter-spacing: 0; text-transform: none; color: rgba(255, 255, 255, 0.5); -moz-transform: skewY(-10deg); -ms-transform: skewY(-10deg); -webkit-transform: skewY(-10deg); transform: skewY(-10deg); } @media screen and (min-width: 1100px) { /* line 358, ../../scss/splash/components/_main.scss */ #site-header h1.branded { font-size: 68px; } /* line 362, ../../scss/splash/components/_main.scss */ #site-header h1 .star { margin-left: -0.22em; } } @media screen and (max-width: 1099px) { /* line 317, ../../scss/splash/components/_main.scss */ #site-header h1 { font-size: 48px; letter-spacing: 14px; margin-bottom: 6px; line-height: 1; } /* line 373, ../../scss/splash/components/_main.scss */ #site-header h1 .partner-logo img { height: 120px; } /* line 377, ../../scss/splash/components/_main.scss */ #site-header h1 .star { margin-right: -0.2em; margin-left: 0.05em; } /* line 382, ../../scss/splash/components/_main.scss */ #site-header h1 .logo span { display: block; font-size: 290%; } } @media screen and (max-width: 1099px) { /* line 317, ../../scss/splash/components/_main.scss */ #site-header h1 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } /* line 394, ../../scss/splash/components/_main.scss */ #site-header h1.branded .logo, #site-header h1.branded .partner-logo { width: 100%; } /* line 399, ../../scss/splash/components/_main.scss */ #site-header h1.branded .with { margin: 12px 0 18px; } } @media screen and (max-width: 480px) { /* line 317, ../../scss/splash/components/_main.scss */ #site-header h1 { font-size: 30px; letter-spacing: 9px; } } /* line 411, ../../scss/splash/components/_main.scss */ #site-header h2 { margin: 0; padding: 144px 0; font-weight: normal; font-size: 42px; } @media screen and (max-width: 849px) { /* line 411, ../../scss/splash/components/_main.scss */ #site-header h2 { padding: 90px 0; font-size: 30px; } } @media screen and (max-width: 600px) { /* line 423, ../../scss/splash/components/_main.scss */ #site-header h2 br { display: none; } } @media screen and (max-width: 480px) { /* line 411, ../../scss/splash/components/_main.scss */ #site-header h2 { font-size: 22px; padding: 60px 0; } } /* line 434, ../../scss/splash/components/_main.scss */ #site-header nav { position: absolute; z-index: 1; top: 18px; right: 20px; } @media screen and (max-width: 480px) { /* line 442, ../../scss/splash/components/_main.scss */ #site-header nav .popover-content, #site-header nav #login-btn { -moz-transform-origin: top right; -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } } @media screen and (max-width: 400px) { /* line 450, ../../scss/splash/components/_main.scss */ #site-header nav .popover-content { -moz-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); } } /* line 457, ../../scss/splash/components/_main.scss */ .login-alt-options { margin-bottom: 12px; } /* line 461, ../../scss/splash/components/_main.scss */ #ctas { margin: 0; text-shadow: 1px 1px 2px black; } /* line 465, ../../scss/splash/components/_main.scss */ #ctas .container { max-width: 1000px; } /* line 469, ../../scss/splash/components/_main.scss */ #ctas a { outline: none; } /* line 473, ../../scss/splash/components/_main.scss */ #ctas #video-cta { line-height: 1.1; text-align: left; } /* line 477, ../../scss/splash/components/_main.scss */ #ctas #video-cta span { display: inline-block; margin-right: 24px; opacity: 0.5; } /* line 483, ../../scss/splash/components/_main.scss */ #ctas #video-cta img { margin-right: 18px; vertical-align: middle; border-radius: 50%; box-shadow: 0 0 1px white; transition: box-shadow 0.08s ease-in-out; } /* line 491, ../../scss/splash/components/_main.scss */ #ctas #video-cta:hover img { box-shadow: 0 0 0 4px #cd0e29; } @media screen and (max-width: 600px) { /* line 473, ../../scss/splash/components/_main.scss */ #ctas #video-cta { font-size: 80%; } } @media screen and (max-width: 480px) { /* line 473, ../../scss/splash/components/_main.scss */ #ctas #video-cta { background: rgba(255, 255, 255, 0.1); border-radius: 6px; box-shadow: 0 0 10px black; border: 1px solid rgba(255, 255, 255, 0.3); padding: 12px; } /* line 506, ../../scss/splash/components/_main.scss */ #ctas #video-cta span { display: block; } } @media screen and (max-width: 480px) { /* line 513, ../../scss/splash/components/_main.scss */ #ctas .ctas-inner { display: block; text-align: center; margin: 0 12px; } /* line 518, ../../scss/splash/components/_main.scss */ #ctas .ctas-inner > .media-img { margin: 0; } /* line 523, ../../scss/splash/components/_main.scss */ #ctas #video-cta { margin-bottom: 30px; } /* line 524, ../../scss/splash/components/_main.scss */ #ctas #video-cta img { width: 48px; height: auto; } } /* line 534, ../../scss/splash/components/_main.scss */ #adjectives { background: rgba(0, 0, 0, 0.5); padding-top: 30px; } @media screen and (max-width: 600px) { /* line 538, ../../scss/splash/components/_main.scss */ #adjectives .block { text-align: left; padding: 0 20px 36px 110px; } /* line 543, ../../scss/splash/components/_main.scss */ #adjectives .block .img { position: absolute; top: 6px; left: 20px; } /* line 549, ../../scss/splash/components/_main.scss */ #adjectives .block h3, #adjectives .block p { margin: 0; } } /* line 554, ../../scss/splash/components/_main.scss */ .no-flexbox #adjectives .block { width: 25%; } /* line 560, ../../scss/splash/components/_main.scss */ #steps { text-align: center; } /* line 563, ../../scss/splash/components/_main.scss */ #steps h2 { margin: 0 0 36px 0; } /* line 567, ../../scss/splash/components/_main.scss */ #steps i { display: inline-block; width: 100px; height: 100px; line-height: 0; font-size: 60px; font-style: normal; text-align: center; color: black; background: white; border-radius: 50%; } /* line 580, ../../scss/splash/components/_main.scss */ #steps .outer-container { background: rgba(0, 0, 0, 0.5); padding: 30px 0; } /* line 585, ../../scss/splash/components/_main.scss */ .no-flexbox #steps .block { width: 33%; } /* line 590, ../../scss/splash/components/_main.scss */ #payment-options { margin-bottom: 0; font-size: 80%; } /* line 594, ../../scss/splash/components/_main.scss */ #payment-options img { opacity: 0.7; margin-top: 12px; } /* line 600, ../../scss/splash/components/_main.scss */ #testimonials { max-width: 1000px; } /* line 605, ../../scss/splash/components/_main.scss */ .testimonial h4 { margin: 0; } /* line 609, ../../scss/splash/components/_main.scss */ .testimonial blockquote { margin-bottom: 0; font-size: 90%; } /* line 614, ../../scss/splash/components/_main.scss */ .testimonial img { display: block; margin-top: 6px; } /* line 620, ../../scss/splash/components/_main.scss */ .article { width: 100%; max-width: 1000px; margin: 90px auto; } /* line 625, ../../scss/splash/components/_main.scss */ .article h3 { margin: 0 0 6px 0; text-align: center; font-weight: normal; line-height: 1.5; } @media screen and (max-width: 480px) { /* line 625, ../../scss/splash/components/_main.scss */ .article h3 { font-size: 150%; } } /* line 636, ../../scss/splash/components/_main.scss */ .article img { position: relative; top: 14px; margin-right: 12px; } @media screen and (max-width: 480px) { /* line 636, ../../scss/splash/components/_main.scss */ .article img { width: auto; max-width: 80%; height: auto; } } /* line 653, ../../scss/splash/components/_main.scss */ .tear { padding: 20px 40px 0; font-family: Source Serif Pro, Baskerville, Times New Roman, serif; border-image: url(/resource/images/ico/paper-tear-2.png) 35 20 57 46 fill stretch; border-width: 30px 10px 40px 20px; border-style: solid; font-size: 90%; text-align: justify; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: black; } /* line 664, ../../scss/splash/components/_main.scss */ .no-borderimage .tear { padding: 36px !important; border: none !important; border-radius: 6px; background-color: #e6e8df; } @media screen and (min-width: 680px) { /* line 672, ../../scss/splash/components/_main.scss */ .tear.tear-alt { padding: 20px 30px 10px; border-image: url(/resource/images/ico/paper-tear-1.png) 53 150 11 85 fill stretch; border-width: 40px 50px 20px 50px; } } @media screen and (max-width: 679px) { /* line 680, ../../scss/splash/components/_main.scss */ .tear, .tear.tear-alt { padding: 10px 20px; border-width: 20px 10px 40px 20px; } } @media screen and (max-width: 400px) { /* line 688, ../../scss/splash/components/_main.scss */ .tear, .tear.tear-alt { border-width: 20px 0 40px 0; } } @media screen and (min-width: 1600px) { /* line 653, ../../scss/splash/components/_main.scss */ .tear { font-size: 70%; } } /* line 698, ../../scss/splash/components/_main.scss */ .tear p { margin: 0; } @media screen and (min-width: 850px) { /* line 698, ../../scss/splash/components/_main.scss */ .tear p { -moz-columns: 2; -webkit-columns: 2; columns: 2; } } /* line 712, ../../scss/splash/components/_main.scss */ #video-container { z-index: 10; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); } /* line 722, ../../scss/splash/components/_main.scss */ #ytplayer { position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 729, ../../scss/splash/components/_main.scss */ #video-close { opacity: 0.7; z-index: 11; position: fixed; top: 36px; right: 36px; display: block; width: 64px; height: 64px; background: url(/resource/images/ico/close.png) no-repeat; background-size: 100%; border-radius: 50%; border: 3px solid #555; } /* line 744, ../../scss/splash/components/_main.scss */ .viewing body { overflow: hidden; } /* line 748, ../../scss/splash/components/_main.scss */ #newsletter { text-align: center; } /* line 751, ../../scss/splash/components/_main.scss */ #newsletter form { display: inline-block; } @media screen and (min-width: 850px) { /* line 756, ../../scss/splash/components/_main.scss */ #newsletter input[type=email] { min-width: 12em; } /* line 760, ../../scss/splash/components/_main.scss */ #newsletter input[type=text] { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 7em; } } /* line 767, ../../scss/splash/components/_main.scss */ footer { margin: 72px 0 36px 0; text-align: center; } /* line 771, ../../scss/splash/components/_main.scss */ footer a:hover { border-bottom: 1px solid white; } /* line 775, ../../scss/splash/components/_main.scss */ footer p { opacity: 0.6; letter-spacing: 1px; } /* ========================================================================== Helper classes ========================================================================== */ /* Image replacement */ /* line 9, ../../scss/splash/_utils.h5bp.scss */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } /* line 17, ../../scss/splash/_utils.h5bp.scss */ .ir:before { content: ""; display: block; width: 0; height: 150%; } /* Hide from both screenreaders and browsers: h5bp.com/u */ /* line 28, ../../scss/splash/_utils.h5bp.scss */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ /* line 37, ../../scss/splash/_utils.h5bp.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ /* line 53, ../../scss/splash/_utils.h5bp.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ /* line 67, ../../scss/splash/_utils.h5bp.scss */ .invisible { visibility: hidden; } /* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ /* line 83, ../../scss/splash/_utils.h5bp.scss */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } /* line 89, ../../scss/splash/_utils.h5bp.scss */ .clearfix:after { clear: both; } /* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ /* line 98, ../../scss/splash/_utils.h5bp.scss */ .clearfix { *zoom: 1; } /* line 2, ../../scss/splash/_utils.scss */ .pull-left { float: left; } /* line 6, ../../scss/splash/_utils.scss */ .pull-right { float: right; } /* line 10, ../../scss/splash/_utils.scss */ .text-center { text-align: center; } /* line 14, ../../scss/splash/_utils.scss */ .media { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } /* line 19, ../../scss/splash/_utils.scss */ .media-center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } /* line 23, ../../scss/splash/_utils.scss */ .media-img { margin-right: 24px; } /* line 26, ../../scss/splash/_utils.scss */ .media-right > .media-img { margin-right: 0; margin-left: 24px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } /* line 33, ../../scss/splash/_utils.scss */ .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-basis: 0%; -moz-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; } /* line 40, ../../scss/splash/_utils.scss */ .no-flexbox .media { display: table; width: 100%; } /* line 45, ../../scss/splash/_utils.scss */ .no-flexbox .media-img, .no-flexbox .media-body { display: table-cell; vertical-align: top; } /* line 52, ../../scss/splash/_utils.scss */ .no-flexbox .media-center .media-img, .no-flexbox .media-center .media-body { vertical-align: middle; } /* line 58, ../../scss/splash/_utils.scss */ .no-flexbox .media-right .media-img { text-align: right; } /*# sourceMappingURL=splash.css.map */