/* --------------------------------------
   Layout
   -------------------------------------- */


  
body { 	font-size:140%; background:#161616;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	 color:#fff; text-shadow:1px 1px 1px #000;
			font-family: 'arial', sans-serif;}h1,h2,h3,h4,h5,h6,{font-family: 'arial', serif; }
			
			.headertopsize { padding-bottom:10px; margin-bottom:10px}
 a.Seractive{background:#111 !important;}
.logo{ margin:0; padding:0;}
.contentbgShadow {  box-shadow:0px 0 25px #000; background:#F8F6F7; background:url('../images/locksmith-in-river-grove-heights-104a.jpg'); background-position:left top; background-repeat:repeat-y}
.black { background:#000}
 #topheader {background:url('../images/locksmith-in-river-grove-heights-101.jpg'); background-position:left top; background-repeat:repeat-x}
.black2{ background-color:#121314}
a{color:#CCC; line-height:inherit;}
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";}
.form-horizontal .control-label {color:#000; text-shadow:1px 1px 1px #fff;}
   .white2 { font-size:0.875em}
	  a[href^=tel] { color: inherit; text-decoration: none; }
.header { margin:0; padding:0; background: rgb(25,25,25); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(25,25,25,1) 0%, rgba(25,25,25,1) 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(25,25,25,1)), color-stop(65%,rgba(25,25,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(25,25,25,1) 0%,rgba(25,25,25,1) 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(25,25,25,1) 0%,rgba(25,25,25,1) 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(25,25,25,1) 0%,rgba(25,25,25,1) 65%); /* IE10+ */
background: linear-gradient(to right,  rgba(25,25,25,1) 0%,rgba(25,25,25,1) 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919',GradientType=1 ); /* IE6-9 */}
.nomargin {padding:0; margin:0;}

.gray { color:#9D9D9D; letter-spacing:1px; font-weight:normal; text-shadow:none}
.gray2 {color:#666 !important; font-weight:bold;  text-shadow:none !important; padding:0px 10px 10px 13px; margin:0}
.gray3 {color:#333 !important; font-weight:bold;}
.blue {color:#8FA0C1}
.headerfont{color:#FDDA38; margin-bottom:0px; height:88px; font-size:3em;  background:url('../images/locksmith-in-river-grove-heights-00.jpg'); background-position:left top; background-repeat:no-repeat; line-height:80%; text-shadow:3px 3px 3px #000; font-weight:bold; letter-spacing:-1px; padding:10px 20px; font-style:italic}
.white { color:#FFF; text-transform:uppercase; font-size:2.375em; line-height:130%; letter-spacing:1px; font-style:normal;}
.headerspacing {padding:0px; text-align:left}
.header p { color:#666; font-size:85%; text-align:right; margin:0; padding:0; font-variant:small-caps}
.contentbg a{ color:#000;}
.contentbg a:hover{ color:#000;}
.contentbg {padding:0px; margin-bottom:10px}.phone { text-align:center; color:#fff; font-size:2em}
.contentbg p { color:#000;  margin-right:20px; margin-left:20px; text-shadow:1px 1px 1px #fff}
.contentbg ul, .contentbg li {color:#000; text-shadow:1px 1px 1px #fff; list-style:square; margin-right:20px; margin-left:10px;}
.contentbg h1 { color: #FAA304; text-shadow:1px 1px 1px #000; font-size:2.5em; padding:10px 30px 0 33px; margin:0; font-weight:bolder;}
.contentbg h2{ color:#01772C; font-size:2em; margin-right:20px; text-shadow:1px 1px 1px #fff; margin-right:20px; margin-left:20px;}
.contentbg h3{ font-size:1.5em; color:#333; text-shadow:1px 1px 1px #fff; margin-right:20px; margin-left:20px;}
.well{ padding:20px;  margin:10px 15px 10px 5px; box-shadow:none;
         background:#333; border-bottom:4px solid #FFB429; border-top:0;
		 border-right:0;  border-left:0; border-radius:0px; text-shadow:1px 1px 1px #000;}
.well p{ color:#FFF;}
.footertext { font-size:1.125em;}
.footertext a{font-size:1.125em;}
footer { padding-top:20px;
	color: #fff;
	font-size:0.6875em;   box-shadow:0px 0 5px #000;
	 background:#000000;
}
.cities ul {
    margin-left: 20px;
}
.cities li {
    list-style: outside none none;
}
.cities a {
    color: #3cd9f8;
    font-size:0.75em;
    line-height: 140%;
    text-decoration: none;
    text-transform: uppercase;
}
.cities a:hover {
    text-decoration: underline;
}


.footSer { padding-bottom:10px}
footer a{color:#CCC; font-size:140%;}
footer a:hover {color:#FFF}
footer h4{ font-size:1.25em; padding-top:10px;}

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

#schemacss {font-size:120%;
    margin: 10px 0;
    color:#FFF; text-align:left;
}
.schema_add_map div {
    display: inline; 
}
#schemacss strong {color:#FCCE92}
#schemacss  h2{
font-size:1.875em;  margin:0px !important;  padding:0px !important; color:#FCCE92; text-shadow:1px 1px 2px #000;
}
.servicesfooter{ font-size:90%; color:#fff; text-shadow:none;
 padding:0;  margin-right:17px !important; margin-left:17px !important}
.servicesfooter h4{ font-size:129%; text-align:center;  margin:0; background:#333; padding:10px; color:#000; text-shadow:1px 1px 1px #4C4C4C; font-weight:bold}

.servicesfooter p{ font-size:93%; text-align:center; color:#999; text-shadow:none; margin:0; padding:10px; background: rgb(0,0,0);  box-shadow: 0 4px 2px #555;}
#schemacss a{color:#CCC; font-size:0.75em}
#schemacss a:hover {color:#FFF}
.outsidebg {background:#000; box-shadow:0 1px 0 0 #333; border-radius:20px 20px 20px 20px; margin:1px; padding:5px}

.marginTopLeft { margin:0; padding:10px 0px 10px 15px; background:#161616}
.bgphone {padding:9px 10px; background: rgb(41,41,41); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(41,41,41,1) 51%, rgba(28,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(51%,rgba(41,41,41,1)), color-stop(100%,rgba(28,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(41,41,41,1) 51%,rgba(28,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(41,41,41,1) 51%,rgba(28,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(41,41,41,1) 51%,rgba(28,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(41,41,41,1) 51%,rgba(28,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#1c1c1c',GradientType=1 ); /* IE6-9 */


}
.PhoneTop { color:#8D8B8C; text-shadow:1px 1px 1px #000; font-size:2em; letter-spacing:-1px; text-align:left; font-weight:bold; font-style:italic; text-transform:uppercase;}
.creditCC { text-align:right; float:right; margin-top:5px}
.serviceBg{background-image:url(../images/locksmith-in-river-grove-heights_35.jpg); background-repeat:repeat-x; padding-bottom:5px}
.sideline {border-right:4px solid #0A0A0A; box-shadow:1px 0 0 0 #333; padding-right:10px }
.sideline2 {border-right:8px solid #0C1C3D; box-shadow:1px 0 0 0 #3063C1; padding-right:10px}
.footerlinks {padding-top:20px}
.servicebox { margin-bottom:2px}
.servicebox2 {background: rgb(193,96,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(193,96,1,1) 0%, rgba(253,163,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,96,1,1)), color-stop(100%,rgba(253,163,66,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(193,96,1,1) 0%,rgba(253,163,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(193,96,1,1) 0%,rgba(253,163,66,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(193,96,1,1) 0%,rgba(253,163,66,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(193,96,1,1) 0%,rgba(253,163,66,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c16001', endColorstr='#fda342',GradientType=0 ); /* IE6-9 */
 padding:5px; text-align:center; text-transform:uppercase; font-weight:bold; color:#562F0A; text-shadow:1px 1px 1px #FFE1C4; font-size:1.3em; margin-bottom:2px}
.servicebox2  h2{ color:#492808; text-shadow:1px 1px 1px #E58A34; text-align:center; margin:0; padding:0; font-family:impact, "Arial Black"; font-size:400%}
.servicebox3 {background: rgb(0,91,36); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,91,36,1) 0%, rgba(0,51,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,91,36,1)), color-stop(100%,rgba(0,51,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,91,36,1) 0%,rgba(0,51,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,91,36,1) 0%,rgba(0,51,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,91,36,1) 0%,rgba(0,51,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,91,36,1) 0%,rgba(0,51,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b24', endColorstr='#003313',GradientType=0 ); /* IE6-9 */
 padding:5px; text-align:center; text-transform:uppercase; font-weight:bold; color:#0FAA43;  font-size:1.375em; margin-bottom:2px}
.servicebox3  h2{ color:#032910; text-shadow:1px 1px 1px #0FAA43; text-align:center; margin:0; padding:0; font-family:impact, "Arial Black"; font-size:300% }

.servicebox4 {background: rgb(0,110,46); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,110,46,1) 0%, rgba(0,89,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,110,46,1)), color-stop(100%,rgba(0,89,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,110,46,1) 0%,rgba(0,89,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,110,46,1) 0%,rgba(0,89,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,110,46,1) 0%,rgba(0,89,35,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(0,110,46,1) 0%,rgba(0,89,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#005923',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding:5px; text-align:center; text-transform:uppercase; font-weight:bold; color:#70D893; font-size:1.1em; margin-bottom:2px}
.servicebox4  h2{ color:#032910; text-shadow:1px 1px 1px #0FAA43; text-align:center; margin:0; padding:0; font-family:impact, "Arial Black"; font-size:400% }
.servicebox4  h3{ color:#032910; text-shadow:1px 1px 1px #0FAA43; text-align:center; margin:0; padding:0; font-family:impact, "Arial Black"; font-size:250% }
.servicebox4 a{ text-decoration:underline; color:#FC0}

.servicebox5 {background: rgb(97,123,75); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(97,123,75,1) 0%, rgba(39,67,18,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,123,75,1)), color-stop(100%,rgba(39,67,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617b4b', endColorstr='#274312',GradientType=0 ); /* IE6-9 */  padding:5px; text-align:center; text-transform:uppercase; font-weight:bold; color:#D5F7B9; font-size:1.1em; margin-bottom:2px}
.servicebox5  h3{color:#26351A; text-shadow:1px 1px 1px #74AA47; text-align:center; margin:0; padding:0; font-family:impact, "Arial Black"; font-size:250% }
.servicebox5 a{ text-decoration:underline; color:#FC0}

.floatleft {float:left}
.service1 { margin-right:10px}
.couponYellow { font-size:2.8125em; text-shadow:2px 4px 4px #000; color:#FC0}
.servicebox a{ width:100%; display:block; padding:7px 20px; margin-bottom:1px; color: #999; text-shadow:1px 1px 1px #000; text-decoration:none; background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(43,45,48,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(43,45,48,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(43,45,48,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(43,45,48,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(43,45,48,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(43,45,48,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2b2d30',GradientType=0 ); /* IE6-9 */

text-shadow:1px 1px 1px #000;
 font-size:1.1875em;}
 .servicebox a:hover{opacity:0.8; color:#fff;}
 a.active1{ background:#163A63}

.servicesfooter p {min-height:90px}

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



/* --------------------------------------
   Navbar
   -------------------------------------- */
.navbar {font-size:125%; font-family: Arial, Helvetica, sans-serif; background:none; padding:0; margin-left:0px;  margin-right:0px; margin-bottom:0px; min-height:0px; padding-left: 0px; padding-right: 0px; -webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; color:#999; background: rgb(97,123,75); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(97,123,75,1) 0%, rgba(39,67,18,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,123,75,1)), color-stop(100%,rgba(39,67,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617b4b', endColorstr='#274312',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: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

 color:#F9B45E !important; text-shadow:1px 1px 1px #000; text-align:center; } 

.navbar-nav > li > a { color:#FAF2D8; text-shadow:1px 1px 1px #000; margin:0px;  text-align:center; border-right:1px solid #2C3F1C; box-shadow:1px 0 0 0 #638E40;}

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

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #3A3A37;}
	.navWborder {border-right:none !important; box-shadow:none !important;}

    .service1 { color:#fff}  
/* --------------------------------------
   Carousel
   -------------------------------------- */
  
	
.carousel-indicators {
    bottom: 135px; margin-left:475px}
	
.carousel-indicators li {
    border: none;   background-color: rgba(0, 0, 0, 0.9); box-shadow:0px 0px 3px #ccc;
    border-radius: 10px;
      height: 13px;
    width: 13px; padding:0; margin:0;}
	
.carousel-indicators .active {
   background-color: #464646; box-shadow:0px 0px 3px #ccc;
    height: 13px;  border: 2px  solid #000;
    margin: 0;
    width: 13px;}

.servicesLefside{ background:#2A2A2A; padding:5px 20px;}
.servicesLefside h2 {color:#100E0F; text-transform:uppercase; font-style:italic; text-shadow:1px 1px 1px #494949; margin:0; padding:0; font-weight:bold; font-size:195%}

.schemaBlack{text-align:center; color:#000; text-shadow:1px 1px 1px #fff}


/* 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:13px 40px}   .header p { font-size:0.5625em}
.navbar-nav > li > a { padding:13px 40px; font-size:88%}
.PhoneTop { font-size:157%}.contentbg h1 {font-size:2.4em}
.headerfont{line-height:100%; font-size:210% }
.white { font-size:70%}
.contentbg h1 {font-size:200%}
.logo{  padding-left:5px; padding-top:0; margin-top:-10px; background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 27%, rgba(25,25,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(27%,rgba(0,0,0,1)), color-stop(100%,rgba(25,25,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 27%,rgba(25,25,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 27%,rgba(25,25,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 27%,rgba(25,25,25,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 27%,rgba(25,25,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#191919',GradientType=1 );}
.servicesLefside h2 { font-size:150%}
.header p{font-size:74%; line-height:178%}
.headerfont{height:70px; background:url('../images/locksmith-in-river-grove-heights-00a.jpg'); background-repeat:no-repeat; line-height:65%;}
.logo{  margin-left:-5px;}
 .footertext a, .footertext {
    font-size:120%; line-height:inherit; text-transform:none; letter-spacing:0px}
#topheader {background:url('../images/locksmith-in-river-grove-heights-102.jpg'); background-position:left top; background-repeat:repeat-x}
.servicebox a {font-size:130%; line-height:inherit}
.phoneside1{ font-size:1.0625em}
.gray3{ font-size:1.125em}
.floatleft{ width:41%}
.couponYellow{ font-size:2.25em}	
.carousel-indicators {bottom: 103px; margin-left:364px}	
.servicebox2 h2 { font-size:300%}
.servicebox5{ font-size:100%}
.servicebox5 h3 { font-size:200%}
.servicesfooter h4 { font-size:105%}
.contentbgShadow {  background:url('../images/locksmith-in-river-grove-heights-104aa.jpg'); background-position:left top; background-repeat:repeat-y}

}	


@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:6px 30px}   
.navbar-nav > li > a { padding:6px 30px; font-size:0.75em} .contentbg h1 {font-size:2em}
.header p { font-size:0.5em}.contentbgShadow {  background:url('../images/locksmith-in-river-grove-heights-104aa.jpg'); background-position:left top; background-repeat:repeat-y}
.header p{font-size:60%; line-height:198%}
.bgphone { padding:7px 10px}
.headerfont{font-size:170%; height:55px; background:url('../images/locksmith-in-river-grove-heights-00aa.jpg'); background-repeat:no-repeat; line-height:65%;}
.white { font-size:65%}
.PhoneTop { font-size:1.125em}
 .gray {letter-spacing:normal} 
.servicebox a { font-size:120%}
.gray3{ font-size:1.25em}
.floatleft{ width:25%}
.servicebox3 {font-size:1.25em}
.couponYellow{ font-size:1.625em}
#topheader {background:url('../images/locksmith-in-river-grove-heights-103.jpg'); background-position:left top; background-repeat:repeat-x}
.servicesLefside h2 {font-size: 110%;}	
.servicebox a{font-size: 100%;}
.contentbgShadow {background:url('../images/locksmith-in-river-grove-heights-104aaa.jpg'); background-position:left top; background-repeat:repeat-y}
 .footertext a,  .footertext {
    font-size:110%; line-height:inherit; text-transform:none; letter-spacing:0px}
		.carousel-indicators {
    bottom: 78px; margin-left:265px}
	
.carousel-indicators li {
       height: 10px;
    width: 10px; }
	
.carousel-indicators .active {
     height: 10px;
    width: 10px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	.contentbgShadow {background:#fff}
.servicebox a { font-size:1.125em} .bgphone2 {background:#0A0A0A}
.navibarbg { background-color:#222;}
.logo{ background:#333;}
.black2 h1{background:none; color:#063; text-shadow:none; margin-bottom:0; padding-bottom:0; padding-top:0;}
.black2{background:none; color:#063; text-shadow:none; margin-bottom:0; padding-bottom:0; padding-top:0;}
.gray3{ font-size:1.5625em}
.floatleft{display:none}
.white { font-size:90%; letter-spacing:1px}
.couponYellow{ font-size: 2.0625em}
.col-3 h2{ font-size:1.875em}
.PhoneTop, .creditCC {display:none}  
 .service1, .banner {display:none}
 .navbar-toggle {top: 4px; } 
.headerfont{font-size:250%; background:#333; text-align:center; margin:0; padding:10px 0 0 0; height:inherit}
.header p{ text-align:center}
 .col-9.contentbg { width:100%; margin:0; border:none; padding:5px 20px} 

.navbar-toggle:hover {background:#333; }
.bgphone{ display:none !important}
.carousel {display:none}
#topheader {background:none}
.header { margin-bottom:0px; background:#333; margin-top:0; border-bottom:5px solid #2C4815; padding:5px}
#schemacss,  .footertext a,  .footertext {text-align:center !important; font-size: 150%}
.sideline { border:none; box-shadow:none} 
.navbar { background: none repeat scroll 0 0 #222; margin:10px 30px;}
	.navbar-nav > li > a { font-size:1.25em; text-transform:uppercase;  margin:5px 10px; background: -moz-linear-gradient(top,  rgba(97,123,75,1) 0%, rgba(39,67,18,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,123,75,1)), color-stop(100%,rgba(39,67,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(97,123,75,1) 0%,rgba(39,67,18,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617b4b', endColorstr='#274312',GradientType=0 ); /* IE6-9 */ border-right: none !important; box-shadow:none !important;}
 .col-9.contentbg h2 { font-size:200%}
.services1 {padding-bottom:10px}
aside { text-align:center; font-size:120%; width:100% !important; margin:0; border:none}
}
/* Portrait & landscape phone */
@media (max-width: 488px) {.col-8.contentbg h2 { font-size:150%}
.headerfont { font-size:200%; background:none !important; margin:0; padding:10px 0 0 0}
.header p { margin:0; padding:0; line-height:130%; font-size:95%}
.phone { font-size:150%} .contentbg h1{ font-size:1.375em !important}
.boxshadow{  display:none !important} .white { font-size:100%}
 .footertext a,  .footertext {
    font-size:150%; line-height:inherit; text-transform:none; letter-spacing:0px}
}

@media (max-width: 360px) {  .col-8.contentbg {padding:5px}  .col-9 h2{font-size:1.25em !important}
.headerfont { font-size:200%; background:none !important; margin:0; padding:10px; line-height:100%; height:inherit}
}

@media (max-width: 240px) {.phone { font-size:110%} .footertext a,  .footertext {
    font-size:120%; line-height:inherit; text-transform:none; letter-spacing:0px} aside{font-size:120%}  .navbar-nav > li > a { font-size:80% !important}  }
	
/* Large desktop */
@media (min-width: 1200px) {

.white { color:#fff; text-shadow:4px 4px 4px #000; font-size:80%}
	.headerfont{ font-size:260%; margin-top: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:12px 54px;}   
.navbar-nav > li > a { padding:12px 54px;}

body { 
			color:#fff; 
			-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:120%; line-height:inherit; text-align:right; color:#faf2d8; text-transform:none; letter-spacing:normal }
.footertext a { font-variant:normal; font-weight:bold;}
.footertext a:hover {color:#fff;}
	
}