@import url(//fonts.googleapis.com/css?family=Audiowide);
@import url(//fonts.googleapis.com/css?family=Monda:400,700);

    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom:0px;
      color: #5a5a5a;
    }
    
    h1, h3 {
      color: #EF843E;
      line-height: 1.5em;
      padding:15px 0;
    }

    h1 {
      font-size: 2.4em;
    }

    h2 {
      color: #EF843E;
      
    }
    
    h1, h2, h3 {
      font-family: 'Audiowide', Arial, Helvetica, san-serif;
      font-weight:normal;
    }

    p {
      font-family: 'Monda', Arial, Helvetica, san-serif;
      line-height: 24px;
      padding: 10px 0;
      color: #000;
      font-size:1.5em; /* change the numbers for font size */
    }

    ul {
      float: left;
      margin:0;padding:0; 
    }

    li {
      list-style: none;
    }
  
    a {
      color: #333;
    }

    a:hover {
      text-decoration: none;
    }

    img {
      max-width:100%;
      max-height: auto;
    }

    .lead {
      font-weight: bold;
      margin-bottom: 0;
    }

    .alpha {
      padding-left: 0;
      margin-left: 0;
    }

    .omega {
      padding-right: 0;
      margin-right: 0;
    }
    
    #homepage .container {
      max-width: 960px;
      margin: 0 auto; 
    }

    .btn-primary {
      background-color: #EF843E;
      background-image:linear-gradient(to bottom, #EF843E, #e16310);
      background-repeat:no-repeat;
      border-color:0;
      color: #FFFFFF!important;
      text-shadow:none;
    }

    .btn-primary:hover, 
    .btn-primary:focus, 
    .btn-primary:active, 
    .btn-primary.active, 
    .btn-primary.disabled, 
    .btn-primary {
        background-color: #e16310;
    }

    .btn-big {
      border-radius: 6px;
      font-size: 14.5px;
      padding: 11px 19px;
    }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      background-color: #e7e8ea;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top:0px;
      /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {
      margin-bottom:0px;
    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
     /* -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);*/
    }

    .navbar-inner {
      background-color:transparent;
      background-image: none;
      box-shadow: none;
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px 0; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* call to action */
    .call {
      background: url("../images/icon-phone.png") no-repeat scroll 0 23px rgba(0, 0, 0, 0);
      color: #ef843e;
      font-family: 'Audiowide', Arial, Helvetica, san-serif;
      font-size: 2.2em;
      font-weight: bold;
      line-height: 2.2em;
      text-align: right;
      margin-right: 12px;
      text-transform: uppercase;  
    }


    /*.icon-call {
      background: url("../images/icon-phone.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      height: 39px;
      margin-right: 5px;
      margin-top: 13px;
      vertical-align: top;
      width: 52px;
    }*/
    
    .twitter {
      background: url("../images/icon-twitter.png") no-repeat scroll 0 23px rgba(0, 0, 0, 0);
      color: #ef843e;
      font-family: 'Audiowide', Arial, Helvetica, san-serif;
      font-size: 2.2em;
      font-weight: bold;
      line-height: 2.2em;
      text-align: right;
      margin-right: 12px;
      text-transform: uppercase;  
    }


    /*.icon-twitter {
      background: url("../images/icon-twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      height: 39px;
      margin-right: 5px;
      margin-top: 13px;
      vertical-align: top;
      width: 52px;
    }*/

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav {
      padding:30px 0;
    }

    .navbar .nav > li > a {

      font-family: 'Monda', Arial, Helvetica, san-serif;
      font-size: 1.0em;
      font-weight: bold;
      padding: 10px 15px;
      text-shadow:none;
      text-transform: uppercase;
      
    }

    
    .navbar .nav > li > a:hover, 
    .navbar .nav > li > a:focus {
      background-color: #000;
      color: #fff;
    }

    .navbar .nav > .active > a, 
    .navbar .nav > .active > a:hover, 
    .navbar .nav > .active > a:focus {
      background-color: #EF843E;
      color: #fff;
      box-shadow: none;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin: 198px auto 0;
      width: 960px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 360px;
    }

    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height:360px;
    }

    .carousel > .carousel-indicators {
      margin: 0 auto;
      text-align: center;
      left: 48%;
      right: 45%;
      top: 95%;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }

    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }

    .carousel-caption .btn {
      margin-top: 10px;
    }

    


    /* MARKETING CONTENT
    -------------------------------------------------- */

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

    .inner-page {
      margin-top: 185px;
    }

    .bg-content {
      background: url(../images/bg-content.jpg);
      padding: 40px 0 60px;
    }
 

    .bg-content p img {
      padding:10px 20px 10px;
    }

    .bg-content .alpha {
      padding-left:0;
    }

    .bg-content .omega {
      padding-right:0;
    }    

    .bg-content a {
      color: #005580;
    }

    .bg-content a:hover {
      color: #000;
    }

    .gen-btm a {
      color: #999;
    }

    .widget-section {
      background:url(../images/bg-widget.jpg);
      height: auto;
      padding:60px 0 40px;
      
    }

    .widget-section .span4 {
      text-align: center;
      color: #f2f2f2;
    }
    
    .widget-section h3 {
      padding-bottom:5px;
      line-height: 1em;
    }

    .inventors-list {
      text-align: center;
    }



  
    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin:20px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }
    
    /* General Footer */

   

    .gen-footer {
      background:url(../images/bg-widget.jpg);
      height: auto;
      padding:20px 0;
      color: #999;
    }

    .gen-footer a,
    .gen-btm a {
      color: #999;
    }

    .gen-footer a:hover,
    .gen-btm a:hover {
      color: #EF843E;
    }

    .gen-btm {
      height:80px;
      line-height:30px;
    }

    .gen-btm a {
      color: #333;
    }


    

    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 980px) {

      #homepage .container {
        
      }
     

      .navbar-wrapper.container {
        margin-bottom: 0;
        width:100%;
      }
    
      .navbar-wrapper {
        padding:20px 0;
      }

      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
        position: relative;
      }

      .navbar-inner .brand {
        margin: 0 auto;
        text-align: center;
        width: 940px;
        padding-bottom: 0;
      }

      .navbar-inner p {
        width: 380px;
        margin-right: 255px;
      }

      .navbar .nav {
        padding:0;
      }

      .nav-collapse ul {
        margin:0 auto;
        width: 836px;
      }
    
    

      .navbar .btn-navbar {
        margin-top: 143px;
        position: absolute;
        right: 0;
      }

      .navbar-inner .span4 {
        width: 380px;
        background-position:0 23px;
      }

      .carousel {
        margin-top:333px;
      }
      .carousel .item {
        height:500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .inner-page {
        margin-top: 338px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }

    }

    @media (max-width:900px) {
       .navbar-inner .brand {
          width: auto;
          padding-bottom: 16px;
       }
       .navbar-inner p {
        width: 380px;
        margin-right:0;
        margin-top: 50px;
      }
      .carousel {
        margin-top: 218px;
      }
      .carousel .item {
        height:300px;
      }
      .carousel img { 
            width:auto;
            height:100%;
      }

      .inner-page {
        margin-top: 218px;
      }
      .lead {
        font-size: 1.3em;
      }
    }

    @media (max-width: 800px){
      .carousel .item {
        height:300px;
      }
      .carousel img { 
            width:auto;
            height:100%;
      }
      .carousel > .carousel-indicators {
          left:43%;
        }
    }


    @media (max-width:640px) {
        body {
          padding-left:0;
          padding-right: 0; 
        }

        h1 {
          font-size:2.2em;
        }

        .container {
          padding-left: 10px;
          padding-right: 10px; 
        }

        .navbar-inner .brand {
          width: 590px;
          padding-bottom:0;
       }
        
        .navbar-inner p {
          margin-top: 0;
          margin-right:95px;
        }

        .navbar .btn-navbar {
          margin-top: 210px;
        }

        .carousel .item {
        height:300px;
      }
      .carousel img { 
            width:auto;
            height:100%;
      }

        .carousel, .inner-page {
          margin-top:300px
        }

        .carousel > .carousel-indicators {
          left:45%;
        }


     }

    @media (max-width:600px) {
        body {
          padding-left:0;
          padding-right: 0; 
        }

        h1 {
          font-size:2.2em;
        }

        .container {
          padding-left: 10px;
          padding-right: 10px; 
        }

        .navbar-inner .brand {
          width: 540px;
          padding-bottom:0;
       }
        
        .navbar-inner p {
          margin-top: 0;
          margin-right:95px;
        }

        .navbar .btn-navbar {
          margin-top: 210px;
        }

        .carousel .item {
        height:300px;
      }
      .carousel img { 
            width:auto;
            height:100%;
      }

        .carousel, .inner-page {
          margin-top:300px
        }
        
        .carousel > .carousel-indicators {
          left:45%;
        }

     }    

     @media (max-width:480px) {
        body {
          padding-left:0;
          padding-right: 0; 
        }

        h1 {
          font-size:1.8em;
        }

        .container {
          padding-left: 10px;
          padding-right: 10px; 
        }

        .navbar-inner .brand {
          width:390px;
          padding-bottom:0;
       }
        
        .navbar-inner p {
          margin-top: 0;
          margin-right:30px;
        }

        .navbar .btn-navbar {
          margin-top: 210px;
        }

        .carousel .item {
        height:300px;
      }
      .carousel img { 
            width:auto;
            height:100%;
      }

        .carousel, .inner-page {
          margin-top:300px
        }
        
        .carousel > .carousel-indicators {
          left:43%;
          right: 43%;
        }


     }      

      @media (max-width:360px) {
        body {
          padding-left:0;
          padding-right: 0; 
        }

        h1 {
          font-size:1.8em;
        }



        .container {
          padding-left: 10px;
          padding-right: 10px; 
        }

        .navbar-inner .brand {
          width:290px;
          padding-bottom:0;
       }

       .navbar-inner .call {
          font-size: 1.5em;
          line-height: 3em;
      }
        
        .navbar-inner p {
          margin-top: 0;
          margin-right:30px;
          
        }

        .navbar-inner .span4 {
          width: 279px;
        }

        
        .navbar .btn-navbar {
          margin-top: 210px;
        }

        .carousel .item {
        height:215px;
      }
      .carousel img { 
            width:auto;
            height:100%;
      }

        .carousel, .inner-page {
          margin-top:295px
        }
        
        .carousel > .carousel-indicators {
          left:40%;
          right: 40%;
        }
     }     

     @media (max-width:320px) {
        .call {
          background-image: none;
        }

        .navbar-inner .brand {
          width:240px;
          padding-bottom:0;
       }
    }