body {background:#ffffff;  font-family: "Roboto", sans-serif;
background-size:cover;}

.imgb {  border-bottom:#ffdb33 8px solid; }
.tshadow{ text-shadow: 2px 2px #000000; }
.header { background:#75c25d;
color:#fff;
border-top:6px solid #18752a;
    padding-top:5px; padding-bottom:6px;
}
.title { color:#fff;  margin-top:20px; line-height: 1em; text-shadow: 2px 2px #000000; font-weight:bold;  font-family: "Anton", sans-serif; }
.hours {  max-width:250px; background: #F1DA5A;
background: linear-gradient(180deg,rgba(241, 218, 90, 1) 35%, rgba(252, 240, 170, 1) 100%); color:#084008; padding:12px;  margin:15px 2px 15px 2px; }
.phone { font-weight:bold; color:#fff;   text-align:center;}
.slogan { background:#000000; font-family: "Anton", sans-serif;
 color:#fce364; padding:4px; text-align:center; font-size:1.4em;  }
.nopad { padding: 0px; margin: 0px;}
.tshadow{ text-shadow: #111111 2px 2px 2px;}
.white-bg { background:#fff; padding:40px 0px 60px 0px;}
.grey-bg { color:#063b10;
	
	background:#dff3cb; padding:40px 0px 60px 0px;}
.bluefade {background:url(../images/blue_fade.jpg) repeat-x #ffffff; } 
.homebox {background: #111111; padding: 30px; margin: 30px 4px;}
.text-black { color: #333333; line-height: 1.1em;}
.text-blue { color:#181c9f; line-height: 1.1em;}

.homepic {background:url(../images/Tires-Too-You-Back.jpg) top left fixed; background-size:cover; padding:60px 0px;}
.navbar-toggler { background:#bf080d; color: #fff; padding-left:9px;}
.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 1 29 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } 

.btn-home{color:#ffffff;background-color:#303030; padding:4px 26px 12px 26px; font-size:1.2em; border-radius:2px; font-weight:bold;   }
.btn-home:focus,.btn-home:hover{color:#ffffff;background-color:#58708a; }
.btn-home.active{color:#fff;background-color:#58708a;}
.navbarback {background:#890d17; padding:0px; }

@media (max-width:575.98px){.nav-link{ text-align:left; font-size:1em;   color:#fff; width:100%;}
.nav-item{ margin-top:0px; padding-left:10px; padding-right:10px;} .full { display:block;} 
.nav-item dropdown {margin-top:0px; padding-left:10px; padding-right:10px; width:100%;}
.nav-link dropdown-toggle {margin-top:0px; padding-left:10px; padding-right:10px; width:100%;}
.title {  margin-top:20px; font-size:2em;}
.phone {  margin:4px 2px 4px 2px; font-size:1.6em;}
.slogan { text-align:center;  }
#btn {  font-size:1.2em;}
.hours { text-align:center; margin:5px 2px 5px 2px; border-radius:6px; } 
}
@media (min-width:576px){ .nav-link{display:block;padding:4px 0px;  text-align:center; font-size:.6em;   color:#fff; }
.nav-item{ margin-top:0px; padding-left:4px; padding-right:4px; line-height:1.1em;}
.full { display:none;}
       .title {  margin-top:20px; font-size:2.4em;}
    .hours {  text-align:center; } 
#btn {  font-size:.9em;}
}
@media (min-width:740px){ .nav-link{display:block;padding:5px 1px;  text-align:center; font-size:.8em;   color:#fff; }
.nav-item{ margin-top:0px; padding-left:12px; padding-right:12px; line-height:1.1em;}
.full { display:none;}
#btn {  font-size:1em;}
.phone { font-size:1.1em;}
       .title {  margin-top:40px; font-size:3em;}
    .hours {  text-align:center; } 
}

@media (min-width:992px){.nav-link{display:block;padding:8px 2px; font-size:.8em; text-align:center;  }
.nav-item{ margin-top:0px; padding-left:3px; padding-right:3px; line-height:1.1em;}
.full { display:block;}
#btn {  font-size:1.2em;}
       .title {  margin-top:30px; font-size:2.9em;}
.phone { font-size:1.3em;}}
@media (min-width:1200px){.nav-link{display:block;padding:10px 2px;   text-align:center;  color:#fff;  font-size:1em; }
.nav-item{ margin-top:0px; padding-left:4px; padding-right:4px; line-height:.9em;}
.full { display:block;}
    .title {  margin-top:36px; font-size:3.2em;}
#btn {  font-size:1.2em;}
.phone { margin:4px 2px 4px 2px; font-size:1.4em;}
   }

.nav-link:link,.nav-link:visited{color:#fff; border-radius:3px; font-weight:normal; }
.nav-link:focus,.nav-link:hover{text-decoration:none; color:#ace8ff;  }
.navbar navbar-expand-sm { padding:0px; margin:0px; }
.navbar .navbar-nav {
        float: none;     
    }

.ncontainer {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.ncontainer {max-width:99%}}
@media (min-width:768px){.ncontainer {max-width:99%}}
@media (min-width:992px){.ncontainer {width:99%;}}
@media (min-width:1200px){.ncontainer {max-width:1140px}}

a:link {
	text-decoration: none;
	color:#001349;
}
a:visited {
	text-decoration: none;
		color:#001349;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration:none;
}

.price { font-size:1.8em; font-weight:bold; color:#b2102b;  font-family: 'Russo One', sans-serif;}
.coupon {
	border:4px #e21f26 dashed;
	background:#fff;
	padding:20px;
	border-radius:16px;
	text-align:center;
	margin:20px;
	}
.couponbg {
	
	background:#fff;
    box-shadow:  2px 2px 5px 3px #91c3e5;
	padding:10px;
	border-radius:16px;
	text-align:center;
	margin:20px;
	}
.special { font-size: 1.6em; font-weight: bold; color: #555;}
.ch { min-height:200px;}	
	
	
.fullw {
	width:100%;
	}
	
	
	
.fullw {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

/* 
.fullw:hover {
  transform: scale(1.05); (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) 
}	*/
		
.feat {background:#fce364; padding:22px 18px 24px 18px; margin:16px 4px;  color:#4f1709;}
.featsm {background:#333333; padding:18px 24px 18px 18px; margin:16px 4px; max-width: 500px; color: #eee;}

.hb{color:#445274;background-color:#f9e84d; padding:10px 14px 12px 14px; margin:10px; font-size:1.2em;   }
.hb:focus,.hb:hover{color:#fff;background-color:#f9c400; }
.hb.active{color:#fff;background-color:#f9c400; border-color:#f9e84d;}

p { font-size:1.2em;}

hr {border-top: 1px solid #10682c;}

h1 { color:#ee7f22; text-align:center; line-height: 1.2em; font-size:3em; font-family: "Anton", sans-serif;}
h2 { color:#10682c; font-size:2.2em;  margin-bottom:18px; font-family: "Anton", sans-serif;}
h3 { color:#444444; font-size:1.9em;}
h4 { 
	color:#111111;
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:10px; margin-top: 14px;}

.bar { background:#2037b3; height:6px; width:30%; alignment-adjust:middle; margin:20px 0px;}

.grey {
	color:#063b10;
	
	background:#dff3cb;
    font-weight:normal;
	font-size:.8em;
	padding:8px 12px;
	margin-top:0px;}


#footer { background: #111111; /* Old browsers */ 
 padding:40px 0px 6px 0px; color:#b2d32e; text-align:center;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#b2d32e;
	
	text-decoration:none;
}
#footer a:hover {
	color:#eee;
}
#cwr {
	margin:0 auto;
	background-color:none;
	color:#999999;
	background:#111;
	text-align:center;
	font-size:.7em;
}


.tint {
  position: relative;
  float: left;
  cursor: pointer;
  text-decoration:none;
  margin-bottom:14px;
  padding:10px;
  box-shadow:#52aaea 1px 2px 4px 1px;
   border-radius:6px;
   background:#8dcee5;
}

.tint:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius:6px;
  background: rgba(0,58,171, 0.4);
   -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
   text-decoration:none;
}

.tint:before {
	 -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
  background: none;
}
ol {  font-weight:bold; color:#444; font-size:1.1em; line-height:1.5em;}
ul { list-style: square; font-weight:bold; color:#444; font-size:1.2em; line-height:1.5em;}
.whul { list-style:url(../images/rul.png); font-weight:normal; font-size:1.3em; line-height:1.5em;}

.hbox{
	
	border-bottom:6px solid #e61917;
	color:#18191b;
	margin:4px;
	background:#ffd780;
	padding:20px;
}
	
.hspace {min-height:180px;}

.shortspace { min-height:100px;}	


.button {
  padding:6px 12px;
  font-size:1.5em;
  text-align: center;
  cursor: pointer;
  outline: none;
  color:#ffffff;
  background:#eb7723;
  font-weight:bold;
  border:3px #f5e04f solid;
    max-width: 240px;
  border-radius:8px;
  margin-top:18px;
  margin-bottom:0px;
}

.button:hover {background:#d35d27; 
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.button:active {
  background:#d35d27; 
  transform: translateY(4px);
}

#btn {
  background: #dd1f26;
    font-size: 1.6em;
    line-height: 1em;
  border-radius:4px;
  color:#fff;
  font-weight:bold;
  margin:10px 16px 22px 16px;
  padding:10px 10px 15px 10px;
  border:solid #fff 3px;
  text-align:center;
  text-decoration: none;
}

#btn:hover {
  background: #950d12;
    border: solid #fff 3px;
  color:#ffffff;
  text-decoration: none;
}







	
@media (max-width:575.98px) { 
 .button {
  padding:3px 12px;
  font-size:1.2em;
  margin-top:1px; margin-bottom: 4px;}
    
 .desk{ display:none;}
.mobi { display:block;}

.one { display:none;}
.two { display:none;}
.three { display:none;}
.four { display:block;}
 }

@media (min-width: 576px) { 
 .button {
  padding:3px 12px;
  font-size:1.2em;
  margin-top:1px;}
    
.desk{ display:block;}
.mobi { display:none;} 

.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}

}

@media (min-width: 768px) { 
 .button {
  padding:6px 12px;
  font-size:1.5em;
  margin-top:16px;}
    
.desk{ display:block;}
.mobi { display:none;} 

.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}

}

@media (min-width: 992px) { 
 .button {
  padding:6px 12px;
  font-size:1.5em;
  margin-top:16px;}
    
.desk{ display:block;}
.mobi { display:none;} 


.one { display:none;}
.two { display:block;}
.three { display:none;}
.four { display:none;} 

 }

@media (min-width: 1200px) { 
 
    .button {
  padding:6px 12px;
  font-size:1.5em;
  margin-top:16px;}
    
.desk{ display:block;}
.mobi { display:none;} 

.one { display:block;}
.two { display:none;}
.three { display:none;}
.four { display:none;}
}