/*!
* I-NovaeStudios v1.1
*
* Copyright 2013 I-NovaeStudios, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the imagination in the multiverse @inovaestudios by @lyndzeblosser and @inovae_keith.
*/    

/* ACCOUNT STYLES
-------------------------------------------------- */
#account {
  float: right;
  width: 289px;
  padding-top: 5px;
}
#account .content {
  float: right;
  width: 229px;
  text-align: right;
}
#account .content ul.account-links {
  overflow: hidden;
  margin: 0;
  padding: 0px 0px 5px 0px;
  list-style-type: none;
}

#account .content ul.account-links li {
    display: inline-block;
}

#account .content ul.account-links li a.last { padding: 0 0 0 6px;}
#account .content ul.account-links li a {
  padding: 0 6px;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #bfc3ce;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}
#account .content ul.account-links li a:hover { color: #fff;}
#account .content ul.account-links li span {
  color: #000;
  opacity: .2;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-top: 0;
  margin-bottom: -90px;
}
.header-bg { background: url("/Content/Images/bg/header-bg.jpg") no-repeat;}
.navbar .brand {
  padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {
  padding: 15px 20px;
}

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

#mission { 
  width: 1260px;
  height: 200px;
  margin-top: 350px;
}

#mission h1 {
  font-size: 120px;
  line-height: 130px;
  font-weight: 400;
  color: #fff;
}

/* SUB-NAVBAR STYLES
-------------------------------------------------- */

.navbar-wrapper .sub-navbar {
  position: relative;;
  display: block;
  height: 50px;
  background-color: #bfc3ce;
}

.navbar-wrapper .sub-navbar .triangle-down {
  position:  absolute;
  top: -11px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #bfc3ce;
}

#company-link { left: 530px;}
#engine-link { left: 720px;}
#news-link { left: 1013px;}
#infinity-link { left: 1110px;}

.navbar-wrapper .sub-navbar .container ul.active {
  overflow: hidden;
  float: left;
  margin: 0 0 0 435px;
  list-style-type: none;
}

.navbar-wrapper .sub-navbar .container ul.active li { 
  float: left;
  padding: 15px 33px 0 33px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #0f45d1;
}

.navbar-wrapper .sub-navbar .container ul.active li a {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6e7179;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-wrapper .sub-navbar .container ul.active li a:hover{ color: #0f45d1;}






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

/* Carousel base class */
.carousel {
  margin-bottom: 40px !important;
}

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

.carousel-control { /*text-shadow: 0 1px 1px rgba(0,0,0,.4); TEXT STYLE ONLY*/}

.carousel .item {
  height: 640px;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
#wolf {
  position: absolute; 
  left: 1000px;
  top: -20px;
  min-width: 162px;
  height: 396px;
  opacity: 0.7;
}
.carousel-caption {
  position: static;
  max-width: 1024px;
  padding: 0 20px;
  margin-top: 200px;
  background-color: transparent;
}
.carousel-caption .lead {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #fff;
  text-align: left;
}
.carousel-caption h1 {
  font-size: 120px;
  line-height: 130px;
  color: #fff;
  text-align: left;
}
.carousel-caption h1 span { 
  font-size: 80px;
  line-height: 90px;
}
.carousel-caption .btn {
  margin-top: 20px;
}

/* PAGE CONTENT
-------------------------------------------------- */

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

.marketing .span4 {
  text-align: left;
}
.marketing h5 { 
color: black;
}
.marketing .mission {
  position: relative;
  margin-top: 30px;
}
.marketing .mission:before {
  content: " ";
  display: block;
  float: left;
  margin-left: -1px;
  margin-top: -4px;
  margin-right: 10px;
  margin-bottom: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #bfc3ce;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
}

.marketing .mission-cta{
  margin: 30px 0 0 30px;
}

.marketing .mission-cta a { padding: 0 57px;}


.marketing h4 {
  color: black;
  margin: 20px 0 10px 0;
}

.marketing h5 {
  font-weight: 400;
}
.marketing .span4 p {
  margin: 5px 20px 0 0;
  font-size: 12px;
}

.marketing h6 { margin: 20px 0;}

.marketing i { 
  position: relative;
  top: -51px;
  left: -42px;
  font-size: 26px;
  color: #FFF;
}

.marketing i.small { 
  left: -40px;
  font-size: 20px;
}

.page-contents {
  margin-top: 220px;
}

.page-contents .row .span16 h2 { 
  margin: 50px 0 20px 0;
  text-align: center;
}

.page-contents .row .span16 h3 { text-align: center;}

.page-contents .row .span16 .button-center {
  float: left;
  margin: 50px 0 55px 540px;
}

.page-contents .row .span16 .button-center a.button {
  float: left;
  width: 180px;
  height: 50px;
  background-color: #646770;

  font-size: 20px;
  line-height: 48px;
  font-weight: 200;
  color: #fff;
  text-align: center;
}

.page-contents .row .span16 .button-center a.button:hover {
  text-decoration: none;
  color: #0f45d1;
  background-color: #bfc3ce;
}

.page-contents .row .span16 .quick-facts {
  float: left;
  width: 800px;
  margin: 40px 0 30px 315px;
}

.page-contents .row .span16 .quick-facts .span2 {
  width: 159px;
  border-right: solid 1px white;
}

.page-contents .row .span16 .quick-facts .span2.last { border-right: none;}

.page-contents .row .span16 .quick-facts .span2 span.fact {
  display: block;
  width: 159px;
  font-size: 28px;
  line-height: 30px;
  font-weight: 200;
  color: #3d414c;
  text-align: center;
}

.page-contents .row .span16 .quick-facts .span2 small {
  display: block;
  width: 159px;
  line-height: 24px;
  font-weight: 400;
  color: #3d414c;
  text-align: center;
}

.page-contents .row .span10.frame { width: 800px;}
.page-contents .row .span6.frame { width: 480px;}


.page-contents .row .span4.profiles { margin: 20px 0 40px 10px;}
.page-contents .row .span4.profiles img { margin: 0 0 20px 30px;}

.page-contents .row .span4.profiles h2,h3 { text-align: center;}
.page-contents .row .span4.profiles h2 { font-size: 40px;}
.page-contents .row .span4.profiles h3 { margin: 10px 0 0 0; color: #3d414c;}



.page-contents .row .span16.engine-bg {
  height: 870px;
  background: url("/Content/Images/bg/inovaestudios-engine.jpg") no-repeat top left; 
}

.page-contents .row .span16.contact-bg {
  height: 870px;
  background: url("/Content/Images/bg/inovaestudios-gas-giant.jpg") no-repeat top left; 
}


.page-contents .row .span16.engine-bg .span6.transparent-dark {
  width: 420px;
  margin: 200px 0 0 0;
  padding: 30px 20px;
  background-color: rgba(0,0,0, 0.2);
}

.page-contents .row .span16.engine-bg .span6.transparent-dark h2 { margin: 0;}
.page-contents .row .span16.engine-bg .span6.transparent-dark h2 small { color: white;}

.page-contents .row .span16.engine-bg .span6.transparent-dark h5 { margin: 10px 0 0 32px;}

.page-contents .row .span16.engine-bg .span6.transparent-dark .button-watch {
  float: left;
  margin: 40px 0 10px 30px;
}

.page-contents .row .span16.engine-bg .span6.transparent-dark .button-watch a.button {
  float: left;
  width: 280px;
  height: 50px;
  background-color: #3d414c;

  font-size: 20px;
  line-height: 48px;
  font-weight: 200;
  color: #fff;
  text-align: center;
}

.page-contents .row .span16.engine-bg .span6.transparent-dark .button-watch a.button:hover {
  text-decoration: none;
  color: #0f45d1;
  background-color: #bfc3ce;
}

.page-contents .row .span1 a.playbt {
  float: left;
  width: 60px;
  height: 40px;
  margin: -47px 0 0 10px;
  text-indent: -9999px;
  background: url("/Content/Images/bt/play.png") no-repeat top left;
}


/* Featurettes
------------------------- */
.divider { margin: 40px 0;}
.featurette-divider { margin: 0 0 60px 0;}
.featurette {
  overflow: hidden;
}

.featurette.one {
  background: url("/Content/Images/bg/ex-bg.jpg") no-repeat top left; 
}
.featurette-image { margin-top: -10px;}
.featurette-image.pull-left { margin-right: 40px;}
.featurette-image.pull-right { margin: 0;}
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.featurette .span9 { margin: 80px 0 0 0px;}

/* Latest News
------------------------- */

a.title {
  display: block;
  padding: 0 0 15px 0;
  font-size: 22px;
  line-height: 24px;
}

a.title:hover {
  color: red;
  text-decoration: none;
}

article {
  float: left;
  width: 387px;
  margin: 15px 0 5px 0;
}

article small,
article author {
  font-size: 11px;
}

article author a { display: inline !important;}

article small span {
  padding: 0 2px 0 5px;
}

article p {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  /*padding: 10px 0 0 0;*/
  font-size: 14px;
  line-height: 18px;
 /* border-top: solid 1px #f0f0f3;*/
}

article p a { 
  display: inline !important;
  font-size: 14px;
  line-height: 18px;
  color: #0f45d1;
}

article p a:hover {
  color: #344c97;
  text-decoration: none;
}


/* Blog
------------------------- */

.blog {
  background: url("/Content/Images/bg/blog-bg.jpg") repeat;
}






/* Footer
------------------------- */

footer {
  width: 100%;
  margin: 0 auto; 
}

footer .container {
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 0 0;
  background: #0d121f; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGQxMjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMWYyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-122deg,  #0d121f 0%, #1b1f2b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left right, left bottom, color-stop(0%,#0d121f), color-stop(100%,#1b1f2b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-122deg,  #0d121f 0%,#1b1f2b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-122deg,  #0d121f 0%,#1b1f2b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-122deg,  #0d121f 0%,#1b1f2b 100%); /* IE10+ */
  background: linear-gradient(-122deg,  #0d121f 0%,#1b1f2b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d121f', endColorstr='#1b1f2b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

footer .container .content {
  position: relative;
  width: 1260px;
  margin: 0 auto;
}

footer .container .content .social {
  float: left;
  width: 100%;
  border-bottom: solid 1px #1c212d;
}

footer .container .content .social h2 {
  float: left;
  padding-top: 0;
  margin: 0;
  font-size: 58px;
  line-height: 60px;
  font-weight: 200;
  color: #d2d3da;
}

footer .container .content .social h2 span {
  font-size: 58px;
  line-height: 60px;
  font-weight: 200;
  color: #3d414c;
}

footer .container .content .brand {
  float: left;
  display: block;
  width: 202px;
  height: 68px;
  margin: 12px 60px 0 0;
  padding: 0;
  text-indent: -9999px;
  background: url("/Content/Images/inovaestudios-logo.png") no-repeat;
}

footer .container .content .social nav,
footer .container .content nav { 
  float: left;
  width: 993px;
  margin: 20px 0 40px 5px;
}

footer .container .content .social nav {
  width: 777px;
  margin: 38px 0 40px 20px;
}

footer .container .content .social nav ul,
footer .container .content nav ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
}


footer .container .content .social nav ul li,
footer .container .content nav ul li { 
  float: left;
  padding: 0 33px;
}

footer .container .content .social nav ul li.first {
  padding: 0 33px 0 0;
}

footer .container .content .social nav ul li.last {
  float: right;
  padding: 0;
}
   
footer .container .content nav ul li a {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #bfc3ce;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer .container .content .social nav ul li a { color: #b8c4e3;}

footer .container .content nav ul li a:hover,
footer .container .content nav ul.links li a.child:hover
{
    color: #fff;
}

footer .container .content nav ul.links {
  float: left;
  width: 180px;
}

footer .container .content nav ul.links li { 
  width: 100%;
  padding: 0;
}

footer .container .content nav ul.links li a.child {
  text-decoration: none;
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  color: #bfc3ce;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer .container .content .social-networks {
  float: left;
  margin: 20px 0;
}

footer .container .content .twitter {
  margin: 20px 0px;
  width: 520px;
  display: inline-block;
  float: right;
}

footer .container.bottom {
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 5px 0;
  background: #1b1f2b;
}

footer .container.bottom .content {
  position: relative;
  width: 1260px;
  margin: 0 auto;
}

footer .container.bottom .content nav {
  float: left;
  width: 705px;
  margin: 0;
}

footer .container.bottom .content nav ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

footer .container.bottom .content nav ul li { 
  float: left;
  padding: 0;
}

footer .container.bottom .content nav ul li span {
    padding: 0 5px;
  font-size: 10px;
    line-height: 12px;
  font-weight: 400;
    color: #4f5460;
}
   
footer .container.bottom .content nav ul li a {
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
  font-weight: 400;
    color: #4f5460;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer .container.bottom .content nav ul li a:hover { color: #fff;} 

footer .container.bottom .content .copyright {
  float: right;
}

footer .container.bottom .content .copyright h6 {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #4f5460;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

h1.title { margin: 0 0 60px 0;}

article.entry { 
  width: 100%;
  margin: 0;
  padding: 0 30px 0 30px;
}

article.entry p {
  float: left;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  border-top: none;
}

.footerLinkContainer
{
    float: left;
    margin: 40px 0 0 0;
}

a.backtotop
{
    color: #b8c4e3;
    text-decoration: none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.backtotop:hover
{
    color: #fff;
    text-decoration: none;
}

h2.gross
{
    margin: 0 0 20px 0;
    font-size: 70px;
    line-height: 70px;
    font-weight: 200;
    color: #3D414C;
}

.marketing h3
{
    margin: 0 20px 40px 0;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
}

.span3.blog
{ 
    padding: 0 20px;
    width: 238px;
  
}

.span3.blog.last
{ 
    padding: 0 0 0 20px;
    border-right: none;
    padding: 0;
    width: 219px;
}

.row.blog
{
    margin: 40px 0;
}

.span3.blog h3
{ 
    margin: 0px 0 10px 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: left;
}

.span3.blog h3 a:hover
{ 
    text-decoration: none;
    color: #F00;
}

.span3.blog p,
.span3.blog span.Apple-style-span
{
    margin: 6px 0 0 0;
}

.span3.blog span.Apple-style-span
{
    font-size: 14px!important;
    width: 100%;
}

.blogline
{ 
    float: left;
    width: 1px;
    height: 600px;
    margin: 0 20px 0 0;
    background: #bbb;
}

.blogtimedate
{
    line-height: 13px;
}