/* --------------------------------------
   Layout
   -------------------------------------- */
   
 	
	@font-face {
    font-family: 'cargocrateregular';
    src: url('../fonts/cargc__-webfont.woff2') format('woff2'),
         url('../fonts/cargc__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
	
	
@font-face {
    font-family: 'charter_btblack';
    src: url('../fonts/charter_black_bt-webfont.woff2') format('woff2'),
         url('../fonts/charter_black_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  
body {
	 font-family: Tahoma, Geneva, sans-serif;
    color: #222; background-image:url(../images/germantown-locksmith_04.gif); background-repeat: repeat-x;
 font-size: 16px;
    overflow-x: hidden; background-color:#bdbdbd}

.blackAll, .blackAll h2, .blackAll strong{ color:#000 !important; text-shadow:none !important}
a, a:hover { color: #000;}
p{    font-family: Tahoma, Geneva, sans-serif;	font-size:1em;}
div.container{	position:relative;}
.floatLeft { float:left}
.floatRight { float:right}
.noborder { border-right:none !important}
/* --------------------------------------
   Header and Navigation, LOGO
   -------------------------------------- */
.banner-wallpaper {
    background-color:#000;       }
	#seoPadding p{ padding:10px 0 0 0; font-family: 'charter_btblack'; font-size:12px}
#phoneTop p{ font-size:18pt; color:#333; padding-top:5px; text-transform:uppercase; text-shadow:1px 1px 1px #fff; font-family: 'charter_btblack'; text-align:right; font-weight:normal}
.phoneTopsmallFont { font-size:12pt; text-transform:uppercase; font-family: 'cargocrateregular';}
#SeoPhoneBG{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
color:#333; margin-bottom:7px; text-transform:uppercase;}
.phone { text-align:center; color:#fff; font-size:2em;}
.bgWhite { background:#FFF; }

/* --------------------------------------
   Navigation
   -------------------------------------- */
   .navbar-brand { margin:0 0 20px 0; padding:0}
   .navbar-brand img {float:left;}
   .navbar-brand h1{ font-family: 'cargocrateregular'; font-size:30px; float:left;  color: #000 !important; text-shadow:1px 1px 1px #ffcc99}
.navbar-inverse{
		background:none; border-bottom:none; text-transform:lowercase !important}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff; border-top:4px solid #fff; background:none; font-family: 'charter_btblack';  text-shadow:2px 2px 2px #cc6600;
		
}
.navbar-inverse .navbar-nav > li > a{
	font-family: 'charter_btblack'; text-transform:lowercase !important; padding:15px 10px; 	
	 	font-size:17px; font-weight:bold;	color: #222;
  
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
      color: #fff; text-decoration:underline;  text-shadow:2px 2px 2px #cc6600;
}

.navbar { margin-bottom:0; }
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
/* --------------------------------------
   Banner
   -------------------------------------- */
   #banner{
	 margin:0px auto; 
    width: 100%; 
   	background-size:cover;
	position:relative; 
}
.carousel img:hover{ border:5px solid #333; border-bottom:15px solid #333}
.carousel img{ border:5px solid #000; border-bottom:15px solid #000}
#bootstrap-menu{
    -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out; margin:0;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-weight:bold; 
}
		
.banner-wallpaper{ background-repeat:no-repeat !important}
.carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.1); 
    border: medium none;
    border-radius: 10px;
    box-shadow: 0 0 3px #555;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 10px;
}
.carousel-indicators .active {
	  background-color: rgba(255, 255, 255, 0.9); 
	   border:1px solid rgba(0, 0, 0, 0.3);   
         height: 10px;
    margin: 0;
    width: 10px;
}
	.carousel-indicators { bottom:-5%}
		
/* --------------------------------------
   MainContent
   -------------------------------------- */
   
   .nopadding { padding-right:0;}
.shadowborderMain {-webkit-box-shadow: 0 8px 6px -6px #222;
	   -moz-box-shadow: 0 8px 6px -6px #222;
	        box-shadow: 0 8px 6px -6px #222;}
.contentbg { margin-top:10px; margin-bottom:20px; padding:20px; text-shadow:1px 1px 1px #fff; 
-moz-box-shadow:    inset 0 0 60px #f4f4f4;
   -webkit-box-shadow: inset 0 0 60px #f4f4f4;
   box-shadow:         inset 0 0 60px #f4f4f4; background:#fff; margin-right:15px;  }
.contentbg p {color: #444;  margin-right:20px; margin-left:20px; text-shadow:1px 1px 1px #fff;}
.contentbg ul, .contentbg li {color:#222; text-shadow:none; list-style:square; margin-right:20px; margin-left:10px;  text-shadow:1px 1px 1px #fff;}


.contentbg strong{ font-size:22px; font-family:Tahoma, Geneva, sans-serif; color:#333;}
		  
.contentbg h1 { color: #000; text-transform:uppercase; font-family: 'charter_btblack'; font-size:200%;  padding:0 10px 0px 20px; margin:0; font-weight:normal;}
.contentbg h2, .contentbg h3, .contentbg h4, .contentbg h5{ color: #333; font-size:1.6em; margin-right:20px; margin-right:20px;
                 margin-left:20px;  font-family: Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px;}
.shadowImgBox { margin:10px; float:right; }

		
/* --------------------------------------
   leftPanel
   -------------------------------------- */	
   
   .sidebg {-moz-box-shadow:    inset 0 0 60px #bbb;
   -webkit-box-shadow: inset 0 0 60px #bbb;
   box-shadow:         inset 0 0 60px #bbb; background:#fff; padding:10px 0; float:right; margin:10px 0; }
   
.otherservices { 
padding:10px; text-align:center; font-family: 'charter_btblackr'; font-weight:bold; font-size:26pt; color:#291909; text-shadow:1px 1px 1px #fff;margin-bottom:1px; text-transform:uppercase; letter-spacing:-1px}


.serviceBOxCoupon {-moz-box-shadow:    inset 0 0 60px #6D3131;
   -webkit-box-shadow: inset 0 0 60px #6D3131;
   box-shadow:         inset 0 0 60px #daf7cd1; background:#d42b2b; margin-top:5px; border-bottom:10px solid #561717; font-size:30px; color:#fff; text-shadow:2px 2px 2px #4C2323; text-transform:uppercase; font-family: 'charter_btblackr';  min-height:109px}
   .serviceBOxCoupon strong{ font-size:20px; text-shadow:none; color:#F2AEAE; font-family:Tahoma, Geneva, sans-serif;}
  .serviceBOxCoupon  p { padding:30px 10px 0 10px; margin:0;   font-family: 'cargocrateregular'; line-height:80%}
   .serviceBOxCoupon img { float:left; margin-right:10px; }
   
   .serviceBOxCoupon2 {-moz-box-shadow:    inset 0 0 60px #6D3131;
   -webkit-box-shadow: inset 0 0 60px #6D3131;
   box-shadow:         inset 0 0 60px #6D3131; background:#d42b2b; margin-top:5px; border-bottom:10px solid #561717; font-size:50px; color:#fff; text-shadow:2px 2px 2px #4C2323; text-transform:uppercase; font-family: 'charter_btblackr';  min-height:109px}
   .serviceBOxCoupon2 strong{ font-size:16px; text-shadow:none; color:#F2AEAE; font-family:Tahoma, Geneva, sans-serif;}
  .serviceBOxCoupon2  p { padding:30px 10px 0 10px; margin:0; font-weight:bolder; line-height:45%; text-align:center;   font-family: 'cargocrateregular';}
   .serviceBOxCoupon2 img { float:left; margin-right:10px; }
   
   
     .serviceBOxCoupon3 {-moz-box-shadow:    inset 0 0 60px #333;
   -webkit-box-shadow: inset 0 0 60px #333;
   box-shadow:         inset 0 0 60px #333; background:#666; margin-top:5px; border-bottom:10px solid #333333; font-size:50px; color:#fff; text-shadow:2px 2px 2px #2F3F33; text-transform:uppercase; font-family: 'charter_btblackr';  min-height:109px}
   .serviceBOxCoupon3 strong{ font-size:22px; text-shadow:none; color:#EAFCEF; font-family:Tahoma, Geneva, sans-serif;}
  .serviceBOxCoupon3  p { padding:30px 10px 0 10px; margin:0; font-weight:bolder; line-height:45%; text-align:center;   font-family: 'cargocrateregular';}
   .serviceBOxCoupon3 img { float:left; margin-right:10px; }
   
   
        .serviceBOxCoupon4 {-moz-box-shadow:    inset 0 0 60px #333;
   -webkit-box-shadow: inset 0 0 60px #333;
   box-shadow:         inset 0 0 60px #333; background:#666; margin-top:5px; border-bottom:10px solid #333333; font-size:30px; color:#fff; text-shadow:2px 2px 2px #2F3F33; text-transform:uppercase; font-family: 'charter_btblackr';  min-height:109px}
   .serviceBOxCoupon4 strong{ font-size:30px; text-shadow:none;  color:#EAFCEF; font-family:Tahoma, Geneva, sans-serif;}
  .serviceBOxCoupon4  p { padding:15px 10px 0 10px; margin:0; font-weight:bolder; line-height:110%; text-align:center;   font-family: 'cargocrateregular'; }
   .serviceBOxCoupon4 img { float:left; margin-right:10px; }
/* --------------------------------------
   FooterServicesHomePage
   -------------------------------------- */
   
   /* BackToTop button css */
#scrolltop {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#091e7b;
text-indent:-9999px;
display:none;

}
#scrolltop span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff
}
#scrolltop:hover {
background-color:#DA6666;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}

   

   	
   .servicesGarageDoorPadding { padding:10px; }
   h4 { color:#fff; font-size:22px; font-family: 'cargocrateregular';}
  .servicesGarageDoor .post {
      padding: 5px; 
    position: relative; color:#ccc }
	 .servicesGarageDoor .post img{ float:left; padding:0 5px 5px 0; border-radius:50% 50%; -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000; }
	.servicesGarageDoor .post-3 img{ margin-right:20px}
  .servicesGarageDoor .post-1 {
    transform: translate(100px, 20px);  text-align:right}
   .servicesGarageDoor .post-1 img{ float:right; margin-left:20px}
  .servicesGarageDoor .post-3 {
    transform: translate(-100px, 20px); text-align:left }	
	.servicesGarageDoor .post p{ color:#edcdc8; font-size:14px}

 a.nonedecoration{ text-decoration:none !important; color:#605F5F;}
 #footerbg {background:#171717;
text-align:center; color:#605F5F; font-weight:bold; padding:10px; 
   -moz-box-shadow:    inset 0 0 15px #0A0A0A;
   -webkit-box-shadow: inset 0 0 15px #0A0A0A;
   box-shadow:         inset 0 0 15px #0A0A0A}
 
#schemacss {font-size:110%;  margin: 10px 0;  color:#fff; font-style:normal}			  
#schemacss h2{	font-family: 'cargocrateregular'; font-size:26pt; color:#fff; text-shadow:1px 1px 1px #000; margin:0;
				 text-transform:none}
.schema_add_map div { display: inline; }
.footerTExt a, .footerTExt a:hover{color: #605F5F;}
.brandlogo { background:#dd6867; padding:10px; -moz-box-shadow:    inset 0 0 20px #a94e4d;
   -webkit-box-shadow: inset 0 0 20px #a94e4d;
   box-shadow:         inset 0 0 20px #a94e4d; margin-bottom:10px;}
   .brandlogo img{ float:left; padding:7px;}
   .brandlogoH1 h1{padding:0; font-weight:bold; font-size:36pt; letter-spacing:1px; margin:0px 0 10px 0; color:#000; text-shadow:1px 1px 1px #fff;    font-family: 'charter_btblack'; opacity:0.9; text-transform:uppercase; text-align:center}
.borderfooterbottom {border-bottom:30px solid #fff}
.footerBackground {background:#c12c2c;  padding:10px 50px; color:#cdfcb7; text-align: center;  -webkit-box-shadow: 0 12px 6px -6px #666;
     -moz-box-shadow: 0 12px 6px -6px #666;
          box-shadow: 0 12px 6px -6px #666;}
   .footerBackground h1{ padding:0; font-weight:bold; font-size:36pt; letter-spacing:1px; margin:0 0 10px 0; color:#fae1ba; text-shadow:1px 1px 1px #4b1212;    font-family: 'charter_btblack';  text-transform:uppercase}   
       img.FooterIMGSErvices{ float:left; margin-right:10px; -webkit-border-radius:50%;
					-moz-border-radius:50%;
					border-radius:50%; width:20%}	
	#brandSchema { background:#202020;  color:#CCC}
	#brandSchema a{ color:#fff;}
	#schemacss h2 strong{ letter-spacing:1px;
    background: #e39a3b none repeat scroll 0 0;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;}
	#schemacss strong { color:#FC0}
	#brandright { text-align:right; font-size:13pt; font-weight:bold}
	#brandright img{ float:right}
.clearboth { clear:both} 
.paddingBrand { padding:10px;}
.contactFooter { background:#fff; padding:0px 40px}
.contactFooter h2 { font-weight:bold; font-size:36pt; letter-spacing:1px; color:#281807; text-shadow:1px 1px 1px #fff;    font-family: 'charter_btblack'; text-transform:uppercase;}
.contactFooter strong{color:#555; font-size:24px; letter-spacing:1px;}
.contactFooter h3 { font-weight:bold; font-size:26pt; font-style:italic; color:#222; text-shadow:1px 1px 1px #fff; text-transform:uppercase  }
.contactFooter p{ font-size:16px; color:#333}


/* Small screen laptop and pc */
@media (max-width: 1199px) {											
							.navbar-inverse.sticky {
										position: fixed;
										font-size: 18px;
										line-height: 48px;
										height: 70px; 
										width: 100%;          
										background: #ff9900;
										text-align: left;
										padding-left: 20px;
										opacity:0.9; }
							.navbar-inverse.sticky .navbar-nav > li > a{font-size:14px; background:#ff9900}
							.navbar-inverse.sticky .navbar-nav{margin:5px 0;}
							.navbar-inverse{ font-size: 12px; height: auto;}													
							#banner{margin:0px auto 0;}	
							.navbar-inverse.sticky {top:0;}
							.navbar-inverse .navbar-nav > li > a{
										 padding:13px 5px; }
							  #seoPadding p { font-size:12px} 
							  .navbar-right { margin-right:0}
							  #phoneTop p { font-size:20px}
							  .navbar-brand img {width:70px}
							  .navbar-brand h1 { font-size:21px}
							  .navbar-brand { margin-bottom:10px;}
			.serviceBOxCoupon p {font-size:22px}
			.serviceBOxCoupon strong { font-size:15px}
			.serviceBOxCoupon2 p {font-size:36px}
			.serviceBOxCoupon4 strong { font-size:24px}
						.serviceBOxCoupon2 strong {font-size:12px}
					.servicesGarageDoor .post p { font-size:12px}
					.contactFooter h2 { font-size:36px}
					.contactFooter h3 { font-size:24px}
					.carousel-indicators { bottom:-6%}
}
				
@media (max-width: 1005px) { .navbar-inverse.sticky {
										position: fixed;
										font-size: 18px;
										line-height: 48px;
										height: 70px; 
										width: 100%;          
										background: #ff9900;
										text-align: left;
										padding-left: 20px;
										opacity:0.9; }
							.navbar-inverse.sticky .navbar-nav > li > a{font-size:11px; background:#ff9900}
							.navbar-inverse.sticky .navbar-nav{margin:5px 0;}
							.navbar-inverse{ font-size: 12px; height: auto;}													
							#banner{margin:0px auto 0;}	
							.navbar-inverse.sticky {top:0;}
							.navbar-inverse .navbar-nav > li > a{
										 padding:13px 5px; font-size:11px; font-weight:normal }
							  #seoPadding p { font-size:12px; text-transform:lowercase} 
							  .navbar-right { margin-right:0}
							  #phoneTop p { font-size:15px}
							  .navbar-brand img {width:50px}
							  .navbar-brand h1 { font-size:16px}
							  .navbar-brand { margin-bottom:0;}
							  .contentbg strong { font-size:16px}
			.serviceBOxCoupon p {font-size:16px; line-height:100%;}
			.serviceBOxCoupon, .serviceBOxCoupon2, .serviceBOxCoupon3, .serviceBOxCoupon4 { min-height:103px}
			.serviceBOxCoupon img, .serviceBOxCoupon3 img, .serviceBOxCoupon4 img, .serviceBOxCoupon2 img{width:90px}
			.serviceBOxCoupon strong { font-size:15px}
			.serviceBOxCoupon2 p {font-size:36px}
			.serviceBOxCoupon3 strong { font-size:16px}
			.serviceBOxCoupon3 p {font-size:36px; line-height:60%}
			.serviceBOxCoupon4 strong { font-size:16px}
			.serviceBOxCoupon4 p{ font-size:20px; line-height:inherit}
							.serviceBOxCoupon2 strong {font-size:12px}
					.serviceBOxCoupon2 p{font-size:22px; line-height:60%; padding-top:20px}
					.servicesGarageDoor .post p { font-size:12px}
					.contactFooter h2 { font-size:20px}
					.contactFooter h3 { font-size:16px}	
					.brandlogoH1 h1 { font-size:36px}
					.contactFooter strong { font-size:16px}
					.carousel-indicators { bottom:-7%}							
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {#footerbg a, #footerbg a:hover, #footerbg, a, a:hover{font-size:16pt}
							.contentbg{ width:100%; clear:both; margin:0;}
							aside {width:100%; line-height:inherit; clear:both; margin:0; padding:0;}
							#SeoPhoneBG { display:none}						
							.bgphone2 img{width:224px; margin:0 auto}
							.bgphone2 p{ font-size:20pt;}
							 h2.visible-xs{ padding-left:5px; font-family: 'cargocrateregular'; padding-bottom:5px; color:#000 !important; text-shadow:1px 1px 1px #fff}	
							.quickResponse, .hoursResponse, .callPHone, .coupon{ width:461px; margin:10px auto}
							.bgphone2 {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */

text-align:center; color:#000; border-top:10px solid #003366} h3.visible-xs { font-size:27pt; text-transform:uppercase; font-weight:bold; text-align:center;    font-family: 'charter_btblack'; color:#333;}
							.contentbg h1 { font-size:26pt}
							.navbar-inverse{height:auto; opacity:0.9;}
							.navbar-inverse .navbar-nav > li > a{font-size:20px; font-weight:bold; padding:10px 40px !important;}
							.navbar-inverse .navbar-nav > .active > a, .navbar-inverse 
							.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > 							
							.active > a:hover {	border:none; padding:10px 40px}
							.navbar-nav{float: inherit!important; clear:left; margin:0px;}
							.navbar-collapse{padding-bottom:5px;}
							.navbar-inverse.sticky .navbar-nav > li > a{font-size:20px; font-weight:bold;  padding:10px 20px !important;}
							.navbar-inverse.sticky .navbar-nav > .active > a, 
							.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav > 
							.active > a:hover {	border:none;  padding:10px 20px}
							.navbar-inverse.sticky{height:auto; opacity:0.9;}
							.navbar-collapse.sticky{padding-bottom:5px;}
							.navbar-inverse.sticky .navbar-brand{top:0; font-size:1.1em; color:#fff}							
							#banner{margin:0px auto 0; background:#000;}	
							.navbar-inverse .navbar-toggle { border-color: #cc0000;}
							.navbar-inverse .navbar-toggle:hover,
							.navbar-inverse .navbar-toggle:focus { background-color:#000;}
							.navbar-inverse.sticky {top:0;}	
							 .servicesGarageDoorPadding {  min-height:140px; }
							.navbar-toggle { background: #222; border:none}
							.navbar-brand { display:none}
							.mainHeight, .resMainHeight, .autoMainHeight, .emrMainHeight, .conMainHeight, .comMainHeight{ min-height: inherit}
							.serviceBOxCoupon, .serviceBOxCoupon2, .serviceBOxCoupon3, .serviceBOxCoupon4 { min-height:109px}
			.serviceBOxCoupon img, .serviceBOxCoupon3 img, .serviceBOxCoupon4 img, .serviceBOxCoupon2 img{width: inherit}
			
			.serviceBOxCoupon strong, .serviceBOxCoupon3 strong, .serviceBOxCoupon4 strong, .serviceBOxCoupon2 strong { font-size:30px}
			.serviceBOxCoupon2 p, .serviceBOxCoupon3 p, .serviceBOxCoupon4 p, .serviceBOxCoupon2 p, .serviceBOxCoupon p{font-size:36px; line-height:100%; text-align:center}
		
					
									.contactFooter h2 { font-size:18px}
					.contactFooter h3 { font-size:16px}					
					.contactFooter strong { font-size:14px}	
					.contactFooter p { font-size:14px}	.carousel-indicators { bottom:-8%}	
	body { background:#F90}	
}

/* Portrait & landscape phone */
@media (max-width: 670px) { .carousel-indicators { bottom:-9%}	
							 .contentbg h1 { font-size:18pt}
							a, a:hover, #footerbg a, #footerbg a:hover, #footerbg{ font-size:16pt}	
							 .navbar-inverse.sticky {top:0;}
							
							 	.sidebg, .contentbg{ min-height: inherit}
							.serviceBOxCoupon, .serviceBOxCoupon2, .serviceBOxCoupon3, .serviceBOxCoupon4 { min-height:109px}
			.serviceBOxCoupon img, .serviceBOxCoupon3 img, .serviceBOxCoupon4 img, .serviceBOxCoupon2 img{width: inherit}
			
			.serviceBOxCoupon strong, .serviceBOxCoupon3 strong, .serviceBOxCoupon4 strong, .serviceBOxCoupon2 strong { font-size:20px}
			.serviceBOxCoupon2 p, .serviceBOxCoupon3 p, .serviceBOxCoupon4 p, .serviceBOxCoupon2 p, .serviceBOxCoupon p{font-size:36px; line-height:100%; text-align:center}
				
					
				.contactFooter { display:none}
							
}
@media (max-width: 520px) {	 .banner-wallpaper { display:none}	#schemacss { text-align:center}		
							.bgphone2 p { font-size:18pt}
							.bgphone2 { font-size:12px}
							#schemacss h2 { font-size:26pt}  	
							.shadowImgBox { display:none}
							.servicesGarageDoor .post img { float:inherit}
							 .navbar-inverse.sticky .navbar-brand{top:0; font-size:12pt;}	
							 .navbar-inverse .navbar-brand{top:0; font-size:15pt;}
							 .navbar-inverse.sticky {top:0;}
							 h2.visible-xs{ font-size:13pt}	
							 .rightIMG, .leftIMG{display:none !important}							 
							
							.brandlogoH1 h1, .footerBackground h1 { font-size:25px}
							.servicesGarageDoorPadding { min-height:inherit}
							.serviceBOxCoupon strong, .serviceBOxCoupon3 strong,  .serviceBOxCoupon2 strong { font-size:14px}
			.serviceBOxCoupon2 p, .serviceBOxCoupon3 p, .serviceBOxCoupon4 p, .serviceBOxCoupon2 p, .serviceBOxCoupon p{font-size:32px; line-height:100%; padding-top:20px}
			.serviceBOxCoupon4 strong { font-size:30px}
}

@media (max-width: 400px) {	.bgphone2 p { font-size:18pt}
							.bgphone2 { font-size:12px}									
							#schemacss h2 { font-size:17pt}
							.contentbg h1, .contentbg h2, .contentbg h3, .contentbg h4, .contentbg h5{ font-size:16pt}
							
							.navbar-inverse.sticky .navbar-brand { font-size:12pt;}								
							.navbar-inverse.sticky .navbar-brand{top:0; font-size:11pt;}	
							 .navbar-inverse .navbar-brand{top:0; font-size:13pt;}	
							 .navbar-inverse.sticky {top:0;}
							  h2.visible-xs{ font-size:12pt}
							  img.FooterIMGSErvices { display:none}							 
							  .footerBackground h1 { font-size:20pt}							  
							.serviceBOxCoupon strong, .serviceBOxCoupon3 strong, .serviceBOxCoupon2 strong { font-size:12px}
			.serviceBOxCoupon2 p, .serviceBOxCoupon3 p, .serviceBOxCoupon4 p, .serviceBOxCoupon2 p, .serviceBOxCoupon p{font-size:28px; line-height:90%; }
			.serviceBOxCoupon4 strong { font-size:26px}
							  
}

@media (max-width: 360px) {	.bgphone2 p { font-size:16pt}
							.bgphone2 { font-size:12px}
							a, a:hover, #footerbg a, #footerbg a:hover, #footerbg{ font-size:14px}
							#schemacss a, #schemacss{ font-size:14px}
							.emailSM{ font-size:13px !important}	
							.navbar-inverse.sticky .navbar-brand { font-size:10pt;}													
							.navbar-inverse.sticky .navbar-brand{top:0; font-size:11pt; text-transform:lowercase}	
							 .navbar-inverse .navbar-brand{top:0; font-size:10pt;}	
							.navbar-inverse.sticky {top:0;}
							 h2.visible-xs{ font-size:10pt}	
							.serviceBOxCoupon img, .serviceBOxCoupon3 img, .serviceBOxCoupon4 img, .serviceBOxCoupon2 img{ display:none}
						
}
@media (max-width: 240px) {	.bgphone2 p { font-size:14pt}	.servicebox a:hover, .servicebox a{ font-size:13pt}							
							#footerServicesHome h2{ font-size:12px}
							.asideServices { font-size:12px !important}
							a, a:hover, #footerbg a, #footerbg a:hover, #footerbg{ font-size:12px}
							.navbar-brand{ font-size:11px;}	
							.navbar-inverse.sticky .navbar-brand { font-size:12px;}	
							.navbar-inverse .navbar-nav > li > a, .navbar-inverse.sticky .navbar-nav > li > a
							{font-size:12px !important; font-weight:bold; padding:10pxpx !important;}
							.navbar-inverse.sticky .navbar-brand{top:0; font-size:10pt; text-transform:lowercase}	
							 .navbar-inverse .navbar-brand{top:0; font-size:9pt;}	
							 .navbar-inverse.sticky {top:0;}
							  h2.visible-xs{ font-size:11pt}	
}


@media (min-width: 1200px) {
.navbar-inverse{
            // set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}

#banner{margin:0px auto 0; background:#000;}
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
            position: fixed;
            font-size: 22px;
            line-height: 48px;
            height: 67px; 
            width: 100%;          
		background:#ff9900;
            text-align: left;
           			opacity:0.94; box-shadow:5px 5px 5px #000 }

.navbar-inverse.sticky .navbar-nav > li > a{font-size:0.65em; padding:10px 12px; background:#ff9900}
.navbar-inverse.sticky .navbar-nav{margin:5px 0;}

}
@media (min-width: 1266px) {  #footerServicesHome h2{ font-size:14pt; font-family:Georgia, "Times New Roman", Times, serif} }
@media (min-width: 1280px) { #footerServicesHome h2{ font-size:16pt} }


/* WD:ARMM */