/* ==========================================================================
   Insert Your Custom Styles Below. All styles located in this file will
   override existing main.css stylesheets.
   ========================================================================== */ 


.navbar-inverse .navbar-inner {
    background: none repeat-x scroll 0% 0% rgb(255, 255, 255);
    border-color: rgb(46, 49, 55);
}

.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{
	color: rgb(46, 49, 55);
}

.navbar .nav > li > a {
	color: rgb(98, 108, 114);
  letter-spacing: -0.6px;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{
	color: rgb(51, 51, 51);
}

p {
	color: rgb(51, 51, 51);
}


/* ==========================================================================
   Message Styles
   ========================================================================== */
#message-withimage {
  background: #a5b2b9;
  background-image: url('img/bg_image2.jpg');
  padding-top: 120px;
  padding-bottom: 120px;
}

#message-team {
  background: #a5b2b9;
  background-image: url('img/bg_image3.jpg');
  padding-top: 120px;
  padding-bottom: 120px;
}

#message-nick {
  background: #a5b2b9;
  background-image: url('img/header7.jpg');
  padding-top: 120px;
  padding-bottom: 120px;
}


#order-section {
  background: #a5b2b9;
  background-image: url('../img/callout.jpg');
  padding-top: 120px;
  padding-bottom: 120px;
  margin-bottom: 20px;
  margin-top: 20px;
}

#team-placeholder {
  background: #a5b2b9;
  background-image: url('../img/team-placeholder.jpg');
  padding-top: 120px;
  padding-bottom: 160px;
  margin-bottom: 20px;
  margin-top: 20px;
}

#video-section {
  background: #a5b2b9;
  background-image: url('../img/bg.jpg');
  padding-top: 120px;
  padding-bottom: 160px;
  margin-bottom: 20px;
  margin-top: 20px;
}

#introduction-section {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);  
    padding-top: 20px;
    padding-bottom: 0px;
}

#story-section {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    padding-top: 40px;
    padding-bottom: 20px;
}

.pattern {
	background: url('../img/pattern.png') repeat left top;
}

.headline-wrapper {
    display: table;
    width: 100%;
}

.fullheight {
    height: 100%;
}

#video_wrapper {
	padding-top: 80px;
    text-align: center;
    background-size: cover !important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sample-section {
    background: url("../img/grid_noise.png") repeat scroll 0% 0% rgb(235, 235, 235);  
    padding-top: 20px;
    padding-bottom: 20px;
}

p.lead {
    color: rgb(250, 185, 58);
}

p.footer {
    color: rgb(165, 178, 185);
}

#bottom {
    padding-top: 20px;
    padding-bottom: 20px;
}

#bottom p a:hover {
    color: rgb(250, 185, 58);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	color: rgb(250, 185, 58);
}

.latest-article p {
	color: rgb(51, 51, 51);
}

.testimonial-source {
    background: none repeat scroll 0% 0% rgb(250, 185, 58);
}

.nav-collapse, .nav-collapse.collapse {
    background: none repeat scroll 0px 0px rgb(250, 185, 58);
    height: 0px;
    overflow: hidden;
}

.btn-main {
    background: none repeat scroll 0px 0px rgb(250, 185, 58);
}

#content-project {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    padding-top: 120px;
    padding-bottom: 40px;
}

.highlight-project {
  color: rgb(250, 185, 58);
  display:inline;
}

::selection
{
background-color: rgb(250, 185, 58);
}
::-moz-selection
{
background-color: rgb(250, 185, 58);
} 

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.with-border{
  border-style: solid;
  border-width: 1px;
  border-color: #DFE5E8;
}


.header-video {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  background-size: cover;
}

#mce-EMAIL {
  margin-bottom: 0px;
}


/* Landscape phones and down */
@media (max-width: 480px) { 
  .header-video {
    display: none;
  }
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
  .header-video {
    display: none;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.header-video {
    display: none;
}

}