

/* Navigation --------------------------------------------- */
.navbar-default{
	background-color: transparent;
}

.navbar-default.navbar-shrink {
    background-color: #f6e7db;
}

.navbar-default .navbar-nav>.active>a {
  	background-color: #514f4e;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
  	color: #cc622c;
}

.navbar-default .navbar-toggle {
  	background-color: #cc622c;
  	border-color:#cc622c;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 	background-color: #d0713c;
 	border-color:#d0713c;
}

.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 	color: #fff;
  	background-color: #414140;
}

.video{
	margin: 0 auto;
	text-align: center;
	width: 203px;
	margin-bottom: 20px;
}

::selection {
  background: #fff;
}

/*Alters the top left logo placement*/
.navbar-brand{
	padding: 0px 15px;
}

.logo img{
	width:250px;
	margin-top:15px;
	
}

a.visible-xs.small-logo.navbar-brand.page-scroll{
	  margin: -40px;
	  margin-left: 0px;
}


/* Landing Section -------------------------------------------- */

header {
 	 background-image: url(../img/Hair_4.jpg);
}

header .intro-text{
	padding-top: 250px;
	padding-bottom: 100px;
}

.logo_graphic img{
	margin: -65px 0px 50px;
	max-width: 100%;
}

.btn-xl{
	color:#514f4e;
	box-shadow: none;

}

/*About Section ----------------------------------------------- */

.bg-about-background {
    background-color: #e4af8e;
}

#about h4{
	color: #fff;
}

#about p{
	color:#cc622c;
}

#about .line{
  	background-image: -webkit-linear-gradient(left, #f0d3c0, #ffffff, #f0d3c0);
}

.team-member img {
 	margin: 0 auto;
  	border: 7px solid #4AFDC9;
}

/*Services Section ----------------------------------------------- */
.whitetext{
	color:#fff !important;
}
.bg-services-background{
	background-color: #D5804f;
}
#services h4, h3{
	color: #f0d3c0;
}

#services p{
	color: #f0d3c0;
}

.services-icon {
  	color: #F06650;
}

#services .line{
  	background-image: -webkit-linear-gradient(left, #FFA496, #fff, #FFA496);
}
.servicelead{
	text-transform: none ;
} 
.textsm{
	font-size: 19px;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.topgap{
	margin-top: 35px;
}
}
@media (min-width: 992px) { 
.topgapsm{
	margin-top: 10px;
}
}

.gap{
  margin-bottom: 25px;
}
.biggap{
  margin-bottom: 50px;
}
/*Gallery Section ----------------------------------------------- */

.container .gallery{
	margin-bottom: 25px;
}

.bg-gallery-background{
	background-color: #434857;
}

#portfolio .line{
	background-image: -webkit-linear-gradient(left, #434857, #fff, #434857);
}

.modal-body {
  background: #A2EDE3;
}

.modal-content {
	background-color: transparent;
}

.portfolio-modal .close-modal {
 	 display: none;
}

.btn-primary {
  	border-color: #21242B;
  	background-color: #21242B;
}

.btn-primary:hover {
  	border-color: #7B8293;
  	background-color: #7B8293;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  	background: rgba(162, 237, 227, 1);
}


/*Testimonial Section ----------------------------------------------- */

.bg-testimonials-background {
 	 background-color: #2BBD92;
}

blockquote {
 	 border-left: 5px solid #4AFCC8;
 	 background: #4EDDB3;
}

blockquote small{
  	color: #16A87D;
}

#testimonials p{
	color: #fff;
}

#testimonials .line {
 	 background-image: -webkit-linear-gradient(left, #2BBD92, #fff, #2BBD92);
}

/*Contact Section ----------------------------------------------- */

section#contact {
 	 background-color: #514f4e;
 	 color:#f0d3c0;
}

#contact .line {
 	 background-image: -webkit-linear-gradient(left, #FF9F90, #fff, #FF9F90);
}

#contact h5{
	color: #f0d3c0;
}

#contact p{
	color: #f0d3c0;
}

#contact a{
	color: #fff;
}

#contact a:hover{
	color: #cc622c;
	text-decoration: none;
}

.btn-xl2 {
 	 color: #434857;
 	 background-color: #4AFDC9;
}

.btn-xl2:hover {
	 color: #434857;
 	 background-color: #A2EDE3;
}

/*Footer Section ----------------------------------------------- */

footer{
	background: #D9d7d6;
}

footer span.copyright {
  color: #434857;
}

footer span.copyright a {
  color: #434857;
}

footer span.copyright a:hover {
  color: #cc622c;
}

ul.social-buttons li a {
  	background-color: #e4af8e;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #d5804f;
}


 @media only screen and (max-width : 480px) {
.navbar-default{
	background-color: #f0d3c0;
}

}






