/*!
 * 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:70px;
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-image: url('../img/header-bg-2.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: absolute; 
    background-size: contain;
}

.subscribe p {
	margin:0
}

.navbar-fixed-top .nav {
	padding:15px 0
}

.navbar-fixed-top .navbar-brand {
	padding:5px 15px
}

.navbar-brand img {
	height:40px;
	margin-top:10px
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 200;
	color: #fff;
}

@media(min-width:768px) {
body {
	padding-top:70px
/* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .navbar-brand {
	padding:10px 0
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
	color: #fff;
}

.navbar-brand img {
	height:50px;
	margin-top:5px;
}
}

.img-portfolio {
	margin-bottom:30px
}

.img-hover:hover {
	opacity:.8
}

/* Home Page Carousel */
header.carousel {
	height:50%
}

header.carousel-front {
	height:50%
}

header.carousel .item,header.carousel .item.active,header.carousel .carousel-inner {
	height:100%
}

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 {
	padding:20px 0;
	margin:20px 0 0;
	width:100%;
	height: 300px;
	border-top:0px solid #e9e9e9
}

/* Responsive Styles */
@media(max-width:991px) {
.customer-img,.img-related {
	margin-bottom:30px

}
.dispose {
    display: none;
}
}

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

header.carousel {
	height:70%
}

header.carousel-front {
	height:100%
}

.headline {
	padding:15px;
	margin-top:-420px;
	background-color:#C80067;
	float:left;
	color:#fff;
	font-size:30px
}

.headline2 {
	padding:15px;
	margin-top:-260px;
	background-color:#C80067;
	float:left;
	color:#fff;
	font-size:30px
}

.dispose {
    display: none;
}
}

@media(max-width:767px) and (orientation:landscape) {
header.carousel {
	height:100%
}

.headline {
	padding:15px;
	margin-top:-200px;
	background-color:#C80067;
	float:left;
	color:#fff;
	font-size:26px
}

.headline2 {
	padding:15px;
	margin-top:-120px;
	background-color:#C80067;
	float:left;
	color:#fff;
	font-size:26px
}

.dispose {
    display: none;
}

}

.progress {
    height: 40px;
	}
	
.slice {
	background-color: #fff;
}

.customer {
	border: 1px solid #eee;
	margin-bottom: 15px;
	background-color: #;

}

.customer:hover {
	border-bottom: 1px solid #e3e3e3;
		background-color: #e3e3e3;
}

.stripe {
	width:100%;
	background-color: #414042 ;
	color: #fff;
	border-top: 6px solid #ddd ;
}

.stripe-gray {
	width:100%;
	background-color: #F5F5F5;
	border-top: 0px solid #414042 ;
	padding-bottom: 0px;
}

.stripe-inset {
	width:100%;
	background-color: #F5F5F5;
	border-top: 0px solid #414042;
	padding-bottom: 0px;
}

.center {
	text-align:center;
}

.space {
	padding-bottom: 40px;
}

.space-top {
	padding-top: 20px;
}

.anchor{
  display: block;
  height: 70px; /*same height as header*/
  margin-top: -70px; /*same height as header*/
  visibility: hidden;
}