body{ font: bold 12px 'Trebuchet MS', Helvetica, Arial; background: #5bbcc9;}
.addr{
	font-size: 15px;
}

.navbar-inverse{background: #092930; text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a{background: #fff; padding: 10px; margin: 5px 0px; border-right: 1px solid #aaa; color: #000; line-height: 15px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background: #fff; color: #155d8d}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
background: #5bbcc9;
}
.navbar-nav > li:nth-child(1) > a{border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;}
.navbar-nav > li:nth-last-child(1) > a{border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px; border-right: none;}
.navbar-collapse h1{margin: 5px 0 0 0;}
.top h5{margin: 8px 0;}
.top{color: #fff;} .top span{color: #092930;}
.top p{margin: 5px 0; font-size: 15px;} .top p img{height: 15px;}

.logo a{color:#fff; text-decoration: none;}

.border{border: 2px solid #fff;}
.banner{margin: 5px;}
.conbg{background: #fdfdfd; padding: 5px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px}

.panel.panel-default.bg{background: url('../images/locksmith-in-Smithfield.jpg'); text-align: center;  border: 3px solid #092930;}
.panel-body  h3, .panel-body  h2, .panel-body  h1, .panel-body  h4{margin: 0;}
.panel-body img{margin: 0 auto;}
.info h2, .info h4,  .info p{margin: 5px 0;}
.panel-body h2{font-family: Impact, Charcoal, sans-serif;}
.panel-body h1, .panel-body h2{color: #5bbcc9;   text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.owl-controls{display: none !important;} 
.panel-body h1{font-family: Impact, Charcoal, sans-serif;}

.panel-default > .panel-heading{background: #fbf9f3;}
article h1{font-size: 30px}
article h2{font-size: 25px}
article h3{margin-bottom: 0;}
footer{background: #092930; color: #fff; padding: 10px 0; margin-top: 5px;}
footer h2{margin:0;}
.services{margin: 5px 0;}
.panel{margin-bottom: 5px;}
.btn-warning{background-color: #5bbcc9; border: #5bbcc9;}
footer{text-align: center;}

.large-txt{
font-size:1.5em;
}

@media  (max-width: 767px) {
.top h2, .top h3{margin: 0; text-align: center;}
.top p, .top h5{margin: 0; text-align: center;}
.top h2{font-size: 25px;} .top h3{font-size: 20px;}
.top{padding: 10px 0;}
article h1{font-size: 25px}
article h2{font-size: 20px}
article{margin: 0 0 10px 0;}
.panel{margin-bottom: 10px;}
footer{text-align: center;}
.top h2{font-size: 18px}
.top h3{font-size: 15px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #5bbcc9}
.navbar-inverse .navbar-toggle{color: #fff; border-color: #fff;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background: #5bbcc9;}

.navbar-nav{float: none !important; margin: 0 -15px 5px -15px;}.navbar-inverse .navbar-nav > li > a{margin: 0; border-bottom: 1px solid #ccc;}
.navbar-nav > li:nth-child(1) > a, .navbar-nav > li:nth-last-child(1) > a{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
}

@media (min-width: 768px) and (max-width: 991px) {
.top h2, .top h3{margin: 5px 0}
.top p, .top h5{margin: 0}
.top h3{font-size: 22px;}

.navbar-inverse{height: 55px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.logo a{font-size: 25px}
.navbar-inverse{height: 55px;}

}

@media (min-width: 1200px) {
.logo a{font-size: 30px}
.navbar-inverse{height: 55px;}
}

a[href^=tel] { color: inherit; text-decoration: none; }

/* owl banner code start here */

.thumbnail {  display: block;  padding: 4px;  margin-bottom: 20px;  line-height: 1.42857143;  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;  border-radius: 0;  border: none;  background-color: none;}

.carousel-control {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 15%;  opacity: .5;  font-size: 20px;  color: #fff;  text-align: center;  text-shadow: none;
}

.carousel-control.left {	background-image: none;}
.carousel-control.right {left: auto; right: 0; background-image: none;}

.carousel-control {padding-top:10.25%; width:4%;}

.owl-theme .owl-controls{margin-top:0;}
#owl-demo .item{margin: 0;}
#owl-demo .item img{display: block; width: 100%; max-height: 180px;}
/* owl banner code ends here */