/*!
 * Project:   Tenth & Grey
 * Date:      2015/04/16
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #fff; font: 14px/1.4286 Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 20px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@font-face { 
  font-family: 'Geometria'; 
  src: url('/fonts/geometria/geometrialight.eot'); 
  src: url('/fonts/geometria/geometrialight.eot#iefix') format('embedded-opentype'), 
    url('/fonts/geometria/geometrialight.woff2') format('woff2'), 
    url('/fonts/geometria/geometrialight.woff') format('woff'), 
    url('/fonts/geometria/geometrialight.ttf') format('truetype'), 
    url('/fonts/geometria/geometrialight.svg#geometria_lightlight') format('svg'); 
  font-weight: normal; 
  font-style: normal; }
@font-face { 
  font-family: 'Clear Sans'; 
  src: url('/fonts/clearsans/clearsanslight.eot'); 
  src: url('/fonts/clearsans/clearsanslight.eot#iefix') format('embedded-opentype'), 
    url('/fonts/clearsans/clearsanslight.woff') format('woff'), 
    url('/fonts/clearsans/clearsanslight.ttf') format('truetype'), 
    url('/fonts/clearsans/clearsanslight.svg#clear_sans_lightregular') format('svg'); 
  font-weight: normal; 
  font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { overflow: hidden; width: 100%; min-width: 320px; min-height: 100vh; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > .wrap { margin: 0; }
  .root-a .contain { max-width: 990px; margin-left: auto; margin-right: auto; border-left: 15px solid transparent; border-right: 15px solid transparent; }

/*!
 * Modules
/* ---------------------------------------- */

.browser-a { margin: 0 0 40px; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* landing page */

.landing-a { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; font: 16px/2 Clear Sans,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; }
.touch .landing-a, .ie8 .landing-a { background: url('/images/landing-a-bg-a.jpg') 50% 50% no-repeat; background-size: cover; }
 .landing-a:before { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ''; border: 60px solid #fff; }
 .landing-a:after { position: fixed; left: 0; right: 0; top: 0; content: ''; z-index: 100; height: 3px; background: #fc5021; }
 .landing-a > .background { margin: 0; }
 .touch .landing-a > .background, .ie8 .landing-a > .background { display: none; }
  .landing-a video { position: fixed; left: 50%; top: 50%; z-index: -100; min-width: 100%; min-height: 100%; background: #efefef; }
  .landing-a video { min-width: calc(100% - 120px); min-height: calc(100% - 120px); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .touch .landing-a video, .mie .landing-a video { display: none; }
 .landing-a > .wrap { display: table-cell; position: relative; z-index: 100; margin: 0; vertical-align: middle; }
  .landing-a > .wrap > * { max-width: 750px; margin-left: auto; margin-right: auto; }
  .landing-a > .wrap figure { margin-bottom: 60px; }
   .landing-a > .wrap figure img { display: block; margin: 0 auto; }
  .landing-a > .wrap .action { margin-top: 50px; font: 14px/1.5 Geometria,Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: 0.5em; text-transform: uppercase; }
   .landing-a > .wrap .action a { color: inherit; text-decoration: none; }
   .landing-a > .wrap .action a:hover { color: #fc5021; }

@media screen and (max-width: 1024px) {
.landing-a { font-size: 14px; line-height: 1.75; background: url('/images/landing-a-bg-a.jpg') 50% 50% no-repeat; background-size: cover; }
 .landing-a:before { content: none; }
 .landing-a > .background { display: none !important; }
 .landing-a > .wrap { padding: 40px; }
}
@media screen and (max-width: 599px) {
.landing-a > .wrap { padding: 40px 20px; }
 .landing-a > .wrap > * { max-width: 100%; }
 .landing-a > .wrap figure { max-width: 300px; margin: 0 auto 40px; }
  .landing-a > .wrap figure img { width: 100% !important; height: auto !important; }
 .landing-a > .wrap .action { margin-top: 30px; font-size: 12px; letter-spacing: 0.3em; }
}
@media screen and (max-width: 359px) {
.landing-a { font-size: 13px; line-height: 1.7; }
 .landing-a > .wrap figure { max-width: 280px; margin-bottom: 30px; }
}

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; height: 40px; padding: 0 19px; border: 1px solid #ccc; background: #ddd; line-height: 38px; text-align: center; text-decoration: none !important; outline: none; }

/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.ie8 .hide-desktop { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1024px) { .show-desktop { display: block !important; } .hide-desktop { display: none !important; } }
@media screen and (max-width: 1023px) { .show-tablet { display: block !important; } .hide-tablet { display: none !important; } }
@media screen and (max-width: 599px) { .show-mobile { display: block !important; } .hide-mobile { display: none !important; } }

/*!
 * Boostrap
/* ---------------------------------------- */

.row [class*=col-] { margin-bottom: 0; }
.nav-tabs > li:last-child { margin-bottom: -1px !important; }
.nav-tabs > li.last-child { margin-bottom: -1px !important; }
.dropdown-menu li:before, .nav li:before, .list-unstyled li:before, .list-inline li:before { display: none; }
.dl-horizontal dd { padding-left: 0; }
.checkbox-inline:first-child { display: inline-block; margin-bottom: 0; }
.btn { height: auto; }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 40px; padding: 0 9px; border: 1px solid #ccc; border-radius: 0; background: #fff; vertical-align: top; line-height: 38px; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 4px 4px 4px 9px; line-height: 1.2; resize: vertical; }
 select { padding: 8px 15px 8px 8px; background: #fff url(images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 8px; padding-left: 6px; background-image: none; }
 .ie8 select { padding-top: 10px; padding-bottom: 10px; }
 .gecko select { padding-left: 3px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

 ::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 :-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
 :-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 ::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 .placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
 select:invalid { color: #aaa; }

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/* headers */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #333; font: bold 10px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif; }
h1, .h1 { font-size: 22px; }
h2, .h2 { font-size: 18px; }
h3, .h3 { font-size: 16px; }
h4, .h4 { font-size: 14px; }
h5, .h5 { font-size: 12px; }
h6, .h6 { font-size: 10px; }

/* lists */

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; }

/* links */

a { background: transparent; color: #fc5021; text-decoration: none; }
a, a:before, a:after, label, button { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }
 a span { cursor: pointer; }

/* images */

img { max-width: 100%; border-width: 0; } .ie8 img { max-width: none; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* other */

blockquote { padding: 20px; background: #f3f3f3; font-style: italic; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; height: 1px; margin: 20px 0; border: none; border: none; background: #ccc; font-size: 0; }