/*!
 * 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: 50px;  
	Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. 
	Change if height of navigation changes. 
	*/
}

h1 {font-family: 'allerbold';}
h2 {	font-family: 'allerbold';}
h3 {font-family: 'allerbold';}


.banner-lg{
	margin: 0 auto;
	display:block;
	width: 100%;
}

.banner-med{
	margin: 0 auto;
	display:none;
	width: 100%;
}

.banner-sm{
	margin: 0 auto;
	display:none;
	width: 100%;
}

nav{
	background-color: #000;
}

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

.gallery-border{
	border: 10px solid #eee;
}

.gallery-footer{
	background-color: #eee; 
	width: 100%; 
	height: 5%; 
	text-align: center; 
	margin: 0; 
	padding: 10px 0 15px 0; 
	font-family: 'allerregular';
	font-weight: normal; 
	text-transform:uppercase; 
	color: #000;
}
	

.gallery-box-shadow{
	height: 30px;
	background: -webkit-gradient(linear, left top, right top, from(#eee), to(#fff));
	background: -webkit-linear-gradient(top, #eee, #fff);
	background: -moz-linear-gradient(top, #eee, #fff);
	background: -o-linear-gradient(top, #eee, #fff);
	background: -ms-linear-gradient(top, #eee, #fff);
	background: linear-gradient(top, #eee, #fff);
	background-color: #eee;
}


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

/* Home Page Carousel */

header.carousel {
    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 */
body{
	margin-bottom: 60px;
}

footer {
	padding: 10px 0 !important;
  position:fixed !important;
	bottom: 0;
	height: 50px !important;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#333), to(#000));
	background: -webkit-linear-gradient(top, #333, #000);
	background: -moz-linear-gradient(top, #333, #000);
	background: -o-linear-gradient(top, #333, #000);
	background: -ms-linear-gradient(top, #333, #000);
	background: linear-gradient(top, #333, #000);
	background-color: #000;
	border-top: 2px solid #FFFFFF;
	display: block !important;
}

footer span{
	color:#777;
}

footer a{
	color:#FFF;
}

footer a:hover{
	color:#FFF;
}

footer .row .col-lg-12 p{
	padding-top: 10px;
}

footer .detail{
	 display: inline-block !important; 
	 color:#FFF; 
	 padding: 0 40px 0 0 !important;
	 border-top: solid 0px #555 !important;
}
@media(max-width:920px) {
	footer {
			position: relative !important;
			height: 200px !important;
			padding: 0 !important;
	}
	footer .detail{
		 display: block !important; 
		 color:#FFF; 
		 padding: 10px 0 !important;
		 border-top: solid 1px #555 !important;
	}
}

footer .info{
	color: #FFF;
}

.panel-serv {
  margin-bottom: 20px;
  background-color: #DDD;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

#home-services .serv:hover{ 
	border: 0px;
	background: #F19814;
}

/* Responsive Styles */


@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	
	.sw-bg-banner
	{
		background-image: url(images/swheader-ipad.jpg) !important; 
		background-position: right; 
	}
	
	.banner-lg{
		margin: 0 auto;
		display:none;
		width: 100%;
	}
	
	.banner-med{
		margin: 0 auto;
		display:block;
		width: 100%;
	}
	
	.banner-sm{
		margin: 0 auto;
		display:none;
		width: 100%;
	}
}

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

    header.carousel .carousel {
        height: 70%;
    }
	
	.banner-lg{
		margin: 0 auto;
		display:none;
		width: 100%;
	}
	
	.banner-med{
		margin: 0 auto;
		display:none;
		width: 100%;
	}
	
	.banner-sm{
		margin: 0 auto;
		display:block;
		width: 100%;
	}
	
	.gallery-border{
		border: 5px solid #eee;
		}
	
	.gallery-footer{
		background-color: #eee; 
		width: 100%; 
		height: 5%; 
		text-align: center; 
		margin: 0; 
		padding: 5px 0 7px 0; 
		font-size: 14px !important;
		font-family: 'allerregular';
		font-weight: bolder; 
		text-transform:uppercase; 
		color: #000;
	}
		
	.gallery-box-shadow{
		height: 15px !important;
		background: -webkit-gradient(linear, left top, right top, from(#eee), to(#fff));
		background: -webkit-linear-gradient(top, #eee, #fff);
		background: -moz-linear-gradient(top, #eee, #fff);
		background: -o-linear-gradient(top, #eee, #fff);
		background: -ms-linear-gradient(top, #eee, #fff);
		background: linear-gradient(top, #eee, #fff);
		background-color: #eee;
	}

}