body{background-color: #e2e1e0;}
.row {
	margin: 0;
}
.contact {padding: 25px;}
#top  {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2460+0,ea2425+100 */
	background: #2c2460; /* Old browsers */
	background: -moz-linear-gradient(left,  #2c2460 0%, #ea2425 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2c2460 0%,#ea2425 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2c2460 0%,#ea2425 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2460', endColorstr='#ea2425',GradientType=1 ); /* IE6-9 */
	padding: 3px 0;
}

#top p {
	margin: 0;
	padding: 0;
	color: white;
	font-family: "RobotoCondensed-Light";
	line-height: 21px;
}

#top .right {
	text-align: right;
}

#top .right img{
	display: inline;
	
}
#row2 {position: relative;}
#home .upper-main {
	position: absolute;
	z-index: 1;
	width: 100%;
	background-color: transparent;
	border: 0;
}

#home .upper-main  > .container .navbar-brand, #home .upper-main > .container-fluid .navbar-brand 
{color: #fff; font-family: "RobotoCondensed-Light"; }
#home .upper-main  .navbar-header {float: none; text-align: center;}

#home .upper-main  .navbar-nav > li > a{font-family: "RobotoCondensed-Regular"; text-transform: uppercase;}
.navbar-header h2{margin: 0; font-family: "RobotoCondensed-Regular"; color: #fff; font-size: 22px;}
#myCarousel{background-image: url('../images/bel-air-services-locksmith.jpg');}

#myCarousel .item {
	height: 260px;
}
.carousel-indicators {bottom: 0;}
.carousel-caption {
	bottom: -30px;
}

.carousel-caption  h3 {
	font-size: 15px;
}
#item1 {
	background: url('../images/bel-air-automotive-lock-service.png') no-repeat center center transparent;
	background-size: cover;
}

#item2 {
	background: url('../images/bel-air-residential-lock-service.png') no-repeat center center transparent;
	background-size: cover;
}
#item3{
	background: url('../images/bel-air-commercial-lock-service.png') no-repeat center center transparent;
	background-size: cover;
}
#item4{
	background: url('../images/bel-air-emergency-lock-service.png') no-repeat center center transparent;
	background-size: cover;
}
#content .container {
margin: 20px auto;
}

#content article { border: 1px solid #bbb; padding: 0; background-color: #fff;}
#content article h1{
 background-color: #2c2460;
 color: white;
 margin-top: 0;
 padding: 5px 15px;
 font-family: "RobotoCondensed-Regular";
     font-size: 30px;
}
#content article p {padding: 0 15px; font-family: "RobotoCondensed-Regular"; font-size: 16px;}
#content article a {font-family: "RobotoCondensed-Bold"; color: #2c2460;}
#content article ul {font-family: "RobotoCondensed-Regular"; font-size: 16px;}
#content article p.content-adrs{text-align: right; font-family: "RobotoCondensed-Bold";}

#content article h2{font-family: "RobotoCondensed-Regular"; padding: 0 15px; }
#content article h3{font-family: "RobotoCondensed-Regular"; padding: 0 15px; }
#content article h4{font-family: "RobotoCondensed-Bold"; padding: 0 15px; }
#content aside{text-align: center;}
#content aside #coupon{
background-image: url('../images/locksmith-services-bel-air.png'), url('../images/bel-air-locks-repair-service.jpg'); 
background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size: cover, cover;
text-align: center;
padding: 20px 10px;
 color: #2c2460;
}

 #coupon .side-body{
 background-color: rgba(255, 255, 255, 0.9);
 font-family: "RobotoCondensed-Light";
 padding: 10px 0;
 color: #2c2460;
 }
 
  #coupon .side-body h3{margin: 0;  font-family: "RobotoCondensed-Bold"; font-size: 29px; color: #ea2425;}
  #coupon .side-body h2{margin: 0; text-transform: uppercase; }

  .call {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

  color: #fff;
  font-size: 20px;
  margin: 10px 0;
}

.call > .pull-left {
  background-color: #2c2460;
  border-right: 2px dashed #fff;
  padding: 10px;
  width: 22%;
}

.call > .pull-right {
  padding: 10px;
  width: 70%;
}

.sidebox {
 background: url('../images/bel-air-quick-lock-service.jpg') no-repeat center transparent;
 padding: 10px;
 
 color: #2c2460;
text-align: center;
}
 
.sidebox  .body{
 background-color: rgba(255, 255, 255, 0.9);
 font-family: "RobotoCondensed-Light";
 padding: 5px;
}
.sidebox  .body h3{ font-family: "RobotoCondensed-Bold"; color: #ea2425}

.sidebox  .body p.cards{font-size: 25px;}

.btn-default {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9e4f7+0,0fb4e7+100;Ble+3D+%235 */
background: #2c2460; /* Old browsers */
margin-top: 20px;
color: #fff;
} 

#serv img{
	width: 100px;
	margin:0 auto;
}

#serv {text-align: center; text-transform: capitalize;}

#s1, #s2, #s3, #s4{background-color: #fdfdfd; border: 1px solid #ddd;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);

}

#s1:hover, #s2:hover, #s3:hover, #s4:hover{
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

#serv  h3{font-family: "RobotoCondensed-Bold"; font-size: 20px; color: #ea2425;}

#serv .img{padding: 20px;
background-image: url(../images/bel-air-services-locksmith.jpg);}

#serv p{font-family: "RobotoCondensed-Light"; padding: 10px}

.bot-left { position: relative; }
 .bot-left:before, .bot-left:after { content: ""; position: absolute; bottom: -3px; left: -3px; }
 .bot-left:before { top: -3px; width: 3px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#2c2460), to(transparent)); background-image: -webkit-linear-gradient(transparent, #2c2460); background-image: -moz-linear-gradient(transparent, #2c2460); background-image: -o-linear-gradient(transparent, #2c2460); }
 .bot-left:after { right: -3px; height: 3px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#2c2460), to(transparent)); background-image: -webkit-linear-gradient(left, #2c2460, transparent); background-image: -moz-linear-gradient(left, #2c2460, transparent); background-image: -o-linear-gradient(left, #2c2460, transparent); }
 
 footer{background-color: #514693; color: #fff; padding: 10px 0; font-family: "RobotoCondensed-Light";	}
 footer a{color: #f07777; }
  footer a:hover {color: #f07777; }
 footer h2{margin-top: 0; font-family: "PlayfairDisplay-Italic";}
 
 #innerpage .upper-main{position: initial;}
  #innerpage .navbar-default{background-image: url('../images/bel-air-services-locksmith.jpg'); -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
}

 #innerpage .navbar-header h2{display: none;}
 #innerpage  .navbar-brand{color: #fff; font-family: "PlayfairDisplay-Italic";}
 #innerpage .navbar-brand:hover{color: #fff;}
 #innerpage .navbar-nav{ float:right}
 #innerpage .navbar-default .navbar-nav > li > a{color: #fff; font-family: "RobotoCondensed-Regular";}
 #innerpage .navbar-default .navbar-nav > .active > a,  #innerpage .navbar-default .navbar-nav > .active > a:focus,  #innerpage .navbar-default .navbar-nav > .active > a:hover{background-color: rgba(255, 255, 255, .5); color: #fff;}