/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
--------------
colors
--------------
*/

.primary,
.hero-unit .primary{
	color: #cd3b1e; /* red */
}
.secondary,
.hero-unit .secondary{
	color: #47AFAF; /* teal */
}
.teritiary,
.hero-unit .teritiary{
	color: #E89F65; /* orange brown */
}
.quaternary,
.hero-unit .quaternary{
	color: #E3DEC1; /* lightbrown */
}
.quinary,
.hero-unit .quinary{
	color: #502b16; /* dark brown */
}
.senary,
.hero-unit .senary{
	color: #814720; /* brown brown */
}
.septanary,
.hero-unit .septanary{
}
.octonary,
.hero-unit .octonary{
}

.red{
	color: #CC0000;
	color: #cd3b1e;
}
.success{
	color: #5cb85c;	
}
.warning{
	color: #f0ad4e;	
}
.danger{
	color: #843534;	
}
.hint{
	color: #cccccc;	
}


/*
--------------
sizes
--------------
*/
.small{
	font-size: 0.85em;	
}

.large{
	font-size: 1.2em;	
}

/*
--------------
links
--------------
*/
a {
	color: #47AFAF;
}
a:hover {
	color: #000000;
}

/*
--------------
mains styles
--------------
*/
body{
	font-family: 'Open Sans', sans-serif;
	background: #E3DEC1;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Lato', sans-serif;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h2{
	font-weight: bold;
}

.quarky{
	font-family: 'Abril Fatface', cursive;
}

body > .container{
	margin-top: 25px;
}

.carousel-control.left,
.carousel-control.right{
}
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6,
{
	color: #ffffff;
}

.hero-unit{
	background-color: #f8f7f2;	
    padding-top: 30px;
}
.hero-unit h2 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  font-weight: normal;
}
.hero-unit h3 {
  font-size: 36px;
}
.hero-unit .span4 {
  width: auto;
  padding-bottom: 20px;
}
.hero-unit .span4 h3 {
  width: 300px;
  width: auto;
  font-size: 30px;
}
.hero-unit .span4 p {
  width: 300px;
}
.hero-unit .span4 p.thumb-buttons {
  margin-top: 7px;
}
.nav-tabs > li > a:hover {
	color: #000000;
}
.hero-unit .secondary{
	color: #47AFAF;
}
/* media queries */
@media (max-width: 979px) {
}
@media (max-width: 767px) {
	.hero-unit {
		padding: 40px;
        padding-top: 20px;
	}
}
@media (max-width: 480px) {
	.hero-unit {
		padding: 20px;
        padding-top: 10px;
	}
}


/*
--------------
buttons
--------------
*/
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #77cbcb;
  *background-color: #47AFAF;
  background-image: -moz-linear-gradient(top, #77cbcb, #47AFAF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#77cbcb), to(#47AFAF));
  background-image: -webkit-linear-gradient(top, #77cbcb, #47AFAF);
  background-image: -o-linear-gradient(top, #77cbcb, #47AFAF);
  background-image: linear-gradient(to bottom, #77cbcb, #47AFAF);
  background-repeat: repeat-x;
  border-color: #47AFAF #47AFAF #77cbcb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff77cbcb', endColorstr='#ff47AFAF', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #47AFAF;
  *background-color: #5ebdbd;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

/*
--------------
form
--------------
*/
label{
	font-weight: bold;	
}


/*
--------------
navbar
--------------
*/
/* http://stackoverflow.com/questions/11196638/change-navbar-color-in-twitter-bootstrap-2-0-4 */
.navbar-bhe .navbar-inner {
  background-color: #673310;
  background-image: -moz-linear-gradient(top, #96582e, #673310);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#96582e), to(#673310));
  background-image: -webkit-linear-gradient(top, #96582e, #673310);
  background-image: -o-linear-gradient(top, #96582e, #673310);
  background-image: linear-gradient(to bottom, #96582e, #673310);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff96582e', endColorstr='#ff673310', GradientType=0);
  
  
  background-image: linear-gradient(to bottom, #B94629, #9b371d);
  background-image: linear-gradient(to bottom, #673310, #50260a);
  background-image: linear-gradient(to bottom, #96582e, #673310);
  min-height: 60px;
}

.navbar-bhe .brand,
.navbar-bhe .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    
  display: block;
  line-height: 60px;
  font-size: 120%;
  color: #E3DEC1;
}
.navbar-bhe .brand img {
	margin-top: 1px;
}

.navbar-bhe .brand:hover,
.navbar-bhe .nav > li > a:hover,
.navbar-bhe .brand:focus,
.navbar-bhe .nav > li > a:focus {
  color: #ffffff;
}

.navbar-bhe .brand {
  color: #999999;
}

.navbar-bhe .navbar-text {
  color: #999999;
}

/* media queries */
@media (max-width: 480px) {
	.navbar-bhe .brand {
		line-height: 0px;
	}
    .navbar-bhe .navbar-inner {
        min-height: 0px;
    }
}
@media (max-width: 767px) {
	.navbar-bhe .brand {
		line-height: 0px;
	}
    .navbar-bhe .navbar-inner {
        min-height: 0px;
    }
}
@media (max-width: 979px) {
}

.navbar-bhe .nav > li > a:focus,
.navbar-bhe .nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-bhe .nav .active > a,
.navbar-bhe .nav .active > a:hover,
.navbar-bhe .nav .active > a:focus {
  color: #ffffff;
  background-color: #cd3b1e;
}

.navbar-bhe .navbar-link {
  color: #999999;
}

.navbar-bhe .navbar-link:hover,
.navbar-bhe .navbar-link:focus {
  color: #ffffff;
}

.navbar-bhe .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.navbar-bhe .nav li.dropdown.open > .dropdown-toggle,
.navbar-bhe .nav li.dropdown.active > .dropdown-toggle,
.navbar-bhe .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #cd3b1e;
}

.navbar-bhe .nav li.dropdown > a:hover .caret,
.navbar-bhe .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-bhe .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #E3DEC1;
  border-bottom-color: #E3DEC1;
  margin-top: 28px;
}

.navbar-bhe .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-bhe .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-bhe .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-bhe .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-bhe .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-bhe .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-bhe .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-bhe .navbar-search .search-query:focus,
.navbar-bhe .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-bhe .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-bhe .btn-navbar:hover,
.navbar-bhe .btn-navbar:focus,
.navbar-bhe .btn-navbar:active,
.navbar-bhe .btn-navbar.active,
.navbar-bhe .btn-navbar.disabled,
.navbar-bhe .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-bhe .btn-navbar:active,
.navbar-bhe .btn-navbar.active {
  background-color: #000000 \9;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.navbar-bhe .dropdown-menu {
	background-color: #50290e;	
}
.navbar-bhe .dropdown-menu .divider{
  background-color: #50290e;
  border-bottom: 1px solid #854011;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #cd3b1e, #cd3b1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd3b1e), to(#cd3b1e));
  background-image: -webkit-linear-gradient(top, #cd3b1e, #cd3b1e);
  background-image: -o-linear-gradient(top, #cd3b1e, #cd3b1e);
  background-image: linear-gradient(to bottom, #cd3b1e, #cd3b1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd3b1e', endColorstr='#ffcd3b1e', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.nav-collapse .dropdown-menu a {
	color: #ffffff;	
}
.nav-collapse .nav .nav-header {
	color: #47AFAF;	
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.nav-collapse .nav > li > a:hover, 
.nav-collapse .nav > li > a:focus, 
.nav-collapse .dropdown-menu a:hover, 
.nav-collapse .dropdown-menu a:focus {
    background-color: #cd3b1e;
}

.navbar .btn-navbar .icon-bar {
  background-color: #f5f5f5;
}
.navbar-bhe .btn-navbar {
  background-image: -moz-linear-gradient(top, #854011, #50290e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#854011), to(#50290e));
  background-image: -webkit-linear-gradient(top, #854011, #50290e);
  background-image: -o-linear-gradient(top, #854011, #50290e);
  background-image: linear-gradient(to bottom, #854011, #50290e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff854011', endColorstr='#ff50290e', GradientType=0);
}

.navbar-bhe .btn-navbar:hover,
.navbar-bhe .btn-navbar:focus,
.navbar-bhe .btn-navbar:active,
.navbar-bhe .btn-navbar.active,
.navbar-bhe .btn-navbar.disabled,
.navbar-bhe .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #50290e;
  *background-color: #854011;
}




/*
.navbar-inverse .navbar-inner {
  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;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}

.navbar-inverse .brand {
  color: #999999;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.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: #ffffff;
  background-color: #111111;
}

.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}
*/

/*
--------------
navbar - responsive
--------------
*/
@media (max-width: 480px) {
	.navbar-bhe .brand img {
		max-width: 242px;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 979px) {
}

/*
--------------
images - responsive
--------------
*/
.img-responsive {
    margin: 0 auto;
	display: block;
	max-width: 100%; 
	height: auto;    
}
.img-shadow{
	box-shadow: 5px 5px 10px #aaaaaa;	
}

/*
--------------
samples
--------------
*/

/* modal for samples */
/*
.sample-modal{
	min-width: 900px;
}
.sample-modal-body{
	min-width: 900px;
	height: 1000px;
	overflow: hidden;
}
.sample-iframe{
	width: 880px;	
	height: 100%;
}
*/
@media (min-width: 980px) {
	.sample-modal{
		width: 900px;
		margin-left: -450px;
	}
}
@media (max-width: 979px) {
}
.sample-modal-body{
	height: 50%;
	max-height: inherit;
	overflow-x: hidden;
}
.sample-iframe{
	width: 880px;	
	height: 100%;
}
div.sample-thumb-requirements-table {
	overflow-x: scroll;
}
div.sample-thumb-requirements-table tr {
	border-top: 1px solid;
}
div.sample-thumb-requirements-table tr:first-child {
	border-top: 0px;
}
div.sample-thumb-requirements-table th {
	white-space: nowrap;	
}
div.sample-thumb-requirements-table th,
div.sample-thumb-requirements-table td {
	text-align: left;
	padding: 5px;
}
div.sample-thumb-requirements-table td:first-child {
	font-weight: bold;
	vertical-align: top;
}
div.sample-thumb-requirements-table td {
	vertical-align: top;
	font-size: 80%;
}

/*
--------------
modals 
--------------
*/
.modal.modal-wide .modal-dialog {
	width: 95%;
}
.modal-wide .modal-body {
	overflow-y: auto;
}
.modal.modal-sample .modal-dialog {
	width: 95%;
}
.modal-sample .modal-body {
	overflow-y: auto;
}
.modal-full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.modal.video-modal {
}
.modal.video-modal video{
	width: 100%;
}


/*
--------------
share buttons: http://simplesharingbuttons.com/
--------------
*/
.share-buttons{
	list-style: none;
	margin-left: 0px;
}

.share-buttons li{
	display: inline;
}

.share-buttons li a{
	font-size: 1.5em;
}