:root {
	--grey-two: #C4C4C4;
	--grey-three: #888888;
	--grey-four: #585858;
	--grey-five: #272727;
	--grey-six: #777777;
	--black: #0A0A0A;
	--red: #D32F2F;
	--red-dark: #AB1111;
	--black: #121212;
	--grey-very-dark: #333333;
	--grey-dark:  #414141;
	--grey-medium: #A6A6A6;
	--grey-light:  #E9E9E9;
	--white: #e5e5e5;
}

body {
	font-family: rift, sans-serif;
	/*transition: 2s;*/
}

body.hidden {
	opacity: 0;
	/*background: black;*/
}
/*html {
  scroll-behavior: smooth;
}*/

.will-animate {
	opacity: 0;
}

.animate__zoomIn {
    opacity: 1;
}

.red {
	color: var(--red);
	margin: 0 16px;
}
.form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
input {
	line-height: normal;
  background: var(--red-dark);
  border: 1px solid var(--red-dark);
  border-radius: 64px;
  padding: 9px;
  text-align: center;
  color: white;
  font-family: 'proxima-nova';
}

input[type=submit]{
	background: var(--black);
	width: 100%;
	padding: 14px;
  font-family: 'proxima-nova';
  text-transform: uppercase;
}
::-webkit-input-placeholder { /* Edge */
  color: white;
  font-family: 'proxima-nova';
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
  font-family: 'proxima-nova';
}

::placeholder {
  color: white;
  font-family: 'proxima-nova';
}
p.bold {
	font-weight: bold;
	text-transform: uppercase;
}

span.bold {
	font-weight: 600;
}

span.thin {
	font-weight: 200;
}

/*HEADER MENU*/
.header-menu {
	background: var(--black);
	display: grid;
	grid-template-columns: 4fr 1fr 4fr;
	align-items: center;
	padding: 39px 49px 34px 43px;
	/*position: fixed;*/
	width: 100%;
	z-index: 100;
	color: white;
}

.header-menu a {
	color: var(--grey-light);
	font-family: proxima-nova, sans-serif;
}

.header-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}

.header-menu .logo {
	max-width: 120px;
}

.header-menu .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header-menu .middle {
	text-align: center;
}


.header-menu .right  a{
	margin-right: 23px;
}

.header-menu .right  a:last-of-type{
	margin-right: 0px;
}

.header-menu .left {
	display: flex;
}

.header-menu .search {
	margin-right: 40px;
}

.hamburger-menu {
	position: relative;
	width: 45px;
	margin-right: 43px;
}

.hamburger-close {
	position: relative;
	width: 45px;
	margin-right: 43px;
}

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

.hamburger-menu::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	background: var(--grey-light);
	height: 3px;
	width: 45px; 
}
.hamburger-menu::after {
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0;
	background: var(--grey-light);
	height: 3px;
	width: 45px; 
}

a {
	text-decoration: none;
}



@media screen and (max-width: 1025px) {
	.button {
	    padding: 6px 20px;
	    font-size: 18px;
	}
	.hamburger-menu::before {
	    top: 12px;
	    width: 35px;
	}
	.hamburger-menu::after {
	    bottom: 12px;
	    width: 35px;
	}
	.hamburger-menu {
		width: 35px;
		margin-right: 33px;
	}
	.header-menu {
	    padding: 30px 15px 30px 15px;
	}
	.header-menu .right {
		display: block;
	}
	.header-menu .right a img {
		max-width: 30px;
	}
}

.button {
	border-radius: 50px;
	padding: 8px 40px;
	font-weight: 500;
	font-size: 26px;
	line-height: 31px;
	font-family: rift, sans-serif;
	display: inline-flex;
  align-items: center;
}

.button img {
	margin-right: 14px;
}
.button--white {
	border: 2px solid white;
	background: white;
}

a.button--white {
	color: var(--black);
}

.button--light {
	border: 2px solid var(--grey-two);
	background: white;
}

a.button--light {
	color: var(--black);
}

.button--red {
	border: 2px solid var(--red);
	background: var(--red);
	color: white;
	transition: 0.3s;
}

.button--red:hover {
	background: var(--red-dark);
}

.button--grey {
	background: var(--grey-dark);
	color: white;
	border: 2px solid var(--grey-dark);
}

.button--black {
  background: var(--black);
  color: white;
  border: 2px solid var(--black);
}

.button--red-outline {
  background: var(--black);
  color: white;
  border: 2px solid var(--red);
}

.button--small {
  padding: 3px 30px;
}

.button--small-text {
	font-size: 14px;
	line-height: 17px;
}

.button--medium-text {
	font-size: 20px;
	line-height: 25px;
}

.button--large {
  padding: 16px 50px;
}

/*END HEADER MENU*/

/*HOMPAGE HERO SECTION*/

.homepage-hero-section {
	min-height: calc(100vh - 97px);
	display: grid;
	grid-template-columns: 1fr 10fr;
	/*padding-top: 97px;*/
	position: relative;
}

.homepage-hero-section:after{
	content: url('./assets/homepage_after_1.svg');
	position: absolute;
	top: 75%;
	right: 0;
}

.homepage-hero-section .homepage-hero-sidebar {
	background: var(--red);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 30px;
	grid-row: auto / span 2;
}

.homepage-hero-section .homepage-hero-main {
	background-image: url('./assets/hero-mbrp-3.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.homepage-hero-section .homepage-hero-image {
	height: calc(100vh - 97px);
	display: flex;
  align-items: center;
  padding: 80px;
  font-size: 143px;
  text-transform: uppercase;
}

.homepage-hero-section .homepage-hero-image h1{
	font-size: 75px;
  line-height: 75px;
  text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.48);
  color: white;
  margin: 0;
  max-width: 600px;
}

.homepage-hero-section .homepage-hero-image p{
	font-size: 22px;
	line-height: 22px;
  text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.48);
  color: white;
  max-width: 600px;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
  margin: 60px 0;
}

.homepage-hero-bar {
	height: 16px;
	background: var(--red);
}

.homepage-hero-bar-2 {
	height: 16px;
	background-image: linear-gradient( 
		to right, var(--red), 
		var(--red) 6%, 
		var(--grey-very-dark) 6%, 
		var(--grey-very-dark) 55% );
}

.homepage-hero-bar-3 {
	height: 16px;
	background: var(--black);
}

.homepage-hero-bar-4 {
	height: 16px;
	background-image: linear-gradient( 
		to right, var(--black), 
		var(--black) 6%, 
		var(--grey-very-dark) 6%, 
		var(--grey-very-dark) 55% );;
}


@media screen and (max-width: 1025px) {
	.homepage-hero-section {
    min-height: calc(60vh);
    grid-template-columns: 1fr 6fr;
	}
	.homepage-hero-section .homepage-hero-image h1 {
    font-size: 50px;
    line-height: 48px;
  }

  .homepage-hero-section .homepage-hero-image {
    height: calc(60vh);
    padding: 30px;
  }

  .homepage-hero-section .homepage-hero-image p {
    font-size: 18px;
    margin: 40px 0;
  }
}

/*////*/

/*HERO SECTION*/

.hero-section {
	min-height: calc(100vh - 97px);
	display: grid;
	grid-template-columns: 1fr 10fr;
	/*padding-top: 97px;*/
}

.hero-section .hero-sidebar {
	background: var(--red);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 30px;
}

.hero-section .hero-main {
	background-image: url('./assets/hero-mbrp-3.png');
	background-size: cover;
	background-attachment: fixed;
}

.hero-section .hero-image {
	height: calc(100vh - 97px);
	display: flex;
  align-items: center;
  padding: 80px;
  font-size: 143px;
  text-transform: uppercase;
}

.hero-section .hero-image h1{
	font-size: 143px;
  text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.48);
  color: white;
  margin: 0;
  line-height: 127px;
  max-width: 600px;
}

.hero-section .hero-image p{
	font-size: 28px;
  text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.48);
  color: white;
  max-width: 600px;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
}

@media screen and (max-width: 1025px) {
	.hero-section {
	    min-height: calc(60vh);
	    grid-template-columns: 1fr 6fr;
	}
	.hero-section .hero-image h1 {
    font-size: 67px;
    line-height: 62px;
  }

  .hero-section .hero-image {
      height: calc(60vh);
      padding: 30px;
  }

  .hero-section .hero-image p {
      font-size: 24px;
  }
}

/*////*/

.benefits-bar {
	background-color: var(--black);
	color: white;
}

.benefits-bar ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 7vh;
	list-style: none;
	margin: 0;
	padding: 0;
}

.benefits-bar ul li {
	margin-right: 20px;
	display: flex;
	align-items: center;
}

.benefits-bar ul li a{
	color: white;
	white-space: nowrap;
  margin-right: 20px;
  font-size: 14px;
}

.benefits-bar ul li img {
	max-width: 18px;
	margin-right: 5px;
}

/*END HERO SECTION*/

/*QUICK BUY SECTION*/
.quick-buy-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--black);
  padding: 10px 40px 10px 40px;
  text-transform: uppercase;
  width: 100%;
  z-index: 100;
  color: white;
}

.quick-buy-section.sticky {
	position: fixed;
	top: 0;
}



.quick-buy-section h3, .quick-buy-section p{
	margin: 5px 0;
	font-weight: bold;
	font-size: 29px;
	line-height: 35px;
	letter-spacing: 0.03em;
}

.quick-buy-section p{
	font-weight: 200;

}

.quick-buy-section p.subtext{
	margin: 5px 0;
	font-weight: 500;
	font-size: 19.2688px;
	line-height: 19px;
}

.quick-buy-section .left {
	margin-right: 20px;
}

.quick-buy-section .right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	min-width: 705px;
}

.quick-buy-section .material p{
	font-family: 'proxima-nova';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	text-transform: initial;
}
.quick-buy-section .material p.sku{
	font-size: 17px;
	line-height: 17px;
}

.quick-buy-section .price {
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
}

.quick-buy-section .buy-now, .quick-buy-section .find-dealer, .quick-buy-section .price {
	margin-right: 22px;
}

@media screen and (max-width: 1025px) {
	.quick-buy-section {
		padding: 10px 20px 10px 20px;
		display: block;
	}
	.quick-buy-section .right {
	     min-width: unset;
	     justify-content: flex-start; 
	}
	.quick-buy-section p {
		font-size: 20px;
		display: none;
	}

	.quick-buy-section p.price {
		font-size: 20px;
		display: block;
	}
	.quick-buy-section .buy-now, .quick-buy-section .price {
	    margin-right: 16px;
	}
	.quick-buy-section .find-dealer {
		margin-right: 0px;
	}
}
/*END QUICK BUY SECTION*/

/*ANCHOR TAGS*/

.anchor-tags.sticky {
	position: fixed;
}
.anchor-tags {
	width: 100%;
	z-index: 100;
}

.anchor-tags ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 18px;
	margin: 0;
	background: var(--grey-light);
	color: var(--black);
	list-style: none;
	font-family: proxima-nova, sans-serif;
}

.anchor-tags ul li {
	margin-right: 40px;
	font-size: 14px;
}

.anchor-tags ul li a{
	color: var(--black);
	font-weight: 500;
	font-size: 13px;
	line-height: 13px;
}

.anchor-tags ul li:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 1025px) {
	.anchor-tags ul {
    flex-wrap: wrap;
  }
  
  .anchor-tags ul li a {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
  }

}
/*END ANCHOR TAGS*/

/*SERIES*/
.series {
	position: relative;
	background: var(--black);
}

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


.series-grid {
	display: grid;
	/*grid-template-columns: repeat(4, 1fr);*/
	grid-gap: 30px;
	width: 95%;
  margin: 0 auto;
}

.series-info {
	/*background: #272727;*/
	border-radius: 16px;
	/*padding: 53px 44px;*/
	/*display: flex;
	flex-direction: column;
	justify-content: space-between;*/
}

.series-info-grid {
	display: grid;
	grid-template-columns: 1fr;
}

.series-info img {
	max-width: 100%;
}
.series-cell a.select {
	margin-top: 14px;
	margin-bottom: 16px;
}
.series-cell p.price {
	margin: 0;
}

.series-info-grid p.title {
	font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}
.series-info-grid ul  {
	margin-top: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.series-info-grid img.series-icon {
	margin: 19px 0 22px 0;
}

.series-info-grid ul li img {
	max-width: 33px;
	margin-right: 16px;
}

.series-info-grid ul li {
	display: flex;
	align-items: center;
	font-size: 10px;
	line-height: 10px;
	margin: 18px 18px;
	text-transform: uppercase;
}

.tip-info {
	/*display: flex;*/
	justify-content: space-between;
	align-items: center;
	margin-top: 27px;
}

.tip-info h3 {
	font-size: 26px;
	line-height: 31px;
	font-weight: 500;
}

.series .arrow {
	position: absolute;
	top: 50%;
	right: -80px;
	transform: translateY(-50%);
}


.series .series-carousel {
	
}

.series .series-cell h3 {
	font-family: Rift;
	font-weight: 500;
  font-size: 21px;
  line-height: 25px;
	margin: 0;
	margin-bottom: 12px;

}

.series .series-cell.selected {
	border: 3px solid white;
}

.series .series-cell {
	background: var(--black);
	color: white;
	border: 1px solid white;
	padding: 35px 26px;
	border-radius: 16px;
	/*margin: 30px 13px;*/
	/*width: 407px;*/
	text-align: center;
	font-family: 'proxima-nova';
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	position: relative;
	max-width: 650px;
	margin: 0 auto
}

.series a.pill {
	padding: 12px 12px 12px 20px;
	margin-bottom: 14px;
	border: 2px solid var(--grey-three);
	border-radius: 16px;
	font-weight: 500;
	display: block;
	color: white;
	text-transform: uppercase;
	display: flex;
}

.series a.pill.selected {
	border: 2px solid var(--red);
}

.series a.pill p {
	margin: 0;
	font-size: 16px;
  text-align: left;
}
.series a.pill img{
	margin-right: 16px;
	width: 32px;
}

.series a.pill.pill--light {
	border: 2px solid var(--red);
	background: var(--black);
	color: var(--white);
}

.series .pill .info .title{
	font-size: 12px;
	line-height: 12px;
}

.series .pill .info p{
	font-size: 7px;
	line-height: 14px;
}


/*END SERIES*/

/*VIDEO SECTION*/
.video-section {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	padding-bottom: 20px;
	background: var(--black);
	color: white;
}

.video-section .title h2 {
	font-family: Rift;
	font-weight: 600;
	text-align: center;
	font-size: 32px;
	font-style: 38px;
	margin-bottom: 37px;
}

.video-embed {
	background-image:
    linear-gradient(
      to bottom, 
      var(--black),
      var(--black) 45%,
      var(--red) 45%,
      var(--red) 55%,
      #ffffff 55%
    );
}

.video-section .video-embed-wrapper {
	width: 50%;
	margin: 0 auto;
}



.video-section .left h2 img{
  margin-left: 40px;
}

.video-section .left{
/*	display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: center;*/
}

/*.video-section .left .info{
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
}*/

/*.video-section .left .tip-type a{
	margin-right: 34px;
}

.video-section .left .tip-type a:last-of-type{
	margin-right: 0;
}*/



.video-section .left .info .title img{ 
	margin-left: 40px;
}
/*.video-section .left a{
	color: white;
	display: inline-block;
}*/



.video-section .left > p{
	text-align: center;
	margin: 40px 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	font-family: Proxima Nova;
}

.video-section .left .variants{
	padding-right: 30px;
	border-right: 1px solid white;
}

.video-section .left .variants ul li a{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0.03em;
}

.video-section .left .variants ul li a img{
	margin-left: 10px;
	max-width: 45px;
}

.video-section .left .benefits{
	padding-left: 30px;
}

.video-section .left .benefits ul li a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 600;
	font-size: 17px;

	line-height: 26px;
	font-family: Proxima Nova;
}
.video-section .left .benefits ul li a p {
	margin: 22px 0;
}

.video-section .left .benefits ul li a img{
	margin-right: 10px;
}

.video-section .product-benefits {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	}





.embed-container 
{ position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed 
{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

@media screen and (max-width: 1025px) {
	.video-section .left h2 {
    margin: 10px 0;
    font-size: 39px;
    line-height: 49px;
	}

	.video-section .left .info {
	    width: 85%;
	}
	.video-section .left .info .title img {
	  margin-left: 0px;
	}

	.video-section .left .info .title {
	  display: block;
	}

	.video-section a.pill {
	  padding: 8px 12px;
	}

	.video-section .left .tip-type a {
	  margin-right: 24px;
	}

	.video-section .left .tip-type {
	  margin-top: 20px;
	}

	.video-section .video-embed-wrapper {
	  width: 90%;
	}

	.series .series-carousel {
	  margin-left: 86px;
	}

	.series .arrow {
	  left: 10px;
	}
	.series .series-cell {
	  padding: 20px 26px 23px 26px;
	  margin: 50px 13px;
	  width: 85%;
	}

}

@media screen and (max-width: 1025px) {
	.video-section {
		grid-template-columns: repeat(1, 1fr);
	}

	.video-section .left {
		padding: 20px 10px;
	}

	.video-section .left .variants {
		padding-right: 20px;
	}

	.video-section .left .benefits {
		padding-left: 20px;
	}
	.video-section .left .variants ul li a img {
	    max-width: 30px;
	}

	.video-section .left .benefits ul li a img {
	    max-width: 24px;
	}
	.video-section .left .benefits ul li a{
		font-size: 15px;
		line-height: 20px;
	}

	.video-section .left .variants ul li a{
		font-size: 18px;
		line-height: 20px;
	}
	.video-section .left > p {
		margin: 30px 0;
	}

	.video-section .left .benefits ul li a p {
	    margin: 18px 0;
	}
}
/*END VIDEO SECTION*/

/*SPECS SECTION*/
.specs {
	background: var(--black);
	color: white;
	position: relative;
	z-index: 1;
}

.specs:after{
	content: url('./assets/spec-background.svg');
	position: absolute;
	bottom: 10px;
	right: 0;
}

.specs-wrapper {
	 display: grid;
	 grid-template-columns: 8fr 1fr;
}
.specs-content {
	padding: 116px 62px 129px 162px;

}
.specs-sidebar {
	background: var(--red);
}
.specs h2 {
  font-weight: 600;
  font-size: 80px;
  line-height: 117px;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.specs h2 img{
  margin-left: 40px;
}

.specs .button {
	margin-top: 100px;
	margin-right: 27px;
}
/*.specs h2:after {
	content: url('./assets/red_dots.svg');
	position: absolute;
	top: 50%;
	right: : 100%;
	transform: translateY(-50%);
}*/

.specs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 44px 36px;
}
.specs-grid-element  {
	display: flex;
	align-items: center;
	font-family: Proxima Nova;
}

.specs-grid-element p{
	margin: 5px;
	font-weight: 200;
	letter-spacing: 0.015em;
}

/*.specs-grid-element p.bold{
	font-weight: bold;
}*/
.specs-grid-element .icon {
	max-width: 58px;
	display: block;
  margin-right: 30px;
}

@media screen and (max-width: 1025px) {
	.specs:after{
		z-index: -1;
	}
	.specs-wrapper {
		grid-template-columns: 6fr 1fr;

	}
	.specs-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 34px;
	}
	.specs h2 {
		display: block;
		font-size: 60px;
		line-height: 60px;
	}
	.specs-content {
	    padding: 40px 40px 40px 40px;
	}
	.specs h2 img {
	     margin-left: 0px; 
	}
	.specs .button {
	    margin-top: 30px;
	    margin-right: 27px;
	}
}
/*END SPECS SECTION*/

/*ACCORDIAN SECTION*/

.accordian-wrapper {
	width: 80%;
	margin: 0 auto;
}

.accordian {
	padding: 50px 0;
}

.accordian ul.accordian-list {
  padding: 0;
  margin: 0;
}

.accordian ul.accordian-list li.accordian-list-item {
    padding: 40px;
    border-bottom: 1px solid var(--grey-two);
    list-style: none;
}

.accordian .accordian-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.accordian .accordian-item .plus{
    cursor: pointer;
    transition: 0.2s ease-out;
    transform-origin: center center;
}

.accordian  .details{
  padding: 40px 0;
  font-size: 18px;
  font-family: Proxima Nova;
  line-height: 135%;
}

.accordian  .details .button{
  display: inline-block;
}

.accordian .accordian-item h4{
  margin: 0;
	font-weight: bold;
	font-size: 35px;
	line-height: 42px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.accordian .accordian-item h4 img{
  margin-right: 20px;
  max-width: 50px;
}

.accordian .accordian-item .plus img {
    max-width: 46px;
}

@media screen and (max-width: 1025px) {
	.accordian-wrapper {
	    width: 90%;
	    margin: 0 auto;
	}
	.accordian ul.accordian-list li.accordian-list-item {
	    padding: 20px;
	}
	.accordian .accordian-item .plus img {
	    max-width: 30px;
	}
	.accordian .accordian-item h4 img {
	    margin-right: 20px;
	    max-width: 30px;
	}
	.accordian .accordian-item h4 {
	    font-size: 30px;
	}
}
/*END ACCORDIAN SECTION*/

/*CALLOUT CAROUSEL*/
.callout {
	position: relative;
}
.callout:before {
	content: url('./assets/callout-background.svg');
	position: absolute;
	top: 30px;
	right: 0;
}
.callout-carousel .carousel-cell {
		width: 100%;
		min-height: 85vh;
		/*border: 2px solid black;*/
		display: flex;
    justify-content: center;
    align-items: center;
	}
.callout-carousel .carousel-content {
	width: 80%;
}

.callout-carousel .carousel-content .info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 83px;
	width: 75%;
}

.callout-carousel .carousel-content h2 {
	font-size: 144px;
	line-height: 117px;
	letter-spacing: 0.055em;
	margin: 30px 0;
  text-transform: uppercase;
}

.callout-carousel .carousel-content p.large {
	font-family: Proxima Nova;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 115%;
}

.callout-carousel .carousel-content p {
	font-family: Proxima Nova;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 115%;
}

@media screen and (max-width: 1025px) {
	.callout-carousel .carousel-content h2 {
    font-size: 50px;
    line-height: 60px;
	}

	.callout-carousel .carousel-content p.large {
		font-size: 20px;
	}

	.callout-carousel .carousel-content p {
		font-size: 20px;
	}
	.callout-carousel .carousel-cell {
	     min-height: unset; 
	
	}
}
/*END CALLOUT CAROUSEL*/

/*PHOTO CAROUSEL*/
	.photo-carousel .black {
		background: var(--black);
		height: 70px;
		margin-top: -75px;
	}
	.photo-carousel .main-carousel {
		margin-left: 100px;
		margin-top: 80px;
	}
	.photo-carousel .carousel-cell {
		padding: 0 10px;
		widows: 600px;
	}

	.photo-carousel .expand {
		width: 46px;
		height: 46px;
		border-radius: 50%;
		background: var(--red);
		color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		position: absolute;
    top: 23px;
    left: 34px;
    font-family: proxima-nova, sans-serif;
	}
	.photo-carousel .expand p {
    height: 30px;
    margin: 0;
	}

	.photo-carousel .collapse {
		width: 46px;
		height: 46px;
		border-radius: 50%;
		background: var(--red);
		color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		position: absolute;
    top: 23px;
    left: 34px;
    font-family: proxima-nova, sans-serif;
    z-index: 100;
    transform: translateY(50%) rotate(45deg);
	}

	.photo-carousel .collapse img{

	}

	.photo-carousel .modal {
		position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none ;
    z-index: 1000;
    overflow: scroll;
	}

	.photo-carousel .modal .modal-overlay {
		height: 100%;
		background: rgba(0,0,0, 0.80);
	}

	.photo-carousel .modal img {
		max-width: 100%;
		top: 50%;
		position: absolute;
		transform: translateY(-50%);
	}


	@media screen and (max-width: 1025px) {
		.photo-carousel .main-carousel {
		    margin-left: 40px;
		    margin-top: 40px;
		}
	}


	@media screen and (max-width: 1025px) {
		.callout-carousel .carousel-content .info-grid {
		    grid-template-columns: repeat(1, 1fr);
		    grid-gap: 0px;
		    width: 90%;
		}
	}
/*END PHOTO CAROUSEL*/

/*MBRP DIFFERENCE*/

.difference {
	background-image: url('./assets/mbrp_background.svg');
	background-repeat: no-repeat;
	margin: 50px 0;
}
.difference-wrapper {
	 width: 80%;
	 margin: 0 auto;
}

.difference h2 {
	font-size: 107px;
	line-height: 117px;
	text-align: center;
	letter-spacing: 0.01em;
	margin-top: 0;
}

.difference-info {
	padding: 40px 0 80px 0;
}

.difference-info .button {
	display: block;
  margin: 100px auto 0;
  width: max-content;
}

.difference-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 80px 60px;
  justify-content: center;
}

.difference-grid-element img {
	margin-right: 18px;
}
.difference-grid-element{
	font-family: Proxima Nova;
	text-transform: uppercase;
	grid-column: span 2;
	justify-self: center;
	width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.difference-grid-element:nth-child(1) {
  grid-column: span 3;
	justify-content: flex-end;
}

.difference-grid-element:nth-child(2) {
  grid-column: span 3;
}

.difference-image img {
	max-width: 100%;
}

@media screen and (max-width: 1025px) {
	.difference-wrapper {
	    width: 90%;
	}
	.difference h2 {
		font-size: 67px;
		line-height: 67px;
	}
	.difference-grid-element{
		grid-column: span 3;
	  text-align: left;
	}

	.difference-grid-element:last-of-type{
		grid-column: span 6;
		max-width: 50%;
	}
	.difference-grid {
	  grid-gap: 30px 30px;
	}
	.difference-info .button {
	    margin: 60px auto 0;
	}

}


/*END MBRP DIFFERENCE*/

/*RELATED PRODUCTS*/

.related-products {
	padding: 66px 0;
}
.related-products h2 {
	font-weight: bold;
	font-size: 49px;
	line-height: 59px;
	display: flex;
  align-items: center;
  text-transform: uppercase;
}

.related-products h2 img{
  margin-left: 40px;
}

.related-products-wrapper {
	width: 80%;
	margin: 0 auto;
}

.related-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 45px;
}

.related-products-grid-element {
	background: var(--black);
	color: white;
	text-align: right;
	border-radius: 15px;
	position: relative;
}

.related-products-grid-element .plus {
	position: absolute;
	bottom: 35px;
	right: 35px;
}

.related-products-grid-element .header{
	padding: 15px;
}

.related-products-grid-element p {
	margin: 0;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	font-family: Proxima Nova;
	text-transform: uppercase;
}

.related-products-grid-element img {
	max-width: 100%;
	border-radius: 0 0 15px 15px;
	display: block
}

@media screen and (max-width: 1025px) {

	.related-products {
	    padding: 40px 0;
	}
	.related-products h2 {
	    display: block;
	}
	.related-products-wrapper {
	    width: 90%;
	}
	.related-products-grid {
	    grid-template-columns: repeat(1, 1fr);
	}
	.related-products h2 img {
	    margin-left: 0px;
	}
}
/*END RELATED PRODUCTS*/

/*FOOTER*/
footer.mbrp {
	background: var(--black);
	padding: 80px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: linear-gradient(90deg, rgba(18,18,18,1) 95%, rgba(211,47,47,1) 95%);
}

/*footer:after {
	content: url('./assets/footer-background-right.svg');
	position: absolute;
	top: 0;
}*/
/*END FOOTER*/

/*FILTER HEADER*/

.filter-page .filter-overlay, .vehicle-dropdown .filter-overlay{
	position: fixed;
	display: flex;
  justify-content: center;
  align-items: center;
  background: var(--black);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  transition: 0.5s;
  opacity: 0;
  border-radius: 50%;
  visibility: hidden;
  width: 100vh;
  margin: 0 auto;
}
.filter-page .filter-overlay.show, .vehicle-dropdown .filter-overlay.show {
	visibility: visible;
	opacity: 1;
	border-radius: 0;
	width: 100%;
}

.loading__letter {
  animation-name: bounce;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.loading__letter:nth-child(2) {
  animation-delay: .1s; 
}
.loading__letter:nth-child(3) {
  animation-delay: .2s;
}
.loading__letter:nth-child(4) {
  animation-delay: .3s; 
}

@keyframes bounce {
  0% {
    transform: translateY(0px)
  }
  40% {
    transform: translateY(-10px);
  }
  80%,
  100% {
    transform: translateY(0px);
  }
}

.filter-hero-section {
	background: var(--black);
	color: white;
	padding: 32px 0 0 0;
}

.filter-hero-section h1 {
	text-align: center;
	font-size: 40px;
	letter-spacing: 0.04em;
}

.filter-hero-section .filter-hero-selection {
	position: relative;
}

.filter-hero-section .filter-hero-selection img.back-arrow{
	position: absolute;
	top: 27px;
	left: 43px;
	cursor:pointer;
}

.filter-hero-section .current-selections {
	display: flex;
	justify-content: center;
}

.filter-hero-section .current-selections p {
	font-family: Proxima Nova;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0.06em;
	border-left: 2px solid white;
	padding: 0 10px;
	color: white;
	text-transform: uppercase;
}

.filter-hero-section .current-selections p:first-of-type {
	border-left: none;

}

.filter-hero-section .type {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 14px;
	width: 50%;
	margin: 38px auto 48px auto;
}

.filter-hero-section .type button{
	padding: 34px 20px;
	background: #E9E9E9;
	border: 2px solid #E9E9E9;
	box-sizing: border-box;
	border-radius: 12px;
}

.filter-hero-section .type button p{
	margin: 17px 0 0 0;
	font-family: Proxima Nova;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.filter-hero-section .make {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
  padding: 38px 0 48px 0;
}

.filter-hero-section .make button {
	background: var(--grey-very-dark);
	border: 1px solid var(--grey-very-dark);
	border-radius: 32px;
	width: calc(25% - 16px);
}

.filter-hero-section .make button p{
	font-family: Proxima Nova;
	color: white;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 12px 20px;
}

.filter-hero-section .model {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
  padding: 38px 0 48px 0;
}

.filter-hero-section .model button {
	background: var(--grey-very-dark);
	border: 1px solid var(--grey-very-dark);
	border-radius: 32px;
	width: calc(25% - 16px);
}

.filter-hero-section .model button p{
	font-family: Proxima Nova;
	color: white;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 12px 20px;
}

.filter-hero-section .year {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
  padding: 38px 0 48px 0;
}

.filter-hero-section .year button {
	background: var(--grey-very-dark);
	border: 1px solid var(--grey-very-dark);
	border-radius: 32px;
	width: calc(33% - 16px);
}

.filter-hero-section .year button p{
	font-family: Proxima Nova;
	color: white;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 12px 20px 0 20px;
}

.filter-hero-section .year button p.subtext {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.06em;
	margin: 0 20px 12px 20px;
}

.filter-hero-section .status-bar {
	background: var(--grey-very-dark);
	display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  min-height: 42px;
}

.filter-hero-section .status-bar .closed {
	height: 2px;
	width: 44px;
	background: white;
	margin: 20px 0;
}

.filter-hero-section .status-bar img.down-arrow {
	position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.slide-enter-active {
   -moz-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -moz-transition-timing-function: ease-in;
   -webkit-transition-timing-function: ease-in;
   -o-transition-timing-function: ease-in;
   transition-timing-function: ease-in;
}

.slide-leave-active {
   -moz-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slide-enter-to, .slide-leave {
   max-height: 100px;
   overflow: hidden;
}

.slide-enter, .slide-leave-to {
   overflow: hidden;
   max-height: 0;
}
/*END FILTER HEADER*/

/*FILTER PRODUCTS*/
.filter-products-section {
	padding: 78px 0 100px 0;
	background: url('./assets/mbrp_background-2.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
}
.filter-products-section h2{
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	letter-spacing: 0.03em;
  margin: 0 0 48px 0;
}
.filter-products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	align-items: flex-start;
}

.filter-products-wrapper{
	width: 80%;
	margin: 0 auto;
}

.filter-products-grid-element {
	background: var(--black);
	color: white;
	text-align: right;
	border-radius: 15px;
	position: relative;
}

.filter-products-grid-element .plus {
	position: absolute;
	bottom: 18px;
	right: 20px;
	max-width: 30px;
}

.filter-products-grid-element .header{
	padding: 15px;
	display: grid;
	grid-template-columns: 5fr 3fr;
	grid-gap: 15px;
	justify-content: flex-end;
}

.filter-products-grid-element .header p:first-of-type{
	text-align: left;
}

.filter-products-grid-element p {
	margin: 0;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	font-family: Proxima Nova;
	text-transform: uppercase;
}

.filter-products-grid-element img {
	width: 100%;
	border-radius: 0 0 15px 15px;
	display: block
}

@media screen and (max-width: 1025px) {


	.filter-products-wrapper {
	    width: 90%;
	}
	.filter-products-grid {
	    grid-template-columns: repeat(1, 1fr);
	}

	.filter-hero-section .model button {
    width: 100%;
	}
	.filter-hero-section .make button {
    width: 100%;
	}

	.filter-hero-section .year button {
    width: 100%;
	}

	.filter-hero-section .filter-hero-selection img.back-arrow {
    position: absolute;
    top: -60px;
    left: 20px;
    cursor: pointer;
    width: 40px;
	}

	.filter-hero-section .type {
    grid-template-columns: repeat(1, 1fr);
    width: 70%;
	}

}


/*END FILTER PRODUCTS*/

/*SEARCH PAGE*/

.search-form input {
	background: var(--black);
	border: none;
	border-bottom: 1px solid white;
	min-width: 250px;
	font-family: 'proxima-nova';
}

.top-searches {
	color: var(--white);
	background: var(--black);
	padding: 50px;
	height: calc(100vh - 120px);
}

.top-searches h2 {
	font-family: Proxima Nova;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

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

.top-searches li {
	margin-bottom: 20px;
}

.top-searches li a {
	color: var(--white);
	font-family: 'proxima-nova', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	transition: 0.3s;
}

.top-searches li a:hover {
	color: var(--grey-medium);
}

.search-results {
	background: var(--black);
	color: var(--white);
	padding: 50px;
}

.search-results .search-sentence {
	font-family: Proxima Nova;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 50px;
}

.search-product-grid {
	width: 60%;
	margin: 0 auto;
	display: grid;
	grid-gap: 30px;
}

.search-product-grid .search-product {
	background: #272727;
	padding: 0 70px;
	border-radius: 10px;
}

.search-product-grid .search-product a{
	color: var(--white);
}

.search-product-grid .search-product img {
	max-width: 100%;
}

.search-product-grid .search-product .search-product-innergrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}

.search-product-grid .search-product .search-product-innergrid .info {
	display: flex;
}

.search-product-grid .search-product .search-product-innergrid .info img{
	max-width: 35px;
	margin-right: 16px;
}

.search-product-grid .search-product .search-product-innergrid .info p{
	font-family: Proxima Nova;
	font-style: normal;
	font-weight: 500;
	font-size: 13.7412px;
	line-height: 21px;
	letter-spacing: 0.005em;
	text-transform: uppercase;
	margin: 0;
}

@media screen and (max-width: 1025px) {
	.search-form input {
		min-width: unset;
	}
	.search-product-grid {
    width: 100%;
	}

	.search-product-grid .search-product {
	  padding: 24px;
	}
	.search-product-grid .search-product .search-product-innergrid {
    grid-template-columns: 1fr;
	}

	.search-product-grid .search-product img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
	}
}
/*END SEARCH PAGE*/

/*ADDON PRODUCTS */
.addon-products {
	background: var(--black);
	color: var(--white);
	text-transform: uppercase;
}

.addon-products .add-to-cart{
	text-align: center;
}

.addon-products .button img{
	max-height: 10px;
}

.addon-products .button {
	display: inline-block;
	margin: 10px auto 0;
}

.addon-products h2 {
	font-family: Rift;
	font-style: normal;
	font-weight: bold;
	font-size: 29px;
	line-height: 35px;
	letter-spacing: 0.03em;
}

.addon-products .addon-products-wrapper {
	width: 60%;
	margin: 0 auto;
	padding: 66px 0;
}

.addon-products .addon-products-wrapper .info {
	text-align: center;
	margin-bottom: 50px;
}

.addon-products .addon-products-wrapper .options {
	display: flex;
	flex-wrap: wrap;
}

.addon-products .addon-products-wrapper .options div {
	display: flex;
	align-items: center;
	margin-right: 20px;
	margin-bottom: 12px;
}

.addon-products .addon-products-wrapper .options div input {
	margin-right: 5px;
}

.addon-products .addon-products-wrapper .info a{
	font-family: Proxima Nova;
	color: var(--white);
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.03em;
	transition: 0.3s;
}

.addon-products .addon-products-wrapper .info a:hover{
	color: var(--grey-medium);
}

.addon-products .addon-products-wrapper .info a:hover img{
	margin-left: 5px;
}
.addon-products .addon-products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 36px 50px;
	list-style: none;
	margin: 0;
	padding:  0;
}

.addon-products .addon-products-grid li {
	background: #272727;
	border-radius: 10px;
	padding: 14px 29px 19px 29px;
}

.addon-products .addon-products-grid li p {
	font-family: Rift;
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 23px;
	text-align: center;
}

.addon-products .addon-products-grid .image img{
	max-width: 100%;
	display: block;
}

@media screen and (max-width: 1025px) {
	.addon-products .addon-products-wrapper {
		width: 80%;
	}

	.addon-products .addon-products-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*END ADDON PRODUCTS */


/*CART*/

.cart-slideout {
	background-color: var(--red);
	background-image: url('./assets/checkout-background.svg');
	background-repeat: no-repeat;
	background-position: bottom right;
	height: calc(100vh - 106px);
	display: none;
	width: 476px;
	max-width: 100%;
	padding: 34px;
	position: fixed;
	top: 106px;
	right: 0;
	z-index: 10;
	overflow: scroll;
}

.cart-slideout.open{
	width: 476px;
	visibility: visible;
}


.cart-slideout-wrapper {
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

.cart-slideout-wrapper .button{
  display: inline-flex;
	align-items: center;
}

.cart-slideout-wrapper .button img{
  margin-left: 10px;
}

.cart-slideout .cart-product {
	list-style: none;
	margin: 0;
	padding:  0;
	margin-top: 30px;
}
.cart-slideout .cart-product li {
	background: #272727;
	border-radius: 10px;
	padding: 14px 29px 19px 29px;
	margin-bottom: 23px;
	color: var(--white);
}

.cart-slideout .cart-product li p {
	font-family: Rift;
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 23px;
	text-align: center;
}

.cart-slideout .cart-product .image img{
	max-width: 100%;
	display: block;
}

.cart-slideout .cart-product .options > div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.cart-slideout .cart-product .options input {
	background: black;
	border: 1px solid black;
	color: white;
	padding: 5px;
	width: 50px;
	margin-left: 8px;
}

.cart-slideout .remove-from-cart .button img {
	height: 10px;
}

@media screen and (max-width: 1025px) {
	.cart-slideout-wrapper {
	  width: 70%;
	}
}
/*END CART*/

/*MENU*/
.menu {
	background-color: var(--black);
	background-image: url('../assets/menu-background.svg')
	color: var(--white);
	position: absolute;
	width: 100%;
	min-height: 100vh;
	top: 106px;
	z-index: 100;
	left: 0;
	padding: 34px 76px 34px 76px;
	overflow: scroll;
}

.menu .main-menu {
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;
}

.menu .main-menu li {
	margin-bottom: 34px;
}


.menu li a {
	transition: 0.3s;
}

.menu .main-menu li a:hover  {
	color: var(--red);
}

.menu .social-menu {
	display: flex;

}

.menu .social-menu li {
	margin-right: 26px;
}

.menu .social-menu svg {
	height: 46px;
}

.menu .social-menu svg path{
	fill: #ffffff;
	transition: 0.3s;
}

.menu .social-menu a:hover svg path{
	fill: var(--red);
}

.menu .sub-menu {
	margin-top: 53px;
}
.menu .sub-menu li {
	margin-bottom: 17px; 
}

.menu .sub-menu li a {
	color: var(--grey-medium);
	font-weight: 700;
	font-size: 24px;
	line-height: 27px; 
}

.menu .sub-menu li a:hover {
	color: var(--white);
}

.menu .hashtag {
	margin-top: 111px;
	margin-bottom: 80px;
}
@media screen and (max-width: 1025px) {
	.menu {
    padding: 34px 46px 34px 46px;
  }

  .menu .main-menu {
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
  }
  .menu .main-menu li {
    margin-bottom: 24px;
  }
  .menu .social-menu svg {
    height: 30px;
  }
  .menu .sub-menu li a {
    font-size: 18px;
    line-height: 20px;
  }
  .menu .sub-menu {
    margin-top: 33px;
  }

  .menu .hashtag {
  	margin-top: 80px;
  }

  .menu .hashtag img {
  	max-width: 100%;
  }
}
/*END MENU*/

/*HOMEPAGE*/
/*----------*/

/*HOMEPAGE BENEFITS*/
.benefits {
	background: var(--black);
	color: white;
	padding: 66px 0;
}

.benefits h3 {
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 1.5;
}

.benefits p {
	font-size: 20px;
	line-height: 22px;
	text-transform: unset;
}

.benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 73px;
	width: 85%;
	margin: 0 auto;
}

.benefits-grid .benefit{
	align-self: center;
  text-align: center;
}

@media screen and (max-width: 1025px) {
	.benefits-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px;
	}
}


/*END HOMEPAGE BENEFITS*/

/*HOMEPAGE TESTIMONIAL WITH IMAGE*/
.testimonial-with-image {
	background: var(--black);
	color: white;
	padding: 100px 0;
}

.testimonial-with-image h2{
	font-size: 49px;
	line-height: 59px;
	margin-top: 0;
}

.testimonial-with-image-slider {
	padding-bottom: 20px;
}

.testimonial-with-image-wrapper {
	width: 90%;
	margin: 0 auto;
}

.testimonial-with-image-wrapper.testimonial-callout {
	padding: 130px 0 20px;
  text-align: center;
}
.testimonial-with-image-slider-wrapper {
	width: 90%;
	margin: 0 auto;
}
.testimonial-with-image .testimonial-slide {
	padding: 80px 100px;
	background: linear-gradient(0deg, #676767, #676767);
	color: white;
}

.testimonial-with-image .testimonial-slide{
	width: calc(50% - 40px);
	margin-right: 40px;
	border-radius: 16px;
}

/*.testimonial-with-image .testimonial-slide .overlay {
	background: rgba(103, 103, 103, 0.3);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}*/

.testimonial-with-image .testimonial-slide .info-head{
	display: flex;
	align-items: center;
}

.testimonial-with-image .testimonial-slide .info-head p, .testimonial-with-image .testimonial-slide .info-head a
{
	margin-right: 10px;
}

.testimonial-with-image .testimonial-slide .info .info-head p {
	font-size: 24px;
	line-height: 24px;
	margin: 0 10px 0 0;
}

.testimonial-with-image .testimonial-slide .info p {
	font-size: 18px;
	line-height: 20px;
}

.testimonial-with-image .testimonial-slide .info img.stars {
	width: 120px;
	margin-bottom: 16px;
}

.testimonial-with-image .testimonial-slide .info-head p.name {
	font-weight: 600;
}
/*END HOMEPAGE TESTIMONIAL WITH IMAGE*/

/*HOMEPAGE LIMITATIONS */

.limitations {
	background: var(--grey-five);
	color: white;
	padding: 75px 0;
}

.limitations h2 {
	font-size: 48px;
	line-height: 53px;
	text-align: center;
	margin: 0;
}

.limitations-bar {
	background: var(--grey-light);
	color: var(--black);
	width: 70%;
	margin: 0 auto;
	border-radius: 16px;
	margin-top: 45px;
}

.limitations-bar .title{
	background: var(--grey-three);
	color: white;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	border-radius: 0 0 16px 16px;
	font-size: 39px;
	font-weight: 500;
	padding: 10px 0;
}

.limitations-bar .title  h3{
	margin: 0;
}

.limitations-grid {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-end;
  justify-items: center;
  padding: 50px 70px 30px 70px;
  text-align: center;
}

.limitations-grid p{
	font-weight: 700;
	font-size: 25px;
	line-height: 30px;
}
/*END HOMEPAGE LIMITATIONS */


/*HOMEPAGE MBRP BENEFITS */

.mbrp-benefits {
	background: var(--grey-five);
	color: white;
	padding: 75px 0;
}

.mbrp-benefits h2 {
	font-size: 48px;
	line-height: 53px;
	text-align: center;
	margin: 0;
}

.mbrp-benefits-bar {
	background: var(--red);
	color: white;
	width: 90%;
	margin: 0 auto;
	border-radius: 16px;
	margin-top: 45px;
}

.mbrp-benefits-bar .title{
	background: var(--red-dark);
	color: white;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	border-radius: 0 0 16px 16px;
	font-size: 39px;
	font-weight: 500;
	padding: 10px 0;
}

.mbrp-benefits-bar .title  img{
	margin: 25px 0;
}

.mbrp-benefits-grid {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-end;
  justify-items: center;
  padding: 50px 70px 30px 70px;
}

.mbrp-benefits-grid p{
	font-weight: 700;
	font-size: 25px;
	line-height: 30px;
}

.mbrp-benefits-grid ul{
	/*margin: 0;*/
	padding: 0 18px;
	list-style-type: circle;
}
/*END MBRP BENEFITS */

/*HOMEPAGE MBRP BENEFITS */

	.tab-content{
		display: none;
  	padding: 10px 0px 60px;
	}


	.tab-content.current{
		display: inherit;
	}
.sound-card {
	background: var(--grey-five);
	color: white;
	padding: 75px 0 0 0;
	position: relative;
}

.sound-card:after {
	content: url('./assets/homepage_after_2.svg');
	position: absolute;
	top: 20%;
	right: 0;
}

.sound-card h2 {
	font-size: 48px;
	line-height: 53px;
	text-align: center;
}

.sound-card-main {
	width: 50%;
	margin: 0 auto;
	min-width: 670px;
}

.sound-card-main .title {
	font-family: 'proxima-nova';
	font-size: 20px;
	line-height: 22px;
	font-weight: 300;
	text-transform: uppercase;
}

ul.sound-card-tabs {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-items: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.sound-card-tabs li{
	display: flex;
}

ul.sound-card-tabs li p{
	margin-right: 10px;
}

ul.sound-card-tabs .tab-link img{
	transition: 0.3s;
}

ul.sound-card-tabs .tab-link.current img{
	transform: rotate(90deg);
}

.sound-area {
	padding: 32px 80px;
	border-radius: 50px;
	border: 8px solid var(--grey-dark);
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
  text-align: center;
}

.sound-area a {
	display: flex;
	justify-content: center;
}

.sound-callout {
	background-image: linear-gradient(
      to bottom, 
      var(--grey-five),
      var(--grey-five) 50%,
      var(--black) 50%
    );
	text-align: center;
  padding: 40px 0;
}

.sound-callout .button{
	display: inline-block;
}
/*END HOMEPAGE MBRP BENEFITS */

/*IMAGE TEXT BLOCK*/

.image-text-blocks {
	background: linear-gradient(
      to bottom, 
      var(--black),
      var(--black) 97%,
      var(--grey-three) 97%,
      var(--grey-three) 98%,
      #ffffff 98%
    );
    /*background: var(--black);*/
  color: white;
  padding: 85px 0 0 0;
  /*position: relative;*/
}

/*.image-text-blocks:after {
	content: url('./assets/homepage_after_3.svg');;
	position: absolute;
	top: 40%;
	right: 0;
}*/

.image-text-block {
	display: grid;
	grid-template-columns: 4fr 3fr;
	grid-gap: 00px;
	margin-bottom: 70px;
	align-items: center;
}


.image-text-bar-1{
	height: 10px;
	background-image: linear-gradient( to right, 
		var(--black), 
		var(--black) 6%, 
		var(--grey-very-dark) 6%, 
		var(--grey-very-dark) 55% );
	align-self: flex-end;
}

.image-text-bar-2{
	height: 10px;
	background-image: linear-gradient( to right, 
		#fff, 
		#fff 6%, 
		var(--grey-very-dark) 6%, 
		var(--grey-very-dark) 55% );
	align-self: flex-end;
}

.image-text-bar-3{
	height: 10px;
	background: white;
	align-self: flex-end;
}

.image-text-bar-4{
	height: 20px;
	background: blue;
	align-self: flex-end;
}

.image-text-bar-5{
	height: 20px;
	background: green;
	align-self: flex-end;
}

.image-text-bar-6{
	height: 20px;
	background: purple;
	align-self: flex-end;
}

.image-text-block:nth-of-type(even){
	grid-template-columns: 3fr 4fr;
}

.image-text-block:nth-of-type(odd) .info{
	padding: 0 80px 30px 100px;
}

.image-text-block:nth-of-type(even) .info{
	order: 2;
	padding: 0 100px 30px 80px;
}

.image-text-block:last-of-type {
	margin-bottom: 0;
}

.image-text-block:last-of-type .image{
	grid-row: auto / span 2;
}

.image-text-block h3 {
	font-size: 60px;
	line-height: 77px;
	margin: 0;
}

.image-text-block p {
	font-size: 24px;
	line-height: 31px;
	font-family: 'proxima-nova';
	font-weight: 300;
}
.image-text-block img{
	max-width: 100%;
}
/*END IMAGE TEXT BLOCK*/

/*HOMEPAGE TESTIMONIAL*/
.testimonial {
	background: white;
	color: var(--black);
	padding: 20px 0 118px 0;
	font-family: 'proxima-nova';
	position: relative;
}

.testimonial:before{
	content: url('./assets/homepage_after_10.svg');
	position: absolute;
	top: 60%;
	left: 0;
	z-index: 0;
}

.testimonial:after{
	content: url('./assets/homepage_after_6.svg');
	position: absolute;
	top: 80%;
	right: 0;
}

.testimonial h2{
	font-size: 49px;
	line-height: 59px;
	margin-top: 0;
}

.testimonial p{
	font-size: 16px;
	line-height: 18px;
	font-family: 'proxima-nova';
}




.testimonial-wrapper {
	width: 75%;
	margin: 0 auto;
}

.testimonial-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 28px 34px ;
}
.testimonial .testimonial-slide {
	padding: 43px 82px;
	background: var(--grey-light);
	color: var(--black);
	border-radius: 16px;
	z-index: 1;
}


.testimonial .testimonial-slide .info img.stars {
	width: 120px;
	margin-bottom: 16px;
}


.testimonial .testimonial-slide .info-head{
	display: flex;
	align-items: center;
}

.testimonial .testimonial-slide .info-head p, .testimonial.testimonial-slide .info-head a
{
	margin-right: 10px;
}

.testimonial .testimonial-slide .info .info-head p {
	font-size: 24px;
	line-height: 24px;
	margin: 0 10px 0 0;
}

.testimonial .testimonial-slide .info p {
	font-size: 16px;
	line-height: 18px;
	font-family: 'proxima-nova';
}

.testimonial .testimonial-slide .info-head p.name {
	font-weight: 600;
}
/*END HOMEPAGE TESTIMONIAL*/

/*HOMEPAGE STEPS*/
.steps-wrapper {
	background: var(--black);
	color: white;
	padding: 60px 0;
}

.steps .top-grid .first {
	height: 20px;
	background-image: linear-gradient( to right, 
		#fff, 
		#fff 6%, 
		var(--grey-very-dark) 6%, 
		var(--grey-very-dark) 55% )
}


.steps .top-grid .second {
	height: 14px;
	background-image: linear-gradient( to right, 
		var(--black), 
		var(--black) 6%, 
		var(--grey-very-dark) 6%, 
		var(--grey-very-dark) 55% )
}

.steps h2{
	margin: 0;
	text-align: center;
	font-size: 48px;
	line-height: 52px;
}

.steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 45px;
	width: 80%;
	margin: 60px auto;
}

.steps-grid p {
	font-size: 20px;
	line-height: 24px;
	font-family: 'proxima-nova';
	font-weight: 300; 
	margin-left: 52px;
}

.steps .text {
	font-family: 'proxima-nova';
	font-size: 24px;
	line-height: 26px;
	width: 60%;
	margin: 0 auto;
	padding: 0px 0 40px 0;
}

.steps .text p {
	margin: 0;
}

.step-callout {
	padding: 40px;
	text-align: center;
}

.step-callout a{
	display: inline-block;
}

.step-bar-outer {
  width: 100%;
  background-color: var(--grey-four);
  border-radius: 16px;
}

.step-bar-inner {
  width: 1%;
  height: 20px;
  background-color: var(--red);
  border-radius: 16px;
  transition: width 1s;
}


.step-bar-inner.full {
	width: 100%;
	opacity: 1;
}

.step-bar-wrapper {
  position: relative;
}

.step-bar-wrapper img {
  position: absolute;
  background: var(--grey-very-dark);
  border-radius: 50%;
  padding: 8px;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 55px;
  z-index: 100;
}
/*END HOMEPAGE STEPS*/

/*HOMEPAGE YOUTUBE*/

.youtube-section {
	background: linear-gradient(
      to bottom, 
      var(--grey-five),
      var(--grey-five) 85%,
      var(--black) 85%,
      var(--black) 100%
    );
	color: white;
	padding: 68px 0 37px 0;
	text-align: center;
	position: relative;
}

/*.youtube-section:after{
	content: url('./assets/homepage_after_7.svg');
	position: absolute;
	top: 30%;
	right: -100;
}
*/

.youtube-header {
	margin-bottom: 70px;
}

.youtube-header h2{
	font-size: 48px;
	font-weight: 500;
	margin: 10px 0;
}

.youtube-header p{
	font-size: 24px;
	font-weight: 500;
	margin: 10px 0;
	font-family: 'proxima-nova';
}

.youtube-section-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 48px;
	width: 80%;
	margin: 0 auto;
}

.youtube-section-grid .embed-container {
	border-radius: 16px;
}
/*END HOMEPAGE YOUTUBE*/

/*HOMEPAGE WARRANTY*/
.warranty {
		background: linear-gradient(
	      to bottom, 
	      var(--black),
	      var(--black) 90%,
	      #ffffff 90%
	    );
	  color: white;
	  padding: 85px 0 30px 0;
}

.warranty h2 {
	font-size: 60px;
	line-height: 70px;
	margin: 0;
}

.warranty p {
	font-size: 18px;
	line-height: 23px;
	font-weight: 300;
	font-family: 'proxima-nova';
}

.warranty-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 78px;
	align-items: center;
}

.warranty-grid img {
	max-width: 100%;
}

.warranty .icon-grid {
	margin-top: 70px;
}

.warranty .icon-grid img{
	margin-right: 50px;
}
/*END HOMEPAGE WARRANTY*/

/*HOMEPAGE CALLOUT*/
.homepage-callout{
	background: white;
	padding: 100px 0 100px 0;
	position: relative;
}

.homepage-callout:after{
	content: url('./assets/homepage_after_8.svg');
	position: absolute;
	top: 5%;
	right: 0;
}

/*.homepage-callout:before{
	content: url('./assets/homepage_after_9.svg');
	position: absolute;
	top: 90%;
	left: 0;
}*/


.homepage-callout h2{
	font-size: 48px;
	line-height: 57px;
	margin: 0;
}

.homepage-callout p{
	font-size: 18px;
	line-height: 23px;
	font-family: 'proxima-nova';
}

.homepage-callout-wrapper {
	width: 55%;
	margin: 0 auto;
	text-align: center;
}

.homepage-callout .button {
	font-family: 'proxima-nova';
	text-transform: uppercase;
	margin-top: 40px;
}
/*END HOMEPAGE CALLOUT*/

/*HOMEPAGE CALLOUT BUTTON*/
.homepage-callout-button {
	background: white;
	padding: 107px 0 116px 0;
	position: relative;
}

.homepage-callout-button:before {
	content: url('./assets/homepage_after_4.svg');
	position: absolute;
	top: 10%;
	left: 0;
}

.homepage-callout-button:after {
	content: url('./assets/homepage_after_5.svg');
	position: absolute;
	top: 65%;
	right: 0;
}

.homepage-callout-button h2{
	font-size: 48px;
	line-height: 57px;
	margin: 0;
}

.homepage-callout-button p{
	font-size: 18px;
	line-height: 23px;
	font-family: 'proxima-nova';
}

.homepage-callout-button-wrapper {
	width: 55%;
	margin: 0 auto;
	text-align: center;
}

.homepage-callout-button .button {
	text-transform: uppercase;
	margin-top: 40px;
}
/*END HOMEPAGE CALLOUT BUTTON*/

/*HOMEPAGE SIGNUP*/

.signup {
	background: linear-gradient(
    to bottom, 
    white,
    white 5%,
    var(--red) 5%
  );
  color: white;
  text-align: center;
}

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

.signup-grid {
	display: grid;
	grid-template-columns: 5fr 4fr;
}

.signup-grid .info {
	align-self: center;
	width: 60%;
	margin: 0 auto;
	padding: 85px 0 60px;
}

.signup-grid .info h2{
	font-size: 40px;
	line-height: 48px;
	margin: 0;
}

.signup-grid .info p{
	font-size: 18px;
	line-height: 23px;
	font-family: 'proxima-nova';
	font-weight: 300;
}

.signup form {
	margin-top: 50px;
}
/*END HOMEPAGE SIGNUP*/

/*Collection Hero SECTION*/

.collection-hero-section {
	/*min-height: calc(100vh - 97px);*/
	display: grid;
	grid-template-columns: 1fr 18fr;
	/*padding-top: 97px;*/
	/*position: relative;*/
}



.collection-hero-section .collection-hero-sidebar {
	background: var(--red);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 30px;
	grid-row: auto / span 2;
}

.collection-hero-section .collection-hero-main {
	background-image: url('./assets/hero-mbrp-3.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.collection-hero-section .collection-hero-image {
	display: flex;
  padding: 40px;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.collection-hero-section .collection-hero-image > div{
	margin: 0 auto;
}

.collection-hero-section .collection-hero-image h1{
	font-size: 50px;
  line-height: 60px;
  text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.48);
  color: white;
  margin: 0;
}



.collection-hero-bar {
	height: 16px;
	background: var(--red);
}

.collection-hero-bar-2 {
	height: 16px;
	background-image: linear-gradient( 
		to right, var(--red), 
		var(--red) 6%, 
		var(--grey-five) 6%, 
		var(--grey-five) 55% );
}

.collection-hero-bar-3 {
	height: 16px;
	background: var(--grey-five);
}

.collection-hero-bar-4 {
	height: 16px;
	background-image: linear-gradient( 
		to right, var(--grey-five), 
		var(--grey-five) 6%, 
		var(--grey-five) 6%, 
		var(--grey-five) 55% );;
}


@media screen and (max-width: 1025px) {
	.collection-hero-section {
    min-height: calc(60vh);
    grid-template-columns: 1fr 6fr;
	}
	.collection-hero-section .collection-hero-image h1 {
    font-size: 50px;
    line-height: 48px;
  }

  .collection-hero-section .collection-hero-image {
    height: calc(60vh);
    padding: 30px;
  }

  .collection-hero-section .collection-hero-image p {
    font-size: 18px;
    margin: 40px 0;
  }
}



/*////*/

/*Collection SECTION*/


/*FOOTER*/
footer {
	background: var(--black);
	color: white;
	padding: 80px 95px 40px 95px;
}

footer a {
	color: var(--white);
}

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

footer ul p{
	margin: 0;
}

footer .logo-area img {
	width: 309px;
}

.footer-big-grid {
	display: grid;
	grid-template-columns: 4fr 6fr 2.5fr;
}

footer .link-area .main-links ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

footer .link-area .main-links ul li{
	font-family: 'proxima-nova';
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0em;

}

footer .link-area .secondary-links ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 16px;
}

footer .link-area .secondary-links ul li{
	font-family: 'proxima-nova';
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: 0em;
}

footer .cart-search-area {
	display: grid;
	justify-content: flex-end;
}

footer .cart-search-area .copywrite {
	align-self: flex-end;
	font-family: 'proxima-nova';
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;

}

footer .cart-search-area .cart-search ul{
	display: flex;
}

footer .cart-search-area .cart-search ul li{
	margin-right: 10px;
}

footer .cart-search-area .cart-search ul li:last-of-type{
	margin-right: 0px;
}

@media screen and (max-width: 1025px) {
	footer .footer-big-grid {
		grid-template-columns: 1fr;
	}

	footer .link-area .secondary-links ul{
		grid-template-columns: repeat(2, 1fr);
	}

	footer {
	  padding: 60px 35px 40px 35px;
	}
	footer .logo-area {
	  text-align: center;
	  margin-bottom: 40px;
	}

	footer .logo-area img {
	  width: 220px;
	}

	footer .cart-search-area {
    display: grid;
    justify-content: center;
	}
}

/*END FOOTER*/

/* END AMBASSADOR FORM*/

.ambassador-page {
	background: var(--black);
	color: white;
	padding: 60px 0 48px 0;
}

.ambassador-section {
	width: 50%;
	margin: 0 auto;
}

.ambassador-page h1{
	font-family: Rift;
	font-size: 29px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0.03em;
	text-align: center;
}

.ambassador-page p{
	font-family: 'proxima-nova';
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;
}

.ambassador-page .ambassador-hero-steps img {
  height: 25px;
  margin: 0 auto;
  display: block;
}

.ambassador-page .ambassador-hero-subtext {
	font-family: 'proxima-nova';
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	letter-spacing: 0.03em;
	text-align: center;

}

.ambassador-page .ambassador-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  text-align: center;
  max-width: 360px;
  justify-content: center;
  margin: 28px auto 48px auto;
}

.ambassador-page .ambassador-steps .step{
  margin-right: -10px;
}

.ambassador-page .ambassador-steps .step p {
  color: var(--black);
}

.ambassador-page .ambassador-steps .step p.show {
  color: white;
}

.ambassador-page .ambassador-steps .step-1{
  z-index: 3;
}

.ambassador-page .ambassador-steps .step-2{
  z-index: 2;
}

.ambassador-page .ambassador-steps .step-bar{
  height: 12px;
  border: 2px solid var(--black);
  background-color: var(--grey-five);
  border-radius: 6px;
  transition: 0.3s;
}

.ambassador-page .ambassador-steps .step-bar.step-bar-red{
  background-color: var(--red);
}


.ambassador-page .ambassador-form{
  background-color: var(--grey-five);
  padding: 40px;
  /*transition: 0.3s;*/
}

.ambassador-page .step-1-page p.info {
  margin-bottom: 40px;
}

.ambassador-page .ambassador-button-area {
  padding: 32px 0;
  display: flex;
  justify-content: space-between;
}

.ambassador-page .ambassador-form h2{
  font-family: Rift;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 48px;
}

.ambassador-page .ambassador-form h2 span{
  padding: 20px;
  background: var(--grey-five);
}

.ambassador-page .ambassador-form h2::before{
  content: "";
  position: absolute;
  background: var(--black);
  height: 2px;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}

.ambassador-page label {
	display: block;
	font-family: 'proxima-nova';
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.06em;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.ambassador-page .label {
	display: block;
	font-family: 'proxima-nova';
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.06em;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.ambassador-page input {
	background: #000000;
	border: 2px solid #000000;
	box-sizing: border-box;
	border-radius: 24px;
	width: 100%;
	margin-bottom: 28px;
	color: white;
	font-family: 'proxima-nova';
}

.ambassador-page textarea {
	background: #000000;
	border: 2px solid #000000;
	box-sizing: border-box;
	border-radius: 12px;
	width: 100%;
	margin-bottom: 28px;
	color: white;
	font-family: 'proxima-nova';
}

.ambassador-page fieldset {
	border: none;
	padding: 0;
}

.ambassador-page .form-two-column {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.ambassador-page .form-three-column {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}


.ambassador-page .ambassador-form .form-subtext {
	font-family: 'proxima-nova';
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.01em;
	text-align: left;
	color: var(--grey-six);

}

.ambassador-page .ambassador-form .required{
	color: var(--red);

}

.ambassador-page .ambassador-form .form-checkboxes {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 28px;
}

.ambassador-page .ambassador-form .checkbox-fieldset {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--black);
	padding: 12px 30px;
	border-radius: 24px;
}

.ambassador-page .ambassador-form .checkbox-fieldset.selected {
	background: var(--red);
}

.ambassador-page .ambassador-form .checkbox-fieldset input{
	margin: 0 10px 0 0 ;
	width: unset;
	/*display: none;*/
}

.ambassador-page .ambassador-form .checkbox-fieldset label{
	margin: 0;
	position: relative;
	text-transform: unset;
	font-family: 'proxima-nova';
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.01em;
	text-align: left;

}

/*.ambassador-page .ambassador-form .checkbox-fieldset label::after{
	content: url("./assets/empty_check.svg");
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
}

.ambassador-page .ambassador-form .checkbox-fieldset.selected label::after{
	content: url("./assets/checked_check.svg");
}*/

input:focus + label::before {
    box-shadow: 0 0 0 3px #ffbf47;
}

/* VEHICLE REVIEW HEADER */
	.vehicle-review-header {
		/*background: var(--black);*/
		color: white;
		text-align: center;
		padding: 50px 0;
		background-image: linear-gradient( to bottom, var(--black), var(--black) 72%, var(--red) 72%, var(--red) 75%, #ffffff 75% );
	}

	.vehicle-review-header h1{
		font-size: 110px;
    font-weight: 600;
    line-height: 110px;
    margin: 10px;
	}

	.vehicle-dropdown h2{
		font-size: 72px;
    line-height: 1;
    font-weight: 600;
    margin-top: 0;
	}

	.vehicle-review-header-wrapper {
		width: 90%;
		margin: 0 auto;

	}

	.vehicle-review-header .youtube-video{
		width: 60%;
		margin: 0 auto;
	}

	.vehicle-dropdown-wrapper p {
		font-family: 'proxima-nova';
		font-weight: 300;
		font-size: 18px;
		text-align: center;
		margin-bottom: 60px;
	}



/* VEHICLE DROPDOWN */

.vehicle-dropdown {
	/*background: var(--black);*/
	color: white;
	/*padding: 40px 0;*/
	font-size: 22px;
	background: linear-gradient(90deg, rgba(18,18,18,1) 95%, rgba(211,47,47,1) 95%);
}

.vehicle-dropdown .red {
	margin: 0;
}

.vehicle-dropdown .prize-area {
	background: white;
	color: var(--black);
}

.vehicle-dropdown .prizes {
	margin-bottom: 40px;
	padding-bottom: 50px;
}

.vehicle-dropdown h2, .vehicle-dropdown h3 {
	text-align: center;

}

.vehicle-dropdown h3 {
  margin: 0;
  font-size: 41px;
  font-weight: 500;
}
.vehicle-dropdown-wrapper {
	width: 60%;
	margin: 0 auto;
}

.vehicle-dropdown-select {
	margin-top: 20px;
}

.vehicle-dropdown select {
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
	background: var(--black);
	color: white;
	text-transform: uppercase;
	border: none;
	border-bottom: 1px solid white;
	padding: 10px 0;
	background: url('./assets/down_caret.svg') no-repeat 98% 80%;
	background-size: 26px;

}

.vehicle-dropdown-wrapper ul {
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 35px 0;
	margin: 0;
	padding: 0;
	list-style: none;
	color:white;
	padding: 40px 60px;
	background: #333;
	border-radius: 24px;
}

.vehicle-dropdown-wrapper ul li{
	width: 25%;
	/*padding: 5px;*/
}

.vehicle-dropdown-wrapper ul li span{
	/*background: #444444;
	border-radius: 24px;*/
	display: block;
	text-align: center;
	/*padding: 10px;*/
	font-family: proxima-nova;
	font-weight: 500;
	font-size: 18px;
}

.vehicle-dropdown-wrapper .reset {
	text-align: right;
}

.vehicle-dropdown-wrapper .reset button{
	font-family: proxima-nova;
	font-size: 14px;
	padding: 0 30px;
	border: 1px solid var(--black);
	text-transform: uppercase;
}
/* END VEHICLE DROPDOWN */

/* VEHICLE REVIEW RESPONSE */
.filter-reviews {
	/*background: var(--black);*/
	color: white;
	font-size: 22px;
	font-family: 'proxima-nova';
	font-weight: 300;
	background: linear-gradient(90deg, rgba(18,18,18,1) 95%, rgba(211,47,47,1) 95%);
}

.filter-reviews-grid {
	display: grid;
	grid-gap: 40px;
}

.filter-reviews-grid-element {
	/*padding: 0 0 30px 0;*/
	display: grid;
	grid-template-columns: 3fr 1fr;
	align-items: center;
	grid-gap: 40px;
  background: #444444;
  padding: 20px 40px 20px 30px;
  border-radius: 24px;
}

.filter-reviews-grid-element:nth-child(even) {
	/*padding: 0 0 30px 0;*/
	background: #222222;
}

.filter-reviews-grid-element h2 {
	font-size: 18px;
  font-family: 'rift';
  font-weight: 500;
  margin: 0;
}

.filter-reviews-grid-element h3 {
	font-size: 36px;
  font-family: 'rift';
  font-weight: 500;
  margin: 0;
}

.filter-reviews-grid-element p {
	font-size: 14px;
  font-family: 'proxima-nova';
  font-weight: 200;
   margin-bottom: 0;
}

.filter-reviews-grid-element .button {
	font-size: 14px;
	font-family: 'proxima-nova';
  text-transform: uppercase;
  letter-spacing: 1px;
}

.filter-reviews-grid-element .link{
	text-align: center;
	padding-top: 10px;
}

.filter-reviews-grid-element .link img{
	max-width: 60px;
	margin-bottom: 10px;
	display: block;
	margin: 0 auto 10px;
}

.review-search-form {
	text-align: center;
}
.review-search-form input[type='text']
{

	border: 1px solid white;
	border-radius: 0;
	background: white url('./assets/search_2.png') no-repeat 95% 50%;
	margin-right: 30px;
	display: block;
	color: var(--black);
	margin: 0 auto 20px;
  min-width: 350px;
}



.review-search-form input[type='submit']
{
	width: unset;
  font-size: 18px;
  background: var(--red);
  padding: 8px 40px;
  transition: 0.3s;
  position: relative;
}


.review-search-form input[type='submit']:hover
{
  background: var(--red-dark);
}


.filter-reviews-wrapper {
	width: 75%;
  margin: 0 auto;
  padding: 80px 0;
}

.bottom-bar {
	position: fixed;
  bottom: 0;
  background: #1a1a1a;
  width: 100%;
  color: white;
  font-family: 'rift';
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  border-top: 3px solid #707070;
  padding: 20px;
}
.bottom-bar p{
	margin: 0;
}

.bottom-bar a {
	font-family: 'proxima-nova';
	font-weight: 300;
	font-size: 14px;
	color: white;
	text-decoration: underline;
	margin:0;
}

.Button__FormStyledButton-p2mbjt-0 {
	padding: 12px 40px;
}

.no-product-form {
	color: white;
    text-align: center;
    background: linear-gradient( 
90deg
 , rgba(18,18,18,1) 95%, rgba(211,47,47,1) 95%);
    padding: 40px;
  }

  .no-product-form form {
  	margin-top: 30px;
  }

  .no-product-form h3 {
  	font-size: 36px;
    margin: 0;
  }

  .no-product-form p {
  	font-family: 'proxima-nova';
    font-weight: 300;
    font-size: 21px;
    margin: 5px;
  }

  .no-product-form p.small {
    font-size: 14px;
  }
/* END VEHICLE REVIEW RESPONSE */

@media screen and (max-width: 1025px) {
	.vehicle-dropdown-wrapper {
		width: 80%;
	}

	.vehicle-review-header-wrapper{
		width: 80%;
	}

	.filter-reviews-wrapper {
		width: 80%;
	  padding: 40px 0;
	}
	.filter-reviews-grid-element {
		grid-template-columns: 1fr;
	}
	.vehicle-review-header h1 {
		font-size: 60px;
		line-height: 70px;
	}
	.vehicle-dropdown h2 {
		font-size: 52px;
	}
	.vehicle-dropdown-wrapper ul li{
		width: 50%;
	}
	.review-search-form input[type='text']{
		min-width: 280px;
	}
	.vehicle-dropdown h3 {
		font-size: 35px;
	}
	.filter-reviews-grid-element h3 {
		font-size: 32px;
	}

}