/* 	==============================================
BSMS CSS Document
============================================== */

/* 	==============================================
--Index

-- Base Classes
--Framework Alterations - (Bootstrap)
-- Typography
-- Links
-- Images
-- Navigation

============================================== */

/* 	==============================================
--Base Classes
============================================== */

body {
	font-family: 'Asap', helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #414042;
	padding: 0;
	position: relative;
	transition-property: all;
	transition-duration: .25s;
	background-image: url(/_design/img/squares-grey.png);
	background-attachment: fixed;
}

@media (min-width: 768px) {
	body {
		font-size:18px;
	}
}


/* General Styles */

.sys_left{float: left;}

.sys_right{float: right;}

.sys_clear{display: block; clear: both; height: 0; font-size: 0;}

.sys_position-absolute{position: absolute;}
.sys_position-relative{position: relative;}

.sys_desktop{display: none;}
.sys_mobile{display: block;}
@media (min-width: 768px) {
	.sys_desktop{display: block;}
	.sys_mobile{display: none;}
}
.sys_hide{display: none;}


@media (min-width: 768px) {
	.sys_flex {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
}

.sys_table {
	display: table;
	height: 100%;
}

.sys_table-row {
	display: table-row;
	height: 50%;
}

.sys_table-cell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.sys_align-top {vertical-align: top;}
.sys_align-middle {vertical-align: middle}
.sys_align-bottom {vertical-align: bottom;}


.sys_image-cover {
	background-size: cover;
	background-position: 50%;
}


/*Colour Declarations*/
.sys_white {color: #fff}
.sys_grey {color: #f1f2f2;}
.sys_grey-med {color: #dad9d7}
.sys_grey-dark {color: #414042}
.sys_black {color: #000}
.sys_blue {color: #007c92}
.sys_blue-dark {color: #007c92}

.sys_white-bg {background-color: #fff}
.sys_grey-bg {background-color: #f1f2f2;}
.sys_grey-med-bg {background-color: #dad9d7}
.sys_grey-dark-bg {background-color: #414042}
.sys_black-bg {background-color: #000}
.sys_blue-bg {background-color: #007c92}
.sys_blue-50-bg {background-color: rgba(0,124,146,0.5);}
.sys_blue-dark-bg {background-color: #00627f}

.sys_hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.sys_page{
	overflow:hidden;
	position:relative;
}
#main-content {
	overflow: hidden;
}
#maincontent{
	overflow:hidden;
}
/* 	==============================================
--Typography
============================================== */

/*General Declarations*/

/*
h1, h2, h3, h4, h5, h6, p, span, ul, li, dl, table, blockquote {
	font-size: 1.4rem;
	margin-top: 0;
}
*/
/*Jan2016*/
p {
	color: #63656a;
}
/*end of Jan2016*/
/*Font Sizes*/
.sys_small {font-size: 0.778em;} /*14px*/
.sys_medium {font-size: 0.778em;} /*14px*/
.sys_large {font-size: 1em;} /*18px*/
.sys_xlarge {font-size: 1.333em;} /*24px*/

@media (min-width: 768px) {
	.sys_small {font-size: 0.778em;} /*14px*/
	.sys_medium {font-size: 1em;} /*18px*/
	.sys_large {font-size: 1.333em;} /*24px*/
	.sys_xlarge {font-size: 2.222em;} /*40px*/
}

::selection {
	background: #63ccca; /* WebKit/Blink Browsers */
	color: #fff;
}
::-moz-selection {
	background: #63ccca; /* Gecko Browsers */
	color: #fff;
}

/*General Font Declarations*/

.sys_uppercase{text-transform:uppercase;}
.sys_lowercase{text-transform:capitalize;}

.sys_align-center{text-align: center;}
.sys_align-left{text-align: left;}
.sys_align-right{text-align: right;}



/* 	==============================================
--Links
============================================== */
a {

}
/*Jan2016*/
p a {
	color: #000;
}

p a:hover {
	color: #0a7b91;
}
/*end of Jan2016*/
a:hover,
a:active,
a:focus{
	color: inherit;
	text-decoration: none;
}

.sys_btn-outline {
	font-size: 1em;
	border: 2px solid #fff;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 29px;
	margin: 10px 0;
}

.sys_btn-outline:hover {
	color: #0a7b91;
	background-color: #fff;
}




/* 	==============================================
-- Form Classes
============================================== */

.sys_site-search {
	position: absolute;
	top: 72px;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 15px;
	height: 80px;
	z-index: 10;
	display: none;
}

@media (min-width: 768px) {
	.sys_site-search {
		width: 25%;
		float: right;
		height: 50px;
		position: relative;
		top: auto;
		left: auto;
		padding: 0;
		display: block!important;
	}
}


.sys_site-search label {
	position: absolute;
	left: -10000px;
}

.sys_site-search input {
	background-color: #f1f2f2;
	border: 0;
	border-radius: 0;
	height: 50px;
	padding-right: 62px;
}

.sys_site-search button {
	position: absolute;
	top: 0;
	top: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	border: 0;
	border-radius: 0;
	background-image: url(/_design/img/search-btn.gif);
	text-indent: -10000px;
}

@media (min-width: 768px) {
	.sys_site-search button {
		right: 0;
		top: 0;
	}
}

/* styles for CMS search box */
.sys_site-search input[type="image"] { 
	position: absolute; 
	top: 15px;
	right: 15px;
	padding-right: 0; 
}
.sys_site-search input[type="text"] { 
	padding: 6px 62px 6px 12px; 
	font-size: 14px; 
	display: block; 
	width: 100%; 
	line-height: 1.42857; 
	color: #6e6e6e; 
}
.sys_site-search input[type="text"]::placeholder {
	opacity: 1;
	color: inherit;
}
@media (min-width: 768px) {
	.sys_site-search input[type="image"] { 
		right: 0;
		top: 0;
	}
}


/* 	==============================================
-- Global Layout Styles
============================================== */

/*Header*/
header {
	min-height: 280px;
	background-color: #2a5860;
	position: relative;
	background-size: cover;
	margin-bottom: 16px;
	background-position: 50%;
	width: 100%;
}

@media (min-width: 768px) {
	header{
		height: 340px;
		/* background-attachment: fixed; */
		margin-bottom: 84px;
	}
}

header:before {
	display: none;
	content: "";
	width: 50%;
	height: 100%;
	background-color: rgba(0,124,146,0.5);
	background-image: url(/_design/img/squares-green.png);
	background-attachment: fixed;
	position: absolute;
	top: 0;
	left 0;
}

@media (min-width: 768px) {
	header:before {
		display: block;
	}
}

header > div {
	position: relative;
	height: 100%;
}

.sys_header__brand {
	display: block;
	height: 72px;
	background-image: url(/_design/img/BSMS-Logo-White.png);
	background-size: 180px;
	background-position: 56% -8px;
	text-indent: -10000px;
	background-color: #0a7b91;
	margin: 0 -15px;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.sys_header__brand {
		display: block;
		color: #ffffff;
		width: 330px;
		height: 116px;
		background-size: 330px 116px;
		background-position: 50%;
		text-indent: -10000px;
		background-color: transparent;
		float: left;
		margin:0;
	}
}

.sys_navbar-toggle {
	float: right;
	margin-right: 0;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0px;
	background-color: #007c92;
	width: 50px;
	height: 50px;
	border: 0;
	position: absolute;
	top: 11px;
	left: 15px;
}

.sys_navbar-toggle .sys_icon-bar {
	display: block;
	width: 30px;
	height: 2px;
	border-radius: 0px;
	background-color: #fff;
}

.sys_navbar-toggle .sys_icon-bar+.sys_icon-bar {
	margin-top: 8px;
}

.sys_search-toggle {
	background-image: url(/_design/img/search-btn.gif);
	width: 50px;
	height: 50px;
	position: absolute;
	top: 11px;
	right: 15px;
	border: 0;
}

@media (min-width: 768px) {
	.sys_search-toggle {
		background-image: url(/_design/img/search-btn.gif);
		display: none;
	}
}

.sys_header-text {
	position: absolute;
	top: 120px;
	right: 16px;
	text-align: right;
}

@media (min-width: 768px) {
	.sys_header-text {
		width: 45%;
		top: auto;
		bottom: 40px;
		right: 31px;
	}
}

.sys_header-text p {
	background-color: rgba(0,124,146,0.7);
	color: #fff;
	-webkit-box-shadow: 0px 0px 0px 16px rgba(0,124,146,0.7);
	-moz-box-shadow: 0px 0px 0px 16px rgba(0,124,146,0.7);
	box-shadow: 0px 0px 0px 6px rgba(0,124,146,0.7);
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 1.63;
	display: inline;
	text-transform: uppercase;
	padding-left: 5px;
	font-size: 1.333em;
}

@media (min-width: 992px) {
	.sys_header-text p {
		line-height: 1.43em;
		font-size: 2.222em;
	}
}

/*site nav*/

.sys_site-nav {
/*	position: relative;*/
	width: 100%;
	border-top: 10px solid #06627f;
	display: none;
	margin-bottom: 15px;
	z-index: 1000000;
}

@media (max-width: 767px) {
 .sys_site-nav {
  position: relative;
 }
}

@media (min-width: 768px) {
	.sys_site-nav {
		display: block!important;
		margin-bottom: 0px;
	}

	.sys_site-nav.sys_affix-top {
		position: absolute;
		left: 15px;
		right:15px;
		width:auto;
		top: 100%;
		display: block!important;
		margin-bottom: 0px;
	}
	.sys_site-nav.sys_affix{
		width:720px;
		top: -10px;
	}
}

@media (min-width: 992px) {
	.sys_site-nav.sys_affix{
		width:1140px;
	}
}

@media (max-width: 767px) {
	.sys_site-nav.sys_affix{
		position: relative!important;
	}
}

.sys_site-nav ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

@media (min-width: 768px) {
	.sys_site-nav > ul {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		-webkit-flex-wrap: wrap;/* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.sys_lt-ie10 .sys_site-nav ul > li{
	width: 100%;
}

@media (min-width: 768px) {
	.sys_site-nav > ul > li {
		-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1;         /* OLD - Firefox 19- */
		-webkit-flex: 1;          /* Chrome */
		-ms-flex: 1;             /* IE 10 */
		flex: 1;
	}

	.sys_lt-ie10 .sys_site-nav > ul > li{
		width: 16.6666%;
		float: left;
	}
}



.sys_site-nav__link {
	padding: 1.25rem 0.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background-color: #0a7b91;
	position: relative;
	color: #fff;
	font-weight: normal;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-align-items:flex-start;/* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: flex-start;
	-webkit-justify-content: center;
	justify-content: center;
	border-top: 1px solid rgba(255,255,255,0.25);
}

@media (min-width: 768px) {
	.sys_site-nav__link {
		border-top: 0px;
	}
}

.sys_site-nav ul > li:first-child  .sys_site-nav__link {
	border-top: 0px;
}

.sys_lt-ie10 .sys_site-nav .sys_site-nav__link{
	width: 100%;
	display: block;
	text-align: center;
	border-top: 0px;
}

@media (min-width: 768px) {
	.sys_lt-ie10 .sys_site-nav .sys_site-nav__link{
		width: 100%;
		display: block;
		text-align: center;
		border-top: 0px;
		margin-top: -1px;
	}
}
.sys_site-nav > ul > li:hover > a,
.sys_site-nav__link:hover,
.sys_site-nav__link:active,
.sys_site-nav__link:focus,
.sys_site-nav__link.sys_site-nav__link--active {
	color: #fff;
	background-color: #06627f;
}

@media (min-width: 768px) {
	.sys_site-nav__link:before {
		content: "";
		width: 9px;
		height: 48px;
		background-image:url(/_design/img/nav-divider.png);
		position: absolute;
		left: -4px;
		top:0;
	}
}

.sys_site-nav ul > li:first-child .sys_site-nav__link:before {
	display: none;
}


.sys_site-nav > ul > li > div{display:none;}
.sys_site-nav > ul > li.sys_open > div{
	opacity: 1;
	display:block;
	visibility: visible;
}


/*
	.site-nav > ul > li:hover > div {
		opacity: 1;
		display:block;
		visibility: visible;
	}
*/


/* mega-menu */
.sys_nav-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: white;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1000000;
	display: none;
}


/* mega-menu */
.sys_mega-menu{
	position:relative;
	width:100%;
	background:rgba(0,0,0,.85);
	color:#fff;
	font-size:14px;
	line-height:18px;
	z-index:1;
}
.sys_mega-menu .sys_holder{
	padding:20px 0;
	position:relative;
	overflow:hidden;
}
.sys_mega-menu .sys_holder:before{
	content:'';
	position:absolute;
	top:-176px;
	left:0;
	width:100%;
	height:176px;
	box-shadow:0 0 176px #000;
	z-index:-1;
}
.sys_mega-menu  .sys_mega-menu_box{
	display:inline-block;
	vertical-align:top;
	float:none;
	width:50%;
	padding:0 20px;
	margin-right:-4px;
}

/* september changes*/
.sys_mega-menu .sys_mega-menu_box:first-child > ul > li:first-child{
	border-bottom: 1px solid white;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.sys_mega-menu .sys_mega-menu_box:first-child > ul > li:first-child a{
 font-size: 20px;
}

@media (min-width: 768px) {
	.sys_mega-menu{
		position:absolute;
		top:100%;
		left:0;
		padding: 0 9999px;
		margin: 0 -9999px;
		opacity: 0;
		visibility: hidden;
		transition: all 300ms ease 150ms;
		box-sizing:content-box;
		z-index:9;
	}
	.sys_mega-menu .sys_holder{padding:30px 40px;}
	.sys_mega-menu  .sys_frame{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.sys_mega-menu  .sys_mega-menu_box{
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding:0 20px;
		margin:0;
		border-left:1px solid #54565a;
	}
	.sys_lt-ie10 .sys_mega-menu  .sys_mega-menu_box{
		width: 25%;
		float: left;
		margin-bottom:-999px;
		padding-bottom:999px;
	}
	.sys_lt-ie10 .sys_mega-menu .sys_frame{overflow:hidden;}
}
.sys_mega-menu_box > ul{margin:0 0 -8px;}
.sys_mega-menu_box > ul > li{margin:0 0 8px;}
.sys_mega-menu a{color:#a8a8aa;}
.sys_mega-menu a:after {
	content: " >";
}
.sys_mega-menu a:hover,
.sys_mega-menu a:active,
.sys_mega-menu a:focus{text-decoration:underline;}
.sys_mega-menu strong, .sys_mega-menu b {font-weight:normal;}
.sys_mega-menu strong > a, .sys_mega-menu b > a, .sys_mega-menu a > b {color:#fff;}
/*in page nav*/

.sys_breadcrumb {
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
}

.sys_breadcrumb > li + li:before {
	content: "\003e";
	padding: 0 5px;
	color: #414042;
}

.sys_breadcrumb a {
	color: #414042;
}

.sys_breadcrumb a:hover {
	text-decoration: underline;
}

/*in page nav*/

@media (min-width: 992px) {
	.sys_nav-affix {
		width: 220px;
	}
}

@media (min-width: 1200px) {
	.sys_nav-affix {
		width: 270px;
	}
}

.sys_nav-affix.sys_affix-top {
	position: absolute;
	top: 24px;
	z-index:2;
}

@media (max-width: 991px) {
	.sys_nav-affix.sys_affix-top {
		position: static;
	}
}

.sys_nav-affix.sys_affix {
	top: 70px;
	z-index:9;
}
@media (max-width: 991px) {
	.sys_nav-affix.sys_affix {
		top: 40px;
		position: static;
	}
}

.sys_nav-affix.sys_affix-bottom {
	position: absolute;
}

@media (max-width: 991px) {
	.sys_nav-affix.sys_affix-bottom {
		position: static!important;
	}
}

.sys_nav-affix h1 {
	background-color: #06627f;
	color: #fff;
	font-size: 1em;
	padding:12px 40px 12px 20px;
	margin: 0;
	text-transform:uppercase;
	position: relative;
}

.sys_nav-affix h1:hover {
	cursor: pointer;
}

.sys_nav-affix h1:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #06627f transparent;
	transition: all 300ms;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -5px;
}

.sys_nav-affix h1:hover:after {
	border-color: transparent transparent #fff transparent;
}

.sys_nav-affix ul {
	background-color: #f1f2f2;
	font-size: 1em;
	margin: 0;
}

.sys_in-page-nav .sys_alt{
	background:#63656a;
	border-bottom:1px solid #fff;
}
.sys_in-page-nav .sys_alt:last-of-type{border:0;}
.sys_in-page-nav .sys_alt a{color:#fff;}

.sys_nav-affix ul a {
	padding: 12px 20px;
	color: #414042;
	transition: all 300ms;
}

.sys_nav-affix ul a:hover,
.sys_nav-affix ul a:active {
	background-color: #ccc;
}

.sys_nav-affix ul li.sys_active a{
	background-color: #0a7b91;
	color: #fff;
}
.sys_nav-affix ul .sys_alt a:hover,
.sys_nav-affix ul .sys_alt a:active,
.sys_nav-affix ul .sys_alt a:focus,
.sys_nav-affix ul .sys_alt.sys_active a{background-color: #000;}
.sys_nav-affix em{font-style:normal;}
/*
.sys_nav-affix ul li.sys_active a {
	background-color: #0a7b91;
	color: #fff;
} */

/* letters-list */
.sys_letters-list{
	margin:-1px -1px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;

}
.sys_nav-affix .sys_letters-list{background:none;}
.sys_letters-list li{
	float:left;
	width:59px;
	height:59px;
	margin:1px 1px 0 0;
	font-size:1.56em;
	line-height:2.11;
}
.sys_letters-list li a{
	height:100%;
	padding:0;
	display:block;
	background:#414042;
	color:#bcbcbc;
	text-align:center;
}

.sys_letters-list li a:hover,
.sys_letters-list li a:active,
.sys_letters-list li a:focus,
.sys_nav-affix .sys_letters-list .sys_active a{
	background:#000;
	color:#fff;
}
.sys_letters-list .sys_disabled a,
.sys_letters-list>li.sys_disabled >a:hover,
.sys_letters-list>li.sys_disabled >a:focus{
	opacity:.7;
	background: #414042;
}
.sys_profile-row{
	overflow:hidden;
	margin:0 0 22px;
}
.sys_profile-pic{
	width:59px;
	float:left;
	margin:3px 12px 0 0;
}
.sys_profile-content{
	overflow:hidden;
}
.sys_profile-content  p{margin:0;}
.sys_profile-content a{color:#000;}
.sys_profile-content a:hover{color:#00627f;}
.sys_profile-content .sys_contacts{margin:0;}
.sys_profile-content .sys_contacts dt{
	font-weight:normal;
	float:left;
	color:#007c92;
	margin-right:8px;
}
.sys_profile-content .sys_contacts dd{overflow:hidden;}
/*article*/

 article {
	margin-bottom: 40px;
}
.sys_content-block--text__body article,
.sys_content-block--visual__body article{margin:0;}
article h2 {
	font-size: 1.333em;
	color: #06627f;
	margin:0 0 10px;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.sys_small {font-size: 0.778em;} /*14px*/
	.sys_medium {font-size: 1em;} /*18px*/
	.sys_large {font-size: 1.333em;} /*24px*/
	.sys_xlarge {font-size: 2.222em;} /*40px*/
	article h2 {
		font-size: 2.222em;
	}
}

article .intro {
	color: #007c92;
}

@media (min-width: 768px) {
	article .intro {
		font-size: 1.333em;
	}
}

article img {
	width: 100%;
	height: auto;
}

article img.small-img, .small-img {
	width: auto;
}

article .caption {
	border: 1px solid #e6e7e8;
	background-color: #f1f2f2;
	display: block;
	padding: 8px;
	width: 100%;
	font-size: 0.778em;
}

article p.caption {
	margin-top: -10px;	
}

blockquote {
	padding: 0 20px;
	color: #414042;
	font-size: 1.333em;
	border-left: 0;
	border-right: 15px solid #414042;
	text-align: right;
	line-height: 1.2;
	margin: 20px 0px 20px 0;
}

@media (min-width: 768px) {
	blockquote {
		margin: 20px -15px 20px 0;
	}
}

.link-list {
	padding: 0;
	list-style: none;
}

.link-list a {
	color: #414042;
}

.link-list a:hover,
.link-list a:active,
.link-list a:focus {
	text-decoration: underline;
}

/*content blocks*/

.sys_content-block h2{
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.sys_content-block h2{
		margin-top: 0;
	}
}

.sys_content-block--visual {
/* 	background-attachment: fixed; */
	background-size: cover
}

.sys_content-block--visual__body {
	background-color: rgba(0,124,146,0.75);
	background-image: url(/_design/img/squares-green.png);
	background-attachment: fixed;
	color: #fff;
}

.sys_grey-block .sys_content-block--visual__body {
	background-color: rgba(99,100,106,0.85);
	background-image: url(/_design/img/squares-grey-dark.png);
	background-attachment: fixed;
	color: #fff;
}

.sys_content-block--text__body,
.sys_content-block--visual__body{padding:20px;}
@media (min-width: 768px) {
	/*October-2*/
	.sys_content-block--text__body,
	.sys_content-block--visual__body{padding: 60px 40px;}
}
/*Jan2016*/
.sys_content-block--text:first-of-type  .sys_content-block--text__body{padding-top:16px;}
.sys_content-block--visual article h2,
.sys_content-block--visual article .intro,
.sys_content-block--visual  a,
.sys_content-block--visual  p {
	color:#fff;
}
/*end: Jan2016*/
.sys_content-block--visual  a:hover{text-decoration:underline;}
.sys_content-block--visual__body:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 10000px;
	background-color: rgba(0,124,146,0.75);
	background-image: url(/_design/img/squares-green.png);
	background-attachment: fixed;
}

.sys_grey-block .sys_content-block--visual__body:after {
	background-color: rgba(99,100,106,0.85);
	background-image: url(/_design/img/squares-grey-dark.png);
}

/*Jan2016 2*/
.sys_content-block--visual a,
.sys_content-block--visual a:hover {
	color:#fff;
	font-weight: bold;
}

.sys_content-block--visual a.button-link-white,
.sys_content-block--visual a.button-link-white:hover,
.sys_content-block--visual a.button-link-white-long,
.sys_content-block--visual a.button-link-white-long:hover {
	font-weight: normal;
}

.sys_content-block--visual a.button-link-white:hover,
.sys_content-block--visual a.button-link-white-long:hover {
	color: #007c92;
}
/*end: Jan2016 2*/


.video-thumbnail img, a.video-thumbnail img {
	width: 100%;
}

.video-thumbnail:before, a.video-thumbnail:before {
	content: "";
	width: 57px;
	height: 40px;
	background-image: url(/_design/img/video-play-icon.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -26px;
}



/* image-block */
.sys_image-block{
	position:relative;
	margin:30px 0;
	overflow:hidden;
}
.sys_image-block img{
	max-width:100%;
	width:100%;
	height:auto;
	display:block;
}
.sys_image-block .sys_holder{
	position:absolute;
	bottom:0;
	left:0;
	transform: translateY(60px);
	-ms-transform: translateY(60px);
	-webkit-transform: translateY(60px);
	transition: transform 300ms linear;
	width:100%;
}
@media (min-width: 768px) {
	.sys_image-block .sys_holder{
		transform: translateY(87px);
		-ms-transform: translateY(87px);
		-webkit-transform: translateY(87px);
	}
}
.sys_image-block:hover .sys_holder {
	transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
}

/*October - changes for news*/
.sys_image-block .sys_holder-static{
	transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
}

.sys_image-block_heading{
	background:rgba(0,124, 146,.85);
	color:#fff;
	margin:0;
	padding:0 16px;
	display:inline-block;
	text-transform:uppercase;
	font-size:18px;
	line-height:2;
}
.sys_content_image-blocks .sys_holder .sys_image-block_heading{
	text-transform:none;
}
.sys_image-block:hover .sys_image-block_heading{background:rgba(0,0,0,.65);}
.sys_image-block_text{
	color:#fff;
	margin:0 0 0 4px;
	font-size:18px;
	line-height:1.63;
}
@media (min-width: 768px) {
	.sys_col-md-2 .sys_image-block_text{
		font-size:24px;
		line-height:1.46;
	}
}

/*October - changes for news*/
.sys_image-block:hover .sys_holder-static .sys_image-block_heading {background:rgba(0,124, 146,.65);}

.sys_image-block .sys_image-block_text{
	/*position:absolute;*/
	bottom:0;
	left:0;
}
.sys_image-block_text span{
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	background:rgba(65,64, 66,.75);
	box-shadow:0 0 0 4px rgba(65,64, 66,.75);
	transition: all 300ms;
	display: inline !important; 
}
.sys_image-block:hover .sys_image-block_text span{
	background:rgba(0,124,146,.75);
	box-shadow:0 0 0 4px rgba(0,124,146,.75);
}
.sys_image-block_text span a{ 
	color: #fff;
}
.sys_image-block .sys_btn-holder{
	color: #fff;
	height:60px;
	padding:10px 20px;
	background:rgba(0,0,0,.65);
	box-sizing:border-box;
}
@media (min-width: 768px) {
	.sys_image-block .sys_btn-holder{
		height:87px;
		padding:20px;
	}
}
/* content image blocks */

@media (min-width: 768px) {
	.sys_content_image-blocks {
		padding:0 40px 40px;
	}
}
.sys_content_image-blocks .sys_row{margin:0 0 25px;}
.sys_content_image-blocks [class*="col-"]{
	padding-left:0;
	padding-right:0;
}
.sys_content_image-blocks .sys_image-block{
	margin:0;
	position:relative;
}
.sys_content_image-blocks .sys_image-block_text{
	position:absolute;
	bottom:0;
	left:0;
	font-size:14px;
	line-height:1.75;
}
.sys_content_image-blocks .sys_holder .sys_image-block_text{
	position:static;
	font-size:18px;
	line-height: 1.63;
}
/* general button styles */
.sys_btn-primary{
	display:inline-block;
	color:#fff;
	font-size:18px;
	line-height:43px;
	padding:0 30px;
	background:transparent;
	border-radius:0;
	text-transform:uppercase;
	border:2px solid #fff;
	transition:background 300ms;
}
.sys_image-block .sys_btn-primary{
	line-height:36px;
	font-size:16px;
	padding:0 20px;
}
@media (min-width: 768px) {
	.sys_image-block .sys_btn-primary{
		line-height:43px;
		font-size:18px;
		padding:0 30px;
	}
}
.sys_btn.sys_btn-lg{
	display:block;
	max-width:410px;
}
.sys_btn-primary:hover,
.sys_btn-primary:focus,
.sys_btn-primary:active,
.sys_btn-primary.sys_active{
	color:#007c92;
	background:#fff;
	border-color:#fff;
	box-shadow:none;
	text-decoration:none !important;
}
.sys_btn-blue{
	border-color:#007c92;
	color:#007c92;
	background: transparent;
}
.sys_btn-blue:hover,
.sys_btn-blue:focus,
.sys_btn-blue:active,
.sys_btn-blue.sys_active{
	background:#007c92;
	border-color:#007c92;
	color:#fff;
}
/* link-holder */
.sys_link-holder a{
	margin:0 0 30px;
	display:block;
	background:#414042;
	padding:20px;
	color:#fff;
	font-size:18px;
	position:relative;
}
.sys_link-holder a:after{
	position:absolute;
	bottom:0;
	right:0;
	text-align:center;
	line-height:36px;
	content:'>';
	width:36px;
	height:36px;
	color:#fff;
	background:#000;
}
.sys_link-holder a:hover,
.sys_link-holder a:active,
.sys_link-holder a:visited,
.sys_link-holder a:focus{color:#fff;}

/* blockquote */
q{quotes: none;}
q:before,
q:after{content:"";}
.sys_blockquote blockquote, .sys_content-block--visual__body blockquote {
	color:#fff;
	border:0;
	text-transform:uppercase;
	font-size:2.22em;
	line-height:1.13;
}
/* contacts */
.sys_map{
	height:340px;
}
.sys_contacts{
	color:#63656a;
	margin:0 0 40px;
}
.sys_contacts .intro{
	font-size:1.33em;
	color:#007c92;
}
.sys_contacts label{
	display:block;
	font-weight:normal;
}
.sys_select-box {
	height:50px;
	overflow: hidden;
	background: #f1f2f2 url(/_design/img/bg-arrow-down.png) no-repeat 100% 0;
	margin:0 0 27px;
}
.sys_select-box select {
	padding:12px 14px;
	width: 110%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:18px;
	color:#414042;
	cursor:pointer;
}
.sys_select-box select:focus {outline: none;}
.sys_address a{color:#000;}
.sys_address b{
	color:#000;
	font-weight:normal;
}
.sys_address address{margin:0 0 15px;}
/* map */
.sys_map img{
	width:100%;
}
/* logo-list */
.sys_logo-list{
	overflow:hidden;
	margin:0 0 50px;
}
.sys_logo-list ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:0;
}
.sys_logo-list li{
	width:50%;
	margin-bottom:10px;
	display:inline-block;
	vertical-align:top;
}

@media (min-width: 768px) {
	.sys_logo-list li{
		  width: 33.33333333%;
	}
}
@media (min-width: 992px){
	.sys_logo-list{margin:30px 0 60px;}
	.sys_logo-list ul{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sys_logo-list li{
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin:0 10px;
	}
}
.sys_logo-list a{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.sys_lt-ie10  .sys_logo-list ul{
	width:100%;
	display:table;
}
.sys_lt-ie10  .sys_logo-list li{
	display:table-cell;
	vertical-align:top;
}

/* profile-centre-staff */

.sys_centre-staff {
	padding: 0;
	list-style: none;
}

.sys_centre-staff > .sys_centre-staff-individual {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

.sys_centre-staff .sys_col-sm-3 img {
	max-width: 250px;
	display: block;
	margin: 6px auto 0;
}

/*October - addeed styles for new News and events pages*/
/*News and events*/

.sys_news-group .intro {
	float: left;
}

.sys_news-list {
	padding: 0;
	list-style: none;
}

.sys_news-list > li {
	margin-bottom: 30px;
	float: left;
}

.sys_news-list .sys_col-sm-3 img {
	max-width: 250px;
	display: block;
	margin: 6px auto 0;
}

.sys_news-title {
	color: #007c92;
}

.sys_date-block {
	width: 60px;
	height: 60px;
	background-color: #414042;
	text-align: center;
	float: left;
	margin-top: 5px;
}

.sys_date-block span {
	display: block;
	font-size: 24px;
	color: #fff;
	margin-top: 11px;
  line-height: 18px;
}

.sys_date-block span + span {
	font-size: 18px;
	color: #b2b2b2;
	margin-top: 10px;
	margin-top: 4px;
	line-height: 18px;
}

.sys_date-text {
	padding-left: 70px;
}


/*footer*/

footer {
	padding: 25px 0 35px 0;
	overflow: hidden;
	background-color: #414042;
	border-bottom: 56px solid #313234;
}

@media (min-width: 768px) {
	footer {
		padding: 40px;
	}
}

footer:before {
	content: "";
	width: 100%;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(/_design/img/squares-footer.png);
	background-attachment: fixed;
	background-position: 0 45px;
}

.sys_footer-block:nth-child(3) {
	clear: both;
}

@media (min-width: 768px) {
	.sys_footer-block:nth-child(3) {
		clear: none;
	}
}

footer h2 {
	font-size: 1em;
	color: #fff;
}

.sys_footer-list ul {
	padding: 0;
	list-style: none;
	color: #dad9d7;
	font-size: 0.778em;
}

.sys_footer-list a {
	color: #dad9d7;
}

.sys_footer-list a:hover,
.sys_footer-list a:focus,
.sys_footer-list a:active {
	color: #dad9d7;
	text-decoration: underline;
}

.sys_social-links {
	position: absolute;
	bottom: 40px;
	padding: 0;
	list-style: none;
	margin: 0;
}

.sys_social-links > li {
	float: left;
}

.sys_social-links a {
	color: #ffffff;
	width: 36px;
	height: 35px;
	display: block;
	float: left;
	text-indent: -10000px;
	margin-right: 8px;
}

.sys_social-links--facebook {
	background-image: url(/_design/img/footer-icon-facebook.png);
}

.sys_social-links--twitter {
	background-image: url(/_design/img/footer-icon-x.png);
}

.sys_social-links--vimeo {
	background-image: url(/_design/img/footer-icon-vimeo.png);
}

.sys_social-links--instagram {
	background-image: url(/_design/img/footer-icon-instagram.png);
}

.sys_social-links--youtube {
	background-image: url(/_design/img/footer-icon-youtube.png);
}



/* 	==============================================
-- Images
============================================== */

/*Background images*/

.sys_image-replace {
	display: none;
}


/* 	==============================================
-- Accessibility
============================================== */

.sys_skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
}

a.sys_skip:active,
a.sys_skip:focus,
a.sys_skip:hover {
	left: 48%;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	z-index: 1000;
}

/* 	==============================================
-- UoB-added styles
============================================== */

.button-link-white {
	font-size: 1em;
	border: 2px solid #fff;
	border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 29px;
	margin: 0;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    line-height: 1.42857;
	transition:background 300ms;
}

.button-link-white:hover {
    color: #0a7b91;
    background-color: #fff;
}

.button-link-white-long {
	color:#fff;
	font-size:18px;
	line-height:43px;
	padding:0 30px;
	background:transparent;
	border-radius:0;
	text-transform:uppercase;
	border:2px solid #fff;
	transition:background 300ms;
	display:block;
	max-width:410px;
	margin-bottom: 0px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
}
.sys_image-block .button-link-white-long {
	line-height:36px;
	font-size:16px;
	padding:0 20px;
}
@media (min-width: 768px) {
	.sys_image-block .button-link-white-long {
		line-height:43px;
		font-size:18px;
		padding:0 30px;
	}
	.sys_image-block .button-link-white {
		line-height:43px;
		font-size:18px;
		padding:0 30px;
	}
}
.button-link-white-long:hover,
.button-link-white-long:focus,
.button-link-white-long:active {
	color:#007c92;
	background:#fff;
	border-color:#fff;
	box-shadow:none;
	text-decoration:none !important;
}
.button-link-blue {
	font-size: 1em;
	border-radius: 0px;
	text-transform: uppercase;
	padding: 10px 29px;
	margin: 0;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    line-height: 1.42857;
	transition:background 300ms;
	border: 2px solid #007c92;
	color:#007c92;
	background: transparent;
}
.button-link-blue:hover,
.button-link-blue:focus,
.button-link-blue:active,
.button-link-blue.sys_active {
	background:#007c92;
	border-color:#007c92;
	color:#fff;
}

@media (max-width: 768px) {
	.button-link-white, .button-link-white-long, .button-link-blue {
		white-space: normal;
	}
}

/* set maximum width on video embeds */
div[id$="_wrapper"] { max-width: 560px; }

.video-thumbnail { /**/ } 

/* site search results */
article .sys_search-label { 
	display: none;
	font-weight: normal;
}
article .sys_searchbox {
	font-size: 0.9em;
	width: 200px;
	padding: 2px;
	height: 49px;
	margin-right: 10px;
}
article .sys_searchbutton {
	width: 50px;
	height: 50px;
	border: 0;
	border-radius: 0;
	background-image: url(/_design/img/search-btn.gif);
	text-indent: -10000px;
}

/* hide headings from left hand nav */
.hidefromnav { }
.hidefromnav-subhead { font-size: 24px; text-transform: none; color: #414042; margin: 20px 0 10px 0; }

/* sabre library search box */
.sys_sabre-search label {
    padding-right: 10px;
    font-weight: normal;
}
.sys_sabre-search input[type="text"] {
    height: 29px;
    margin-right: 10px;
}
.sys_sabre-search input[type="submit"] {
    height: 29px;
    line-height: 29px;
    position: relative;
    top: 1px;
}

/* video container to restrict maximum width */
.sys_video-embed-container {
	max-width: 505px;	
}
.sys_video-embed-container div, .sys_video-embed-container iframe {
    max-width: 100%;
}
.sys_youtube-container {
	max-width: 100%;
}
.sys_youtube-container iframe {
	border: none;
	max-width: 100%;
	width: 560px; 
	height: 315px;
}

/* twitter embed styles */
.twitter-embed {
	margin: 0 0 10px;
}
.twitter-central {
	display: flex;
	justify-content: center;
}