@charset "UTF-8";

/*-----------------------------------------------------*/

@import "animate.css";
@import "core.css";
@import "grid.css";
@import "fonts.css";
@import "forms.css";
 

/*-----------------------------------------------------*/


:root {
  --content-width: 90rem;
  --padding: 60px;
  --lightgray: #e3e3e3;
  --padding: 60px;
  --gutters:20px;
  --orange: #f76c11;
  --green: #a49516;
  --dark: #141414;
  --white: #ffffff;
}

.orange {
	color: var(--orange);
}

.sizes-table {
	width: 100%;
}
 
/* Barry */
/*-----------------------------------------------------*/
body {
	font-family: 'RTSemibold';
	background: url(../images/page-bg.jpg) right bottom no-repeat #141414;

	font-weight: 400;
	font-style: normal;
	color: #ffffff;
	min-height: 100vh;
	width: 100vw;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height: 100%;
	text-align: left;
	-webkit-transition: none 0s !important;
	-moz-transition: none 0s !important;
	-ms-transition: none 0s !important;
	-otransition: none 0s !important;
	transition: none 0s !important;
	overflow: hidden

}

.icon {
	width: 25px;
	height: 25px;
	position: relative;
	display: inline-block;
	margin: 0;
	bottom: -8px;
}

.icon img {
	max-width: 100%;
}


a {
	color: #a49516;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}


main, #main {
	min-height: 98vh;
	padding-top: 200px;
	padding-bottom: 60px;
}

.home main {

	padding-top: 0;
	padding-bottom: 0;
}

#mast {
	position: fixed;
	display: block;
	width: 100%;
	z-index: 99999;
	float: left;

}

#identity {
	position: absolute;
	left: 0;
	top: 40px;
	background: #fff;
	width: 140px;
	height: auto;
	z-index: 999;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}

#identity img {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	display: block;
}



/* #features {
	width: 100vw;
	height: auto !important;
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #ffffff;
} */

 #features .feature {
	width: 100vw;
	height: auto!important;
	position: relative;
	background-repeat: no-repeat;
	background-color: #ffffff;

	background-position: center top;
	margin: 0;
	padding: 0;

	display: block;
	float: left;
} 
.bgimg img {
	width: 100%;
}
.feature figure,
.feature figure img,
.panel,
.panel .bg img {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	display: block;
}
.feature figure figcaption,
.panel .overcontent {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	float: left;
	height: 100%;
}





#DealerMap {
	min-height: 40vh;
}

.dealer-sections .button {
	margin: 5px 0 0;
	padding: 10px;
	height: 40px;
	top: 6px;
}


.menu {
	font-family: 'RTBlack';
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	float: none;
	clear: both;
	height: 40px;

}

.menu li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
}




.menu a {
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}


#primary-menu  {
	margin: 40px auto 0;
	display:  block;
	text-align: center;
	height: 40px;
	padding: 0;
	position: relative;
	font-size: 1em;
}

#primary-menu .menu {
	background: #fff;
	max-width: 600px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}

#primary-menu .menu li {
	background: #fff;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: uppercase;
	position: relative;
	width: auto;
	font-size: 1em;
}
 
.productmenu li:hover:before,
.productmenu li:before {
	display: none;
}
#primary-menu .menu li a {
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
	display: block;
	margin: 0;
	color: #000;
	line-height: 40px;
	position: relative;
	margin: 0;
}

#secondary-menu {
	position: absolute;
	margin: 0 auto;
	display:  block;
	text-align: right;
	width: 100%;
	top: 0;
	height: 40px;
}
#secondary-menu .menu {
	padding-top: 0;
	margin-top: 0;
}
#secondary-menu .menu li{
	margin-left: 10px;
	margin-right: 20px;
}
#secondary-menu a {
	color: #a49516;
	line-height: 40px;
	text-transform: uppercase;
}



#primary-menu .menu li:hover,
#primary-menu .menu li.active,
#primary-menu .menu li.is-active {
	color: var(--orange);
}

 
.productmenu {
	position: fixed;
	width: 100vw;
	left: 0;
	height: 200px;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	top: 180px;
	background-color: #ffffff;
	visibility: hidden;
		color: #000000;
		opacity: 0;
	border-bottom: 5px solid var(--orange);
}









#site-footer {
	color: #000;
	background-color: #f86c11;
	font-size: .8em;
	height: 100px;
	padding: 10px;
	width: 100vw;
	position: relative;
	margin: 0;
	overflow: hidden!important;
}

#site-footer a {
	color: #000000;

}


.panel {
	padding-bottom: 30px;
}

#events .event figure {
	background-color: #ffffff;
	position: relative;
	display: block;
	min-height: 100px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#events .event:hover figure {

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

}

#events .event  {
	text-align: left!important;
	font-size: .8em;
	padding-right: 10px;
	padding-left: 5px;
}

#events .event {
	font-size: .7em;
	text-align: center;
	position: relative;
	display: block;
	text-transform: uppercase;
}







.panel header {
	color: #000000;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	display: block;
	position: relative;
}
h1  {
	color: var(--orange);
}
h1,
.panel header h1,
.panel header h2 {
	font: 1.4em 'YWFT-Cam';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

.headernum {
	font-size: .9em!important;
    position: relative;
    float: left;
    font-family: 'RTSemibold';
    top: -1em;
    color: #a49516;
    left: -.1em;
}



#tires-panel,
#wheels-panel {
	height: 40vh;
	background: url(../images/home-tires-bg.jpg) center bottom no-repeat #ffffff;
	background-size: 100%;
	margin: 0;
	padding: 40px 0 0;

	position: relative;
	width: 100vw;
	overflow: hidden;
	display: block;
	min-height: 400px!important;
}

#tires-list,
#wheels-list {
	height: 40vh;
	min-height: 400px!important;
	padding: 0 0 10vh;
	position: absolute;

	text-align: center;
	margin-left: 30vw;
	margin-right: auto;

 	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#tires-panel .tire,
#wheels-panel .wheel {
	position: relative;
	display: block;
	margin: 0 -4px;
	padding: 0;
	width: auto;
	float: left;
	opacity: 0.95;

	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
	background-color: transparent;
}


#tires-panel .tire:hover,
#wheels-panel .wheel:hover {
	opacity: 1;
}


#tires-panel .tire figure,
#wheels-panel .wheel figure {
 	position: relative;
 	display: block;
 	margin: 0;
 	padding: 0;
}


#tires-panel .tire figure img ,
#wheels-panel .wheel figure img {
  padding: 0;
  margin: 0;
  position: relative;
  height: auto;
  overflow: hidden;

}


#tire-list,
#wheel-list {
	/*position: absolute;
	bottom: -8%;*/

	bottom: -4vh;
	    position: relative;
}







#home-insta-cta {
	text-align: center;
	line-height: 1em;
	margin-top: 100px;
	margin-bottom: -100px;
	z-index: 99999999;
}
#home-insta-cta p {
	text-align: center;
	line-height: 1em;
}
#home-insta-cta a {
	color: #000000;
}
#home-insta-cta .inner {
	background-color: #f86c11;
}

#events-panel {
	margin-top:-40px;
	margin-bottom: -40px;
}

#events-panel .wrap{
	padding: 40px 40px 80px;
	background: url(../images/overhead-bg.jpg) center top no-repeat #5b5200;
	margin-bottom: 0;
	background-size: 100%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}

#events-panel.panel header,
#events-panel .headernum {
	color: #fff;
}

#wheels-panel {
	background-color: #ffffff;


}


.inner {
	padding: 40px;
}

.button {
	background: var(--orange)!important;
}

.align-right {
	float: right;
	clear: both;
	width: auto;
}


#product-header {
	background: url(../images/product-bg.jpg) center bottom no-repeat;
	position: relative;
	display: block;
	padding: 200px 0 0;
	margin: -200px 0 0;
	width: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;


}
#product-header img {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: center;
	max-height: 40vh;
}

#product-detail .wrap {
	padding: 40px 40px 40px;
	background: url(../images/overhead-bg.jpg) center top no-repeat #5b5200;
	margin-bottom: 0;
	background-size: 100%;
	position: relative;
	top: -40px;
		-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}




#product-header h1 {
	color: #000000;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	position: relative;
}


#product-header h1:before {
	content: '';
    position: absolute;
    width: 5px;
    height: 160px;
    background-color: var(--orange);
    display: block;
    padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -10px;
	top: -.5em;
    float: left;
}


#product-header h1 {
	font: 1.4em 'YWFT-Cam';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}




.official-tag {
	background: url(../images/official-tag.png) center top no-repeat;
	background-size: 100%;
	position: relative;
	display: block;
	margin: 90px 0 0;
	top: 0;
	width: 110px;
	height: 200px;
	left: calc(22vw - 110px);
	float: left;
}

.official-tag:before {
	content: '';
	height: 80px;
	width: 5px;
	background: var(--orange);
	position: absolute;
	min-height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	top: -90px;
	left: calc(50% - 5px);
}


.centered { display: table; margin: 0 auto; }



.is-checkbox {
	margin-bottom: 30px;
}


.printbtn{
	position: absolute;
    top: 15px;
    right: 30px;
    width: auto;
    padding: 10px;
	margin: 0;
	
}

.footerimg img {
	width: 100%;
	max-width: 100%;
}
.footerimg {
	position: relative;
	/* margin: 100px 0; */
	display: block;
	padding: 0;

}


.wheel {

	max-height: 350px;
	margin-top: 5vh!important;
}

.wheel img {
	max-width: 100%;
}


.tire:hover figcaption,
.wheel:hover figcaption{
	opacity: 1;
}

.tire figcaption,
.wheel figcaption {
	position: absolute;
	float: left;
	display: block;
	width: 150px;
	color: #000000;
	top: -20px;
	opacity: 1;
	text-transform: uppercase;
	text-align: left;
	left: 40%;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.tire figcaption:before,
.wheel figcaption:before{
	content: '';
	width: 5px;
	height: 140px;
	background-color: var(--orange);
	position: absolute;
	left: -10px;
}

.sizes-toggle {
	color: var(--orange);
	font-size: 3em;
	border-bottom: 2px solid var(--orange);
	letter-spacing: -0.04em;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sizes-table {
	font-size: .9em;
	color: #000000;
}
.sizes-table td,
.sizes-table th  {
	padding: 8px;
}
.size-group thead {

	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.8);
}

.sizeitem {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.sizeitem td {
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	text-align: center;

}

.sizeitem td:last-child{
	border-right: none;
}
.sizeitem input {
	text-align: center;
	font-size: .9em;
}
.sizeitem button {
	margin: 0;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
}
.sizeitem td{
	background-color: #fff

}



.menu-item span {
	display: inline-block;
}
.white {
	color: var(--white) !important;
}

#secondary .menu {
	text-align: right;
}

#headertag {
	text-align: left;
	font-family: 'RTBlack';
	position: relative;
	display: block;
	padding: 0;
	float: none;
	height: 40px;
	line-height: 40px;
	color: var(--green);
	text-transform: uppercase;
}

#footer-logo {
	width: 80px;
	height: 80px;
	margin: 0 30px 0 0;
	padding: 5px;
	background: url(../images/dc-logo-blk.svg) center center repeat-x scroll;
	background-size: 100%;
	position: relative;
	float:left;

}

#site-footer .social {
	text-align: right;
}

#site-footer {
	line-height: 80px;
}
#site-footer .row{max-width: 100%;}


.closebutton {
	float: left;
	z-index: 99999999;
	top: 30px;
	left: 30px;
	position: absolute;

	color: #ED1C24;
	height: 40px;
	width: 40px
}

.closebutton:after {
	content: '\e80f';
	font: 40px/40px;
	width: 40px;
	height: 40px;
	text-align: center
}





.overlay-panel {
	background: rgba(24, 24, 24, 0.76);
	color: #FFF;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	min-height: 250px;
	height: 250px;
	width: 100vw;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1 ;
	opacity: 0;
	display: block;
}


.overlay-panel.enabled {
	display: block;
	visibility: visible;
	opacity: 1;
	z-index: 9999999999;
	height: 100vh;
	width: 100vw;
	overflow-y: scroll;
}

 .overlay-panel .close,
 #nav-panel .close {
	width: 80px;
	height: 80px;
	position: absolute;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin: 0;
	top: 40px;
	z-index: 88889;
	display: block;
	float: left;
	cursor: pointer;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	right: 40px
}

 .overlay-panel .close span, #nav-panel .close span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #ffffff;
	opacity: 1;
	left: 0;
	top: 45px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.content-overlay .close span:nth-child(1), .overlay-panel .close span:nth-child(1), #nav-panel .close span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.content-overlay .close span:nth-child(2), .overlay-panel .close span:nth-child(2), #nav-panel .close span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.overlay-panel .inner {
	padding: 40px;
}

.feature-overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	float: left;
	z-index: 2;
	width: 100vw;
	height: auto;
	overflow: hidden;
	min-height: 70vh;
	opacity: 0;
	
}

.active .feature-overlay{
	opacity:1;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;

}

.feature-overlay img {
	max-height: 100%;
	max-width: 100%;
}

.buynowresults {
	overflow-y:  scroll;
	background-color:#fff!important;
	/* padding: 20px; */
	margin-top: 120px;
	position: relative;
	display: block;
}

.buynowresults .size {
	font-size: 1.4em;
	margin-bottom: 30px;
}

.buynow-section {
	margin-bottom: 30px;
	background-color: #000000;
	border-right: 2px solid rgba(255, 255, 255, 1);
}
.buynowresults h3 {
	color: var(--orange);
}


.buydirect {
	color: #fff;
	background-color: var(--orange);
}
.buydirect .button{


}
.dealer-entry {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px;
}

.dealer-entry:last-child  {
	border-bottom: none;

}

.dealer-entry .price {
	text-align: center;
	font-weight: bold;
}

.buylocal .button,
.dealer-entry .button {
	text-transform: uppercase;
}
.buylocal .button,
.dealer-entry input[type='submit']{
	margin: 0;
}
.buylocal .button {
	width: 100%;
}
.buylocal .form {
	position: relative;
	display: block;
	margin-top: 30px;
}

.buylocal h3 {
	margin-bottom: 30px;
}

.loader-message {
	color: #000000;
	font-size: 1.2em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	padding: 20px;
}


#tire-list.container,
#wheel-list.container {
	margin-right: auto;
	margin-left: auto;
}


.toggle-section .toggle-content {
	height: 0;display: none;

}
.toggle-section.active .toggle-content {
	height: auto;
	display: block;

}



.invoice {
	padding: 40px;
	background: #fff;
	color: #000;
}

.invoice {
	padding: 40px;
	background: #fff;
	color: #000;
}
.invoice p {
	opacity: .8;
}

.tax-details{
	font-size: .6em;
	opacity: .4!important;

}


#stripe-card {
	width: 100%;
	color: #222;

	border: none!important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-left: 0;
	font-size:18px;

	padding: 10px;
	border-radius: 0!important;
	background-color: rgba(255, 255, 255, 0.94);
	margin-right: 0;
}



.hide-collapsed {
	display: none;
}

.active.hide-collapsed {
	display: block;
}


.steps ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.steps li {
	display: inline-block;
	color: var(--dark);
	margin-right: 15px;
	opacity: 1;
}


.steps li span {
	color: #6f6d63;
	padding-right: 8px;
}
.steps li span:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #f76b11;
	line-height: 1em;

	position: relative;
	top: -.25em;
	left: 3px;
}

.steps li.active,
.steps li.active span {
	color: var(--orange);
}
.steps li.active span:after {
	background-color: var(--orange);
}

.is-active a,
a.is-active,
.menu li.is-active a{
	color: var(--orange)!important;
}

.contact-tpl  {
	background: url(../images/DC-WEB-CONTACT.jpg) center center no-repeat #141414;
}
.about-tpl  {
	background: url(../images/DC-web-about-background.jpg) center top no-repeat #141414;
}
.offer-tpl  {
	background: url(../images/DC-2020-FALL-REWARD-OFFER-PAGE.jpg) center center no-repeat #141414;
}
.buynowresults .col-md-4 {
	margin-bottom: 0;
}

.about-tpl main h2,
.about-tpl main h3,
.about-tpl main h4{
	color:var(--orange);
}

#menu-toggle {
	display: none;
}

#menu-toggle {
    width: 30px;
    height: 40px;
	top: 55px;
    text-align: left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: 0;
    z-index: 99999999;
	right: 16px;
	position: fixed;
}

#menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--orange);
    opacity: .9;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#menu-toggle span:nth-child(1) {
    top: 0px;
}

#menu-toggle span:nth-child(2) {
    top: 10px;
	float: left;
	position: relative;
}

#menu-toggle.active span {
	opacity: 1;
}

#menu-toggle.active span:nth-child(1){
	top: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#menu-toggle.active span:nth-child(2){
	top: 5px;
	width: 100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


 .buynowresults  #zipcode {
 	margin-bottom: 20px;
 }
.dc-b-button{
	padding:20px!important;
	line-height:1em;
	background-color: #000!important;
}



#nav-panel {
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	opacity: 1;

	left: 0;
	height: auto;
	width: 100%;

	/* -webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out; */

	position: fixed;
 

}
/*
#nav-panel.active {
	-webkit-transform: translateX(0%) translateY(0%);
	-moz-transform: translateX(0%) translateY(0%);
	-ms-transform: translateX(0%) translateY(0%);
	-o-transform: translateX(0%) translateY(0%);
	transform: translateX(0%) translateY(0%);
}


#nav-panel.hidden {
	-webkit-transform: translateX(0%) translateY(0%);
	-moz-transform: translateX(0%) translateY(0%);
	-ms-transform: translateX(0%) translateY(0%);
	-o-transform: translateX(0%) translateY(0%);
	transform: translateX(0%) translateY(0%);
}
*/




 .large-copy {
/* line-height: 1.4em;
 font-size: 2vw;*/
 font-size: 18px;
 }

 .contact-tpl a{
 	color: var(--orange);
 }

 .dealer-entry .button {
 	margin-top: 10px!important;
 }

 .dealer-entry img {
 	max-width: 100px;
 	min-width: 50px;
 	width: 100%;
 }

 .form-buy .button {
 	margin-bottom: 0;
 }


.cart-tpl p{
	color: var(--dark);
}

.cart .select{
	width: 100%!important;
	display:block;
}

.loader-wheel{
	width: 70px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.loader-wheel svg{
	max-width: 100%;
	margin:0;
	padding: 0;
}

/* MICKEY THOMPSON */
main.mickey-thompson{padding: 0;}
main.mickey-thompson .tns-item{position:relative;}
main.mickey-thompson .mtactive .feature-overlay{
	height:100%; 
	opacity: 1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
main.mickey-thompson .table-cell{text-align:center;}
main.mickey-thompson .table-cell.top{vertical-align: top; padding-top: 8%;}
main.mickey-thompson .table-cell .title-wrapper{
	display: inline-block;
    padding: 0 9em;
    background: rgba(255,255,255,.62);
}
main.mickey-thompson .table-cell.top .title-wrapper{background: transparent;}
main.mickey-thompson h1{
	font: 2.5em 'USE-Heavy';
    color: #000;
    line-height: 1em;
    margin: 0.5em 0 0.25em;
	letter-spacing: 0;
}
main.mickey-thompson h1 span{
	font: 0.53em 'USE-Black';
    letter-spacing: 0;
	display:block;
}
main.mickey-thompson .title-wrapper-alt h1{font: 8em 'USE-Heavy'; color: rgba(0,0,0,.7); line-height: .9em;}
main.mickey-thompson .title-wrapper-alt h1 span{font: 0.2em 'USE-Black'; margin-bottom: 0.25em;}
a.btn{
	font-family: 'RTBlack';
	background: #000;
    color: #fff;
    display: inline-block;
    padding: 1em 2em;
}
a.btn:hover{
	background: rgba(255,255,255,.62);
    color: #000;
}
.footer .catalog{display:none;}
/*animation element sliding right*/
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*bounce up animation for the subject*/
.animation-element.bounce-up {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animation-element.bounce-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

@media screen and (max-width: 1024px) {
	 .hide-mobile,
	 .hide-tablet {
	 	display: none;
	 }

	 .sizes-table {
	 	width: 100%;
	}
 
	.hide-mobile,
	.hide-tablet {
		display: none;
	}

	.sizes-table {
	 	width: 100%;
	}

	.invoice .inner{
		padding:0;
	}
	#headertag {
		font-size: .8em;
		display: none;
	}

/*	#primary-menu {
		display: none;
	}*/

	.bgimg img {
		object-fit: cover;
		width: auto;
		height: 80vh;

	}
	a.btn{padding: 0.6em 2em 0.9em; line-height: 1;}
	.feature-overlay {
		top: 2vh;
		width: 100vw;
		height: auto;
		overflow: hidden;
		min-height: 80vh;
	}

	#tire-list,
	#wheel-list {
		position: relative;
	}

	#tires-panel,
	#wheels-panel {
		max-height: auto!important;
		height: auto!important;
		overflow: visible;

	}


	#tires-panel .tire,
	#wheels-panel .wheel {
		max-width: 80vw;
		margin-bottom: 60px;
	}


	#menu-toggle {
		display: block;
	}


	#primary-menu  {
		margin-top: 0px;
		margin-bottom: 0;
		display:  block;
		text-align: right;
		height: auto;
		padding: 0;
		position: relative;
		font-size: 1em;
		margin-right: 0;
		right: 0;
		box-shadow: none;
		clear: both;
		top:40px;

	}

	#primary-menu .menu {
		background: #fff;
		display:block;

		padding-top: 15px!important;
		padding-bottom:15px!important;
		height:auto!important;
	}

	#primary-menu .menu li {
		background: #fff;
		margin: 0 !important;
		padding: 0 !important;
		text-transform: uppercase;
		position: relative;
		width: auto;
		font-size: 1em;
		display: block;
	}

	#secondary-menu {
		top: 100px;
		height: 40px;
		display: block;
	}

	#primary-menu .menu {
 
		max-width: 480px;
 
	}

	#nav-panel {
		padding: 100px 0 0; /* change to 150 for cart */
		width: 250px;
		-webkit-transform: translateX(calc(100vw )) translateY(0%);
		-moz-transform: translateX(calc(100vw)) translateY(0%);
		-ms-transform: translateX(calc(100vw )) translateY(0%);
		-o-transform: translateX(calc(100vw)) translateY(0%);
		transform: translateX(calc(100vw)) translateY(0%);
		background-color: #ffffff;
		right: 0;
		margin: 0;
		clear: none;
	}

	#nav-panel.active {
		-webkit-transform: translateX(calc(100vw - 250px)) translateY(0%);
		-moz-transform: translateX(calc(100vw - 250px)) translateY(0%);
		-ms-transform: translateX(calc(100vw - 250px)) translateY(0%);
		-o-transform: translateX(calc(100vw - 250px)) translateY(0%);
		transform: translateX(calc(100vw - 250px)) translateY(0%);
	}


	#nav-panel.hidden {
		-webkit-transform: translateX(calc(100vw )) translateY(0%);
		-moz-transform: translateX(calc(100vw)) translateY(0%);
		-ms-transform: translateX(calc(100vw )) translateY(0%);
		-o-transform: translateX(calc(100vw)) translateY(0%);
		transform: translateX(calc(100vw)) translateY(0%);
	}

	#primary-menu .menu li a {
		padding:8px;
		position: relative;
		display: block;
		margin: 0;
		color: #000;
		line-height: 1em;
		padding-right: 25px;

	}


	#site-footer{
		height: auto;
		/* line-height: 1em; */
	}


	main.mickey-thompson .table-cell .title-wrapper{padding:0;}
	main.mickey-thompson h1{font: 1.3em 'USE-Heavy'; margin: 0.5em 0.25em 0.25em;}
	main.mickey-thompson .title-wrapper-alt h1{font: 4em 'USE-Heavy'; margin: 0 auto; max-width: 85%;}
	main.mickey-thompson .table-cell.top{padding-top: 0%;}
	main.mickey-thompson .reduced-width{max-width:90%; margin:0 auto;}
}

 

@media screen and (max-width: 500px) {
	#site-footer .social{
		height: auto;
		line-height: 1em;
		text-align: center;
	}
	.hide-mobile,
	.hide-tablet {
		display: none;
	}

	.sizes-table {
	 	width: 100%;
	}

	#tire-list {
		position: relative;
	}

	#tires-panel {
		max-height: auto!important;
		height: auto!important;
		overflow: visible;

	}

	.steps li{ display: block;}
}


.cart-item button.remove-cart-item{
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--orange);
    font-size: .8em;
    display: block;
    padding: 0;
    margin-top: 15px;
    text-transform: uppercase;
}

.steps li{
	cursor:pointer;
}

.recap {
	padding: 20px;
	position: relative;
	margin-top: 20px;
   margin-bottom: 20px;
	background-color: rgba(60, 58, 57, 0.16);
	border-radius: 5px;
	text-transform: uppercase;
}

.recap  .label{
   font-size: 1.4em;
   line-height: 1em;
}

.button:hover {
	background: #222!important;
}

.recap.inner {
   padding: 40px;
   text-align: center;
}

.recap .col{

	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.recap .col:first-child{
	border-left:none;
}
.recap .cart__total{
	color:#fff!important;
}
 .cart__tax,
 .cart__dc {
	font-size: 1.4em;
	line-height: 1em;
	opacity: 0.8;
}

th small{
	font-size:.7em;
}

 .cart__total {
	font-size: 1.4em;
	line-height: 1em;
	/* color: var(--orange)!important; */
}
 .cart__sum {
	 font-size: 1.4em;
	 line-height: 1em;
	 opacity: 0.8;
}
.cart__tax,
.cart__total,
.cart__sum {
   display: block;

   color: #222;
}

table .cart__tax,
table .cart__total,
table .cart__sum {

   margin-bottom: 0px;


}

 .cart__tax,
 .cart__dc {
	font-size: 1.4em;
	line-height: 1em;
	opacity: 0.8;
}


.cart--checkout .cart__tax,
 .cart--checkout .cart__dc {

	font-size: 0.8em;

}


.tns-controls{
	position: absolute;
    float: left;
    top: 35%;
	z-index: 99999;
	width:100vw;
	margin:0;
	padding:0;
	overflow:hidden;
}
.tns-controls button{
	width:80px;
	height:80px;
	padding: 10px;
	line-height:80px;
	font-size: .8em;
	margin:0;
	background:transparent;
}

.tns-controls button span{

	border: solid #fff;
  	border-width: 0 3px 3px 0;
 	display: inline-block;
	  padding: 10px;
	opacity: .5;
}
.tns-controls button:hover span{
	opacity:1!important;
}

.tns-controls button:nth-child(1) {
	float:left;

}

.tns-controls button:nth-child(1) span{
	transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.tns-controls button:nth-child(2) {
	float:right;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}



.gm-style .gm-style-iw-c{
	color:var(--orange);
}


.location-title{
	font-weight:700;
	margin-bottom: 5px;
	display:block;
}


.preferred-dealer{
	 border: 1px solid var(--orange);
}

.preferred-dealer::after{
	content:"PREFERRED DEALER";
	position:absolute;
	top:8px;
	left:10px;
	font-size:.6em;
	letter-spacing: 0.14em;
	color: var(--orange);

}
.preferred-dealer h3,
.dealer-entry a
{

		color:var(--orange);

}

#dealermapintro .inner{

	padding-top:0;

}



.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}




@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}

@media print {
 
   .assistive-text, 
   .sr-text, 
    .menu,
    #primary-menu,
    #identity,
    #mast,
    .printbtn {
      display: none!important;
 
	}
	a[href]:after {
    	content: none !important;
  	}
	body{
		font-size: 12px;
	}

	main, #main {
    min-height: 1px;
    padding-top: 100px;
	padding-bottom: 0px;
	}
    main{
      width: 100%;
      margin: 0;
      float: none;
      display:block;
	}
	
	#site-footer{
		top:0;
		position: absolute;
	}

	#site-footer a{display:none;}
        
    @page { margin: 2cm  }

 

    h1 {
    	font-size: 24pt;
    }

    h2, h3, h4 {
      font-size: 14pt;
      margin-top: 25px;
    }    
 
    blockquote { page-break-inside: avoid; }
    h1, h2, h3, h4, h5, h6 { page-break-after:avoid;   page-break-inside:avoid }
    img { page-break-inside:avoid;   page-break-after:avoid; }
    table, pre { page-break-inside:avoid }
    ul, ol, dl  { page-break-before:avoid }
        
    
    a:link, a:visited, a {
      background: transparent;
      color: #000;
 
      text-decoration: underline;
      text-align: left;
    }
 
	.col-md-8
	.offset-md-2{
		margin:0;
		padding:0;
	}
 
    p, address, li, dt, dd, blockquote {
      font-size: 100%
    }
 
    code, pre { font-family: "Courier New", Courier, mono}

    ul, ol {
    list-style: dot; margin-left: 18pt;
    margin-bottom: 20pt;    
    }

    li {
    line-height: 1.6em;
    }    
 
 
}


.hidelargescreen{

	display: none;
}



@media screen and (max-width: 500px) {
	.cart-tpl th,
	.order-tpl th,
	.cart-item td{
		padding: 5px!important;
	}

	.dc__details{
		display: none!important;
	}
	.cart-item button{
		display: block;
		position: relative;
		width: 100%;
	}
	.cart-item button[name="increase"],
	.cart-item button[name="decrease"]{
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	.cart-item__quantity{
	 
		text-align: center;
		margin:0;
		width: 100%;
	
	}

	.cart-item a,
	.cart-item small,
	.cart-item strong{
		line-height: .8em;
	}

	.hideformite{
		display:none!important;
	}

 
	.hidelargescreen{

		display: block;
	}
 
}
 
.cart-tpl,
.order-tpl {
 	background-color: #ded9c6!important;
 	background-image: none;
}
 
 
.no-js .slider { overflow-x: auto; }
.no-js .slider > div { float: none; }


 /* Hide scrollbar for Chrome, Safari and Opera */
#nav-panel::-webkit-scrollbar,
.buynowresults::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE and Edge */
.buynowresults{
  -ms-overflow-style: none;
}












ul.single-specs{
    margin:0!important;
    display: block;
}

ul.single-specs li{
    margin:0!important;
    display: block;
    margin:0;
    max-width: 100%!important;
}
 
ul.single-specs span{
 
    opacity:1;
}
ul.single-specs li:first-child{
    border-top: none!important;
}
/* */
ul.single-specs li:last-child{
    border-bottom: none!important;
}

ul.single-specs .button{
    display: block;
    margin-top: 40px;
    font-size: 1em; 
}





.single-product-size header .price,
.price-buy-display .price{
    color: #fff;
 
    margin:0;
    padding:0;
 	margin-top: -7px;
    font-weight: 100;
    font: 2em/1em 'RTSemibold', sans-serif !important;
 
    width: 100%;
}

.singular-buy{
    cursor: pointer;
    margin: 0;
	margin-left: 10px;
	padding-bottom: 5px;
    padding-top:0;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    color: #ffffff;
    background-color: #ED1C24;
    text-transform: uppercase;
    font: 1em/1  'RTSemibold', sans-serif !important;
    text-align: center;
    white-space: nowrap;
}

.price-buy-display{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
 
    justify-items: center;
    align-items: center; 
 
}


.single-product-size .buy-tab{
    display: none;
}
 

.single-size-title{
    color: #222; 
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: 1;
    display: block;
}

.single-product-menu{
    margin:40px 0 10px 0;
    padding:0;
    border-bottom: 1px solid #fff;
}

.single-product-menu li{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom:5px;
    color: #fff;
    opacity: 0.5;
    margin-bottom:-1px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.single-product-menu li:hover,
.single-product-menu li.active{
    opacity:1;
    border-bottom: 1px solid #fff;
}
 
.single-prod-section{
    display: none;
}

.single-prod-section.active{
    display: block;
}

.single-specs .buynow.button{display: none;}

.single-size-product #product-header{
	padding-top: 40vh!important;
	height: 80vh !important;
 
}
 
.single-size-product .detail-row {

	margin-top:-60vh;
}

.single-size-product .single-specs{
	padding:0;
}

.single-size-product h1{
	margin-top:0;
	margin-bottom: 0px;
}
.single-size-product h2{

	font-size: 1.8em;
	margin-top: 0;
	margin-bottom: 40px
}

.single-specs button,
.single-specs .button{
	display: none!important;
}

.single-size-product #sizes-tab{
	display: none;
}

ul.single-specs li{
	padding-top:5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.39)!important;
}
 

#features{ 
	background-color: #fff;
}

.slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	height: auto;
	width: auto;
}


.tns-nav{
    position: absolute;
 
    display: block;
    width: 100%;
    padding: 0;
	height: auto;
	top: 70%;
    list-style: none;
    text-align: center;
    z-index: 90999;
		-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.home-tpl .tns-nav{
 	position: absolute;
 
    display: block;
    width: 100%;
    padding: 0;
	height: auto;
	top: 0%;
    list-style: none;
    text-align: center;
    z-index: 90999;
}

@media screen and (max-height: 1024px) {
	
	.home-tpl .tns-nav{
		position: absolute;
	
		display: block;
		width: 100%;
		padding: 0;
		height: auto;
		top: 90vh;
		list-style: none;
		text-align: center;
		z-index: 90999;
	}

}

.home-tpl .tns-outer{
	background-color: #fff;
}

.single-size-product .tns-nav{
    top: 95%!important;
	position: absolute;
 
}

.single-size-product .tns-outer{
	position: relative!important;
}
.product-images{
    margin-bottom:80px;
}

/* .home-tpl .tns-nav{
    bottom: 50px;
}
  */
.tns-nav button {
     position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 1px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    opacity: 0.5;
    background-color: #dfe0df;
    border: none;
    padding:3px;
}

.single-size-product .tns-nav button img{max-width: 100%;}

.home-tpl .tns-nav button {
    position: relative;
    display: inline-block;
    width: 10%;
    height: 6px;
    margin: 0 10px;
    padding: 2px;
    opacity: 1;
    background-color: #dfe0df;
    -webkit-transform: skew(-40deg);
    transform: skew(-40deg);
 
}

.home-tpl .tns-nav button.active,
.home-tpl .tns-nav-active,
.single-size-product .tns-nav button.tns-nav-active{
    background-color:  orange!important;
    opacity: 1;
}


.home-tpl .tns-nav button:hover{
	 opacity: 1;
}


.product-media .slide figure {
    width: auto;
	height: auto;
	display: block;
    margin: 0 auto !important
}

.product-media .slide figure {
    text-align: center;
}

.slidethumbnail:hover,
.slick-active .slidethumbnail {
    background: #fff
}

.product-media .slide img {
    max-height: 700px;
    margin: 0 auto !important;
    text-align: center
}

.product-tpl .tns-outer{
	position: relative;
}


.single-size-product .tns-slide-active{
	height: auto;
	opacity: 1;
}

.stripe-card-error{
	color: #ff0e0e;
	font-weight: bolder;
	font-size: 1.2em;
	margin-bottom: 30px;
}