/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

}



.cp-navbar {

    height: 80px;

    background-color: rgb(51, 199, 239);

    color: rgb(255, 255, 255);

    border: none;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper .container {

    padding-right: 0;

    padding-left: 0;

}



.navbar-wrapper .navbar {

    padding-right: 15px;

    padding-left: 15px;

}



.navbar-header {

    padding-left: 25px;

}



.navbar-brand {

    background-image: url("../images/logo_powered.png");

    background-position: center;

    background-repeat: no-repeat;

    margin-top: 12px;

    width: 299px;

    height: 58px;

}



@media (max-width: 768px) {

    .navbar-brand {

        background-image: url("../images/logo_powered.png");

        background-position: center;

        background-repeat: no-repeat;

        background-size: contain;

        margin-top: 12px;

        width: 200px;

        height: 39px;

    }

}



@media (min-width: 768px) {

    .navbar-brand {

        background-image: url("../images/logo_powered.png");

        background-position: center;

        background-repeat: no-repeat;

        margin-top: 12px;

        width: 299px;

        height: 58px;

    }

}





.navbar-default .navbar-toggle {

    border-color: transparent;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: white;

    height: 3px;

    width: 30px;

}





.navbar-fb {

    background-image: url("../images/facebook.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 32px;

    height: 32px;

    float: left;

    opacity: 0.6;

    margin-left: 10px;

    margin-top: 15px;

}



.navbar-twtr {

    background-image: url("../images/twitter.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 32px;

    height: 32px;

    float: left;

    opacity: 0.6;

    margin-left: 10px;

    margin-top: 15px;

}







.navbar-nav li a.cp-menu-item {

    color: white;

    height: 32px;

    padding-top: 5px;

    padding-bottom: 0px;

    padding-left: 8px;

    padding-right: 8px;

    font-size: 18px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

}



.navbar-nav li a.cp-menu-item-store, .navbar-nav li a.cp-menu-item-store:hover {

    color: white;

    background-color: #1851D6;

    height: 32px;

    padding-top: 5px;

    padding-bottom: 0px;

    padding-left: 8px;

    padding-right: 8px;

    font-size: 18px;

    font-weight: 700;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    border-radius: 5px;

}





.navbar-nav li a.twitterlink {

    padding-left: 10px;

    padding-right: 10px;

    background-image: url("../images/image010.png");

    background-repeat: no-repeat;

    background-position: center;

}



.navbar-nav li a.facebooklink {

    padding-left: 10px;

    padding-right: 10px;

    background-image: url("../images/image011.png");

    background-repeat: no-repeat;

    background-position: center 7px;

}



@media (min-width: 768px) {

    .navbar-nav.navbar-right:last-child {

        margin-right: -15px;

        margin-top: 32px;

    }

}



.navbar-nav li {

    border-right-style: solid;

    border-right-width: 1px;

    border-right-color: rgb(102, 213, 243);

}



.navbar-nav li.lastkslink {

    border-right-style: none;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    color: white;

    background-color: rgb(102, 213, 243);

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: white;

    background-color: rgb(102, 213, 243);

}



.dropdown-menu {

    background-color: rgb(51, 199, 239);

    color: white;

    border: none;

}



.dropdown-menu > li > a {

    background-color: rgb(51, 199, 239);

    color: white;

    border: none;

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-color: rgb(102, 213, 243);

    color: white;

    border: none;

}



@media (max-width: 767px) {

    .navbar-default .navbar-collapse,

    .navbar-default .navbar-form {

        border: none;

        background-color: white;

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a{

        color:rgb(51, 199, 239);

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{

        color: white;

        background: rgb(51, 199, 239);

    }

    .navbar-nav li {

        border-right-style: solid;

        border-right-width: 1px;

        border-right-color: rgb(102, 213, 243);

        float: left;

    }



    .navbar-default .navbar-nav > .open > a:focus {

        color: white;

        background: rgb(51, 199, 239);

    }



    .dropdown-menu {

        background-color: white;

        color: rgb(51, 199, 239);

        border: none;

    }



    .dropdown-menu > li > a {

        background-color: white;

        color: rgb(51, 199, 239);

        border: none;

    }



    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

        background-color: rgb(51, 199, 239);

        color: white;

        border: none;

    }



    .navbar-nav li a.cp-menu-item {

        height: 32px;

        padding-top: 5px;

        padding-bottom: 0px;

        padding-left: 8px;

        padding-right: 8px;

        font-size: 18px;

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        color: rgb(51, 199, 239);

    }



    .navbar-nav li a.cp-menu-item-store, .navbar-nav li a.cp-menu-item-store:hover {

        color: white;

        background-color: #1851D6;

        height: 32px;

        padding-top: 5px;

        padding-bottom: 0px;

        padding-left: 8px;

        padding-right: 8px;

        font-size: 18px;

        font-weight: 700;

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        border-radius: 5px;

    }

}



#links > li {

    margin-top: 10px;

    font-weight: 100;

}





#scio-marker {

    position: relative;

    top: 80px;

}



#tech-marker {

    position: relative;

    top: 80px;

}



#press-marker {

    position: relative;

    top: 80px;

}



#dev-marker {

    position: relative;

    top: 80px;

}



#jobs-marker {

    position: relative;

    top: 80px;

}



#faq-marker {

    position: relative;

    top: 80px;

}





.main-img-container {

    background-image: url("../images/JW7A2476.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    margin-top: 79px;

    height: 550px;

}



.main-img-container2 {

    background-image: url("../images/TinySpectrometer.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    margin-top: 79px;

    height: 550px;

}



.main-img-container3 {

    background-image: url("../images/JW7A2458.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    margin-top: 79px;

    height: 550px;

}



.maintext3 {

    margin-bottom: 0px;

    text-align: right;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 22px;

    line-height: 24px;

    color: #0094ae;

}





.mainbuttonrow {

    height: 275px;

}



.mainbutton {

    background-image: url("../images/preorder_1.png");

    background-size: auto;

    background-repeat: no-repeat;

    background-position: center;

    width: 492px;

    height: 51px;
  
    margin-top:130px;

}



.mainbutton:hover {

    background-image: url("../images/preorder_hover_1.png");

    background-size: auto;

    background-repeat: no-repeat;

    background-position: center;

    width: 492px;

    height: 51px;

}



@media (max-width: 767px) {

    .maintextrow {

        height: 75px;

        vertical-align: bottom;

        padding-top: 20px;

    }



    .mainbutton {

        background-image: url("../images/image012.png");

        background-size: contain;

        background-repeat: no-repeat;

        background-position: center;

        width: 80%;

        padding-right: 10%;

        padding-left: 10%;

        height: 50px;
    
    	margin-top:15px

    }



    .mainbutton:hover {

        background-image: url("../images/image019.png");

        background-size: contain;

        background-repeat: no-repeat;

        background-position: center;

        width: 80%;

        padding-right: 10%;

        padding-left: 10%;

        height: 50px;

    }



    .mainbuttonrow {

        height: 100px;

        padding-top: 20px;

    }



    .maintext {

        margin-bottom: 0px;

        text-align: left;

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 22px;

        font-weight: 700;

        line-height: 24px;

        color: #4d4d4d;

    }

}





.maintextrow {

    height: 275px;

    vertical-align: bottom;

    padding-top: 150px;

    padding-right: 80px;

}



.maintext {

    margin-bottom: 0px;

    text-align: right;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 22px;

    line-height: 24px;

    color: #ffffff;

}



.carousel-indicators {

    top: 550px;

    opacity: 0.2;

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

    height: 500px;

    margin-bottom: 80px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

    z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel .item {

    height: 500px;

    background-color: #777;

}



.carousel-inner > .item > img {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    height: 500px;

    max-width: none;

}





#myCarousel {

}



.container > .containerAction {

    background-color: rgba(0, 0, 0, 0.2);

}







.scioicon {

    background-image: url("../images/image014.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.scio-section-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #33c7ef;

    font-weight: 500;

}



.row .scio-container .scio-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #33c7ef;

    text-align: center;

    margin: 0px;

}



.row .scio-container .scio-heading2 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #33c7ef;

    font-weight: normal;

    text-align: center;

    margin: 0px;

}



.row .scio-container .scio-heading3 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 36px;

    line-height: 48px;

    color: #33c7ef;

    font-weight: 700;

    text-align: center;

    margin: 0px;

}





.row .scio-container .scio-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 22px;

/*    color: #33c7ef; */

    font-weight: 500;

    text-align: justify;

    margin: 0px;

}



.scio-featurette {

    margin-top: 40px;

}





.row .col-md-6 {

    padding: 0px;

    padding-left: 25px;

}



h2.normal-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 32px;

    line-height: 32px;

    color: #33c7ef;

    font-weight: normal;

    text-align: left;

    margin: 0px;

}





h2.normal-heading-bold {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 32px;

    line-height: 32px;

    color: #33c7ef;

    text-align: left;

    margin: 0px;

    margin-top: -3px;

}



h3.normal-heading-bold {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 26px;

    line-height: 26px;

    color: #33c7ef;

    text-align: left;

    margin: 0px;

    font-weight: 700;

}



.normal-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 22px;

/*    color: #33c7ef; */

    font-weight: 500;

    text-align: justify;

    margin-top: 16px;

    margin-right: 25px;

}



.normal-text-bold {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 22px;

/*    color: #33c7ef; */

    font-weight: 700;

    text-align: left;

    margin-top: 16px;

    margin-right: 25px;

}



.delimiter {

    height: 30px;

}



.scioline {

    margin-top: 20px;

    margin-bottom: 20px;

    height: 2px;

    margin-left: 10px;

    background-color: #cccccc;

}



.techicon {

    background-image: url("../images/updated54.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.techsection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #27d866;

    font-weight: 500;

}



.techimage {

    margin-top: 30px;

    margin-bottom: 40px;

}



.row .tech-container .tech-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #27d866;

    font-weight: 700;

    text-align: left;

    margin: 0px;

}



.row .tech-container .tech-heading2 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #27d866;

    font-weight: 500;

    text-align: center;

    margin: 0px;

}



.row .tech-container .tech-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 22px;

    color: #27d866;

    font-weight: 500;

    text-align: justify;

    margin: 0px;

}



.row .tech-container .tech-li {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    color: #27d866;

    font-weight: 500;

    margin: 0px;

}





.read-more-anchor {

    color: white;

}



.read-more-anchor:hover {

    color: white;

}



.faqicon {

    background-image: url("../images/icon_blue.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.faqsection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #1851D6;

    font-weight: 500;

}



.faqimage {

    margin-top: 30px;

    margin-bottom: 40px;

}



.row .faq-container .faq-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #1851D6;

    font-weight: 700;

    text-align: center;

    margin: 0px;

}



.row .faq-container .faq-heading1 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 44px;

    color: #1851D6;

    font-weight: 700;

    text-align: left;

    margin: 0px;

    text-decoration: underline;

}



.row .faq-container .faq-heading2 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 44px;

    color: #1851D6;

    font-weight: bold;

    text-align: left;

    margin: 0px;

}



.row .faq-container .faq-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 22px;

    color: #1851D6;

    font-weight: 500;

    text-align: justify;

    margin: 0px;

}



.faq-panel {

    background-color: transparent;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    color: #1851D6;

    font-weight: 500;

}









.pressicon {

    background-image: url("../images/image018.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.presssection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #0094ae;

    font-weight: 500;

}



.press-text {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 50px;

    color: #0094ae;

    font-weight: 400;

}



.presscontainer {

    /*background-color:   rgb(0,148,174);*/

}





.downloadpressrow {

    height: 49px;

}



.downloadpress {

    background-image: url("../images/DownloadPressKit.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

    height: 49px;

}



.pressrow > .col-md-4 {

    padding-right: 15px;

    padding-left: 25px;

}



h2.press-heading-bold {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 26px;

    line-height: 28px;

    color: #ffffff;

    font-weight: 400;

}



p.press-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 22px;

    color: #ffffff;

    font-weight: 400;

}



p.press-text-underline {

    margin-top: -15px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 22px;

    color: #ffffff;

    font-weight: 400;

}



.presslinedelim1 {

    margin-top: 128px;

    height: 2px;

    background-color: rgb(128,202,215);

    margin-bottom: 16px;

}



.presslinedelim2 {

    margin-top: 40px;

    height: 2px;

    background-color: rgb(128,202,215);

    margin-bottom: 16px;

}



.presslinedelim3 {

    margin-top: 48px;

    height: 2px;

    background-color: rgb(128,202,215);

    margin-bottom: 16px;

}



.medgadgetimg {

    background-image: url("../images/medgadget.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

    height: 35px;

    width: 155px;

}



.pcworldimg {

    background-image: url("../images/logo-pcworld.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: auto;

    height: 35px;

    width: 140px;

}



.gigaomimg {

    background-image: url("../images/gigaom.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

    height: 35px;

    width: 169px;

}



.developersicon {

    background-image: url("../images/image016.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.developerssection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #e32f40;

    font-weight: 500;

}



.row .dev-container .dev-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #e32f40;

    font-weight: 700;

    text-align: left;

    margin: 0px;

}



.row .dev-container .dev-heading2 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 30px;

    line-height: 48px;

    color: #e32f40;

    font-weight: 700;

    text-align: left;

    margin: 0px;

}



.row .dev-container .dev-heading3 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 48px;

    color: #e32f40;

    font-weight: 700;

    text-align: ledt;

    margin: 0px;

}



.row .dev-container .dev-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 22px;

    color: #e32f40;

    font-weight: 500;

    text-align: justify;

    margin: 0px;

}



.row .dev-container .dev-text-italic {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 22px;

    color: #e32f40;

    font-weight: 500;

    font-style: italic;

    text-align: center;

    margin: 0px;

}





.jobsicon {

    background-image: url("../images/image055.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.jobssection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #AC58FA;

    font-weight: 500;

}



.row .jobs-container .jobs-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #AC58FA;

    font-weight: 700;

    text-align: center;

    margin: 0px;

}



.row .jobs-container .jobs-heading1 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 26px;

    line-height: 26px;

    color: #AC58FA;

    font-weight: bold;

    margin: 0px;

}



.row .jobs-container .jobs-heading2 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 20px;

    line-height: 48px;

    color: #AC58FA;

    font-weight: bold;

    margin: 0px;

}



.row .jobs-container .jobs-heading3 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 48px;

    color: #AC58FA;

    font-weight: bold;

    margin: 0px;

}



.row .jobs-container .jobs-mail {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 48px;

    font-weight: bold;

    text-align: left;

    margin: 0px;

}



.row .jobs-container .jobs-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 22px;

    color: #AC58FA;

    font-weight: 500;

    text-align: justify;

    margin-top: 15px;

}



.row .jobs-container .jobs-li {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    color: #AC58FA;

    font-weight: 500;

    text-align: left;

    margin: 0px;

}





.teamicon {

    background-image: url("../images/image017.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.teamsection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #4d4d4d;

    font-weight: 500;

}



.team-name {

    text-align: center;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 18px;

    line-height: 20px;

    color: #4d4d4d;

    font-weight: 700;

}





@media (max-width: 767px) {

    .marcelo {

        text-align: center;

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 14px;

        line-height: 18px;

        color: #4d4d4d;

        font-weight: 700;

    }



    .main-img-container {

        background-image: url("../images/JW7A2476.png");

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        margin-top: 79px;

        height: 280px;

    }



    .main-img-container2 {

        background-image: url("../images/TinySpectrometer.png");

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        margin-top: 79px;

        height: 280px;

    }



    .main-img-container3 {

        background-image: url("../images/JW7A2458.png");

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        margin-top: 79px;

        height: 280px;

    }



    .maintext3 {

        margin-bottom: 0px;

        text-align: left;

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 16px;

        line-height: 18px;

        color: #0094ae;

    }





    .navbar-nav li a.twitterlink {

        padding-left: 10px;

        padding-right: 10px;

        background-image: url("../images/twitterblue.png");

        background-repeat: no-repeat;

        background-position: center;

    }



    .navbar-nav li a.facebooklink {

        padding-left: 10px;

        padding-right: 10px;

        background-image: url("../images/facebookblue.png");

        background-repeat: no-repeat;

        background-position: center 7px;

    }



    .mainbuttonrow {

        height: 140px;

        padding-top: 30px;

    }



    .mainbutton {

        background-image: url("../images/preorder_1.png");

        background-size: contain;

        background-repeat: no-repeat;

        background-position: auto;

        width: 95%;

        height: 75px;

    }



    .mainbutton:hover {

        background-image: url("../images/preorder_hover_1.png");

        background-size: contain;

        background-repeat: no-repeat;

        background-position: auto;

        width: 95%;

        height: 75px;

    }



    .carousel {

        height: 280px;

        margin-bottom: 80px;

    }



    .carousel .item {

        height: 280px;

    }



    .carousel-indicators {

        top: 550px;

        opacity: 0.2;

    }



    .maintextrow {

        height: 140px;

        vertical-align: bottom;

        padding-top: 20px;

        padding-right: 80px;

    }



    .maintext {

        margin-bottom: 0px;

        text-align: left;

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 16px;

        line-height: 18px;

        color: #ffffff;

    }



    .row .scio-container .scio-heading {

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 32px;

        line-height: 34px;

        color: #33c7ef;

        font-weight: 700;

        text-align: center;

        margin: 0px;

    }



    .row .tech-container .tech-heading {

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 32px;

        line-height: 34px;

        color: #27d866;

        font-weight: 700;

        text-align: center;

        margin: 0px;

    }



    .row .dev-container .dev-heading {

        font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

        font-size: 32px;

        line-height: 34px;

        color: #e32f40;

        font-weight: 700;

        text-align: left;

        margin: 0px;

    }



    .row .rightimage {

        padding-right: 25px;

        margin-bottom: 40px;

    }

}



.team-title {

    text-align: center;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 16px;

    line-height: 14px;

    color: #4d4d4d;

    font-weight: 400;

    margin-bottom: 25px;

}



.updatedicon {

    background-image: url("../images/updated54.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 40px;

    height: 19px;

    margin-left: 25px;

    margin-top: 15px;

}



.updatedsection-header {

    margin-left: 12px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 24px;

    line-height: 50px;

    color: #27d866;

    font-weight: 500;

}



.row .updated-container .updated-heading {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #27d866;

    text-align: center;

    margin: 0px;

}



.row .updated-container .updated-heading2 {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 44px;

    line-height: 48px;

    color: #27d866;

    font-weight: normal;

    text-align: center;

    margin: 0px;

}



.row .updated-container .updated-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 22px;

    color: #27d866;

    font-weight: normal;

    text-align: center;

    margin: 0px;

}



input[type="submit"].joinbtn {

    width: 30%;

    margin-left: 8px;

    height: 50px;

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    background-color: #27d866;

    border-color: #27d866;

    color: #ffffff;

}



#entry_1081413580 {

    width: 65%;

    height: 50px;

    border-color: #27d866;

}



.footer {

    background-color: white;

    height: 60px;

}



.footer-row {

    margin-top: 25px;

    text-align: center;

}



.shadowrow {

    height: 9px;

    background-image: url("../images/gradient_shadow-49.png");

    background-repeat: repeat-x;

    background-size: auto;

    width: 100%;

    margin-right: 0px;

    margin-left: 0px;

    margin-top: 45px;

}



blockquote {

    border-left: none;

    -webkit-font-smoothing: antialiased;

    color: rgb(85, 85, 85);

    display: block;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 20px;

    text-align: left;

    zoom: 1;

}



blockquote p {

    position: relative;

    margin: 0;

    background-color: #e1e5ea;

    padding: 33px 22px 28px 26px;

    font-size: 15px;

    line-height: 1.35;

    text-indent: 37px;

}



blockquote p:before {

    color: rgb(160, 171, 176);

    display: block;

    font-size: 32px;

    height: 57px;

    left: -7px;

    line-height: 57.599998474121094px;

    overflow-x: hidden;

    overflow-y: hidden;

    position: absolute;

    top: 23px;

    width: 60.4375px;

    position: absolute;

    top: 23px;

    left: -7px;

    color: #a0abb0;

    font-family: "Helvetica";

    font-size: 48px;

    line-height: 1.2;

    overflow: hidden;

    content: "''";

}



blockquote p:after {

    content: "";

    position: absolute;

    text-indent: 0;

    display: block;

    right: 0;

    bottom: -34px;

    border-width: 34px 34px 0 0;

    border-style: solid;

    border-color: #c2ccd4 transparent transparent transparent;

}



.pressul {

    font-size: 0;

    list-style-position: outside;

    padding: 0;

    display: block;

    list-style-type: disc;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

}



.pressli {

    -webkit-font-smoothing: antialiased;

    box-sizing: border-box;

    color: rgb(85, 85, 85);

    display: inline-block;

    font-family: Arial, Helvetica, sans-serif;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    position: relative;

    text-align: left;

    vertical-align: top;

    zoom: 1;

}



.pressLine {

    box-sizing: border-box;

    color: rgb(90, 90, 90);

    display: block;

    float: left;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 14px;

    height: 66px;

    line-height: 20px;

    min-height: 1px;

    overflow-x: hidden;

    overflow-y: hidden;

    padding-left: 15px;

    padding-right: 15px;

    position: relative;

    text-align: center;

}



.line {

    position: relative;

    overflow: hidden;

    text-align: center;

}







.line span {

    display: inline-block;

    vertical-align: baseline;

    zoom: 1;

    position: relative;

    padding: 0 8px 10px 8px;

}



.pressSpan {

    box-sizing: border-box;

    color: rgb(127, 130, 137);

    display: inline-block;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 24px;

    font-weight: 500;

    height: 36px;

    line-height: 26.399999618530273px;

    padding-bottom: 10px;

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 0px;

    position: relative;

    text-align: center;

    vertical-align: baseline;

    zoom: 1;

}





.line span:before,

.line span:after {

    content: '';

    display: block;

    width: 1000px;

    position: absolute;

    top: 0.7em;

    border-top: 1px solid #c9d1dc;

}



.line span:before {

    right: 100%;

}



.line span:after {

    left: 100%;

}



cite {

    -webkit-font-smoothing: antialiased;

    color: rgb(119, 119, 119);

    display: block;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 15px;

    list-style-position: outside;

    list-style-type: disc;

    margin-top: 32px;

    padding-left: 26px;

    text-align: left;

    text-transform: uppercase;

    zoom: 1;

}



blockquote cite strong {

    -webkit-font-smoothing: antialiased;

    color: rgb(26, 26, 26);

    display: block;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-style: normal;

    font-variant: normal;

    font-weight: bold;

    height: 20px;

    line-height: 20px;

    list-style-position: outside;

    list-style-type: disc;

    text-align: left;

    text-transform: none;

    zoom: 1;

}







/* MARKETING CONTENT

-------------------------------------------------- */



/* Pad the edges of the mobile views a bit */

.marketing {

    padding-right: 15px;

    padding-left: 15px;

}



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

    margin-bottom: 20px;

    text-align: center;

}



.marketing h2 {

    font-weight: normal;

}



.marketing .col-lg-4 p {

    margin-right: 10px;

    margin-left: 10px;

}



.developerSection {

    background-color: rgb(3,182,163);

    color: white;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



.technologySection {

    background-color: rgb(226,46,64);

    color: white;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}







.text-muted1 {

    color: rgb(205,205,205);

}



.logored {

    background-image: url("../images/cpredlogo.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    margin-top: 20px;

    margin-left: 20px;

    width: 55px;

    height: 29px;

}



.logoblue {

    background-image: url("../images/cpbluelogo.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    margin-top: 20px;

    margin-left: 20px;

    width: 55px;

    height: 29px;

}



/* Featurettes

------------------------- */



.featurette-divider {

    margin: 20px 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {

    font-weight: 300;

    line-height: 1;

    letter-spacing: -1px;

}







/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px) {



    /* Remove the edge padding needed for mobile */

    .marketing {

        padding-right: 0;

        padding-left: 0;

    }



    /* Navbar positioning foo */

    .navbar-wrapper {

        margin-top: 20px;

    }



    .navbar-wrapper .container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .navbar-wrapper .navbar {

        padding-right: 0;

        padding-left: 0;

    }



    /* The navbar becomes detached from the top, so we round the corners */

    .navbar-wrapper .navbar {

        border-radius: 4px;

    }



    /* Bump up size of carousel content */

    .carousel-caption p {

        margin-bottom: 20px;

        font-size: 21px;

        line-height: 1.4;

    }



    .featurette-heading {

        font-size: 50px;

    }



    .technologySection {

        font-size: 62px;

    }



    .developerSection {

        font-size: 62px;

    }



    .logored {

        background-image: url("../images/cpredlogo.png");

        background-position: center;

        background-repeat: no-repeat;

        background-size: 100%;

        margin-top: 20px;

        margin-left: 20px;

        width: 110px;

        height: 58px;

    }



    .logoblue {

        background-image: url("../images/cpbluelogo.png");

        background-position: center;

        background-repeat: no-repeat;

        background-size: 100%;

        margin-top: 20px;

        margin-left: 20px;

        width: 110px;

        height: 58px;

    }

}



@media (min-width: 992px) {

    .featurette-heading {

        margin-top: 120px;

    }

}



.carousel .item {

    -webkit-transition: opacity 3s;

    -moz-transition: opacity 3s;

    -ms-transition: opacity 3s;

    -o-transition: opacity 3s;

    transition: opacity 3s;

}



.carousel .active.left {

    left: 0;

    opacity: 0;

    z-index: 2;

}



.carousel .next {

    left: 0;

    opacity: 1;

    z-index: 1;

}



.flex-video {

    position: relative;

    padding-top: 1px;

    padding-bottom: 1px;

    height: 390px;

    margin-bottom: 1px;

    overflow: hidden;

    max-width: 640px;

    max-height: 390px;

}



.flex-video.widescreen { /*padding-bottom: 47%;*/

}



.flex-video.vimeo {

    padding-top: 0;

}



.flex-video iframe,

.flex-video object,

.flex-video embed {

    position: absolute;

    width: 100%;

    height: 100%;

    border: 3px solid #D0D0D0;

    border-radius: 4px;

}



@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {

    .flex-video {

        padding-top: 0;

    }

}



.flex-thumbnail-container {

    padding-top: 450px;

}



.flex-thumbnail-div {

    padding: 0px;

}



.flex-thumbnail-block {

    border: 3px solid #D0D0D0;

    border-radius: 3px;

    margin: 5px;

}



#flex-ul {

    list-style-type: none;

    padding: 0px;

    margin: 0px;

    height: 390px;

    max-width: 180px;

    overflow-y: scroll;

}



.flex-il-text {

    font-family: 'Nexa Regular', 'Raleway', 'sans-serif';

    font-size: 14px;

    line-height: 16px;

    color: #33c7ef;

    font-weight: 500;

    text-align: left;

    margin: 0px;

}





.div-press-logo{

    height: 75px;

    display: block;

    vertical-align:middle;

}

@media only screen and (max-device-width: 360px){
  .mainbutton {margin-top:30px}
}