/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 125px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

hr {
	  /* border-color: rgb(211, 103, 40); */
	  margin-top: 0.5em;
    margin-bottom: 0.5em;
}



.img-portfolio {
    margin-bottom: 30px;
    width: 100%;
}

.img-hover:hover {
    opacity: 0.8;
}

.carousel a:link, 
.carousel a:visited,
.carousel a:hover,
.carousel a:active {
	color: #fff;
	text-decoration: none;
}

.navbar {
	height: 125px;
}

.navbar-default .navbar-nav > li > a {
    color: rgb(211, 103, 40);
}

.navbar-header img {
	height: 95px;	
}
.navbar-collapse {
	color: #fff;
}


.panel-heading {
	height: 73px;
}

.content-img {
	float: right;

}

list-group-item a:link {
	color: rgb(211, 103, 40); 
	text-decoration: none;    /* rgb(0, 102, 204) */
}
list-group-item a:visited {
	color: rgb(211, 103, 40); 
	text-decoration: none;
}
list-group-item a:hover {
	color: rgb(0, 0, 0); 
	text-decoration: underline;
}

.breadcrumb {
	background-color: rgb(211, 103, 40); 
	color: rgb(255, 255, 255); 
}

.breadcrumb a:link {
	color: rgb(255, 255, 255); 
	text-decoration: none;    /* rgb(0, 102, 204) */
}
.breadcrumb a:visited {
	color: rgb(255, 255, 255); 
	text-decoration: none;
}
.breadcrumb a:hover {
	color: rgb(0, 0, 0); 
	text-decoration: underline;
}



a:link {
	color: rgb(211, 103, 40); 
	text-decoration: none;    /* rgb(0, 102, 204) */
}
a:visited {
	color: rgb(211, 103, 40); 
	text-decoration: none;
}
a:hover {
	color: rgb(0, 0, 0); 
	text-decoration: underline;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
    
}
.carousel-caption {
		font-weight: bold;
		text-shadow: 2px 2px #222;
}

.carousel-caption h2 {
		font-style: italic;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .navbar {
				height: 30px;
		}
		body {
    		padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
		}

		.img-portfolio {
    		margin-bottom: 30px;
    		width: 100%;
		}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
        width: 100%;
    }

    header.carousel .carousel {
        height: 70%;
    }
    
    .navbar {
				height: 30px;
		}
		body {
    		padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
		}

		.collapsing, .in {background-color: #f7f7f7;}
		.collapsing ul li a, .in ul li a {color: #555!important;}
		.collapsing ul li a:hover, .in ul li a:hover {color: #f1f1f1!important;}
}