/* --------------------------------------------------------------------------
MINT
-------------------------------------------------------------------------- */

.mint_field {
	min-width: 49px;
	min-height: 24px;
}

.mint_field img {
	max-width: 100%;
}

/* --------------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------------- */

body {
	margin: 0;
}

html {
	color: #252525;
	font: 300 16px/1.417 "azo-sans-web", sans-serif;
}

h2 {
	position: relative;
	margin-top: 32px;
	margin-bottom: 32px;
	background-color: #fff;
	color: #0a456b;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
}

a {
	color: #0a456b;
	text-decoration: underline;
}

a[href="#top"] {
	color: #0A456B;
	text-decoration: none;
}

a[href="#top"] span {
	color: #2d2d2d;
	font-weight: bold;
}

.overdiv,
.underdiv {
	margin-left: auto;
	margin-right: auto;
}

.overdiv {
	width: calc(100% - 150px);
	max-width: 1440px;
}

.group::after {
	content: "";
	display: table;
	clear: both;
}

.admin_message {
	font-weight: bold;
}

.icon,
.icon img {
	width: 24px;
	height: 24px;
}

.icon.bigger,
.icon.bigger img {
	width: 32px;
	height: 32px;
}

#live_preview_end {
	z-index: 2;
}

.mobOnly{
	display:none;
}

/* --------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------- */

#header {
	border-bottom: 8px solid #22abe2;
}

#header_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 11px;
	padding-bottom: 13px;
	position: relative;
}

#header_logo {
	max-width: 192px;
}

#header_slogan {
	color: #03436b;
	font-size:28px;
}

#header_links {
	text-align: center;
}

#header_links a {
	display: block;
}

#header_links .donate_button {
	background-color: #a03f62;
}

.hub-link,
.hub-link a {
	font-size: 12px;
	color: #27aae1;
	text-transform: uppercase;
	text-decoration: underline;
	cursor: pointer;
}

.main-hub-link {
	position: absolute;
	top: 5px;
	right: 4px;
}

.menu-controller {
	display: none;
}
.menu-controller {
	cursor: pointer;
}
.menu-controller .icon {
	background: url("images/menu_blue.svg") no-repeat 50% 50%;
	background-size: contain;
}

/* --------------------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------------------- */

#nav {
	margin-bottom: 8px;
	background-color: #07456b;
	box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.4);
	text-align: center;
	height:55px;
	transition:height .5s;
}

#nav.nav_fixed {
	position: fixed;
	top: 0;
	z-index: 300;
	width: 100%;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav > div > ul > li {
	/* position: relative; */
	display: inline-block;
}

#nav > div > ul > li > div > a {
	padding: 19px 0 17px;
	text-transform: uppercase;
}

#nav > div > ul > li:not(:last-child) {
	margin-right: 50px;
}

#nav > div > ul > li > ul {
	position: absolute;
	top: 166px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 2;
	display: none;
	width: calc(100% - 254px);
	max-width: 1440px;
	padding: 15px 15px 15px 30px ;
	background-color: rgba(7, 69, 107, 0.95);
	text-align: left;
	min-height:370px;
	box-shadow:2px 4px 4px #000;
}

#nav.nav_fixed > div > ul > li > ul {
	top: 55px;
}

#nav.admin > div > ul > li > ul {
	top: 209px;
}
#nav > div > ul > li > ul ul{
	display:none;
}

#nav > div > ul > li > ul > li:not(.mega_nav_name) {
	width: 50%;
}

#nav > div > ul > li:not(#nav_our-journal):hover > ul {
	display: block;
}

#nav > div > ul > li > ul > li  a {
	font-size: 18px;
}

#nav > div > ul > li > ul > li:not(:last-child) a {
	margin-bottom: 10px;
}

#nav a {
	display: block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

#nav a:hover {
	color: #27aae1;
}

#nav_our-journal ul {
	display: none;
}

.mega_nav_name{
	display: inline-block;
	width: auto;
	padding: 10px 20px 10px 10px;
	margin-bottom: 30px;
	background-color: rgba(7, 69, 107, 0.9);
	box-shadow: 1px 6px 13px 0px rgba(26, 26, 26, 0.4);
}
#nav .mega_nav_name a{
	display: inline;
	font-size: 28px;
	font-family: "chaparral-pro", serif;
	color: #fff;
}

.mega_nav_img_li {
	position: absolute;
	top: 15px;
	right: 15px;
	max-height: 369px;
	overflow: hidden;
}
.mega_nav_image{
	max-height: 369px;
}
.mega_star{
	position:absolute;
	bottom:10px;
	right:10px;
}
.search-hover-img {
	display: none;
}
#nav > div > ul > li.search_li > div > a {
	background: #21abe1;
	padding: 5px 5px 4px;
}
#nav > div > ul > li.search_li > div > a:hover {
	color: #07456b;
	background: white;
}
#nav > div > ul > li.search_li > div > a:hover img:first-child {
	display: none;
}
#nav > div > ul > li.search_li > div > a:hover .search-hover-img {
	display: inline-block;
}
.search_li img{
	position:relative;
	top:2px;
	left:-1px;
	height:14px;
}

/* --------------------------------------------------------------------------
SEARCH BOX
-------------------------------------------------------------------------- */
.search_section{
	padding:10px 0 20px 0;
}
#nav .search_section{
	display:none;
}
#nav.showSearch{
	overflow:hidden;
	height:150px;
}
#nav.showSearch .search_section{
	display:block;
}
.search_section *{
	box-sizing:border-box;
	padding:10px;
}
.search_section input[type='text']{
	width:calc(75% - 120px);
}
.search_section input[type='submit']{
	width:100px;
	border:none;
	background-color:#22abe2;
	color:#fff;
	font:300 16px/1.417 "azo-sans-web", sans-serif;
	margin-left:10px;
}
/* --------------------------------------------------------------------------
TEMPLATE: SEARCH
-------------------------------------------------------------------------- */
.search_result{
	padding:10px;
	background-color:#fafafa;
	margin:10px 0;
	border:1px solid #eee;
}

/* --------------------------------------------------------------------------
TEMPLATE: HOME
-------------------------------------------------------------------------- */

#home_intro {
	margin-top: 36px;
	margin-bottom: 70px;
}

#home_jumbotron_field1,
#home_jumbotron_field2 {
	float: left;
}

#home_jumbotron_field1 {
	width: calc(75% - 8px);
	margin-right: 8px;
}

#home_jumbotron_field2 {
	width: calc(25% - 8px);
	margin-left: 8px;
}
.home-banner {
	display: flex;
}

/* Courses & programmes */

#courses {
	display: flex;
	flex-direction: row;
	margin-bottom: 76px;
}

#courses > div {
	flex: 1;
}
#courses .course_title{
	background-color: rgba(8, 112, 112, 0.6);
}

#courses > div:first-child {
	margin-right: 8px;
}

.courses_col {
	display: flex;
	flex-direction: column;
	margin-left: 8px;
}

.course {
	box-sizing: border-box;
	position: relative;
	min-height: 320px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.course + .course {
	margin-top: 16px;
}

.course_info {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	overflow:hidden;
}

.course_title {
	padding: 13px 14px 9px;
	color: #fff;
	font-weight: 700;
	position:relative;
	transition:top .5s;
}
.course.anim:hover .course_title{
	top:5px !important;
}

.course_title h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 300;
}

.course_link,
.course_link a {
	color: #fff;
}

.course_link {
	font-size: 12px;
	text-transform: uppercase;
	position:relative;
}

.course_link a {
	display: block;
	padding: 16px 15px 12px;
	text-decoration: none;
}

#scholars {
	border-top: 8px solid #07456b;
}

#scholars .course_title {
	background-color: rgba(10, 69, 107, 0.6);
}

#scholars .course_link {
	background-color: rgb(10, 69, 107);
}



#inspiring_excellence {
	border-top: 8px solid #087070;
}

#inspiring_excellence .course_link {
	background-color: rgb(8, 112, 112);
}

#bespoke {
	border-top: 8px solid #27aae1;
}

#bespoke .course_title {
	background-color: rgba(39, 170, 225, 0.6);
}

#bespoke .course_link {
	background-color: rgb(39, 170, 225);
}
#involve {
	border-top: 8px solid #9f3f62;
}

#involve .course_title {
	background-color: rgba(159, 63, 98,.6)
}

#involve .course_link {
	background-color: rgb(159, 63, 98);
}
#course_heading_1 h1{
	position: relative;
	margin-top: 32px;
	margin-bottom: 32px;
	background-color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}
/* Our impact */

#impact_stats {
	margin-top: 32px;
	margin-bottom: 36px;
}

#impact_stats > div,
#impact_stats > div:nth-child(3) > div {
	float: left;
	width: calc(50% - 8px);
}

#impact_stats > div:nth-child(2n + 1),
#impact_stats > div:nth-child(3) > div:first-child {
	margin-right: 8px;
}

#impact_stats > div:nth-child(2n + 2),
#impact_stats > div:nth-child(3) > div:last-child {
	margin-left: 8px;
}

#impact_stats > div:nth-child(2n + 3) {
	clear: left;
}

#impact_stats > div:not(:nth-child(3)):not(:last-child),
#impact_stats > div:nth-child(3) > div {
	margin-bottom: 16px;
}

#impact_stats > div:last-child {
	float: none;
	width: auto;
	margin-right: 0;
}

.stat_area {
	box-sizing: border-box;
	min-height: 245px;
	padding: 10px 12px 20px 12px;
	border: 2px solid;
	box-shadow: 0 5px 5px 1px rgba(167, 169, 172, 0.4);
}

.stat_area.scholars {
	border-color: #27aae1;
}

.stat_area.scholars h3 {
	color: #0a456b;
}

.stat_area.inspiring_excellence {
	border-color: #087070;
}

.stat_area.inspiring_excellence h3 {
	color: #087070;
}

.stat_area.involve {
	border-color: #a03f62;
}
.involve-container .stat_area.inspiring_excellence{
	text-align:center;
}
.heart_box{
	position:relative;
	background-color:#6bc598;
	display:inline-block;
}
.heart_box img{
	display:block;
	max-width:100%;
}
.heart_box .central_text{
	position:absolute;
	text-align:center;
	width:100%;
	margin-top:calc(50% - 40px);
}

.stat_area h3,
.stat_area p {
	font-size: 16px;
	text-align: center;
}

.stat_area h3 {
	margin: 0 0 8px;
	font-weight: 700;
}

.stat_area p {
	margin: 0 0 15px;
}

.stat_area.involve p {
	margin: 10px 0;
}

.percentage,
.percentage_text {
	position: relative;
}

.percentage {
	padding: 2px 8px 2px;
	margin-bottom: 6px;
	background-color: #f1f1f1;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.percentage_text {
	z-index: 1;
}

.percentage_number {
	vertical-align: middle;
	margin-right: 14px;
	font-size: 25px;
	font-weight: 300;
}
.percentage_number.mr16p{
	margin-right:calc(16% - 50px);
}

.percentage_bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 0%;
	box-shadow: 0 10px 13px 2px rgba(168, 170, 172, 0.4);
	transition: width 600ms;
}

.stat_area.scholars .percentage_bar.villiers {
	background-color: #0a456b;
}

.stat_area.scholars .percentage_bar.national {
	background-color: #27aae1;
}

.stat_area.inspiring_excellence .percentage_bar.villiers {
	background-color: #087070;
}

.stat_area.inspiring_excellence .percentage_bar.national {
	background-color: #6c9;
}

#stat_totals {
	background-image: url("images/impact_totals_updated.png");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
}

#stat_totals p {
	position: absolute;
	top: 5px;
	left: 75px;
}

/* Student story */

#student_story {
	position: relative;
	padding: 28px 0 45px;
	background-color: #f4f4f4;
	overflow:hidden;
}

/* Your support */

#your_support {
	margin-bottom: 110px;
}

#your_support > div {
	float: left;
	width: 50%;
}

#your_support h2 {
	margin: 0;
	background-color: transparent;
	color: #fff;
	/* font-size: 30px; */
	text-align: left;
}

#your_support_left {
	position: relative;
	overflow: hidden;
}

#your_support_top {
	position: relative;
	min-height: 363px;
}

#your_support_top_text {
	position: absolute;
	top: 50%;
	right: 445px;
	transform: translateY(-50%);
	max-width: 275px;
	font-size: 20px;
}

#your_support_bottom_wrapper {
	max-height: 430px;
	overflow: hidden;
}

#your_support_triangle {
	position: absolute;
	top: 0;
	right: 0;
}

#your_support_right {
	padding-top: 50px;
}

.support_star_box {
	display: flex;
	flex-direction: row;
}
.support_star_box > div:not(.support_star_img){
	width:100%;
}

.support_star_box:not(:last-child) {
	margin-bottom: 43px;
}

.support_star_box h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 300;
}

.support_star_img {
	margin-right: 30px;
	opacity:.8;
}
.support_star_box:hover .support_star_img{
	opacity:1;
}
.support_star_text {
	margin-bottom: 20px;
	font-size: 16px;
}

.support_star_btn a {
	color: #252525;
}
.support_star_btn{
	padding-bottom:20px;
	border-bottom:1px solid rgba(10, 69, 107, .2);
	width:50%;
}

#support_star_btn_1 a {
	border-color: #087070;
}

#support_star_btn_2 a {
	border-color: #a03f62;
}

#support_star_btn_3 a {
	border-color: #0a456b;
}

#support_star_btn_4 a {
	border-color: #27aae1;
}

#mobile_support_text {
	display: none;
}

/* Our News and Views */

#our_news_and_views {
	display: flex;
	flex-direction: row;
}

.our_news_and_views_col {
	position: relative;
	flex: 1;
	width: calc(100% / 3);
	color: #0a456b;
	font-size: 16px;
}

.our_news_and_views_col h3 {
	margin: 0;
	font-size: 22px;
}

.our_news_and_views_col p {
	margin: 0;
}

.our_news_and_views_col img {
	max-width: 100%;
}

#our_news_and_views_left,
#our_news_and_views_left article,
#our_news_and_views_middle,
#our_news_and_views_right {
	display: flex;
}

#our_news_and_views_left article,
#our_news_and_views_left,
#our_news_and_views_middle,
#our_news_and_views_right {
	flex-direction: column;
}

#our_news_and_views_left,
#our_news_and_views_middle,
#our_news_and_views_right {
	justify-content: space-between;
}

.our_news_and_views_col{
	padding-top: 75px;
}

#our_news_and_views_middle {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("images/red_star_faded.png");
}

#our_news_and_views_left .red_triangle,
#our_news_and_views_right .red_triangle {
	position: relative;
}

#our_news_and_views_left .red_triangle::before,
#our_news_and_views_right .red_triangle::before {
	content: url("images/red_star_faded.png");
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translate(-50%, 0);
	display: inline-block;
}

#our_news_and_views_left .red_triangle:hover::before,
#our_news_and_views_right .red_triangle:hover::before {
	content: url("images/red_star.png");
}



#our_news_and_views_left article {
	z-index: 1;
}

#our_news_and_views_journal_triangle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
}

.our_news_and_views_middle_img {
	margin-bottom: 20px;
}

#our_news_and_views_middle {
	margin: 0 20px;
	text-align: center;
}

#our_news_and_views_middle_img_2 {
	margin: 20px 0;
}

#our_news_and_views_middle_social img:not(:last-of-type) {
	margin-right: 36px;
}

.our_news_and_views_btn {
	display: block;
	padding: 20px 0;
	margin-top: 35px;
	background-color: #9f3f62;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#our_news_and_views_left .our_news_and_views_btn {
	margin-top: auto;
}

.red_triangle .opportunity_text {
	padding: 0 5px 50px;
}
.red_triangle .opportunity_text h3{
	margin-bottom:16px;
}

.red_triangle .our_news_and_views_btn {
	margin-top: 0;
}

.our_news_and_views_opportunity_triangle {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 50%;
}

/* Back to top */

#home_back_to_top {
	position: relative;
	top: 75px;
}

/* --------------------------------------------------------------------------
TEMPLATE: SCHOLARS
-------------------------------------------------------------------------- */

/* Accordions */

#scholars_accordions {
	position: relative;
	width: 100%;
	min-height: 700px;
}

#scholars_accordions > div {
	position: relative;
	float:left;
}
.scholars_accordion_container{
	width:310px;
	height:690px;
}
.scholars_studentImages_container{
	width:calc(100% - 620px);
}
#scholars_accordions .accordion {
	box-sizing: border-box;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	max-width: 310px;
	border: 1px solid #0a456b;
	overflow: hidden;
	background-color: #e7edf1;
}

#scholars_accordions .accordion:first-child {
	top: 0;
	z-index: 3;
}

#scholars_accordions .accordion:nth-child(2) {
	top: 265px;
	z-index: 2;
}

#scholars_accordions .accordion:last-child {
	top: 530px;
	z-index: 1;
}

.accordion_admin {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.accordion_text,
.accordion_btn {
	position: relative;
	z-index: 1;
}

.accordion_text {
	position: relative;
	z-index: 1;
	padding: 35px 10px;
	font-size: 16px;
}

.accordion_text h3 {
	margin: 0;
	color: #27aae1;
	font-size: 22px;
}

.accordion_btn span {
	display: block;
	padding: 15px 0;
	background-color: #0a456b;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	cursor:pointer;
}
.accordion .accordion_btn span.sch_readmore,
.accordion.acc_open .accordion_btn span.sch_close {
	display:block;
}
.accordion .accordion_btn span.sch_close,
.accordion.acc_open .accordion_btn span.sch_readmore {
	display:none;
}

.accordion_triangle {
	position: absolute;
	top: 0;
	right: 0;
	width: 120%;
}
.student_image img{
	max-height:690px;
}

/* Our Impact */

#scholars_impact {
	position: relative;
	padding-bottom: 40px;
	background-color: rgba(147, 149, 152, 0.1);
}

#scholars_impact b {
	font-weight: bold;
}

#scholars_impact_inner {
	display: flex;
	flex-direction: row;
}

.scholars_impact_section {
	box-sizing: border-box;
	float: left;
	width: 50%;
}

#scholars_impact_left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 8px;
}

#scholars_impact_right {
	margin-left: 8px;
	background-color: #fff;
}

#scholars_polaroid_2 {
	top: 30px;
	transform: rotate(3deg);
}

#student_button_1 a,
#student_button_2 a {
	box-sizing: border-box;
	display: block;
	width: calc(100% - 32px);
	text-align: center;
	font-size: 16px;
}

.scholars_impact_stat {
	padding: 15px;
	border: 3px solid #0a456b;
	margin: 15px;
	color: #0a456b;
	font-size: 16px;
}

.scholars_impact_stat:nth-child(2) {
	padding-top: 42px;
	padding-bottom: 42px;
	padding-left: 280px;
	background-size: 220px;
	background-position: left 30px center;
	background-repeat: no-repeat;
	background-image: url("images/university.png");
	background-color: #d5eff9;
}

.scholars_impact_stat:last-child {
	padding: 25px 20px 25px 150px;
	border-color: #27aae1;
	background-position: left 30px center;
	background-repeat: no-repeat;
	background-image: url("images/blue_star.png");
}

.scholars_impact_stat .percentage_bar {
	background-color: #0a456b;
}

/* Locations */

#scholars_map {
	display: flex;
	flex-direction: row;
}

.scholars_location,
#map {
	width: 50%;
}

.scholars_location {
	/* max-width: 475px; */
	border-bottom: 10px solid #0a456b;
	margin-top: 115px;
	margin-right: 15px;
	box-shadow: 0 20px 20px 10px rgba(168, 170, 172, 0.4);
}

.location_title {
	padding: 20px 15px;
	background-color: #0a456b;
	color: #fff;
}

.location_title h2 {
	margin: 0;
	background-color: transparent;
	color: #fff;
	text-align: left;
	font-weight: 300;
}

.scholars_location_inner {
	position: relative;
	padding: 25px;
	background-color: #fff;
}

.location_text {
	font-size: 14px;
}

.location_btn {
	position: absolute;
	right: 25px;
	bottom: 25px;
}

#map {
	position: relative;
	margin-left: 15px;
	text-align: right;
}

#map img {
	width: 100%;
}

.scholars_location_marker {
	position: absolute;
	width: 35px;
	height: 35px;
	padding: 0;
	border: none;
	border-radius: 100%;
	background-color: #27aae1;
	color: transparent;
	cursor: pointer;
}

.scholars_location_marker.active {
	background-color: #0a456b;
}

/* Hastings & Bexhill */
#scholars_location_marker_1 {
	right: 8%;
	bottom: 15%;
}

/* Tyneside (Newcastle upon Tyne) */
#scholars_location_marker_2 {
	top: 14%;
	right: 34%;
}

/* East Lancashire (Lancaster) */
#scholars_location_marker_3 {
	top: 33%;
	left: 51%;
}

/* Swindon */
#scholars_location_marker_4 {
	bottom: 23%;
	left: 61%;
}

/* Crawley */
#scholars_location_marker_5 {
	right: 16%;
	bottom: 20%;
}

/* Norfolk (Norwich) */
#scholars_location_marker_6 {
	right: 3%;
	bottom: 44%;
}

/* Contact details */
.contact_details b {
	font-weight: bold;
}

.contact_details #contact_details_title {
	display: none;
}

/* --------------------------------------------------------------------------
TEMPLATE: COURSES OVERVIEW
-------------------------------------------------------------------------- */

.course_benefits_left,
.course_benefits_right {
	float: left;
	width: calc(50% - 10px);
}

.course_benefits_left {
	margin-right: 10px;
	font-size: 16px;
}

.course_benefits_left ul{
	list-style:none;
}
.course_benefits_left ul li {
	background-image: url("images/li_star_green.png");
	padding-left:50px;
	background-repeat:no-repeat;
	line-height:35px;
	margin-bottom:5px;
}

.course_benefits_right {
	margin-left: 10px;
}

.course_benefit {
	box-sizing: border-box;
	position: relative;
	height: 339px;
	padding: 15px;
	border: 2px solid #087070;
	margin: 8px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #087070;
	color: #fff;
	box-shadow: 0 5px 5px 1px rgba(167, 169, 172, 0.4);
}

.course_benefit p {
	position: absolute;
}

.percentage_key {
	margin-top: 50px;
	margin-bottom: 25px;
}

.percentage_key > div {
	display: inline-block;
}

.percentage_key > div > div {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: text-bottom;
	box-shadow: 0 10px 13px 2px rgba(168, 170, 172, 0.4);
	background-color: transparent;
}

.percentage_key span {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.percentage_key_villiers {
	margin-right: 40px;	
}

.course_benefit .percentage {
	text-align: left;
}

.course_benefit .going_to_uni,
.percentage_key > .percentage_key_villiers > div {
	background-color: #087070;
}

.course_benefit .going_to_leading_uni,
.percentage_key > .percentage_key_national > div {
	background-color: #6ec498;
}

.benefit_stat_1 {
	background-image: url("images/white-heart.png");
}

.benefit_stat_1 p {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.benefit_stat_2,
.benefit_stat_3 {
	background-color: #fff;
	color: #2d2d2d;
}

.benefit_stat_2 p {
	bottom: 20px;
	margin: 0 0 10px;
}

.benefit_stat_2 img {
	display: block;
}

.benefit_stat_2 > div {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translate(-50%, 0);
	display: inline-block;
	background-color: #087070;
}

.benefit_stat_3 p {
	position: static;
}

.faq_multi_field_area {
	float: left;
	width: calc(50% - 20px);
	margin: 5px 10px;
}

.faq_multi_field_area:nth-child(2n + 3) {
	clear: left;
}

.faqToggle {
	position: relative;
	width: 100%;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-left: 24px;
	padding-right: 45px;
	border: 1px solid #087070;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url("images/faq_green_triangle.png");
	color: #414042;
	font: 700 16px "azo-sans-web", sans-serif;
	cursor: pointer;
}

.faqToggle img {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	transition: transform 400ms;
}

.faqToggle img.rotate_180 {
	transform: translate(0, -50%) rotate(180deg);
	transition: transform 400ms;
}

.faq_multi_field_area .multiField_2 {
	padding: 20px;
}

.faq_multi_area .multi_add {
	margin-left: 10px;
}

.find_a_course,
.find_a_course h2,
.find_a_course .section_heading .heading {
	background-color: #f4f4f4;
}

.find_a_course {
	position: relative;
	padding-top: 50px;
	padding-bottom: 400px;
	background-position: right 30px top 30px;
	background-repeat: no-repeat;
}

.find_a_course.green {
	background-image: url("images/find_a_course_bg_green.png");
}

.find_a_course.green .choose_option,
.find_a_course.green .clear_selection {
	background-color: #6c9;
}

.find_a_course.green .clear_selection span {
	color: #087070;
}

.find_a_course.green .choose_option::after {
	content: url("images/choose_option_green_bg.png");
	position: absolute;
	top: 50%;
	right: 35px;
	transform: translate(0, -50%);
	display: inline-block;
}

.find_a_course.green .option_list {
	border-color: #6c9;
}

.find_a_course .option_list li a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.find_a_course.green .option_list li a:hover {
	color: #087070;
}

.find_a_course .option_card_txt .button {
	border-color: #087070;
}

/* --------------------------------------------------------------------------
TEMPLATE: COURSE
-------------------------------------------------------------------------- */

.course_details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.course_detail {
	flex: 1;
	border: 1px solid #939698;
	margin: 10px;
	font-size: 16px;
}

.course_detail.two_thirds {
	flex: 2;
}

.main_course_details .course_detail {
	border: none;
	border-top: 10px solid #087070;
	border-bottom: 10px solid #087070;
}

.course_detail h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
}

.main_course_details .course_detail h3 {
	font-size: 22px;
}

.course_detail ul{
	list-style:none;
}
.course_detail ul li {
	background-image: url("images/li_star_green.png");
	padding-left:50px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
.course_detail ul li.single {
	line-height:35px;	
}

.course_detail_title,
.course_detail_text {
	padding: 25px;
}

.course_detail_title {
	text-align: center;
	background-color: #087070;
	color: #fff;
}

.course_detail_text a {
	color: inherit;
}

#course_detail_1 {
	padding: 50px;
}

#course_detail_1 ul {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.course_testimonial {
	background-color: #e7f1f1;
}

#course_detail_2 img{
	display:block;
}

#course_detail_3 {
	padding: 30px;
}

#courses_overview_contact_details {
	transform: translate(0, -50%);
}

/* --------------------------------------------------------------------------
TEMPLATE: OPPORTUNITIES BOARD / ONLINE EXTENSIONS
-------------------------------------------------------------------------- */

.star_bg {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 0;
}

.star_bg.red {
	background-color: #e4d1d8;
}

.star_bg.blue {
	background-color: #27aee1;
}

.star_bg img {
	display: block;
	max-width: 600px;
}

.opportunities_extensions .find_a_course {
	padding-bottom: 50px;
	overflow: hidden;
}

.opportunities_extensions .choose_options_area .choose_option {
	padding-right: 0;
}

.opportunities_extensions .option_menu {
	position: relative;
	margin-bottom: 50px;
}

.opportunities_extensions .choose_option img {
	right: 25px;
}

.opportunities_extensions .option_cards {
	top: auto;
}

.choose_option.red {
	background-color: #db8aaf;
}

.choose_option.blue {
	background-color: #27aae1;
}

.option_list.red {
	border-color: #db8aaf;
}

.option_list.red li a:hover {
	color: #a03f62;
}

.option_list.blue {
	border-color: #27aae1;
}

.option_list.blue li a:hover {
	color: #0a456b;
}

.clear_selection.red {
	background-color: #db8aaf;
}

.clear_selection.red span {
	color: #a03f62;
}

.clear_selection.blue {
	background-color: #27aee1;
}

.clear_selection.blue span {
	color: #0a456b;
}

/* --------------------------------------------------------------------------
TEMPLATE: JOURNAL
-------------------------------------------------------------------------- */

/* Featured posts, filter posts */

.featured_posts,
.filter_posts {
	display: flex;
}

.featured_posts,
.filter_posts {
	display: flex;
	flex-direction: row;
}

.featured_posts > div,
.filter_posts div {
	flex: 1;
	margin: 10px;
}

#share_box{
	position:fixed;
	left:0;
	top:calc(50% - 110px);
	height:220px;
	width:50px;
	text-align:center;
	border:1px solid #e6e7e8;
	box-shadow:2px 2px 2px #e6e7e8;
	background-color:#fff;
}
#share_box img{
	display:inline-block;
	padding:10px 5px;
	opacity:.5;
	cursor:pointer;
}
#share_box img:hover{
	opacity:1;
}

/* Featured posts, all posts */

.article_img img {
	display: block;
	max-width: 100%;
}

.featured_posts .article h3,
.all_posts .article h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 300;
}

.featured_posts .post_date,
.all_posts .post_date {
	padding-bottom: 15px;
	border-bottom: 1px solid #0a456b;
}

/* Featured posts */

.featured_posts .article {
	border-top: 10px solid #0a456b;
	border-bottom: 10px solid #0a456b;
	margin: 10px;
}

.featured_posts .article:first-of-type,
.featured_posts .col_1 .article:first-of-type .article_img img,
.featured_posts .col_2 .article {
	border-bottom: 10px solid #0a456b;
}

.featured_posts .col_1 .article,
.featured_posts .col_2 .article {
	margin: 0;
}

.featured_posts .col_2 .article {
	display: block;
	border-top: none;
	margin: 0;
}

.featured_posts .article:first-of-type {
	border-top: 10px solid #0a456b;
}

.featured_posts .article .article_content {
	padding: 40px;
}

.featured_posts .post_date,
.featured_posts .article p {
	font-size: 16px;
}

.featured_posts .article p {
	margin: 8px 0 20px;
}

.featured_posts .article .button {
	color: inherit;
}

.featured_posts .col_1 .article {
	background-color: #eaebeb;
}

.featured_posts .col_2 .article {
	padding: 30px 20px 30px 0;
}

.featured_posts .col_2 .article_img,
.featured_posts .col_2 .article .article_content {
	float: left;
}

.featured_posts .col_2 .article_img {
	width: 21.10%;
	margin-right: 15px;
}

.featured_posts .col_2 .article .article_content {
	width: 61.61%;
	padding: 0;
}

/* Filter posts */

.filter_posts div {
	position: relative;
}

.filter_posts div::after {
	content: url("images/select_chevron.png");
	position: absolute;
	top: 50%;
	right: 35px;
	transform: translate(0, -50%);
}

.filter_posts select {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f4f4f4;
	font: 20px "azo-sans-web", sans-serif;
}

.filter_posts select::-ms-expand {
	display: none;
}

/* All posts */

.all_posts .article {
	box-sizing: border-box;
	float: left;
	width: calc(50% - 20px);
	padding: 10px;
	border-top: 10px solid #a03f62;
	margin: 10px;
	box-shadow: 0 10px 13px 2px rgba(168, 170, 172, 0.4);
}

.all_posts .article:nth-last-of-type(2),
.all_posts .article:last-of-type {
	margin-bottom: 50px;
}

.all_posts .article_img,
.all_posts .article_content {
	float: left;
}

.all_posts .article_img {
	width: 21.10%;
	margin-right: 17px;
}

.all_posts .article_content {
	width: 61.61%;
}

.journal_instaBlock {
	box-sizing: border-box;
	float: right;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: calc(50% - 20px);
	padding: 5px;
	margin: 10px;
	background-color: #f8e9f0;
}
.journal_instaBlock img{
	max-width:100%;
}

.journal_instaBlock_inner {
	width: calc(50% - 10px);
	height: calc(50% - 10px);
	margin: 5px;
}

#load_more_stories {
	display: block;
	width: calc(100% - 20px);
	margin: 0 auto;
	clear: left;
	background-color: #f4f4f4;
	color: #2d2d2d;
	text-transform: capitalize;
	font-size: 22px;
}

/* Jumbotron */

.story_jumbotron h1 {
	margin: 0;
	font-size: 24px;
}

.story_jumbotron .multi_callout_text {
	width: 35%;
}

.story_jumbotron .multi_callout_img {
	width: 65%;
}

/* Posts */

.story_meta,
.story_content {
	float: left;
	width: calc(50% - 30px);
	margin: 15px;
}

.story_meta {
	width: 140px;
}
.story_meta p{
	margin:5px 0;
}

.story_content {
	width: calc(100% - 200px);
}

.story_author_wrapper {
	padding-bottom: 5px;
	border-bottom: 1px solid #07456b;
}
#story_category{
	border-bottom: 1px solid #07456b;	
}
.newsTag {
	margin-bottom:10px;
}
.newsTag a {
	color: inherit;
	text-decoration: underline;
	line-height:15px;
	color:#666;
}

.story_navigation {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.story_navigation a {
	background-size: 10px;
	background-repeat: no-repeat;
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}

.story_navigation a.prev {
	padding-left: 20px;
	background-position: left center;
	background-image: url("images/chevron_left.png");
}

.story_navigation a.next {
	padding-right: 20px;
	background-position: right center;
	background-image: url("images/chevron_right.png");
}

#story_subtitle {
	font-size: 22px;
}

#story_author_img img {
	border-top: 10px solid #07456b;
}

#story_author {
	font-weight: 700;
}

#story_content {
	width:100%;
}
#story_content a {
	color: inherit;
	text-decoration: underline;
}

#story_content img {
	border-top: 10px solid #07456b;
	border-bottom: 10px solid #07456b;
}

/* --------------------------------------------------------------------------
TEMPLATE: CONTACT
-------------------------------------------------------------------------- */

#contact_details {
	display: flex;
	flex-direction: row;
	margin-bottom: 75px;
}

#contact_details > div {
	width: calc(50% - 15px);
	border-top: 10px solid #0a456b;
	border-bottom: 10px solid #0a456b;
}

#contact_details h2 {
	margin: 0;
	color: #414042;
	font-size: 20px;
	font-weight: 300;
}

/* --------------------------------------------------------------------------
TEMPLATE: SINGLE COLUMN
-------------------------------------------------------------------------- */

.content_row_multi_field_area {
	margin-bottom: 48px;
}

/* --------------------------------------------------------------------------
TEMPLATE: MULTI
-------------------------------------------------------------------------- */

.card_info {
	padding: 15px;
	border: 1px solid;
	border-radius: 6px;
}


.multi_template .mint_multiField:not(.multiField_1) {
	float: left;
	width: calc(50% - 30px);
	margin: 15px;
}
.multi_template .multiField_3 {
	min-height:300px;
}
.multi_template .slide_img{
	width:100%;
}

.multi_callout,
.multi_callout_img {
	display: flex;
}

.multi_callout {
	flex-direction: row;
	padding-left: 12.2%;
	background-color: #e7edf1;
}

.multi_callout_text {
	width: 65%;
	padding: 70px 0;
}

#multi_callout_text_field {
	font-size: 20px;
}

#multi_callout_btn {
	margin-top: 35px;
}

#multi_callout_btn a {
	border-color: #087070;
	color: inherit;
}

.multi_callout_img {
	position: relative;
	width: 35%;
	overflow: hidden;
}

.multi_callout_img_overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.multi_graduates_info #about_graduates_col_2 {
	border-color: #a03f62;
}

/* --------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------- */

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer_mailinglist,
#footer_bottom {
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer_mailinglist {
	padding: 20px 0;
}

#footer2 {
	margin-left: 80px;
	margin-right: 80px;
	font-size: 27px;
	color: #07456B;
}

#footer3 a {
	color: #07456b;
}

#footer_links {
	padding: 50px 0;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
}
#footer_links a{
	color:#fff;
	text-decoration:none;
}

#footer_links > div {
	box-sizing: border-box;
	float: left;
	width: 20%;
}

#footer_links > div:first-child {
	width: 40%;
}

#footer_links_twocols > div {
	box-sizing: border-box;
	float: left;
	width: 50%;
}

.footer_links_title {
	color: #07456b;
	font-weight: 700;
}

.footer_divider {
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}

#footer_bottom {
	padding: 10px 0;
}

#footer4 {
	margin-right: 123px;
}

#footer4 img:not(:last-of-type) {
	margin-right: 30px;
}

#footer_social {
	display: none;
}
#footer5{
	font-size:12px;
	line-height:30px;
}

#footer15 {
	max-width: 150px;
	margin-left: 123px;
}

/* --------------------------------------------------------------------------
'ABOUT VILLIERS' INCLUDE
-------------------------------------------------------------------------- */

#about_villiers {
	display: flex;
	flex-direction: row;
}

.about_villiers_col {
	position: relative;
	width: 50%;
	/* padding-bottom: 30px; */
	padding-bottom: 88px;
	border-bottom: 10px solid;
}

#about_villiers_col_1 {
	border-bottom-color: #0a456b;
	margin-right: 10px;
}

#about_villiers_col_2 {
	border-bottom-color: #087070;
	margin-left: 10px;
}

.about_villiers_img_container {
	position: relative;
}

.about_villiers_img img {
	border-top: 10px solid;
	border-bottom: 10px solid;
}

.about_villiers_cap {
	position: absolute;
	bottom: 40px;
	padding: 20px 15px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.about_villiers_txt {
	max-width: 410px;
	margin-top: 30px;
	font-size: 16px;
}

.about_villiers_txt h3 {
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: 300;
}

.about_villiers_btn {
	margin-top: 15px;
}

#about_villiers_col_1 .about_villiers_btn a,
#about_villiers_col_2 .about_villiers_btn a {
	color: inherit;
}

#about_villiers_col_1 .about_villiers_img img {
	border-color: #0A456B;
}

#about_villiers_col_1 .about_villiers_cap {
	left: 17%;
	background-color: rgba(10, 69, 107, 0.8);
}

#about_villiers_col_1 .about_villiers_txt {
	margin-left: 17%;
}

#about_villiers_col_1 .about_villiers_btn a {
	border-color: #0A456B;
}

#about_villiers_col_2 .about_villiers_img img {
	border-color: #087070;
}

#about_villiers_col_2 .about_villiers_cap {
	left: 6%;
	background-color: rgba(8, 112, 112, 0.8);
}

#about_villiers_col_2 .about_villiers_txt {
	margin-left: 6%;
}

#about_villiers_col_2 .about_villiers_btn a {
	border-color: #087070;
}

#about_villiers #about_villiers_title_1,
#about_villiers #about_villiers_title_2 {
	display: none;
}

#about_villiers_col_1 .about_villiers_btn,
#about_villiers_col_2 .about_villiers_btn {
	position: absolute;
	bottom: 30px;
}

#about_villiers_col_1 .about_villiers_btn {
	left: 17%;
}

#about_villiers_col_2 .about_villiers_btn {
	left: 6%;
}

/* --------------------------------------------------------------------------
'ABOUT COURSES' INCLUDE
-------------------------------------------------------------------------- */

.about_courses {
	position: relative;
	display: flex;
	flex-direction: row;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/about_courses_bg.png");
}

.about_courses_col_1,
.about_courses_col_2 {
	width: 50%;
}

.about_courses_col_1 {
	background-color: #03436b;
}

.about_courses_col_2 {
	background-color: #f4f4f4;
}

.about_courses_content {
	max-width: 300px;
	padding: 60px;
	margin-left: 16%;
}

.about_courses_col_1 .about_courses_content {
	margin-left: 16%;
}

.about_courses_content h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 300;
}

.about_courses_col_1 .about_courses_content h3 {
	color: #fff;
}

.about_courses_col_2 .about_courses_content h3 {
	color: #2d2d2d;
}

.about_courses_btn a {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	box-shadow: 0 20px 34px -9px rgba(0, 0, 0, 0.4);
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.about_courses_col_1 .about_courses_btn a {
	background-color: #577F98;
	color: #fff;
}

.about_courses_col_2 .about_courses_btn a {
	background-color: #66CC99;
	color: #2d2d2d;
}

.about_courses_bg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 350px;
}

.about_courses_bg img {
	vertical-align: bottom;
}

/* --------------------------------------------------------------------------
'ABOUT GRADUATES' INCLUDE
-------------------------------------------------------------------------- */

.about_graduates {
	display: flex;
	flex-direction: row;
}

.about_graduates_col {
	display: flex;
	flex-direction: row;
	/* justify-content: space-between; */
	align-items: center;
	flex: 1;
	border-top: 10px solid;
	border-bottom: 10px solid;
}

#about_graduates_col_1.about_graduates_col {
	justify-content: flex-end;
}

.about_graduates_txt {
	max-width: 220px;
}

.about_graduates_btn.button_field.ghost a {
	border-color: #087070;
	margin-top: 20px;
	color: inherit;
}

#about_graduates_col_1 {
	margin-right: 10px;
	border-color: #0a456b;
	padding-left: 20px;
}

#about_graduates_col_1 .about_graduates_txt {
	/* margin-left: 25%; */
}

#about_graduates_col_1 .about_graduates_img_container {
	margin-left: 88px;
}

#about_graduates_col_2.about_graduates_col {
	justify-content: flex-start;
}

#about_graduates_col_2 {
	margin-left: 10px;
	border-color: #087070;
	padding-right: 20px;
}

#about_graduates_col_2 .about_graduates_img_container {
	margin-right: 88px;
}

#about_graduates_col_1 .about_graduates_img_container > div,
#about_graduates_col_2 .about_graduates_img_container > div {
	min-height: 240px;
}

#about_graduates_col_1 .about_graduates_txt,
#about_graduates_col_2 .about_graduates_txt {
	padding-top: 20px;
	padding-bottom: 20px;
}

#about_graduates_col_2 .about_graduates_txt {
	/* margin-right: 25%; */
}

/* --------------------------------------------------------------------------
RE-USABLE COMPONENTS
-------------------------------------------------------------------------- */

.flex_container {
	display: flex;
	flex-direction: row;
}

.flex_1 {
	flex: 1;
}

.breadcrumbs {
	margin-bottom: 8px;
	color: #939598;
	font-size: 12px;
}

.breadcrumbs a {
	color: #07456b;
	text-decoration: none;
}

.jumbotron {
	position: relative;
	min-height: 200px;
}

.jumbotron_img {
	min-height: 200px;
}

.jumbotron_cap {
	position: absolute;
	left: 0;
	bottom: 16px;
	z-index: 1;
	padding: 14px 35px 11px 15px;
	background-color: #0a456b;
	color: #fff;
	font-size: 22px;
	text-align: left;
}

.jumbotron_cap.red {
	background-color: #a03f62;
}

.jumbotron_cap.green {
	background-color: #087070;
}

.jumbotron_triangle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30%;
}

.intro {
	font: 400 28px "chaparral-pro", serif;
	text-align: center;
}

.intro_sub {
	font-size: 18px;
}

.section_heading {
	position: relative;
	z-index: 1;
	margin-top: 32px;
	margin-bottom: 32px;
	text-align: center;
}

.section_heading h2 {
	margin: 0;
}

.section_heading.red h1,
.section_heading.red h2 {
	color: #a03f62;
}

.section_heading.green h1,
.section_heading.green h2 {
	color: #087070;
}

.section_heading .heading {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #fff;
}

.section_heading .line {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 4px;
	background-color: #527d98;
}

.section_heading.red .line {
	background-color: #bc7891;
}

.section_heading.green .line {
	background-color: #519c9c;
}

/* Begin overlay image captions */
.slide_overlay {
	position: relative;
}

.slide_overlay img {
	display: block;
	/* width: 100%; */
	height: auto;
	max-height: 300px;
	margin: 0 auto;
}

.slide_overlay .overlay {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: rgba(160, 63, 98, 0.9);
	transition: .5s ease;
}

.slide_overlay .overlay .caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	color: white;
	text-align: center;
	font-size: 20px;
}
.slide_overlay .overlay .caption a{
	color:#fff;
	text-decoration:none;
}

.slide_overlay:hover .overlay {
	height: 100%;
}
/* End overlay image captions */

.contact_details {
	box-sizing: border-box;
	position: relative;
	min-height: 200px;
	padding: 20px;
	border: 2px solid #a03f62;
	background-color: #fff;
	font-size: 16px;
}

.contact_details h3 {
	margin: 0;
	font-size: 22px;
}

.contact_details .mint_field {
	position: relative;
	z-index: 1;
	float: left;
}

#contact_details_1 {
	width: 20%;
}

#contact_details_2 {
	width: 37%;
	margin: 0 6%;
}

#contact_details_3 {
	width: 31%;
}

#contact_details_3 a {
	color: inherit;
}

.contact_details .pink_triangle {
	position: absolute;
	bottom: 1px;
	left: 1px;
	z-index: 0;
	width: 25%;
}

.button,
.button_field a {
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid transparent;
	background-color: #03436b;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.button.ghost,
.button_field.ghost a {
	border-color: #07456b;
	background-color: transparent;
	color: #07456b;
}

.button.lightblue,
.button_field.lightblue a {
	background-color: #22abe2;
	color: #fff;
	text-transform: none;
}

.button_field a {
	display: inline-block;
}

.button {
	font-family: "azo-sans-web", sans-serif;
	cursor: pointer;
}

.choose_options_area,
.option_cards {
	position: relative;
}

.choose_options_area .choose_option {
	padding-right: 120px;
}

.option_menu {
	position: absolute;
	z-index: 2;
	width: 50%;
}

.choose_option,
.clear_selection,
.option_list {
	box-sizing: border-box;
	width: calc(100% - 20px);
	margin: 0 10px;
}

.choose_option,
.clear_selection {
	position: relative;
	padding: 20px 35px;
	border: none;
	text-align: left;
	font: 20px "azo-sans-web", sans-serif;
	cursor: pointer;
}

.choose_option img {
	position: absolute;
	top: 50%;
	right: 100px;
	transform: translate(0, -50%);
	transition: transform 400ms;
}

.choose_option img.rotate_180 {
	transform: translate(0, -50%) rotate(180deg);
	transition: transform 400ms;
}

.clear_selection {
	display: block;
	color: inherit;
	text-decoration: none;
}

.clear_selection span {
	float: right;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 700;
}

.option_cards {
	top: 86px;
}

.option_list {
	padding: 20px 35px;
	border: 1px solid;
	background-color: #fff;
	color: #939598;
	font-size: 14px;
	font-weight: 700;
}

.option_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.option_list li {
	cursor: pointer;
}

.option_list li:not(:last-child) {
	margin-bottom: 4px;
}

.option_card {
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	float: left;
	width: calc(50% - 20px);
	padding: 16px;
	margin: 10px;
	background-color: #fff;
	min-height:225px;
}

.option_card:nth-child(2n + 3) {
	clear: left;
}

.option_card h3 {
	margin: 0 0 20px;
	font-size: 22px;
}

.option_card_img,
.option_card_txt {
	float: left;
}

.option_card_img {
	width: 120px;
	height:120px;
	margin-right: 8px;
	overflow:hidden;
}

.option_card_img img {
	height:100%;
	margin-left:-42px;
}

.option_card_txt {
	width: calc(100% - 140px);
	margin-left: 8px;
	font-size: 16px;
}

.option_card_date {
	font-weight: 700;
}

.option_card_txt .button {
	margin-top: 10px;
	color: #2d2d2d;
}

.student_story_inner > div {
	float: left;
}

.student_synopsis {
	width: calc(100% - 178px);
	margin-top: 10px;
}

.student_text {
	position: relative;
	right: 4px;
	z-index: 1;
	padding: 14px 15px 14px 17px;
	background-color: #fff;
	color: #414042;
	font-size: 18px;
}

.student_button {
	position: relative;
	bottom: 10px;
	left: 13px;
	z-index: 2;
}

.polaroid {
	position: relative;
	z-index: 2;
	width: 178px;
	height: 207px;
	background-image: url("images/polaroid.png");
	background-size: 100%;
	transform: rotate(-3deg);
}

.polaroid_photo,
.polaroid_name {
	position: absolute;
	left: 10px;
	width: 158px;
}

.polaroid_photo {
	top: 10px;
	height: 159px;
}

.polaroid_name {
	top: 176px;
	height: 25px;
	color: #252525;
	font-size: 18px;
	font-family: cursive;
	text-align: center;
}

.field_group + .field_group {
	margin-top: 76px;
}
#excellence_form .field_group + .field_group{
	margin-top:26px;
}
.field_group > div {
	float: left;
	width: calc(50% - 15px);
}

.field_group label:not(.radio_container),
button[type="submit"] {
	font-size: 16px;
	font-weight: 700;
}

.field_group label:not(.radio_container) {
	margin-left: 10px;
	color: #0a456b;
}

.field_group input,
.field_group textarea,
.field_group select {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid transparent;
	padding: 10px;
	background-color: #e7edf1;
	color: #414042;
	font-size: 16px;
	font-family: "azo-sans-web", sans-serif;
}

.field_group textarea {
	min-height: 100px;
}

.field_group select {
	display: block;
}

input[type="checkbox"] + label {
	font-size: 16px;
	font-family: "azo-sans-web", sans-serif;
	color: #0a456b;
}

button[type="submit"] {
	padding: 15px 30px;
	border: 1px solid #0a456b;
	background-color: #fff;
	color: #0a456b;
	font-family: "azo-sans-web", sans-serif;
	cursor: pointer;
}

.error {
	border-color: #f00 !important;
}

.error-message,
.success-message {
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
}

.error-message {
	color: #f00;
}

.success-message {
	color: #008000;
}

.graduates_info {
	display: flex;
	flex-direction: row;
}

.graduates_info > div {
	width: calc(50% - 15px);
}

.blue_triangle_overlay {
	position: absolute;
	right: 50%;
	bottom: 0;
	z-index: 0;
}

.embed_container {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
}
.embed_container iframe{
	width:100%;
}
#CAFDonateWidgetContainer.embed_container{
	padding-top:0;
	padding-bottom:0;
	height:600px;
}

.bg_converted {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bg_convert_center{
	background-size:contain;
}

.bg_white {
	background-color: #fff;
}

.bg_lightgrey {
	background-color: #f2f6f7;
}

.bg_paleblue {
	background-color: #568099;
}

.bg_darkblue {
	background-color: #03436b;
}

.bg_involve {
	background-color: #eddae1;
}

.txt_involve {
	color: #a03f62;
}

.txt_white {
	color: #fff !important;
}

.txt_lightblue {
	color: #27aae1;
}

.txt_darkblue {
	color: #03436b;
}

.txt_center {
	text-align: center;
}

.txt_right {
	text-align: right;
}

.relative {
	position: relative;
}

.block {
	display: block;
}

.inline_block {
	display: inline-block;
}

.hidden {
	display: none;
}

.pr_10px {
	padding-right: 10px;
}

.pr_20px {
	padding-right: 20px;
}

.pr_40px {
	padding-right: 40px;
}

.pl_10px {
	padding-left: 10px;
}

.pl_20px {
	padding-left: 20px;
}

.pl_40px {
	padding-left: 40px;
}

.p_40px {
	padding: 40px;
}

.mw_100pc {
	max-width: 100%;
}

.va_top {
	vertical-align: top;
}

.m_auto {
	margin: auto !important;
}

.mt_-80px {
	margin-top: -80px;
}

.mt_10px {
	margin-top: 10px !important;
}

.mt_20px {
	margin-top: 20px !important;
}

.mt_40px {
	margin-top: 40px !important;
}

.mt_45px {
	margin-top: 45px;
}

.mt_50px {
	margin-top: 50px;
}

.mt_80px {
	margin-top: 80px;
}

.mt_90px {
	margin-top: 90px;
}

.mt_100px {
	margin-top: 100px !important;
}

.mr_15px {
	margin-right: 15px;
}

.mr_60px {
	margin-right: 60px;
}

.mb_10px {
	margin-bottom: 10px !important;
}

.mb_30px {
	margin-bottom: 30px;
}

.mb_40px {
	margin-bottom: 40px;
}

.mb_45px {
	margin-bottom: 45px;
}

.mb_50px {
	margin-bottom: 50px;
}

.mb_60px {
	margin-bottom: 60px;
}

.mb_80px {
	margin-bottom: 80px;
}

.mb_90px {
	margin-bottom: 90px;
}

.mb_95px {
	margin-bottom: 95px;
}

.mb_100px {
	margin-bottom: 100px;
}

.mb_150px {
	margin-bottom: 150px;
}

.ml_15px {
	margin-left: 15px;
}