/*
    .intro {
    background: url('../images/theme/postevent_1442x825_80.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding:0;
    width:100%;
    border-bottom:8px solid #005094;
    
    */
        
}


/**********************************************************
	BOOTSTRAP CORE
**********************************************************/	
	
	.container {max-width:950px}	
		
	
	@media all and (min-width: 300px) {
	  	 footer p {
			margin-top:20px;
		}
	}
	

	
	body {
		font-family: "Helvetica",sans-serif;
		font-weight: 200;
		color: #383838;
		background: url('../images/theme/header.png') no-repeat center top;
		
	}

	h1 {
		
		font-family:"franklin-gothic-urw" !important;
		text-transform:uppercase;
		font-size:30px;
		font-weight: 100;
	}
body.home h1 {
	margin-top:50px;
}	
	
	h2 {
		font-family:"franklin-gothic-urw" !important;
		text-transform:uppercase;
		font-size:22px;
		font-weight: 100;
		margin-top:30px;
	}
	
	h3 {
		font-family:"franklin-gothic-urw" !important;
		text-transform:uppercase;
		font-size:18px;
		font-weight: 100;
	}
	
	p {	
		
	
	}
	
	a {
		color:#ff6600;
		text-decoration:none;
	}
	
	a:hover {
		color:#ff6600;
		text-decoration:underline;
	}
	
	
	footer div.row {
		margin-top:25px;
		border-top:4px solid #383838;
		text-size:80%;
	}
	
	footer  {
		font-size:90%;
	}
	
	footer ul  {
		list-style:none;
		padding:0;
		margin:20px 0 0 0;
	}
	
	footer ul li {
		padding-bottom:2px;
	}
	
	footer h3 {
		margin-bottom:-10px;
		padding-bottom:0;
	}
	
	footer a {
		color:#383838;
		text-decoration:none;
	}
	
	footer a:hover {
		color:#ff6600;
		text-decoration:none;
	}
	
	.btn-primary {
		background-color:#db550b;
		border:0;
	}

	
	.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
   	 	color:black;
   		background-color:#dddddd;
   		margin-top:2px;
    }
	
	.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    	color:white;
   		background-color:#db550b;
   		margin-top:2px;
    }
    
/**********************************************************
	NAVBAR
**********************************************************/	

	.navbar {
		
		border:0;
		
	}
	
	.navbar-default {
		/*background: url('../images/theme/header.png') no-repeat -450px 0;*/
		background:none;
		border:0;
		
		
	}
	
	.navbar-header {
		height:126px;
		
		width:100%;
		
	}
	.navbar-header #info {
		float:right;
		margin-top:30px;
		text-align:right;
	}
	
	.navbar-header a#phonenumber {
		font-family:"franklin-gothic-urw";
		text-align:right;
		font-size:200%;
		color:#fff;
	}
	.navbar-header a#phonenumber:hover {
		text-decoration:none;
		color:#ff6600;
	}
	.navbar-header div#info div#strapline {
		font-family:"franklin-gothic-urw";
		text-align:right;
		font-size:120%;
		color:#fff;
		font-weight: 100; 
	}
	
	.navbar-collapse {
		font-family:"franklin-gothic-urw";
		clear:both;
		border-bottom: 1px solid #9c9c9c;
		padding-left:0;
		margin-left:0;
		text-transform:uppercase;
		font-weight:normal;	
		
		
	}
	
	.navbar-toggle {
		clear:both;
		float:right;
		text-transform:uppercase;
		font-weight:normal;
		background:#383838;
		padding:5px 10px;
		color:#ffffff;
		margin:-30px 0 0 0;
	}
	
	.navbar-brand {
		background: url('../images/theme/mb-logo-partial-white_346x60@2X.png') no-repeat center center;
		text-indent:-9999px;
		background-size: 317px 55px;
		width: 317px;
		height: 55px;
		margin-top:30px;
		margin-left:15px;
		
	}
	
	
	
	ul.nav li.active {
		background-color: #db550b;
	}
	
	.navbar-default .navbar-nav {
		width:100%;
	}
	
	.navbar-default .navbar-nav>li>a {
		padding-left:34px !important;
		padding-right:34px !important;
		font-size:120%;
	}

	
	/* non-dropdown parent links */
	.navbar-default .navbar-nav>li>a {
	 	color:#393939;
	}
	
	.navbar-default .navbar-nav>li>a:hover {
	 	color:#ff6600;
	}
	
	/* dropdown parent links */
	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:hover, 
	.navbar-default .navbar-nav>.open>a:focus {
		background-color: #fff;
		color: #000;
	}
	
	/* contact button */
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus {
		color: #fff;
		background-color: #db550b;
	}


	.dropdown-menu > li {
		text-transform:none;
	}
	
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  background-color: #1b1b1b;
	}

	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	  background-color: #1b1b1b;
	}

	.glyphicon {background:none;hieght:54px; width:20px; }


	.navbar-default .alert {
		margin-top:20px;
		margin-bottom:0;
	}

	.navbar-default .alert h2 {
		margin-top:-5px;
	}

/**********************************************************
	HOME HoverEffect
**********************************************************/	
/*https://miketricking.github.io/dist/ */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #db550b;
  margin-top:20px;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img, .hovereffect.hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  position: relative;
  font-size: 25px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent /*#db550b*/;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after, .hovereffect.hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect.hover a, .hovereffect.hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}



@media only screen and (max-width : 1200px) {

	.navbar-default .navbar-nav>li>a {
		padding-left:20px !important;
		padding-right:20px !important;
				
	}
}

/* Portrait tablet to landscape and desktop */
@media only screen and (max-width : 979px) {
	
	.navbar-default {
		border:0;
		
	}
	
	.navbar-default .navbar-nav>li>a {
		padding-left:7px !important;
		padding-right:7px !important;
				
	}
		
	.hovereffect .overlay {
  	  padding: 20px 10px;
	}
	
}

/* Landscape phones and portrait tablets */
@media only screen and (max-width : 767px) {
	
	.navbar-brand {
		background: url('../images/theme/mb-logo-full-white_700x164@1X.png') no-repeat center center;
		text-indent:-9999px;
		background-size: 250px 59px;
		width: 250px;
		height: 59px;
		margin-top:35px;
		margin-left:10px;	
	}
	
	.navbar-header a#phonenumber {
		text-align:right;
		font-size:150%;
		color:#fff;
	}
	
	.navbar-default {
		/*background: url('../images/theme/header.png') no-repeat -1500px 0;
		background: url('../images/theme/header.png') no-repeat center center;
		*/
		border:0;
	}
	
	.uspfeatures div a span.content {display:none; visibility:hidden;}
	
	/* get rid of the strap line */
	#strapline {display:none; visibility:hidden;}
	
	.navbar-nav { 
		margin-left:8px;
	}
	
	.navbar-nav>li { 
		border-bottom:1px solid grey;
	}
	
	.navbar-default .navbar-nav>li>a {
		font-size:180%;
		padding:10px 20px;
	}
	
	.hovereffect .overlay {
  	  padding: 20px 10px;
	}
}


/* Portrait phones and smaller */
@media only screen and (max-width : 480px) {
	
	
	.navbar-brand {
		background: url('../images/theme/mb-logo-full-white_700x164@1X.png') no-repeat center center;
		text-indent:-9999px;
		background-size: 85%;
		width: 100%;
		margin-top:25px;
		margin-left:10px;
	
	}
	
	.navbar-header a#phonenumber {
		display:block;
		float:left;
		width:280px;
		margin-top:20px;
		padding-left:5px;
		text-align:left;
		font-size:150%;
		color:#ff6600;
		

		
	}
	

	
	/*.uspfeatures {display:none; visibility:hidden;}*/
	
	/* get rid of the strap line */
	#strapline {display:none; visibility:hidden;}
	
	.servicefeatures div .knockout a {
		
		padding:5px 5px;

	}
	
	.hovereffect h2 {
	  font-size: 20px;
  	  padding: 25px 20px;
	}
	
	.hovereffect .overlay {
  	  padding: 15px 10px;
	}
	

}



/**********************************************************
	FORMS
**********************************************************/	

/*
	.control-label {
	 	display:block;
	 	background-color:#7a838e;
	 	color:#fff;
	}

*/

/**********************************************************
	CUSTOM STYLES
**********************************************************/	


	

	@media (max-width: 800px) {
    .hidden-800 {
        display:none !important;
    }
	}
	
	.mbcontent, .mbsidebar {
		margin-bottom:25px;
	}
	
	ul.star {
	    list-style-type: none;
	    padding: 0px;
	    margin:20px 20px 0px 20px;
	}
	
	ul.star li {
	    background-image: url(../images/theme/star-grey-on-white.png);
	    background-repeat: no-repeat;
	    background-position: 0px center; 
	    padding-left: 40px; 
	    margin:0 0 20px 0;
	}
	
	ul#usps {
		list-style:none;
		margin:0;
		padding:0;
		display:block;
		width:100%;
	} 
	
	ul#usps li {
		display:block;
		width: 100%;
		padding: 0;
		margin:0 0 3px 0;
	}
	
	ul#usps li a {
		display:block;
		width: 100%;
		padding:10px 10px;
		color:#ffffff;
		text-transform:uppercase;
		font-family: "franklin-gothic-urw";
		font-weight: light;
		font-size:1.2em;
		background: #595959;
		/*background: url('../images/theme/tick-white-on-grey.png') no-repeat 98% center #595959;*/
	}
	
	ul#usps li a span {
		float:right;
	}
	
	ul#usps li a:hover {
	 	color:#ffffff;
	 	/*background: url('../images/theme/tick-orange-on-grey.png') no-repeat 98% center #595959;*/
	 	text-decoration:none;
	 	background: #7a7a7a;
	}
	
	iframe {
		margin:20px 0;
		width:100%;
	}
	
	.breadcrumb {
		color:#7d7d7d;
		font-size:90%;
		float:left;
		background:none;
		margin-top:3px;
	}
	
	.breadcrumb ol {
		display:inline;
		list-type:none;	
		margin:0;
		padding:0;
	}
	
	.breadcrumb ol li {
		display:inline;
		
	}
		
	.breadcrumb a {
		text-decoration:none;
		color:#7d7d7d;
	}	
	
	.breadcrumb a:hover {
		text-decoration:none;
		color:#ff6600;
	}	
	
	
	.addthis_sharing_toolbox {
		float:right;
		margin-right:15px;
		margin-top:8px;
		height:20px;
	}
	
	.uspfeatures {
		
	  	/*margin-right: -5px;
  	  	margin-left: -5px;*/
	}
	
	.uspfeatures div {
	  	margin-top:10px;
	  	/*margin-right: -5px;
  	  	margin-left: -5px;*/
	}
	
	.uspfeatures div a {
		display:block;
		background: #ff6600;
		text-decoration: none;
		color:#ffffff;
		padding:10px;
	}
	
	.uspfeatures div a:hover {
		background: #fd9149;
	}
	
	.uspfeatures div a span.title {
		font-family: "franklin-gothic-urw";
		font-weight: light;
		font-size:1.5em;
		text-transform:uppercase;
		line-height:1em;
	}
	.uspfeatures div a span.content {
		font-family: "franklin-gothic-urw";
		font-weight: light;
		font-size:1em;
	}
	
	.servicefeatures div {
		margin-top:10px;
		position:relative;
	}
	
	
	.servicefeatures div #feature1 {
		background: url('../images/content/RampFromAbove_760x250.png') #000 no-repeat center center;
		background-size: 150%;
	}
	
	.servicefeatures div #feature2 {
		background: url('../images/content/EngineRepair_760x250.png') #000 no-repeat center center;
		background-size: 150%;
	}
	
	
	.servicefeatures div #feature3 {
		background: url('../images/content/DiagnosticEquipment_760x250.png') #000 no-repeat center center;
		background-size: 150%;
	}
	
	.servicefeatures div #feature4 {
		background: url('../images/content/AlloyCloseUp_760x250.png') #000 no-repeat center center;
		background-size: 150%;
	}
	
	
	.servicefeatures div #feature5 {
		background: url('../images/content/DashDialsCloseUp_760x250.png') #000 no-repeat center center;
		background-size: 150%;
	}
	
	.servicefeatures div #feature6 {
		background: url('../images/content/GenericMerc_760x250.png') #000 no-repeat center center;
		background-size: 150%;
	}		

	
	.servicefeatures div .knockout {
		background:#000;
		z-index:0;
		postion:absolute;	
	}
	
	.servicefeatures div .knockout a {
		display:block;
		text-align:center;
		padding:30px 10px;
		line-height:1em;
		color:#ffffff;
		z-index:20;
		postion:absolute;
		width:100%;
		height:100%;
	}
	
	.servicefeatures div a:hover {
		text-decoration:none;
	}
	
	.servicefeatures div a .title {
		font-family: "franklin-gothic-urw";
		font-weight: light;
		font-size:150%;
		line-height:150%;
		text-transform:uppercase;

	}
	
	.servicefeatures div a .content {
		font-family: "franklin-gothic-urw";
		font-weight: light;
		font-size:110%;

	}
	
	a.book {
		font-family: "franklin-gothic-urw";
		display:block;
		width:"100%";
		padding:10px 0;
		background:#ff6600;
		text-align:center;
		text-transform:uppercase;
		text-decoration:none;
	}

	a.book:hover {
		background: #fd9149;
	}

	.img-title {
		border-bottom:2px solid #ff6600;
	}

	.intro {
		font-size: 180%;
		line-height: 1.2em;
		margin-bottom:20px;
		padding-right:10%;
	}
	
	a.secondary {
		color:#383838;
		border-bottom: none;
    	text-decoration: none;
	}

	a.secondary:hover {
    	text-decoration: underline;
	}
	.customerreview
	{
		padding-bottom:5px;
	}
	
	.customerreview span.rev-rating
	{
		float:right;
		margin-top:-4px;
		margin-left:6px;
		color:#D4AF37 /*Metallic gold / OR, Golden yellow = #FFDF00 */;
		font-size:190%;
		
	}
	
	div.mbsidebar .customerreview span.rev-rating
	{
		float:right;
		margin-top:-4px;
		margin-left:4px;
		color:#D4AF37;
		font-size:150%;
		
	}

	.customerreview span.rev-date
	{
		float:right;
		color:#7a7a7a;
		padding-right:10px;
		padding-top:2px;
		font-size:90%;
	}
	
	div.mbsidebar .customerreview 
	{
		/*background:#9b9b9b;*/
		background:#f7f7f7 /*17ae1e*/;
		padding:10px;
		float:right;
		width:100%;
		color:#383838;
		text-decoration:none;
		margin-top:15px;
		
	}
	
	div.mbsidebar .customerreview:hover 
	{
		/*background:#bdbdbd;*/
		background:#e2dfdf /*#53c358*/;
	}
	
	div.mbsidebar .customerreview h3
	{
		padding:0;
		margin:0;
	}
	
	 .appointment
	{
		font-family: "franklin-gothic-urw";
		text-transform:uppercase;
		font-size:150%;
		width:100%;
		padding:15px 10px;
		background-color:#ff6600;
		color:#ffffff;
		margin-bottom:25px;
		border:none;
	}
	
	 .appointment:hover
	{
		background-color: #fd9149;
		color:#ffffff;
	}
	
	.carousel-caption {
		visibility:none;
		display:hidden;
	}
	
	
	div.blockfeature {
		margin-top:40px;
	}
	
	div.blockfeature a {
		display:block;
		background-color:#000;
		color:#fff;
		text-align:center;
	}
	
	div.blockfeature a:hover {
		display:block;
		background-color:#ff6600;
		color:#fff;
		text-decoration:none;
	}
	
	div.blockfeature a h2 {
		margin:0;
		padding:5px 0;
		text-transform:uppercase;
		font-family: "franklin-gothic-urw";
		font-weight: light;
		font-size:1.5em;
		text-decoration:none;
	}
	
	
	div.blockfeature a span {
		display:block;
		background-color:#fff;
		color:#595959;
		margin:0;
		padding:5px 0;
		text-decoration:none;
	}