@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

/****** CONTAINER ******/
body{ background-color: #fff; background-image: url(../img/bg-stripe.png); background-repeat: repeat-x; font-size:15px;}
#main-content{background: url("../img/bg-main4.jpg") no-repeat scroll center top #eceaeb; background-size:100%;}
img{max-width:100%;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid > .navbar-header{margin-top:-8px;}
p,li{font-weight: 300; line-height: 1.8em; color:#555;}
.hero-caption p{font-weight:400;}
h1{
    font-family: 'Oswald', 'sans-serif';
    text-transform: uppercase;
    color: #777777;
    }
h2{
	color: #777777;
    font-family: 'Oswald','sans-serif';
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 2em;
    text-transform: uppercase;
}
h3{
	color:#444;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 19px;
    line-height: 1.5;
}
h4{
	color:#444;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 16px;
    line-height: 1.5;
}
h5{
	color: #555;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 16px;
    font-style: italic;
    line-height: 1.5;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    margin:3em 0;
}
.grid h2{margin-bottom:0;}
footer h5{font-size:14px; color:#aaa; font-weight: 200;}
.white{color: #fff;}
.error{color:#fc0106;}
.thankyou{color: #1de61e;}
.btn-primary{
	background-color: #428BCA;
    font-family: 'Oswald','sans-serif';
    font-weight: 400;
    text-transform: uppercase;}
/****** HEADER ******/
#nav-top.navbar { border-radius: 0; border: 0; margin-bottom: 0; z-index: 999; background-color:#333; }
#nav-top.navbar-inverse .navbar-nav>li>a{
	color:#fefefe;font-family: 'Open Sans', 'sans-serif';font-size: .85em; font-weight:600; letter-spacing:1px; padding: 15px 15px 15px;
}
.body-engineering #nav-top.navbar-inverse  .navbar-nav>li.nav-engineering>a,
.body-home #nav-top.navbar-inverse  .navbar-nav>li.nav-home>a,
.body-about #nav-top.navbar-inverse  .navbar-nav>li.nav-about>a,
.body-partners #nav-top.navbar-inverse  .navbar-nav>li.nav-partners>a,
.body-contact #nav-top.navbar-inverse  .navbar-nav>li.nav-contact>a{
	background-color: #000;
	color:#dee300;
}

#nav-main {margin-top:2em;margin-bottom:2em;}
#nav-main ul.navbar-nav{ margin-top:0.5em;}
#nav-main .navbar-nav>li>a{
	color: #7A7A7A; font-family: 'Oswald', 'sans-serif'; font-size: 1.15em; letter-spacing:1px; font-weight:300;text-transform: uppercase;
}
.page-learnthebasics #nav-main .navbar-nav>li.nav-page-learnthebasics>a,
.page-howitworks #nav-main .navbar-nav>li.nav-page-howitworks>a,
.page-specialprojects #nav-main .navbar-nav>li.nav-page-specialprojects>a{
	background-color:#eee;
}

.navbar-brand {padding: 0 15px 15px 0; height: 65px;}

#nav-topic {padding-left: 0;list-style: none; margin-bottom:0;}
#nav-topic>li{float:left;position: relative;display: block; text-align: center;}
#nav-topic>li>a{
	color: #777; 
	font-family: 'Open Sans', 'sans-serif';
	display: block;
	margin: 0 auto;
	padding: 10px 15px;
	font-weight: 400;
}
#nav-topic>li>a:hover{text-decoration: none; xbackground:#eee; color:#428BCA; } 
.topic-athleteavatar #nav-topic>li.nav-topic-atheleteavatar>a,
.topic-aerodynamics #nav-topic>li.nav-topic-aerodynamics>a,
.topic-reverseengineering #nav-topic>li.nav-topic-reverseengineering>a,
.topic-telemetry #nav-topic>li.nav-topic-telemetry>a,
.topic-racedaysimulation #nav-topic>li.nav-topic-racedaysimulation>a,

.topic-aerodynamics101 #nav-topic>li.nav-topic-aerodynamics101>a,
.topic-venuedynamics #nav-topic>li.nav-topic-venuedynamics>a,
.topic-yourbrain #nav-topic>li.nav-topic-yourbrain>a,
.topic-bioharmonics #nav-topic>li.nav-topic-bioharmonics>a,
.topic-energymanagement #nav-topic>li.nav-topic-energymanagement>a,

.topic-fabrictexture #nav-topic>li.nav-topic-fabrictexture>a,
.topic-boundarylayer #nav-topic>li.nav-topic-boundarylayer>a,
.topic-performancesimulations #nav-topic>li.nav-topic-performancesimulations>a{
	color:#428BCA;
}


#nav-sidebar {background:#fff; display: block;  box-shadow: 1px 2px 3px #CCCCCC; list-style: none; margin:0 0 1em 0; padding: 0;}
#nav-sidebar li{ text-align: center; padding:0; border-right: 1px solid #EDEBEB;border-bottom:#eee solid 1px;}
#nav-sidebar li a{  color: #428BCA;
    display: block;
    font-family: 'Open Sans','sans-serif';
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto;
    padding: 1em 0;
    text-transform: uppercase;
    width: 100%;}
#nav-sidebar li a:hover{background:#428BCA; color:#fff; text-decoration: none;}

.navbar-collapse{max-height: 400px;}

#searchform input.search-button {
    background: url("../img/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 22px;
    margin-left: -27px;
    margin-top: 7px;
    padding: 0;
    text-decoration: none;
    text-shadow: none !important;
    white-space: nowrap;
    width: 20px;
}
#searchform input.search-text {
    border: 1px solid #EEEEEE;
    border-radius: 0;
    color: #999999;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 0;
    outline: medium none;
    padding: 7px 33px 7px 7px; 
}

#hero-main-home{ background: url("../img/hero-home.png") no-repeat scroll right center / cover rgba(0, 0, 0, 0); height: 380px; }
.hero-caption-box{background:rgba(255, 255, 255, .9);margin-top:11em; padding: 15px 30px 30px; width:auto;}
.hero-caption-box .hero-caption h2,.hero-caption-box .hero-caption h3,.hero-caption-box .hero-caption h4 ,.hero-caption-box .hero-caption p { padding:0; margin:0;}
.hero-caption-box .hero-caption h4 {line-height: 1em;padding-left:20px;}
.hero-caption-box .hero-caption h4:before{   border-color: rgba(0, 0, 0, 0) #DEE300;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    content: "";
    display: block;
    height: 0;
    left: -1em;
    position: relative;
    top: .85em;
    width: 0;
    }
    
.hero-caption h1{
    color: #797979;
    font-family: 'Oswald','sans-serif';
    font-weight: 400;
    font-size: 40px;
    text-align: left; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    z-index: 10;
    margin-top:1em;
    margin-left:0;
}
.hero-caption h2{
    color: #363636;
    font-family: 'Oswald','sans-serif';
    font-weight: 200;
    font-size: 38px;
    text-align: left; 
    text-shadow: none;
    text-transform: none;
    z-index: 10;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:30px;
}
.hero-caption h3{
    color: #428BCA;
    font-family: 'Open Sans','sans-serif';
    font-weight: 600;
    font-size: 25px;
    text-align: left; 
    text-shadow: none;
    text-transform: none;
    z-index: 10;
    margin-top:1em;
    margin-left:30px;
}
.hero-caption-interior h1{
    color: #fff;
    font-family: 'Oswald','sans-serif';
    font-weight: 400;
    font-size: 40px;
    text-align: left; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    z-index: 10;
    margin-top:1em;
    margin-left:0;
}

.home-section{margin-top:2em; margin-bottom:2em;}
.home-section li a{font-weight: 400;}
/****** SLIDER ******/


.carousel-caption {
    left: 5%;
    padding-bottom: 30px;
    right: 20%;
    padding-top: 0;
    position: absolute;
    right: 15%;
    text-align: left; 
    top: 0;
}
.carousel-caption h1{
    color: #428bca;
    xcolor: #fff;
    font-family: 'Oswald','sans-serif';
    font-size: 35px;
    text-align: left; 
    xtext-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    z-index: 10;
    xmargin-top:2em;
    xmargin-bottom: 2em;
    margin-top:0;
    margin-bottom: 1em;
}
.carousel-caption p{
    xcolor: #428bca;
    color: #333;
    font-family: 'Open Sans','sans-serif';


    font-size: 16px;
    text-align: left; 
    text-shadow: none;
    xtext-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
    margin-top:2em;
    margin-bottom: 2em;
    xmargin-top:0;
    xmargin-bottom: 1em;
    xmax-width: 40%;
}

.carousel-inner .item img{
	width:100%;
}

.flex-control-nav,
.flex-direction-nav {
    bottom: -7px;
    float: right;
    position: relative;
}
.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none outside none;
    margin-right: 30px;
    padding: 0;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle;
}
.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #365281;
    cursor: default;
}
.flex-control-paging li a {
    background: none repeat scroll 0 0 #BDBDBD;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 10px;
}

.flex-direction-nav li {
    display: inline-block;
    vertical-align: middle;
}

.flex-direction-nav a.flex-next {
    background-color: #365281;
    color:#fff;
    background-position: 0 -195px;
    margin-left: 2px;
    padding:10px;
}
.flex-direction-nav a.flex-prev {
    background-color: #365281;
    color:#fff;
    background-position: 0 -359px;
    padding:10px;
}

.flex-direction-nav a:hover {background-color:#dee300;}



/****** BODY ******/
img.pull-right{margin-left: 1em; margin-bottom: 1em;}
.page-interior{padding:3em 1em 3em 0;}
.page-interior-sidebar{padding:3em 0 3em 1em;}
.page-interior-sidebar img{width:100%; max-width:500px;}
ul.list-arrow {
    margin: 0.75em 0 1.5em;
    padding: 0 1em;
    list-style: none;
}
ul.list-arrow li:before{ 
    content: "";
    border-color: transparent #dee300;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.2em;
    position: relative;
}
ul.list-underline {
    margin: 0.75em 4em 1.5em;
    padding: 0;
    list-style-type: square;
}

ul.list-underline li { 
    border-bottom:1px solid #fff;
    padding:1em 0;
    
    display: block;
    position: relative;
}
ul.list-underline li:last-child { 
    border-bottom:0;
}
ul.list-roman li {
    list-style-type: upper-roman;
    font-size:20px;
}
ul.list-roman li h3 {
    font-size:17px;
}
ul.list-roman li p {
    font-size:15px;
}
.question{margin-bottom:0;}
.answer{margin-top:0; padding-left:2em;}
.thumbnail{float:left; margin-right: 1em; margin-bottom: 1em; width: auto; border: 0; border-radius: 0; padding: 7px 0 0; background:none;}

.formula{padding-left:2em;letter-spacing: 2px;}
.think-box{
	border:1px solid #fff;
	padding: 1em;
}
.think-box .lead{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}
.speed-read{
	border:1px solid #fff;
	padding: 1em;
	background-color:rgba(255, 255, 255, 0.3);
}
.speed-read h3{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
    font-family: 'Oswald','sans-serif';
    color:#428bca;
    text-align: center;
    font-style: italic;
}

article {clear:left; margin-bottom: 1em; display:inline-block;}
article img{margin-bottom:1em;width: 100%;}
article h3{margin-top:0;}


.youtube-movie{width:100%; max-width: 560px; height:315px;}
#hero-main-engineering{ background-image: url("../img/about.jpg");background-size:cover;background-position:right; background: url("../img/about.jpg") no-repeat scroll right center / cover rgba(0, 0, 0, 0);  height: 276px; }
#hero-main-about{ background-image: url("../img/about.jpg");background-size:cover; background-position:right; background: url("../img/about.jpg") no-repeat scroll right center / cover rgba(0, 0, 0, 0); height: 276px; }
#hero-main-speed-skating{ background-image: url("../img/header-speed-skating.jpg"); background-size:cover;background-position:right; background: url("../img/header-speed-skating.jpg") no-repeat scroll right center / cover rgba(0, 0, 0, 0);  height: 276px; }
#hero-main-howitworks{ background-image: url("../img/header-howitworks.jpg");background-size:cover; background-position:right; background: url("../img/header-howitworks.jpg") no-repeat scroll right center / cover rgba(0, 0, 0, 0);  height: 276px; }
#hero-main-learn{ background-image: url("../img/hero-learn.jpg");background-size:cover; background-position:right; background: url("../img/hero-learn.jpg") no-repeat scroll right center / cover rgba(0, 0, 0, 0);  height: 276px; }
#hero-main-porosity{ background-image: url("../img/header-porosity.jpg"); background-size:cover; background-position:right;background: url("../img/header-porosity.jpg") no-repeat scroll right center / cover rgba(0, 0, 0, 0);  height: 276px; }

/****** FOOTER ******/

footer{background:#333; padding: 2em 0; color: #fff;}
footer h2{color:#ececec;}
footer a{color:#ececec;}
.footer-links a{margin-right: 2em;}
footer a:hover,
#nav-top.navbar-inverse .navbar-nav>li>a:hover{
	text-decoration:none; 
	color:#dee300;
	-webkit-transition-property: #dee300;
	-webkit-transition-duration: 2.0s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: #dee300;
	-moz-transition-duration: 2.0s;
	-moz-transition-timing-function: ease;
	-o-transition-property: #dee300;
	-o-transition-duration: 2.0s;
	-o-transition-timing-function: ease;
	-ms-transition-property: #dee300;
	-ms-transition-duration: 2.0s;
	-ms-transition-timing-function: ease;
	transition-property: #dee300;
	transition-duration: 2.0s;
	transition-timing-function: ease;
}
footer img{width:100%;max-width:300px;margin-top:20px;}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}

@media (max-width: 767px) {
  .page-interior,.page-interior-sidebar {
	padding: 2em 1em;
  }
  footer h2 {
    color: #ECECEC;
    margin-bottom: 0;
    text-align: center;
  }
  footer{text-align: center;}
  #nav-main{margin-bottom:0;}
  .page-learnthebasics #nav-top.navbar-inverse .navbar-nav > li.nav-page-learnthebasics>a,
  .page-howitworks #nav-top.navbar-inverse .navbar-nav > li.nav-page-howitworks>a,
  .page-specialprojects #nav-top.navbar-inverse .navbar-nav > li.nav-page-specialprojects>a{
		color:#DEE300;
  }

  
}
@media (max-width: 400px) {
  .footer-links a{display:block; margin-right:0;}
  .hero-caption h2{font-size:29px;}
  .hero-caption-interior h1{font-size:33px;}
  .youtube-movie{height:auto;}
  .navbar-toggle{margin-right:0;margin-top: 13px;}
  #nav-topic>li>a{
	padding: 10px 10px;
	}
}