/*
	Coastal Carpets styling
*/


	body{
		color:#6c7b81;
		font-family: "Roboto", Helvetica, Arial, sans-serif;
	}
	
	#gallery, #our-brands, #links{
		padding-bottom: 120px;
		padding-top: 130px;
	}
	
	#header .navbar {
		min-height: auto;
	}
	
	.navbar-header{}
		
	h1{
		margin-top:20px;
		margin-bottom:20px;
		font-size:26px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

a {
	color: #6c7b81;
}
a:hover{color: #A2D4A5;}

.carousel-caption {
	font-size: 20px;}


#contact-us {
    padding-top: 100px;
    padding-bottom: 100px;
}
	
	.st-service h2 {
		font-size: 14px;
	}
	
	.st-navbar .navbar-header{
		margin-top:0;
		color:#fff;
	}
		
	.st-navbar, #footer {
		background-color:#6c7b81;
		color:#fff;
	}
		
	.st-navbar a{
		color:#fff;
	}
	
	.st-navbar a:hover, .st-navbar ul li a:hover, .st-navbar ul li a:focus{
		color:#A2D4A5;
	}
	
	.st-navbar .navbar-toggle{margin:0;
	margin-top:20px;
	margin-right:25px;
	margin-left:0;
	margin-bottom:20px;
	vertical-align:middle;}
	
	.st-navbar .navbar-toggle .icon-bar:hover{
		background-color:#A2D4A5;!important
	}
	
	.title-logo{
		height:25px; 
	margin-left:10px; 
	margin-top:-5px;}
	
	.btn-send{
		background-color:#A2D4A5;!important
		}
		
		.btn-send:hover{background-color:#6c7b81;}
		
	#slider {
		margin-top: 2em;
	}
	
	.carousel-caption h2{
		margin-bottom:0px;
		text-transform: none;
	}
	
	.carousel-caption p{
		margin-top:20px;
	}
	
	.carousel-caption{
		vertical-align:middle;
	}
	.carousel-image{
		background-image: url(../images/slider/coastal-carpets-shop-front.jpg); 
		background-size:cover;
		width:100%; 
		height: auto; 
		background-repeat:no-repeat;
		}
		
		
		.home-carousel-left, .home-carousel-right{background-color:#A2D4A5;
		color:#ffffff;}
		.home-carousel-left:hover, 
		.home-carousel-right:hover{background-color:#6c7b81;
		color:#ffffff;}
	.overlay{
		opacity: 0.5;
	}
	
	#our-brands h4{
		font-size: 16px;
	}
	
	#gallery, #our-brands {
		padding-bottom:0;
	}
	
	#testimonial {
		background-image: url(../images/coastal-carpets-testimonial.jpg);
	}
	
	.scroll-up a{
		background-color:#A2D4A5;
		box-shadow:none;
		color:#fff;
	}
		
	.scroll-up a:hover,
	.scroll-up a:focus,
	.scroll-up a:active{
		background-color:#6c7b81;
		color:#fff;
	}		
	
.thumbnail {
  position: relative;
	width:auto;
  height: 200px;
  overflow: hidden;
	border:none;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

p.section-subtext{
		margin:0 0 50px;}
		
		.our-office img{width:100%;
		height:auto;}

.about-us{padding-bottom:25px;}
	/* md */
@media (min-width: 992px) and (max-width: 1199px){
	
	.container{width:90%;}

	h1{
		font-size:28px;
	}
	
	.st-navbar ul li a{
		margin-top:7px;
		margin-bottom:7px;
		}
	
	}

	/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.container{width:95%;}
		
	h1{
		font-size:23px;
	}
		
	}	
		
	/* xs */
@media (max-width: 767px) {
		
	h1{
		font-size:26px;
		margin: .67em 0;
	}
	
	.carousel-caption {
	font-size: 15px;}
	
	.thumbnail {
  height:100px;
	}
	
	.navbar-nav{
		background-color:#6c7b81;
	}
		
	.navbar-header h1{
		padding-left:5%;
	}
		
	.st-navbar .navbar-toggle .icon-bar{
		background-color:#A2D4A5;
	}
		
	.carousel-caption{
		top: 70%;
	}
	
	
#pricing, #our-works, #services, #contact {
    padding-top: 50px;
    padding-bottom: 50px;
}
	.st-service {
    margin-top: 25px;
}
	
	.carousel-caption {
    top: 65%;
}
	

}