.plrs-bg-primary { background-color: var(--primary-color); }
.plrs-bg-secondary { background-color: var(--secondary-color); }
.plrs-bg-secondary a { color: #000; }
.plrs-bg-tertiary { background-color: var(--tertiary-color); }
.owl-dots {
	margin-top: 4em !important;
}
#home #section-slider .tp-caption.extrasubheading {
	text-align: center !important;
	font-size: 1.1em !important;
}
section section#events-main {
	padding: 0;
}
.accordion-collapse {
	padding-bottom: 2em;
}
#dealers-map {
	padding: 30px 0 45px 0;
}
#dealers-map .border-bottom {
	border-bottom: 1px solid rgba(255,255,255,.15) !important;
	transition: .5s;
}
#dealers-map .row .row:hover {
	border-bottom: 1px solid rgba(255,255,255,.32) !important;
	transition: .5s;
}
#dealers-map .row .row:hover > div {
	background: rgba(255, 255, 255, .06);
	transition: .5s;
}
#dealers-map .dealer {
	cursor: pointer;
}
#dealers-map .row .row {
	transition: .5s;
}
#dealers-map h2.dealerName {
	font-size: 1.1em !important;
}
#dealers-map a:hover {
	text-decoration: underline;
	transition: .3s;
}
#model-select-crossroad .owl-carousel .owl-stage-outer, blockquote span.title {
	line-height: 120%;
}
#home #start {
	scroll-margin-block: 70px;
}
#model-images {
	clear:both;
}
#home #section-more blockquote.testimonial-big .title {
	margin-bottom: .25em;
}
#menu-btn {
	margin-top: 0;
}
#home .owl-theme .owl-dots .owl-dot span {
	background: rgba(0,0,0,.25) !important;
}
#home .owl-theme .owl-dots .owl-dot.active span {
	background: var(--primary-color) !important;
}
#kontakt h2, #kontakt p.event-info {
	margin-bottom: 0;
}
#kontakt h4 {
	margin-top: 1.25em;
	margin-bottom: 0;
}
#model-colors {
	scroll-margin-block: 115px;
}
ul#mainmenu {
	margin-bottom: 0;
}
#colorDescription p {
	font-size: 0.8em;
	font-style: italic; 
	line-height: 1.2em;
}
.slidergradient {
	width: 100vw;
	height: 38vh;
	display:inline-block;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6348914565826331) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6348914565826331) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.6348914565826331) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	z-index: 1000;
	position: relative;
}
.subheadergradient {
	width: 100vw;
	height: 360px;
	display:inline-block;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6348914565826331) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6348914565826331) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.6348914565826331) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	position: absolute;
	top: -86px;
}
.text-shadow {
	text-shadow: 0px 0px 50px #000000;
}
.modelyear {
	background-color: var(--primary-color);
	display: inline-block;
	padding: .25em;
}
.model-select-button {
	display: block;
	max-width: 162px;
	justify-conent: center;
	line-height: .7em !important;
}
.model-select-button a {
	display: block;
}
.model-select-button span {
	font-size: 12px;
	text-align: center;
}
.model-select-button img {
	max-width: 96%;
	margin: .5em auto 0;
	display: block;
}
.model-select-button.active a span {
	color: var(--tertiary-color);
}
.model-select-button.active {
	background: rgba(0,0,0,0.15);
}
.model-line-select-img,
.model-line-select-logo {
	width: 100%;
	height: auto;
}
.model-line-select a {
	display: block;
}
.model-line-select a img.model-line-select-img {
	position: relative;
	width: auto;
	max-width: 100%;
	height: auto;
	transition: .65s;
	overflow: visible !important;
	padding: 20px;
	margin: -20px;
}

.model-line-select-logo {
	position: relative;
	transition: .65s;
}
.odd .model-line-select-logo {
	left: -3em;
}
.even .model-line-select-logo {
	left: 3em;
}
.model-line-select a:hover {
	transition: .65s;
	background: rgba(0,0,0,.15);
}
.model-line-select a:hover img.model-line-select-img {
	transform: scale(1.16);
	transition: .65s;
	/*filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0,.45));*/
}
.model-line-select a:hover img.model-line-select-logo {
	transform: scale(.78);
	transition: .65s;
}

.filter-black {
    filter: invert(100%) sepia(100%) saturate(7%) hue-rotate(161deg) brightness(98%) contrast(103%);
}
.model {
	padding-top: 1em;
}
.model.actionprice {
	background: rgba(255,255,255,.03);
}
.model .pricebefore {
	color: var(--secondary-color) !important;
	text-decoration: line-through;
}

#guide-selectors a {
	cursor: pointer;
}

#guide-selectors span {
	color: #ffffff;
	font-size: 2.25em;
	width: 100%;
}
#guide-selectors .select-box {
	width: 100%;
	height: auto;
	min-height: 6em;
	background: rgba(0,0,0,.2);	
}
#guide-results img, #model-lineup section#lineup img {
	width: 100%;
	height: auto;

}

#subheader .container-fluid {
	position: relative;
}
.tp-caption.rev-basic-header {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-size: 4em;
	color: white;
	filter: drop-shadow(0px 0px 10px #00182e);
}
.tp-subcaption{
	font-size: 1.75em !important;
}

section.header-bottomprevious {
    position: fixed;
    top: 70px;
}

#previous-header .container-fluid {
    position: relative;
    bottom: auto;
}

#mainmenu .nav-link a {
    margin: 0;
    padding: 0;
}

#model-menu li.inactive a,
#model-menu li.inactive a:after {
    color: rgba(87, 87, 87, 1.00);
}

#model-menu li.inactive a:hover {
    color: rgba(87, 87, 87, 1.00) !important;
}

.btn-slider,
.btn-slider:hover {
    transition: .35s;
}

.menufix {
    padding-bottom: 72px !important;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .125);
}

.uppercase {
    text-transform: uppercase;
}

header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile),
header.smaller:not(.header-bottomprevious):not(.side-header):not(.force-header-mobile) {
    z-index: 2001;
}
.month-container>div:not(.event-container) {
    background: var(--primary-color);
}
#dealers .month-container>div:not(.event-container) {
	background: none !important;
}

#events .accordion-button,
#events .accordion-item,
#events .accordion-button:not(.collapsed),
#dealers .accordion-button,
#dealers .accordion-item,
#dealers .accordion-button:not(.collapsed) {
    background: none;
}

#events .accordion-item,
#dealers .accordion-item {
    border: none;
}

#events .accordion-body,
#dealers .accordion-body {
    border-top: 1px dashed rgba(var(--secondary-color-rgb),.4);
}

#events .event-info p:first-child,
#dealers .accordion-body .row:first-child {
    border-bottom: 1px dashed rgba(var(--secondary-color-rgb),.4);
    padding-bottom: .5rem;
}

#model-colors img.model {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	/*left: 5vw;*/
	/*top: 3vh;*/
}

#events .accordion-item,
#dealers .accordion-item {
    border-bottom: 3px solid rgba(0, 0, 0, .24);
}

.month-container> :not(.event-container)>h3 {
    font-size: 1.65rem;
    margin-bottom: 0;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.event-container:nth-child(even) {
    background: rgba(0, 0, 0, .08);
}

.event-container {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 3px solid rgba(0, 0, 0, .24);
}

.event-info img {
    width: 100%;
    height: auto;
}

button .event-name span,
button .event-name span span {
    display: inline-block !important;
}

.event-name i {
    color: var(--tertiary-color);
    margin-right: .4rem;
}

.event-name i:not(first-child) {
    margin-left: 1rem;
    margin-bottom: .4rem;
}

.event-name .text-right {
    padding-right: 2rem;
}

.event-container {
    transition: .5s;
}

.event-container:last-child {
    margin-bottom: 1.75rem;
}

/*.event-container:hover {
    background: rgba(0, 0, 0, .24);
    border-bottom: 3px solid rgba(var(--primary-color-rgb),.4);
}*/

.event-container h3 {
    transition: .5s;
}

.event-container .accordion-item:hover h3 {
    color: #fff;
    transition: .5s;
}
.event-container .accordion-item div, .event-container .accordion-item p {
	transition: .5s;
}
.event-container .accordion-item:hover p {
	color: white !important;
	transition: .5s;
}
.event-container .accordion-item:hover > div {
	background-color: rgba(255,255,255,.04);
	transition: .5s;
}

.event-name h3 {
    color: var(--tertiary-color);
    font-size: 1.85rem;
    margin-bottom: 0;
}
#dealers .event-name h3,
#dealers button a {
	color: white;
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.tp-revslider-mainul {
    padding-left: 0;
    padding-top: 0;
}

#section-hero {
    position: absolute;
}

.mouse.debug {
    bottom: 10px !important;
}

.row.de_light {
    background: #d6d2c4;
}

#section-slider {
    padding: 0 !important;
    margin: 0 !important;
    width: 100vw;
    height: 100vh;
}

#blog .post-image,
#blog-article .post-image {
    aspect-ratio: 17/9;
    overflow: hidden;
}

#bloggallery {
    padding-left: 80px;
}

#blog-article .post-text p {
    margin-bottom: 1.45em;
}

#blog-article span.hlight {
    color: var(--tertiary-color);
}

#blog-article .post-text ul {
    margin: 1.25em 0;
}

#blog-article .post-text ul li {
    list-style-type: circle !important;
    margin-bottom: 0 !important;
    line-height: 1.2em;
}

#blog-article .post-text h3 {
    color: var(--tertiary-color);
}

#blog-article .post-text .perex {
    color: #fff;
}

#privacy-policy h3 {
    color: var(--tertiary-color);
}

ul#footermenu {
    padding-left: 0 !important;
}

a.inactive span.overlay {
    display: none !important;
    background: none;
}

a.showlineup {
    font-size: 1rem;
    background: rgba(255, 255, 255, .02);
}

a.showlineup:hover {
    background: rgba(255, 255, 255, .05) !important;
    color: #fff !important;
}

.picframe a.inactive img {
    filter: grayscale(.8);
}

.picframe:hover a.inactive img {
    transform: scale(1) !important;
}

.teaser-text {
    max-width: 65vw;
    margin: 0 auto;
}

.coming-soon .logo {
    width: auto;
    max-width: 65vw;
}

.border-indian {
    border-bottom: 1px solid rgba(45, 41, 38, .08) !important;
}

#features-no-carousel .item .col-xl-3.col-md-6,
#features-no-carousel .item .col-xl-4.col-md-6 {
    border-right: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.nav.me-3 {
    margin-right: 0 !important;
}

.fixed-position {
    position: fixed;
}

#jpreBar {
    background-color: var(--tertiary-color);
}

nav #mainmenu {
    letter-spacing: 1px;
}

header {
    transition: .3s;
}

header:hover,
#model-detail.previous header {
    background: var(--primary-color);
    transition: .3s;
}

.home a.scroll-to span {
    top: 40vh;
}

#model-select-crossroad img,
section#lineup img {
    position: relative;
    width: auto;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

section#dealers h2 {
    color: var(--tertiary-color);
	background-color: var(--primary-color);
}

section#dealers p span {
    color: var(--tertiary-color);
}

section#dealers img {
    border: 2.5rem solid rgba(var(--primary-color-rgb),.25);
}

section#dealers p:not(.text-description) span.tiny {
    font-size: .7em;
}

section#dealers p.text-description span {
    color: var(--tertiary-color);
}

section#dealers .row:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

section#dealers .row .row {
    border-bottom: none;
}

section#dealers p.text-description {
    font-size: 1em;
    line-height: 1.15em;
}

#motorcycle-lines a,
#model-select-crossroad a,
#motorcycle-model-line a,
section#lineup a {
    display: block;
}

#home .rowbg {
    background: rgba(var(--primary-color-rgb), .8);
}

#home .model a img,
#home .crossroad a img,
#motorcycle-model-line .model a img,
section#lineup .model a img {
    transition: .5s;
}

#home .model a:hover>img,
#home .crossroad a:hover>img,
#motorcycle-model-line .model a:hover>img,
section#lineup a:hover>img {
    transform: scale(1.04);
    transition: .5s;
}

#home .model a:hover,
#home .crossroad a:hover,
#motorcycle-model-line .model a:hover,
section#lineup .model a:hover {
    transition: .65s;
}

#home .model h2,
#home .crossroad h2,
#motorcycle-model-line .model h2,
section#lineup .model h2 {
    color: #D6D2C4;
}

#motorcycle-model-line .model p span,
section#lineup .model p span {
    color: var(--tertiary-color);
}

#home .model h2,
#motorcycle-model-line .model h2,
#motorcycle-model-line .model p,
section#lineup .model h2,
section#lineup .model p
{
    transition: .5s;
}

#motorcycle-model-line .model h2,
section#lineup .model h2 {
    margin-bottom: 0;
}

#home .model a:hover>h2,
#motorcycle-model-line .model a:hover>h2,
#motorcycle-model-line .model a:hover>p,
section#lineup .model a:hover>h2,
section#lineup .model a:hover>p
{
    color: #fff;
    transform: scale(1.1);
    transition: .5s;
}

.header-bottom .model-title,
.header-bottomprevious .model-title {
    position: absolute;
    height: 100%;
    display: inline-block;
}

.model-title div {
    display: inline-block;
}

.model-title p span {
    color: var(--tertiary-color);
}

#headermodelname {
    display: inline-block;
    position: absolute;
    bottom: 45px;
    z-index: 100;
    background: rgba(0, 0, 0, 0.6);
}
#model-lineup #headermodelname {
	bottom: 0px;
}

#previous-header #headermodelname {
    background: none !important;
}

#headerpagename {
    display: inline-block;
    position: absolute;
    bottom: 45px;
    z-index: 100;
}

#headerpagename p {
    line-height: 1.1rem;
}
#model-detail .picframe,
section#features .picframe.video,
#events .picframe,
#dealers .picframe {
    aspect-ratio: 3/2;
}

#model-detail .picframe.video,
#events .picframe.video,
#dealers .picframe.video {
    aspect-ratio: 16/9;
}

#model-detail .picframe.video h3,
#events .picframe.video h3,
#dealers .picframe.video h3 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: inline-block;
    align: center;
    width: 100%;
}
#features-3-cols h3 {
	font-size: 1.5em;
	font-weight: 600;
}
#features-3-cols.catalogue img {
	max-height: 25vh;
	width: auto;
}
#model-detail .container-fluid .model-title {
    margin-left: 4.8rem;
}

#model-detail p span {
    font-size: 1.45em;
    font-weight: 300;
    position: relative;
    top: 1px;
}

#model-detail p span.colorPrice {
    color: var(--tertiary-color);
}

#model-detail h1,
#model-lineup h1 {
    font-size: 3.5rem;
    line-height: 5rem;
    font-weight: 700;
}

#headerpagename h1 {
    font-size: 5.5rem;
    line-height: 7.5rem;
    font-weight: 400;
    text-shadow: 2px 2px 6px #000;
}

#model-lineup #section-slider p {
    margin-bottom: .4rem;
    font-weight: 300;
    line-height: 1.35rem;
    letter-spacing: .03rem;
}

#model-detail .main-image {
    width: auto;
    max-width: 120%;
    position: relative;
    right: -100px;
    float: right;
    display: none;
}

#model-detail #model-images #filters a {
    font-size: 16px !important;
}
#model-detail #model-images #filters a.selected {
    color: var(--tertiary-color);
}
section#features .owl-theme .owl-dots .owl-dot.active span, 
section#features.owl-theme .owl-dots .owl-dot:hover span{
	background: var(--tertiary-color);
}

section#features h2 {
    color: var(--tertiary-color);
}

#model-detail .main-image.active {
    display: block;
}

section#features h2,
#model-detail #model-specification h2,
#model-detail #model-images h2,
#model-detail #model-videos h2,
#motorcycle-lineup #model-lineup-features h2 {
    display: block !important;
}

#model-detail td,
#model-detail th {
    width: 50%;
}

#model-detail thead th {
    color: var(--primary-color);
}

#model-detail .header-bottom h1,
#motorcycle-lineup .header-bottom h1,
#model-detail .header-bottomprevious h1 {
    letter-spacing: 0;
}

section#features h3{
    font-size: 1.6em;
}

section#features p{
    line-height: 1.3em;
    font-weight: 300 !important;
    font-size: 1.1em;
}

#model-specification button {
    font-size: 1.1em;
}

#model-lineup-features .item div div {
    background: rgba(0, 0, 0, .08);
}

.table>:not(caption)>*>* {
    border-bottom: 1px solid rgba(45, 41, 38, 0.2);
}

li.active a.anchor,
li a.anchor:hover {
    color: var(--tertiary-color) !important;
}

li a.anchor.nocolor:hover {
    color: #fff !important;
    cursor: pointer;
}

span.colorName {
    color: var(--tertiary-color);
}

.color-box {
    display: inline-block;
    border: 1px solid #2D2926;
    float: left;
    margin: 6px;
    padding: 6px;
    transition: .8s;
}

.color-box:hover,
.color-box.active {
    border: 1px solid rgba(255, 255, 255, .25)
}

.color-box img {
    max-width: 35px;
    cursor: pointer;
}

#section-more .wm img {
    max-width: 400px;
    height: auto;
}
#home .separator {
    margin: 10px 0 0 0;
}
section#section-more.de_light span.overlay {
    background: var(--primary-color) !important;
}

#section-more .picframe .project-name {
    font-family: 'Teko', sans-serif;
    font-size: 1.4em;
}

section#section-more {
    padding: 0 !important;
}

ul#model-menu {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

#section-more.de_light span.overlay {
    background: var(--primary-color) !important;
}

#section-hero {
    width: 100vw;
    height: 90vh;
}

#section-more .mask {
    padding: 0;
}

#section-find-a-dealer {
    background: url(/images/homepage/zero/background-1.webp) center fixed;
}

#section-find-a-dealer h2 {
    font-size: 4em;
    margin-bottom: .25em;
}

section.header-bottom,
section.header-bottomprevious {
    width: 100%;
    display: inline-block;
	z-index: 2000 !important;
}

footer .subfooter .container {
    margin-bottom: 0;
}

footer .container {
    margin-bottom: 40px;
}

footer nav {
    margin: 2.25em 0 .25em;
}

footer ul {
    list-style-type: none;
}

footer ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1.2em;
    margin: 0 .65em;
}

#hplinks .item h2 {
    height: auto;
    min-height: 5rem;
    margin-bottom: 0 !important;
}

.border-right {
    border-right: 1px solid var(--primary-color);
}

#header-bottom {
    transition: 0 !important;
    transition-delay: 0;
}

.mega {
    transition: .1s !important;
    transition-delay: 0;
    transition-timing-function: ease;
}

.mega button {
    font-size: 2.5em;
}

.nav-pills .nav-link {
    text-align: left;
    border-bottom: 1px solid #2d2e32;
    border-radius: 0;
}

#test-ride-selector .nav-pills .nav-link {
    border-bottom: 0;
}

#test-ride-selector button {
    font-size: 1.68em;
}

.de_light .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: none;
    text-align: left;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {
    color: #fff;
    background: var(--primary-color) !important;
}

.nav-pills .nav-link.active>img.menuicon,
.nav-pills .nav-link.active>picture img {
    filter: invert(100%) sepia(0%) saturate(4986%) hue-rotate(325deg) brightness(89%) contrast(87%);
}

.nav-pills .nav-link:hover {
    color: #fff;
}

.mega .tab-content img,
#test-ride-selector .tab-content img {
    width: auto;
    max-width: 100%;
}

.mega button {
    padding-top: 0;
    padding-bottom: 0;
    height: 2.25em;
}

img.menuicon {
    max-height: 70px;
    margin-bottom: 1.25em;
}

img.menuicon.bikeicon {
    max-height: 36px;
    max-width: 80px;
    margin-bottom: 0 !important;
    float: right;
}

button span {
    min-height: 37px;
    display: inline-flex;
    align-items: center;
}

#events-main button span {
    min-height: auto;
    display: inline-block;
}

#mainmenu li ul.mega:hover>li a:not(.showlineup) {
    background: none;
}

#mainmenu li ul.mega li a img,
#mainmenu li ul.mega a picture img,
#mainmenu li ul.mega li a h3,
#test-ride-selector label img,
#test-ride-selector label h3 {
    transition: .5s;
}

#mainmenu li ul.mega li a:hover>img,
#mainmenu li ul.mega a:hover>picture img,
#mainmenu li ul.mega li a:hover>h3,
#test-ride-selector label:hover>img,
#test-ride-selector label:hover>h3 {
    transform: scale(1.08);
    transition: .5s;
}

#test-ride-selector label:hover {
    cursor: pointer;
}

#mainmenu li.active a,
#mainmenu li a.showlineup:hover {
    color: var(--tertiary-color);
}

#mainmenu li.active button a,
#mainmenu li button a:hover,
#mainmenu li.active a.showlineup {
    color: #fff;
}

.hidden {
    display: none;
}

.desaturate {
    transition-duration: 650ms;
}

.desaturate.active {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    opacity: .35;
}

.desaturate.active:hover {
    opacity: 1;
    filter: none;
}

#test-ride-selector {
    border-bottom: 3px solid #000;
}

.height-transition {
    -webkit-transition: max-height .6s .2s ease-in-out;
    -moz-transition: max-height .6s .2s ease-in-out;
    -o-transition: max-height .6s .2s ease-in-out;
    transition: max-height .6s .2s ease-in-out;
    overflow-y: hidden;
}

.height-transition-hidden {
    max-height: 0;
}

#rollTop {
    display: block;
    height: 71px;
    background: transparent;
    position: relative;
    bottom: 0;
    width: 100%;
    top: 100%;
}

#test-ride input[type=radio] {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

#test-ride input {
    margin-bottom: 20px;
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, .1);
    border-radius: 0 !important;
    height: auto;
}

.invalid-tooltip,
.valid-tooltip {
    top: 38%;
    right: 2%;
}

.valid-tooltip {
    background: none;
    color: #198754;
}

.invalid-tooltip {
    background: none;
    color: var(--primary-color);
}

.authorization p {
    color: #97999B;
    line-height: 1.35em;
    font-weight: 300;
    font-size: 1.07em;
}

input:autofill,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable,
input:-webkit-autofill-and-obscured {
    background-color: #97999b !important;
    background-image: none !important;
    color: #fff !important;
}

input[type="radio"] label.span {
    display: none;
    transition: .5s;
}

input[type="radio"]:checked label.span {
    display: block;
    transition: .5s;
}

#dealer-select label span {
    font-weight: 300;
    vertical-align: middle;
    color: #97999B;
    padding-left: 24px;
}

#dealer-select label:hover,
label[for=subscription]:hover {
    color: #fff !important;
}

#model-more-info h3 {
    font-size: 2.5rem;
}

.motorcycle-lineup-ftr #model-more-info h3 {
    margin-bottom: 15px !important;
}

#motorcycle-lineup #model-more-info h3 {
    margin-bottom: 0;
}

.model-detail-ftr #model-more-info img.modellogo {
    max-width: 200px;
}

#model-more-info img.modellogo {
    max-height: 150px;
}

#model-more-info p {
    margin-bottom: 0 !important;
}

#model-more-info img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.left-minus-7 {
    left: -7rem;
}

h3.tiny span {
    color: rgba(134, 38, 51, 0.55);
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#our-history .accordion-button,
#our-history .accordion-item,
#our-history .accordion-button:not(.collapsed) {
    color: #fff;
    background: var(--primary-color);
}

#our-history .accordion-item div {
    background: #D6D2C4;
}

#our-history .accordion h2 button {
    font-size: 1.6rem;
    color: #fff
}

.accordion-body {
    color: #606060;
}

#model-menu li:first-child a:hover {
		color: var(--primary-color);
	}

@media only screen and (min-width: 2048px) {
    .col-xxl-2 {
        width: 20%;
    }
}

@media only screen and (max-width: 2048px) {
    .col-xxl-2 {
        width: 25%;
    }
}

@media only screen and (max-width: 1650px) {
		#model-more-info h3 {
    font-size: 1.75rem;
	font-weight: 500;
	margin-bottom: .25em;
}
	#model-more-info p {
		line-height: 1.7rem;
	}
}

@media only screen and (max-width: 1200px) {
    h3 {
        letter-spacing: 1px;
    }

    .left-minus-7 {
        left: 0 !important;
    }
	.trimbox {
		display: inline-block;
	}
	    #colorDescription.top-50 {
        top: 0 !important;
        text-align: center;
    }
    #colorDescription .switchColor .color-box {
        float: none;
    }
    #colorDescription {
        position: relative !important;
        transform: none !important;
        top: none !important;
    }
	#colorDescription ul {
		list-style-type: none;
	}
	#colorDescription h4 {
		background-color: var(--primary-color);
		padding: .4em;
	}
	#model-colors img.model {
		
	}
}


@media only screen and (max-width: 992px) {
    /*#mainmenu {
        height: 100vh !important;
    }*/
	/*#model-colors .xxl-container.xl-container-fluid {
		display: inline-block;
	}*/
	#model-lineup #headermodelname {
		position: relative;
		bottom: 80px;
	}
	#model-detail #revolution-slider_forcefullwidth, #model-detail section#section-slider, #model-detail #revolution-slider {
		height: 100svh !important;
    }
	#model-colors .container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	header.header-mobile {
		z-index: 2001;
	}
	#model-colors ul {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
    header.header-mobile #mainmenu li ul {
        background: rgba(0, 0, 0, 0.1);
    }
    header.header-mobile #mainmenu li ul li {
        padding-left: 0 !important;
    }
    header.header-mobile #mainmenu li a {
        width: 100%;
        /*height: 100%;*/
    }
    header.header-mobile #mainmenu li ul li img {
        float: left;
        margin: 0 .5em;
    }
    #events .event-name i:first-child,
    #dealers .event-name i:first-child {
        margin-left: 0;
    }
    #events .event-name div,
    #dealers .event-name div {
        margin-bottom: 0;
        text-align: left;
    }
    #model-more-info h3 {
        font-size: 1.7rem;
    }
    #model-more-info p {
        font-size: 1.1rem;
        line-height: 1.65rem;
    }
    #motorcycle-lineup h1 {
        margin-bottom: -.25rem;
    }
    #back-to-top {
        right: 20px;
        bottom: 20px;
    }
    #model-detail .main-image {
        max-width: 120%;
        right: -10vw;
        margin: 0 auto;
    }
    #model-detail h1,
    #motorcycle-lineup h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .header-bottom .container-fluid,
    .header-bottomprevious .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #model-menu {
        float: none;
    }
    #model-menu li a:after {
        display: none;
    }
	#model-menu li:not(:last-child) {
		border-right: 1px solid rgba(255,255,255,.1);
		padding-right: 1em;
	}
	#model-menu li:first-child a {
		color: var(--tertiary-coolor);
	}
    img.menuicon.convert {
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(338deg) brightness(100%) contrast(103%);
    }
    #home #motorcycle-lines,
	#home #model-select-crossroad,
    #motorcycle-model-line,
    #my2022 {
        padding-bottom: 30px !important;
    }
    #home #motorcycle-lines .container .col-md-12,
	#home #model-select-crossroad .container .col-md-12,
    #motorcycle-model-line .container .col-md-12,
    #my2022 .container .col-md-12 {
        margin-bottom: 0;
    }
    #home .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    #home header .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
    .mega .container-fluid,
    #history-era-1 .container-fluid,
    #history-era-2 .container-fluid,
    #history-era-3 .container-fluid,
    #headerpagename {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #history-era-1 h2:not(.accordion-header),
    #history-era-2 h2:not(.accordion-header),
    #history-era-3 h2:not(.accordion-header) {
        bottom: -2.5rem;
        font-size: 1.5rem;
        margin-bottom: 0;
        margin-top: .5rem;
        text-shadow: none;
        position: initial;
    }
    #headerpagename h1 {
        font-size: 3rem;
        line-height: 2.5rem;
    }
    .mega button {
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
    }
    .mega .nav.nav-pills.me-3 {
        margin-right: 0 !important;
    }
    .mega button img {
        display: none;
    }
    .mega button span {
        font-size: .8em;
    }
    #home #motorcycle-lines h2,
	#home #model-select-crossroad h2,
    #motorcycle-model-line h2,
    #my2022 h2 {
        margin-bottom: 0;
    }
    #section-more .wm img {
        width: auto;
        max-width: 60vw;
    }
    #section-more .mask {
        padding: 20px 0;
    }
    footer ul {
        padding: 0;
    }
    #section-find-a-dealer .col-md-6 {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    #section-find-a-dealer h2 {
        line-height: .85em;
    }
    header.height-auto {
        border-bottom: 10px solid #000
    }
    #mainmenu li:last-child {
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
    }
    .text-slider {
        font-size: 3.8vh;
        letter-spacing: .7vh;
        line-height: 1em;
    }
    .mega h3 {
        font-size: 1.75em;
        letter-spacing: 1px;
    }
    footer {
        padding: 0 !important;
    }
    header.header-mobile #mainmenu li li a {
        font-size: 1rem;
    }
	#model-lines-selector .container-fluid {
		padding: 0;
		margin: 0;
	}
	#model-lines-selector .pb-5 {
		padding-bottom: 0 !important;
	}
	#model-lines-selector .container {
		
	}
}


@media only screen and (max-width: 767px) {
	#model-more-info p {
		padding: 0 1.5rem;
	}
	.model-select-button {
	display: block;
	max-width: 120px;
	min-width: 120px;
	justify-conent: center;
	margin: 0;
	padding: .1em;
}
    .border-right {
        border-right: none;
    }
    .spacer-half {
        height: 1px;
    }
    #model-more-info h3,
    #model-more-info p {
        text-align: center;
    }
    #history-era-1 img,
    #history-era-2 img,
    #history-era-3 img {
        width: 100%;
        height: auto !important;
    }
    section#events-main {
        padding: 30px 0;
    }
	#model-colors {
		padding-bottom: 30px;
	}
	#model-specification .container {
		width: auto;
		max-width: 98vw;
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 0;
	}
    #events-main h2 {
        margin-bottom: 0;
    }
    .event-name h3 {
        font-size: 1.45rem;
        margin-bottom: .4rem;
    }
    button .event-name span span {
        display: inline-block;
        align: left;
        margin-right: .55rem;
    }
    .event-info a.btn-slider {
        display: block;
        text-align: center;
    }
    .event-info .social-icons {
        display: block;
        text-align: center;
        margin-top: 1rem;
        float: none !important;
    }
    .event-name div div {
        padding-left: .3rem;
        padding-right: 0;
    }
    #events .text-left,
    #dealers .text-left {
        text-align: center;
    }
    .event-container:last-child {
        margin-bottom: .75rem;
    }
    .event-name .text-right {
        padding-right: 0;
    }
    #model-specification .mask.py-4 {
        padding-top: 2.5rem !important;
    }
    #model-feature h3.mt-4 {
        margin-top: 1rem !important;
    }
    .border-1 {
        border: 1px solid rgba(0, 0, 0, 0.12);
        background: rgba(0, 0, 0, 0.08);
        padding-top: .85rem;
        margin-bottom: .85rem;
    }
    .heading {
        background: rgba(0, 0, 0, 0.25);
        padding: 1rem;
        margin-bottom: .3rem;
    }
    section#features .heading p {
        margin-bottom: 0;
    }
    .tab-content table {
        line-height: 1.35rem;
    }
    #colorDescription h2 {
        font-size: 1.75rem;
    }
	#colorDescription h3 {
		margin-bottom: 5px;
	}
	.odd .model-line-select-logo,
	.even .model-line-select-logo {
		left: 0;
	}
	.model-line-select a img.model-line-select-img {
		padding: 0;
		margin: 0;
	}
	#features-3-cols p {
		line-height: 1.5rem;
		margin-bottom: 2.25rem;
	}
	/* timeline hack */
	.timeline.exp:before {
		left: 110px;
	}
	.timeline.exp .tl-block .tl-bar {
		margin-left: 98px;
	}
	.timeline.exp .tl-message {
		margin-left: 130px;
	}
}

@media only screen and (max-width: 620px) {
    .w620-none {
        display: none !important;
    }
	#model-colors .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	#model-menu li:first-child::before {
		content: '⌂';
		font-size: 1rem;
	}
	#home #section-slider .tp-caption.button {
		font-size: 2.5rem;
		top: 2.5rem;
	}
	#home #section-slider .tp-caption.subheading {
		text-align: center;
		font-size: 1.5rem !important;
		clear: both;
	}
	.de_count h3 {
		font-size: 1.5em;
	}
	.de_count span {
		font-size: 1rem;
	}
	#about-first {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#about-first h2 {
		margin-bottom: 5px;
	}
	#about-first .de_count {
		padding-bottom: 0;
		padding-top: 0;
	}
}
@media only screen and (max-width: 480px) {
	#model-menu li:not(:last-child) {
		padding-right: .5em
	}
	#model-menu li {
		padding-left: 1em;
		font-size: .5rem;
	}
	section .col-md-12.px-5 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    .w420-none {
        display: none !important;
    }
    .model-select-button {
       display: block;
       max-width: 100px;
       min-width: 100px;
       justify-conent: center;
       margin: 0;
       padding: .1em;
    }
	/*.model-select-button img {
		display: none;
	}*/
    #model-detail td,
    #model-detail th {
        font-weight: 400;
    }
    header .container-fluid,
    #section-more .container-fluid,
    #motorcycle-model-line .container-fluid,
    #my2022 .container-fluid,
    section#features .container-fluid,
    #model-colors .container-fluid,
    #model-images .container-fluid,
    #model-specification .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    #section-find-a-dealer,
    section#features,
    #model-images {
        padding: 30px 0;
    }
    #motorcycle-model-line .container-fluid,
    #my2022 .container-fluid {
        padding-top: 0 !important;
    }
    #model-specification .container .col-md-12 {
        margin-bottom: 0 !important;
    }
    #model-more-info .row.pt-5.pb-5 {
        padding-top: 0 !important;
        padding-bottom: 15px !important;
    }
    #model-colors {
        padding-top: 0 !important;
        padding-bottom: 45px;
    }
    #model-colors .switchColor {
        margin-bottom: 1.5rem !important;
    }
    section#features h3 {
        line-height: 1em;
        font-size: 1.45em;
    }
    .event-name i {
        margin-right: .25rem;
    }
    button .event-name span span {
        margin-right: .3rem;
    }
    #model-detail .main-image {
        max-width: 140%;
        right: -16vw;
    }
    .grid_gallery .item {
        padding-left: .25em;
        padding-right: .25em;
        margin-bottom: .75em;
    }
    #model-menu a {
        padding: 18px 7px 17px !important;
        font-size: 16px;
    }
    #model-detail #model-images #filters a {
        margin-bottom: 0;
        font-size: 13px !important;
        padding: 7px;
    }
    #model-detail #model-images #filters li {
        margin-right: 0;
        margin-bottom: 0;
    }
    #model-specification button {
        font-size: 1em;
    }
    .nav-link {
        padding: .2rem .6rem;
    }
    section#features .px-5 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    #features-carousel-3-cols .item .col-md-12 {
        border-bottom: 1px solid var(--tertiary-color);
        padding-bottom: .5rem;
        margin-bottom: 2rem;
    }
    #features-carousel-3-cols .item .col-md-4 {
        border-bottom: 1px solid var(--secondary-color);
        padding-bottom: .5rem;
        margin-bottom: 2rem;
    }
    #features-carousel-3-cols .item .col-md-4:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #features-carousel-3-cols h2 {
        font-size: 2.2rem;
    }
    #model-videos li.nav-item {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #model-videos li.nav-item button {
        width: 100%;
        text-align: center;
    }
    footer ul li {
        display: block;
        margin: 0;
        border-top: 1px solid var(--secondary-color);
        padding: .3rem 0;
    }
    footer ul li:last-child {
        border-bottom: 1px solid var(--secondary-color);
    }
    footer nav {
        margin: 0;
    }
    .mob-nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    #section-find-a-dealer .col-md-6 {
        margin: 3rem 0;
    }
    #section-find-a-dealer h2 {
        font-size: 3rem;
        padding-left: .4em;
        padding-right: .4em;
        line-height: 1em;
    }
}

@media only screen and (max-width: 413px) {
		.model-select-button {
	display: block;
	max-width: 90px;
	min-width: 90px;
	justify-conent: center;
	margin: 0;
	padding: .1em;
}
}

@media only screen and (max-width: 375px) {
    .w375-none {
        display: none !important;
    }
    .teaser-text {
        max-width: 85vw;
    }
}

@media only screen and (max-width: 320px) {
    .w320-none {
        display: none !important;
    }
    section#features h3 {
        line-height: 1em;
        font-size: 1.25em;
    }
    #section-coming-soon {
        padding: 0;
    }
    section#events-main {
        padding: 20px 0;
    }
    .event-name h3 {
        font-size: 1.25rem;
    }
}
