body{
	   font-family: 'Roboto';
	   font-size: 14px;
	   color: #1d1d1d;
	   font-weight: 400;
}

.rounded{
	border-radius: 25px;
}


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


.hover-scale{
	transform: scale(1.00);
	transition-duration: 0.3s;
}

.hover-scale:hover{
	transform: scale(1.02);
	transition-duration: 0.3s;
}



@keyframes shake {
    0% { transform: translateX(0); }
    10% { transform: translateX(-1px); }
    20% { transform: translateX(1px); }
    30% { transform: translateX(-1px); }
    40% { transform: translateX(1px); }
    50% { transform: translateX(-1px); }

    100% { transform: translateX(0); }
}



.uk-section-muted {
    padding: 25px;
}



.uk-subnav-pill>.uk-active>a {
    background-color: #4a4a4a;
    color: #fff;
}


.clickable{
	cursor: pointer;
}

.uk-text-small{
	font-size: 12px;
}

.scrolled-page-content{
	margin-top: 175px;
}

.sig-input, .ngyn-input{
    font-size: 14px;
    font-family: 'Roboto'!important;
    background: #f1f1f1;
    border-radius: 2px;
    border: 0px;
    padding: 12px;
}


.ngyn-container{
    background: white;
    margin-bottom: 15px;
    border-radius: 5px;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;
}

.div-shadow {
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
}


.uk-notification {
    top: 100px!important;
}


.uk-notification-message{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;
    font-size: 15px!important;
    border: 1px solid gainsboro;
    background: white!important;
}


.ngyn-card{
	background: white;
    border: 1px solid #f1f1f1;
}

.card-shadow{
	box-shadow: 4px 3px 13px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 4px 3px 13px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 4px 3px 13px 0px rgba(0, 0, 0, 0.15);
}


.card{
	background: white;

}

.card .cover {
	padding-top: 40%;
}

.card .content{
	padding: 20px 30px;
}


.v-a{
	position: fixed;
    bottom: 15px;
    right: 15px;
}

.v-a img{
	height: 150px;
	cursor: pointer;
}

.uk-container{
	max-width: 1200px;
}

.uk-container-xlarge{
	max-width: 90%;
}

.uk-container-small{
	max-width: 950px;
}

h1,h2,h3,h4{
	font-family: 'Roboto';
	font-weight: 800;
	color: #333;
	margin: 5px 0px;
}

h1.page-title{
	margin: 15px 0px;
}


.page-cover-img .overlay{
    background: rgba(0,0,0,0.6);
    padding: 150px 0px;
    color: white;
}


.page-cover-img .overlay h1{
    color: white;
}

.stock-tag{
	padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    background: gainsboro;
    display: inline-block;
}

.stock-tag svg{
	margin-top: -3px;
    margin-right: 5px;
    height: 12px;
    width: 12px;
}

.stock-tag.in-stock-tag{
	background: #7ddead;
}

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


.page-padding{
	padding-top: 50px;
	padding-bottom: 50px;
}


#appointment-form input, #appointment-form select, #appointment-form textarea{
	padding: 10px;
    width: 100%;
    font-size: 14px;
}

#appointment-form h4{
	margin-bottom: 0px;
}

#appointment-form .uk-grid, #appointment-form .uk-grid-margin{
	margin-top: 10px;
}



#my-location{
	padding: 100px 0px;
	background: #f1f1f1;
	border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

#my-location .section-title{
	color: var(--primary-color);
}

#my-location .call{
	background: var(--primary-color);
    color: white;
    padding: 10px 15px;
    border-radius: 3px;
}

.home-location-switcher-content{
	display: none;
}

.home-location-switcher-content.active{
	display: inline;
}


.tire-module .option {
    padding: 10px;
    border-bottom: 1px solid #d0d0d0;
    cursor: pointer;
}

#tire-module #search:disabled{
	opacity: 0.5;
}

.tire-module .selected, .tire-module .option.active {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 0px solid #d0d0d0;
    background: white!important;
}

.tire-module .firstClass {
    border-left: 0px solid #d0d0d0!important;
}

.tire-module .container-content{
	padding: 15px;
	background: white;
}

.curv-sharp-border-radius{
	border-radius: 10px 3px 10px 3px!important;
}

.uk-button{
	font-weight: 600!important;
	text-transform: unset!important;
	border-radius: 1px;
	display: inline-block!important;
	font-size: 14px;
	border-radius: 13px;
}

.uk-button:hover{
	transform: scale(1.02);
	opacity: 0.95;
	transition-duration: 1.5s;
}

.uk-button-default{
	background: white!important;
}

.uk-button-large{
	padding: 10px 15px;
    line-height: unset;
    font-size: 16px;
}

.uk-button-primary {
    background-color: var(--primary-color)!important;
    color: white!important;
}

.uk-button-success{
	background: #219c80!important;
	color: white;
}


.uk-button svg{
	fill: white;
    height: 17px;
    width: 17px;
    margin-right: 10px;
    margin-top: -3px;
}

.uk-button:disabled {
 	opacity: 0.5;
}

.nygn-input{
	padding: 10px;
    border: 1px solid #f1f1f1;
    width: 100%;
    font-size: 14px;
    background: #e6e6e6;
    border-radius: 2px;
}

.label{
	font-size: 12px;
}



.mobile-menu a{
	display: block;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #4e4e4e;
    font-weight: 700;
}

.menu{
	z-index: 9;
	top: 0;
	background: white;
	position: fixed;
	width: 100%;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.35);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.35);
}

.menu .top-bar{
	background: var(--primary-color);
	color: white;
	padding: 5px 0px;
	font-size: 14px;
}

.menu .top-bar a{
	opacity: 0.99;
	color: white;
	text-decoration: unset!important;
	margin-left: 25px;
	font-weight: 500;
	font-size: 13px;
}

.menu .top-bar svg{
	fill: white;
	height: 13px;
	width: 13px;
	margin-top: -3px;
}

.menu .menu-area{
	background: white;
	padding: 14px 0px;
}

.menu .menu-area .logo{
	max-height: 42px;
	transition-duration: 1s;
}

.menu .bottom-bar{
	background: #25262a;
	border-top: 1px solid #e8e8e8;
	padding: 10px 0px;
	font-weight: 500;
	padding-bottom: 15px;
	font-size: 13px;
	color: white;
}

.menu .bottom-bar .loc-name{
	text-decoration: unset!important;
}

.menu .bottom-bar .loc-buttons a{
	color: #000000;
	margin-left: 15px;
	text-decoration: unset!important;
}

.menu .bottom-bar .loc-buttons a svg{
	height: 15px;
	width: 15px;
	margin-right: 5px;
	fill: var(--primary-color);
    margin-top: -2px;
}

.menu .bottom-bar .location-name{
	font-weight: 600;
	color: white;
	font-size: 18px;
	cursor: pointer;
}

.menu .bottom-bar .location-dropdown{
	margin-top: -5px;
	padding: 15px;
	border: 1px solid #b1b1b1;
	font-weight: 400;
	min-width: 35vw;
}

.menu .menu-items{
	padding-top: 15px;
}

.menu .menu-items svg{
	height: 14px;
    width: 14px;
    fill: #494949;
    margin-top: -5px;
    margin-left: 3px;
}

.menu .menu-items svg.cart{
	height: 18px;
    width: 18px;
    margin-right: 0px;
}

.menu .num_cart_items {
  	position: relative;
    top: -10px;
    left: -2px;
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    padding: 0px 4px 0px 2px;

    display: none; /*this needs to change */
}

.menu .menu-items a{
    font-weight: 500;
    font-size: 14px;
    margin-left: 25px;
    text-decoration: unset!important;
    color: unset!important;
}

.menu .appointment-button{
	background: #38b97d;
	color: white;
	padding: 15px 20px;
	border-radius: 3px;
	font-size: 18px;
}

.menu  .appointment-button svg{
	height: 22px;
    width: 22px;
    margin-right: 5px;
    fill: white;
    margin-top: -3px;
}

.menu .microsite-cta-menu{
	padding-top: 14px;
}




.microsite-cta-menu a:hover{
	text-decoration: unset!important;
}

.microsite-cta-menu .button:hover{
	text-decoration: none!important;
	transform: scale(1.05);
}

.menu .microsite-cta-menu .button svg{
	height: 20px;
    width: 20px;
    margin-right: 5px;
    fill: white;
    margin-top: -3px;
}

.microsite-cta-menu .button a{
	color: unset!important;
}

.menu .microsite-cta-menu .button{
	    padding: 11px 15px;
    border-radius: 3px;
    font-size: 18px;
    margin-left: 15px;
    font-size: 14px;
    padding-bottom: 12px;

    cursor: pointer;
}

.menu .microsite-cta-menu .appointment-button{
	background: var(--primary-color);
	color: white;
}

.menu .microsite-cta-menu .call-button{
	background: #898989;
	color: white;
}

.menu .scrolled-logo{
	display: none;
}

.menu .uk-dropdown{
	padding: 15px 10px;
}

.menu .uk-dropdown-nav a{
	color: unset!important;
	margin-left: 0px;
	padding-left: 3px;
	padding: 5px 10px;
}

.menu .uk-dropdown-nav a:hover{
	background: var(--primary-color);
	color: white!important;
}

.mobile-menu-svg{
	height: 45px!important;
    width: 45px!important;
    fill: #fdfdfd;
}


.header_icons {
    color: #4e4e4e;
    font-size: 11.5px;
    font-weight: 600;
    border-bottom: 1px solid gainsboro;
}

.header_icons .header_icon-icon{
	height: 45px;
	width: 45px;
}


.header_icons a{
	color: unset!important;
	text-decoration: unset!important;
}

.header_icons a:hover{
	color: unset!important;
	text-decoration: unset!important;
}


.body-magasiner-des-pneus .header_icons, .body-shop-tires .header_icons{
	display: none;
}


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

.body-is-microsite {
    margin-top: 196px;
}

.menu .call-link{
	padding: 15px;
    border: 1px solid black;
    margin-left: 9px;
}



.launch-mobile-menu svg{
	fill: #313131;
    height: 40px;
    width: 40px;
    margin-top: -5px;
    margin-right: 10px;
    cursor: pointer;
}



.select-tire-module a:hover{
	text-decoration: none!important;
}

.select-tire-module .brand-logo{
	max-height: 40px;
	margin-bottom: 15px;
}

.select-tire-module .content{
	padding: 15px;
	background: white;
	border: 1px solid #f1f1f1;
	border-top: 0px solid white;
	border-radius: 0 0 5px 5px;
}

.select-tire-module .tab{
    background: white;
    text-align: center;
    background-color: rgba(63,63,63,0.8);
    border: 1px solid #5f5f5f;
    border-top: 0px solid #f1f1f1;
    font-size: 14px;
    padding: 10px 15px;
    font-weight: 700;
    color: white;
    cursor: pointer;
}

.select-tire-module .tab:hover{
	background: white;
	color: var(--primary-color);
	border-bottom: 1px solid white;
	border-left: 0px;
	border-right: 0px;
}

.select-tire-module .sel-tab{
	background: white;
	color: var(--primary-color);
	border-bottom: 1px solid white;
	border-left: 0px;
}


.select-tire-module .tab a{
	color: unset!important;
}

.select-tire-module .content .item{
	display: none;
}

.select-tire-module .content .active{
	display: inline;
}


.select-tire-module .uk-button{
	background: var(--primary-color);
}


#size-selector .sig-input{

	min-width: 250px!important;

}




	


.footer-div{
	background: #131313;
	color: white;
	padding: 15px 0px;
}
.footer-div a{
	color: var(--primary-color);
}
.footer-div .social img{
	max-height: 30px;
	margin-left: 5px;
    margin-right: 5px;
}

.footer-div2, .footer-div2 a{
	color: #c5c5c5;
	padding: 50px 0px;
}

.footer-div2 a{
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

.footer-div2 .label{
	color: #ffffff;
    font-weight: 900;
}

.footer-div2 .submit-email-button{
	padding: 8.5px;
    line-height: 100%;
}

.footer-div2 .submit-email-button svg{
	margin-right: 0px!important;
}	

.footer-div2 .email-input{
	padding: 8px 5px;
    max-width: 150px;
    height: 14px;
}


.footer-div2 .social{
	margin-top: 15px;
}

.footer-div2 .social a{
	display: inline;
	font-size: 26px;
}

.footer-div2 .social a:hover{
	text-decoration: unset;
}


.footer-div2 .about-sec h4{
	color: white;
}



.map-search{
	    border: 1px solid #9a9a9a;
}
.map-search .icon-div{
	padding: 5px 10px;
}
.map-search input, .map-search input:focus{
	border: 0px solid white!important;
	outline: none!important;
    padding: 10px;
    font-size: 18px;
}
#googleMap{
	height: 97%;
}
.display-locations{
  background: #f6f6f6;
    border: 1px solid #dbdbdb;
    height: 555px;
    overflow-y: scroll;
}
.display-locations a{
	text-decoration: unset!important;
	color: unset!important;
}
.location-content .single-location-result{
	padding: 10px 15px;
	border-bottom: 1px solid #dbdbdb;
	font-size: 14px;
}
.location-content .single-location-result:hover{
	background: white;
}
.location-content .single-location-result h3{
	font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
    color: var(--primary-color);
}

.main-services-page .service-list a, .single-service-page .other-services a{
	border-bottom: 1px solid #f1f1f1;
    /* padding-bottom: 5px; */
    display: block;
    color: black;
    font-size: 14px;
    padding: 5px;
    font-style: italic;
}

.main-services-page .card .cover{
	height: 300px;
}


.single-service-cover .overlay{
	background: rgba(0,0,0,0.6);
	padding: 75px 0px;
	color: white;
}

.single-service-cover .overlay h1{
	color: white;
	margin: 50px 0px;
}


.uk-breadcrumb {
    max-width: 100%;
}




.single-service-cover .uk-breadcrumb>*>* {
    color: white;
    font-weight: 700;
}

.single-service-page .other-services .bar-header{
	font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 5px;
}



.page-single-tire .tire-season{
	background: #afafaf;
    color: white;
    display: inline;
    padding: 3px 15px;
    border-radius: 5px;
    margin-top: 5px;
}

.page-single-tire .tire-season svg{
	height: 15px;
	width: 15px;
	fill: white;
	margin-top: -3px;
}


.page-single-tire .tire-img{
	max-height: 300px;
}

.page-single-tire .uk-subnav-pill>.uk-active>a {
    background-color: var(--primary-color);
    color: #fff;
}

.mobile-menu a{
	display: block;
    border-bottom: 1px solid #f1f1f1;
    padding: 10PX;
    font-size: 20px;
    font-weight: 700;
}

.mobile-menu .uk-offcanvas-bar{
	padding: 15px;
	padding-top: 50px;
}



.single-blog-view .cover-img{
	height: 400px;
}

.single-blog-view h1{
    font-weight: 700;
    font-size: 42px;
}


.single-blog-view .subject-excerpt{
	margin-bottom: 15px;
	    font-style: italic;
    font-size: 18px;
}

.single-blog-view .other-post{
	margin-bottom: 10px;
}

.single-page-content h3 {
    color: #484848;
}

.single-blog-view .other-post a{
	color: unset!important;
	font-size: 16px;
}

.single-blog-view .tag{
	font-style: italic;
	color: var(--primary-color);
}

.single-blog-view .share a:hover{
 	text-decoration: unset;
}

.single-blog-view a{
	color: var(--primary-color);
}

.single-blog-view .share svg{
	height: 40px;
	width: 40px;
	margin-right: 10px;
}

.single-blog-view h2{
	margin: 10px 0px;
    color: var(--primary-color);
    font-size: 24px;
}

.template-blog-2022 .blog-card{
	border: 1px solid #f1f1f1;
}

.template-blog-2022 .blog-card .content{
	padding:  15px;
}


.template-blog-2022 .blog-card .tags .tag{
	    background: #7e7e7e;
    color: white;
    padding: 2px 10px;
    margin-right: 5px;
    font-size: 12px;
    border-radius: 3px;
}

.template-blog-2022 .categories h3{
	
}


.template-blog-2022 .categories svg{
	height: 15px;
	width: 15px;
	margin-right: 5px;
	margin-top: -5px;

	
}

.template-blog-2022 .categories a{
	margin-right: 10px;
	margin-bottom: 10px;

	background: var(--primary-color);

    color: white;
    padding: 1px 10px;
    color: white!important;

    display: inline-block;

    width: auto!important;

    border-radius: 3px;

    background: #9b9b9b;
    font-size: 14px;

}

.template-blog-2022 .categories a:hover{
	text-decoration: unset;
	opacity: 0.7;
}


.template-blog-2022 .category-sidebar a{
	text-decoration: unset;
	color: unset;
}

.template-blog-2022 .category-sidebar a.active{
	font-weight: 700;
	color: var(--primary-color);
}


.template-blog-2022 .category-sidebar .sort-arrow{
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.pac-container {
	z-index: 10000!important;
}



.emp-input{
	background: white;
}

.emp-danger{
	border: 2px solid #f39c99;
}

.emp-success{
	border: 2px solid #37b575;
}

.emp-block{
	padding: 15px;
	color: white;

	margin-top: 15px;
	display: inline-block;

}

.emp-block .dollars{
	font-size: 60px;
	font-weight: 900;
	color: white;
}

.emp-warning-block{
	background: #e5504b;
}

.emp-success-block{
	background: #37b575;
	color: #d7f9e8;
}




.single-tire-div{
	border: 1px solid #f1f1f1;
	padding: 15px;
}

.single-tire-div .tire-img{
	max-height: 150px;

}


.single-tire-div .label-reccommended{
    background: #000000;
    text-transform: unset;
    padding: 3px 10px;
    font-size: 12px;
    margin-top: -70px;
    margin-left: 10px;
    transform: skew(-10deg);
}


.single-tire-div .label-reccommended svg{
    fill: white;
    height: 11px;
    width: 11px;
    margin-right: 3px;
    margin-top: -3px;
}


.single-tire-div .brand-name{
	font-weight: 400;
	font-si
}

.single-tire-div .tire-name{
	font-weight: 700;
	font-size: 18px;
}

.single-tire-div .tire-desc{

	font-weight: 400;
	font-size: 12px;

}

.single-tire-div .tire-categories{
	font-weight: 700;
	font-size: 12px;
}

.single-tire-div .price-inventory{
	margin-top: 15px;
}

.single-tire-div .price-inventory{
	font-size: 12px;
}


.single-tire-div .price-inventory strong{
	font-size: 18px;
	font-weight: 700;
}

.single-tire-div .stock, .stock{
	background: gainsboro;
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    font-size: 14px;
}

.single-tire-div .stock svg, .stock svg{
	height: 12px;
	width: 12px;
	margin-top: -3px;
}

.single-tire-div .in-stock, .in-stock{
	color: #366a61;
	font-weight: 700;
}

.single-tire-div .in-stock svg, .in-stock svg{
	fill: #0ca087;
}




.brand-page .brand-page-cover .overlay{
	background: rgba(0,0,0,0.7);
	padding-top: 100px;
	padding-bottom: 150px;

	color: white;

}

.brand-page .brand-page-cover h1{
	color: white;
}


.brand-page .brand-page-cover .uk-breadcrumb>*>* {
    color: white!important;
}

.brand-page .brand-page-cover .uk-breadcrumb span{
	opacity: 0.8;
}

.brand-page .container-selector{
	margin-top: -70px;
}

.page-home .horizontal-selector .content{
	box-shadow: 4px 3px 13px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 3px 13px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 3px 13px 0px rgba(0,0,0,0.15);
}

.horizontal-selector #tire-module .flex-group , .brand-page #tire-module .flex-group{
    display: flex;
}


.horizontal-selector #tire-module .single-input-group , .brand-page #tire-module .single-input-group{

	flex: 1!important;
	padding-right: 15px;

}

#tire-module .single-input-group{
	margin-bottom: 10px;
}

.brand-page .available-models a{
	font-size: 14px;
	color: unset!important;
}



#modal-store-info{
	background: rgba(0,0,0,0.2);
}

.uk-modal-dialog{
	border-radius: 5px;
    border: 1px solid #c1c1c1;
    padding: 25px;
}

#store-div .contact-info a{
	display: block;
	color: var(--primary-color);
}

#store-div  .contact-info a svg{
	height: 15px;
    width: 15px;
    margin-top: -4px;
    fill: var(--primary-color);
    margin-right: 2px;
}

/*
.hours-table{
	width: auto!important;
}
*/

.hours-table tr{
	border-bottom: 1px solid #f5f5f5;
}

.hours-table td{
	padding: 3px 0px!important;
}


#store-div .store-img{
	width: 100%; 
	height: 337px; 
	object-fit: fill;
}

.about-page .hours-table {
	margin-top: 0px!important;
}


.about-page .membership-logo{
	max-height: 50px;
}


.about-page .hours-table td{
	padding: 2px 0px;
	font-size: 12px;
}


.about-page .services a{
	color: unset;
}

.about-page .services a:hover{
	text-decoration: unset;
}


.about-page .services .single-serv{
	padding: 10px;
}


.about-page .services .single-serv:hover{
	background: gainsboro;
}


.about-page .services .single-serv svg{
	    height: 35px;
    width: 35px;
    margin-right: 5px;
    margin-top: -5px;
    background: #d6d6d6;
    fill: #393939;
    border-radius: 5px;
    padding: 5px;
}


.popup-modal-body{
	border: unset!important;
}



.manufacturer-logos-list .single-logo{
	max-height: 40px;
    max-width: 138px;
}




#offcanvas-cart .uk-offcanvas-bar{
	background: white;
	color: unset;
	box-shadow: -5px -1px 10px -4px rgba(0,0,0,0.38);
	-webkit-box-shadow: -5px -1px 10px -4px rgba(0,0,0,0.38);
	-moz-box-shadow: -5px -1px 10px -4px rgba(0,0,0,0.38);
}

#offcanvas-cart h3, #offcanvas-cart h1, #offcanvas-cart h2, #offcanvas-cart a{
	color: unset;
}

#offcanvas-cart .uk-offcanvas-bar .uk-offcanvas-close{
	color: black;
}

#offcanvas-cart .uk-offcanvas-bar .cart-title{
    text-align: center;
    font-size: 22px;
    padding: 15px 0px;
    border-bottom: 1px solid #c5c5c5;
    font-weight: 600;
}

#offcanvas-cart .product-photo{
	height: 50px;
	width: 50px;
	object-fit: cover;
	border: 1px solid #f1f1f1;
	padding: 2px;
	margin-right: 25px;
}


#offcanvas-cart .single-tire-div{
	border-radius: 5px;
}

#offcanvas-cart a{
	color: #3a8ee5;
    text-decoration: underline;
}

#offcanvas-cart .product-name{
    font-weight: 500;
}

#offcanvas-cart .continue-shopping{
	position: unset!important;
	padding: 0px;
}

.our-pick{
	text-align: center;
    background: #2ead7e;
    color: #fcfffe;
    padding: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-top: -70px;
    margin-left: -17px;
    position: absolute;
}


.our-pick svg{
    opacity: 0.9;
    fill: white;
    height: 17px;
    width: 17px;
    margin-right: 5px;
    margin-top: -5px;
}


.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
    background: #ebebeb;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}


.faq-page .q-menu a{
	color: unset;
}

.faq-page .q-menu a:hover{
	text-decoration: unset;
}

.faq-page .q-menu .single-question{

	border-bottom: 2px solid gainsboro;
	padding: 10px 0px;
	font-size: 16px;
	font-weight: 800;

	cursor: pointer;

}


.faq-page .q-menu .single-question:hover, .faq-page .q-menu .selected-question{

	border-bottom: 2px solid var(--primary-color);

}


.resources-page .resources-header{

}


.resources-page .overlay{
	background: rgba(0,0,0,0.6);
	padding: 100px 0px;
	color: white;
}

.resources-page .resources-header .overlay h1{
	color: white;
	margin: 50px 0px;
	text-shadow: 0 0 12px rgba(0,0,0,.3)!important;
}

.resources-page .resources-header .uk-breadcrumb>*>* {
    color: white;
    font-weight: 700;
}


.resources-page .resource-grid a{
	color: unset;
}

.resources-page .resource-card{
    box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.21);
    -webkit-box-shadow:  0px 1px 5px 1px rgba(0,0,0,0.21);
    -moz-box-shadow:  0px 1px 5px 1px rgba(0,0,0,0.21);
}

.resources-page .resource-card:hover{
    transform: scale(1.05);
}


.resources-page .resource-card .content{
	background-color: rgba(0, 0, 0, 0.65);
	color: white;
    padding: 15px;
}


.resources-page .resource-card .content a{
	color: var(--primary-color)!important;
	font-weight: 800;
	text-decoration: unset;
}


.resources-page .resource-card .content a:hover{
	text-decoration: unset!important;
}




.resources-page .resource-card .title-container{
	 display: flex;
  	align-items: center; /* Vertical centering */
	min-height: 50px;
}

.resources-page .resource-card .title{
	font-weight: 800;
	color: white;
	font-size: 16px;
}


.cookies-banner {

	display: none;

    position: fixed;
    bottom: 0;
    width: 100%;
    
    background: #fcd2d2;
    color: black;
    padding: 10px 5vw;
    font-size: 13px;
    border-top: 1px solid #e4a4a4;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    opacity: 0.95;
}

.promo-area .single-promo{
	max-height: 400px;
	-webkit-box-shadow: 4px 3px 13px 0px rgba(0, 0, 0, 0.15);
}


.uk-accordion-title{
	background: #f3f3f3;
    padding: 10px;
    font-size: 16px;
}

.uk-accordion-content{
	margin-top: 0px;
	border: 1px solid #f3f3f3;
    padding: 10px;
}



.uk-countdown-number {
    font-size: 6rem;
    font-size: 50px;
    font-weight: 800;
}

.cta-promo-button{
	font-size: 24px;
}

.pba{
	font-size: 10px;
}


.remove-p-margin p{
	margin-bottom: 2px;
}


/*FEATURED BENEFITS */

.featured-benefits .the-icon{
	font-size: 55px;
	color: var(--primary-color);
}


.featured-benefits .subtext{
	margin-top: -5px;
}

.featured-benefits a{
	color: unset!important;
}

.featured-benefits a:hover{
	text-decoration: unset;
}




#page-promotions .promo-hero{
	background: url("https://media.auto1cloud.com/uploads/st-1743351832-ofn-promo.webp");
	background-size: cover;
	background-position: center;
}


#page-promotions .promo-hero .overlay{
	background: rgba(0, 0, 0, 0.01);
    padding-top: 6vw;
    padding-bottom: 9vw;
}


#page-promotions .promo-hero h1{
	font-size: 50px;
    text-transform: uppercase;
}

#page-promotions .promo-hero h1 span{
	font-size: 22px;
	display: block;
}


#page-promotions .featured-benefits .learn-more-button{
	display: none!important;
}


#page-promotions .rebates{
	background: url("https://media.auto1cloud.com/uploads/st-1717692744-ofn-promos.webp");
	background-size: cover;
	background-position: center;
}

#page-promotions .rebates h3{
	color: white;
	font-size: 32px;
}

#page-promotions .rebates .overlay{
	background: rgba(0,0,0,0.7);
	color: white;
}


.page-hero-header-25{ /*HERE IS A DEFAULT */
	background: url(https://media.auto1cloud.com/uploads/st-1703787734-ft-resources-bg.jpg);
    background-size: cover;
    background-position: center;
}

.page-hero-header-25 .overlay{
	background: rgba(0, 0, 0, 0.6);
    padding: 5vw 0px;
    color: white;
}


.page-hero-header-25 .overlay h1{
	color: white;

	font-size: 72px;
	font-weight: 500;
}

.page-hero-header-25 .overlay h1 span{
	display: block;
	font-size: 16px;
		text-transform: uppercase;
		font-weight: 800;
}

.page-hero-header-25 .uk-breadcrumb{
    margin-bottom: 1vw !important;
}

.page-hero-header-25  .uk-breadcrumb>*>* {
    display: inline-block;
    font-size: .875rem;
    color: white !important;
    opacity: 0.8;
}



#single-service-cover-25 h1{
 	color: white;
    font-size: 44px;
    font-weight: 600;
    margin: 0px!important;
}


#single-service-cover-25  .uk-breadcrumb{
    margin-bottom: 1vw !important;
}

#single-service-cover-25   .uk-breadcrumb>*>* {
    display: inline-block;
    font-size: .875rem;
    color: white !important;
    opacity: 0.8;
}



.tire-bottom-contact{

    background: #131313;
    color: white;
    border-radius: 25px;

    margin-top: 50px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}

.tire-bottom-contact .content{
    padding: 50px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    line-height: 125%;
}


.tire-bottom-contact .content h3{
    color: white;
    font-size: 48px;
}


.tire-bottom-contact .content p{
    color: white;
    font-size: 22px;
    margin-top: 0px;
}



.tire-bottom-contact .tire-stack{
    transform: scale(1.4);
}


#store-page .page-title{

	font-size: 24px;
	text-transform: uppercase;

}

#store-page .hours-header{

	text-transform: uppercase;
	font-size: 16px;

}


.hrs-table-25 td{
	padding: 3px;
}


.hrs-table-25 .current-day{
	background: #e6e6e6!important;
}



.about-us-ns h2{
	font-size: 42px;
}