@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Orbitron:wght@700&family=Poppins&display=swap');

* {font-family:'Montserrat', sans-serif;}
i {font-family:"Font Awesome 6 Pro" !important;}

html, body {
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
} 

body{
  overflow-x:hidden;
}
:root{
  --skeeter-red: #c1242d;
}

a{
  text-decoration:none;
  color:#999999;
}

a:hover{
  text-decoration:none;
  color: var(--skeeter-red);
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  padding: 0!important;
  margin: -1px!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
  border: 0!important;
}

.img {
  max-width:100%;
}

.margin-auto{
  margin-left:auto;
  margin-right:auto;
}



/* STANDARD TEXT */
.smallTitle{
  font-size:.7rem;
}

.lightTitle{
  font-size:1.1rem;
  font-weight:200;
  letter-spacing:.1rem;
}

.mediumDarkTitle{
  font-size:1rem;
  font-weight:600;
  letter-spacing:1px;
  color:var(--skeeter-red)3e90;
}

.mediumTitle{
  font-size:.7rem;
  font-weight:500;
  letter-spacing:1px;
  color:#fff;
}

.darkTitle{
  font-size:1.5rem;
  font-weight:300;
  letter-spacing:.2rem;
  color:var(--skeeter-red);
}

.smallDarkTitle{
  font-size:.7rem;
  font-weight:300;
  letter-spacing:.1rem;
  color:var(--skeeter-red);
}

.tinyText{
  font-size:.6rem;
  
}

.redHR{
  border-top:solid 2px var(--skeeter-red);
}

.lightGrayHR{
  border-top:solid 1px #282828;
}
.thickHR{
  border-top:solid 3px #000;
  margin-top:0px;
}

.blueHR{
  border-top:solid 4px #be2431;
}
.blu-cru__input--invalid{
  border: 2px solid #be2431;
  background: #be243180;
  color: #ffffff;
}
.blu-cru__input--invalid-msg{
  margin-top: 5px;
  font-size: 12px;
  color: red;
}
input.vin{
  text-transform: uppercase;
}

.blueHRthin{
  border-top:solid 1px #be2431;
}

.darkLink{
  color:var(--skeeter-red);
}

.darkLink:hover{
  color:#000;
}

.darkText{
  color:#555;
}

.featureText{
  line-height:13pt;
  font-size:.8rem;
}

.bold{
  font-weight:600;
}

.uppercase{
  text-transform:uppercase;
}

/* HERO SECTION */
.heroSection{
  height:100vh;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fullScreen{
  height:100vh;
  min-height: 800px;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0 auto;
  width: 100%;
}

.productMenu {
  display: none
  }

.swiper {
  height:100vh;
  width:100vw;
  width:100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top:-80;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-blue{
  background-color: #be2431;
    color: #fff;
    padding: 15px;
    max-width: 90%;
    min-width: 250px;
    font-size: .8em;
    letter-spacing: 1px;
    border-radius: 0px;
    margin-top:2.5px;
    margin-bottom:2.5px;
}


.btn-black{
  background-color: #000;
    color: #fff;
    padding: 15px;
    max-width: 90%;
    min-width: 250px;
    font-size: .8em;
    letter-spacing: 1px;
    border-radius: 0px;
    margin-top:2.5px;
    margin-bottom:2.5px;
}

.btn-outline{
  background-color: transparent;
  border: solid 2px #fff;
    color: #fff;
    padding: 15px;
    max-width:90%;
    min-width:150px;
    font-size: .8em;
    letter-spacing: 1px;
    border-radius: 0px;
    margin-top:2.5px;
    margin-bottom:2.5px;
}

.btn-outline:hover{
  border:solid 2px #000;
  color:#000;
}

.btn-black:hover{
  background-color:#c1242d;
  color:#fff;
}

.btn-white{
  background-color:#fff;
  color:#000;
  max-width:90%;
  min-width:150px;
  padding:15px;
  font-size:.8em;
  letter-spacing:1px;
  border-radius:0px;
}

.btn-white:hover{
  background-color:#000;
  color:#fff;
}

.btn-blue:hover{
  color:#c9c9c9;
}

.btn-outline-dark{
  background-color: transparent;
  border: solid 2px #be2431;
    color: #be2431;
    padding: 15px;
    max-width:90%;
    min-width:150px;
    font-size: .8em;
    letter-spacing: 1px;
    border-radius: 0px;
    margin-top:2.5px;
    margin-bottom:2.5px;
}
.accessories{
  text-align:left;
}

.megatron{
  position:relative;
  overflow:hidden;
  height:100vh;
  width:100vw;
}

.megatronVideo{
  position: absolute;
    height: 100%;
    width: 177.7777778vh;
    min-width: 100%;
    min-height: 56.25vw;
    left: 50%;
    right: 50%;
    transform: translate(-50%);
}

.megatronOverlay{
  position:absolute;
  height:100%;
  width:100%;
  left:50%;
  right:50%;
  transform:translate(-50%,40%);
  z-index:2000;
}

.megatronWatermarkDiv{
    position: absolute;
    z-index: 5;
    text-align: center;
    width: 100vw;
    height: 100vh;
    top: 25%;
    z-index:1600;
}

.megatronWatermarkImg{
  width: 400px !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
}

.home-slider .darkOverlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0,0,0,40%) 50%, transparent);
}

.scroll-icon{
  position:absolute;
  top:90%;
  z-index:2000;
  text-align:center;
  width:100vw;
}

.productIcon{
  width:200px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  display:block;
  max-width:100%;
}

#find_your_skeeter {
  padding: 30px 15px;
}

#find_your_skeeter .productIcon {
  width: 100%;
}

#find_your_skeeter .col-md span {
  font-size: 22px;
  text-transform: uppercase;
  color: var(--skeeter-red);
  margin-top: 15px;
  font-weight: bold;
  display: block;
}

#find_your_skeeter h4 {
  margin-bottom: 20px;
  color: var(--skeeter-red);
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
}
@media (min-width: 767px) {
  #find_your_skeeter h4 {
    margin-bottom: 30px;
  }
}
#find_your_skeeter .col-md {
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  #find_your_skeeter .col-md {
    margin-bottom: 0;
  }
}

.home-copy{
  padding: 30px 15px;
}

.home-copy h3{
  text-align: center;
  font-weight: bold;
  color: var(--skeeter-red);
  font-family: 'Orbitron', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.5;
}
@media (min-width: 767px) {
  .home-copy h3{
    font-size: 28px;
  }
}

.home-copy__content{
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 1400px;
  margin: auto;
  padding: 20px 0;
}
@media (min-width: 767px) {
  .home-copy__content{
    flex-direction: row;
    padding: 40px 15px;
  }
}
.home-copy__article, .home-copy__img{
  flex: 1;
}
.home-copy__article{
  order: 2
}
@media (min-width: 767px) {
  .home-copy__content{
    order: 1;
  }
}
.home-copy__article p {
  margin-bottom: 15px;
  color: #848782;;
  padding: 0 15px;
}
@media (min-width: 767px) {
  .home-copy__article p {
    padding: 0;
  }
}
.home-copy__img{
  order: 1;
  text-align: center;
  color: var(--skeeter-red);
}
.home-copy__img p, .home-copy__img h5{
  text-transform: uppercase;
  font-weight: bold;
}
.home-copy__img h5 {
  margin-top: 15px;
}
.home-copy__img p {
  font-size: 10px;
}
@media (min-width: 767px) {
  .home-copy__img{
    order: 2;
    
  }
}
.home-copy__img img{
  max-width: 600px;
  width: 100%;
}

#events .col-md-12 {
  display: flex;
  align-items: self-end;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  #events .col-md-12 {
    background-size: cover;
  }
}
#events .col-md-12 a {
  display: block;
  margin-bottom: 30px;
  background-color: #fff;
  color: var(--skeeter-red);
  font-weight: bold;
  padding: 15px 25px;
  font-size: 14px;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all .2s ease;
}

#events .col-md-12 a:hover{
  transform: scale(1.05);
}

#events .col-md-12 a i{
  margin-bottom: 2px;
}

.embed-youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  background-color:#000; -webkit-box-shadow:0px 0px 18px 0px rgba(0,0,0,0.75);
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.eventBlock-wide{
  height:250px;
}

.dropShadow{
  box-shadow:0px 0px 18px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow:0px 0px 18px 0px rgba(0,0,0,0.75);
}

.white{
  color:#fff !important;
}

.dropShadow-text{
  text-shadow: 0px 0px 5px #000;
}

.videoPadding{
  padding:75px;
}

.hoverBounce{
  transition:0.3s;
}

.hoverBounce:hover{
  transform: translate(0, -10px);
}

.yamaha-pill{
  background-color: #be2431;
    padding: 10px;
    font-weight: 300;
    font-size: .6em;
    color:#fff;
    margin:5px;
}

.pill-button{
  background-color:#be2431;
  padding:10px;
  font-weight:300;
  font-size:.8em;
  color:#fff;
  border:none;
  outline:inherit;
}

.pill-button:hover{
  background-color:#fff;
  color:#be2431;
}

.pill-button:selected{
  background-color:#fff;
  color:#be2431;
}

.card-title{
  font-size:1rem;
  font-weight:500;
  letter-spacing:2px;
  color:#555;
  text-transform:uppercase;
}

.card-date{
  color:#be2431;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
}

.card-info{
  font-size:.7rem;
  font-weight:200;
  letter-spacing:1px;
  line-height:normal;
  text-transform:uppercase;
}

.is-checked{
  border:solid 1px #fff;
}
.yamaha-card{
  box-sizing:border-box;
  border:solid 1px #d3d3d3;
}
.yamaha-card:hover{
  border:solid 1px #be2431;
  cursor:pointer;
}

.icon{
  width:25px;
  height:auto;
}

.blur{
  filter:blur(10px);
}

.background{
  position:fixed;
  z-index:0;
  top:0px;
  left:0px;
}

.text-right{
  text-align:right;
}

.text-left{
  text-align:left;
}

.large{
  font-size:2.4rem;
}

.centerVertically{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

/* LIGHT BOX STYLES */

.lightBox{
  height:350px;
}

/* VIDEO On DEMAND STYLES */
.videoBox{
  background-color:transparent;
  color:#fff;
  width:200px !important;
  height:300px !important;
  border-radius:10px;
  cursor:pointer;
}

.borderHighlight{
  box-sizing:border-box;
  border:solid 2px transparent;
}

.borderHighlight:hover{
  border:solid 2px #fff;
}

.vod_megatron{
  position: absolute;
    overflow: hidden;
    height: 80vh;
    width: 100vw;
    top: 0px;
    left: 0px;
}

.vod_megatron:after{
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.transparentBG{
  background-color:transparent !important;
}

.xs-only{
  display:none;
}

.form-control{
  border-radius:0px !important;
}

.product_logo_watermark{
  position:absolute;
  right:15px;
  bottom:15px;
}

.feature_padding{
  padding:100px;
}

.gm-style .gm-style-iw-c{
  min-width:350px !important;
  border-radius:0px !important;
  border-top:solid 5px #be2431;
  text-align:center;
}

a.gm-style{
  color:#555;
}

a.gm-style-iw-c{
  color:#555;
}

/* Feature Page - Color Blocks */
.square_button{
  width:75px;
}

.square_button:hover{
  border:solid 2px #be2431;
  padding:2px;
  cursor:pointer;
}

.square_button_selected{
  border:solid 2px #be2431;
  padding:2px;
}

.color_block{
  padding-left:50px;
  padding-right:50px;
}

.right_drop_shadow{
  -webkit-box-shadow: 10px 0px 10px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 0px 10px -3px rgba(0,0,0,0.75);
box-shadow: 10px 0px 10px -3px rgba(0,0,0,0.75);
}

.inset_left_shadow{
  -webkit-box-shadow: inset 16px 0px 10px -3px rgba(0,0,0,0.53);
-moz-box-shadow: inset 16px 0px 10px -3px rgba(0,0,0,0.53);
box-shadow: inset 16px 0px 10px -3px rgba(0,0,0,0.53);
}

.home-slider{
  background: url('/images/home/home-bg-23.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 22% 100%;
}
@media (min-width: 767px) {
  .home-slider {
    background-position: initial;
  }
}
.home-slider .home-slider__content{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 40px;
}

.home-slider .home-slider__content a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  background-color: var(--skeeter-red);
  padding: 8px 24px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 0;
  transition: all .2s ease;
}
.home-slider .home-slider__content a:hover , .home-slider .home-slider__content a:focus {
  transform: scale(1.05);
  background-color: #a71c24;
}
.home-slider .home-slider__content a i{
  position: relative;
  transition: all .25s ease-in-out;
}
.home-slider .home-slider__content a:hover i, .home-slider .home-slider__content a:focus i {
  transform: translateX(4px);
}

.home-slider .home-slider__content img {
  max-width: 650px;
  width: 100%;
}

/* Remove arrows on inputs */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }

}

@media (max-width: 768px){
  .feature_padding{
    padding:50px;
  }
  .accessories{
    text-align:center;
  }

  .megatronWatermarkImg{
    width:300px !important;
  }

  .scroll-icon{
    display:none;
  }

  .eventBlock-wide{
    height:initial;
    min-height:400px;
  }

  .videoPadding{
    padding:75px 20px;
  }

  .hidden-xs{
    display:none;
  }

  .xs-only{
    display:inline-block;
  }

  .text-right{
    text-align:center !important;
  }

  .text-left{
    text-align:center !important;
  }

  .videoBox{
    width:100px !important;
    height:150px !important;
    border-radius:5px;
  }

  .square_button{
    width:55px;
  }
  .color_block{
    padding-left:0px;
    padding-right:0px;
  }
}

#accessories {
  background: var(--skeeter-red);
}
@media (min-width: 992px) {
  #accessories {
    display: grid;
    grid-template-columns: 1fr 60%;
  }
}
#accessories > div:first-child{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
}
@media (min-width: 992px) {
  #accessories > div:first-child{
    padding: 0;
  }
}
#accessories > div:first-child span {
  font-weight: 600;
  color: #000;
  letter-spacing: 1px;
  font-size: 20px;
  margin-bottom: 0;
  display: block;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  #accessories > div:first-child span{
    font-size: 16px;
  }
}
#accessories > div:first-child h3{
  color: #FFF;
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 30px;
}
@media (min-width: 768px) {
  #accessories > div:first-child h3{
    font-size: 40px;
  }
}
#accessories > div:first-child a{
  color: #FFF;
  background-color: #000;
  padding: 15px 25px;
  display: block;
  font-size: 12px;
  width: max-content;
  transition: all .2s ease;
}
#accessories > div:first-child a:hover{
  transform: scale(1.05);
}
@media (min-width: 768px) {
  #accessories > div:first-child a{
    font-size: 14px;
  }
}
#accessories img {
  width: 100%;
}