@import url("//a2.nd-cdn.us/css/Master/Master_Responsive.css");
/*
####################################### 
DEV VERSION 3.0.3 LAST UPDATED 6/13/15
#######################################
*/

#ndtc3 .button2 {float:right;}
#ndtc3 .req-adv-quote, #ndtc3 .left span, #ndtc3 .button1 {float:left;}

/* MEDIA QUERIES FOR CONVENIENCE
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:980px){ /* CSS RULES HERE */  } /* Target Desktop Exclusively */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) and (min-width:640px){ /* 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:640px){ /* CSS RULES HERE */ } /* Target Desktop AND Tablet */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (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:#21489c;}
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 {padding:0; height:120px; margin: 0 auto; background:url(img/panelBg.png) center repeat; padding:2% 0 1%;}
#dnn_dnnLogo_imgLogo{float:left;} 
#dnn_HeaderContactPane{float:right; width:65%; position:relative; top:35%;}
#headercontact{text-align:right; text-transform:uppercase; color:#FFF; margin:-20px 0 0 -40px;}
.webfont, .pc-header .Head, #BottomFooter h2{font-family:"nimbus-sans-condensed", sans-serif !important;}
.webfont2{font-family:"webfont-2-here", sans-serif;}
#nd-topbar{}
#nd-middlebar::after{float:left; clear:both; content:"";}

#main-content{background:#FFF;}
#sub-content{background:#FFF;}
#bgbottom{background:#171717;}

.hdrLoc{display:block; padding:1% 0; text-decoration:none !important; font-weight:700; font-size:1.2em; width:25%; float:left; margin-right: 3%;}

.loc1{background:url(img/clintRound.png) left no-repeat; padding-left:20%; background-size:40%;}
.loc2{background:url(img/annapRound.png) left no-repeat; padding-left:20%; background-size:40%;}
.loc3{background:url(img/bowie.png) left no-repeat; padding-left:20%; background-size:40%;}

/* Header Items */
.phone{color:##21489c !important; display:block; text-decoration:none !important; font-weight:700; font-size:1.2em;}
.address{color:#222 !important; text-decoration:none !important; font-weight:700; font-size:1.2em;}
.slogan{}
.contacthead {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) { 
#dnn_dnnLogo_imgLogo{float:none !important; margin:1% auto !important; display:block;  position:relative;} 
#dnn_HeaderContactPane{display:none;}
}

/* MAIN BRANDING STYLING
----------------------------------------------------------------------------------------------------*/
.ndcustomcolorclass, .ndcustomcolorcontainer img, .subtitle, .pc-header::before, #BottomFooter a[id*="lnkSave"]:hover{background-color:#21489c !important;}
.ndcustomtextcolor1, .ndcustomlinkcolor1{color:#21489c !important;}
.ndmoduletextcolor1 {color:#21489c !important;}
.ndcustomtextcolor2, .ndcustomlinkcolor2 {color:#000 !important;}
.ndmoduletextcolor2 {color:#000 !important;}
.ndcustombutton2 {background:#21489c !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 a{/*max-width:100%; min-width:25%;*/ font-size:26px; width:45px; text-align:center; 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; float:right; clear:right;}
#dnn_SocialPane #social .fa-facebook{background:#3B5998;}
#dnn_SocialPane #social .fa-twitter{background:#5EA9DD;}
#dnn_SocialPane #social .fa-google-plus{background:#D73D32;}
#dnn_SocialPane #social a{font-size:26px; width:45px; text-align:center; 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; text-decoration:none; display:block;}


/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#nd-menubar{background:#21489c; 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:url(img/menuBg.png) center repeat;}


/* NET DRIVEN BUTTONS
----------------------------------------------------------------------------------------------------*/
#nd-buttons{padding:10% 0 7%;}
#nd-buttons.sub{}

#nd-buttons .item{display:block; float:left; width:19%; margin-right:1%;}
#nd-buttons .item img{width:100%; max-width:200px; /* Max Width of the Button to Prevent Quality Loss */ height:auto;}
#nd-buttons.sub{}
#nd-buttons .item:last-of-type{margin:0;}


/* CUSTOM EFFECTS
----------------------------------------------------------------------------------------------------*/
.shrink{transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out;}
.shrink:hover{transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); -webkit-transform: scale(.9);}


/* VEHICLE LOOKUP BAR - HORIZONTAL
----------------------------------------------------------------------------------------------------*/
/* ON DESKTOP & TABLET */
@media only screen and (min-width:640px){
	#find-tire-bar{background:url(img/vlb.png) no-repeat center top; background-size:contain;}
	#TireSizeFinder{}
	#TireSizeFinder #sizefinder-inputs { width:610px; float:left; padding:8% 0 1% 4%;}
	#TireSizeFinder #sizefinder-inputs select {width:100px !important;}
	#TireSizeFinder #sizefinder-inputs div:not(:last-of-type){width:125px; float:left;}
	#links {float:right; width:217px; margin:7% 0 0 0;}
	#links a{color:#000;}
	#links a:hover{ color:#333;}
	#TireSizeFinder #sizefinder-inputs div{position:relative;}
	#TireSizeFinder #sizefinder-inputs div::before{position:absolute; left:-20px; width:20px; height:20px; line-height:20px; background:#666; text-align:center; color:#FFF; font-size:10px; font-weight:700; }
	#TireSizeFinder #sizefinder-inputs #year::before{content:"1"; background:#000;}
	#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";}
	
	.vlbCatalogBtn{border:1px solid #FFF; background:#fc0; font-size:19px; font-weight:700; color:#FFF !important; text-align:center; text-transform:uppercase; text-decoration:none !important; display:block; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; padding:2%; padding:4% 1%; border-radius:7px;}
	.vlbCatalogBtn:hover{background:#FFF; border-color: #fc0; color:#fc0 !important; }
	/*
	#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 (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) and (min-width:640px){
	#find-tire-bar{background-position:left top;}
	#TireSizeFinder #sizefinder-inputs{padding:8% 0 1% 4%; width:62%;}
	#links{width:24%; margin:9% 5% 0 0;}
	.vlbCatalogBtn{font-size:14px; padding:5% 1%;}

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

/* VEHICLE LOOKUP BAR - VERTICAL
----------------------------------------------------------------------------------------------------
#find-tire-bar {background:url(img/vlb.png) no-repeat center top; height:193px;}
#TireSizeFinder {}
#TireSizeFinder #sizefinder-inputs {width:140px; padding:60px 0 0 20px;}
#TireSizeFinder #sizefinder-inputs select {width:100px !important;}
#TireSizeFinder #sizefinder-inputs div {height:21px;}
#links {clear:both; color:#fff;}
#links a{ color:#fff;}
#links a:hover{ color:#000;}*/

}

.secondaryHPT{width:44.5%; margin:0 2% 0 0; color:#ccc; float:left; padding:0 2%;}
.secondaryHPT h1{color:#fc0; font-size:1.7em; text-align:center;margin-bottom:3%;}
.secondaryHPT a:hover{color:#fff;}
.secondaryHPT:last-of-type{margin:0; }
.divide{display:block; border-left:1px solid #fff; height:auto; float:left; height:8em;} 

@media only screen and (max-width: 640px) {
	.secondaryHPT{width:41.5%;}
	.secondaryHPT h1{ font-size:1.5em;}
	.divide{padding:1%; height:14em;}
}

/* COUPONS
----------------------------------------------------------------------------------------------------*/
.coupon-section #dnn_HomeSidePane{float:right; width:30%;}
.coupon-section #dnn_HomeContentPane{float:left; width:65%;}


#dnn_LeftPane{float:left; width:45%;}
#dnn_RightPane{float:right; width:45%;}


#dnn_featLeft{float:left; width:45%;}
#dnn_featRight{float:right; width:45%;}

#dnn_ctr8396_ModuleContent.DNNModuleContent{overflow:visible;}

#feat1{display:block;background:url(img/feat1.png) center 28px no-repeat; margin-left:-16%; padding:23% 0 0; }
#feat2{background:url(img/feat2.png) center -31px no-repeat; padding:34% 0 0; }

.featBtn1{ background:#21489c; color:#fc0 !important; padding:2%; border-radius:.5em .5em 0 0; display:block; width:180px; font-weight:700; text-align:center; text-transform:uppercase; margin:12% 0 0 40%; text-decoration:none !important;}
.featBtn1:hover{background:#fc0; color:#21489c !important;}
.featBtn2{background:#21489c; color:#fc0 !important; padding:2%; border-radius:.5em .5em 0 0; display:block; width:180px; font-weight:700; text-align:center; text-transform:uppercase; margin:3.5% 0 0 28%; text-decoration:none !important;}
.featBtn2:hover{background:#fc0; color:#21489c !important;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) and (min-width:640px){
#feat1{background-size:73%; }
#feat2{background-size:73%;}
 }
 
 
@media only screen and (max-width: 640px) {
#dnn_ctr8396_ModuleContent.DNNModuleContent{overflow:hidden;}
#feat1, #feat2{ background:none; width:100%; margin:0px auto; padding:1%;}
#feat1 a, #feat2 a{margin:2% auto; width:94%; border-radius:.5em .5em; font-size:2em;}
#dnn_featLeft, #dnn_featRight{display:block; float:none; width:100%;}
}

.sliderBtn {width:100%; display:block; text-decoration:none !important; color:#fff !important; padding:3% 0; font-size:1.2em;}
.sliderBtn h3{color:#fc0; font-size:2em; padding:23% 0 0;}



#find{font-size:1.1em; color:#000; padding:1% 0 1% 30%; background:url(img/location.png) left top no-repeat;font-weight:700;}
#find span{font-size:2em; }

#Hours{font-size:1.1em; color:#000; background:url(img/hours.png) left top no-repeat; font-weight:700; padding:1% 0 1% 30%;}
 #Hours span{font-size:2em; display:block;}
 
 @media only screen and (max-width: 640px) {
#find span, #Hours span{font-size:1.2em !important;} 
 }
/* HOMETEXT
----------------------------------------------------------------------------------------------------*/
#hometext{ background:url(img/welcomeImg.jpg) left no-repeat; background-size:30%; padding:12% 0 12% 35%;}
#hometext h1{color:#21489c; font-size:2.2em; text-transform:uppercase; margin:0; font-weight:700; margin-bottom:10px;}
#hometext, #hometext a:hover{color:#333;}
#hometext p{margin:0 0 10px; clear:both; line-height:20px;}
#hometext a{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;}
#hometext ul.three-row li{width:33%; float:left;}
#hometext ul.four-row li{width:25%; float:left;}
#hometext ul.five-row li{width:20%; float:left;}

#hometext.left-aligned{}
#hometext.right-aligned{text-align:right;}

/* 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;}

/* NDSC WIDGET
----------------------------------------------------------------------------------------------------*/
#dnn_WidgetPane{position:relative; width:942px; transform-origin:top left; -moz-transform-origin:top left; -webkit-transform-origin:top left; overflow:hidden; }

#services_div{background:url(img/ndsc_bg.png) no-repeat top center; width:100%; height:201px; position:relative; border:0; margin: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{display:block; position:absolute; left:0; bottom:0; background:url(img/left_a.gif) no-repeat #0000FF; text-indent:-9999px; height:123px; width:30px; cursor:pointer; }
#right_a{display:block; position:absolute; right:91px; bottom:0; background:url(img/right_a.gif) no-repeat #0000FF; text-indent:-9999px; height:123px; width:30px; cursor:pointer; }
#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{position:absolute; right:0; bottom:-3px; z-index:10;}

#dnn_WidgetPane2{}


/* 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;}


/* 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{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:10% 0; width:100%; 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;}

#dnn_SidePane .pc-header h1{font-size:700;}

.mobile-anchor{width:90%; margin:0 auto; transition:top 0.3s ease-in-out; left:4%; border:1px solid #444; z-index:10 !important;}
#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;}


.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;}

p {line-height: 1.6em;}

/* DESKTOP EXCLUSIVE STYLES */
@media only screen and (min-width:980px){
	
	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	/* Default Hover Effects */
	#contentnav #dnnMenu .topLevel li:hover > a{background:#21489c;}
	#contentnav #dnnMenu .subLevel li a:hover{background:#1b3c81;}
	/* Single Column Styles */
	#contentnav #dnnMenu .subLevel.single-column{width:220px;}
	#contentnav #dnnMenu .subLevel.single-column li a{border-bottom:1px dotted #888;}
	/* Double Column Styles */
	#contentnav #dnnMenu .subLevel.double-column{width:380px}
	#contentnav #dnnMenu .subLevel.double-column li a{border-bottom:1px dotted #888; border-right:1px dotted #888;}
	/* Triple Column Styles */
	#contentnav #dnnMenu .subLevel.triple-column{width:570px}
	#contentnav #dnnMenu .subLevel.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 #21489c; outline-offset:0;}

	/* SOCIAL MEDIA
	----------------------------------------------------------------------------------------------------*/
	#dnn_SocialPane #social a:hover{padding-right:20px; width:65px; text-decoration:none;}

	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#FooterPane1Container, #FooterPane2Container, #FooterPane3Container, #FooterPane4Container{min-height:375px;}


}


/* TABLET EXCLUSIVE STYLES */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) and (min-width:640px){
	
	/* COMMONLY EDITED STYLES
	----------------------------------------------------------------------------------------------------*/		
	body{font-size:90%;}

	/* 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:12% 0 12% 35% !important; 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 (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px){

	/* COMMONLY EDITED STYLES
	----------------------------------------------------------------------------------------------------*/
	.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:18px; 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;}
	
	/* 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 a{font-size:1em;}
	
    #contentnav #dnnMenu .topLevel li a {border-bottom: 1px solid #FFF; padding: 15px 10px; text-transform:uppercase; display: block; margin:2px 0; line-height:normal;}
	#contentnav #dnnMenu .mobile-nav-expand{font-size:30px !important; position:absolute; right:0; border:none !important; padding:5px 15px !important; z-index:10; top:0; }
	#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 .fa-angle-up{background:#555; color:#FFF !important; padding-bottom:16px !important; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}
	
	/* WHEEL CONFIGURATOR
	----------------------------------------------------------------------------------------------------*/
	.DnnModule-ICGLocalFocalModulesWheelConfigurator{display:none;}
		
		
	.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, #contentnav #dnnMenu .subLevel .subLevelRight ul, .mobile-nav-expand.icon-angle-up::after{background-color:#21489c !important;}
	
	
	.mobileButtons .location-dropdown, .mobileButtons .call-dropdown{display:none; background:#272727; 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:1%; right:1%; font-size:16px;}


	#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;}

	/* 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 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;}
	.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%;}
	#dnn_dnnLogo_imgLogo{max-width:150px; min-width:20%; height:auto;}
	.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:100%; height:auto;}
	/* Permanent Styles */
	.container, #contentheader{width:100%;}
	#main-content .container{padding-top:0;}
	#netdriven{width:100%;}

	.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
	----------------------------------------------------------------------------------------------------*/	
	body{font-size:80%;}
	#dnn_dnnLogo_imgLogo{float:none; max-width:60%; margin:1%; position:static;}	
	#contentheader{height:auto; text-align:center;}	
	#headercontact{display:none;}
	#bgbottom{background:none;}
	#dnn_ContentPane, #dnn_HomeSidePane,  #dnn_HomeContentPane, #contentnav{width:auto; float:none;}
	#brands{display:none;}
    #dnn_LeftPane, #dnn_RightPane{ width:43%; font-size:1em;}
	 #dnn_LeftPane div, #dnn_RightPane div{ background-size:77% !important;}
 #dnn_LeftPane div span, #dnn_RightPane div span{ font-size:1.5em; padding:2% 1%;}
	/* MAIN BRANDING STYLING
	----------------------------------------------------------------------------------------------------*/
	.mobile-footer-button, #FooterPane1Container, #FooterPane2Container, #FooterPane3Container, #FooterPane4Container, .vlbCatalogBtn{background-color:#21489c !important;}
	
	/* SOCIAL MEDIA
	----------------------------------------------------------------------------------------------------*/	
	#dnn_SocialPane{bottom:0; left:0; width:100%; top:auto;}
	#dnn_SocialPane #social a{float:left; width:33%;}
	#dnn_SocialPane #social a:nth-of-type(2){width:34%;}
	
	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	#contentnav{height:auto;}
	#contentnav a{color:#FFF;}
	
	/* NET DRIVEN BUTTONS
	----------------------------------------------------------------------------------------------------*/
	#nd-buttons{display:none;}
	
	/* VEHICLE LOOKUP BAR - HORIZONTAL
	----------------------------------------------------------------------------------------------------*/
	#find-tire-bar{width:auto; height:auto; background:none; 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; background: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;}
	
	/* 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.5% 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:36px !important;}

	.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;}*/

	#nd-background{padding-bottom:12%;}

	.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 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:36px;}
	.nd-popup-window{z-index:100; background:#222; box-sizing:border-box; left:0; top:0; padding:3%; display:none; border-left:6px solid #21489c; border-bottom:6px solid #21489c; border-right:6px solid #21489c; 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 #21489c; border-bottom:3px solid #21489c; border-right:3px solid #21489c; 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;}

}

/* REMOVE */
@media only screen and (max-width:550px){
	.nd-app-button, .nd-app-button .fa, .nd-app-button .icon{font-size:20px !important;}

}

/* REMOVE */
@media only screen and (max-width:440px){
 	.nd-app-button, .nd-app-button .fa, .nd-app-button .icon{font-size:20px !important;}
}

@media only screen and (max-width:350px){
	.nd-app-button, .nd-app-button .fa, .nd-app-button .icon{font-size:16px !important;}
}


/* Phone Landscape View */
@media only screen and (max-width: 640px) and (orientation:landscape) {
	#dnn_SocialPane{display:none;}
}

/* Google Plus */

.gplusLoc{color:#fff;}
.gplusLocName{display:block; color:#fc0; font-size: 1.6em; font-weight: 700; text-transform: uppercase;}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container{width: 26%; height: 240px; border-radius:50%; margin:0 7% 3% 0; float:left; } 

.front, .back { border-radius:50%; }

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg); background:#21489c !important; height: 71px; padding: 40% 12% 30%; width: 71%;}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg); margin: 0 2% 0 0; width: 100%; overflow:hidden; height:240px;}
	
.front:hover{opacity:.87;}	
	
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) and (min-width:640px){ 
.flip-container{width: 26%; height: 162px; border-radius:50%; margin:0 7% 9% 0; float:left; } 
.front { margin: 0 2% 0 0; height: 71px; padding: 35% 12% 35%; width: 82%;}
.gplusLocName{font-size:1.2em;}

/* back, initially hidden pane */
.back {
margin: 0 2% 0 0; width: 100%;}

}

@media only screen and (max-width: 640px) {
.flip-container{width: 56%; height: 215px; border-radius:50%; margin:0 auto .5%; float:none; display:block;} 
.front { margin: 0 2% 0 0; height: 71px; padding: 35% 15% 35%; width: 75%;}
.gplusLocName{font-size:1.5em;}

/* back, initially hidden pane */
.back {display:none;}
	
}

/* TABLET AND PHONE EXCLUSIVE STYLES */
@media only screen and (min-device-width : 768px) and (max-device-width : 980px), (max-width: 980px){
	#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;}		
}