:root {
  --color-midgray1: #222729;
  --color-cream: #f7f5ee;


}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	white-space: nowrap;
}

.align-items-center {
	display: flex;
  align-items: center;
}

section.alesis-productinfo .feature-text-box {
	padding: 2rem 2rem 1rem;
}

section.alesis-section-dark .feature-text-box {
	background-color: #000;
}

section.alesis-section-light .feature-text-box {
	background-color: transparent;
}


section.alesis-productinfo p,
section.alesis-productinfo h2,
section.alesis-productinfo h3 {
	text-wrap: balance;
}

section.alesis-content-top .container {
	position: initial;
	transform: initial;
}

.text-blue,.text-blue > * {
  color: var(--color-blue)!important;
}

.d-flex {
	display: flex;
}

.sticky-nav-product-name img {
	height: 1.3rem;
}

.container {
/*	display: flex;*/
}

.no-wrap,.nowrap {
	white-space: nowrap!important;
}

section.alesis-section-dark {
	background-color: var(--color-midgray1);
}

section.productintro {
	text-align: left;
	background-image: url(/assets/img/pdp/nitro-pro/image-01-extended_2x.png),
		url(/assets/img/pdp/nitro-pro/gradient_left.png);
/*	aspect-ratio: 2872 / 1190;*/
	aspect-ratio: 16 / 9 ;
}

section.alesis-content-top p {
	font-family: "Nexa", sans-serif;
    line-height: 24px;
    font-size: 14px;
}

section.ready-to-rock {
	background-image: url(/assets/img/pdp/nitro-pro/image-03_2x.png);
/*	aspect-ratio: 2872 / 1190;*/
	aspect-ratio: 16 / 9;
}

section.band-back-together {
	background-color: var(--color-midgray1);
	aspect-ratio: 2872 / 1190;
}

section.real-deal,
section.accessories {
	background-color: #fff;
}

section.more-play {
	background-image: url(/assets/img/pdp/nitro-pro/image-05_2x.png);
	aspect-ratio: 2872 / 1588;
}

section.intuitive-module {
	background-color: var(--color-cream);
	padding-top: 2rem;
/*	aspect-ratio: 2872 / 1190;*/
}

section.bfd {
	background-image: url(/assets/img/pdp/nitro-pro/background-01_2x.png);
    padding-top: 6rem;
    margin-top: -15rem;
}

section.bfd img.bfdlogo {
	padding-top: 3rem;
	width: 200px;
	margin: 0 0 2rem;
}

section.drumeo img.drumeologo {
	width: 200px;
	margin: 0 0 2rem;
}


section.lifestyle-images-block .row {
	padding: 0!important;
}

section.images-block {
	margin: 8rem 0 2rem;
}






h1 {
	font-family: "Nexa",sans-serif;
	line-height: 1;
	font-size: 1.0rem;
	font-weight: normal;
	text-transform: uppercase;
}

h1 .header-logo {
	display: block;
	margin-left: -0.2rem;
	color: transparent;
	width: 300px;
	line-height: 0;
  overflow: hidden;
  font-size: 0;
}

h1 .header-logo::before {
  content: "";
  display: block;
  background-image: url(/assets/img/pdp/nitro-pro/logo-nitro-pro.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  width: 100%;
  aspect-ratio: 412 / 80 ;
}

.r6 {
	border-radius: 6px;
}

.r12 {
	border-radius: 12px;
}

h3>i {
}

.button-row {
	transform: translateY( 50% );
	text-align: center;
}
.button-row a.button {
	line-height: 1.8em;
}

a.software-tile .img-container {
	border-radius: 12px 12px 0 0;
}

a.software-tile .text-container {
	border-radius: 0 0 12px 12px;
}

.graybox {
	background-color: var(--color-midgray1);
}

.graybox .text-box {
	padding: 2rem 0 2rem 4rem!important;
}

.graybox img.drumeo-collage {
    margin: -3rem 0rem 3rem;
    padding: 0 3rem;
}

dd.sticky-nav-product-name {
	margin-left: 0;
}

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

	section {
		overflow: hidden;
	}
	.row {
/*		margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;*/
	}
	section.altimage {
		background: none!important;
		padding: 0!important;
	}

/*	section.alesis-section-dark {
		background: none!important;
	}
*/
	section.altimage > .container,section.altimage .row {
		background: none!important;
		padding-top: 0!important;
		padding-bottom: 0!important;
	}

	section.altimage > .container {
		overflow:hidden;
		padding-left: 0;
		padding-right: 0;
	}

	section.productinfo {
		background-image: url(/assets/img/pdp/nitro-pro/image-01-extended_2x.png);
	}

	section.productinfo,
	section.band-back-together,
	section.ready-to-rock,
	section.more-play {
		aspect-ratio: initial!important;

	}

	section.lifestyle-images-block {
		margin-top: 4rem!important;
	}
	a.software-tile {
        margin-left: auto;
        margin-right: auto;
     		max-width: 350px;
	}

	.graybox .text-box {
		padding: 2rem 2rem!important;
	}

	.graybox img.drumeo-collage {
	    margin: 3rem 0rem 3rem;
	    padding: 0 3rem;
	}


}

@media screen and (min-width: 768px) {
	section.align-items-center > .container {
/*		transform: translateY(50%)*/
	}
}

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


	section.productintro {
		position: relative;
		background-image: url(/assets/img/pdp/nitro-pro/mobie-image-01.png);
		aspect-ratio: 86 / 120;
	}

	section.productintro > .container {
		position: absolute;
		padding: 0!important;
    bottom: 0;
    top: initial;
    height: initial;
    aspect-ratio: initial;
	}

	section.band-back-together {
	    aspect-ratio: initial;
	}

	section.productintro .row {
		margin-bottom: 0;
		padding-bottom: 0!important;
	}

	section.productintro .intro-text-box {
		padding: 2rem 2rem 1rem;

		background: transparent!important;
	}





}

a.link-arrow {
	display: inline-block;
	font-weight: bold!important;
	text-transform: uppercase;
	padding: 0.2rem 1.5rem 0rem 0;
	background-image: url(/assets/img/global/arrow_right.svg);
	background-position: right center;
	background-repeat: no-repeat;
}

h2,section.alesis-content-top p {
	text-transform: initial;
}
h2.text-upper,.text-upper {
	text-transform: uppercase;
}

section.feature-highlights .swiper-slide {
	background-color: var(--color-cream);
	border-color: var(--color-cream);
}
section.feature-highlights .swiper-slide-active {
	background-color: #000;
}

section.feature-highlights .point.p1 { top: 35%; left: 29%; }
section.feature-highlights .point.p2 { top: 17.5%; left: 41%; }
section.feature-highlights .point.p3 { top: 26.5%; left: 54%; }
section.feature-highlights .point.p4 { top: 41%; left: 50%; }
section.feature-highlights .point.p5 { top: 54%; left: 70%; }
section.feature-highlights .point.p6 { top: 54%; left: 50%; }

.padding-vertical {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.padding-top {
	padding-top: 2rem;
}

.padding-bottom {
	padding-bottom: 2rem;
}

.padding-vertical-large {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.padding-top-large {
	padding-top: 3rem;
}

.padding-bottom-large {
	padding-bottom: 3rem;
}