/* --------------------------------------
   Layout
   -------------------------------------- */
body { 			background-color: #600;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;	
			font-family: Tahoma, Geneva, sans-serif}h1,h2,h3,h4,h5,h6,{font-family: 'arial', serif;
}
a[href^=tel] { color: inherit; text-decoration: none; }
.containerShadow { background-image:url(../images/river-grove-garage-door-repair_38.png); background-repeat:repeat; padding:0px 10px; box-shadow:0 0 15px #000}
.white { color:#FFF; text-shadow:1px 1px 1px #000}
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";}.copyright { color:#333; font-size:16px; text-shadow:1px 1px 1px #fff}
.white2 { font-size:14px}
	 
.header { margin:0;  }
.headerFont1 { height:67px}
.nomargin {padding:0; margin:0;}
.red { color: #000;}	
.gray { color:#333}
.gray2 {color:#000}
.blue {color:#1c3a74}
.headerfont{color:#e2fb87; margin-bottom:0px; margin-top:5px; text-shadow:1px 1px 1px #000}
.header p { color:#6AB7B7; font-size:12px;  margin-top:7px; font-weight:bold}
.logo { width:77px; height:93px; background-image:url("../images/river-grove-garage-door-repair.png"); background-repeat:no-repeat}
.phone { text-align:center; color:#fff; font-size:2em}
.contentBG1 p { color:#000; margin-right:10px}
.contentBG1 h1 { color:#566405; font-weight:bold; font-size:2.4em; margin:0; padding:0; text-shadow:1px 1px 1px #fff;}
.contentBG1 h2{ color: #C00; font-size:1.9em; margin-right:10px}
.contentBG1 h3{ font-size:1.5em}
.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:#D3E22D; font-size:20px; text-shadow:1px 1px 1px #000; }
footer {
	color: #fff;
	font-size: 11px;}
.footSer { padding-top:20px}
footer a{color:#fff; font-size:14px}
footer a:hover {color:#FFF}
footer h4{ font-size:20px; padding-top:10px;}
.services2 { background:#333; padding:10px; font-size:16px; color:#ccc; border-radius:20px; text-align:center}
.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; border-radius:20px 0 0 20px; border-right:3px solid #ccc;}
#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;}

.schema_add_map div {
    display: inline; margin-left:5px
}
.bgbody { border-radius:20px; border:2px #262218 solid; margin-top:5px; background:#F7F7F7; padding:10px 0px}
#schemacss  h2{
font-size:20px;  margin:0px !important;  padding:0px !important
}
.bannerSty { border-radius:20px; border:1px solid #262218}
#schemacss a{color:#fff; font-size:12px}
#schemacss a:hover {color:#FFF}
.panel{background: rgb(40,52,59); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(64%,rgba(130,140,149,1)), color-stop(100%,rgba(181,189,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */

 color:#333; border-radius:0px; color:#000; 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:7px; margin-left:7px; }
 .panel h2 {margin:0; padding:0; color:#FCD87E; font-weight:bold; text-shadow:1px 1px 2px #000}
 
 .panel.panel-default2{background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 color:#fff; margin-left:7px; border:none; text-align:center; font-size:25px; padding-top:20px; line-height:70%; letter-spacing:-1px; font-weight:bold; margin-bottom:5px; margin-top:5px;  margin-right:7px;}
 
 .coupon {font-size:16px; color:#333;}
  .coupon2 { font-size:12px; color:#FFC}
    .coupon3 { font-size:12px; color:#333}
.panel.panel-default { background:#EAEAEA !important; color:#cc0000; margin-top:0; margin-bottom:0; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; margin-right:7px; font-size:25px; line-height:70%}
.marginTopLeft { margin:0; padding:0;}
.PhoneTop { color:#e2fb87; 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/river-grove-garage-door-repair_35.jpg"); background-repeat:repeat-x; padding-bottom:5px}
.phoneLeft {background-image:url("../images/river-grove-garage-door-repair_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; background:none; padding:0 10px; margin-bottom:0px; min-height:0px; padding-left: 0px; padding-right: 0px; border-radius:0px; color:#999;
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 */
 }

.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:#0a1227; 
 color:#fff !important; text-shadow:1px 1px 1px #000;  border-radius:none !important  } 

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

.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}  
/* --------------------------------------
   Carousel
   -------------------------------------- */
  
	
.carousel-indicators { margin-left:-380px; padding-bottom:20px;}
	
.topphone {background: #900; border-radius:20px;}
/* Portrait & landscape phone */
@media (max-width: 480px) {.headerfont { background:none !important;} .fontsmallschema{ font-size:16px}}
@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;}
}

/* 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:0px}   
.navbar-nav > li > a {  border-bottom:1px solid #333; text-transform:uppercase !important; border-right:none !important; border-radius:0px} 
footer { background-image:none; margin-top:0px; color:#FFF}
.footSer { padding-top:0px; }

}

/* 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:18px}

.phoneLeft p { font-size:30px}
.phoneLeft {
    background-image: url("../images/river-grove-garage-door-repair_37.jpg");
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 60px;
}
.phoneLeft p { margin-right:0px; font-size:24px}
.panel, .panel.panel-default, .panel.panel-default2{ margin:0px}
.panel.panel-default, .panel.panel-default2 { line-height: 100%}
.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:26px; margin-top:0px; letter-spacing:1px; font-weight:bold; margin-top:10px; text-transform:none}
.header p { font-size:10px}
.navbar { border-radius:20px; margin-bottom:5px; padding:0 15px !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;}   
.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;}
.yellow2 { font-size:28px}
.contentBG1 h1 { font-size:26px}
}	

@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 20px;}   
.navbar-nav > li > a { padding:10px 20px;}
	.navbar-nav > li > a { font-size:16px !important} .white { font-size:22px}
.headerfont{ font-size:20px; } .white {font-size:18px;}
.header p { font-size:8px !important}
.PhoneTop { font-size:14px !important}
.footertext a,  .footertext {
    font-size: 14px; color:#fff; text-transform:none}
.footertext a:hover {color:#fff}
.panel, .panel.panel-default { font-size:28px; line-height:90%}
.navbar { border-radius:20px; margin-bottom:5px; padding:0 15px !important}
.phoneLeft {
    background-image: url("../images/river-grove-garage-door-repair_38.jpg") !important;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 45px !important;
}
.services2, .blue2{font-size:12px;}
.phoneLeft p { font-size:18px !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 52px;}   
.navbar-nav > li > a { padding:13px 52px;}
.navbar { border-radius:20px; margin-bottom:5px; padding:0 15px !important}

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