@font-face {
    font-family:'square_serif_mediumregular';
    src: url('../fonts/squareserif-medium-webfont.eot');
    src: url('../fonts/squareserif-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/squareserif-medium-webfont.woff') format('woff'), url('../fonts/squareserif-medium-webfont.ttf') format('truetype'), url('../fonts/squareserif-medium-webfont.svg#square_serif_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    color: #444;
    -webkit-font-smoothing: antialiased;
    font-family:'square_serif_mediumregular';
    text-rendering: optimizeLegibility;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5em;
    margin: 0 auto;
    /* max-width: 1920px; 
     min-width: 1024px */
    background-color: #c5c5c5;  
    
}
h1, h2 {
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
}
h3 {
    font-weight: normal;
    font-style: normal;
    font-size: 1.25em;
}
hr {
    margin: 0px;
    border-top: dashed 1px #eee;
}
#navigation a:link {
    text-decoration:none;
    color:#43b8ea;
}
#navigation a:visited {
    text-decoration:none;
    color:#43b8ea;
}
#navigation a:hover {
    text-decoration:underline;
    color:#43b8ea;
}
#navigation a:active {
    text-decoration:underline;
    color:#43b8ea;
}
/*hsl(204, 67%, 50%);*/
 a:link {
    text-decoration:none;
    color:#fff;
}
a:visited {
    text-decoration:none;
    color:#fff;
}
a:hover {
    text-decoration:underline;
    color:#fff;
}
a:active {
    text-decoration:underline;
    color:#444;
}
.underlink a:link {
    text-decoration:underline;
    color:#444;
}
.underlink a:visited {
    text-decoration:underline;
    color:#444;
}
.underlink a:hover {
    text-decoration:underline;
    color:#fff;
}
.underlink a:active {
    text-decoration:underline;
    color:#444;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body, html {
    min-height: 100%;
    height: 100%;
}

.margin
o {
    width: 100%; 
    height: 100vh;
}

html, body { margin: 0; padding: 0; min-height: 100%; height: 100%; width: 100% }

.slide-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}





#intro {
    font-family:'square_serif_mediumregular';
    position: absolute;
    top: 50px;
    left: 50px;
    width: 280px;
    color: white;
}
img#intro-logo {
    width: 100%;
}
#intro-info {
    font-size: 18px;
    line-height: 1.25em;
}
#after-intro {
    //min-height: 100%;
    //height: 100%;

    //height: 100vh;

    position: relative;
    top: 100%;
}
#bouncePane {
    background-image: url(../images/dtr_scope_grey_golden_2560.jpg);
    background-repeat:no-repeat;
    background-size: 150%;
    height: 300px;
    padding-top: 25px;
    //padding-bottom: 275px;
}
#bounceLogo {
    width:100%
}
#explanation {
    padding-top: 3em;
    padding-bottom: 2em;
}
#explanation-video {
    margin-top: 22px;
}



.index-background {
    background-color: #c5c5c5;
    /*background-image: url(../images/dtr_scope_grey_golden_2560.jpg);
    background-repeat:no-repeat;
    background-size: cover;
     */
}

.scope-background {
    background-color: #c5c5c5;
    background-image: url(../images/dtr_scope_grey_golden_2560.jpg);
    background-repeat:no-repeat;
    background-size: 250%;
    background-size: 114%;
    background-position: 0 -305px;

}

.background {
    background-size: 250%;
    background-position: 0 -805px;
    background-image: url(../images/dtr_scope_grey_golden_2560.jpg);
    background-repeat:no-repeat;
}
.staticBackground {
    background-size: 200%;
    background-position: 0 -600px;
    background-image: url(../images/dtr_scope_grey_golden_2560.jpg);
    background-repeat:no-repeat;
    background-attachment: fixed !important;
    z-index: -2;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: auto;
}



/* -------- all things navigation ---------- */
 #navigationWrapper {
    width: 100%;
    z-index: 2;
    background-color: white;
    padding-top: 2em;
    padding-bottom: 2em;
}
.fullsite {
    background: white;
    width: 100vw;
}

#navigation {
    padding: 40px 60px;
    height: 20px;
}
#navigation li {
    display: inline-block;
}
#navigation li a {
    padding: 20px 10px 20px 10px;
}
#site-nav {
    float:left;
    vertical-align: middle;
}
#site-nav li:first-child a {
    padding-left: 3px;
}
#social-nav img {
    vertical-align: middle;
    width: 30px;
    margin-left: -10px;
    margin-top: -2px;
}
#social-nav {
    float: right;
}
#social-nav li:last-child a {
    padding-right: 12px;
}
#active {
    text-decoration: underline;
    color: #20b04a;
}






.vine-embed {
    height: 370px;
}
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
 #mc_embed_signup form {
    display:block;
    position:relative;
    text-align:left;
    margin-top: 1em;
    margin-left: -2px;
}
#mc_embed_signup input {
    border: 2px solid #888;
    color: #444;
    text-indent: 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family:'square_serif_mediumregular';
}
#mc_embed_signup input[type=checkbox] {
    -webkit-appearance:checkbox;
}
#mc_embed_signup input[type=radio] {
    -webkit-appearance:radio;
}
#mc_embed_signup input:focus {
    border-color:#3DB9EB;
}
#mc_embed_signup .button {
    float: left;
    background-color: #999;
    border: 0 none;
    border-radius:4px;
    color: #444;
    padding: .4em;
    font-family:'square_serif_mediumregular';
    text-align: center;
}
#mc_embed_signup .button:hover {
    background-color:#777;
}
#mc_embed_signup .small-meta {
    font-size: 1em;
}
#mc_embed_signup .nowrap {
    white-space:nowrap;
}
#mc_embed_signup .clear {
    clear:none;
    display:inline;
}
#mc_embed_signup label {
    display:block;
    font-size:1em;
    padding-bottom:10px;
}
#mc_embed_signup input.email {
    display:block;
    margin:0 .5em 1em 0;
    width:230px;
    min-width:230px;
    float: left;
    background-color: rgba(255, 255, 255, 0);
}
#mc_embed_signup input.button {
    display:block;
    width:100px;
}
#mc_embed_signup div#mce-responses {
    float:left;
    top:-1.4em;
    padding:0em .5em 0em .5em;
    overflow:hidden;
    width:90%;
    margin: 0 5%;
    clear: both;
}
#mc_embed_signup div.response {
    margin:1em 0;
    padding:1em .5em .5em 0;
    font-weight:bold;
    float:left;
    top:-1.5em;
    z-index:1;
    width:80%;
}
#mc_embed_signup #mce-error-response {
    display:none;
}
#mc_embed_signup #mce-success-response {
    color:#529214;
    display:none;
}
#mc_embed_signup label.error {
    display:block;
    float:none;
    width:auto;
    margin-left:1.05em;
    text-align:left;
    padding:.5em 0;
}
#mc_embed_signup {
    //background:#fff;
    clear:left;
    font-family:'square_serif_mediumregular';
    margin-left: 0;
    padding-left: 0;
    font-size: 1em;
}
/* ---------- Specific pages ----------- */
 .ghostRow {
    background: url('../images/illuciaRowTransBlur.svg') no-repeat;
    background-position: 680px -70px;
    background-size: 800px;
    padding-top: 6em;
    padding-bottom: 6em;
}
#hardware {
    padding-top: 2em;
    padding-bottom: 2em;
}
#community {
    padding-top: 6em;
    height: 20em;
}
.media {
    padding-bottom: 2em;
}
/*Software*/
 #software {
    padding-bottom: 2em;
    padding-top: 3em;
}
.softwareRow {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    border-top: dashed 2px rgba(75, 75, 75, .15);
}
.softwarePic {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -khtml-radius: 25px;
    overflow: hidden;
    margin-top: 12.5px;
    margin-bottom: 12.5px;
}
.boomWrap {
}
.boom {
    padding-top: 6em;
    overflow: none;
}
.controller {
    width: 100%;
}
.softwareExplanation {
    padding-top: 2em;
    padding-bottom: 4em;
}
.softwareExplanationText {
    padding-top: 14em;
}
/*FAQ and user guides*/
 .FAQAnswer {
    padding-left: 1em;
    padding-bottom: 1em;
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
    clear:both;
}
.FAQAnswerLast {
    padding-left: 1em;
    padding-bottom: 4em;
    border-bottom: 0 2px rgba(133, 133, 133, .25);
    clear:both;
}
.FAQQuestion {
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
    padding-left: 1em;
    padding-right: 1em;
}
#faq hr {
    margin: 0px;
}
#faq {
    padding-top: 2em;
}
#faqNav {
    line-height: 2em;
}
.diagram {
    padding-bottom: 2em;
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
}
.faqBackground {
    padding-top: 2em;
    /*
    background-size: 300%;
    background-position: 0 -805px;
    background-image:  url(../images/dtr_scope_grey_golden_2560.jpg);
    background-repeat:no-repeat;
*/
    padding-bottom: 2em;
    border-bottom: dashed 2px rgba(75, 75, 75, .15);
}
.lastFaq {
    border-bottom: 0px;
    padding-bottom: 4em;
}
#faqDiagram li {
    padding-bottom: 2em;
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
    float:right;
}
#faqDiagram li:last-child {
    padding-top: 2em;
}
.guide ul {
    padding-left: 2.5em;
    list-style-type: disc;
}
.guide ol {
    padding-left: 2.5em;
}
.guide p {
    padding-left: 1.25em;
}
.guide hr {
    border: dashed 1.5px rgba(133, 133, 133, .25);
}
.guideBox {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
}
.guideBoxLast {
    padding-top: 2em;
    padding-bottom: 4em;
}
.io li {
    margin-top: 1em;
}
#guideIntroImage {
    margin-top: 4em;
}
.appendixBox {
    margin-left: 1.25em;
}
.OSCAddress {
    color: #222;
}
.store {
    padding-top: 3em;
    padding-bottom: 3em;
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
}
.storeEntry {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: dashed 2px rgba(133, 133, 133, .25);
}
.storeOldPrice {
    text-decoration:line-through;
}
.storeSalePrice {
    font-weight: bold;
}




@media all and (max-width: 1200px) {
    body {
    }
    #bouncePane {
        padding-bottom: 225px;
    }
    #navigation li a {
        padding: 16px 8px 16px 8px;
    }
    #site-nav li:first-child a {
        padding-left: 3px;
    }
    #social-nav img {
        vertical-align: middle;
        width: 24px;
        margin-left: -10px;
    }
    #social-nav {
        float: right;
    }
    #social-nav li:last-child a {
        padding-right: 8px;
    }
    .staticBackground {
        background-size: 350%;
        background-position: 0 -400px;
        background-image: url(../images/dtr_scope_grey_golden_2560.jpg);
        background-repeat:no-repeat;
        background-attachment: fixed !important;
        z-index: -2;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-overflow-scrolling: auto;
    }
    .vine-embed {
        height: 300px;
        width: 300px;
    }


}