section.aside_content_itembg
{
	color: rgba(242, 242, 242, 0.9);

	display: flex;
	align-items: flex-start;
	flex-flow: row nowrap;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 2;
}

section.aside_content_itembg *
{
	position: relative;
}

section.aside_content_itembg:before
{
	background: rgba(255, 255, 255, 0.05);

	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;

	height: 100%;
	width: 50%;

	content: "";
}

section.aside_content_itembg:after
{
	border-right: #0c1c37 solid 1px;
	display: inline-block;
	position: absolute;
	 top: 0;
	 left: 50%;

	height: 100%;
	width: 0;

	content: "";
}

section.aside_content_itembg .content
{
	display: flex;
	 flex-direction: column;
	 justify-content: center;
	padding: 0;
	width: 50%;
	overflow: hidden;
}

section.aside_content_itembg .content .aside
{
	box-sizing: border-box;
	display: flex;
	 align-items: center;
	 flex-flow: column nowrap;
	 justify-content: center;
	/*padding: 150px 0;*/
	min-height: 100vh;
}
section.aside_content_itembg .content .aside .background{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: opacity 3s ease;
	background-size: cover;

}
section.aside_content_itembg .content .aside .background.active{opacity: 1;}


section.aside_content_itembg .content .aside p
{
	width: 60%;
}
section.aside_content_itembg .content .aside *
{
	max-width: 100%;
}

section.aside_content_itembg .decoration
{
	display: block;
	margin-bottom: 50px;

	width: 100%;
}

section.aside_content_itembg .decoration_content
{
	display: block;
	padding-bottom: 83%;

	height: 0;
	width: 100%;
}

section.aside_content_itembg .decoration_content .inset
{
	background: transparent url("") 50% 50% / cover no-repeat;

	position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 2;

	height: 100%;
	width: 100%;
}

section.aside_content_itembg .decoration_content:before
{

	background: url(../../../images/slats-blue.png) center center repeat;

	position: absolute;
	 top: 20px;
	 left: 20px;
	 z-index: 1;

	height: 100%;
	width: 100%;

	content: "";
}

section.aside_content_itembg h3
{
	font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.17647059;
    letter-spacing: 0.015em;
    position: relative;
	text-decoration: none;
	text-transform: none;
	display: inline-block;
	
	margin-bottom: 60px;

	max-width: 300px;
}

section.aside_content_itembg p:before
{
	opacity: .95;
	content: "";
	position: absolute;
	z-index: 0;
	left: -3px;
	top: -36px;
	width: 130px;
	height: 0;
	padding: 0 3px 0 3px;
	border-bottom: solid 6px #f8be21;
	transform: skew(-20deg);
	transform-origin: left bottom;
	transition: width 0.75s cubic-bezier(0.23, 1, 0.32, 1) 1s, padding 0.75s cubic-bezier(0.23, 1, 0.32, 1) 1s;
}


section.aside_content_itembg p
{
	color: #b3b3b3;
	font: normal 300 16px/1.87 "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0;
}

section.aside_content_itembg .arrow_cta
{
	align-self: flex-start;

	margin-top: 30px;
}

section.aside_content_itembg .subnav .faux-fieldset
{
	background: #f2f2f2;

	border: 0;
	display: none;
	margin: 0;
	padding: 0;
	z-index: -1;

    max-width: 100%;
	width: 100%;
}

section.aside_content_itembg .subnav .faux-fieldset label
{
	background: #f2f2f2;

	color: #09172d;
	font: normal 500 26px/1 "Barlow Condensed", sans-serif;
	letter-spacing: 0.015em;
	text-overflow: ellipsis;
	white-space: nowrap;

	border: #cdcdcd solid 1px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	padding: 40px 80px 40px 25px;
	z-index: 2;

	width: 100%;

	pointer-events: none;
}

section.aside_content_itembg .subnav .faux-fieldset label:after
{
	transform: translateY(-50%);

	color: #f8be21;
	
	font: normal 400 42px/1 "USPIS UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-variant: normal !important;
	speak: none;
	text-transform: none !important;
	vertical-align: middle;

	display: inline-block;
	position: absolute;
	 top: 50%;
	 right: 25px;

	content: "w";
}

section.aside_content_itembg .subnav .faux-fieldset label .label-text
{
	
	text-overflow: ellipsis;
	white-space: nowrap;

	display: block;
	overflow: hidden;

	max-width: 100%;
	width: 100%;

	pointer-events: none;
}

section.aside_content_itembg .subnav .faux-fieldset select
{
	background: #f2f2f2;

	color: #09172d;

	box-sizing: border-box;
	position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 1;

	height: 100%;
	width: 100%;
}



section.aside_content_itembg .subnav
{
	font: 500 20px/1 "Barlow Condensed", sans-serif;
	letter-spacing: .01em;

	box-sizing: border-box;
	display: flex;
	 align-items: center;
	 flex-flow: column nowrap;
	 justify-content: center;
	overflow: visible;
	padding:0;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: sticky;
	 top: 0;
	 left: 0;
	 z-index: 2;

	height: 100vh;
	width: 50%;
}
section.aside_content_itembg .subnav .navwrap{width: 350px;align-items: flex-start;display: flex;flex-flow: column nowrap;}

section.aside_content_itembg .subnav h2
{
	font-size: 50px;
	font-weight: 700;
	letter-spacing: .015em;
	line-height: 1.02;
	text-transform: uppercase;

	display: inline-block;
	margin: 0 0 5vmin;

	padding-left:0;

	color:#fff;
}

section.aside_content_itembg .subnav h2:before
{
	display:none;
}

section.aside_content_itembg .subnav a
{
	transform-origin: center left;
	transition: color .25s ease;

	color: #b3b3b3;
	text-decoration: none;

	display: inline-block;
	margin: 0 0 2.25vh;
}

section.aside_content_itembg .content .aside h2.mobile_title:before,section.aside_content_itembg .content .aside h2.mobile_title,h2.mobile,h2.mobile:before{display: none;}

@media (hover: hover), all and (-ms-high-contrast: none)
{
	section.aside_content_itembg .subnav a:focus,
	section.aside_content_itembg .subnav a:hover
	{
		color: #e5e5e5;
	}
}



@media only screen and (max-width: 1176px)
{

	section.aside_content_itembg
	{
		background: #0c1c37;

		flex-direction: column;
	}

	section.aside_content_itembg:after
	{
		content: none;
	}

	section.aside_content_itembg .content
	{

		width: 100%;
	}

	section.aside_content_itembg .content .aside + .aside
	{
		border-top: #1e293a solid 1px;
	}

	section.aside_content_itembg .decoration
	{
		width: calc(100% - 20px);
	}

	section.aside_content_itembg .decoration_content
	{
		position: relative;
		margin: 0 auto;
		padding-bottom: 100%;
	}

	section.aside_content_itembg .decoration_content:before
	{
		top: 20px;
		left: 20px;
	}

	section.aside_content_itembg h3
	{
		margin-bottom: 52px;
	}

	section.aside_content_itembg .arrow_cta
	{
		margin-top: 15px;
	}
	section.aside_content_itembg .content .aside h2.mobile_title{display: block;width: 70%;}

	section.aside_content_itembg .subnav .faux-fieldset
	{
		transition: transform .5s ease;

		display: block;
		z-index: 3;
	}
	
	section.aside_content_itembg .subnav .faux-fieldset label
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	section.aside_content_itembg .content .aside h2.mobile_title {
		display: block;
		margin-bottom: 75px;
		max-width: 500px;
		width: 100%;
		padding: 0 0 0 15%;

		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 50px;
		line-height: 1.04;
		letter-spacing: 0em;
		color: rgba(242, 242, 242, 0.9);
	}

	h2.mobile{
		font-size: 50px;
		font-weight: 700;
		letter-spacing: .015em;
		line-height: 1.02;
		text-transform: uppercase;

		display: block;
		margin: 45px 0 0 ;

		padding-left:0;

		color:#fff;width: 100%;text-align: center;
	}
	
	section.aside_content_itembg .content .aside{padding: 80px 0 0; align-items: flex-start;}
	section.aside_content_itembg .content .aside p
	{
		width: 100%;
		padding: 0 15%;
	}
	section.aside_content_itembg .content .aside p:before{left:15%;}
	section.aside_content_itembg .subnav
	{
		padding: 0;
		z-index: 3;

		max-height: 55px;
		max-width: 100%;
		width: 100%;
	}

	body:not(.hide-masthead) section.aside_content_itembg .subnav,
	body.force-sticky-masthead section.aside_content_itembg .subnav
	{
		transform: translateY(62px);
	}

	section.aside_content_itembg .subnav h2,
	section.aside_content_itembg .subnav a
	{
		display: none;
		z-index: -1;
	}
	section.aside_content_itembg .subnav .navwrap{width: 100%}
	
	section.aside_content_itembg::before{height: 160px;width: 100%}

}

@media only screen and (max-width: 767px)
{
	section.aside_content_itembg .content .aside p:before{left:10%;}
	section.aside_content_itembg .content .aside h2.mobile_title{padding-left: 10%;}
	section.aside_content_itembg .content .aside p
	{
		padding: 0 10%;
	}
}

.javascript-support section.aside_content_itembg .subnav a.current-menu-item
{
	color: #e5e5e5;
	font-weight: 500;
}

.javascript-support section.aside_content_itembg .subnav a.current-menu-item.current-menu-item:before
{
	color: #f8be21;

	position: absolute;
	 top: 0;
	 right: calc(100% + 5px);

	content: "/";
}