/* Default styles prior to sticky enablement */
.bro-content-features-group .features-group-wrap-outer.horizontal .divider > svg.notch {
	left:0;
}


@media screen and (max-height: 699px),
	   screen and (max-width: 1199px) {
	.bro-content-features-group .hero-photo {
		position: relative;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		margin-bottom:4rem;
	}
	.bro-content-features-group .hero-photo img {
		position:relative;
		width: 80%;
		height:auto;
		max-width:40rem;
		max-height:40rem;
		object-fit: contain;
		object-position: center;
	}
	.bro-content-features-group .content-feature-title {
		display:flex;
	}
	.bro-content-features-group .content-feature-title .notch {
		flex:0 0 .7rem;
		margin-right:.75rem;
	}
	.bro-content-features-group .content-features {
		height:auto !important;
	}
	.bro-content-features-group .icon-list li {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding:.5rem 0;
	}
	.bro-content-features-group .icon-list li .icon {
		position: relative;
		flex: 0 0 15vw;
		max-width:6rem;
		height: 5rem;
		margin-right: 1rem;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.nav-dots {
		display:none !important;
	}
}



@media only screen and (min-height: 700px) and (min-width: 1200px) {
	
	
	.bro-content-features-group .features-group-wrap-outer {
		position: relative;
		overflow:hidden;
	}
	.bro-content-features-group .features-group-wrap-outer.horizontal .content-features {
		display:flex;
		margin-left:-1rem;
		margin-right:-1rem;
	}
	.bro-content-features-group .features-group-wrap-outer.horizontal .content-features .content-feature {
		flex:1;
		padding-left:1rem;
		padding-right:1rem;
	}
	.bro-content-features-group .features-group-wrap-outer.horizontal .content-feature-title {
		margin-bottom:.5rem;
	}

	.bro-content-features-group .features-group-wrap-outer.horizontal .divider {
		position:relative;
		height:2px;
		display:block !important;
	}
	.bro-content-features-group .features-group-wrap-outer.horizontal .divider > span.bar {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
		height: 100%;
	}
	.bro-content-features-group .features-group-wrap-outer.horizontal .divider > svg.notch {
		position:absolute;
		top:-.5px;
		left:0;
		width:20px;
		height:14px;
		object-fit: contain;
		object-position: top;
		z-index:5;
		transition:.5s ease-out left;
	}



	.bro-content-features-group .icon-list li {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding:.5rem 0;
	}
	.bro-content-features-group .icon-list li .icon {
		position: relative;
		flex: 0 0 6rem;
		height: 5rem;
		margin-right: 1rem;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}




	.bro-content-features-group.fader-w-photo .content-features {
		position:relative;
		height:60vh;
	}
	.bro-content-features-group.fader-w-photo .content-features .content-feature {
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	.bro-content-features-group.fader-w-photo .content-features .content-feature  .content-feature-title {
		position:relative;
	}

	.bro-content-features-group.enabled.fader-w-photo .content-feature .content-feature-title .notch {
		position:absolute;
		left:-28px;
		top:50%;
		transform: translateY(-50%);
		width:14px;
		height:20px;
		opacity:1;
	}

	.bro-content-features-group.fader-w-photo .content-features .content-feature {
		opacity:0;
		pointer-events: none;
		z-index:1;
		transition: .5s ease-in-out opacity;
	}
	.bro-content-features-group.fader-w-photo.enabled .content-feature.in-view.last {
		opacity:1;
		pointer-events: all;
		z-index:5;
	}
	.bro-content-features-group .hero-photo {
		position:fixed;
		right:-100vw;
		bottom:0;
		margin:0;
		height:90vh;
		width:45vw;
		transition:right .5s ease-in-out;
	}
	.bro-content-features-group .hero-photo img {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		object-fit: contain;
		object-position: bottom center;
	}
	.bro-content-features-group .hero-photo img.vertical-top {
		object-position: top center;
	}
	.bro-content-features-group .hero-photo img.vertical-center {
		object-position: center;
	}
	.bro-content-features-group .hero-photo,
	.bro-content-features-group.in-view.top-visible .hero-photo,
	.bro-content-features-group.in-view.bottom-visible .hero-photo {
		right:-100vw;
	}
	.bro-content-features-group.in-view .hero-photo {
		right:-4vw;
	}

	
	
	
	
	
	
	
	
	
	
	
	.bro-content-features-group.enabled {
		position: relative;
		min-height:100vh;
		scroll-snap-type: y mandatory;
	}
	.bro-content-features-group.enabled .content-feature-spacer-blank,
	.bro-content-features-group.enabled .content-feature-spacer {
		display:block;
		/*height:180vh;*/
		height:120vh;
		scroll-snap-align: center;
	}
	.bro-content-features-group.enabled .features-group-wrap {
		position:absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		min-height:100vh;
		display:flex;
		flex-direction: column;
		justify-content: center;
	}
	.bro-content-features-group.enabled.in-view .features-group-wrap {
		position:fixed;
		top:0;
		bottom:auto;
	}
	.bro-content-features-group.enabled.in-view.top-visible .features-group-wrap {
		position:absolute;
		top:0;
		bottom:auto;
	}
	.bro-content-features-group.enabled.in-view.bottom-visible .features-group-wrap {
		position:absolute;
		top:auto;
		bottom:0;
	}


	.bro-content-features-group.enabled .features-group-wrap-outer.horizontal .content-feature {
		opacity: 0;
		transition:.5s ease-in-out opacity;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.horizontal .content-feature.in-view {
		opacity: 1;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.horizontal .content-feature .content-feature-title {
		margin-bottom:.5rem;
	}

	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature .content-feature-content {
		opacity: 0;
		transition:.5s ease-in-out opacity;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature .content-feature-title {
		opacity: .4;
		transition:.5s ease-in-out opacity;
		cursor: pointer;
		margin-bottom:0;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature .content-feature-title-content {
		display:none;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature .content-feature-title .notch {
		position:absolute;
		left:-28px;
		top:50%;
		transform: translateY(-50%);
		width:14px;
		height:20px;
		opacity:0;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature.in-view.last .content-feature-content,
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature.in-view.last .content-feature-title,
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature.in-view.last .content-feature-title .notch,
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature .content-feature-title:hover {
		opacity: 1;
	}
	.bro-content-features-group.enabled .features-group-wrap-outer.vertical .content-feature.in-view.last .content-feature-title-content {
		display:block;
	}
	
	
	
	
	
	
	
	
	.bro-content-features-group .features-group-wrap-outer.vertical .content-feature .content-feature-title {
		position: relative;
	}
	.bro-content-features-group .features-group-wrap-outer.vertical .content-feature .content-feature-content {
		position:absolute;
		top:50%;
		left:50%;
		width:50%;
		transform: translateY(-50%);
	}
	.bro-content-features-group .features-group-wrap-outer.vertical .content-feature .content-feature-title,
	.bro-content-features-group .features-group-wrap-outer.vertical .lead-in {
		width:46%;
	}
	.bro-content-features-group .features-group-wrap-outer.vertical .features-group-wrap .divider {
		display:block;
		position:absolute;
		top:50%;;
		left:46%;
		width:1px;
		height:70vh;
		transform: translate(-50%, -50%);
		pointer-events: none;
		z-index:5;
	}
	
	.bro-content-features-group.vert-w-icons .features-group-wrap-outer.vertical .content-feature .content-feature-content {
		left:65%;
		width:35%;
	}
	.bro-content-features-group.vert-w-icons .features-group-wrap-outer.vertical .content-feature .content-feature-title,
	.bro-content-features-group.vert-w-icons .features-group-wrap-outer.vertical .lead-in,
	.bro-content-features-group.vert-w-icons .features-group-wrap-outer.vertical .content-feature-title-content {
		width:58%;
	}
	.bro-content-features-group.vert-w-icons .features-group-wrap-outer.vertical .features-group-wrap .divider {
		left:60%;
	}
}