body {
  background-color:#111111;
}
.sidebar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 25px;
  background: #fdfdfd;
  border: 1px solid #ececec;
  margin-bottom: 10px;
  overflow:hidden;
}
.sidebar li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-left: -25px;
}
address {
  margin-bottom:-10px;
  padding-bottom:0;
}
.sidebar hr {
  margin-bottom:10px;
  margin-top:0;
  padding:0;
  margin-right:-25px;
  margin-left:-25px;
  border-top: 1px solid #E7E7E7;
  border-bottom: none;
}
.sidebar .nav-list {
  padding-left:0;
  padding-right:0;
}
.sidebar h4 {
  margin-top:2px;
}
.sidebar h2 {
  margin-bottom:10px;
  margin-top:5px;

}
acronym {
cursor: help;
}
.portfolio-lead {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 20px 10px 20px;
  background: #333;
  color:white;
  border: 1px solid #ececec;
  margin-top: 30px;
  background-image: url("../images/bg-dark.png");
}
.chevron-list-right {
  list-style-image:url('../images/chevron-right.png');
  list-style-position:initial;
margin-left: 10px;
  }
.chevron-list-right .active {
  list-style-image:url('../images/chevron-right-active.png');
  list-style-position:initial;
  }
.chevron-list-left {
  list-style-image:url('../images/chevron-left.png');
  list-style-position:initial;
  }

  
.breadcrumb {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  background:none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 0px 0 #ffffff;

}
.breadcrumb > li a {
    color: #ccc;
}
.breadcrumb > li a:hover {
    color: #fff;
}
.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #999999;
}
h1 {
  font-family: "adelle",serif;
  font-weight:700;
}
h2, h3, h4, h5, h6 {
  font-family: "adelle",serif;
  font-weight: 300;
}
h1 {font-size:32px;line-height: 1.2em;color: #EEE;}
h2 {font-size:26px;line-height: 1.2em;color: #333;}
h3 {font-size:24px;line-height: 1.2em;}
h4 {font-size:18px;line-height: 1.2em;}
h5 {font-size:16px;line-height: 1.2em;}

h2 a:hover {
  color:#CB333B;
}
.arr {
  width:0px; 
  height:0px; 
  border-bottom:7px solid transparent;  /* left arrow slant */
  border-top:7px solid transparent; /* right arrow slant */
  border-right:7px solid #2f2f2f; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin-bottom:-10px;
  position:relative;
  top:35px;
  left:-16px;
}
h5 img {
  margin-right: 10px;
  height: 25px;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #EEE;
}
a:hover {
  text-decoration: none;
}

p {display:block;}

.details {
  margin-left:0px;
  list-style-type: none;
  display:block;float:right; margin-left:20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color:#333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  color:#eee; background-image: url("../images/bg-dark.png");
}
.details li {
    font-size:14px;
  line-height:1.45em;
}
.png-icon {
  margin-right: 10px;
}
.social .png-icon:hover {
  opacity: 0.7;
}
.sprite {
  background: url("../images/sprites.png") 0 0 no-repeat;
  display:inline-block;
  float:left;
  overflow:hidden;
  cursor:pointer;
  margin-right:10px;
  width: 35px; height: 35px;
}
.sprite-behance{ background-position: 0px -105px;  } 
.sprite-behance:hover{ background-position: -35px -105px;} 
.sprite-branding{ background-position: 0 -85px;} 
.sprite-facebook{ background-position: 0 -170px;} 
.sprite-linkedin{ background-position: 0 -255px;} 
.sprite-overview{ background-position: 0 -340px;} 
.sprite-print{ background-position: 0 -425px;} 
.sprite-process{ background-position: 0 -510px;} 
.sprite-services{ background-position: 0 -595px;} 
.sprite-testimonials{ background-position: 0 -680px;} 
.sprite-twitter{ background-position: 0 -765px;} 
.sprite-web-solutions{ background-position: 0 -850px;} 

.dark {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em 0;
  background-color: #020200;
  color: #f1f1f1;
}

.hero-unit {
  background-color: #f1f1f1;
}
blockquote p {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
}
#contact {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color:#333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;
  max-width:100%;
  margin-top:-15px;
  background-image: url("../images/bg-dark.png");

}
#contact legend, #contact p, #contact li, #contact label {
  color:#eee;
}
#contact legend {
  display:inline;
  float:left;
  width:auto;
  line-height:30px;
  margin-right:20px;
  font-weight:normal;
  font-size:15px;
  color: #EF3340;
  z-index: 9999;
}
.contact-header {
  padding: 10px 30px 10px 20px;
  color:#eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color:#333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; background-image: url("../images/bg-dark.png");
  
}
.form-intro {
  width:35%;
  float:right;
  color:#eee;
}
.form-intro p {
  margin-top:35px
}
#contact hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #222;
  border-bottom: 1px solid #444;
}
.form-contact {
  width:60%;

}
.form-contact-full {
  width:100%;

}
.footer {
  padding: 13px 0;
  color: #CCCCCC;
  border-top: 10px solid #111;
  width: 100%;
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}
.footer h4 {
  color:#ccc;
}
.footer li {
  list-style: none;
  text-indent: 0;
  margin-left: -25px;
  color:#666;
}
.footer li a  {
  color:#666;
}
.footer li a:hover {
  color:#eee;
}
.footer .menu a {
  color:#666;
  margin-right:8px;
}
.footer .menu a:hover {
  color:#eee;
}
.footer p {
  margin-bottom:30px;
  color:#666;
}
.spacer {
  height: 3px;
  padding: 10px 0px;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 20px;
  color: #333333;
  border: 0;
  font-family: "adelle",serif;
  font-weight: bold;
}
@media (max-width: 767px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Downsize the brand/project name a bit */
.navbar .brand {
  margin: 10px 0px 0px 0px; /* Increase vertical padding to match navbar links */
  padding-bottom:5px;
  font-family: "adelle",serif;
  color: #EF3340;
  font-weight: bold;
  display: block;
  background: url("../images/fluent_pixel_logo.png") no-repeat;
  width: 151px;
  height: 42px;
  overflow: hidden;
  text-indent: -1000px;
  float: left;
}


/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {
  padding: 30px 25px;
  margin-top:-10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.navbar-inner {
  
}
/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
  margin-top: 10px;
}
.lead {
font-size:21px;
line-height:28px;
margin-bottom:10px;
display:block;
font-style:normal;
}
.circle-button {
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  font-size: 35px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  background: #EF3340
}
.circle-button:hover {
  color: #ccc;
  text-decoration: none;
  background: #CB333B
}
#carousel-wrapper {
  margin-bottom: -22px;
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
.header-wrapper {
  padding: 20px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
.first-item {
  margin-top:-70px;
  z-index:2;
}
.chevron {
  margin-top:-5px;
  margin-right:7px;
}
.overview-item {
  padding-bottom:50px;
}
.badge-round {
  background-color:#333;
  background-image: url("../images/bg-dark.png");
  display:inline-block;
  color:#eee;
  padding:10px;
  width: 10px;
  height: 10px;
  float: left;
  text-align: center;
  line-height: 9px;
  border-radius: 22px;
  font-size: 15px;
  margin-top: 0px;
  margin-right: 7px;

}
.header-wrapper p, .header-wrapper .badge {
  color: #ddd;
}
.header-wrapper h2, .header-wrapper h1 {
  line-height:1em;
  color:#eee;
}
.header-wrapper .badge:hover {
  background-color:#ef3340;
}
.flush-right {
  float: right;
  margin-left: 30px;
  max-width:30%;
}
.flush-left {
  float: left;
  margin-right: 30px;
}
.page-text {
  width:70%;
}


.secondary-wrapper-gradient {

  background-repeat: repeat;
  border-bottom: solid 1px #ccc;
  background-image: url("../images/bg.png");
}
.secondary-wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0px;
  background-repeat: repeat-x;
  background-position: bottom;
  border-bottom: solid 1px #efefef;
  background-image: url("../images/bg-gradient.png");
}
.home {
  padding: 10px 0px 0px 0px;
}
.cfmargin {
  margin:30px 0px;
}
.cfmargin-small {
  margin-bottom:10px;
  margin-top:10px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
ul .thumbnail:hover,
.uneditable-input:focus {
  border-color: rgba(239, 51, 64, 0.9);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239, 51, 64,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239, 51, 64,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239, 51, 64,.6);
}
.arrow-left {
text-align:left;
}
.arrow-right {
text-align:right;
}
.arrow-left img {
margin-left:60px;
}
.arrow-right img {
margin-right:60px;
}
.breadcrumb {
  margin-top: 20px;
}
.categories {

  width: 100%;
}
.categories li:hover {
  background-color: #222;
}
.thumbnail {
  background-color:#fff;
}
.thumbnail img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:5px;
}
.cents {
  text-align: center;
}
/* Carousel base class */
.carousel .container {
  padding: 30px 0px 0px 0px;
}

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

.carousel .item {
  height: auto;
}
.portfolio .item {
  height: auto;
}

.portfolio-lead {
  line-height:1.5em;
}
.carousel img {

}
.visible-phone .mobile-nav {
  font-size:12px;
}
.mobile-nav ul {
  margin:0px 0px 20px 0px;
}
.mobile-nav li a {
  color:#FFF;
  text-transform: capitalize;
}
.carousel-caption {
  background-color: transparent;
  position: static;
  padding: 0 0px;
}
.carousel-caption h1 {
  margin-bottom: 10px;
  line-height: 1.10em;
  font-size:48px;

  color: #eee;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .lead {
  margin-bottom: 10px;
  line-height: 1.35em;
  font-size:20px;
  color: #eee;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
  margin-top: 10px;
}
.carousel-control {
  background-color: transparent;
  border: 0;
  color: #444;
  font-size: 120px;
  margin-top: 0;
  text-shadow: 0 2px 2px rgba(0,0,0,.7);
}
.btn-primary {
  background-color: #ef3340;
}
.btn-primary:hover {
  background-color: #CB333B;
}
.header-wrapper-image {
  overflow:hidden;
}
  .header-wrapper-image {
  background-image: url('http://exp.fluentpixel.com.au/images/about/thinker-about.png');
  background-position:top right;
  background-repeat:no-repeat;
  top:100px;
}
.flex-video {
  position: relative;
  padding-top: -30px;
  padding-bottom: 61.5%;
  height: 0;
  
  margin-bottom: 16px;
  overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}
@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; }
}