/*
*
*
*  Dual Pulp/Canfor Content Styles

*  See dualcontentRight.css and 
*  dualcontentLeft.css for L/R instances
*****************************************/

.m-w1 {
	position: relative;
	left: -50%;
	background: #dc291e;
}

.m-w2 {
	position: relative;
	left: 50%;
}

.m-w2:after {
	content: '';
	display: table;
	clear: both;
}

.m-w2>.section-inner {
	background: #fff;
	display: flex;
}

.m-w2>.section-inner:after {
	content: '';
	clear: both;
	display: table;
}

#header-banner {
	display: none;
}

#content {
	left: 0px;
	background: none;
	padding: 50px 0 60px 40px;
	width: 680px;

	background: #fff;
	min-height: 500px;
	min-height: calc(100vh - 236px);
}

#subnav {
	background: none;
	padding: 0;
	margin: 0;
	width: 280px;
	position: relative;
	background: #dc291e;
	padding: 60px 30px 0px 30px;
	min-height: 75vh;
}

#subnav>div {
	position: relative;
	z-index: 10;
}

#subnav:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50vw;

	background: #dc291e;
}

#subnav ul {
	position: relative;
	left: 0;
	transition: all 1s;
}

#subnav ul li a {
	padding-left: 0;
}

#subnav ul li a:hover {
	text-decoration: underline;
}

/* section title */
#subnav ul.L2>li>a.L2 {
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	opacity: .5;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-bottom: 0;
	cursor: normal;
	pointer-events: none;
}

#subnav ul.sr-subnav ul li.active>ul {
	padding-left: 0;
}

.sr-subnav>li>ul>li.active>a {
	cursor: normal;
	pointer-events: none;
}

#subnav ul.L2>li>a.L2:hover {
	text-decoration: none;
}

#subnav ul li a div {
	display: inline-block;
}

#subnav .sr-subnav>li>ul>li>a:hover div:after {
	content: '→';
	font-size: 22px;
	display: inline-block;
	vertical-align: bottom;
	padding-left: 10px;
}

/*#section-switch{
		border:1px solid #fff;
		padding:10px;
		display: block;
		color:#fff;
		transition:all .25s;
		text-decoration: none;
	}
		.section-switch .subtitle{
			font-size: 14px;  
			opacity:.3;  
			text-transform: uppercase;  
			font-weight: bold;  
			display: block;  
			margin-bottom: 0;
			display: block;
		}

		.section-switch .title{
			display: block;
			font-size: 30px;
		}

		.section-switch:hover{
			color:#dc291e;
			background: #fff;
		}
			.section-switch:hover .subtitle{

			}*/




/*************************************
Load Animation
*************************************/

/*#content{
	transition:all .5s;
	opacity:0;
}
	.loaded #content{
		opacity:1;
	}

	.changePage #content{
		opacity: 0;
	}
*/

/* GS Responsive */
@media (max-width: 767px){
	.gs-reponsive-sr .m-w2>.section-inner {
		flex-direction: column;
	}
	#subnav ul.L2>li>a.L2{
		font-size: 19px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		border-bottom: dotted 1px #70868C;
		margin: 0 0 25px;
		padding: 0 0 12px;
		text-decoration: none;
	}
}