/* Side Nav */
.side-nav {
	margin: 0 6%;
	padding: 5%;
	background-color: #295F7E; /* $primary */
	overflow: hidden;
}

.side-nav.blog-system {
	margin-bottom: 1.389em;
}

.side-nav nav {
	margin: 0 0 1.5em 0;
}

.side-nav header {
	padding: 1em;
	background-color: #237DB1; /* $secondary */
}

.side-nav header h2, .side-nav header h2 a {
	margin: 0;
	color: #FFFFFF;
	text-align: center;
}

.side-nav header h2 {
	font-size: 2.667em;
	font-weight: 300;
	line-height: 1;
}

.side-nav header h3 {
	display: block;
	padding: .625em 0;
	font-size: 1.125em;
	color: #FFFFFF;
}

.side-nav p {
	color: #FFFFFF;
}

.side-nav ul.slide-list {
	margin-top: 3em;
}

.side-nav ul {
	position: relative;
	width: 100%;
	font-size: .9em;
}

.side-nav ul li {
	display: block;
	padding: 0;
	margin: 0 auto;
	line-height: 1.25;
	color: #FFFFFF;
	background-color: #295F7E; /* $primary */
	position: relative;
}

.side-nav ul li a {
	position: relative;
	display: block;
	padding: 1em;
	color: #FFFFFF;
	transition: .5s ease;
	font-weight: 700;
	font-size: 1.1em;
}

.side-nav ul li span:before {
	content: '\f0d5';
	font-family: 'icomoon-ult';
	position: absolute;
	right: 1em;
	top: 50%;
	transition: .2s ease 0s;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.side-nav ul li.minus span:before {
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.side-nav ul li a:hover {
	color: #FFFFFF;
}

.side-nav ul li.level1 {
	border-bottom: 1px solid #237DB1; /* $secondary */
	position: relative;
	z-index: 1;
	transition: .5s ease 0s;
}

.side-nav ul li.level1:before {
	position: absolute;
	top: 0;
	left: -1.52em;
	width: 0;
	height: 100%;
	border-radius: 0 2em 2em 0;
	background: linear-gradient(to right,rgba(247,152,87,1) 0%,rgba(254,224,36,1) 100%);
	content: '';
	z-index: 0;
	transition: width .6s ease 0s;
}

.side-nav ul li.level1:hover, .side-nav ul li.level1.selected {
	border-color: transparent;
}

.side-nav ul li.level1:hover:before, .side-nav ul li.level1.selected:before, .side-nav ul li.level1.minus:before {
	width: 106%;
}

.side-nav ul li.level1 a {
	display: block;
	padding-right: 2.5em;
	transition: .25s ease;
}

.side-nav ul li.level1 a:after {
	position: absolute;
	top: 50%;
	right: 1.5em;
	float: right;
	font-family: 'icomoon-ult';
	font-size: .6em;
	line-height: 1;
	color: #295F7E; /* $primary */
	content: '\f0da';
	display: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.side-nav ul li.level1.minus a:after {
	content: '\e964';
}

.side-nav ul li.level1.child0 a:after {
	display: none;
}

.side-nav li > ul {
	padding: 0 1em;
	margin: .125em 0;
}

.side-nav ul li.level2 {
	display: none;
	padding: 0;
	transition: .5s ease 0s;
}

.side-nav ul li.level2.selected, .side-nav ul li.level2:hover {
	background-color: #237DB1;
}

.side-nav ul li.level2 span, .side-nav ul li.level3 span {
	display: none;
}

.side-nav ul li.level2 a {
	padding: .5em 2.5em;
}

.side-nav ul li.level3 {
	display: none;
	padding-left: 1.75em;
}

.side-nav ul li a:hover, .side-nav ul li.selected a, .side-nav ul li.minus a, .no-rgba .side-nav ul li a:hover, .no-rgba .side-nav ul li.selected a, .no-rgba .side-nav ul li.minus a {
	padding-left: 2em;
	_background-color: #237DB1;
}

.side-nav ul li.selected a:hover {
	padding-left: 2em;
	_background-color: #295F7E;
}

.side-nav ul li a:hover:before, .side-nav ul li.selected a:before, .side-nav ul li.minus a:before {
	color: #295F7E; /* $primary */
}

.side-nav .cta-content {
	padding: 1.25em 1em;
	font-size: .875em;
}

.side-nav .cta-content p {
	margin: 0 0 .5em;
}

.side-nav .cta-content a {
	font-size: 2.143em;
}
/* End Side Nav */

/* Side Image */
.side-img {
	position: relative;
	z-index: -1;
}

.cms-admin .side-img {
	z-index: 0;
}

.side-img img {
	display: block;
	margin-bottom: -15%;
}
/* End Side Image */

/* Side Cta */
.side-cta {
	position: relative;
	margin: 1em 6% 0;
}

.side-cta .side-ctas-list {
	width: 100%;
}

.side-cta .side-ctas-list ul li {
	width: 100%;
	margin-bottom: 1em;
}

.side-cta .side-ctas-list ul li a {
	padding: 1em 2.889em;
	background-color: #F6F6F6;
	width: 100%;
}

.side-cta .side-ctas-list ul li a .icon-cont {
	position: relative;
	width: 22%;
	z-index: 1;
	padding: 2.48em 0;
}

.side-cta .side-ctas-list ul li a .icon-cont:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-image: url(/images/design/backgrounds/service-icon-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: .7s ease 0s;
	content: '';
}

.side-cta .side-ctas-list ul li a .icon-cont icon {
	position: absolute;
	top: 47%;
	left: 63%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.8em;
	color: #237DB1; /* $secondary */
	transition: .7s ease 0s;
}

.side-cta .side-ctas-list ul li a:hover .icon-cont:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.side-cta .side-ctas-list ul li a:hover .icon-cont icon {
	left: 38%;
}

.side-cta .side-ctas-list ul li.item-2 a .icon-cont icon {
	font-size: 1.4em;
}

.side-cta .side-ctas-list ul li.item-3 a .icon-cont icon {
	font-size: 1.9em;
}

.side-cta .side-ctas-list ul li a strong {
	width: 62%;
	text-transform: uppercase;
	color: #237DB1; /* $secondary */
	letter-spacing: .2em;
	transition: .7s ease 0s;
}

.side-cta .side-ctas-list ul li a:hover strong {
	-webkit-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
}
/* End Side Cta */

/* 1000px Responsive */
@media screen and (max-width:1000px) {
	.side-img img {
		margin-bottom: 0;
	}

	.side-nav {
		margin: 0;
		padding: 5% 8%;
	}

	.side-cta {
		margin: 1em 0 0;
	}

	.side-cta .side-ctas-list ul li a {
		padding: 1em .889em;
	}

	.side-cta .side-ctas-list ul li a .icon-cont {
		width: 24%;
	}

	.side-cta .side-ctas-list ul li a strong {
		width: 65%;
		letter-spacing: .1em;
	}
}
/* End 1000px Responsive */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.side-nav {
		padding-top: .5em;
	}

	.side-img {
		display: none;
	}

	.side-cta {
		margin: 1em 10% 0;
	}

	.side-cta .side-ctas-list ul li a {
		padding: 1em 2.889em;
	}

	.side-cta .side-ctas-list ul li a .icon-cont {
		width: 17%;
	}

	.side-cta .side-ctas-list ul li a strong {
		width: 70%;
		letter-spacing: .2em;
	}

	.side-cta .side-ctas-list ul li a:hover .icon-cont:before {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.side-cta .side-ctas-list ul li a:hover .icon-cont icon {
		left: 63%;
	}

	.side-cta .side-ctas-list ul li a:hover strong {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}
/* End 800px Responsive */

/* 600px Responsive */
@media screen and (max-width:600px) {
	.side-cta {
		margin: 1em 0 0;
	}
}
/* End 600px Responsive */

/* 400px Responsive */
@media screen and (max-width:400px) {
	.side-cta .side-ctas-list ul li a {
		padding: 1em 0.889em;
	}

	.side-cta .side-ctas-list ul li a .icon-cont {
		width: 20%;
	}
}
/* End 400px Responsive */