/* line 17, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/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, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* line 4, sass/styles.scss */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* line 6, sass/styles.scss */
html, body { min-height: 504px; }

/* line 8, sass/styles.scss */
html { position: relative; font-size: 62.5%; background-color: #3a393a; }

/* line 10, sass/styles.scss */
body { font: normal 1.7em/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; background: #dfdfdf url(images/body.jpg) no-repeat center top; background-size: cover; background-webkit-text-size-adjust: none; }

/* line 15, sass/styles.scss */
.wrap { margin: 0 auto; max-width: 960px; }

/* line 17, sass/styles.scss */
#wrapper { padding: 20px 0; overflow: hidden; }

/* line 20, sass/styles.scss */
#logo a { display: block; margin: 0 auto; }

/* line 22, sass/styles.scss */
h1 { margin-bottom: 15px; font-size: 42px; font-weight: bold; font-family: "HelveticaNeue-CondensedBold", "Arimo"; line-height: 1; color: #ec6024; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); letter-spacing: -1px; -webkit-font-smoothing: antialiased; }

/* line 24, sass/styles.scss */
p { margin-bottom: 1em; }

/* line 26, sass/styles.scss */
#coming { display: block; margin-bottom: 20px; width: 280px; height: 120px; background: url(images/coming.png) no-repeat center top; text-indent: -999em; background-size: contain; }

/* line 28, sass/styles.scss */
#signup { margin: 0 auto; width: 280px; text-align: center; }

/* line 29, sass/styles.scss */
#signup label { display: block; margin-bottom: 8px; font: bold 12px/1 "Helvetica Neue", Helvetica, arial, sans-serif; text-transform: uppercase; color: #eb5e1a; text-shadow: 0 0 4px #1f221b; -webkit-font-smoothing: antialiased; }

/* line 30, sass/styles.scss */
#mce-EMAIL { margin-bottom: 4px; padding: 0 8px; width: 100%; height: 33px; font: bold 14px/1 "Helvetica Neue", Helvetica, arial, sans-serif; color: #1f221b; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25); -webkit-font-smoothing: antialiased; background: rgba(255, 255, 255, 0.65); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

/* line 31, sass/styles.scss */
#mce-EMAIL:focus { outline: #000; }

/* line 32, sass/styles.scss */
#mce-EMAIL::-webkit-input-placeholder { color: #4d4e4b; }

/* line 33, sass/styles.scss */
#mce-EMAIL:-moz-placeholder { color: #4d4e4b; }

/* line 34, sass/styles.scss */
#mce-EMAIL::-moz-placeholder { color: #4d4e4b; }

/* line 35, sass/styles.scss */
#mce-EMAIL:-ms-input-placeholder { color: #4d4e4b; }

/* line 36, sass/styles.scss */
#mc-embedded-subscribe { width: 100%; height: 33px; font: bold 14px/1 "Helvetica Neue", Helvetica, arial, sans-serif; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); cursor: pointer; background: rgba(255, 255, 255, 0.95); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 12px inset; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 12px inset; box-shadow: rgba(0, 0, 0, 0.5) 0 0 12px inset; }

/* line 39, sass/styles.scss */
#logo img, #mc_embed_signup * { -webkit-transition-property: width, height; -moz-transition-property: width, height; -o-transition-property: width, height; transition-property: width, height; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; }

/* line 44, sass/styles.scss */
nav { border-bottom: 6px solid #eb5e1a; background: url('/images/images/ie/nav.png'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a393a), color-stop(100%, #231f20)); background: url('/images/images/ie/nav.png'), -webkit-linear-gradient(top, #3a393a, #231f20); background: url('/images/images/ie/nav.png'), -moz-linear-gradient(top, #3a393a, #231f20); background: url('/images/images/ie/nav.png'), -o-linear-gradient(top, #3a393a, #231f20); background: url('/images/images/ie/nav.png'), linear-gradient(top, #3a393a, #231f20); }
/* line 47, sass/styles.scss */
nav li { position: relative; }
/* line 49, sass/styles.scss */
nav a.nav-active:before, nav a.nav-active:after { content: " "; position: absolute; bottom: -1px; width: 12px; height: 14px; border: 1px solid #eb5e1a; z-index: 10; }
/* line 50, sass/styles.scss */
nav a.nav-active:before { left: -12px; border-bottom-right-radius: 14px; border-width: 0 1px 1px 0; -webkit-box-shadow: 4px 4px 0 #eb5e1a; -moz-box-shadow: 4px 4px 0 #eb5e1a; box-shadow: 4px 4px 0 #eb5e1a; }
/* line 55, sass/styles.scss */
nav a.nav-active:after { right: -12px; border-bottom-left-radius: 14px; border-width: 0 0 1px 1px; -webkit-box-shadow: -4px 4px 0 #eb5e1a; -moz-box-shadow: -4px 4px 0 #eb5e1a; box-shadow: -4px 4px 0 #eb5e1a; }

/* line 60, sass/styles.scss */
footer { padding: 25px 0; border-top: 6px solid #eb5e1a; background: url('/images/images/ie/footer.png'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #231f20), color-stop(100%, #3a393a)); background: url('/images/images/ie/footer.png'), -webkit-linear-gradient(top, #231f20, #3a393a); background: url('/images/images/ie/footer.png'), -moz-linear-gradient(top, #231f20, #3a393a); background: url('/images/images/ie/footer.png'), -o-linear-gradient(top, #231f20, #3a393a); background: url('/images/images/ie/footer.png'), linear-gradient(top, #231f20, #3a393a); *zoom: 1; }
/* line 38, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
footer:after { content: ""; display: table; clear: both; }

/*---------------------------------------------------------------------------------------- Media Queries
----------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) { /* line 72, sass/styles.scss */
  header { padding-top: 42px; }
  /* line 74, sass/styles.scss */
  #logo { position: absolute; top: 0; }
  /* line 75, sass/styles.scss */
  #logo:after { content: ""; position: absolute; right: 0; bottom: 0; margin-right: -30px; width: 0; height: 0; border-color: transparent #404041; border-style: solid; border-width: 0px 0px 42px 30px; }
  /* line 80, sass/styles.scss */
  #logo a { position: relative; display: block; background: #322f31; }
  /* line 81, sass/styles.scss */
  #logo img { display: block; width: 212px; height: 125px; }
  /* line 84, sass/styles.scss */
  nav { *zoom: 1; }
  /* line 38, ../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  nav:after { content: ""; display: table; clear: both; }
  /* line 85, sass/styles.scss */
  nav ul { float: right; background-color: #555658; }
  /* line 86, sass/styles.scss */
  nav li { float: left; border-right: 1px solid #666666; }
  /* line 87, sass/styles.scss */
  nav li:first-child { border-left: 1px solid #666666; }
  /* line 88, sass/styles.scss */
  nav a { display: block; padding-top: 3px; width: 140px; font-size: 11px; line-height: 32px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); background: url('/images/images/ie/nav-list.png'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4f), color-stop(80%, #5a5b5d), color-stop(100%, #444444)); background: url('/images/images/ie/nav-list.png'), -webkit-linear-gradient(top, #4d4d4f, #5a5b5d 80%, #444444 100%); background: url('/images/images/ie/nav-list.png'), -moz-linear-gradient(top, #4d4d4f, #5a5b5d 80%, #444444 100%); background: url('/images/images/ie/nav-list.png'), -o-linear-gradient(top, #4d4d4f, #5a5b5d 80%, #444444 100%); background: url('/images/images/ie/nav-list.png'), linear-gradient(top, #4d4d4f, #5a5b5d 80%, #444444 100%); }
  /* line 91, sass/styles.scss */
  nav a:hover { background: #4d4d4f; }
  /* line 92, sass/styles.scss */
  nav a.nav-active { margin-top: -5px; padding-top: 8px; border: none; border-radius: 5px 5px 0 0; background: #eb5e1a; }
  /* line 96, sass/styles.scss */
  #content { height: 604px; }
  /* line 97, sass/styles.scss */
  #content .wrap { padding-top: 80px; }
  /* line 101, sass/styles.scss */
  #page-home #content { min-height: 604px; background: url(images/content-home.png) no-repeat top center; }
  /* line 102, sass/styles.scss */
  #page-home #main { margin: 0 auto; padding-top: 20px; width: 500px; text-align: center; }
  /* line 103, sass/styles.scss */
  #page-home h1 { font-size: 66px; color: #fff; text-align: center; letter-spacing: -3px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }
  /* line 104, sass/styles.scss */
  #page-home h1 span { display: block; font-weight: normal; font-size: 28px; text-transform: lowercase; letter-spacing: 1px; }
  /* line 106, sass/styles.scss */
  #page-home .badges { height: 210px; text-indent: -99em; background: url(images/home-badges.png) no-repeat top center; background-size: cover; }
  /* line 110, sass/styles.scss */
  #page-instructions #content { min-height: 604px; background: url(images/content-instructions.png) no-repeat top center; }
  /* line 111, sass/styles.scss */
  #page-instructions #main { margin-left: 58%; width: 40%; text-align: center; }
  /* line 115, sass/styles.scss */
  #page-products #content { min-height: 604px; background: url(images/content-products.png) no-repeat top center; }
  /* line 116, sass/styles.scss */
  #page-products #main { width: 50%; text-align: right; }
  /* line 119, sass/styles.scss */
  #page-videos #content { min-height: 604px; /*background: url(images/content-products.png) no-repeat top center;*/ }
  /* line 122, sass/styles.scss */
  #page-contact #content { min-height: 604px; background: url(images/content-contact.png) no-repeat top center; }
  /* line 123, sass/styles.scss */
  #page-contact #main { margin-left: 0; width: 46%; text-align: center; }
  /* line 126, sass/styles.scss */
  #signup { float: left; width: 360px; }
  /* line 127, sass/styles.scss */
  #signup label { font-size: 15px; }
  /* line 128, sass/styles.scss */
  #mce-EMAIL { float: left; margin-bottom: 0; width: 250px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
  /* line 129, sass/styles.scss */
  #mc-embedded-subscribe { width: 108px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
  /* line 131, sass/styles.scss */
  #credit { float: right; } }
/*/mediaquery*/
@media only screen and (min-height: 570px) and (min-width: 600px) { /* line 137, sass/styles.scss */
  #wrapper { position: absolute; top: 50%; margin-top: -265px; padding: 0; width: 100%; } }
/*/mediaquery*/
/*@media only screen and (width: 320px) and (height: 444px) {

	#wrapper { position: absolute; top: 50%; margin-top: -181px; padding: 0; width: 100%; }

}*/
/*/mediaquery*/
@media only screen and (min-height: 400px) { /* line 149, sass/styles.scss */
  html { height: 100%; } }
/*/mediaquery*/