/* **************************************************************************************************** */
/* ******************************* ORIGINAL STYLE MARKUP FROM ITINERIS ******************************** */
/* **************************************************************************************************** */
/* ************************************** !!! DO NOT MODIFY !!! *************************************** */
/* **************************************************************************************************** */

body {
	font: 18px/26px 'Montserrat', Arial, Helvetica, sans-serif;
	min-width: 320px;
	height: 100%;
}

html {
	height: 100%;
}

img {
	border-style: none;
}

a {
	transition: all .3s;
	outline: none;
	text-decoration: none;
}

	a:active,
	a:focus,
	a:hover {
		text-decoration: none;
		outline: none;
	}

	a:hover {
		text-decoration: underline;
	}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	transition: all .3s;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

.flex-row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.flex-row:after,
	.flex-row:before {
		display: none;
	}

.flex-box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

	.flex-box > * {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/* headings */
h1 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	margin: 0 0 20px;
	color: #004c88;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	margin: 0 0 22px;
	color: #004c88;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin: 0 0 15px;
	color: #004c88;
}

h4 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
	color: #f5a623;
	margin: 0 0 15px;
}

h5 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: #004c88;
	margin: 0 0 15px;
}

h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #004c88;
	margin: 0 0 15px;
}
/* headings */
/* wrapper */
#wrapper {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}
/* end wrapper */
/* buttons */
.btn {
	vertical-align: top;
	border: 0;
	padding: 15px;
	outline: 0 !important;
	white-space: normal;
	text-align: center;
	position: relative;
	box-shadow: none;
	text-decoration: none;
	border-radius: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 0.8px;
}

.btn-md {
	font-size: 16px;
	line-height: 21px;
	padding: 10px 15px;
}

.btn-md-large {
	font-size: 18px;
	line-height: 22px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.btn-sm {
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.5px;
	padding: 16px;
}

.btn-info {
	background: rgba(238, 238, 238, .3);
	color: #fff;
}

	.btn-info:active,
	.btn-info.active,
	.open > .dropdown-toggle.btn-info,
	.btn-info:focus,
	.btn-info.focus,
	.btn-info:active:hover,
	.btn-info.active:hover,
	.open > .dropdown-toggle.btn-info:hover,
	.btn-info:active:focus,
	.btn-info.active:focus,
	.open > .dropdown-toggle.btn-info:focus,
	.btn-info:active.focus,
	.btn-info.active.focus,
	.open > .dropdown-toggle.btn-info.focus,
	.btn-info:hover {
		background: rgba(238, 238, 238, .5);
		color: #fff;
		text-decoration: none;
	}

.btn-warning {
	background: #f5a623;
	color: #444;
}

	.btn-warning:active,
	.btn-warning.active,
	.open > .dropdown-toggle.btn-warning,
	.btn-warning:focus,
	.btn-warning.focus,
	.btn-warning:active:hover,
	.btn-warning.active:hover,
	.open > .dropdown-toggle.btn-warning:hover,
	.btn-warning:active:focus,
	.btn-warning.active:focus,
	.open > .dropdown-toggle.btn-warning:focus,
	.btn-warning:active.focus,
	.btn-warning.active.focus,
	.open > .dropdown-toggle.btn-warning.focus,
	.btn-warning:hover {
		background: #dc951f;
		color: #444;
		text-decoration: none;
	}

.btn-primary {
	background: #004c88;
}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary,
	.btn-primary:focus,
	.btn-primary.focus,
	.btn-primary:active:hover,
	.btn-primary.active:hover,
	.open > .dropdown-toggle.btn-primary:hover,
	.btn-primary:active:focus,
	.btn-primary.active:focus,
	.open > .dropdown-toggle.btn-primary:focus,
	.btn-primary:active.focus,
	.btn-primary.active.focus,
	.open > .dropdown-toggle.btn-primary.focus,
	.btn-primary:hover {
		background: #003c6b;
		text-decoration: none;
	}

.btn .wrap-txt {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.btn .arrow-right {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border: solid 2px;
	border-radius: 100%;
	margin: 3px 0 0 8px;
	transition: all .3s;
	position: relative;
}

.btn-info .arrow-right {
	border-color: #fff;
}

.btn-warning .arrow-right {
	border-color: #444;
}

.btn .arrow-right:before {
	content: '\f105';
	font: 16px/18px 'FontAwesome';
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -2px;
}

.btn-search {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	position: relative;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	transition: all .3s;
	background: #004c88;
	border-radius: 100%;
}

	.btn-search:hover {
		text-decoration: none;
		background: #003c6c;
	}

	.btn-search:before {
		content: '';
		position: absolute;
		z-index: 20;
		top: 50%;
		left: 50%;
		width: 12px;
		height: 12px;
		margin: -6px 0 0 -6px;
		background: url(/Content/Collegestyles/images/ico-search-white-01.png) no-repeat;
		background-size: 12px 12px;
	}

	.btn-search input {
		position: absolute;
		z-index: 25;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: 0;
		width: 100%;
		height: 100%;
		background: none;
		opacity: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -9999px;
	}

.btn-close {
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	border: 0;
	background: none;
	padding: 0;
}

	.btn-close:before,
	.btn-close:after {
		content: '';
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		width: 19px;
		height: 3px;
		background: #666;
		transition: all .3s;
		margin: 13px 0 0 6px;
		border-radius: 2px;
	}

	.btn-close:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.btn-close:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.btn-close:hover:before,
	.btn-close:hover:after {
		background: #004881;
	}

.btn-play {
	position: absolute;
	z-index: 30;
	top: 50%;
	left: 50%;
	width: 37px;
	height: 37px;
	border: solid 4px #fff;
	border-radius: 100%;
	overflow: hidden;
	text-indent: -9999px;
	margin: -19px 0 0 -19px;
}

	.btn-play:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.btn-play:before {
		content: '';
		position: absolute;
		z-index: 20;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 0 8px 12px;
		border-color: transparent transparent transparent #fff;
		transition: all .3s;
		margin: -7px 0 0 -5px;
	}

.btn-play-md {
	width: 64px;
	height: 64px;
	border-width: 3px;
	margin: -32px 0 0 -32px;
}

	.btn-play-md:before {
		border-width: 12px 0 12px 22px;
		margin: -12px 0 0 -8px;
	}

.button-menu {
	display: inline-block;
	vertical-align: top;
	width: 33px;
	height: 29px;
	position: relative;
	font-size: 0;
	line-height: 0;
}

	.button-menu:hover {
		opacity: 0.75;
	}

	.button-menu span {
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		width: 23px;
		height: 3px;
		overflow: hidden;
		text-indent: -9999px;
		background: #ff0;
		transition: all .3s;
		margin-left: 5px;
	}

		.button-menu span:nth-child(1) {
			margin-top: 5px;
		}

		.button-menu span:nth-child(2) {
			margin-top: 13px;
		}

		.button-menu span:nth-child(3) {
			margin-top: 21px;
		}

	.button-menu.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin: 13px 0 0 5px;
	}

	.button-menu.open span:nth-child(2) {
		opacity: 0;
	}

	.button-menu.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin: 13px 0 0 5px;
	}

.arrow-link.type2 {
	font-weight: bold;
	font-size: 16px;
}

.btn-default {
	border: 1px solid #ccc;
	color: #004c88;
}
/* end buttons */
/* header */
#header {
	position: relative;
	z-index: 100;
	font-size: 0;
	line-height: 0;
	transition: all .3s;
	border-top: solid 6px #000;
}

	#header > .container {
		position: relative;
		min-height: 194px;
	}

	#header .logo {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		width: 110px;
		height: 129px;
		text-indent: -9999px;
		overflow: hidden;
		background: url("/Content/Collegestyles/images/logo.svg") no-repeat;
		background-size: 110px 129px;
		margin: 31px 0 0 15px;
	}

		#header .logo a {
			display: block;
			height: 100%;
		}

	#header .top {
		text-align: right;
		padding: 15px 0 5px 120px;
	}

		#header .top .block {
			position: relative;
			display: inline-block;
			vertical-align: top;
		}

	#header .top-links {
		list-style: none;
		margin: 0;
		padding: 14px 0 11px 0;
		font-size: 0;
		line-height: 0;
		display: inline-block;
		vertical-align: top;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

.search-opened #header .top-links {
	opacity: 0;
	visibility: hidden;
}

#header .top-links > li {
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
	transition: all .3s;
}

	#header .top-links > li + li {
		padding-left: 15px;
	}

.search-opened #header .top-links > li + li {
	padding-left: 10px;
}

#header .top-links a {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	padding: 5px;
	color: #666;
}

	#header .top-links a:hover {
		text-decoration: none;
		color: #004881;
	}

#header .top .btn {
	text-transform: uppercase;
}

.search-box {
	display: inline-block;
	vertical-align: top;
	position: relative;
	min-width: 44px;
	height: 49px;
}

	.search-box .search-opener {
		position: absolute;
		z-index: 20;
		top: 0;
		right: 0;
		margin: 13px 0 0;
	}

.search-opened .search-box .search-opener {
	opacity: 0;
	z-index: 10;
}

.search-form {
	position: relative;
	background: #fff;
	padding: 5px 30px 5px 15px;
}

.search-box .search-form {
	width: 0;
	opacity: 0;
	z-index: 10;
	transition: all .3s;
}

.search-opened .search-box .search-form {
	width: 300px;
	z-index: 20;
	opacity: 1;
}

.search-form .sfFormBox {
	position: relative;
}

.search-form .sfError {
	display: none;
}

.search-form .sfFieldWrap {
	position: relative;
}

.search-form .sfTxt {
	width: 100%;
	height: 39px;
	display: block;
	font: 16px 'Montserrat', sans-serif;
	letter-spacing: 0.8px;
	border: 0;
	background: none;
	color: #666;
	padding: 0;
	margin: 0;
	border-radius: 0 !important;
	-webkit-appearance: none;
}

	.search-form .sfTxt:focus {
		outline: none;
	}

	.search-form .sfTxt::-moz-placeholder {
		color: #666;
		opacity: 1;
	}

	.search-form .sfTxt:-ms-input-placeholder {
		color: #666;
	}

	.search-form .sfTxt::-webkit-input-placeholder {
		color: #666;
	}

.search-form .sfExample {
	display: none;
}

.search-form .sfFormSubmit {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 0;
	width: 24px;
	margin: 13px 0 0;
}

#header .navbar {
	min-height: 1px;
	margin: 0;
	border: 0;
	border-radius: 0;
	font-size: 0;
	line-height: 0;
	text-align: right;
	padding: 0 0 0 120px;
}

#main-nav {
	display: inline-block;
	vertical-align: top;
	margin: 0 -20px 0 0;
}

	#main-nav > ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}

		#main-nav > ul > li {
			display: inline-block;
			vertical-align: top;
			font-size: 20px;
			line-height: 25px;
			letter-spacing: 0.6px;
			padding: 0 0 36px;
		}

			#main-nav > ul > li > a {
				display: inline-block;
				vertical-align: top;
				padding: 4px 20px 6px;
				text-decoration: none;
				color: #666;
			}

				#main-nav > ul > li > a:hover {
					text-decoration: none;
				}

			#main-nav > ul > li:hover > a,
			#main-nav > ul > li.active > a {
				color: #fff;
				background: #004881;
			}

	#main-nav .mega-dropdown {
		position: absolute;
		z-index: 95;
		top: -9999px;
		left: 0;
		right: 0;
		text-align: left;
		opacity: 0;
		transition: opacity .3s;
		margin-top: 50px;
	}

		#main-nav li:hover > .mega-dropdown,
		#main-nav .mega-dropdown.opened {
			top: 100%;
			opacity: 1;
		}

		#main-nav .mega-dropdown:before {
			content: '';
			background: #004c88;
			position: absolute;
			z-index: 5;
			top: 0;
			bottom: 0;
			left: -9999px;
			right: -9999px;
		}

		#main-nav .mega-dropdown:after {
			content: '';
			background: #fff;
			position: absolute;
			z-index: 5;
			bottom: 100%;
			left: -9999px;
			right: -9999px;
			height: 50px;
		}

		#main-nav .mega-dropdown .bg-gradient {
			position: absolute;
			z-index: 7;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			opacity: 0.3;
			background: -moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
			background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
		}

		#main-nav .mega-dropdown .nav-block {
			position: relative;
			z-index: 30;
			max-width: 278px;
		}

			#main-nav .mega-dropdown .nav-block:before {
				content: '';
				position: absolute;
				z-index: 5;
				top: 0;
				right: 0;
				bottom: 0;
				left: -9999px;
				background: #fff;
				opacity: 0.1;
			}

		#main-nav .mega-dropdown .nav-holder {
			position: relative;
			z-index: 30;
			min-height: 731px;
			padding: 54px 0 30px;
		}

		#main-nav .mega-dropdown .nav-block h2 {
			color: #fff;
			margin: 0 0 31px;
			font-size: 34px;
			line-height: 38px;
			letter-spacing: -1px;
			font-weight: 700;
		}

		#main-nav .mega-dropdown .nav-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#main-nav .mega-dropdown .nav-list > li {
				font-size: 18px;
				line-height: 22px;
				border-bottom: solid 2px rgba(255, 255, 255, .1);
			}

				#main-nav .mega-dropdown .nav-list > li > a {
					display: block;
					position: relative;
					text-decoration: none;
					color: #fff;
					padding: 15px 0 16px;
				}

				#main-nav .mega-dropdown .nav-list > li:hover > a,
				#main-nav .mega-dropdown .nav-list > li.active > a {
					text-decoration: none;
					color: #fff;
					background: #003e6f;
					padding-left: 20px;
				}

			#main-nav .mega-dropdown .nav-list a:not(.btn) .arrow-right {
				display: inline-block;
				vertical-align: top;
				width: 20px;
				height: 20px;
				overflow: hidden;
				font-size: 0;
				line-height: 0;
				border: solid 2px #fff;
				border-radius: 100%;
				margin: 3px 0 -4px 4px;
				transition: all .3s;
				position: relative;
				opacity: 0;
				transition: all .3s;
			}

			#main-nav .mega-dropdown .nav-list > li:hover > a .arrow-right,
			#main-nav .mega-dropdown .nav-list > li.active > a .arrow-right {
				opacity: 1;
			}

			#main-nav .mega-dropdown .nav-list a .arrow-right:before {
				content: '\f105';
				font: 16px/18px 'FontAwesome';
				position: absolute;
				z-index: 10;
				top: 50%;
				left: 50%;
				margin: -10px 0 0 -2px;
			}

		#main-nav .mega-dropdown .dropdown-area {
			position: absolute;
			z-index: 30;
			top: 0;
			left: -9999px;
			width: 890px;
			height: 731px;
			padding: 60px 0 30px 59px;
			transition: opacity .3s;
			opacity: 0;
		}

		#main-nav .mega-dropdown .nav-list > li:hover .dropdown-area,
		#main-nav .mega-dropdown .nav-list > li.active .dropdown-area {
			opacity: 1;
			left: 100%;
		}

		#main-nav .mega-dropdown .nav-list:hover > li.active .dropdown-area {
			left: -9999px;
			opacity: 0;
		}

		#main-nav .mega-dropdown .nav-list:hover > li.active:hover .dropdown-area {
			opacity: 1;
			left: 100%;
		}

		#main-nav .mega-dropdown .dropdown-area > h3 {
			font-size: 24px;
			line-height: 28px;
			font-weight: 700;
			margin: 0 0 38px;
			color: #fff;
		}

		#main-nav .mega-dropdown .dropdown-area .cols {
			margin: 0 -10px;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			max-width: 100%;
		}

			#main-nav .mega-dropdown .dropdown-area .cols > .col {
				padding: 0 10px;
				-webkit-flex-grow: 1;
				flex-grow: 1;
				min-width: 33.33%;
				max-width: 50%;
				min-height: 1px;
			}

			#main-nav .mega-dropdown .dropdown-area .cols.has-info-widget > .col {
				min-width: 35%;
				max-width: 35%;
			}

				#main-nav .mega-dropdown .dropdown-area .cols.has-info-widget > .col:nth-child(1) {
					min-width: 30%;
					max-width: 30%;
				}

		#main-nav .mega-dropdown .dropdown-links {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#main-nav .mega-dropdown .dropdown-links li {
				font-size: 16px;
				line-height: 20px;
				padding: 0 0 1px;
			}

			#main-nav .mega-dropdown .dropdown-links a {
				display: block;
				color: #fff;
				text-decoration: none;
				position: relative;
				padding: 8px 40px 8px 0;
			}

				#main-nav .mega-dropdown .dropdown-links a:hover,
				#main-nav .mega-dropdown .dropdown-links .active > a {
					text-decoration: none;
					padding-left: 11px;
					background: rgba(255, 255, 255, .1);
					color: #fff;
				}

				#main-nav .mega-dropdown .dropdown-links a:not(.btn) .arrow-right {
					position: absolute;
					z-index: 20;
					top: 50%;
					right: 0;
					margin: -10px 30px 0 0;
					width: 20px;
					height: 20px;
					overflow: hidden;
					font-size: 0;
					line-height: 0;
					border: solid 2px #fff;
					border-radius: 100%;
					transition: all .3s;
				}

				#main-nav .mega-dropdown .dropdown-links a:hover .arrow-right,
				#main-nav .mega-dropdown .dropdown-links .active > a .arrow-right {
					opacity: 0.2;
					margin-right: 9px;
				}

				#main-nav .mega-dropdown .dropdown-links a .arrow-right:before {
					content: '\f105';
					font: 16px/18px 'FontAwesome';
					position: absolute;
					z-index: 10;
					top: 50%;
					left: 50%;
					margin: -10px 0 0 -2px;
				}

.info-widget {
	position: relative;
	max-width: 198px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	background: rgba(255, 255, 255, .1);
}

#main-nav .mega-dropdown .dropdown-area .info-widget {
	margin: 9px 0 0;
}

.info-widget .widget-body {
	padding: 40px 28px 41px;
}

.info-widget .img {
	max-width: 133px;
	margin: 0 auto 32px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .7);
	position: relative;
	overflow: hidden;
}

	.info-widget .img > img {
		display: block;
		width: 100%;
		max-width: 100%;
	}

.info-widget h3 {
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	margin: 0 0 12px;
}

.info-widget p {
	margin: 0;
	letter-spacing: -0.1px;
}

.info-widget .btn {
	display: block;
	min-width: 1px;
	padding-left: 27px;
	padding-right: 45px;
	text-align: left;
}

	.info-widget .btn .arrow-right {
		position: absolute;
		z-index: 20;
		top: 0;
		right: 0;
		margin: 18px 19px 0 0;
	}

.video-widget {
	position: relative;
	overflow: hidden;
	max-width: 278px;
}

	.video-widget .img {
		position: relative;
		overflow: hidden;
		padding: 61% 0 0;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
	}

		.video-widget .img:before {
			content: '';
			position: absolute;
			z-index: 5;
			top: 0;
			bottom: 0;
			left: 0;
			width: 65%;
			background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
			background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
			opacity: 0.7;
		}

		.video-widget .img:after {
			content: '';
			position: absolute;
			z-index: 6;
			bottom: 0;
			left: 0;
			right: 0;
			height: 60%;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			opacity: 0.7;
		}

		.video-widget .img > img {
			display: none;
		}

	.video-widget .btn-play {
		top: auto;
		left: auto;
		bottom: 0;
		right: 0;
		margin: 0 19px 21px 0;
	}

.login-form {
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 33px;
}

.row {
	margin-left: -10px;
	margin-right: -10px;
}

	.row [class^="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}

.login-form .sfTxt {
	display: block;
	width: 100%;
	border: 0;
	background: #e6f1f7;
	height: 56px;
	font: 16px 'Montserrat', Arial, Helvetica, sans-serif;
	padding: 18px 14px;
	color: #666;
	margin: 0 0 15px;
	border-radius: 0 !important;
	-webkit-appearance: none;
	box-shadow: none !important;
}

	.login-form .sfTxt:focus {
		outline: none;
	}

	.login-form .sfTxt::-moz-placeholder {
		color: #666;
		opacity: 1;
	}

	.login-form .sfTxt:-ms-input-placeholder {
		color: #666;
	}

	.login-form .sfTxt::-webkit-input-placeholder {
		color: #666;
	}

.login-form .sfExample {
	display: none;
}

.login-form a {
	text-decoration: underline;
}

	.login-form a:hover {
		text-decoration: none;
	}
/* end header */
/* breadcrumbs */
.breadcrumbs {
	background: #e5ecf2;
	padding: 16px 0;
}

	.breadcrumbs ul {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		font-size: 14px;
		line-height: 22px;
	}

		.breadcrumbs ul li {
			float: left;
			padding: 0 0 0 18px;
			margin: 0 18px 0 -18px;
			position: relative;
		}

			.breadcrumbs ul li:before {
				position: absolute;
				content: '';
				width: 4px;
				height: 6px;
				background: url(/Content/Collegestyles/images/ico-01.svg) no-repeat;
				background-size: 4px 6px;
				top: 9px;
				left: 7px;
			}

		.breadcrumbs ul a {
			text-decoration: underline;
		}

			.breadcrumbs ul a:hover {
				text-decoration: none;
			}
/* end breadcrumbs */
/* main */
#main {
	padding: 22px 0;
}

.side-nav ul {
	margin: 0;
	padding: 7px 0 0;
	list-style: none;
}

	.side-nav ul li {
		margin: 0 0 7px;
	}

	.side-nav ul a {
		display: table-cell;
		vertical-align: middle;
		width: 1%;
		height: 70px;
		background: #004c88;
		color: #fff;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 22px;
		text-decoration: none;
	}

		.side-nav ul a:hover {
			background: #e0e0e0;
			color: #444;
		}

	.side-nav ul .active > a {
		background: #e0e0e0;
		color: #444;
		font-weight: bold;
	}

.content p {
	margin: 0 0 26px;
}

.text-box {
	border: 1px solid #cdcdcd;
	margin: 0 0 39px;
	padding: 17px 20px;
}

	.text-box p {
		margin: 0;
	}

		.text-box p + p {
			margin-top: 20px;
		}

.content ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	color: #4a4a4a;
}

.content a:not(.btn) {
	text-decoration: underline;
	color: #004c88;
}

.content a:hover {
	text-decoration: none;
}

.content ul li {
	padding: 0 0 15px 26px;
	position: relative;
}

	.content ul li:before {
		position: absolute;
		content: '';
		width: 10px;
		height: 10px;
		left: 0;
		top: 8px;
		background: #004c88;
		border-radius: 50%;
	}

.content ol {
	margin: 0;
	padding: 0 0 25px;
	list-style: none;
	counter-reset: section;
	color: #4a4a4a;
}

	.content ol li {
		padding: 0 0 11px 26px;
		position: relative;
	}

		.content ol li:before {
			content: counter(section, decimal) ".";
			counter-increment: section;
			position: absolute;
			top: 0;
			left: 0;
			width: 24px;
		}

.row-check {
	padding: 4px 0 10px;
}

.sfFormRadiolist,
.sfFormCheckboxlist {
	padding: 0 26px 20px 0;
	line-height: 18px;
	display: inline-block;
	vertical-align: top;
}

.sfRadioList,
.sfCheckListBox {
	float: left;
	margin: 0 10px 0 0;
	width: auto;
	line-height: 1px;
}

.sfFormRadiolist .sfTxtLbl,
.sfFormCheckboxlist .sfTxtLbl {
	overflow: hidden;
	line-height: 18px;
	color: #555;
	font-size: 18px;
	font-weight: normal;
}

.sfRadioList input,
.sfCheckListBox input {
	display: none;
}

.sfRadioList label,
.sfCheckListBox label {
	margin: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #8e8f8f;
	position: relative;
	display: block;
}

.sfRadioList label {
	border-radius: 50%;
	border-width: 2px;
	border-color: rgba(111, 111, 111, 0.7);
}

	.sfRadioList label:before,
	.sfCheckListBox label:before {
		position: absolute;
		content: '';
		width: 16px;
		height: 13px;
		background: url(/Content/Collegestyles/images/ico-02.svg) no-repeat;
		background-size: 16px 13px;
		right: 0;
		bottom: 2px;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.sfRadioList label:before {
		background: #004c88;
		width: auto;
		height: auto;
		top: 3px;
		left: 3px;
		right: 3px;
		bottom: 3px;
		border-radius: 50%;
	}

.sfRadioList [type="radio"]:checked + label:before,
.sfCheckListBox [type="checkbox"]:checked + label:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.row-btn {
	padding: 0 0 65px;
}

.table-block {
	margin: 0 0 71px;
}

	.table-block table {
		width: 100%;
		margin: 0;
		border: 1px solid #cbcbcb;
	}

		.table-block table th {
			font-size: 24px;
			line-height: 31px;
			font-weight: bold;
			padding: 15px 13px;
			text-align: left;
			color: #004c88;
		}

		.table-block table td {
			padding: 19px 15px;
			font-size: 18px;
			line-height: 20px;
			border-top: 1px solid #cbcbcb;
		}

			.table-block table td a {
				text-decoration: underline;
				color: #004c88;
			}

				.table-block table td a:hover {
					text-decoration: none;
				}

		.table-block table tr:nth-child(even) td {
			background: #f4f4f4;
		}

.contact-form {
	padding: 0 0 64px;
	max-width: 660px;
}

	.contact-form h1 {
		margin: 0 0 24px;
	}

	.contact-form a {
		text-decoration: underline;
		color: #004c88;
		font-weight: 600;
	}

		.contact-form a:hover {
			text-decoration: none;
		}

	.contact-form .holder {
		max-width: 575px;
		padding: 18px 0 0;
	}

	.contact-form .sfTxt {
		display: block;
		width: 100%;
		border: 1px solid #e5e5e5;
		background: none;
		height: 56px;
		font: 16px 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 16px 17px;
		color: #666;
		margin: 0 0 5px;
		border-radius: 0 !important;
		-webkit-appearance: none;
		box-shadow: none !important;
	}

	.contact-form .row-check {
		padding-top: 21px;
		padding-bottom: 1px;
	}

.sfFormCheckboxlist.type2 .sfTxtLbl {
	font-size: 16px;
	line-height: 21px;
	margin: 0;
}

.sfFormCheckboxlist.type2 .sfCheckListBox label {
	width: 21px;
	height: 21px;
}

.sfFormCheckboxlist.type2 .sfCheckListBox {
	float: right;
	margin: 0 0 0 17px;
}

.contact-form .sfFormSubmit {
	padding-top: 21px;
}

	.contact-form .sfFormSubmit .btn {
		min-width: 120px;
		text-align: left;
	}

.modules-block {
	margin: 0 0 77px;
	max-width: 574px;
}

	.modules-block .title-panel {
		background: #004c88;
		padding: 17px 25px 16px;
		color: #fff;
		margin: 0 0 -1px;
		position: relative;
	}

		.modules-block .title-panel h1 {
			margin: 0;
			color: inherit;
		}

.view-all {
	float: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: underline;
	margin: 8px 0 0;
	color: inherit;
}

	.view-all:hover {
		text-decoration: none;
		color: inherit;
	}

.modules-block .holder {
	border: 1px solid #cbcbcb;
	padding: 30px 20px 15px;
}

	.modules-block .holder h2 {
		margin: 0 0 24px;
	}

.modules-block figure {
	margin: 0;
}

	.modules-block figure .img {
		width: 157px;
		margin: 4px 18px 0 0;
		float: left;
	}

		.modules-block figure .img img {
			vertical-align: top;
			width: 100%;
		}

.modules-block figcaption {
	overflow: hidden;
}

	.modules-block figcaption h3 {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 16px;
	}

	.modules-block figcaption dl {
		margin: 0;
	}

		.modules-block figcaption dl dt {
			line-height: inherit;
			font-weight: bold;
			color: #444;
			margin: 0 0 2px;
		}

		.modules-block figcaption dl dd {
			margin: 0 0 29px;
			line-height: inherit;
		}

.news-block {
	margin: 0 0 74px;
	max-width: 574px;
}

	.news-block h1 {
		margin-bottom: 24px;
	}

	.news-block figure {
		border: 1px solid #cbcbcb;
		padding: 16px 10px 16px 20px;
		color: #444;
	}

		.news-block figure:after {
			content: '';
			display: block;
			clear: both;
		}

		.news-block figure .img {
			width: 157px;
			margin: 2px 20px 2px 0;
			float: left;
		}

			.news-block figure .img img {
				vertical-align: top;
				width: 100%;
			}

	.news-block figcaption {
		overflow: hidden;
	}

		.news-block figcaption h2 {
			font-size: 30px;
			line-height: 34px;
			margin-bottom: 10px;
		}

		.news-block figcaption ul {
			margin: 0;
			padding: 9px 0 0;
			list-style: none;
			line-height: 18px;
		}

			.news-block figcaption ul li:before {
				display: none;
			}

			.news-block figcaption ul li {
				padding: 0 0 18px;
				font-weight: bold;
			}

			.content .news-block figcaption ul a,
			.news-block figcaption ul a {
				text-decoration: none;
				color: inherit;
			}

				.content .news-block figcaption ul a:hover,
				.news-block figcaption ul a:hover {
					color: #004c88;
				}

		.news-block figcaption p {
			margin: 0 0 14px;
		}

.filter-block {
	margin: 0 0 208px;
	max-width: 725px;
}

	.filter-block label {
		display: block;
		margin: 0 0 17px;
		font-weight: bold;
		font-size: 20px;
		color: #004c88;
	}

	.filter-block .col-2,
	.filter-block .col-1 {
		width: 80%;
		padding: 0 10px;
		float: left;
	}

	.filter-block .col-2 {
		width: 20%;
	}

	.filter-block .sfFormSubmit {
		-webkit-align-items: flex-end;
		align-items: flex-end;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

		.filter-block .sfFormSubmit .btn {
			min-width: 1px;
			display: block;
			width: 100%;
			font-size: 16px;
			padding: 13px;
		}

.select2 {
	width: 100% !important;
	display: block;
	margin: 0;
}

.select2-container--default .select2-selection--single {
	background: none;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	border: 1px solid #cdcdcd;
}

.select2-container .select2-selection--single {
	height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font: 16px/18px 'Montserrat', Arial, Helvetica, sans-serif;
	color: #666;
	padding: 15px 50px 15px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
	width: 48px;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/Content/Collegestyles/images/ico-03.svg) no-repeat 50% 50%;
	background-size: 13px 8px;
}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		display: none;
	}

.select2-dropdown {
	border: 1px solid #cdcdcd;
	box-shadow: none;
	font: 16px/20px 'Montserrat', Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	background: #fff;
	border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: #e0dfdd;
	color: #666;
}

.select2-dropdown .select2-results__options {
	margin: 0;
	padding: 0;
	list-style: none;
}

.select2-dropdown .select2-results__option {
	padding: 15px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.select2-results__option:before {
	display: none;
}

.select2-results__option + .select2-results__option {
	border-top: 1px solid #dfdfdf;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #e0dfdd;
	color: #666;
}

.info-block {
	margin: 0 0 100px;
}

	.info-block h1 {
		margin-bottom: 24px;
	}

	.info-block .holder {
		border: 1px solid #cdcdcd;
		padding: 22px 30px 6px;
	}

		.info-block .holder .col-1 {
			width: 56%;
		}

		.info-block .holder .col-2 {
			width: 44%;
		}

		.info-block .holder .box {
			background: #e6f1f7;
			padding: 21px 30px 7px 20px;
			margin-right: -30px;
			color: #004c88;
			font-weight: bold;
			margin-bottom: 20px;
			margin-top: -6px;
		}

			.info-block .holder .box h3 {
				margin-bottom: 23px;
			}

			.info-block .holder .box dl {
				margin: 0;
			}

				.info-block .holder .box dl dt {
					line-height: inherit;
					float: left;
					padding: 0 4px 0 0;
				}

				.info-block .holder .box dl dd {
					line-height: inherit;
					margin: 0 0 29px;
				}

		.info-block .holder footer {
			margin-top: auto;
			font-size: 14px;
			line-height: 21px;
		}

			.info-block .holder footer p {
				margin-bottom: 19px;
			}

	.info-block .logos {
		padding: 0 0 31px;
	}

		.info-block .logos img {
			vertical-align: top;
			max-width: 100%;
		}

.details-news {
	padding-bottom: 51px;
}

	.details-news .date {
		display: block;
		margin: 0 0 12px;
		font-size: 16px;
		line-height: 20px;
	}

	.details-news h1 {
		margin-bottom: 24px;
	}

	.details-news .meta {
		display: block;
		margin: 0 0 14px;
	}

.video-player {
	max-width: 400px;
	margin: 0 0 40px;
	padding-top: 7px;
}

	.video-player .holder {
		padding-bottom: 56.25%;
		position: relative;
	}

	.video-player iframe {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
	}

.write-box {
	background: #e5ecf2;
	padding: 26px 30px 28px;
	margin: 0 0 40px;
}

	.write-box h3 {
		color: inherit;
		margin-bottom: 28px;
	}

	.write-box p {
		margin: 0;
	}
/* end main */
/* footer */
#footer {
	position: relative;
}

	#footer .bottom {
		background: #004c88;
		color: #fff;
		font-size: 18px;
		line-height: 27px;
	}

		#footer .bottom .container {
			position: relative;
			padding-top: 40px;
			padding-bottom: 47px;
			padding-left: 110px;
		}

	#footer .logo-footer {
		width: 67px;
		height: 79px;
		text-indent: -9999px;
		overflow: hidden;
		background: url("/Content/Collegestyles/images/logo-footer.png") no-repeat;
		background-size: 67px 79px;
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		margin: 35px 0 0 16px;
	}

		#footer .logo-footer a {
			display: block;
			height: 100%;
		}

	#footer .bottom p {
		margin: 0;
		letter-spacing: 0.2px;
	}

	#footer .bottom-links {
		list-style: none;
		margin: 0;
		padding: 2px 0 0;
		font-size: 0;
		line-height: 0;
	}

		#footer .bottom-links > li {
			display: inline-block;
			vertical-align: top;
			position: relative;
			font-size: 18px;
			line-height: 22px;
			letter-spacing: 0.2px;
		}

			#footer .bottom-links > li + li {
				padding-left: 25px;
			}

				#footer .bottom-links > li + li:before {
					content: '';
					position: absolute;
					z-index: 20;
					top: 0;
					left: 0;
					width: 1px;
					height: 17px;
					background: #fff;
					margin: 5px 0 0 13px;
				}

		#footer .bottom-links a {
			color: #fff;
			text-decoration: underline;
		}

			#footer .bottom-links a:hover {
				text-decoration: none;
				color: #fff;
			}

.social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

#footer .social {
	padding: 21px 3px 0 0;
}

.social > li {
	display: inline-block;
	vertical-align: top;
}

	.social > li + li {
		padding-left: 20px;
	}

.social a {
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	text-decoration: none;
	color: #fff;
	font-size: 0;
	line-height: 0;
	position: relative;
	overflow: hidden;
	border-radius: 100%;
}

.social .facebook {
	background: #43619c;
}

.social .twitter {
	background: #24a9e6;
}

.social .youtube {
	background: #ca2f24;
}

.social .linkedin {
	background: #187fb8;
}

.social a:hover {
	text-decoration: none;
	color: #eee;
}

.social a:before {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	font: 24px/26px 'FontAwesome';
}

.social .facebook:before {
	content: '\f230';
	margin: -13px 0 0 -10px;
}

.social .twitter:before {
	content: '\f099';
	margin: -13px 0 0 -10px;
}

.social .youtube:before {
	content: '\f16a';
	margin: -13px 0 0 -12px;
}

.social .linkedin:before {
	content: '\f0e1';
	margin: -14px 0 0 -9px;
}
/* end footer */
/* dashboard */
.details-block {
	background: #fff;
	border: solid 1px #ccc;
	margin: 7px 0 55px;
}

	.details-block .details-heading {
		background: #004c88;
		padding: 18px 27px;
		margin: -1px -1px 0;
	}

		.details-block .details-heading h1 {
			color: #fff;
			margin: 0;
			font-size: 30px;
			line-height: 34px;
			font-weight: 700;
			letter-spacing: -0.5px;
		}

.details-info {
	padding: 41px 27px 27px;
	color: #004c88;
	font-size: 18px;
	line-height: 22px;
}

	.details-info h2 {
		color: #444;
		margin: 0 0 6px;
		font-size: 18px;
		line-height: 22px;
		font-weight: 400;
	}

	.content .details-info p,
	.details-info p {
		margin: 0;
	}

		.details-info p strong {
			font-weight: 700;
		}

.heading-box {
	padding: 0 0 37px;
}

	.heading-box h2 {
		color: #004c88;
		margin: 0;
		font-size: 30px;
		line-height: 35px;
		font-weight: 700;
		letter-spacing: -0.8px;
	}

.details-boxes {
	padding: 0 0 55px;
}

.details-box {
	max-width: 396px;
	background: #fff;
	border: solid 1px #ccc;
	padding: 16px 15px 18px;
	color: #666;
	font-size: 18px;
	line-height: 26px;
}

.details-boxes > .row > div[class^="col-"]:last-child .details-box {
	margin-left: auto;
}

.details-box .block {
	padding: 0 0 28px;
}

.details-box h3 {
	color: #004c88;
	margin: 0 0 13px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.content .details-box p,
.details-box p {
	margin: 0;
}

.details-box .btn {
	line-height: 27px;
	text-align: left;
	max-width: 281px;
	padding: 12px 17px 14px;
	letter-spacing: 0;
}

	.details-box .btn .arrow-right {
		margin: 5px 0 -5px 5px;
	}

.widgets-list,
.content .widgets-list {
	list-style: none;
	margin: 0 -10px;
	padding: 0 0 8px;
	font-size: 0;
	line-height: 0;
}

	.widgets-list > li,
	.content .widgets-list > li {
		display: inline-block;
		vertical-align: top;
		padding: 3px 10px 53px;
		width: 33.33%;
	}

		.widgets-list > li.wide-col,
		.content .widgets-list > li.wide-col {
			width: 66.66%;
		}

	.widgets-list.type2 > li,
	.content .widgets-list.type2 > li {
		vertical-align: bottom;
	}

	.widgets-list > li:before,
	.content .widgets-list > li:before {
		display: none;
	}

	.widgets-list .row > div[class^="col-"] {
		float: none;
		display: inline-block;
		vertical-align: bottom;
	}

.info-box {
	position: relative;
}

	.info-box h3 {
		color: #004c88;
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 26px;
		font-weight: 700;
		letter-spacing: -0.2px;
	}

.image-widget {
	margin: 0;
	background: #e5edf3;
}

	.image-widget .img {
		position: relative;
		overflow: hidden;
		padding: 64.5% 0 0;
	}

		.image-widget .img > a {
			position: absolute;
			z-index: 20;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: cover;
		}

	.image-widget:hover .img > a,
	.info-box:hover .image-widget .img > a {
		top: -5px;
		bottom: -5px;
		left: -5px;
		right: -5px;
	}

	.image-widget .img > a > img {
		display: none;
	}

	.image-widget .image {
		background: #fff;
		border: solid 1px #979797;
		padding: 78.8% 0 0;
		position: relative;
		overflow: hidden;
	}

		.image-widget .image.type2 {
			padding-top: 63.5%;
			margin-top: -9px;
		}

		.image-widget .image.type3 {
			padding-top: 64%;
		}

		.image-widget .image img {
			position: absolute;
			z-index: 20;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			transition: all .3s;
			margin: auto;
			max-width: 94%;
			max-height: 86%;
		}

	.image-widget:hover .image img,
	.info-box:hover .image-widget .image img {
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
	}

	.image-widget figcaption {
		padding: 12px 17px;
		min-height: 107px;
	}

.arrow-link,
.content .arrow-link:not(.btn) {
	display: inline-block;
	vertical-align: top;
	text-decoration: underline;
	color: #004c88;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.2px;
}

	.arrow-link .wrap-txt {
		display: inline-block;
		vertical-align: top;
		white-space: nowrap;
		text-decoration: underline;
	}

	.arrow-link:hover .wrap-txt {
		text-decoration: none;
	}

	.arrow-link:hover,
	.content .arrow-link:not(.btn):hover {
		color: #004c88;
		text-decoration: none;
	}

	.arrow-link .arrow-right {
		display: inline-block;
		vertical-align: top;
		width: 20px;
		height: 20px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		border: solid 2px #004c88;
		border-radius: 100%;
		margin: 6px -15px -6px 6px;
		position: relative;
		text-decoration: none !important;
	}

		.arrow-link .arrow-right:before {
			content: '\f105';
			font: 16px/18px 'FontAwesome';
			position: absolute;
			z-index: 10;
			top: 50%;
			left: 50%;
			margin: -10px 0 0 -2px;
		}

.note-section {
	position: relative;
	padding: 55px 0 69px;
	margin: 21px 0 63px;
}

	.note-section > * {
		position: relative;
		z-index: 10;
	}

	.note-section:before {
		content: '';
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: -9999px;
		right: -9999px;
		background: #e5edf3;
	}

	.note-section h2 {
		color: #004c88;
		font-size: 30px;
		line-height: 35px;
		font-weight: 700;
		letter-spacing: -0.5px;
		margin: 0 0 26px;
	}

	.note-section p,
	.note-section p {
		margin: 0;
	}

		.note-section p strong {
			font-weight: 700;
		}

.text-widget {
	background: #e5edf3;
	padding: 21px 16px 24px;
	font-size: 18px;
	line-height: 26px;
	color: #666;
}

	.text-widget h3 {
		color: #004c88;
		text-align: center;
		margin: 0 0 10px;
		font-size: 18px;
		line-height: 22px;
		font-weight: 700;
	}

	.text-widget p {
		margin: 0 0 16px;
	}

		.text-widget p:last-child {
			margin-bottom: 0;
		}

		.text-widget p a,
		.content .text-widget p a:not(.btn) {
			text-decoration: none;
			color: #004c88;
		}

			.text-widget p a:hover,
			.content .text-widget p a:not(.btn):hover {
				text-decoration: underline;
				color: #004c88;
			}
/* end dashboard */
/* my-employment-positions */
.table-block.type2 {
	margin-bottom: 19px;
}

	.table-block.type2 table th {
		padding: 14px 5px 15px;
	}

		.table-block.type2 table th:nth-child(1) {
			width: 16.9%;
		}

		.table-block.type2 table th:nth-child(3) {
			width: 19.8%;
		}

		.table-block.type2 table th:nth-child(4) {
			width: 15.9%;
		}

		.table-block.type2 table th:nth-child(5) {
			width: 12.7%;
		}

		.table-block.type2 table th:nth-child(6) {
			width: 12.1%;
		}

	.table-block.type2 table td {
		vertical-align: top;
		line-height: 26px;
		padding: 15px 5px 11px;
	}

		.table-block.type2 table th:first-child,
		.table-block.type2 table td:first-child {
			padding-left: 15px;
		}

.btn-section {
	text-align: right;
	padding: 0 0 20px;
}

.btn.btn-text-left {
	line-height: 23px;
	text-align: left;
	max-width: 278px;
	padding: 11px 17px 12px;
}

	.btn.btn-text-left .arrow-right {
		margin: 2px 0 -2px 6px;
	}
/* end my-employment-positions */
/* about */
.cpdo-logo {
	display: block;
	width: 182px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/Content/Collegestyles/images/cpdo-logo.png) no-repeat;
	margin: -46px 0 24px;
}

	.cpdo-logo a {
		display: block;
		height: 100%;
	}

.intro-block {
	font-size: 20px;
	padding: 0 0 53px;
	margin-top: -8px;
	line-height: 27px;
}

	.intro-block .text-area {
		letter-spacing: -0.3px;
		padding-right: 20px;
	}

		.intro-block .text-area strong {
			font-weight: 600;
		}

		.intro-block .text-area p {
			margin: 0 0 20px;
		}

.btns-list {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.btns-list > li {
		padding: 0 10px 7px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.btns-list a {
		display: table-cell;
		vertical-align: middle;
		width: 1%;
		height: 56px;
		background: #004c88;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		padding: 5px 15px;
		text-decoration: none;
	}

		.btns-list a:hover {
			background: #e0e0e0;
			color: #444;
		}

.side-nav .legend {
	display: block;
	font-weight: normal;
	color: #004c88;
	font-size: 16px;
	line-height: 20px;
	margin: -31px 0 11px;
}

.action {
	float: right;
	position: relative;
}

.btn-action {
	display: inline-block;
	vertical-align: top;
}

.action ul {
	float: right;
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	letter-spacing: 0.8px;
}

	.action ul .arrow-link .arrow-right {
		margin-left: 12px;
		margin-right: 0;
	}

	.action ul li {
		float: left;
		padding: 0 0 0 20px;
	}

		.action ul li:before {
			display: none;
		}

.aside {
	margin: -12px 0 0;
}

	.aside .btn {
		display: block;
		position: relative;
		padding: 22px 70px 22px 16px;
		text-align: left;
		margin: 0 0 14px;
		line-height: 25px;
	}

		.aside .btn .arrow-right {
			position: absolute;
			right: 0;
			top: 0;
			margin: 24px 26px 0 0;
		}

.info-item {
	margin: 0 0 14px;
	background: #e6f1f7;
	padding: 19px 17px 23px;
	color: #004c88;
}

	.info-item h3 {
		letter-spacing: 0.4px;
		line-height: 24px;
	}

.content .text-holder {
	padding-top: 5px;
	padding-bottom: 30px;
}
/* end about */
/* e-newsletter */
.side-nav.type2 {
	padding-bottom: 20px;
}

	.side-nav.type2 ul ul {
		padding: 1px 0 0;
	}

	.side-nav.type2 ul li {
		margin: 0 0 1px;
	}

	.side-nav.type2 ul a {
		background: #e6f1f7;
		color: #757575;
		padding-top: 13px;
		padding-bottom: 12px;
	}

	.side-nav.type2 > ul > li > a {
		font-weight: 600;
		color: #004c88;
	}

	.side-nav.type2 ul a:hover,
	.side-nav.type2 ul .active > a {
		background: #004c88;
		font-weight: normal;
		color: #fff;
	}

	.side-nav.type2 > ul > .active > a,
	.side-nav.type2 > ul > li > a:hover {
		font-weight: 600;
	}

.side-nav ul [data-toggle="collapse"] {
	position: relative;
	padding-right: 55px;
}

.side-nav ul a .arrow-right {
	position: absolute;
	top: 50%;
	right: 23px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border: solid 2px #004c88;
	border-radius: 50%;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #004c88;
	margin: -10px 0 0;
}

.side-nav ul a:hover .arrow-right {
	border-color: #fff;
	color: #fff;
}

.side-nav ul a.collapsed .arrow-right {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.side-nav ul a .arrow-right:before {
	content: '\f105';
	font: 16px/18px 'FontAwesome';
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -2px;
}

.contact-form.type2 {
	max-width: none;
	padding-top: 4px;
}

.contact-form .block {
	padding-bottom: 14px;
}

.contact-form .sfFormDropdown {
	margin: 0 0 5px;
}

.contact-form.type2 .sfTxt {
	border-color: transparent;
	background: #e6f1f7;
}

.contact-form.type2 .select2-container .select2-selection--single {
	height: 56px;
}

.contact-form.type2 .select2-container--default .select2-selection--single {
	border-color: transparent;
	background: #e6f1f7;
}

	.contact-form.type2 .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 24px;
		color: #666;
	}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #666;
}

.contact-form.type2 .select2-container--default .select2-selection--single .select2-selection__arrow {
	background: url(/Content/Collegestyles/images/ico-04.svg) no-repeat 50% 50%;
	background-size: 17px auto;
	width: 56px;
	height: 56px;
}

.contact-form.type2 .select2-dropdown {
	border-color: #e6f1f7;
}

.contact-form.type2 .select2-container--default .select2-results__option[aria-selected=true] {
	background: #f4f9fb;
}

.contact-form.type2 .select2-results__option + .select2-results__option {
	border-top: 1px solid #e6f1f7;
}

.contact-form.type2 .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #f4f9fb;
}

.contact-form.type2 .text {
	padding: 14px 0 0;
}

.contact-form.type2 .sfFormSubmit {
	padding-top: 0;
}
/* end e-newsletter */
/* free-modules */
.info-section {
	background: #e5ecf2;
	padding: 28px 40px;
	color: #004c88;
	margin: 48px 0 15px;
}

	.info-section ol {
		color: #004c88;
		padding-bottom: 0;
	}

		.info-section ol li {
			padding: 0 0 14px;
		}

			.info-section ol li:before {
				position: static;
				display: inline-block;
				vertical-align: top;
				padding-right: 4px;
				width: auto;
			}

	.info-section h2 {
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 24px;
	}
/* end free-modules */
/* modules */
.modules-block.type2 {
	margin-bottom: 21px;
}

.modules-block:first-child {
	margin-top: 7px;
}

.modules-block.type2 figcaption h3 {
	line-height: 37px;
	margin-bottom: 25px;
}

.modules-block .view-all {
	color: inherit !important;
}

.modules-block.type2 .holder {
	padding-bottom: 22px;
}

.recently-modules {
	border: 1px solid #ccc;
	padding: 28px 20px;
	color: #666;
	margin-bottom: 60px;
}

	.recently-modules h2 {
		margin-bottom: 29px;
	}

	.recently-modules > ul {
		margin: 0 -16px;
		padding: 0;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.recently-modules > ul > li {
			padding: 0 16px 40px;
			-webkit-box-flex: 0;
			-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}

			.recently-modules > ul > li:before {
				display: none;
			}

			.recently-modules > ul > li > a {
				display: block;
				text-decoration: none !important;
				color: inherit !important;
			}

	.recently-modules figure .img {
		background-size: cover;
		background-position: 50% 50%;
		padding-bottom: 74%;
		margin-bottom: 17px;
	}

		.recently-modules figure .img img {
			display: none;
		}

.podcast-box {
	border: 1px solid #ccc;
	margin: 0 0 21px;
	padding: 17px 15px 5px;
	color: #444;
}

	.podcast-box:first-child {
		margin-top: 6px;
	}

	.podcast-box .view-all {
		margin: 5px 12px 0 0;
	}

	.podcast-box h2 {
		margin-bottom: 21px;
	}

	.podcast-box h3 {
		color: #444;
		line-height: 24px;
		margin-bottom: 9px;
	}

.content .podcast-box h3 a {
	text-decoration: none;
}

	.content .podcast-box h3 a:hover {
		text-decoration: underline;
	}

.podcast-box figure {
	padding-top: 14px;
}

	.podcast-box figure:after {
		content: '';
		display: block;
		clear: both;
	}

	.podcast-box figure .img {
		float: left;
		width: 64px;
		margin: 6px 18px 0 0;
	}

		.podcast-box figure .img img {
			vertical-align: top;
			max-width: 100%;
		}

.podcast-box figcaption {
	overflow: hidden;
}

	.podcast-box figcaption dl {
		margin: 0;
	}

		.podcast-box figcaption dl dt {
			line-height: inherit;
			font-weight: bold;
			margin: 0 0 5px;
		}

		.podcast-box figcaption dl dd {
			margin: 0 0 17px;
			line-height: 24px;
		}

.podcast-box .list {
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
	line-height: 24px;
}

	.podcast-box .list > li {
		padding: 0;
	}

		.podcast-box .list > li:before {
			display: none;
		}

		.podcast-box .list > li + li {
			margin-top: 17px;
		}

		.podcast-box .list > li > a {
			display: block;
			text-decoration: none !important;
			color: inherit;
		}

			.podcast-box .list > li > a:hover {
				color: #004c88;
			}

	.podcast-box .list p {
		margin: 0;
	}

	.podcast-box .list h3 {
		margin: 0 0 8px;
		color: inherit;
	}

	.podcast-box .list figure {
		padding: 0;
	}

		.podcast-box .list figure .img {
			width: 41px;
			margin-right: 41px;
		}
/* end modules */
/* free-module */
.info-list,
.content .info-list {
	list-style: none;
	margin: 0;
	padding: 11px 0 22px;
}

	.info-list > li,
	.content .info-list > li {
		position: relative;
		margin: 0 0 16px;
		padding: 0 0 0 135px;
	}

		.info-list > li:before,
		.content .info-list > li:before {
			display: none;
		}

	.info-list .img {
		position: absolute;
		z-index: 20;
		top: 50%;
		left: 0;
		width: 135px;
		height: 101px;
		overflow: hidden;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

		.info-list .img > a {
			position: absolute;
			z-index: 20;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: cover;
		}

		.info-list .img:hover > a {
			top: -5px;
			bottom: -5px;
			left: -5px;
			right: -5px;
		}

		.info-list .img > a > img {
			display: none;
		}

	.info-list .block {
		display: table-cell;
		vertical-align: middle;
		width: 1%;
		height: 101px;
		padding: 10px 24px;
	}

		.info-list .block p,
		.content .info-list .block p {
			margin: 0;
			letter-spacing: 0.1px;
		}
/* end free-module */
/* quickbites */
.content p b {
	font-weight: 600;
}

.links-widget {
	border: solid 1px #ccc;
	background: #fff;
	padding: 15px 12px 18px;
	margin: 18px 0 0;
}

	.links-widget h3 {
		color: #004c88;
		font-size: 24px;
		line-height: 30px;
		font-weight: 700;
		letter-spacing: -0.3px;
		margin: 0 0 25px;
	}

.links-list,
.content .links-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.links-list > li,
	.content .links-list > li {
		font-size: 18px;
		line-height: 24px;
		padding: 0 0 24px;
	}

		.links-list > li:before,
		.content .links-list > li:before {
			display: none;
		}
/* end quickbites */
/* how-to-approach */
.content-links,
.content .content-links {
	list-style: none;
	margin: 0;
	padding: 9px 0 14px;
}

	.content-links > li,
	.content .content-links > li {
		padding: 0 0 14px;
	}

		.content-links > li:before,
		.content .content-links > li:before {
			display: none;
		}

.content .heading-box {
	padding: 28px 0;
}

	.content .heading-box h3 {
		color: #666;
		font-size: 18px;
		line-height: 22px;
		font-weight: 600;
		margin: 0;
	}

.content .section-holder {
	padding: 50px 0 0;
}

.highlight-section {
	position: relative;
	margin: 0 0 39px;
	padding: 26px 0 36px;
}

	.highlight-section > * {
		position: relative;
		z-index: 20;
	}

	.highlight-section:before {
		content: '';
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: -9999px;
		right: -9999px;
		background: #e5edf3;
	}

.contact-box {
	background: #f5a623;
	padding: 29px 41px 33px;
	margin: 0 0 98px;
	color: #444;
}

	.contact-box p,
	.content .contact-box p {
		margin: 0;
		letter-spacing: 1px;
	}

		.contact-box p a,
		.content .contact-box p a {
			color: inherit;
		}
/* end how-to-approach */