/* --------------------------------------
   Layout
   -------------------------------------- */
body { 
			background-color: #014242;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			font-family: 'arial', sans-serif;}h1,h2,h3,h4,h5,h6,{font-family: 'arial', serif;
}
#schemacss-con{
  color: #000;
  text-align: center;
}
#schemacss-con a{
  color: #000;
  }
.white { color:#FFF}
a{color:#CCC}
a:hover {color:#FFF}.yellow2 {color: #FC0; text-shadow:1px 2px 3px #000; text-transform:uppercase; font-size:2em; text-align:center; font-family:impact, "Arial Black";}
   .white2 { font-size:14px}
	 a[href^=tel] { color: inherit; text-decoration: none; }
.header { margin:0; background-color:#fff; background-image:url(../images/lakewood-locksmith_34.png); background-repeat:no-repeat}
.nomargin {padding:0; margin:0;}
.containerShadow {box-shadow:0 0 20px #000; background:#fff; border:7px solid #066; margin-top:20px; margin-bottom:20px;}
.red { color: #07629B;}	
.gray { color:#333}
.gray2 {color:#000}
.blue {color:#ccc}
.headerfont{color:#FFB429; margin-bottom:0px; font-size:23px; margin-left:3px; margin-top:5px}
.header p { color:#F7FC76; font-size:9px;  margin-left:3px}
.logo { width:77px; height:93px; background-image:url(../images/lakewood-locksmith.png); background-repeat:no-repeat}
.contentbg {padding:10px 20px; background:#f4f4f4;}.phone { text-align:center; color:#fff; font-size:2em}
.contentbg p { color:#000;}
.contentbg h1 { color: #333; font-size:2.2em; margin-top:0;}
.contentbg h2{ color: #3D3D3D; font-size:2em}
.contentbg h3{ font-size:1.5em}
.well { padding:20px;  margin:10px 15px 10px 5px; box-shadow:none; background:#EDEDED; border-top:4px solid #C7CE00; border-bottom:0; border-right:0;  border-left:0; border-radius:0px; text-shadow:1px 1px 1px #fff;}
.footertext { font-size:18px; text-align:center;}
.footertext a{font-size:18px;}
footer {
	color: #fff;
	font-size: 11px; 
	 margin-top:10px; background:#003E65;
}
.footSer {background-image:url(../images/lakewood-locksmith_07.jpg); background-repeat:repeat-x; padding-bottom:10px}
footer a{color:#CCC; font-size:14px}
footer a:hover {color:#FFF}
footer h4{ font-size:20px; padding-top:10px;}

.coupon { font-size:1.7em; color:#FF9}
.boxshadow { margin:10px 20px; float:right; box-shadow: 0 0 7px 0 #999; border:5px solid #FFF}

#schemacss {
    margin: 10px 0;
    text-align: center; color:#FFF;
}
.schema_add_map div {
    display: inline; margin-left:5px
}

#schemacss  h2{
font-size:20px;  margin:0px !important;  padding:0px !important
}

#schemacss a{color:#CCC; font-size:12px}
#schemacss a:hover {color:#FFF}
.panel{background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 85%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(22%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 85%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 85%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 85%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 85%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

 color:#A31313; border-radius:0px; color:#07629b; border:none; text-align:center; font-size:45px; padding-top:20px; line-height:40%; letter-spacing:-1px; font-weight:bold; margin-bottom:0;  margin-right:5px;}
 .coupon { !important; font-size:16px; color:#333;}
.panel.panel-default { background:#EAEAEA !important; color:#A31313; margin-top:0; margin-bottom:0; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; margin-right:5px;}
.marginTopLeft { margin:5px 0px; padding:0;}
.PhoneTop { color:#FFF; font-size:29px; margin-top:2px; text-align:right; font-weight:bold; font-style:italic; text-transform:uppercase;}
.creditCC { margin-top:8px; text-align:right}
.serviceBg{background-image:url(../images/lakewood-locksmith_35.jpg); background-repeat:repeat-x; padding-bottom:5px}
.phoneLeft {background-image:url(../images/lakewood-locksmith_36.jpg); 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 10px; background:rgba(0, 62, 101, 0.8); text-align:center; font-weight:bold; margin-right:5px;}

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



/* --------------------------------------
   Navbar
   -------------------------------------- */
.navbar {    			 font-size:18px; font-family: Arial, Helvetica, sans-serif; letter-spacing:-1px; background:none; padding:0; margin-bottom:0px; min-height:0px; padding-left: 0px; padding-right: 0px; border-radius:0px; color:#999; background:#fff;  }

.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:#333 !important; color:#FFF !important; text-shadow:1px 1px 1px #000; border-top:4px solid #000  } 

.navbar-nav > li > a { color:#333; text-shadow:1px 1px 1px #fff; margin:0px; }

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

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #a6241b;}

    .service1 { color:#fff}  
/* --------------------------------------
   Carousel
   -------------------------------------- */
  
	
.carousel-indicators { margin-left:10px;}
	

/* Portrait & landscape phone */
@media (max-width: 480px) {.headerfont { font-size:16px !important; background:none !important;} .fontsmallschema{ font-size:16px}}
@media (max-width: 488px) {
.headerfont { font-size:16px !important; background:none !important;}
.phone { font-size:18px !important}.panel, .panel.panel-default { font-size:30px !important; line-height:100% !important}
.contentbg h1{ font-size:22px !important}.navbar-toggle {top: 22px !important;  }.boxshadow{  display:none !important} .white { font-size:16px !important}
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.PhoneTop, .creditCC {display:none}  
 .service1, .banner {display:none}
 .navbar-toggle {top: 17px; } 
.headerfont{width:100% !important; font-size:24px  }
 .col-9.contentbg { width:100% !important; margin:0 !important;} 
aside { width:100% !important; margin:0 !important; border:none !important} .footertext a,  .footertext { font-size:20px !important}
.navbar-toggle:hover {
background:#475270} .white { font-size:20px}
.navbar { background:#f4f4f4; margin-top:30px}
}

/* others */

@media (max-width: 994px) {.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:18px 5px !important}   
.navbar-nav > li > a { padding:18px 5px !important; font-size:14px !important} .white { font-size:26px}
.header p { font-size:8px !important}
.PhoneTop { font-size:18px !important}
.footertext a,  .footertext {
    font-size: 16px; color:#fff; text-transform:none}
.footertext a:hover {color:#fff}
.panel, .panel.panel-default { font-size:32px; line-height:50%}
.phoneLeft {
    background-image: url("../images/lakewood-locksmith_38.jpg") !important;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 45px !important
}.phoneLeft p { font-size:20px !important}
.btn-default { margin-bottom:10px}
footer h4 { font-size:16px}
}


@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:18px 10px}   
.navbar-nav > li > a { padding:18px 10px; font-size:16px}
.PhoneTop { font-size:22px}
.headerfont { width:150px}
.white { text-transform:uppercase; font-size:22px}
.phoneLeft p { font-size:30px}

.phoneLeft {
    background-image: url("../images/lakewood-locksmith_37.jpg");
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 60px;
}
.panel, .panel.panel-default { margin:0px}
.footertext a,  .footertext {
    font-size: 15px; color:#fff; text-transform:none
}
.footertext a:hover {color:#fff}

}	



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

.white { color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px #000; font-size:36px}
	.headerfont{ font-size:32px; margin-top:0px; width:330px}
	
.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:17px}   
.navbar-nav > li > a { padding:17px}

body { 
			
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			font-family: 'arial', sans-serif;}h1,h2,h3,h4,h5,h6,{font-family: 'arial', serif;
			
} 
.footertext, .footertext a { font-size:21px; text-align:center; color:#fff; text-transform:none }
.footertext a { font-variant:normal; font-weight:normal;}
.footertext a:hover {color:#fff;}
.footertext {font-variant:small-caps; font-weight:bold}
	
}