/* --------------------------------------
   Layout
   -------------------------------------- */
body {background-repeat:repeat-x; background-image:url(../images/locksmith-chanhassen_07.png); background-color:#54100B;

			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			font-family: Arial, Helvetica, sans-serif}h1,h2,h3,h4,h5,h6{font-family: 'arial', serif;
}
body, html { overflow-x:hidden !important; }

	a[href^=tel] { color: inherit; text-decoration: none; }
p.LargeText{ color: #C00; font-size:1.7em; margin-right:10px}
.containerShadow { background: #333; padding:10px; box-shadow:0 0 15px #000; border-left:5px solid #999;  border-right:5px solid #999}
.white { color:#FFF; text-shadow:1px 1px 1px #000}
a{color:#CCC}
.ser { font-size:12px; font-weight:normal} 
a:hover {color:#FFF}
.yellow2 {color: #900; text-shadow:1px 1px 2px #fff; text-transform:uppercase; font-size:2.7em; text-align:center; font-family:impact, "Arial Black";}.copyright { color:#333; font-size:16px; text-shadow:1px 1px 1px #fff}
.white2 { font-size:14px}
	.header { margin:0; }
.headerFont1 { height:67px; letter-spacing:-1px;}
.nomargin {padding:0; margin:0;}
.red { color: #000;}	
.gray { color:#333}
.gray2 {color:#000}
.blue {color: #990000}
.headerfont{color: #FC0; text-shadow:0px 1px 2px #000; margin-bottom:0px; margin-top:5px; text-transform:uppercase}
.header p { color: #ccc; font-size:12px;  margin-top:7px; font-weight:bold; letter-spacing:0}
.logo { width:77px; height:93px; background-image:url("../images/locksmith-chanhassen.png"); background-repeat:no-repeat}
.phone { text-align:center; color:#fff; font-size:2em}
.contentBG1 p { color:#000; margin-right:10px}
.contentBG1 h1 { color:#333; font-weight:bold; font-size:2.4em; text-shadow:1px 1px 1px #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing:-2px}
.contentBG1 h2, .contentBG1 h3, .contentBG1 h4{ color: #C00; font-size:1.7em; margin-right:10px}
.contentBG1 a{color:#000}
.well {padding:20px;  margin:10px 15px 10px 5px; border-radius:none; background:#333}
.well p{color:#fff!important; text-shadow:1px 1px 1px #000}
.footertext { font-size:18px; text-align:center;}
.footertext a{font-size:18px;}
.blue2 {color:#333; font-size:20px; text-shadow:1px 1px 1px #fff; }
footer {
	color: #fff;
	font-size: 11px;}
.footSer { padding-top:20px}
footer a{color:#CCC; font-size:14px}
footer a:hover {color:#FFF}
footer h4{ font-size:20px; padding-top:10px;}
.services2 { background:#68553D; padding:10px; margin-bottom:10px; font-size:16px; color:#ccc; text-align:center; border-radius:20px; box-shadow:0 0 10px #000; border:2px solid #BFA076}
.coupon { font-size:1.7em; color:#FF9}
.boxshadow { margin:10px 20px; float:right; box-shadow: 0 0 7px 0 #999; border:5px solid #f4f4f4}
.contentBG1 {padding:5px 30px; }
#schemacss {
    margin: 20px 0;
    text-align: center; color:#fff; text-shadow:1px 1px 1px #000;
}
#schemacss a{color:#fff; text-shadow:1px 1px 1px #000;}
#schemacss a:hover{color:#fff; text-shadow:1px 1px 1px #000;}
a[href^=tel] { color: inherit; text-decoration: none; }
.schema_add_map div {
    display: inline; margin-left:5px
}
.bgbody { margin:10px 3px; background-color: #000;}
#schemacss  h2{
font-size:20px;  margin:0px !important;  padding:0px !important
}
#schemacss a{color:#CCC; font-size:12px}
#schemacss a:hover {color:#FFF}
.yellow3{ color:#FC0; text-shadow:1px 1px 1px #000}
.panel{background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(109,0,25,1) 31%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(31%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 31%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 31%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 31%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 31%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color:#fff; border:none; text-align:center;  padding-top:10px; line-height:40%; letter-spacing:-1px; font-weight:bold; margin:5px 10px; }
 
 .panel.panel-default2{background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

 border:none; text-align:center;  padding-top:10px; line-height:60%; letter-spacing:-1px; font-weight:bold; margin:5px 10px; color:#000;}
 
 .coupon {font-size:16px; color:#333;}
  .coupon2 { font-size:12px; color:#FFC}
    .coupon3 { font-size:12px; color:#333}
.marginTopLeft { margin:0; padding:0; }
.PhoneTop { color:#FFECA3; font-size:29px; margin-top:2px; text-align:right; font-weight:bold;  text-transform:uppercase;}
.creditCC { margin-top:8px; text-align:right}
.serviceBg{background-image:url("../images/locksmith-chanhassen_35.jpg"); background-repeat:repeat-x; padding-bottom:5px}
.phoneLeft {background-image:url("../images/locksmith-chanhassen_04.jpg");    display: inline-block;    height: auto;  max-width: 100%; background-repeat: no-repeat; padding-top:70px; padding-bottom:40px;}
.phoneLeft p{ color:#fff; text-shadow:1px 1px 1px #000; font-size:36px; padding:2px 12px; margin-left:6px; background:rgba(254, 187, 34, 0.9); text-align:center; font-weight:bold; margin-right:5px; height: auto;  max-width: 100%; }

/* --------------------------------------
   Typography
   -------------------------------------- */



/* --------------------------------------
   Navbar
   -------------------------------------- */
.navbar {font-size:18px; font-family: Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:0 10px; margin-bottom:0px; min-height:0px; padding-left: 0px; padding-right: 0px; border-radius:0px; color:#999; background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
 }

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{background: #900; color:#FCD04E !important; text-shadow:1px 1px 1px #000;  } 

.navbar-nav > li > a { color:#000; text-shadow:1px 1px 1px #fff; margin:0px;  border-right:1px solid #DDDDDD; }

.navbar-toggle {    background-color: rgba(0, 0, 0, 0);    border: 1px solid #bdbab9;    border-radius: 4px;    height: 32px;    padding: 5px 7px;    position: absolute;    right: 10px;    top: 19px;    width: 38px; color:#333}

.navbar-toggle:hover, .navbar-toggle:focus { background-color: #333 !important;}
.service1 { color:#fff; border-radius:20px; margin-top:5px}  
.panel h2 { margin:0; padding:0;}
/* --------------------------------------
   Carousel
   -------------------------------------- */
  
	
.carousel-indicators { margin-left:-380px; padding-bottom:20px;}
	
.topphone {background: #990000; border-radius:20px;}
/* Portrait & landscape phone */
@media (max-width: 480px) {.headerfont { background:none !important;} .fontsmallschema{ font-size:14px}}
@media (max-width: 488px) {.contentBG1 h2 { font-size:18px;}

.headerfont { font-size:18px !important; background:none !important;}
.phone { font-size:18px !important}.panel, .panel.panel-default { font-size:30px !important; line-height:100% !important}
.boxshadow{  display:none !important} .white { font-size:14px !important}.headerFont1 { height:10px !important}
.emai1{ font-size:17px !important} .topphone { margin-top:20px;}
small { font-size:16px; line-height:10%}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.PhoneTop, .creditCC {display:none}  
 .service1, .banner {display:none}
 .navbar-toggle {top: 2px; } 
.headerfont{width:100% !important; font-size:24px; background:none !important;}
aside, .contentBG1{ width:100% !important; margin:0 !important; border:none !important; border-radius:0px} .footertext a,  .footertext { font-size:20px !important}
.contentBG1 h1 { font-size:24px}
.copyright { font-size:20px !important; color:#fff; text-shadow:1px 1px 1px #333}
.navbar { background: #444; margin-top:10px; padding:5px 10px; }.headerFont1 { height:20px} .header {background-image:none !important;  margin-bottom:10px}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{  text-transform:uppercase !important; border-right:none !important; border-radius:none !important }   
.navbar-nav > li > a {  border-bottom:1px solid #333; color:#fff; text-shadow:1px 1px 1px #000; text-transform:uppercase !important; border-right:none !important; border-radius:0px} 
footer { background-image:none; margin-top:0px; color:#FFF}
.footSer { padding-top:0px; }.yellow2 { font-size:36px !important}.panel h2{font-size:24px !important}

}

/* others */




@media (max-width: 1199px) { 
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{padding:5px 14px; text-transform:none}   
.navbar-nav > li > a { padding:5px 14px; font-size:16px; text-transform:none}
.PhoneTop { font-size:24px}

.phoneLeft p { font-size:30px}
.phoneLeft {
    background-image: url("../images/locksmith-chanhassen_37.jpg");
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 60px;
}
.phoneLeft p { margin-right:0px; font-size:28px}

.coupon3, coupon2 { line-height: 80%}
#schemacss a{color:#fff; text-shadow:1px 1px 1px #000; font-size:15px}
#schemacss a:hover{color:#fff; text-shadow:1px 1px 1px #000; font-size:15px}

.headerfont{ font-size:28px; margin-top:0px; letter-spacing:1px; font-weight:bold; margin-top:10px; text-transform:none}
.yellow2 { font-size:2em}
.header p { font-size:10px}
.navbar { margin-bottom:5px; padding:0 15px !important; border-radius:none !important}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{padding:10px 30px; border-radius:none !important}   
.carousel-indicators { margin-left:-310px; padding-bottom:10px; color:#fff; text-shadow:1px 1px 1px #333}
	.copyright { font-size:16px; color:#fff; text-shadow:1px 1px 1px #000}
.navbar-nav > li > a { padding:10px 30px;}.panel h2{font-size:26px}.footertext a,  .footertext {
    font-size: 14px; color:#fff; text-transform:none}
.footertext a:hover {color:#fff}
}	

@media (max-width: 994px) {.carousel-indicators { margin-left:-250px; padding-bottom:0px}
	.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{padding:10px 22px; border-radius:none !important }   
.navbar-nav > li > a { padding:10px 22px; border-radius:none !important }
	.navbar-nav > li > a { font-size:16px !important;  border-radius:none !important } .white { font-size:22px}
.headerfont{ font-size:20px; }
.panel h2{font-size:18px}
.panel small{ line-height:130%}
.header p { font-size:8px !important}
.PhoneTop { font-size:18px !important}
.footertext a,  .footertext {
    font-size: 14px; color:#fff; text-transform:none}
.footertext a:hover {color:#fff}
.navbar {margin-bottom:5px; padding:0 15px !important}
.phoneLeft {
    background-image: url("../images/locksmith-chanhassen_38.jpg") !important;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 45px !important;
}
.services2, .blue2{font-size:12px;}
.phoneLeft p { font-size:21px !important}
.btn-default { margin-bottom:10px}
footer h4 { font-size:16px}
.footSer { padding-top:8px;}
.white.footertext {color:#fff}
.copyright { font-size:16px; color:#fff; text-shadow:1px 1px 1px #333}

}



/* Large desktop */
@media (min-width: 1200px) {

.white { color:#fff; text-shadow:1px 1px 1px #000; font-size:34px; letter-spacing:normal}
	.headerfont{ font-size:32px; letter-spacing:1px; margin-top:0px; font-weight:bold}
	
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{padding:13px 54px; border-radius:none !important }   
.navbar-nav > li > a { padding:13px 54px; border-radius:none !important }
.navbar {  margin-bottom:5px; padding:0 15px !important}

body { 
				
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			}h1,h2,h3,h4,h5,h6{font-family: 'arial', serif;
			
} 
.footertext, .footertext a { font-size:19px; text-align:center; color:#fff; text-transform:none }
.footertext a { font-variant:normal; font-weight:normal;}
.footertext a:hover {color:#fff;}
#schemacss a{color:#fff; text-shadow:1px 1px 1px #000;}
#schemacss a:hover{color:#fff; text-shadow:1px 1px 1px #000;}
.footertext {font-variant:small-caps; font-weight:bold}
.footSer {padding-top:5px;}
.copyright { color:#fff; font-size:16px; text-shadow:1px 1px 1px #000}
	
}