@font-face{	font-family: OpenSansLight;	src: url('../fonts/OpenSans-Light.ttf');}
@font-face{	font-family: OpenSansReg;	src: url('../fonts/OpenSans-Regular.ttf');}
@font-face{	font-family: OpenSansBold;	src: url('../fonts/OpenSans-Semibold.ttf');}
@font-face{	font-family: OpenSansExBold;	src: url('../fonts/OpenSans-ExtraBold.ttf');}
h1, .h1{font-size: 30px; font-family: 'OpenSansBold', Tahoma, Arial;}
body{background: url('../images/Welby-Mobile-Locksmiths.jpg'); font-family: 'OpenSansLight', Tahoma, Arial;}
.top{background-color: rgba(32,6,1,0.5); padding: 5px 0; color: #a5755b;}
.taginfo{margin: 0;}
.pnumcc img{height: 20px;}
.pnumcc{font-size: 14px; font-weight: bold; text-transform: uppercase}
.numlink{color: #ec6d25; font-family: 'OpenSansBold', Tahoma, Arial;}

/* nav style starts here */
.navbar-brand{font-size: 25px;}
.navbar-inverse{background-color: transparent; padding: 10px 0;}
.navbar-nav{background-color: rgba(32,6,1,0.7); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -khtml-border-radius: 5px; }
.navbar-inverse .navbar-nav > li > a{color: #cb662d;}
.navbar-inverse .navbar-nav > li > a:hover{text-shadow: 0 0 2px #ec6d25; color: #ff5c00;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus
{background-color: transparent; text-shadow: none;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover{color: #fff;font-family: 'OpenSansReg', Tahoma, Arial;}
.active.home  > a > span{color: #fff}
.home  > a > span{color: #cb662d}
/* nav style ends here */

.banner > .container{background-color: #8c6239; padding: 5px; border: 1px solid #8d6c5a;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -khtml-border-radius: 3px; 
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);}
.owl-theme .owl-controls{display: none !important;}
.banner{margin-bottom: 10px;}

article{background: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -khtml-border-radius: 5px;}

.service{background: url('../images/Welby-auto-lockout.jpg') no-repeat center center; color: #a5755b; background-size: cover}
.sidepnum{color: #ec6d25; font-family: 'OpenSansReg', Tahoma, Arial;}
.service h2, .promo h2, .services h2{margin-top: 10px}
.promo{background: url('../images/Welby-24hour-locksmith-service.jpg') no-repeat center center; color: #fff; background-size: cover}

.panel-default > .panel-heading{background: #32160f; color: #fff;}
.glyphicon, .nav-pills > li > a{color: #32160f;}

.serv{background-color: #8c6239; border: 1px solid #8d6c5a; padding: 20px 0;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
}



footer{background-color: #32160f; padding: 10px 0; color: #fff; text-align: center;}
footer a{color: #ec6d25;}
footer a:hover{text-decoration: underline; color: #ec6d25;}
#schemacss h2{margin-top: 0;}

@media  (max-width: 767px) {
.navbar-brand{font-size: 20px;}
.pnumcc{text-align: center}
.navbar-inverse{padding: 0;}
.banner > .container{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; -khtml-border-radius: 0; }
h1, .h1{font-size: 20px}
article h2{font-size: 15px; font-weight: bold}
.navbar-inverse .navbar-toggle{background-color: rgba(120,88,70,0.8); border-color: #32160f;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: rgba(32,6,1,0.8);}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #32160f}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background-color: #ec6d25}
.navbar-nav{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; -khtml-border-radius: 0;}
.navbar-nav{margin: 0 -15px}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{margin: 0 auto; }
.service, .promo, footer{text-align: center;}
article{padding: 5px 0; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; -khtml-border-radius: 0; margin-bottom: 10px}

}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav > li > a, .navbar-brand{padding: 8px}
.navbar-brand{height: 40px}
.navbar-inverse > .container{padding: 0;}
h1, .h1{font-size: 25px}
article h2{font-size: 15px; font-weight: bold; text-transform: uppercase;}
article > .bg{ min-height: 707px;}
.taginfo{font-size: 11px; line-height: 20px;}
.sidepnum{font-size: 20px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.navbar-inverse > .container{padding: 0;}
article > .bg{ min-height: 655px;}
}

@media (min-width: 1200px) {
article > .bg{ min-height: 655px;}
.navbar-inverse > .container{padding: 0;}
.serv > div > .panel.panel-default{margin-bottom: 0;}
}

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:5%;}

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