*{
font-family:Open Sans;;
}
.sb-slidebar {
	padding: 14px;
	color: #fff;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}
body{
	padding:0;
	margin:0;
  background: url(images/page-background.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}
#whitebg {
	float:left;
	margin: 0 auto;
	width:100%;
	background:#FFFFFF;
	margin-top:20px;
	margin-bottom:20px;/**/
}
#headerwrap {
	width:100%;
	margin: 0 auto; 
}	
#header{
	max-width:1140px;
	margin: 0 auto;
} 	
#logo {
	float:left;
	max-width:500px;
	margin-top:5px;
}
#logo img {
	width:100%;
}
#logo-white {
display:none;
}
#logo h1 {
line-height: 5px; 
}
#contact {
	float:right;
	max-width:450px;
	margin: 5px 0px 0px 90px; /*Top-Right-Bottom-Left*/
	text-align:right;
}
#contact a {
	color:#000000;
	text-decoration:none;
}
.headtxt1 {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:40px; 
}
.headtxt1 a {
	color:#000000;
	text-decoration:none;
}
.headtxt1 a:hover{
	color:#41576F;
	text-decoration:none;
}
.blk a {
	color:#000000;
	text-decoration:none;
}
.blk a:hover{
	color:#41576F;
	text-decoration:none;
}
.phone {
font-family: 'Raleway', Open Sans;
color:#000000;
font-size:46px; 
font-weight:bold;
}
.phone {
color:#000000;
text-decoration:none;
}
a.page-btn {
    font-family:'Lato',sans-serif;
    font-size:18px;
    text-transform:uppercase;
    text-decoration:none;
    color:#FFFFFF;
background: #34495e;
    
    border:2px solid #FFFFFF;
    padding:10px 14px;
    cursor:pointer;
    letter-spacing:2px;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
}
.page-btn:hover {
    color:#fff;
   background:#3B3A3A;
  font-size:18px;
   text-decoration:none;
}
#menu-box {
	display:inline;
	float:right;
	max-width:38px;
	margin-top:20px;
	margin-left:10px;
	/*margin: 30px 0px 0px 10px; Top-Right-Bottom-Left*/
	text-align:right;
}
#menu-box-white {
display:none;
}

#yell-line {
	clear:both;
	float:left;
	width:100%;
	background:#000c3e;
	height:3px;
	margin: 7px 0px 0px 0px; /*Top-Right-Bottom-Left*/
}
#black-line {
	clear:both;
	float:left;
	width:100%;
	background:#000000;
	height:3px;
	margin: 7px 0px 0px 0px; /*Top-Right-Bottom-Left*/
}
#address {
	float:left;
width:100%;
	text-align:left;
	border: 2px solid #000000;
}
#metro {
	float:left;
width:100%;
	text-align:left;
 
	margin: 0 auto;
	 
}
#metro-white {
display:none;
}
#tireformwrap{
	clear:both;
	max-width:1140px;
	margin: 0 auto;
	 
}
#tireformbox{
float:left;
background:rgba(12,13,9,0.7);
padding:3%;
max-width:500px;
margin: 0 0 80px 0; /*Top-Right-Bottom-Left*/

}

#tireformbox img{
width:100%;
margin: 0 auto;
}





.forminput{
color: #000000;
padding:3px;
font-size:22px;
margin-bottom:6px;
width:100%;
}
.tiresbutton{
padding:10px 10px;
color:#FFFFFF;
font-size:22px;
background-color:#000c3e;
text-decoration:none;
overflow:auto;
}
a.tiresbutton{
text-decoration:none;
}
a.tiresbutton:hover{
color:#000000;
background-color:#FFF700;
}
#blue-line-home {
	clear:both;
	float:left;
	width:100%;
	background:#000c3e;
	height:3px;
	margin: 0px 0px 0px 0px; /*Top-Right-Bottom-Left*/
}
#blue-line{
	clear:both;
	float:left;
	width:100%;
	background:#000c3e;
	height:3px;
	margin: 7px 0px 0px 0px; /*Top-Right-Bottom-Left*/
}
#buttonlink{
display: block;
font-size:20px;
font-weight:bold;
}
#buttonlink a{
padding:7px 20px 7px 20px;
background-color:#000c3e;
text-decoration:none;
color: #FFFFFF;
}
#buttonlink a:hover{
color: #ffffff;
background: #545454;
text-decoration:none;
}
#contentwrap {
	clear:both;
	max-width:100%;
	margin: 0 auto;
}
#content {
	max-width:1140px;
	margin: 0 auto;
}
#sub-content {
	float:left;
	margin: 0 auto;
	width:100%;
	/*padding:3%;*/
	background:#FFFFFF;
	opacity: 0.9;
    filter: alpha(opacity=90);
	margin-top:20px;
	margin-bottom:20px;/**/
	/*border:red 1px solid;*/
}
#fullbox{ 
	padding:3%;
	margin: 0 auto;
	/*border:red 1px solid;*/
}
#couponwrap{
float:left;
	margin: 0 auto;
	width:100%;
	background:#FFFFFF;
	opacity: 0.9;
    filter: alpha(opacity=90);
	margin-bottom:20px;/**/
}
#couponbox{ 
padding-left:3%;
padding-right:3%;
margin: 0 auto;
}
#coupons img{
float:left;
width:30.33%;
padding:1.5%;
padding-bottom:20px;
opacity: 1;
filter: alpha(opacity=100);
}

#photobox { 
clear:both;
width:100%;
float:left;
background-color:#ffffff;
margin-bottom: 20px; 
}
#photoleft {
float:left;
width:30%;
margin: 20px 10px 20px 22px; /*Top-Right-Bottom-Left */
}
#photoleft img{
	width:100%; 
}
#photoright { 
float:left;
width:30%;
margin: 20px 0px 20px 20px; /*Top-Right-Bottom-Left*/
}
#photoright img{
	width:100%; 
}
#tirecoupon { 
clear:both;
max-width:1140px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
#tirecoupon img{
	width:100%; 
}
#michelin { 
clear:both;
max-width:1140px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
#michelin img{
	width:100%; 
}
#full-text-box{ 
	clear:both;
	float:left;
	width: 100%;
	margin: 0 auto;
	/*border:red 1px solid;*/
}
#half-box-left{ 
float:left;
width:47%;
margin-right:2%;
/*border:green 1px solid;*/
}
#half-box-right{ 
float:right;
width:47%;
margin-right:0;
/*border:red 1px solid;*/
}
#sitemap-half-box-left{ 
float:left;
width:52%;
margin-right:2%;
}
#sitemap-half-box-left a{ 
text-decoration:none;
font-size:18px;
color:#000000;
}
#sitemap-half-box-left a:hover{ 
color:#2b3890;
text-decoration:none;
}
#sitemap-half-box-right{ 
float:right;
width:42%;
margin-right:0;
}
#sitemap-half-box-right a{ 
text-decoration:none;
font-size:18px;
color:#000000;
}
#sitemap-half-box-right a:hover{ 
color:#2b3890;
text-decoration:none;
}

#fancy-box{
float:left;
width:48%;
margin-right:2%;
margin-bottom:20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 

}
#fancy-heading{
width:94%;
background:#000c3e;
padding:3%;
font-size:22px;
color:#FFFFFF;
margin-bottom:0;
}
#fancy-mainarea{
width:100%;
height:300px;
overflow:auto;
}
#fancy-items{
width:94%;
padding:3%;
margin-top:20px;
background:rgba(0,0,0,0.6);
}
#fancy-items p{
font-size:18px;
color:#ffffff;
}
#fancy-items a{
font-size:18px;
color:#ffffff;
text-decoration:none;
}
#fancy-items a:hover{
color:#dac068;
text-decoration:underline;
}
#maxvbox{
margin:0 auto;
width:500px;
}
#maxvbox-tires{
margin:0 auto;
width:90%;
margin-bottom: 80px;
}
.video-container {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#footerwrap {
	float:left;
	clear:both;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	background-color:#B3B2B2;
	margin: 0 auto;
}
#footer {
	margin: 0 auto;
	max-width:1140px;
	background-color:#B3B2B2;
}
#footer-left{
float:left;
text-align:left;
width:15%;
margin-right:2%;
}
#footer-right{
float:right;
width:32%;
}
#gray-line {
	clear:both;
	float:left;
	width:100%;
	background:#484848;
	height:2px;
	margin: 20px 0px 20px 0px; /*Top-Right-Bottom-Left*/
}
#footer-full{
float:left;
width:100%;
margin-right:0;
color:#484848;
font-size:14px;
}
#footer-copy{
float:left;
text-align:left;
width:50%;
margin-right:2%;
color:#484848;
font-size:14px;
}
#footer-web{
float:right;
width:40%;
color:#484848;
font-size:14px;
text-align:right;
}
#footer h1{
color:#484848;
font-size:18px;
}
#footer p{
color:#484848;
font-size:16px;
}
#footer a{
color:#484848;
text-decoration:none;
font-size:16px;
}
#footer a:hover{
color:#FF9900;
text-decoration:none;
}
h1{
	font-size:28px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}	
h2{
	font-size:20px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}	
p {
	font-size:18px;
	color:#000000;
}
p a {
	font-size:18px;
	color:#000000;
	text-decoration:underline;
}
p a:hover{
	font-size:18px;
	color:#2b3890;
	text-decoration:underline;
}		
.text-white {
	font-family: 'Raleway', Open Sans;
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
}
.text-white a {
	font-size:18px;
	color:#FFFFFF;
	text-decoration:underline;
}
.text-white a:hover{
	font-size:18px;
	color:#2b3890;
	text-decoration:underline;
}
.title-white {
	font-family: 'Raleway', Open Sans;
	color:#FFFFFF;
	font-size:26px;
	text-decoration:none;
}
.title-white-big {
	font-family: 'Raleway', Open Sans;
	color:#FFFFFF;
	font-size:32px;
	font-weight:600;
	text-decoration:none;
}
#spacer-box{
clear:both;
width:100%;
margin-bottom:20px;
padding: 0;
}
.dottedlinehr{
border:none;
border-bottom:#bbbbbb dotted thin;
color:#fff;
background-color:#fff;
height:1px;
}
.copyright {
	font-size:13px;
	color:#ffffff;
}
.copyright a {
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}
.copyright a:hover {
	font-size:13px;
	color:#ffffff;
	text-decoration:underline;
}	
.email2{
display:none;
}
#text ul {
    margin: 0 auto;
	padding:0;
	border: 0;
	list-style-type: none;
	font-size:18px;
	color:#215591;
}
#text li { 
	font-size:18px;
	color:#215591;
}
#resimage{
max-width:100%;
}
#resimage img{
width:100%;
}

/* MEDIA QUERIES*/
@media screen and (max-width: 1200px) {
#logo {
display:none;
}
#logo-white {
display:inherit;
max-width:454px;
text-align:center;
margin:0 auto;
padding: 15px 0px 0px 0px;/* Top-Right-Bottom-Left*/
}
#logo-white img {
	width:100%;
}
#menu-box {
display:none;
}
#menu-box-white {
	display:inline;
	float:right;
	max-width:38px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	/*margin: 30px 0px 0px 10px; Top-Right-Bottom-Left*/
	text-align:right;

}
#contact {
clear:both;
margin:0 auto;
float:none;
width:100%;
text-align:center;
padding: 15px 0px 15px 0px;/* Top-Right-Bottom-Left*/
}
.headtxt1 {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:22px; 
	text-align:center;
	font-weight:bold;
	text-align:center;
	text-shadow: 
	0 0 0.2em #fff, 
	0 0 0.2em #fff,
    0 0 0.2em #fff;
}
.headtxt1 a {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:22px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	text-shadow: 
	0 0 0.2em #fff, 
	0 0 0.2em #fff,
    0 0 0.2em #fff;
}
.headtxt1 a:hover{
	color:#41576F;
	text-decoration:none;
}
.phone {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:32px; 
	text-align:center;
	font-weight:bold;
	text-shadow: 
	0 0 0.2em #fff, 
	0 0 0.2em #fff,
    0 0 0.2em #fff;
}
.phone a {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	text-decoration:none;
font-weight:bold;
}
.phone a:hover{
	font-family: 'Raleway', Open Sans;
	color:#41576F;
	text-decoration:none;
}

#metro {
display:none;
}
#address {
display:none;
}
#tireformbox{
margin: 80px 0 80px 0; /*Top-Right-Bottom-Left*/
}
#metro-white {
display:inherit;
max-width:454px;
text-align:center;
margin:0 auto;
padding: 15px 0px 0px 0px;/* Top-Right-Bottom-Left*/
text-align:center;
	text-shadow: 
	0 0 0.2em #fff, 
	0 0 0.2em #fff,
    0 0 0.2em #fff;
}
#footer {
	margin: 0 auto;
	width:98%;
	background-color:#B3B2B2;
}
@media screen and (max-width: 970px) {
body{
	padding:0;
	margin:0;
  background: url(images/small-screen.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}
.headtxt1 {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:24px; 
	text-align:center;
	font-weight:bold;
	text-shadow: 
	0 0 0.2em #fff, 
	0 0 0.2em #fff,
    0 0 0.2em #fff;
}
.headtxt1 a {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:24px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
.headtxt1 a:hover{
	font-family: 'Raleway', Open Sans;
	font-size:24px;
	color:#41576F;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
}
#tireformbox{
clear: both;
float:none;
margin:0 auto;
width: 95%;
margin-top: 20px; /*Top-Right-Bottom-Left*/
}
#photobox { 
clear:both;
float:left;
margin: 10px 10px 10px 10px; /*Top-Right-Bottom-Left*/
max-width:1140px;
margin: 0 auto;
padding:1%;
background-color:#ffffff;
}
#sub-content-text {
float:none;
width:90%;
margin:0 auto;
}
#footer-copy{
float:left;
text-align:left;
width:55%;
margin-right:2%;
color:#484848;
font-size:12px;
}
#footer-web{
float:right;
width:40%;
color:#484848;
font-size:12px;
}
#footer-left{
float:left;
text-align:left;
width:30%;
margin-right:2%;
}
#footer p{
color:#484848;
font-size:12px;
}
#footer a{
color:#484848;
text-decoration:none;
font-size:12px;
}
#footer a:hover{
color:#FF9900;
text-decoration:none;
}
.google-maps {
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 750px) {

#footer-copy{
float:none;
width:100%;
margin:0 auto;
font-size:12px;
text-align:center;
}
#footer-web{
float:none;
width:100%;
margin:0 auto;
font-size:12px;
text-align:center;
}
#half-box-left{ 
float:none;
width:100%;
margin:0 auto;
text-align:center;
}
#half-box-right{ 
float:none;
width:100%;
margin:0 auto;
text-align:center;
}
#sitemap-half-box-left{ 
float:none;
width:90%;
margin:0 auto;
text-align:center;
}
#sitemap-half-box-right{ 
float:none;
width:90%;
margin:0 auto;
text-align:center;
}
}
@media screen and (max-width: 700px) {
.headtxt1 {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:20px; 
	text-align:center;
	font-weight:bold;
}
.headtxt1 a {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:20px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
.headtxt1 a:hover{
	font-family: 'Raleway', Open Sans;
	font-size:20px;
	color:#41576F;
	font-weight:bold;
	text-decoration:none;
}
#photobox { 
float:none;
width:80%;
margin:0 auto;
text-align:center;
padding:3%;
background-color:#ffffff;
}
#photoleft {
float:none;
width:100%;
margin:0 auto;
text-align:center;
margin: 0px 0px 20px 0px; /*Top-Right-Bottom-Left*/
}
#photoright { 
float:none;
width:100%;
margin:0 auto;
text-align:center;
margin: 0px 0px 0px 0px; /*Top-Right-Bottom-Left*/
}
}
@media screen and (max-width: 560px) {

.headtxt1 {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:18px; 
	text-align:center;
	font-weight:bold;
}
.headtxt1 a {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:18px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
.headtxt1 a:hover{
	font-family: 'Raleway', Open Sans;
	font-size:18px;
	color:#41576F;
	font-weight:bold;
	text-decoration:none;
}
}
@media screen and (max-width: 500px) {
.headtxt1 {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:16px; 
	text-align:center;
	font-weight:bold;
}
.headtxt1 a {
	font-family: 'Raleway', Open Sans;
	color:#000000;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
.headtxt1 a:hover{
	font-family: 'Raleway', Open Sans;
	font-size:16px;
	color:#41576F;
	font-weight:bold;
	text-decoration:none;

}
}
@media screen and (max-width: 400px) {
#coupons img{
width:100%;
padding:0%;
padding-bottom:20px;
}
}