.bg_black {
	background-color: black;
}

.button_pill.green {
	background: -webkit-gradient(linear, center top, center bottom, from(#AFBC20), color-stop(80%, #CCE226));
	background: -webkit-linear-gradient(top, #AFBC20, #CCE226 80%);
	background: linear-gradient(to bottom, #AFBC20, #CCE226 80%);
}

.button_pill.orange {
	color: #ffffff;
	background: -webkit-gradient(linear, center top, center bottom, from(#de6a00), color-stop(80%, #ffa81c));
	background: -webkit-linear-gradient(top, #de6a00, #ffa81c 80%);
	background: linear-gradient(to bottom, #de6a00, #ffa81c 80%);
}

.button_pill.orange:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#AFBC20), color-stop(80%, #CCE226));
	background: -webkit-linear-gradient(top, #AFBC20, #CCE226 80%);
	background: linear-gradient(to bottom, #AFBC20, #CCE226 80%);
}

h2.green {
	color: #cce226;
}

.download_icons div:hover {
	background-image: url("/images/download-ro2.svg");
}

.content_section {
	padding: 5rem 0;
}

.top_gradient_dark {
	background: -webkit-gradient(linear, center top, center bottom, color-stop(40%, rgba(0, 0, 0, 0.71)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.71) 40%, rgba(0, 0, 0, 0));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.71) 40%, rgba(0, 0, 0, 0));
	position: relative;
	top: 0;
}

.top_gradient2_dark {
	background: -webkit-gradient(linear, center top, center bottom, color-stop(40%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0));
	position: relative;
	top: 0;
}

/* CP3 Banner Styles */
#cp3_banner_container {
	background-image: url("/images/banners/cp3-main-image.webp");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#cp3_banner_logo {
	position: relative;
}

#cp3_banner_heading {
	letter-spacing: 0px;
	font-weight: 400;
	font-family: '__BigNoodleTitling_5';
	text-align: center;
	color: #cce226;
}

#cp3_banner_container .download_icons {
	margin-top: 2rem;
}

/* Built Tough Styles */
#built_tough_container {
	background-image: url("/images/banners/cp3-secondary.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

#built_tough_content {
	position: relative;
}

/* sunlight-Readable Display */
#sunlight_display_container {
	background: -webkit-gradient(linear, center top, center bottom, from(#212121), color-stop(100%, #595959));
	background: -webkit-linear-gradient(top, #212121, #595959 100%);
	background: linear-gradient(to bottom, #212121, #595959 100%);
	position: relative;
}

/* Gradient Grey Container Styles */
#gradient_grey_container {

	background: -webkit-gradient(linear, center top, center bottom, from(#D1D1D1), color-stop(100%, #FFFFFF));
	background: -webkit-linear-gradient(top, #D1D1D1, #FFFFFF 100%);
	background: linear-gradient(to bottom, #D1D1D1, #FFFFFF 100%);
}

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

/* Go Juniper Rugged */
#go_juniper_rugged_container {
	position: relative;
	background-color: black;
	background-image: url("/images/banners/Juniper-Rugged-3.webp");
	background-repeat: no-repeat;
	background-size: contain;
}

#go_juniper_rugged_content {
	position: absolute;
	bottom: 3rem;
}

/* Product Specifications */
#CP3_specifications .row {
	margin-top: 3rem;
	margin-bottom: 5rem;
}

#CP3_specifications h2 img {
	width: 28px;
	height: 28px;
}

#CP3_specifications .cp3_logo {
	width: 162px;
	margin-bottom: 1rem;
}

#CP3_specifications h2 span {
	height: 28px;
	vertical-align: middle;
}

.certification_logos {
	width: 45px;
	height: 45px;
}


#faqs {
	margin-bottom: 10rem;
}

#faqs h2 {
	margin-bottom: 3rem;
}

/* accordion styles */
#faq_accordion .card {
	border: none;
}

/*#faq_accordion .card-header { border-bottom: none; }*/
.accordion_head {
	font-family: '__Montserrat_5';
	letter-spacing: 4px;
	font-weight: 200;
	line-height: 19px;
	font-size: 16px;
	text-transform: unset;
}

.accordion_head.collapsed h5 {
	color: #7f7f7f;
}

.accordion_head h5 {
	color: #ffffff;
}





/*------------------------------------------------------------------------------------------------*\
| xs breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (max-width: 575px) {
	.content_width {
		width: 17rem;
	}

	.content_width_2 {
		width: 17rem;
	}

	.bg_black {
		padding-top: 4rem;
	}

	.top_gradient_dark {
		min-height: 150px;
	}

	.top_gradient2_dark {
		min-height: 150px;
	}

	#cp3_banner_container {
		height: 25rem;
		margin-top: 2rem;
	}

	#cp3_banner_logo {
		height: 3.25rem;
		top: -7.5rem;
	}

	#cp3_banner_heading {
		line-height: 42px;
		font-size: 36px;
		margin-top: 5rem;
	}

	#cp3_banner_button {
		margin-top: 5rem;
	}

	/* Built Tough */
	#built_tough_container {
		background-position: 50% 25%;
		height: 28rem;
		margin-top: 30rem;
		margin-bottom: 28.25rem;
	}

	#built_tough_content {
		bottom: -28rem;
		background-color: black;
		padding: 3rem 0rem;
	}

	/* Sunlight Display */
	#sunlight_display_container {
		height: 36.25rem;
	}

	#sunlight_display_content {
		margin-top: 7rem;
	}

	#sunlight_display_image {
		position: relative;
		text-align: center;
		top: 4rem;
	}

	#sunlight_display_image img {
		height: 170px;
	}

	/* Juniper Rugged */
	#go_juniper_rugged_container {
		background-position: top center;
		height: 35rem;
	}
}





/*------------------------------------------------------------------------------------------------*\
| sm breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767px) {
	.content_width {
		width: 30.5rem;
	}

	.content_width_2 {
		width: 30.25rem;
	}

	.bg_black {
		padding-top: 4rem;
	}

	.top_gradient_dark {
		min-height: 200px;
	}

	.top_gradient2_dark {
		min-height: 200px;
	}

	#cp3_banner_container {
		height: 36rem;
		margin-top: 2rem;
	}

	#cp3_banner_logo {
		height: 5.5rem;
		top: -10rem;
	}

	#cp3_banner_heading {
		line-height: 70px;
		font-size: 64px;
		margin-top: 5rem;
	}

	#cp3_banner_button {
		margin-top: 5rem;
	}

	/* Built Tough */
	#built_tough_container {
		background-position: 50% 25%;
		height: 28rem;
		margin-top: 30rem;
	}

	#built_tough_content {
		top: -20rem;
	}

	/* Sunlight Display */
	#sunlight_display_container {
		height: 36.25rem;
	}

	#sunlight_display_content {
		margin-top: 7rem;
	}

	#sunlight_display_image {
		position: relative;
		text-align: center;
		top: 4rem;
	}

	#sunlight_display_image img {
		height: 257px;
	}

	/* Juniper Rugged */
	#go_juniper_rugged_container {
		background-position: top center;
		height: 40rem;
	}
}





/*------------------------------------------------------------------------------------------------*\
| md breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	.content_width {
		width: 38rem;
	}

	.content_width_2 {
		width: 32.5rem;
	}

	.bg_black {
		padding-top: 4rem;
	}

	.top_gradient_dark {
		min-height: 335px;
	}

	.top_gradient2_dark {
		min-height: 300px;
	}

	#cp3_banner_container {
		height: 43rem;
	}

	#cp3_banner_logo {
		height: 5.5rem;
		top: -15rem;
	}

	#cp3_banner_heading {
		line-height: 70px;
		font-size: 64px;
		margin-top: 5rem;
	}

	#cp3_banner_button {
		margin-top: 5rem;
	}

	/* Built Tough */
	#built_tough_container {
		background-position: 50% 25%;
		height: 35rem;
		margin-top: 30rem;
	}

	#built_tough_content {
		top: -25rem;
	}

	/* Sunlight Display */
	#sunlight_display_container {
		height: 36.25rem;
	}

	#sunlight_display_content {
		margin-top: 7rem;
	}

	#sunlight_display_image {
		position: relative;
		text-align: center;
		top: 4rem;
	}

	#sunlight_display_image img {
		height: 257px;
	}

	/* Juniper Rugged */
	#go_juniper_rugged_container {
		background-position: top center;
		height: 40rem;
	}
}





/*------------------------------------------------------------------------------------------------*\
| lg breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	.content_width {
		width: 54rem;
	}

	.content_width_2 {
		width: 32.5rem;
	}

	.top_gradient_dark {
		min-height: 335px;
	}

	.top_gradient2_dark {
		min-height: 300px;
	}

	#cp3_banner_container {
		height: 89rem;
	}

	#cp3_banner_logo {
		height: 7.5rem;
		top: -10rem;
	}

	#cp3_banner_heading {
		line-height: 89px;
		font-size: 81px;
		margin-top: 32rem;
	}

	#cp3_banner_button {
		margin-top: 5rem;
	}

	/* Built Tough */
	#built_tough_container {
		background-position: 50% 25%;
		height: 57rem;
		margin-top: 15rem;
	}

	#built_tough_content {
		top: -20rem;
	}

	/* Sunlight Display */
	#sunlight_display_container {
		height: 26.25rem;
	}

	#sunlight_display_content {
		/*width: 28.5rem;*/
		padding-top: 8rem;
		padding-left: 29rem;
	}

	#sunlight_display_image {
		position: absolute;
		transform: matrix(0.9511, 0.309, -0.309, 0.9511, 55, -64);
		top: 8rem;
		left: -5rem;
	}

	/* Juniper Rugged */
	#go_juniper_rugged_container {
		background-position: top center;
		height: 57rem;
	}
}





/*------------------------------------------------------------------------------------------------*\
| xl breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.content_width {
		width: 54rem;
	}

	.content_width_2 {
		width: 32.5rem;
	}

	.top_gradient_dark {
		min-height: 335px;
	}

	.top_gradient2_dark {
		min-height: 300px;
	}

	#cp3_banner_container {
		height: 89rem;
	}

	#cp3_banner_logo {
		height: 7.5rem;
		top: -10rem;
	}

	#cp3_banner_heading {
		line-height: 89px;
		font-size: 81px;
		margin-top: 32rem;
	}

	#cp3_banner_button {
		margin-top: 5rem;
	}

	/* Built Tough */
	#built_tough_container {
		background-position: 50% 25%;
		height: 57rem;
		margin-top: 15rem;
	}

	#built_tough_content {
		top: -20rem;
	}

	/* Sunlight Display */
	#sunlight_display_container {
		height: 26.25rem;
	}

	#sunlight_display_content {
		/*width: 28.5rem;*/
		padding-top: 8rem;
		padding-left: 29rem;
	}

	#sunlight_display_image {
		position: absolute;
		transform: matrix(0.9511, 0.309, -0.309, 0.9511, 55, -64);
		top: 8rem;
		left: -5rem;
	}

	/* Juniper Rugged */
	#go_juniper_rugged_container {
		background-position: top center;
		height: 57rem;
	}
}