.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 */
#ct8_banner_container {
	background-image: url("/images/banners/CT8-top-image.webp");
	background-position: center center;
	background-repeat: no-repeat;
}
/*#cp3_banner_logo { position: relative;	}*/
#ct8_banner_heading {
	letter-spacing: 0px;
	font-weight: 400;
	font-family: '__BigNoodleTitling_5';
	text-align: center;
	color: #cce226;
}
#ct8_banner_container .download_icons { margin-top: 2rem; }

/* Built Tough Styles */
#power_container {
	background-image: url("/images/banners/CT8-second-image.webp");
	background-position: center center;	
	background-size: cover;
	background-repeat: no-repeat;
}
#power_content { position: relative; }

#power_content h2 { text-align: left;	}

#versatility_content h2 { text-align: left;	}

/* 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-2.webp");
	background-repeat: no-repeat;
	background-size: contain;
}
#go_juniper_rugged_content {
	position: absolute;
	bottom: 3rem;
}

/* Product Specifications */
#specifications .row {
	margin-top: 3rem;
	margin-bottom: 5rem;
}
#specifications h2 img {
	width: 28px;
	height: 28px;
}
#specifications .ct8_logo {
	width: 162px;
	margin-bottom: 1rem;
}
#specifications h2 span {
	height: 28px;
	vertical-align: middle;
}

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

/* Become A Partner */
#become_a_partner {
	background-color: #5f5f5f;
	text-align: center;
	max-width: 1160px;
}

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

/* accordion styles */
#faq_accordion .card { border: 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;	}
	#ct8_banner_container {
		height: 25rem;
		margin-top: 2rem;
		background-size: cover;
	}

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

	#ct8_banner_button { margin-top: 5rem;	}

	/* Built Tough */
	#power_container {
		background-position: 50% 25%;
		height: 28rem;
		margin-top: 30rem;
		margin-bottom: 28.25rem;
		background-size: cover;
	}
	#power_content {
		padding-top: 25rem;
	}
	#versatility_content{
	}

	/* 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;
		margin-top: 5rem;
	}
	
	#gallery img{
		width: 400px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| 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;	}
	#ct8_banner_container {
		height: 36rem;
		margin-top: 2rem;
		background-size: cover;
	}

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

	#ct8_banner_button { margin-top: 5rem;	}

	/* Built Tough */
	#power_container {
		background-position: 50% 25%;
		height: 45rem;
		margin-top: 25rem;
		background-size: cover;
	}
	#power_content {
		padding-top: 1rem;
		padding-left: 18rem;
	}
	#versatility_content{
		padding-left: 18rem;
	}

	/* 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;
		margin-top: 5rem;
	}
	
	#gallery img{
		width: 576px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| 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;	}
	#ct8_banner_container { 
		height: 43rem;
		background-size: cover;
	}

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

	#ct8_banner_button { margin-top: 5rem;	}

	/* Built Tough */
	#power_container {
		background-position: 50% 25%;
		height: 35rem;
		margin-top: 23rem;
	}
	#power_content {
		padding-top: 3rem;
		padding-left: 21rem;
		background-size: cover;
	}
	#versatility_content{
		padding-left: 21rem;
	}

	/* 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;
		margin-top: 5rem;
	}
	
	#gallery img{
		width: 768px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| 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;	}
	#ct8_banner_container { 
		height: 89rem;
		background-size: cover;	
	}

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

	#ct8_banner_button { margin-top: 5rem;	}

	/* Built Tough */
	#power_container {
		background-position: 50% 25%;
		height: 57rem;
		margin-top: 8rem;
		background-size: cover;
	}

	#power_content {
		padding-top: 10rem;
		padding-left: 29rem;
	}
	#versatility_content{
		padding-left: 29rem;
	}

	/* 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;
		margin-top: 5rem;
	}
	
	#gallery img{
		width: 992px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| 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;	}
	#ct8_banner_container { height: 89rem;	}

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

	#ct8_banner_button { margin-top: 5rem;	}

	/* Power */
	#power_container {
		height: 57rem;
		margin-top: 13rem;
	}
	#power_content {
		padding-top: 10rem;
		padding-left: 29rem;
	}
	#versatility_content{
		padding-left: 29rem;
	}

	/* Sunlight Display */
	#sunlight_display_container { height: 26.25rem;	}
	#sunlight_display_content {
		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;
		margin-top: 5rem;
	}
	
	#gallery img{
		width: 1200px;
	}
}