/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
    font-family: 'Roboto';
    src: url('../font/roboto-regular-webfont.eot'); 
    src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular-webfont.svg') format('svg'),
         url('../font/roboto-regular-webfont.woff') format('woff'),
         url('../font/roboto-regular-webfont.ttf')  format('truetype');
}

@font-face {
    font-family: "Roboto";
    src: url('../font/Roboto-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
  font-family: 'Roboto';
    src: url('../font/roboto-bold-webfont.eot'); 
    src: url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-bold-webfont.svg') format('svg'),
         url('../font/roboto-bold-webfont.woff') format('woff'),
         url('../font/roboto-bold-webfont.ttf')  format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url('../font/Roboto-Italic.ttf');
    font-weight: bold;
    font-style: italic;
}

document, window, html, body {
	height: 100%;
  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
	color: #5a5a5a;
	-webkit-transform: translateZ(0);
	background: #f1f1f1;
	background: -moz-radial-gradient(center, ellipse cover, #dfdfdf 2%, #ffffff 28%, #e1e1e1 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%,#dfdfdf), color-stop(28%,#ffffff), color-stop(100%,#e1e1e1));
	background: -webkit-radial-gradient(center, ellipse cover, #dfdfdf 2%,#ffffff 28%,#e1e1e1 100%);
	background: -o-radial-gradient(center, ellipse cover, #dfdfdf 2%,#ffffff 28%,#e1e1e1 100%);
	background: -ms-radial-gradient(center, ellipse cover, #dfdfdf 2%,#ffffff 28%,#e1e1e1 100%);
	background: radial-gradient(center, ellipse cover, #dfdfdf 2%,#ffffff 28%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=1 );
}



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

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  z-index: 999;
}
.navbar-wrapper .navbar {
  border-radius: 0;
  background-color: #4678ba;
  border-bottom: 2px solid #426ea7;
}

.navbar-inverse .navbar-nav > li > a {
  color: white;
}

.navbar-wrapper > .container {
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.navbar > .container {
  background: #426ea7;
  border-left: 1px solid #396196;
  border-right: 1px solid #396196;
}

.navbar .nav > li.active > a {
	color: #ffffff;
	background-color: #4678ba;
}

/* Downsize the brand/project name a bit */
.navbar .brand {
  border-radius: 3px;
  width: 160px;
  height: 50px;
  background: url(images/banner.2x.png) no-repeat;
  background-size: 100%;
  float: left;
  margin-left: -15px;
}
.navbar .brand:hover {
  background-color: #4678ba;
}
/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {
  padding: 15px 20px;
}

.navbar-nav > li:hover, .navbar li > a:hover, .navbar li.active > a:hover, .navbar li.active:hover {
  background: #4678ba !important;
}

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

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

/* Carousel base class */
.carousel {
  -webkit-transform: translateZ(0);
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  position: absolute;
  top: 53px;
  bottom: 0;
  left: 0;
  right: 0;
}

.carousel-control {
  background: none;
  background-image: none !important;
}

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

.carousel-inner {
  position: absolute;
  overflow: hidden;
  margin-top: -250px;
  top: 50%;
}

.carousel .container.reditr-logo-special {
	background: url(images/spaceship.png) no-repeat top center;
}

.carousel .container.reditr-logo-special .carousel-caption {
	margin-top: 300px;
	text-align: center;
	max-width: none !important;
}

.carousel .reditr-xplat-special {
	background: url(images/xplat.png) no-repeat right 150px;
}

.carousel .reditr-xplat-special .carousel-caption {
	margin-top: 200px !important;
}
.carousel .reditr-gallery-special {
	background: url(images/sshot-11.png) no-repeat center 100px;
}

.carousel .reditr-gallery-special .carousel-caption {
	margin-top: 300px;
	text-align: center;
	max-width: none !important;
}

.container.marketing.home footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.carousel-control {
  margin-top: 0;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  border: 0;
  background: url(images/rightArrow.png) center center no-repeat !important;
}
.carousel-control.left {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
 }
.carousel .item {
  height: 500px;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.carousel-caption {
  background-color: transparent;
  position: static;
  max-width: 550px;
  padding: 0 20px;
  margin-top: 150px;
}
.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: 23px;
}



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

/* Center align the text within the three columns below the carousel */
.marketing .span4 {
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .span4 p {
  margin-left: 10px;
  margin-right: 10px;
}


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

.featurette-divider {
  margin: 80px 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.osx {
	padding-top: 0;
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/*for reflection purposes*/
.featurette-image.osx {
	margin-top: 0;
}

/* 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;
}



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

@media (max-width: 979px) {

  .container.navbar-wrapper {
	margin-bottom: 0;
	width: auto;
  }
  .navbar-inner {
	border-radius: 0;
	margin: -20px 0;
  }

  .carousel .item {
	height: 500px;
  }
  .carousel img {
	width: auto;
	height: 500px;
  }

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

@media (max-width: 767px) {

  .navbar-inner {
	margin: -20px;
  }

  .carousel {
	margin-left: -20px;
	margin-right: -20px;
  }
  .carousel .item {
	height: 300px;
  }
  .carousel img {
	height: 300px;
  }
  .carousel-caption {
	width: 65%;
	padding: 0 70px;
	margin-top: 100px;
  }
  .carousel-caption h1 {
	font-size: 30px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
	font-size: 18px;
  }

  .marketing .span4 + .span4 {
	margin-top: 40px;
  }

  .featurette-heading {
	font-size: 30px;
  }
  .featurette .lead {
	font-size: 18px;
	line-height: 1.5;
  }

}

.icon {
    width: 32px;
    height: 32px;
    background: url(images/social.png);
	display: inline-block;
	margin-top: 9px;
}
.twit {
    background-position: 0 0;
    cursor: pointer;
}
.twit {
    background-position: 0 -32px;
}
.fb {
    background-position: -32px 0;
    cursor: pointer;
}
.fb {
    background-position: -32px -32px;
}
.reddit {
    background-position: -64px 0;
    cursor: pointer;
}
.reddit:hover {
    background-position: -64px -32px;
}

.email {
    background-position: -96px 0;
    cursor: pointer;
}
.email {
    background-position: -96px -32px;
}
.gplus {	
    background-position: -128px 0px;
}
.gplus {
    background-position: -128px -32px;
}
.page-header {
	text-align: left;
}

.row {
	margin-left: 0px !important;
}

#indent {
	margin-left: 23px;
}

.simpleHeaderFix {
	margin-top: 30px;
	margin-bottom: 10px;
}

.featureList {
	margin-top: -180px;
}

.container.marketing.downloads .span4 {
	margin-left: 10px;
}

.container.marketing.home {
  height: 100%;
}
.container.marketing { padding-top: 75px; }

a {
	text-decoration: none !important;
}