@import url("//a2.nd-cdn.us/css/Master/Master_Responsive.css");
/*
#######################################
RESPONSIVE VERSION 3.4 LAST UPDATED 2/5/16
#######################################
*/


/* Temporary Styles */
.drivecast-banner{position:relative;}
.drivecast-banner img{position:absolute; z-index:1; top:0; left:0; width:100%;}
.drivecast-banner .ndcustomcolorclass{position:absolute; z-index:0; top:0; left:0; width:100%; height:100%;}


/* ###REPLACE #292d6a WITH YOUR CUSTOM COLOR### */

/* MEDIA QUERIES FOR CONVENIENCE
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 981px){ /* CSS RULES HERE */  } /* Target Desktop Exclusively */
@media only screen and (max-width: 980px) and (min-width: 641px){ /* CSS RULES HERE */} /* Target Tablet Exclusively */
@media only screen and (max-width: 640px){ /* CSS RULES HERE */ } /* Target Phone Exclusively */
@media only screen and (min-width: 641px){ /* CSS RULES HERE */ } /* Target Desktop AND Tablet */
@media only screen and (max-width: 980px){ /* CSS RULES HERE */ } /* Target Tablet AND Phone */

/* COMMONLY EDITED STYLES
----------------------------------------------------------------------------------------------------*/
html, body{overflow-x:hidden;}
html{min-height:100%; font-size:16px;}
body{font-family:Arial, Helvetica, sans-serif; font-size:100%; height: 100%;}
a, a:link, a:visited {text-decoration: underline; color:#292d6a;}
a:hover, a:active {text-decoration: none; color:#000;}


#nd-background {background:url(img/bg.jpg) no-repeat top center #171717; background-attachment:fixed;}
.container {width:980px; margin:0 auto;}

#contentheader {background: #fff; padding:0; height:auto; margin: 0 auto;}
#contentheader .container{display:flex; justify-content:space-between; align-items: center;}
#dnn_dnnLogo_imgLogo {}
#dnn_HeaderContactPane {}
#dnn_HeaderContactPane2 {}
@media only screen and (min-width:981px) {
	#dnn_dnnLogo_hypLogo{width:30%; padding:0 10px;}
	#dnn_dnnLogo_imgLogo {margin:4% 0; width:100%;}
	#dnn_HeaderContactPane {margin:2% 0; width:30%;}
	#dnn_HeaderContactPane2 {margin:2% 0; width:30%;}
} /* Target Desktop Exclusively */

@media only screen and (min-width:981px) {
	#contentheader .container{flex-flow:row wrap; justify-content: center;}
}

#headercontact {text-transform:uppercase; color:#000;}
#headercontact .phone {color: #292d6a; font-weight: 900; font-size: 2.5em; margin-bottom: 1rem;}
#headercontact .address img {margin-right: 10px;}
#headercontact .address p {line-height: 1.2;}
#headercontact .address {display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1em;}
#headercontact .slogan {}

.webfont, .pc-header .Head, #BottomFooter h2{font-family:"acumin-pro", sans-serif !important;}
.webfont2{font-family:"acumin-pro-condensed", sans-serif;}

#nd-topbar{}
.homepage #nd-middlebar::after{float:left; clear:both; content:"";}
.homepage #nd-middlebar.first-row{background:#e80a00;}
.homepage #nd-middlebar.second-row{background: url(img/quote-bg.jpg) no-repeat top center; padding: 3em 0 6em;}
.homepage #nd-middlebar.third-row{background: url(img/vlb-service-bg.jpg) no-repeat top center; padding: 3em 0 6em;}
.homepage #nd-middlebar.fourth-row{background: url(img/welcome-bg.jpg) no-repeat top center; padding: 6em 0 6em;}
.homepage #nd-middlebar.fifth-row{background: #fff; padding: 3em 0;}
.homepage #nd-middlebar.sixth-row{background: url(img/coupon-bg.jpg) no-repeat top center; padding: 5em 0;}
.loc-bg img {width: 100%; max-width: 1950px;}
.homepage #nd-middlebar.seventh-row{}
.homepage #nd-middlebar.eighth-row{}


#main-content{background:#FFF;}
#sub-content{background:#FFF;}
#bgbottom{background:#e80a00;}

#winter-bnnr-hp{text-align:center;}
#bnnr-hp{
	background: #0024ae;
	color: #fff;
	text-align: center;
	font-weight: 700;
	height: 138px;
	width: 275px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family:"acumin-pro", sans-serif !important;
	text-transform: uppercase;
    text-decoration: none;
    font-size: 1.5em;
	letter-spacing: 0.02em;
}

/* MAIN BRANDING STYLING
----------------------------------------------------------------------------------------------------*/
.ndcustomcolorclass, .ndcustomcolorcontainer img, .subtitle, .pc-header::before, #BottomFooter a[id*="lnkSave"]:hover{background-color:#292d6a !important;}
.ndcustomtextcolor1, .ndcustomlinkcolor1{color:#292d6a !important;}
.ndmoduletextcolor1 {color:#292d6a !important;}
.ndcustomtextcolor2, .ndcustomlinkcolor2 {color:#000 !important;}
.ndmoduletextcolor2 {color:#000 !important;}
.ndcustombutton2 {background:#292d6a !important; color:#fff !important;}
.ndcustomlinkcolor1:hover, .ndcustomlinkcolor2:hover {color:#666666 !important;}
.ndcustombutton1, .ndcustom2 {background:#666666 !important; color:#fff !important;}
.ndcustom1, .ndcustombutton1:hover, .ndcustombutton2:hover {background:#000 !important; color:#fff !important;}
.ndcustomborder {border:1px solid #666 !important;}
.ndcustomcolorclass2{background:#414141 !important;}


/* SOCIAL MEDIA
----------------------------------------------------------------------------------------------------*/
#dnn_SocialPane{position:fixed; right:0; top:20%; z-index:60;}
#dnn_SocialPane #social .fa-facebook {background:#3B5998;}
#dnn_SocialPane #social .fa-twitter {background:#5EA9DD;}
#dnn_SocialPane #social .fa-google {background:#D73D32;}
#dnn_SocialPane #social .fa-linkedin {background:#0177B5;}
#dnn_SocialPane #social .fa-yelp {background:#C41200;}
#dnn_SocialPane #social .fa-instagram {background:#517FA6;}
#dnn_SocialPane #social .fa-youtube {background:#CC181E;}
#dnn_SocialPane #social a {font-size:26px; width:45px; text-align:center; text-decoration:none; float:right; clear:right; box-sizing:border-box; color:#FFF; padding:8px; display:block; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}


/* GPLUS Page
----------------------------------------------------------------------------------------------------*/
.gPlus_intro{}
.gPlus{}
.gplus-item .front{border-radius:50%; z-index:1; padding:40% 6% 0 12%; box-sizing:border-box; -moz-transition:all 600ms ease-in-out; -webkit-transition:all 600ms ease-in-out; transition:all 600ms ease-in-out; -moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); transform:rotateY(0deg); position:absolute; left:0; top:0; width:100%; height:100%;}
.gplus-item .back{border-radius:50%; background:#222; display:block; position:absolute; left:0; top:0; width:100%; height:100%; backface-visibility:hidden; -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); -moz-transition:all 600ms ease-in-out; -webkit-transition:all 600ms ease-in-out; transition:all 600ms ease-in-out; z-index:0;}
.gplus-item{width: 240px; height: 240px; margin:0 7% 3% 0; float:left; position:relative;}
.gplus-item.flip:hover .front{-moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); backface-visibility:hidden; z-index:0;}
.gplus-item.flip:hover .back{-moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); transform:rotateY(0deg); z-index:1;}

.gplus-item:not(.flip):hover{opacity:.8;}

.gplusLoc{color:#fff;}
.gplusLocName{display:block; font-size: 1.6em; font-weight: 700; text-transform: uppercase;}


/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#nd-menubar{background:#292d6a; z-index:15;}

#contentnav{height:50px; width:980px;}
#contentnav #dnnMenu a {text-transform:uppercase; color:#FFF; display: block; font-weight:700; font-size:1em; text-decoration:none; transition:background 200ms ease-in-out; -moz-transition:background 200ms ease-in-out; -webkit-transition:background 200ms ease-in-out; }
#contentnav #dnnMenu .topLevel li {line-height:50px; float: left; list-style-type: none; position: relative; display:block;}
#contentnav #dnnMenu .topLevel li.selected > a {text-shadow:0 0 5px #AAA;} /* Current Tab */
#contentnav #dnnMenu .subLevel li a {margin: 0px; padding: 10px 20px; line-height: normal;}

#contentnav #dnnMenu .subLevel, #contentnav #dnnMenu .subLevel .subLevelRight ul{background-color:#373737;}



/* NET DRIVEN BUTTONS
----------------------------------------------------------------------------------------------------*/
#nd-buttons.sub {display: flex; justify-content: space-around; flex-wrap: wrap; padding:4.5% 0; align-items:center;}

#nd-buttons .sub-item {display:block;
	 /* width:25.8%; */
	}
#nd-buttons .sub-item img {width:100%; max-width:254px; height:auto;}

#nd-buttons .sub-item:last-of-type {}


/* CUSTOM EFFECTS
----------------------------------------------------------------------------------------------------*/
a.shrink, a.rotate {transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out;}
a.shrink:hover {transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); -webkit-transform: scale(.9);}
a.rotate:hover {transform: rotate(360deg) scale(.9); -moz-transform: rotate(360deg) scale(.9); -ms-transform: rotate(360deg) scale(.9); -o-transform: rotate(360deg) scale(.9); -webkit-transform: rotate(360deg) scale(.9);}


/* VEHICLE LOOKUP BAR - HORIZONTAL
----------------------------------------------------------------------------------------------------*/
/* ON DESKTOP & TABLET */
@media only screen and (min-width: 641px){
	#find-tire-bar{}
	#TireSizeFinder{}
	#TireSizeFinder #sizefinder-inputs {width: 101px; margin: 0 auto; padding: 1em 0 0% 0%;}
	#TireSizeFinder #sizefinder-inputs select {width:100px !important;}
	#TireSizeFinder #sizefinder-inputs div:not(:last-of-type){width:125px; float:left; margin-bottom: 1em;}
	#TireSizeFinder #sizefinder-inputs div{position:relative;}
	#TireSizeFinder #sizefinder-inputs div::before{display:none; position:absolute; left:-20px; width:20px; height:20px; line-height:20px; background:#990000; text-align:center; color:#FFF; font-size:10px; font-weight:700; }
	#TireSizeFinder #sizefinder-inputs #year::before{content:"1";}
	#TireSizeFinder #sizefinder-inputs #make::before{content:"2";}
	#TireSizeFinder #sizefinder-inputs #model::before{content:"3";}
	#TireSizeFinder #sizefinder-inputs #option::before{content:"4";}
	#TireSizeFinder #sizefinder-inputs #size::before{content:"5";}
	#links {display: block; margin:1em auto 0;}
	#links a {color:#000;}
	#links a:hover { color:#333;}

	.vlbCatalogBtn{display:block; background:#FFF; font-family: "acumin-pro-condensed", sans-serif; font-weight: 900 !important; font-size: 1.4em; width: 100%; max-width: 8em; margin: 1em auto 0; padding: .6rem 0; text-decoration:none !important; color:#000; text-transform:uppercase; text-align:center; transition: all .2s ease-in-out;}
	.vlbCatalogBtn:hover{transform: scale(.9);}
	/*
	#find-tire-bar .searchbuttons{margin-bottom:2%; overflow:hidden;}
	#find-tire-bar .searchbuttons a{display:block; color:#05178a; width:48%; border:2px solid #05178a; font-size:12px; font-weight:700; font-family:"nimbus-sans", sans-serif; text-align:center; text-transform:uppercase; padding:5px 2px; box-sizing:border-box; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; text-decoration:none;}
	#find-tire-bar .searchbuttons a:hover{color:#FFF; background:#05178a; border-color:#FFF;}
	*/
	#find-tire-bar .searchbuttons .by-size{float:left;}
	#find-tire-bar .searchbuttons .by-brand{float:right;}
}

/* ON TABLET */
@media only screen and (max-width: 980px) and (min-width:641px){

}


/* COUPONS
----------------------------------------------------------------------------------------------------*/
.coupon-section #dnn_HomeSidePane{float:left; width:35%;}
.coupon-section #dnn_HomeContentPane{float:right; width:60%;}


#dnn_LeftPane {float:left; width:40%;}
#dnn_RightPane {float:right; width:42%;}



/* HOMETEXT
----------------------------------------------------------------------------------------------------*/
#hometext{}

.first-row #hometext {}

#aqw-container {background: #e80a00; max-width: 292px; height: 371px; margin: 0 auto;}
#aqw-container.ndcustomborder {border: none !important;}
.aqw-button-link {border-radius: 0 !important; background: #fff !important; color: #000 !important; font-size: 1.2em; font-weight: 900 !important; font-family: "acumin-pro-condensed", sans-serif; text-transform: uppercase;}
.aqw-h2 .ndcustomtextcolor1 {color: #fff !important;}
.ndmoduletextcolor1 {color: #fff !important;}
#dnn_ctr33731_NewView_WidgetView_lblHeader {display: none;}
.second-row #hometext {text-align: center;}
.second-row #hometext h2 {font-size: 3em; margin-bottom: 3rem;}

.third-row #hometext {text-align: center;}
.third-row #hometext h2 {font-size: 3em;}
.third-row #hometext {}
#dnn_RightPane #hometext {text-align: left;}

.fourth-row #hometext {background: url(img/text-bg.png) repeat; color: #000; padding: 3em; box-sizing: border-box;}
.fourth-row #hometext a {color: #e80a00;}
.fourth-row #hometext a:hover {color: #e80a00;}
.fourth-row #hometext h1 {font-weight: 900; font-size: 3em; color: #000; margin-bottom: 1.5rem;}
.fourth-row #hometext h1 span {color: #e80a00;}
.fourth-row #hometext p {margin-bottom: 1.5rem; font-weight: 600;}

.fifth-row #hometext h1 {color: #606060; font-size: 4em;}
.social-box {display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 1.5em; border-bottom: 2px solid #000; margin-bottom: 2em;}
.social-header {text-align: center;}
.social-links {display: flex;}
.social-text {display: flex; justify-content: center; align-items: center; color: #606060; font-size: 2em; font-weight: 900; text-transform: uppercase; text-align: center;}
.social-text img {vertical-align: middle; margin-right: 10px;}
.fifth-row #hometext {width: 83%; margin: 0 auto;}

.sixth-row #hometext {}

.seventh-row #hometext {}

.eighth-row #hometext {}


#hometext.secondaryHPT {}

#hometext h1 {color:#FFF; font-size:2em; font-weight: 900; text-transform:uppercase;}
#hometext h2 {color:#FFF; font-size:2em; font-weight: 900; text-transform:uppercase;}
#hometext, #hometext a:hover {color:#FFF;}
#hometext p {margin:0 0 10px; clear:both; line-height:20px;}
#hometext a {color: #fff; font-weight:700;}
#hometext ul {margin:0 0 0 50px; clear:both;}
#hometext ul li {margin-bottom:10px;}
#hometext ul.two-row li {width:45%; float:left; margin-right:2%}
#hometext ul.three-row li {width:31%; float:left; margin-right:2%;}
#hometext ul.four-row li {width:23%; float:left; margin-right:2%;}
#hometext ul.five-row li {width:18%; float:left; margin-right:2%;}

.homepage-options a{display:block; background:#FFF; font-family: "acumin-pro-condensed", sans-serif; font-weight: 900 !important; font-size: 1.4em; width: 100%; max-width: 10em; margin: 1em auto 0; padding: .6rem 0; text-decoration:none !important; color:#000 !important; text-transform:uppercase; text-align:center;}
.homepage-options a:hover{}
.homepage-options a:last-of-type{}


#hometext.left-aligned{}
#hometext.right-aligned{text-align:right;}

/* TIRE ADVANTAGE CALCULATOR
----------------------------------------------------------------------------------------------------*/
.tac_banner{background:#292d6a; width:100% !important;}
.tacbar {color: #fff;  display: block !important; font-weight:700; padding:10px 20px; text-transform:none; border:1px solid #333;}
.tacbar a {color: #fff;}
#tacinfo{padding:0; margin-bottom:0;}
#tireadvantagecalculator #compare_price {width:56% !important;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) {
	#tireadvantagecalculator #compare_price{width:100% !important;}
	.taccalc{display:none;}
}

/* SUBTITLE BAR
----------------------------------------------------------------------------------------------------*/
.subtitle {color: #fff;  display: block !important; font-weight:700; padding:10px 20px; text-transform:none; border:1px solid #333; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.31) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.31)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4f000000',GradientType=0 );}
.subtitle a {color: #fff;}


/* LOCATION FINDER MODULE
----------------------------------------------------------------------------------------------------*/
.postalcode-wrapper {background:none; width:275px; height:84px; box-sizing:border-box; padding:0% 0%; position:relative;}
.postalcode-validator {display:block; background:#FE0000; text-align:center; color:#fff; margin:0 0 5%; font-weight:700; padding:2% 1%; width:100%; box-sizing:border-box; font-size:1em;}
.postalcode-entrybox {text-align:center; width:80%; border:none; background:#FFFFFF; color:#000 !important; float:left; font-size:1em; font-weight:700; line-height:1.5em; border-radius:20px;}
.postalcode-link {display: block; width:53px; height:32px; background:url(img/go.png) no-repeat center top; float:left; text-indent:-9999px;}


/* NDSC WIDGET
----------------------------------------------------------------------------------------------------*/
#dnn_WidgetPane {position:relative; width:980px; transform-origin:top left; -moz-transform-origin:top left; -webkit-transform-origin:top left; overflow:hidden; }

#services_div {background:#fff; width:100%; height:auto; position:relative; border:0; margin:0% 0; padding:2% 0 0;}
#services-page ul, #services-page li {margin-left:0 !important;}
#services_div .ndscCatImage2 {border:3px solid #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:5px auto;}
#services_div .ndscCatImage3 {width:90px !important;}
#services_div #services_ul li {margin:0;}
#dnn_MiddleContentPane .ndscCatImage3 {font-size:10px; line-height:10px;}
#dnn_MiddleContentPane .ndcustomcolorclass, .ndcustomcolorcontainer img, .subtitle {background-color:#484848 !important}

#left_a, #right_a {display:block; position:absolute; top:50%; text-indent:-9999px; width:11px; height:18px; cursor:pointer; }
#left_a {left:15px; background:url(img/left_a.png) no-repeat;}
#right_a {right:15px; background:url(img/right_a.png) no-repeat;}

#services_ul {position:relative !important; }
#slider_div {margin:0 40px 0 40px; overflow:hidden;}
a.ndscCatImage3 {color:#000 !important; text-decoration:none !important;}

.view-all {}

#dnn_WidgetPane2 {}


/* TESTIMONIALS WIDGET
----------------------------------------------------------------------------------------------------*/
.ModTestimonialsC div[id*="pnlHomepageView"]{background:#272727; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#CCC; padding:2%; box-sizing:border-box; position:relative; z-index:1; height:240px;}
.visible-review{height:100%;}
#homepagereviews{background:#171717; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#CCC; padding:2%; position:relative; z-index:1; height:100%; box-sizing:border-box;}
#homepagereviews .ndcustombuttonformat{position:absolute; bottom:10px; right:10px; padding:0 !important;}
#homepagereviews .ndcustombuttonformat:hover{color:#FFF;}
#homepagereviews .reviewsleft{margin-bottom:10px; border-bottom:2px solid #999;}
#homepagereviews .reviewsright{background:#373737; -moz-box-shadow:0 0 10px #222 inset; -webkit-box-shadow:0 0 10px #222 inset; box-shadow:0 0 10px #222 inset; padding:2%; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:.875em;}
#homepagereviews .reviewsleft .reviewby{font-size:14px; font-weight:700;}
#homepagereviews .reviewsleft .reviewon{font-size:14px; font-style:italic;}
#homepagereviews .reviewsright .homereview{border:1px solid #999; background:#EFEFEF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:20px; margin-bottom:10px; }


/* BLOG WIDGET
----------------------------------------------------------------------------------------------------*/
.ModDNNGOxBlogDashBoardC{background:#272727; padding:2%; box-sizing:border-box; position:relative; z-index:1; height:240px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.ModDNNGOxBlogDashBoardC .article_list{background:#171717; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#CCC; padding:2%; position:relative; z-index:1; height:100%; box-sizing:border-box;}
.ModDNNGOxBlogDashBoardC .nav_category{display:none;}
.ModDNNGOxBlogDashBoardC a{color:#FFF;}
.ArticleList_Default, .validationEngineContainer, .ModDNNGOxBlogDashBoardC > div{height:100%;}


/* FOOTER
----------------------------------------------------------------------------------------------------*/
#BottomFooter{font-size:.75em; color:#FFF;}

#FooterPane1Container, #FooterPane2Container, #FooterPane3Container, #FooterPane4Container {float:left; padding:10px 20px 10px; box-sizing:border-box; margin:1% 1% 1% 0;}
#FooterPane1Container { width:46%;}
#FooterPane2Container { width:14%;}
#FooterPane3Container { width:14%;}
#FooterPane4Container {width:23%; margin:1% 0; float:right;}
#BottomFooter .lastpane {float:right !important; margin:10px 0;}

#BottomFooter a, #BottomFooter a:hover{color:#FFF; text-decoration:none;}

#BottomFooter h2 { color:#FFF; font-size:1.125em; text-transform:uppercase; margin-bottom:10px; font-weight:700;}
#LocationWidget h2{display:none;}
#BottomFooter p { margin-bottom:5px !important;}

#BottomFooter .footerseo p { line-height:18px !important;}

#BottomFooter ul {margin:0 !important;}
#BottomFooter ul li, .extra-links li{list-style:none !important; margin-bottom:5px !important;}

#BottomFooter #socialfont {float:left; clear:both; }
#BottomFooter #socialfont .fa { margin-right:5px; font-size:22px !important; vertical-align:text-top; line-height:22px !important; width:30px; text-align:center; padding:5px 0; }
#BottomFooter #socialfont .fa{display: inline-block;  font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#BottomFooter ul li, .extra-links li{list-style:none !important; margin-bottom:5px !important;}
#BottomFooter .locwidget-email{display:none;}


/* BOTTOM CONTACT US FORM
----------------------------------------------------------------------------------------------------*/
#BottomFooter #EntryForm table{width:100%;}
input.mobile-c, td.mobile-c, textarea.mobile-c, select.mobile-c{width:100% !important; padding:1% 0; box-sizing:border-box;}
td.mobile-c{display:block; margin:0.5% 0;}
input.mobile-c, textarea.mobile-c{padding:1%; border:1px solid #999;}
.NormalRed a[href*="ctl/license"]{display:none;}
#BottomFooter textarea{font-family:Arial, sans-serif; font-size:13px;}
#BottomFooter a[id*="lnkSave"]{display:block; padding:2%; outline:1px solid #999; color:#666; outline-offset:3px; width:42%; text-align:center; position:relative; left:3px; background:#FFF; transition:all 300ms ease-in-out;}
#BottomFooter .DynamicForms_SaveFormDiv{width:60%; white-space-collapse:discard; margin-top:1%;}
#BottomFooter a[id*="lnkSave"]:hover{color:#FFF; outline:1px solid #FFF; outline-offset:0;}
#BottomFooter .DynamicForms_Summary{background:#990000; color:#FFF; padding:10px;}
#BottomFooter .DynamicForms_Summary ul{list-style-position:inside;}
#BottomFooter .NormalRed{color:#990000; font-weight:700;}



.tint div[id*="_ModuleContent"]{position:relative; z-index:5;}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,255,255, 0.5); transition: all .3s linear;}
.t2:before { background: rgba(0,0,95, 0.9); }


/* CONTAINER HEADER
----------------------------------------------------------------------------------------------------*/
.pc-header::before{content:" "; width:500%; height:100%; position:absolute; z-index:-1; top:0; left:-200%;}
#dnn_SidePane, #dnn_CTCFilterPane{width:30%; float:left; z-index:10; position:relative;}
#dnn_SidePane .pc-header{overflow:hidden;}


.location{width:25%; padding:25% 0 2%; box-sizing:border-box; float:left; font-size:24px; font-style:italic; color:#FFF !important; text-align:center; display:block; background-size:cover; background-size:400% auto; transition:transform 0.2s ease-in-out; -moz-transition:transform 0.2s ease-in-out; -webkit-transition:transform 0.2s ease-in-out;}
.location:hover{text-shadow:0 0 6px #FFF; text-decoration:none;}



#dnn_BottomLinksPane {font-size:10px; margin:10px 0 0 5px; text-transform:uppercase; overflow:hidden;}
#dnn_BottomLinksPane a, #dnn_BottomLinksPane a:visited {font-weight:700;}
#dnn_SEOPane, #dnn_BottomLinksPane {line-height:normal;}
#dnn_SEOPane {font-size:10px; font-weight:400; overflow:hidden;}
#dnn_SEOPane p{margin-bottom:10px; padding:0 7px 0 7px; font-size:10px !important;}


#nd-buttons.contact {margin:10px 0;}


.coupon-section .see-our-coupons{margin:7% 0; width:100%; max-width: 344px; height:auto;}
.coupon-section .coupon-wrap{margin:3.5% 0;}

#dnn_FooterPane4 #LocationWidget .locwidgetlisting .locwidget-name, #dnn_FooterPane4 #LocationWidget .locwidgetlisting .locwidget-addr, #dnn_FooterPane4 #LocationWidget .locwidgetlisting .locwidget-fax{display:none;}
#dnn_FooterPane4 .locwidget-csz{margin-bottom:0;}


#nd-topbar{height:auto; padding:20px 0;}


.mobile-anchor{width:90%; margin:0 auto; transition:top 0.3s ease-in-out; left:4%; border:1px solid #444; z-index:10 !important; position:fixed; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000;}
.mobile-anchor + #ndatc #atcsearchsort{margin-top:81px;}
#mobile-social{display:none;}

#poweredbynd {color:#fff; margin:30px auto 0; width:157px; height:39px; padding:3px 4px 0; background: url(//a2.nd-cdn.us/Skinning/ND_Badge/nd_badge.png) no-repeat center top;}
#poweredbynd #login{}
#poweredbynd #login a.ndlogo {background: url(//a2.nd-cdn.us/Skinning/ND_Badge/nd_logo.png) no-repeat center top; width:57px; height:35px; float:left; text-indent:-9999px;}
#poweredbynd #login a.ndlogo:hover {background-position:bottom;}
#poweredbynd #login span {float:right; text-align:center; font-size:9px; margin-top:5px;}
#poweredbynd #login span a{text-decoration:underline !important; color:#fff;}
#poweredbynd #login span a:hover{text-decoration:underline !important; color:#ccc;}

.second-background{background:url(img/contentbg.png) no-repeat center 274px; }
/* Bread Cumbs */
.mobileButtons, .tabletButtons{display: none; float: right;}

.mobileButtons ul {list-style: none; padding: 0; margin: 0;}
.mobileButtons li {list-style: none; padding: 0; margin: 0 10px 0 0; display: block; float: right;}
.mobileButtons li a {padding: 0 10px;font-size: 14px;color: #d9ce96; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.nd-mobile-only{display:none;}

/* Footer */
#netdriven { width: 980px; margin:0 auto; overflow:hidden;}
#brands {text-align:center; background:#fff;}
#brands img {width:21%; max-width: 200px;}

.mobileButtons{background:#282828; position:fixed; top:0; left:0; width:100%; box-sizing:border-box; box-shadow:0 1% #000; z-index:100000;}
.social{background:#282828; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:10;}
.mobileButtons li a{margin-top:0 !important;}
.mobileOverlay{display:none; position:fixed; width:100%; height:100%; overflow-y:scroll; z-index:500;}

p, #contentmain li{line-height: 1.4;}

/* DESKTOP EXCLUSIVE STYLES */
@media only screen and (min-width: 981px){

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	/* Default Hover Effects */
	#contentnav #dnnMenu .topLevel li:hover > a{background:#373737;}
	#contentnav #dnnMenu .subLevel li a:hover{background:#474747}
	/* Single Column Styles */
	#contentnav #dnnMenu .single-column{width:260px;}
	#contentnav #dnnMenu .single-column li a{border-bottom:1px dotted #888;}
	/* Double Column Styles */
	#contentnav #dnnMenu .double-column{width:420px;}
	#contentnav #dnnMenu .double-column li a{border-bottom:1px dotted #888; border-right:1px dotted #888;}
	/* Triple Column Styles */
	#contentnav #dnnMenu .triple-column{width:610px;}
	#contentnav #dnnMenu .triple-column li a{border-bottom:1px dotted #888; border-right:1px dotted #888;}
    /* Aim In Effect (Add to <div id="contentnav">) */
	#contentnav.aim-in #dnnMenu .topLevel li a{outline-offset:5px; transition:outline-offset 200ms ease-in-out; -moz-transition:outline-offset 200ms ease-in-out; -webkit-transition:outline-offset 200ms ease-in-out; }
	#contentnav.aim-in #dnnMenu .topLevel li:not(.haschild):hover > a{color:#FFF; background:#373737; outline:1px solid #292d6a; outline-offset:0;}

	.nav-sizer{display:block !important; left:-9999px !important;}

	#nd-menubar.fixed{position:fixed; width:100%; top:0; left:0;}
	/* SOCIAL MEDIA
	----------------------------------------------------------------------------------------------------*/
	#dnn_SocialPane #social a:hover{padding-right:20px; width:65px; text-decoration:none;}

	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#FooterPane1Container, #FooterPane2Container, #FooterPane3Container, #FooterPane4Container{min-height:375px;}
	.mobileOverlay{display:none !important;}


	#contentnav #dnnMenu .subLevel li.haschild:hover > .subLevelRight ul{display:block;}
	#contentnav #dnnMenu .subLevel li.haschild .subLevelRight{position:absolute; top:0; left:100%;}

}


/* TABLET EXCLUSIVE STYLES */
@media only screen and (max-width: 980px) and (min-width:641px){


	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#BottomFooter li:nth-of-type(3n+2){width:32%; margin:1%;}
	#FooterPane1Container, #FooterPane2Container, #FooterPane3Container, #FooterPane4Container{width:48.5%; padding:0;}
	#FooterPane1Container{float:left; margin:1% 0.5% 0 1%;}
	#FooterPane2Container, #FooterPane3Container, #FooterPane4Container{float:right; clear:right; margin:1% 1% 0 0.5%;}
	#FooterPane4Container{float:right;}
	.socialh2{display:none;}
	#poweredbynd{clear:both;}
	#BottomFooter #socialfont{display:none;}
	#BottomFooter .DynamicForms_SaveFormDiv{margin-top:3%;}

	/* HOMETEXT
	----------------------------------------------------------------------------------------------------*/
	#hometext{padding:2%; float:none; width:auto}
	#TireSizeFinder #sizefinder-inputs div{margin:1%;}

	/* COUPONS
	----------------------------------------------------------------------------------------------------*/
	.check-coupons{width:100%; height:auto;}
	#dnn_HomeSidePane{width:25%; margin-left:1%;}
	#dnn_HomeContentPane{width:70%; margin-right:1%;}

}



/* TABLET AND PHONE EXCLUSIVE STYLES */
@media only screen and (max-width: 980px){

	/* COMMONLY EDITED STYLES
	----------------------------------------------------------------------------------------------------*/
	.homepage .container, #main-content .container{padding:2%; box-sizing:border-box;}
	.container.mobile-nopadding{padding:0 !important;}
	.nd-mobile-button{box-sizing:border-box; padding:0 5%; font-size:12px; font-weight:700; color:#FFF; cursor:pointer; text-align:center; text-transform:uppercase; display:block; overflow:hidden; text-decoration:none !important;}
	.nd-mobile-button .mobile-icon{font-size:30px; height:36px; width:auto; float:left;}
	.nav-spacer{display:none;}

	#headercontact{display:none;}
	#contentheader{height:auto; text-align:center;}
	#dnn_dnnLogo_imgLogo{float:none;margin:1%; position:static;}

	.homepage #nd-middlebar.second-row {padding: 2em 0;}
	.homepage #nd-middlebar.third-row {padding: 2em 0;}
	.homepage #nd-middlebar.fourth-row {padding: 2em 0;}

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	#contentnav #dnnMenu .topLevel{list-style:none;margin:0 0 -1px;padding:0 10px}
	#contentnav #dnnMenu .topLevel li{list-style:none;margin:0;padding:0;float:none}
	#contentnav #dnnMenu .topLevel li.selected:first-child a{text-shadow:0 0 2px #FFF}
	#contentnav #dnnMenu .topLevel a:hover{text-decoration:none}
	#contentnav #dnnMenu .subLevel, #contentnav #dnnMenu .subLevel .subLevelRight ul{background:#FFF;display:none;line-height:1.2em;border:none;padding:10px;text-transform:uppercase;text-shadow:none;box-shadow:none;left:auto!important;top:inherit;width:inherit;position:relative;width:auto;padding:0;border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;-webkit-border-radius:6px 0 6px 6px;padding:5%}
	#contentnav #dnnMenu .subLevel li a{padding-left:15px}
	#contentnav #dnnMenu .subLevel ul,#contentnav #dnnMenu .subLevel .subLevelRight ul{list-style:none;margin:0;padding:0;width:inherit;display:block!important}
	#contentnav #dnnMenu .subLevel .subLevelRight li a{padding-left:50px}
	#contentnav #dnnMenu .subLevel .subLevelRight .subLevelRight li a{padding-left:70px}
	#contentnav #dnnMenu .subLevel .subLevelRight .subLevelRight .subLevelRight li a{padding-left:90px}
	#contentnav #dnnMenu .topLevel li a,#contentnav #dnnMenu .topLevel li.selected > a{text-shadow:none!important}
	#contentnav #dnnMenu .topLevel li a:first-of-type{border-top:none}
	#contentnav #dnnMenu .subLevel .subLevelRight ul{padding:5%;}
	#contentnav #dnnMenu a{font-size:1.15em; color:#FFF;}

    #contentnav #dnnMenu .topLevel li a:not(.mobile-nav-expand){border-bottom: 1px solid #666; padding: 15px 10px !important; text-transform:uppercase; display: block; line-height:normal;}
	#contentnav #dnnMenu .subLevel li a:not(.mobile-nav-expand){border-bottom:1px solid #FFF;}
	#contentnav #dnnMenu .mobile-nav-expand{font-size:1.5em !important; position:absolute; right:0; border:none !important; padding:0 15px !important; z-index:10;  cursor:pointer; top:0; height:calc(100% - 8px); margin:4px 0; box-sizing:border-box;}
	#contentnav #dnnMenu .mobile-nav-expand.fa-angle-down{opacity:.8;}
	#contentnav #dnnMenu .mobile-nav-expand.fa-angle-up{opacity:1;}
	/*#contentnav::before{content:"Menu"; font-size:1.25em; border-bottom:2px solid #FFF; color:#FFF; font-weight:700; padding:2%; text-transform:uppercase; display:block; margin-top:2%; }*/
	#contentnav #dnnMenu .mobile-nav-expand::before{line-height:200%;}
	#contentnav #dnnMenu .fa-angle-up{color:#FFF !important; padding-bottom:25px !important; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}
	#contentnav #dnnMenu .subLevel .subLevelRight{display:none;}
	/* HOMETEXT
	----------------------------------------------------------------------------------------------------*/
	.homepage-options a{min-width:23%;}

	/* WHEEL CONFIGURATOR
	----------------------------------------------------------------------------------------------------*/
	.DnnModule-ICGLocalFocalModulesWheelConfigurator{}


	.mobile-nav-expand{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; color:#FFF !important; background:#333;}
	.mobile-nav-expand.icon-angle-up::after{width:100%; position:absolute; left:0; bottom:-20px; height:30px; content:"";}

	#BottomFooter{font-size:.875em;}
	.pc-header::before{width:104%; left:-2%;}
	.location{font-size:18px;}

	.mobile-nav-expand, #contentnav #dnnMenu .subLevel, .mobile-nav-expand.icon-angle-up::after{background-color:#292d6a !important;}

	#contentnav #dnnMenu .subLevel .subLevelRight ul{background:#373737;}

	.subLevelRight + .mobile-nav-expand{background:#373737 !important;}

	.location-dropdown, .call-dropdown{display:none; background:#272727 !important; padding:5% 5%; font-size:16px; color:#FFF; left:5%; width:90% !important; font-weight:700;}
	.location-dropdown{overflow-y:scroll;}
	.location-choice{ margin-bottom:5%; overflow:hidden; border-radius:6px; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 2px #000;}
	.location-choice .location-name{background:#444; padding:3%;}
	.location-choice .location-buttons a{display:block; padding:2% !important; box-sizing:border-box; text-transform:uppercase; text-align:center; color:#FFF; font-size:14px; text-decoration:none;}
	.location-choice .location-buttons a:first-of-type{float:left; width:50%; border-right:1px solid #333; border-radius:0 0 0 6px; -moz-border-radius:0 0 0 6px; -webkit-border-radius:0 0 0 6px;}

	.call-choice{margin-bottom:5%; background:#444; overflow:hidden; border-radius:6px; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; display:block; padding:2% !important; box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 2px #000;}
	.call-choice:last-of-type{margin-bottom:0;}

	.call-choice .name-phone{color:#FFF; font-size:14px; float:left; width:70%;}
	.call-choice .call-button{float:right; width:10%; height:100%; text-align:center; padding:2%; border-radius:6px;}
	.location-choice .location-buttons a:last-of-type{float:right; width:50%; border-radius:0 0 6px 0; -moz-border-radius:0 0 6px 0; -webkit-border-radius:0 0 6px 0;}
	.gallery_boxs .box{width:24% !important; margin:0.5% !important;}
	.location-choice:last-of-type{margin:0;}
	.close-button{position:absolute; top:0.5%; right:0.5%; text-decoration:none !important; color:#FFF; font-size:26px !important; cursor:pointer;}
	.call-button .fa{font-size:26px; color:#FFF !important;}
	.close-button:hover, .call-button .fa:hover{color:#FFF;}

	#quoting-buttons
	#quoting-buttons{height:auto; position:absolute; top:10px;}
	#quoting-buttons a#nd-quotebadge{}


	#BottomFooter li{width:31%; margin:1%; float:left; list-style:	none;}

	/* Prevents Nav From Loading First */
	#contentnav{display:none;}
	.nd-mobile-window #contentnav{display:block;}

	#atcclicktorefinesearch{display:block !important; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}

	/* Mobile Buttons in Header */
	.mobileButtons{/*box-shadow:0 2px 5px #000;*/}
    .mobileButtons {display: block}
	/* Style to have the connect text be left of footer social icons*/
	/* #BottomFooter #socialfont {float:right; } */
	#mobile-social .fa, #mobile-buttons .fa { font-size:22px; }
	#mobile-social .fa, #mobile-buttons .fa {display: inline-block;  font-style: normal; font-weight: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none;}
	#mobile-buttons span{display:inline-block; height:25px;}
	#mobile-buttons label{font-family:'Open Sans Condensed', sans-serif; font-weight:700; cursor:pointer; margin-top:5px;}
	#mobile-buttons .nd-mobile-button.ndcustomcolorclass{box-shadow:0 0 2px #000 inset; -moz-box-shadow:0 0 2px #000 inset; -webkit-box-shadow:0 0 2px #000 inset;}
	#mobile-buttons a{color:#FFF; padding:1.5% 2%;}
	#mobile-buttons a:hover{color:#FFF; text-decoration:none;}


	.mobileonhover{position:absolute; bottom:-7px; left:0; height:0; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
	.mm-clicked{background:#373737; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; position:absolute !important; padding-bottom:2.5% !important;}

	#mobileMenuBtn{float:left; position:relative; z-index:10000; margin-right:1.5%;}
	.fa-phone{position:relative; z-index:10000;}


	.left-button{float:left;}
	.right-button{float:right;}


	#dnn_SidePane{display:none;}
	#dnn_CTCFilterPane{width:100%; float:none;}

	.nd-mobile-popup{opacity:0; position:absolute !important; left:10%; width:80% !important; /*height:80%;*/ box-sizing:border-box; box-shadow:#000; background:#FFF; z-index:50; box-shadow:0 0 15px #000; -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }
	#dnn_SidePane .pc-header{padding:2%;}
	#dnn_SidePane .pc-header h1{margin:0; color:#FFF;}
	#dnn_SidePane .pc-body{padding:2%;}
	#dnn_SidePane .close-window{text-transform:lowercase; float:right; text-decoration:none; color:#FFF; cursor:pointer;}

	.view-testimonials, .community-heroes, .slider-image{width:100%;}

	.tpms{max-width:20%;}
	.tabletButtons{display:block;}
	#contentnav{width:100%; padding:0;}

	#BottomFooter h2{font-size:16px;}

	#contentheader{height:auto; padding:1%; box-sizing:border-box;}

	#brands img{width:auto; height:auto;}
	/* Permanent Styles */
	.container, #contentheader{width:100%;}
	#main-content .container{padding-top:0;}
	#netdriven{width:100%; padding-bottom:12%;}

	.ndcustombutton1, .ndcustombutton2{display:block; margin-bottom:5px; text-align:center; padding-top:8px 0;}

	.atctypeimage, .atccategoryimage{display:block;}

	#locations{background:url(img/locations.png) no-repeat; background-size:100% auto;}
	#dnn_HeaderContactPane{width:auto; margin-right:0;}


	/* Nav */
	#contentnav #dnnMenu .subLevel li a {border-bottom: 1px solid #FFF; color:#FFF;}

	.mobile-menu-title{font-size:24px; color:#FFF; font-weight:700; padding:5.5% 0 5.5% 20%	; background:#666; text-transform:uppercase; }

	#tabletMenuBtn .fa{font-size:20px; color:#AAA;}

	.mm-clicked#tabletMenuBtn{opacity:1;}
	.mm-clicked#tabletMenuBtn .fa{color:#FFF;}
	.nd-mobile-window{position:fixed; width:40%; left:-80%; z-index:100; overflow-y:scroll; /*height:100%;*/ box-sizing:border-box; background:#373737; z-index:1000;}


	.nd-slidewindow .atcSideFilter{color:#FFF;}
}



/* PHONE EXCLUSIVE STYLES */
@media only screen and (max-width: 640px) {

	/* COMMONLY EDITED STYLES
	----------------------------------------------------------------------------------------------------*/
	#dnn_dnnLogo_imgLogo{width:100%;max-width:400px;}

	#bgbottom{background:none;}
	#dnn_ContentPane, #dnn_HomeSidePane, #dnn_LeftPane, #dnn_RightPane, #dnn_HomeContentPane, #contentnav{width:auto; float:none;}
	#brands{display:none;}

	.homepage #nd-middlebar.third-row {background: #e80a00;}

	.third-row #hometext {text-align: center; margin-bottom: 3em;}
	.third-row #hometext:last-of-type {margin-bottom: 0;}
	#dnn_RightPane #hometext {text-align: center;}

	#nd-buttons.sub {flex-direction: column; align-items: center;}
	#nd-buttons .sub-item {width: 200px; margin: 1em 0;}

	#dnn_RightPane {background: #292d6a; padding: 6% 3%; box-sizing: border-box;}


	/* MAIN BRANDING STYLING
	----------------------------------------------------------------------------------------------------*/
	.mobile-footer-button, #FooterPane1Container, #FooterPane2Container, #FooterPane3Container, #FooterPane4Container, .vlbCatalogBtn{background-color:#292d6a !important;}
	img.mobile-image-full{width:75%; height:auto; margin:2% auto !important; display:block; clear:both; float:none !important;}

	/* SOCIAL MEDIA
	----------------------------------------------------------------------------------------------------*/
	#dnn_SocialPane{bottom:0; left:0; width:100%; top:auto;}
	#dnn_SocialPane #socialfont a{float:left;}
	#dnn_SocialPane #socialfont.one-set a{width:100%;}
	#dnn_SocialPane #socialfont.two-set a{width:50%;}
	#dnn_SocialPane #socialfont.three-set a{width:33%;}
	#dnn_SocialPane #socialfont.three-set a:nth-of-type(2){width:34%;}
	#dnn_SocialPane #socialfont.four-set a{width:25%;}
	#dnn_SocialPane #socialfont.five-set a{width:20%;}

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	#contentnav{height:auto;}
	#contentnav a{color:#FFF;}

	/* NET DRIVEN BUTTONS
	----------------------------------------------------------------------------------------------------*/

	/* VEHICLE LOOKUP BAR - HORIZONTAL
	----------------------------------------------------------------------------------------------------*/
	#find-tire-bar{width:auto; height:auto; padding:2%; background:#FFF;}
	#links{width:100%; margin:0;}
	.vlbCatalogBtn{width:100%; display:block; text-align:center; font-weight:700; text-decoration:none; text-transform:uppercase; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; color:#FFF; padding:2%; box-sizing:border-box;}
	#sizefinder-inputs{padding:0; height:auto; float:none;}
	#sizefinder-inputs select{width:100% !important; padding:1%; margin-bottom:2%; display:block; font-size:16px;}
	#services_div{width:100%; box-sizing:border-box;}
	.vlb-horizontal div{float:none;}

	/* COUPONS
	----------------------------------------------------------------------------------------------------*/
	.coupon-section #dnn_HomeSidePane{display:none;}
	.coupon-section #dnn_HomeContentPane{width:100%; height:auto;}
	.coupon-section .see-our-coupons{display:none;}

	/* HOMETEXT
	----------------------------------------------------------------------------------------------------*/
	#hometext{padding:0; margin:0; width:auto; float:none;}
	#hometext ul li, #hometext ul.two-row li, #hometext ul.three-row li, #hometext ul.four-row li, #hometext ul.five-row li{width:auto; float:none;}
	.homepage-options a{min-width:43%;}

	/* SUBTITLE BAR
	----------------------------------------------------------------------------------------------------*/
	.subtitle{padding:1%;}
	.subtitle + *{padding:1%;}

	/* NDSC WIDGET
	----------------------------------------------------------------------------------------------------*/
	#dnn_WidgetPane{display:none;}

	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#BottomFooter .DynamicForms_SaveFormDiv{margin-top:2%;}
	#BottomFooter a[id*="lnkSave"]{width:100%;}
	#BottomFooter li{width:48%; padding:1%; float:left; box-sizing:border-box;}
	#bottomnav #dnnMenu a, .extra-links li a, #BottomFooter{font-size:12px;}
	#BottomFooter h2{display:none;}
	#BottomFooter, #BottomFooter a{color:#FFF;}
	#FooterPane1Container, #FooterPane2Container{float:left; width:96%; height:auto; padding:3%; min-height:inherit; display:none; margin:0 2% 2%; clear:both;}
	#FooterPane1Container, #FooterPane3Container{border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; -webkit-border-radius:0 6px 6px 6px;}
	#FooterPane3Container, #FooterPane4Container{float:right; width:96%; height:auto; padding:3%; min-height:inherit; display:none; margin:0 2% 2%; clear:both;}
	#FooterPane2Container, #FooterPane4Container{border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; -webkit-border-radius:6px 0 6px 6px;}

	/* CONTAINER HEADER
	----------------------------------------------------------------------------------------------------*/
	.pc-header h1, .pc-title h1, .pc-header::before, .pc-title::before{font-size:22px;}



	.ndmobilehide{display:none !important;}
	.nd-mobile-only{display:block;}
	.gallery_boxs .box{width:48% !important; margin:0.5% !important;}
	/* Mobile Buttons */
	#mobile-buttons a{padding:2% 3%;}
	.mm-clicked{padding-bottom:4% !important;}

	#ndatc #tiresidewall_animation, #ndatc .atcSideFilter{display:block !important;} /* Overwrite in module.css */
	#dnn_SidePane:not(.DNNEmptyPane) + #dnn_ContentPane{float:none; width:auto;}

	#atcclicktorefinesearch{white-space:normal !important; display:none;}

	/* REMOVE LATER */
	.nd-app-button, .nd-app-button .fa-angle-down{font-size:1.5em}

	.mobile-footer-button{width:46%; position:relative; top:0; left:0; display:inline-block; margin:2%; color:#BBB; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:2%; box-sizing:border-box; float:left; font-weight:700; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; cursor:pointer; height:auto; color:#FFF !important;}
	.mobile-footer-button span{font-size:24px; float:left; width:25%; margin-right:5%; text-align:center;}
	.mobile-footer-button p{float:left;}
	.mobile-footer-button.clicked{background:#333; border-radius:6px 6px 0 0; padding-bottom:4% !important; margin:2% 2% 0;}
	/*.mobile-footer-button.clicked + div{background:#333 !important;}*/

	.slider-image{width:100%;}


	#bottom-content{display:none;}
	#nd-topbar{display:none;}
	.tpms{display:none;}
	.view-testimonials, .community-heroes{display:none;}
	.mobile-vlb{margin:0;}

	.couponsliderview::after{content:""; display:block;}


	/* Navigation Skinner Editable */
	.mobileonhover{background:#444;}
	.nd-mobile-search-window{position:fixed; top:-50%; left:0; width:100%; height:10%; background: #444; z-index:1000; box-sizing:border-box; padding:1%;}

	.nd-mobile-window{position:fixed; width:80%; left:-80%; z-index:100; overflow-y:scroll; /*height:100%;*/ box-sizing:border-box;}


	.nd-app-button{box-sizing:border-box; padding:5% !important; height:auto; font-weight:700; color:#FFF; cursor:pointer; text-transform:uppercase; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; display:block; overflow:hidden; text-decoration:none !important; text-shadow:0 0 3px #000; color:#FFF !important; background:#282828; margin-top:2%;}
	.nd-app-button.two-row:nth-of-type(odd){width:49%; float:left; text-align:center; padding:3%;}
	.nd-app-button.two-row:nth-of-type(even){width:49%; float:right; text-align:center; padding:3%;}
	.nd-app-button.two-row i{display:block; margin:0 auto 2%; text-align:center;}
	.nd-app-button.two-row.last-of-row{width:50%; margin-left:25%;}
	.nd-app-button img{height:36px; vertical-align:bottom; /*position:absolute; left:5px; top:5px;*/}
	.nd-app-button .mobile-icon{font-size:36px; height:36px; width:auto; float:left;}
	.nd-app-button:click{ animation:mobile-button-click 0.3s linear; -moz-animation:mobile-button-click 0.3s linear; -webkit-animation:mobile-button-click 0.3s linear;}
	.app-open{border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}

	.nd-app-button .drop-down{box-shadow:0px 0px 2px #000 inset; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; display:inline-block; text-align:center; float:right; width:15%; }
	.nd-app-button .drop-down:hover{box-shadow:0px 0px 5px #000 inset;}
	.nd-app-button .fa{font-size:1.25em;}
	.nd-popup-window{z-index:100; background:#222; box-sizing:border-box; left:0; top:0; padding:3%; display:none; border-left:6px solid #292d6a; border-bottom:6px solid #292d6a; border-right:6px solid #292d6a; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; }
	/*Strip All Styles*/
	.nd-popup-window *{}


	#nd-topbar{box-sizing:border-box;}
	.searchbuttons{display:none;} /* Temp */
	*.nd-mobile-app{background:#C8C8C8; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-left:3px solid #292d6a; border-bottom:3px solid #292d6a; border-right:3px solid #292d6a; padding:4%;}
	table.nd-mobile-app, table.nd-mobile-app tr, table.nd-mobile-app td, table.nd-mobile-app tbody, table.nd-mobile-app table{display:block;}
	/* DNN Control Overrides */
	.ControlPanel{display:none !important;}
	#nd-topbar{position:relative; padding:2%;}
	#info{padding:2%; margin-bottom:0;}
	.nd-slidewindow{position:fixed; width:80% !important; float:none !important; left:-80%; z-index:100; background: #222; z-index:1000; overflow:scroll; height:100%; box-sizing:border-box; box-shadow:-20px 0 20px #000 inset; -moz-box-shadow:-20px 0 20px #000 inset; -webkit-box-shadow:-20px 0 20px #000 inset; display:block !important; top:0;}
	.nd-slidewindow .atcSideFilter{color:#FFF;}
	.phoneSocialBar{position:fixed; bottom:0; left:0; height:10%; width:100%; z-index:10000;}
	#mobileVLB{position:fixed; top:0; right:-50%; width:50%; height:100%; background:#0000FF; color:#FFF; z-index:10000;}
	.nd-mobilehide{display:none;}

}


@media only screen and (max-width: 640px) and (orientation: landscape){
	#dnn_SocialPane{display:none;}
}




/* Social Media - Connect with us page
----------------------------------------------------------------------------------------------------*/
.sm-connect {}
.smfont {font-weight:700; font-family: 'Open Sans', sans-serif;}
.sm-connect .sm-feed {float:left; width:48%;}
.sm-connect .sm-buttons {}
.sm-connect .sm-buttons a {color:#fff !important; display:block; text-decoration:none; border-radius:20px; padding:3% 10%; box-sizing:border-box; text-align:center; margin:0 5px 30px; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s; box-shadow:0 3px 3px #333;}
.sm-connect .sm-buttons a:hover {background:#999 !important; transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); box-shadow:inset 0 3px 3px #333;}
.sm-connect .sm-buttons a span {float:left; font-size:3em; margin:20px 0 0;}
.sm-connect .sm-buttons a h2 {margin:0; font-size:2.25em;}
.sm-connect .sm-buttons a p {line-height:normal; font-size:1.25em; margin:0 !important;}

.sm-connect h2.fb-bar {background:#3B5998; color:#fff;}
.sm-connect .fb-area .sm-buttons a {background:#3B5998;}

.sm-connect h2.tw-bar {background:#5EA9DD; color:#fff;}
.sm-connect .tw-area .sm-buttons a {background:#5EA9DD;}

.sm-connect h2.gp-bar {background:#D73D32; color:#fff;}
.sm-connect .gp-area .sm-buttons a {background:#D73D32;}

.sm-connect h2.pt-bar {background:#BD081C; color:#fff;}
.sm-connect .pt-area .sm-buttons a {background:#BD081C;}

.sm-connect h2.yp-bar {background:#D32323; color:#fff;}
.sm-connect .yp-area .sm-buttons a {background:#D32323;}


.sm-connect h2.fb-bar, .sm-connect h2.tw-bar, .sm-connect h2.gp-bar, .sm-connect h2.pt-bar, .sm-connect h2.yp-bar {text-align:center; font-size:2.5em; padding:1% 0;}

.fb_iframe_widget span, .twitter-timeline, #___person_0, #___person_0 iframe, .PIN_1480714890434_embed_grid PIN_1480714890434_c3 {width:100% !important; max-width:470px;}


@media only screen and (max-width: 980px) and (min-width:641px) {
	.fb-page, .fb-page span, .fb-page span iframe[style] {width: 100% !important;}
} /* Target Tablet Exclusively */

@media only screen and (max-width: 640px) {
	.sm-connect .sm-feed {display:none;}
	.sm-connect .sm-buttons {float:none; width:100%;}
	.sm-connect h2.fb-bar, .sm-connect h2.tw-bar, .sm-connect h2.gp-bar, .sm-connect h2.pt-bar, .sm-connect h2.yp-bar {padding:2% 0; font-size:1.75em;}
} /* Target Phone Exclusively */




@media only screen and (min-width: 981px) { /* CSS RULES HERE */ } /* Target Desktop Exclusively */
@media only screen and (max-width: 980px) and (min-width:641px) { /* CSS RULES HERE */} /* Target Tablet Exclusively */
@media only screen and (min-width: 641px) { /* CSS RULES HERE */ } /* Target Desktop AND Tablet */
@media only screen and (max-width: 980px) { /* CSS RULES HERE */ } /* Target Tablet AND Phone */
