/* --------------------------------------
   Layout
   -------------------------------------- */
body { background:url('../images/irondale-locksmith_02.png') left top repeat-x;
			background-color:#f2f2f2;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			font-family: 'arial', sans-serif;}h1,h2,h3,h4,h5,h6{font-family: 'arial', serif;
}

p.largtxt{font-size:20px !important;}
body, html { overflow-x:hidden !important; }

.contentbg h2, .contentbg h3, .contentbg h4, p.xlFont{ color:#FF9; font-size:1.9em}
#schemacss {
    margin: 10px 0;
    text-align: center; color:#fff
}
.schema_add_map div {
    display: inline; margin-left:5px
}
#schemacss a{ font-size:15px;}
#schemacss  h2{
font-size:22px; text-transform:uppercase;  margin:0px !important;  padding:0px !important
}

a{color:#CCC}
a:hover {color:#FFF}
	 
.header1 { margin-top:14px; height:90px; margin:0; padding:0;}
.red { color:#a6241b;}	
.gray { color:#E5E6E8; text-shadow:0px 0px 3px #000}
.gray2 {color:#666}
.headerfont{ font-family:"impact", Arial Black; color: #FC0; margin-bottom:0px; font-size:36px; margin-left:3px; margin-top:10px; font-variant:small-caps;  text-shadow:0px 0px 3px #000}
.header1 p { color:#999; font-size:9px; text-transform:uppercase; margin-left:3px}
.logo { width:77px; height:93px; background-image:url(../images/irondale-locksmith.png); background-repeat:no-repeat}
.well { background-color: #000;  border: none; border-radius: 4px; box-shadow:none; margin:10px 15px;  min-height: 10px; padding: 10px;}	
.pink {color:#E0A8A7}
.btn-danger {padding:5px 15px; text-transform:uppercase; font-size:20px; font-weight:bold; 
				text-shadow:1px 1px 1px #333; float:right; background:#A5221A; margin-top:20px; box-shadow:0px 5px 0px #6E0F09;}
.contentbg { background:#333; border-top:7px solid #9E2119; float:left;
			 border-bottom:7px solid #9E2119; padding:15px 25px; margin-top:12px; color:#f4f4f4;}
.contentbg p { color:#f4f4f4;}
.contentbg h1 { color:#FFF;  font-variant:small-caps; text-shadow:2px 2px 3px #000; font-size:3em; padding:0; margin:0; font-family: "impact", Arial Black}


.well.content1 { padding:20px; margin:5px;}
.green { color:#FC0; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px}
.contentright { float:right; text-shadow:1px 1px 1px #FFF}
.contentright h1 { color:#a6241b;font-size:2.5em; padding:0; margin:0; font-family: "impact", Arial Black; text-align:right; text-transform:uppercase}
.col-sm-9.contentbg { margin-left:1.7%; width:74.3%; margin-top:1%}
.contentright p { float:right; margin:0 0 5px 0; padding:0; text-align:center}
.contentright a:hover{ opacity:0.9}
.col-sm-3.contentright { margin-top:.1%}
footer {

	color: #000;

	padding: 10px; margin-top:10px
}
.services {	font-size: 12px;}
footer a{color:#CCC; font-size:19px; text-align:center}
footer a:hover {color:#FFF}
.footer1 a{color:#CCC; font-size:19px; text-align:center;}
.footer1 {color:#CCC; font-size:19px; text-align:center}


footer h4{ font-family:impact, "Arial Black"; font-size:20px; padding-top:10px}
.panel{background: rgb(158,33,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(158,33,25,1) 29%, rgba(102,23,16,1) 44%, rgba(158,33,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(158,33,25,1)), color-stop(44%,rgba(102,23,16,1)), color-stop(100%,rgba(158,33,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(158,33,25,1) 29%,rgba(102,23,16,1) 44%,rgba(158,33,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(158,33,25,1) 29%,rgba(102,23,16,1) 44%,rgba(158,33,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(158,33,25,1) 29%,rgba(102,23,16,1) 44%,rgba(158,33,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(158,33,25,1) 29%,rgba(102,23,16,1) 44%,rgba(158,33,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2119', endColorstr='#9e2119',GradientType=0 ); /* IE6-9 */



 color:#FFF; text-shadow:none; border-radius:0px; margin-left:10px}
  .yellow {color: #FC0; margin:0; text-shadow:1px 2px 3px #000; text-transform:uppercase; font-size:2.5em; text-align:center; font-family:impact, "Arial Black";}
  .yellow2 {color: #FC0;}
.panel.panel-default {padding-top:1px; margin-top:10px;  text-align:center;  padding:10px; margin:10px 0px}
.panelbg {background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ 
 border-top: 5px solid #9E2119; padding:10px; margin:0;
}
.panel a{ font-size:18px; text-transform:uppercase}
.bgsub {background:url('../images/irondale-locksmith_07.gif') left top repeat-x; background-color:#f4f4f4}
.coupon { font-size:1.7em; color:#FF9}
.boxshadow { border:5px solid #bdbcbc; margin:10px; float:right; box-shadow: 0 0 7px 0 #000;}

.imagecontent {
    float: right;
    padding: 5px;
    box-shadow: 0px 0px 4px 0px #A1A1A1;
    margin: 10px 10px 10px 15px;
    max-width: 50%;
}


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



/* --------------------------------------
   Navbar
   -------------------------------------- */
.navbar {    			 font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; 
			 margin-bottom:0px; min-height:0px; padding-left: 0px; padding-right: 0px; border-radius: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{background:#2F3D3F !important; color:#FFF !important;  padding:10px 30px 9px 30px; text-transform:uppercase;} 

.navbar-nav > li > a { color:#000; margin:0px;  padding:10px 30px 9px 30px; text-transform:uppercase;}

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

      
/* --------------------------------------
   Carousel
   -------------------------------------- */
  
	
.carousel-indicators { margin-left:156px;}
	

/* Portrait & landscape phone */
@media (max-width: 480px) {
.logo { display:none;}
.navbar-toggle {top: 55px;}
.btn-danger  {display:none}
.contentbg h1 { font-size:22px !important}
.contentright h1 { font-size:1em;}
.contentbg h2{ color:#FF9; font-size:1em}
.contentbg h3{ font-size:.8em}
#myCarousel {display:none} .fontcall { font-size:1em !important}.headerfont{ font-size:22px !important;} .phone { text-align:center; color:#fff !important; font-size:1.3em !important}

footer a, .footer1 a, .footer1, #schemacss a, #schemacss h2, #schemacss{font-size:20px;}



}
.services2 { float:left; margin-right:50px; text-align:center}

/* Landscape phone to portrait tablet */
@media (max-width: 760px) {
	#myCarousel {display:none}
	.fontcall  { font-size:1.6em}
.headerfont{ font-size:26px; text-align:center}
.logo { display:none; } 
.services1 {background:#fff;}
.btn-danger {display:none} 
.header1 { height:70px}
.contentbg h1 { font-size:2.5em}
.navbar-toggle {top: 55px;}
.fullW {width:100%}
.contentright h1 { font-size:2em;}
.contentbg h2{ color:#FF9; font-size:1.5em}
.contentbg h3{ font-size:1em}
.header1 p { text-transform:none; text-align:center}
.spacing a{font-size:14px !important;}
.spacing {font-size:14px !important;}

}

@media (max-width: 767px) {.btn-danger {display:none} #myCarousel {display:none}.fontcall  { font-size:1.6em}  .col-sm-9.contentbg { width:100% !important; margin:0 !important;} .col-sm-3.contentright { width:100% !important; margin:0 !important; border:none !important} .navbar {margin-top:30px}
 }
@media (max-width: 990px) { .carousel-indicators { margin-left:106px;} .phone { text-align:center; color:#fff; font-size:2em} .yellow { font-size:2em; text-transform:none} }

@media (max-width: 990px) { .headerfont { font-size:34px;}}

/* others */
@media (max-width: 1152px) { 	
	.logo { display:none; }  
	.btn-danger { margin-bottom:20px} 
	header { text-align:center}  
	.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:#2F3D3F !important; color:#FFF !important; padding:10px 20px 9px 20px; text-transform:none}   
.navbar-nav > li > a { color:#000;  margin:0px;   padding:10px 20px 9px 20px; text-transform:none}
.btn-success { font-size:12px; padding:5px}
.col-sm-9.contentbg {width:74%; margin-left:1.5%; margin-top:3.2%}
.col-sm-3.contentright { margin-top:2.2%}
.contentright p { margin:2px; float:left}
footer { background:none}#myCarousel .item {height:100%} 

}	



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


.carousel-indicators { margin-left:220px;}
	.headerfont{ font-size:46px;}
	
.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:#2F3D3F !important; color:#FFF !important;  padding:10px 50px 9px 50px;}   
.navbar-nav > li > a { color:#000;  margin:0px;  padding:10px 50px 9px 50px;}
.col-sm-9.contentbg { margin-left:1.2%; width:76%; margin-top:1.2%}
.col-sm-3.contentright { width:23%;  margin-top:.3%}
body { background:url('../images/irondale-locksmith.gif') left top repeat-x;
			background-color:#f2f2f2;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			font-family: 'arial', sans-serif;}h1,h2,h3,h4,h5,h6{font-family: 'arial', serif;
}.btn-danger {float:right; margin-right:-30px}
	
}