article img { margin: 5px;margin-right:25px;}

body{ font: bold 12px 'Trebuchet MS', Helvetica, Arial; background: #FBF9F3}

article h2, h3, h4 { font-size:30px !important}
p.LargeText { font-size:30px !important}

.navbar-inverse{background: #342a2a; text-transform: uppercase;}

.navbar-inverse .navbar-nav > li > a{background: #FBF9F3; padding: 15px; margin: 5px 0px; border-right: 1px solid #321 Front St; 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:#f08b05;

}



.hidden-xs, .visible-xs{color:#000;}



.call-sticky {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    position: fixed;
    right: 5px;
    z-index: 1030;    
}

.call-btn{
    color: #ffffff !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff670f+0,f72d00+100,ff670f+100 */
	background: rgb(255,103,15); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,103,15,1) 0%, rgba(247,45,0,1) 100%, rgba(255,103,15,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(247,45,0,1) 100%,rgba(255,103,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,103,15,1) 0%,rgba(247,45,0,1) 100%,rgba(255,103,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */
    border: 2px solid #f72d00;
    text-align: center;
    padding: 3px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    font-size: 1.8em;
    font-weight: 500;
    border-radius: 15px;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 1px 5px 1px #cccccc;
    text-shadow: 1px 1px 2px #797979;
}

.call-btn:hover {
    opacity:0.9;
    text-shadow: 1px 1px 2px #1f1f1f;
}






.navbar-collapse h1{margin: 5px 0 0 0;}

.top h5{margin: 8px 0;}

.top{color: #fff;} .top span{color: #9a5902;}

.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; border: 1px solid #cccccc;}



.panel.panel-default.bg{background: url('../images/locksmith-in-Lemont.jpg'); text-align: center;  border: 3px dotted #fbd8a9;}

.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: #9a5902;   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: #342a2a;}

article h1{font-size: 30px}

article h2{font-size: 25px}

article h3{margin-bottom: 0;}

footer{background: #342a2a; color: #fff; padding: 10px 0; margin-top: 5px;}

footer h2{margin:0;}

.services{margin: 5px 0;}

.panel{margin-bottom: 5px;}

footer a, footer a:hover, footer a:active, footer a:focus{color: #f08b05;}

@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: #be6f04}

.navbar-inverse .navbar-toggle{color: #fff; border-color: #fff;}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background: #be6f04;}



.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;}

article h1{font-size: 25px}

article h2{font-size: 20px}

.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 */