@charset "utf-8";
/* Bert's Garage */

/*html, body {
  height: 100%;
  margin-bottom: 1px;
  padding: 0;
}*/


@font-face {
	font-family: 'Muli';
	src: url('fonts/Muli.eot');
	src: url('fonts/Muli.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli.woff2') format('woff2'),
		url('fonts/Muli.woff') format('woff'),
		url('fonts/Muli.ttf') format('truetype'),
		url('fonts/Muli.svg#Muli') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Muli-Bold';
	src: url('fonts/Muli-Bold.eot');
	src: url('fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli-Bold.woff2') format('woff2'),
		url('fonts/Muli-Bold.woff') format('woff'),
		url('fonts/Muli-Bold.ttf') format('truetype'),
		url('fonts/Muli-Bold.svg#Muli-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body {
	padding:0;
	margin:0;
}

body {
	font-family: Times, "Times New Roman", serif;
	background: #160000;
	background: -moz-linear-gradient(top, #160000 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #160000 0%,#000000 100%);
	background: linear-gradient(to bottom, #160000 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#160000', endColorstr='#000000',GradientType=0 );
	color:#fff;
	}

a {
	color:#fff;
	text-decoration:none;
}

a:visited {
	color:#fff;
}

a:hover {
	color:#6a0000;
}

* {
    box-sizing: border-box;
}

img {
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

a:hover img {
/*	opacity:0.8;
	filter:alpha(opacity=80);*/
}

img {
	border:0;
}

a img {
	border:0;
}


.style01 {
}

.clearboth {
	display:block;
	clear:both;
}

.vertalign {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Mobile Layout: 480px and below. */


.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {
	font-size:3em;

}

.showdt {
	display:none;
}

h1 {

}

#header {
	position:relative;
	width:90%;
	margin:1rem auto;
	font-family: 'Muli', sans-serif;
}

.headerleft p {
	font-size:.6rem;
	margin:0;
	padding:0;
}

.headerleft .st4, .headerleft .st5, .headerleft .st6 {
	display:inline-block;
	margin:0 0 0 .4rem;
	padding:0;
	font-size:.6rem;
	text-transform:uppercase;
}

.headerleft .st4 {
	color:#00ba00;
}

.headerleft .st5 {
	color:#f00;
}

.headerleft .st6 {
	color:#ffc17f;
}

.headermid h1 {
	margin:0;
	padding:0;
	font-family: Times, "Times New Roman", serif;
	font-size:1rem;
	font-weight:normal;
	text-transform:uppercase;
}

.headermid {
	margin:1rem 0;
	text-align:center
}

.headermid img {
	width:100%;	
}

.headerright {
	text-align:center;

}

.headerright h1 {
	display:inline-block;
	margin:0 2rem 0 0;
	padding:0;
	font-size:1rem;
}

.headerright .fa, .footerright .fa {
	font-size:1.2rem;
	display:inline-block;
	margin:0 0 0 .6em;
}


#showmenu {
	position:relative;
	width:100%;
	margin:0 0 1.4rem 0;
	padding:.5rem 0;
	background: #232323;
	background: -moz-linear-gradient(top, #232323 10%, #000000 50%, #232323 90%);
	background: -webkit-linear-gradient(top, #232323 10%,#000000 50%,#232323 90%);
	background: linear-gradient(to bottom, #232323 10%,#000000 50%,#232323 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#232323',GradientType=0 );
	z-index:98;
	border-top:2px solid #6a0000;
	border-bottom:2px solid #6a0000;
	text-align:center;
	text-transform:uppercase;
	font-size:1.2rem;
}

#showmenu img {
	width:100%;
}

#menu-main {
	display:none;
	position:relative;
	top:auto;
	width:70%;
	padding:.5% 0 0 0;
	margin:0 auto;
	background:none;
	font-family:'Muli', sans-serif;
	font-size:1.2em;
	text-transform:uppercase;

}

#menu-main ul {
	margin:0;
	padding:0;

}

#menu-main ul li {
	display:block;
	margin:0 0 1.2rem 0;
	padding:0;
	text-align:center;
}

.ls-nav-left-arrow, .ls-nav-right-arrow {
	visibility: hidden !important;
}

.redborder {
	outline:2px Solid #6a0000;
}

.promobox1, .promobox2, .promobox3 {
	position:relative;
	float:left;
	width:90%;
	margin:2rem 5% 2rem 5%;
}

.promobox3 {

}

.promobox4, .promobox5 {
	position:relative;
	float:left;
	width:90%;
	margin:1rem 5%;
	padding:1rem;
	background: #000;
	background: -moz-linear-gradient(top, #0e0e0e 35%, #333 100%);
	background: -webkit-gradient(linear, top, bottom, color-stop(35%,#0e0e0e), color-stop(100%,#333));
	background: -webkit-linear-gradient(top, #0e0e0e 35%,#333 100%);
	background: -o-linear-gradient(top, #0e0e0e 35%,#333 100%);
	background: -ms-linear-gradient(top, #0e0e0e 35%,#333 100%);
	background: linear-gradient(to bottom, #0e0e0e 35%,#333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#333',GradientType=0 );
}

.promobox5 {

}

.promobox1 h2, .promobox3 h2, .promobox-aaa {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	top:.6rem;
	font-size:1.6rem;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}


.promobox5 h2, .promobox4 h2  {
	margin:0;
	padding:0;
	width:100%;
	top:.6rem;
	font-size:1.6rem;
	font-weight:normal;
	text-transform:uppercase;
}

.promobox4 h2 {
	text-align:center;
	line-height:2rem;

}


.promobox2 h2 {
	font-family:'Arial', sans-serif;
	color:#00529b;
	font-size:.9rem;
	font-weight:bold;
}

.promobox1 h2, .promobox3 h2 {
	margin:.3rem 0 0 0;
	color:#000;
	line-height:1.5rem;
}


.promobox-aaa img {
	width:60%;
	margin:.2rem auto;
}

.promobox1:hover h2 {
	color:#e18e31;
}

.promobox2:hover h2 {
	color:#af0e1b;
}

.promobox3:hover h2 {
	color:#00529b;
}

.promobox5 h3 {
	font-weight:normal;
	font-size:1.2rem;
}

.innertext {
	width:90%;
	margin:1rem 5%;
	background:#181818;
	font-size:1rem;
	padding:.6rem 1rem;
	line-height:1.4rem;
}

.innertext h1 {
	display:inline-block;
	padding:0 0 .3rem 0;
	margin:1rem 0 1rem 0;
	font-family:'Muli', sans-serif;
	font-size:1.3rem;
	font-weight:normal;
	border-bottom:2px solid #6a0000;
}

.innertext h2 {
	font-size:1.2rem;
}


.innertext h3 {
	font-size:1.2rem;
	margin:0;
	padding:0;
}

.innertext h4 {
	font-weight:bold;
	margin:0;
	padding:0;
	color:#a7000d;
}

.couponlist {
	display:inline-block;
	width:35%;
	margin:5%;
}

.couponlist img {
	width:100%;
}

.couponimg {
	display:inline-block;
	width:90%;
	margin:1rem 5%;
}

.thumbimg {
	float:left;
	width:45%;
	margin:0 5% 2% 0;
}

.thumbimg img {
	width:100%;
}

#footer {
	clear:both;
	width:90%;
	margin:1rem 5%;
	padding:.4rem;
	border-top:2px solid #6a0000;
	background: #0e0e0e;
	background: -moz-linear-gradient(top, #0e0e0e 35%, #171717 100%);
	background: -webkit-gradient(linear, top, bottom, color-stop(35%,#0e0e0e), color-stop(100%,#171717));
	background: -webkit-linear-gradient(top, #0e0e0e 35%,#171717 100%);
	background: -o-linear-gradient(top, #0e0e0e 35%,#171717 100%);
	background: -ms-linear-gradient(top, #0e0e0e 35%,#171717 100%);
	background: linear-gradient(to bottom, #0e0e0e 35%,#171717 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#171717',GradientType=0 );
	font-family:'Muli', sans-serif;
}

.footerleft {
	float:none;
	width:100%;
	line-height:1.6rem;
	text-align:center;
}

.footerright {
	margin:1rem 0;
	float:none;
	width:100%;
	text-align:center;
}

.footerleft h1 {
	display:inline;
	padding:0;
	margin:0;
	font-size:1rem;
	line-height:normal;
}

.footerright h1 {
	padding:0;
	font-size:1.2rem;
	margin:0 0 .6rem 0;
}


.formcell, .formarea {
	display:block;
	width:100%;
	height:auto;
	border:none;
	padding:1%;
	margin:.6rem 0;
	background:#eee;
}

.contact .innertext .fa {
	font-size:1.2rem;
	margin:0 .4em 0 0;
}


#mapholder {
	float:right;
	margin:2rem 0 0 0;
	width:100%;
	height:9rem;
}

.formbutton {
   font-family: Times, "Times New Roman", serif;
	display:block;
	border:none;
	padding:2% 3%;
	background:#6a0000;
	color:#fff;
}

.formbutton:hover {
	background:#420000;
	color:#eee;
}

.fc1 {
	float:left;
	width:80%;
	margin: 1em 3% 1em 0;
}

.fc2 {
	float:left;
	width:17%;
	margin: 1em 0;
	padding:1%;
}


.placeholder { 
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

::-webkit-input-placeholder {
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

:-moz-placeholder { /* Firefox 18- */
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

:-ms-input-placeholder {
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

.videowrapper {
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
}

.trailerplayer {
    position: relative;
	margin:0 auto;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.trailerplayer iframe,
.trailerplayer object,
.trailerplayer embed {
	text-align:center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {
	
}
}

/* Desktop Layout: 769px and up.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.ls-nav-left-arrow, .ls-nav-right-arrow {
	visibility: visible !important;
}
	
body {
	background: #000;
	background: -moz-linear-gradient(top, #160000 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #160000 0%,#000000 100%);
	background: linear-gradient(to bottom, #160000 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#160000', endColorstr='#000000',GradientType=0 );
	color:#fff;
}

.gridContainer {
	padding:0;
	margin:0;
	width:100%;
}
#LayoutDiv1 {
	font-size:1em;
	padding:0;
	margin:0;
	width:100%;
}


.showmob, #showmenu {
	display:none;
}

.break-mob, .showdt {
	display:inline;
}

.break-mob-b, .showdt-b {
	display:block;
}

.imgright30 {
	float:right;
	width:30%;
	margin:0 0 1em 2em;
}

.imgfull {
	width:100%;
}

h1 {

}


#header {
	position:relative;
	width:70%;
	margin:2em auto;
	font-family: 'Muli', sans-serif;
}

.headerleft {
	margin:.6em 0 0 0;
	float:left;
	width:20%;
	font-size:1em;
	line-height:1.4em;
}

.headerleft p {
	font-size:1em;
	margin:0;
	padding:0;
}

.headerleft .st4, .headerleft .st5, .headerleft .st6 {
	display:inline-block;
	margin:0;
	padding:0;
	font-size:1em;
	text-transform:uppercase;
}

.headerleft .st4 {
	color:#00ba00;
}

.headerleft .st5 {
	color:#f00;
}

.headerleft .st6 {
	color:#ffc17f;
}


.headermid {
	float:left;
	width:60%;
	margin:0;
	text-align:center;
}

.headermid h1 {
	margin:0;
	padding:0;
	font-family: Times, "Times New Roman", serif;
	font-size:1.6em;
	font-weight:normal;
	text-transform:uppercase;
}

.headermid img {
	width:80%;	
}

.headerright {
	float:left;
	width:20%;
	text-align:right;
}

.headerright h1 {
	display:block;
	margin:1.6em 0 2.4em 0;
	padding:0;
	font-size:1.8em;
}

.headerright .fa, .footerright .fa {
	font-size:2em;
	display:inline-block;
	margin:0 0 0 .6em;
}


#menuholder {
	position:relative;
	width:100%;
	margin:0;
	padding:.5em 0 0 0;
	background: #232323;
	background: -moz-linear-gradient(top, #232323 10%, #000000 50%, #232323 90%);
	background: -webkit-linear-gradient(top, #232323 10%,#000000 50%,#232323 90%);
	background: linear-gradient(to bottom, #232323 10%,#000000 50%,#232323 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#232323',GradientType=0 );
	text-align:justify;
	z-index:98;
	border-top:2px solid #6a0000;
	border-bottom:2px solid #6a0000;
}

#menu-main {
	display:block;
	position:relative;
	top:auto;
	width:70%;
	padding:.5% 0 0 0;
	margin:0 auto;
	background:none;
	font-family:'Muli', sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
}

#menu-main ul {
	margin:0;
	padding:0;
}


#menu-main ul li {
	display:inline-block;
	margin:0;
	padding:0;
}

#menu-main a {
	margin:0;
	padding:0 0 .1em 0;
}

#menu-main a:hover,
.home #menu-main #home a,
.our_story #menu-main #our_story a,
.services #menu-main #services a,
.specials #menu-main #specials a,
.gallery #menu-main #gallery a,
.contact #menu-main #contact a {
	color:#fff;
	border-bottom:2px solid #6a0000;
}

#menu-main ul:after {
  content:"";
  display: inline-block;
  width: 100%;
  background:none !important;
}


#contentholder {
	position:relative;
	margin:0 auto;
	padding:2em 0;
	width:70%;
}

#homeslideholder {
	position:relative;
	top:0;
	bottom:auto;
	left:0;
	right:auto;
	width:100%;
	margin:0;
	height:auto;
}

#homeslideholder img {
    width: 100% !important;
	height:auto;

}

.promobox1, .promobox2, .promobox3 {
	position:relative;
	float:left;
	width:30%;
	margin:2em 5% 2em 0;
}

.promobox3 {
	margin:2em 0;
}

.promobox4, .promobox5 {
	position:relative;
	float:left;
	width:47.5%;
	margin:2em 5% 4em 0;
	padding:1em;
	background: #000;
	background: -moz-linear-gradient(top, #0e0e0e 35%, #333 100%);
	background: -webkit-gradient(linear, top, bottom, color-stop(35%,#0e0e0e), color-stop(100%,#333));
	background: -webkit-linear-gradient(top, #0e0e0e 35%,#333 100%);
	background: -o-linear-gradient(top, #0e0e0e 35%,#333 100%);
	background: -ms-linear-gradient(top, #0e0e0e 35%,#333 100%);
	background: linear-gradient(to bottom, #0e0e0e 35%,#333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#333',GradientType=0 );
}

.promobox5 {
	margin:2em 0 4em 0;
}

.promobox1 h2, .promobox3 h2, .promobox-aaa {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	top:.6em;
	font-size:2.1em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}


.promobox5 h2, .promobox4 h2  {
	margin:0;
	padding:0;
	width:100%;
	top:.6em;
	font-size:2.1em;
	font-weight:normal;
	text-transform:uppercase;
}

.promobox4 h2 {
	text-align:center;
	line-height:2em;

}


.promobox2 h2 {
	font-family:'Arial', sans-serif;
	color:#00529b;
	font-size:.9em;
	font-weight:bold;
}

.promobox1 h2, .promobox3 h2 {
	margin:.3em 0 0 0;
	color:#000;
	line-height:1.5em;
}


.promobox-aaa img {
	width:60%;
	margin:.2em auto;
}

.promobox1:hover h2 {
	color:#e18e31;
}

.promobox2:hover h2 {
	color:#af0e1b;
}

.promobox3:hover h2 {
	color:#00529b;
}

.promobox5 h3 {
	font-weight:normal;
	font-size:1.4em;
}

.innertext {
	width:100%;
	margin:0 0 2em 0;
	background:#181818;
	font-size:1.6em;
	padding:.6em 1em;
	line-height:1.8em;
}

.innertext h1 {
	display:inline-block;
	padding:0 0 .3em 0;
	margin:0 0 1em 0;
	font-family:'Muli', sans-serif;
	font-size:1.3em;
	font-weight:normal;
	border-bottom:2px solid #6a0000;
}

.innertext h2 {
	font-size:1.2em;
}


.innertext h3 {
	font-size:1.2em;
	margin:0;
	padding:0;
}

.innertext h4 {
	font-weight:bold;
	margin:0;
	padding:0;
	color:#a7000d;
}

.gallery .innertext {
	font-family:'Muli', sans-serif !important;
}

.servicelist {
    -webkit-columns: 240px 2;
    -moz-columns: 240px 2;
    columns: 240px 2;
	line-height:normal;
}

.servicelist li {
	margin:0 0 1em 1em;
}

.contact .innertext .fa {
	font-size:2em;
	margin:0 .6em 0 0;
}


.thumbimg {
	float:left;
	width:17%;
	margin:0 3.75% 2% 0;
}

.thumbimg:nth-child(5n+0) {
	margin:0 0 2% 0;
}

.thumbimg img {
	width:100%;
	height:auto;
}

.contactcol1 {
	float:left;
	width:50%;
	padding:0 3% 0 0;
	border-right:2px solid #333;
}

.contactcol2 {
	float:left;
	width:47%;
	padding:0 0 0 3%;
	
}


#mapholder {
	float:right;
	margin:2em 0 0 0;
	width:100%;
	height:18em;
}

.couponlist {
	display:inline-block;
	width:15%;
	margin:0 6% 6% 3%;
}

.couponlist img {
	width:100%;
}

.couponlist:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.couponselect {
	position:relative;
	display:block;
	width:60%;
	margin:3% auto;
}

.couponimg {
	display:inline-block;
	width:47%;
	margin:0 6% 3em 0;
}

.couponimg:nth-child(even) {
	margin:0 0 3em 0;
}


#footer {
	clear:both;
	width:100%;
	margin:0;
	padding:2em 15%;
	border-top:2px solid #6a0000;
	background: #0e0e0e;
	background: -moz-linear-gradient(top, #0e0e0e 35%, #171717 100%);
	background: -webkit-gradient(linear, top, bottom, color-stop(35%,#0e0e0e), color-stop(100%,#171717));
	background: -webkit-linear-gradient(top, #0e0e0e 35%,#171717 100%);
	background: -o-linear-gradient(top, #0e0e0e 35%,#171717 100%);
	background: -ms-linear-gradient(top, #0e0e0e 35%,#171717 100%);
	background: linear-gradient(to bottom, #0e0e0e 35%,#171717 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#171717',GradientType=0 );
	font-family:'Muli', sans-serif;
}

.footerleft {
	float:left;
	width:50%;
	line-height:2em;
	text-align:left;
}

.footerright {
	margin:0;
	float:left;
	width:50%;
	text-align:right;
}

.footerleft h1 {
	display:inline;
	padding:0;
	margin:0;
	font-size:1em;
	line-height:normal;
}

.footerright h1 {
	padding:0;
	font-size:1.8em;
	margin:0 0 .6em 0;
}



.formcell, .formarea {
	display:block;
	width:100%;
	height:auto;
	border:none;
	padding:1%;
	margin:1.6em 0;
	background:#eee;
}

.formbutton {
   font-family: Times, "Times New Roman", serif;
	display:block;
	border:none;
	padding:2% 3%;
	background:#6a0000;
	color:#fff;
}

.formbutton:hover {
	background:#420000;
	color:#eee;
}

.fc1 {
	float:left;
	width:80%;
	margin: 1em 3% 1em 0;
}

.fc2 {
	float:left;
	width:17%;
	margin: 1em 0;
	padding:1%;
}


.placeholder { 
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

::-webkit-input-placeholder {
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

:-moz-placeholder { /* Firefox 18- */
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}

:-ms-input-placeholder {
   font-family: Times, "Times New Roman", serif;
   font-size:1em;
   color:#222;
}




}