@charset "utf-8";
/* CSS Document */

html,body,div,img,a,span,table,tbody,th,tr,td {margin: 0; padding: 0; border: none;}
html {height: 101%;}
.clr {clear: both; line-height: 0px;}
.center {text-align: center;}
a {text-decoration: none;}
a.telephone {display: inline-block; color: #333; text-decoration: none;}
body {font-family: Arial, Helvetica, sans-serif; background-color: #333; background-image:url(../imgs/bg.jpg); background-repeat: no-repeat; background-position: top center;  }
 .clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */
.nospacing {margin: 0 auto !important; padding: 0 !important;}
iframe {width: 500px; height: 350px; max-width: 100%; }
.glyphicon-menu-hamburger {margin-top: 5PX}


/* structure */
.content {background-color: #fff; font-size: 1.5rem; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.test {border: 1px dashed #F03;}
p.hometext {line-height: 1.2em; color: #333; margin: 0 0 15px;}
h1.hometext {font-size: 2rem; }
.headersky {background-image:url(../imgs/header.jpg); background-repeat: no-repeat; background-position: top center;  }
.header-full {background-color: #1d6fb1;   background-repeat: repeat-x; }
.header-full .visible-sm { }
.logo {margin-top: 12px;}
.byline {display: none; overflow: hidden; height: 5rem; line-height: 5rem; background-image:url(../imgs/byline.jpg); background-repeat: repeat-x; 
text-align: center; font-size: 18px; font-weight: bold; color: #393838; text-shadow: 0 0 5px #fff; font-style: italic; letter-spacing: 2.7px;}
#transmission{}
#tagline {}
.contactbar {max-width: 437px;}
#content {overflow: hidden; }
#leftbar {width: 230px; margin: 5px; min-height: 500px; float: left;}
#rightbar { margin: 5px;   line-height: 1.4em;}
#rightbar .img-full {margin: 0px auto; }
#services {width: 948px;  margin: 0px auto; }
#footer {color: #fff; text-transform: uppercase; font-size: 0.95rem; text-align: center; font-style: italic; letter-spacing: 2px; clear: both; margin-top: 15px; margin-bottom: 15px; }
#footer table {margin: 0px auto;}
#footer a {color: #fff; text-decoration: none; }
#footer .mobile {text-align: center; }


.phone a {line-height: 35px; color: #fff !important; font-weight: bold; }
.img-full {width: 100% }
.content--image {width: 100%; padding-top: 8px; }
.home--services {background-image: url(../imgs/homeservices/auto-mechanic-services-background.jpg); background-repeat: no-repeat; background-size: cover; }
a.menuitem {background-image:url(../imgs/leftmenu.jpg); width: 230px; height: 59px; color: #fff; display: block; vertical-align:text-bottom;}
a:hover.menuitem {background-position: 0px -59px;}
a.menuitem span {}
a.estimate {background-color:#F00; color: #fff; font-weight: bold; text-decoration: none; font-style:normal;}

h1 {color: #C00; font-style: italic; font-weight: bold;  letter-spacing: 2px; border-bottom: 1px solid #C00;  }
h2 {color: #C00; font-weight: bold; letter-spacing: 1px;}
#rightbar p {line-height: 1.4em; color: #333; padding: 5px 0px;}
.guaranteeblock {text-align: center; }
.contentguarantee {float: right; width: 20rem; display: none; }
img.guarantee  {width: 20rem;  }

/* forms */
.input-error {border: 1px solid #F3DEDF !important;}
.error {display: none;  font-size: 1.3rem; color: #930;}
.email-loading {display: none; }

@media screen and (max-width: 500px){
	.headerlogo {display: block !important;clear: both; width: 100%;  }
	.headercontact {display: none; }
}

@media screen and (min-width: 768px){
	.headersky { background-repeat: no-repeat; background-position: top center; background-size: cover; }
	.contentguarantee {display: block; }
	.mobile-show {display: none !important;}
	.home #nav {display: none !important; }

}
@media screen and (min-width: 993px ){
	.headersky {background-image:url(../imgs/header.jpg);  }
	body {background-image: none; }
	.home #nav {display: block !important; }
	.byline {display: block !important;   }
}

@media screen and (max-width: 992px ){
	iframe {width: 100%; }
	a.telephone {color: #000; border-bottom: 1px dashed #333; font-weight: bold; text-decoration: none;  }
	a:hover.telephone {border-bottom: 1px solid #333;}
	.contentguarantee {width: 13rem;}	
	.byline {display: block !important; height: auto; }

}