/* Webfonts 
----------------------------------*/
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility !important; }
/*Typekit,Aktiv Grotesk,400,700*/
body { font-family: "aktiv-grotesk", arial, sans-serif; font-weight: 400; }
#subnav a, #primary a, #related a { font-weight: 700 }


/* Transitions
----------------------------------*/
@media (min-width:768px) {

/* Stop transitions on page load. Class removed by jquery */
.loading * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
	
.fast, nav a, #utility a, .btn, .share a, .item figure, .slider-arrow, #primary a, .text-wrapper a, #footer a, .download a, #bannHeader .inner, a.more { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  }

#subnav a, #header button span { transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out;  }

/*.page #text, #page-home .page { position: relative; opacity: 0; -webkit-animation: 0.7s ease forwards fadein; animation: 0.7s ease forwards fadein; }
@-webkit-keyframes fadein {0%{ opacity: 0; top: 50px; }100%{ opacity: 1; top: 0; }}
#bannerHeader .inner, #banner { background-position: center center; background-size: 100% 110% !important;  }
.scrollUp #bannerHeader .inner, .scrollUp #banner { background-position: center top; }
.scrollDown #bannerHeader .inner, .scrollDown #banner { background-position: center bottom;}
#bannerHeader .inner, #banner { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  }*/
}

/*=================================================================
	General
=================================================================*/


body { color: #000; font-size: 17px; line-height: 31px;   }

h1 { font-size: 51px; line-height: 1.1961em; font-weight: 700  }
h2 { font-size: 29px; line-height: 1.37931em; font-weight: 700; }
h3 { font-size: 24px; line-height: 1.54166em; font-weight: 700; color: #333; }
h4 { font-size: 21px; font-weight: 700; margin-bottom: 5px; }
h5 { font-size: 18px; font-weight: 700; margin-bottom: 5px; color: #666; }

h1, h2, p { margin:0 0 25px }
footer h5 { margin:0 0 20px; text-transform: lowercase }
h3 { margin: 0 0 15px; }

h2 a, h3 a { color: #000; display: inline-block }
a, a:hover, a:focus { color: #bd3023; text-decoration: none; }
a:hover, a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {  color: #bd3023 }
a:active, a:focus, button:active, button:focus { outline: none; }

img { max-width: 100%; height: auto }

.section-heading { font-size: 18px; color: #666; font-weight: 700; margin: 0; text-align: center }

.date { color: #999; margin-bottom: 5px; }

.intro { font-size: 24px; line-height: 1.541666em; }

.meta { font-size: 14px; color: #999; margin: 0; }
.meta span.category { text-transform: uppercase; color: #07c3b3; font-weight: 700; letter-spacing: 1px; }
.meta time { color: #666 }



.table { max-width: 100%; }
.table td, .table th { padding: 5px; text-align: left; font-size: 15px; line-height: 28px; }
.table td { min-width:25%; }
.table tr { border-bottom: 1px solid #999;  }
.table th { font-weight: 700; }

.text-wrapper a { border-bottom: 1px solid white }
.text-wrapper a:hover, .text-wrapper a:focus { border-bottom: 1px solid #bd3023 }

@media (max-width:767px) {
	.table-responsive { overflow-y: auto;  }
	body { font-size: 16px; line-height: 28px; }
	h1 { font-size: 31px; }
	h2 { font-size: 24px;  }
	#pageTitle h1 { font-size: 18px; }
	h3, .intro { font-size: 21px; }
	h1, h2, p { margin:0 0 15px }
	ul { padding-left: 30px; }
	.table td, .table th { font-size: 14px; line-height: 24px; min-width: 100px; }
	.table-responsive, .table { min-width: 100%  }
}

@media (min-width:768px) {
	.table-responsive { overflow:inherit;   }
	.table-responsive .table { width: 100% }
}

/*=================================================================
	Layout
=================================================================*/
#utility { background: #eee; font-size: 13px; }
#utility ul{ margin: 0; }
#utility li { margin-bottom: 0; line-height: 36px; margin-left: 0px; padding-top:4px; }
#utility a { color: #2d2d2d; border-bottom: 4px solid #eee; padding: 0 15px; display: inline-block; text-decoration: none }
#utility a:hover, #utility a:focus, #utility li.current a { border-bottom-color: #bf2e1a; }
.seg2-jobs #utility .nav-news a {  border-bottom-color: #eee; color: #2d2d2d;  }
.seg2-jobs #utility .nav-news a:hover, .seg2-jobs #utility .nav-news a:focus { border-bottom-color: #bf2e1a;  }

#utility li.search a { color: #bf2e1a; font-size: 18px; }

#header { background: white;  padding: 25px 0 27px;}
#header .navbar { position: relative; margin: 0; border: 0; }

#logo { background: #999; color: #fff; max-width: 220px; }
#logo img { max-width: 220px; }

#primary { text-align: right; padding: 0; font-size: 15px; }
#primary ul { margin: 0; }
#primary li { margin-left: 5px; }
#primary a {  background: none; border-bottom: 4px solid transparent; line-height: 50px; padding: 0 15px; color: #000 }
#primary a:hover, #primary a:focus, #primary li.current a { background: none; border-bottom-color:  #bf2e1a; }

#banner { height: 275px; background: #666; color: #fff; background-color: #3a7b91; background-size: cover; background-position: center center; }
@media (min-width:768px) and (max-width:1024px) { #banner { height: 255px; } }
@media (max-width:480px) { #banner { height: 200px; } }

#bannerHeader { background: white; height: auto; color: #fff;  }
#bannerHeader .bg { background: #3a7b91 }
#bannerHeader .wrap { padding: 20px }
#bannerHeader .noImage .wrap { padding-left: 0; padding-right: 0; }

@media (min-width:767px) and (max-width:1199px) {
	#bannerHeader h1 { font-size: 30px; }
}


@media (max-width:767px) {
	
	#bannerHeader .wrap { padding: 15px 25px }
	
	#header { padding: 0; }
	#header .navbar  { padding:0; }
	#header .container { width: 100%; padding: 0; margin: 0; }
	#header .navbar-header { height: 60px; border-bottom: 1px solid #ccc; }
	
	#logo { position: absolute; left:0px; height: 60px; width: 60px; top:0px; z-index: 99999; padding-left: 20px; background: #c22b0a url('/interface/images/template/HC_logo_mobile.png') center center no-repeat; background-size: cover  }
	#logo img { display: none  }
	
	#header .navbar-collapse { background: #f2f2f2; padding: 0; margin: 0; z-index: 9999; position: relative; width: 100%; }
	#header .navbar .navbar-collapse{ width: 100% }
	#header button.navbar-toggle { position: absolute; top:10px; right:35px; width: 40px; z-index: 9999; border-radius: 0; margin: 0; font-size: 30px; color: #000 }
	#header button.navbar-toggle .icon-bar { background: #3d444a; height: 4px !important; }

	#header button.navbar-toggle { background:url('/interface/images/template/cross.png') center center no-repeat;  }
	#header button.navbar-toggle .icon-bar { visibility: hidden }
	#header button.collapsed { background: none }
	#header button.collapsed .icon-bar { visibility: visible }
	
	/*#header button.navbar-toggle .icon-bar  { position: absolute; top:10px; left:auto; text-align: center }
	#header button.navbar-toggle > span:nth-child(2) { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 10px; background:  #f00; top:13px; }
	#header button.navbar-toggle > span:nth-child(3) { display: none }
	#header button.navbar-toggle > span:nth-child(4) { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	
	#header button.collapsed .icon-bar  { position: absolute; top:10px; left:auto; text-align: center }
	#header button.collapsed .icon-bar { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); left: auto; top:auto }*/

	#header .search { position: absolute; top:15px; right:105px; font-size: 24px; color: #3d444a;}
	
	#header .fa-bars, #header .fa-close { display: none } 
	#header button.navbar-toggle .fa-close, #header button.collapsed .fa-bars { display:block; }
	#header button.collapsed .fa-close { display:none }

	#primary { position: relative; bottom:auto; top:auto; left:0; text-align: left; font-weight: 700; font-size: 16px; color: #f6f4de; background: #f2f2f2; border: 0; }
	#primary a { color: #333; border-bottom: 1px solid #cdced0 !important; padding: 5px 40px;  }
	#primary .nav a { background: none !important }
	#primary li { margin-left: 0;  }
	#primary li.current a, #primary a:hover { color: #d51e3c }
	#primary li.current li a, #primary a:focus { color: #333 }
	#primary li.current li.current a { color: #d51e3c }

	#primary .noDropdown { width: 100%; clear: both }
	#primary .dropdown .caret { float: right; display: block; position: relative; top:25px; }
	#primary .dropdown { margin-bottom: 0; }
	#primary .dropdown-menu { padding: 0; background: #dfdfdf; }
	#primary .dropdown-menu a { background: #dfdfdf !important; padding-left: 55px; font-weight: 500; }
	#primary .open2 .dropdown-menu { display: block; position: relative }
	#primary .open2.open .dropdown-menu { display: none }
	#primary .open > a .caret { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
	#primary .dropdown-menu { border: 0; box-shadow: none; }
	#primary .nav-news .overview { display: none }	
	
	#primary .list-social { text-align: center; padding: 5px 0; }
	#primary .list-social li { line-height: 30px; font-size: 22px; border: 0; }
	#primary .list-social a { border: 0 !important; padding: 5px 20px;  }
	
	#content, #sidebar { padding-bottom: 15px; }
	#content { padding-top: 15px; }
	#banner.empty { display: none }
	#bannerHeader { /*margin-left: -10px; margin-right: -10px; overflow: hidden*/ }
	#bannerHeader .container { padding: 0; overflow: hidden }
	
}

@media (min-width:768px) and (max-width:991px)  { #header #logo { display: block; margin-bottom: 40px; } #primary { margin-left: 0; }  }

@media (min-width:768px) {
	#header { border-bottom: 1px solid #ccc; }
	#content, #sidebar { padding-top: 30px; padding-bottom: 30px; }
	#bannerHeader .equalise {min-height: 430px; overflow: hidden }
	#bannerHeader figure { position: relative; overflow: hidden; text-align: center }
	#bannerHeader .inner {  background-size: cover; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 100%; position: absolute; top:0; left:0; margin-left: 10px; margin-right: 10px; min-width: 100%;   }
	#bannerHeader .inner img { display: none }
	#primary { position: absolute; bottom:-27px; right:0;}
	#primary .dropdown { display: none }
}

@media (min-width:992px) {
	#primary { margin-left: 220px; }
}

@media (min-width:768px) and (max-width:991px) {
	#bannerHeader figure .inner { position: relative; left:-10px; }
	#bannerHeader figure .inner img { display: block;}
	#bannerHeader .equalise {  height: auto; min-height: auto !important  }
	#bannerHeader .wrap { margin: 15px 40px 15px 60px; padding: 0 }
}



/* Breadcrumbs
----------------------------------*/
#breadcrumbs { padding: 20px 0; font-size: 14px; line-height: 20px;  color: #000; margin-left: -5px; }
#breadcrumbs ul { margin:0; }
#breadcrumbs a { margin-right: 10px; color: #000; }
#breadcrumbs li:after { content: " >" }
#breadcrumbs li.last:after { content: "" }
#breadcrumbs li.last, #breadcrumbs a:hover { color: #bd3023 }
@media (max-width:767px) { #breadcrumbs { padding-left: 30px; } #breadcrumbs li { display: inline; padding-left: 0; }  }


@media (min-width:768px) { 
	#sidebar { position: relative }
	#related { visibility: hidden; position: absolute; bottom: 50px; right:0; width: 100%; margin: 0 10px; }
	.loaded #related { visibility: visible;}
	.equalise-full { min-height: 400px; }
}

#related h2 { margin-bottom: 15px; }
#related { font-size: 16px; line-height: 26px; border-top: 4px solid #000 }
#related ul, #related li { margin: 0; padding: 0; list-style-type: none }
#related a { color: #148084; display: block; padding: 10px 0 10px 20px; text-decoration: none; }
#related a:hover, #related a:focus { color: #d51e3c; }
#related li { position: relative }
#related .fa { position: absolute; top:15px; left:0; }
@media (max-width:767px) { 
	#related a { padding-top: 5px; padding-bottom: 5px; }
	#related .fa { top:10px; }
}

.noBanner #subnav { background: black }
#subnav .wrap { background: rgba(30,30,32,0.9); font-size: 14px; }
#subnav ul { margin-left: 5px }
#subnav a { padding: 25px 30px; line-height: 30px; display: block; color: #fff; text-transform: uppercase; text-decoration: none;   }
#subnav li { margin:0 0 0 -5px; padding: 0; }
#subnav a:hover, #subnav li.current a { background: #000 }
@media (max-width:1024px) { 
	#subnav a { padding: 15px 20px;  }
}
@media (max-width:767px) { 
	#subnav { margin-left: -15px; margin-right: -15px; font-size: 13px; } 
	#subnav a { padding: 15px 15px;  }
	#subnav { display: none }
}

#newsletter { background: #f2f2f2; min-height: 100px; padding: 30px 0 10px; }
#newsletter form { margin-bottom: 15px; }
#newsletter .wrap { max-width: 460px; }
#newsletter h5 { color: #000; margin-bottom: 5px; }
#newsletter fieldset { border-bottom: 2px solid #000; padding-bottom: 8px; margin-top: 30px; }
#newsletter input { padding: 0; height: 33px; }
#newsletter input, #newsletter button { border: 0; background: none; }
#newsletter .submit { float: right }
#newsletter input::-webkit-input-placeholder { color: #000; text-transform: uppercase; font-weight: bold; opacity: 1; }
#newsletter input::-moz-placeholder { color: #000; text-transform: uppercase; font-weight: bold; opacity: 1; }
#newsletter input:-ms-input-placeholder { color: #000; text-transform: uppercase; font-weight: bold; opacity: 1; }
#newsletter input:-moz-placeholder { color: #000; text-transform: uppercase; font-weight: bold; opacity: 1; }
@media (max-width:767px) { 
	#newsletter .wrap { text-align: center; max-width: 350px; margin: 0 auto; padding: 0 15px; } 
	#newsletter .wrap p { margin-bottom: 0; }  
	#newsletter form { position: relative; top:-15px; margin: 0 15px; } 
} 

/* Site Footer
----------------------------------*/
#footer, #closing {  border-top: 1px solid #e8e8e8; }

#footer { font-size: 13px; }
#footer .fa { font-size: 24px; margin-right: 10px; }
#footer h4 { text-transform: none }
#footer section.first { border-left: 0; }
#footer section.first .wrap { padding-left: 0; }
#footer li { line-height: 21px; padding: 5px 0; }
#footer a { color: #666; border-bottom: 1px solid #fff }
#footer a:hover, #footer a:focus { color: #d51e3c; border-bottom-color: #d51e3c }

#closing {  text-align: center; line-height: 50px; }
#closing .container { position: relative }
#closing .list-social a { color: #999; display: inline-block; width: 54px; text-align: center; font-size: 20px; }
#closing .list-social a:hover, #closing .list-social a:focus { color: #d51e3c }
#closing .list-social li { border-left: 1px solid #e8e8e8; padding: 0; margin: 0; }
#closing .list-social li:last-of-type { border-right: 1px solid #e8e8e8  }

#back-to-top { position: absolute; top:0; right:0; border-left: 1px solid #e8e8e8; width: 150px; text-align: center; font-size: 14px; color: #666; }
#back-to-top:hover, #back-to-top:focus { color: #d51e3c }

#footer ul.list-columns { -moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count: 2; column-gap: 2.5em; }
#footer ul.list-links li { margin-bottom: 0px; }
#footer ul.list-links li a { margin-bottom: 5px; display: inline-block; }
	
	
@media (max-width:767px) {
	#footer { padding-top: 20px; }
	#footer section.first .wrap, #footer .wrap { padding: 0 15px; }
	#back-to-top { width: 70px; border: 0; }
	#footer .first { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
	#footer ul.list-links li { white-space: nowrap }
}
@media (min-width:768px) {
	#footer section { border-left: 1px solid #e8e8e8; }
	#footer section .wrap { padding:30px 10px 10px; } 
}

/*=================================================================
	Classes & Ids
=================================================================*/

.text-wrapper { max-width:660px;; }

.section { padding: 20px 0; }

.content-block { padding: 0; margin-bottom: 35px;  }
@media (max-width:991px) { 
	.content-block { margin-bottom: 25px; }
}


.list-inline, .list-inline li { margin-bottom: 0; }

.btn { line-height: 26px; padding: 18px 30px; color: #fff; background: #00c4b4; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; border: 0;  }
.btn:hover, .btn:focus { background: #bd3023; color: #fff; }

.btn-return { padding: 15px 30px; }

.paging { text-align: center; margin: 40px 0; }
@media (max-width:991px) { 
	.paging { margin-bottom: 10px; }
}


.btn-paging { display: inline-block; margin-bottom: 15px; }

a.gallery-launch:hover { opacity: 0.7 }

#projects { background: #eee; padding: 0 0 1px; }

.section-heading { position: relative; clear: both;  }
.section-heading h2 { margin: 15px 0; font-size: 20px; line-height: 30px; text-transform: lowercase }
.section-heading a { float: right; display: inline-block;  text-transform: uppercase; font-size: 12px; font-weight: bold; margin-top: 3px; }

#feeds .section-heading { border-bottom: 2px solid #000; text-align: left }
#feeds .section-heading h2 { float: left; color: #000; margin: 0;  }
#feeds .inner { margin-right: 20px; }
@media (max-width:1199px) { #feeds article { height: auto !important }  }
@media (max-width:767px) { 
	#feeds { padding-top: 10px; }
	#feeds .inner { margin: 0 15px; }
	#feeds .section-heading { margin: 15px 0 5px; } 
}
@media (max-width:992px) { 
	#feedNews, #feedEvents, #feedOpportunities { margin-bottom: 25px; }
}
	
#banner-header .date { font-family: georgia; margin-bottom: 30px; color: #c2c7c8 }
.project-intro { font-family: georgia }
.project-intro p { margin-bottom: 0; }

.list-categories { color: #999; margin-bottom: 30px; font-weight: 700; font-size: 14px; letter-spacing: 1px; }
.list-categories li { margin-right: 10px; }
.list-categories a { text-transform: uppercase; color: #757575;  }
.list-categories .current a, .list-categories a:hover, .list-categories a:focus { color: #07c3b3 }
#pageTitle .list-categories { margin-bottom: 0; margin-left: 25px; }
@media (min-width:768px) and (max-width:991px) { 
	.list-categories li { margin-right: 15px; }
}
@media (max-width:767px) { 
	#pageTitle .list-categories { margin-left: 15px; } 
	.list-categories { margin-bottom: 15px; margin-left: 5px; }
	.list-categories li { display: block; padding: 0; }
	#pageTitle .container { max-width: 345px; }
 }

.articleConnect { border-top: 1px solid #ccc; margin-top: 60px; padding: 20px 0; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; font-size: 14px;  }
.articleConnect .share { margin-bottom: 30px; }
@media (max-width:992px) { 
	.articleConnect { margin-top: 20px; text-align: center }
	.articleConnect .return { float: none !important;}
}

.share, .share a { color: #00c4b4; }
.share { padding-top: 10px; }
.share a { display: inline-block;  width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 23px; border: 3px solid #00c4b4; font-size: 22px;  }
.share .fa { position: relative; top:-2px; }
.share li { margin-right: 10px; height: 46px;  }
.share li:first-child { margin-right: 15px; line-height: 46px; position: relative; top:-5px; }
.share a:hover, .share a:focus { border-color: #bd3023; color: #bd3023 }

.dropdown-menu { background: #75a3b2 } 
.dropdown { float: left; display: inline; margin-right: 15px; text-align: left; margin-bottom: 30px; width: 100% }
.dropdown button { background: #75a3b2; border: 0; color: #fff; border-radius: 4px; min-width: 100%; text-transform: uppercase; padding: 8px 25px 8px 20px; line-height: 40px; border-radius: 4px; text-align: left; font-size: 14px; font-weight: 700; letter-spacing: 1px; }
.dropdown button .caret { border-left-width: 8px; border-top-width: 8px; border-right-width: 8px; float: right; position: relative; top:18px; }

.dropdown-menu { width: 100%; }
.dropdown-menu li, .dropdown-menu a:hover, .dropdown-menu a:focus { background: none }
.dropdown-menu li { font-size: 16px;  }
.dropdown-menu li a { padding: 5px 20px; }
#header .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li.current a { background: #bd3023  }

@media (max-width:1199px) {
	.nav-tabs { border-bottom: 1px solid transparent; }
	.nav-tabs .dropdown-toggle { background: #fff; border: 1px solid #ddd !important; margin-right: 0; border-radius: 4px; }
	.nav-tabs .dropdown-menu { background: #fff }
	.nav-tabs .dropdown-menu li.active a { background: #bd3023; }
	.nav-tabs .dropdown-toggle .caret { top:10px; float: right; position: relative }
	.nav-tabs .dropdown-toggle.open .caret { }
}

.headerFilter { margin-bottom: 20px; }
.headerFilter .dropdown, .headerFilter #search-form { margin-bottom: 15px; }
@media (max-width:767px) { #header.headerFilter .container { padding: 0 25px } }

#header .dropdown-menu li { white-space: wrap }
#header .dropdown-menu li a { white-space: normal !important;  }


#search-form { font-size: 14px;  position: relative; background: #f2f2f2; padding: 8px 25px 8px 20px; line-height: 40px; text-transform: uppercase; border-radius: 4px; }
#search-form input { font-weight: 700; letter-spacing: 1px; width: 90%;}
#search-form input, #search-form button { border: 0; padding: 0; text-transform: uppercase; background: none }
#search-form .submit { position: absolute; top:0; right: 25px; border: 0; background: none; height: 56px; line-height: 56px; color: #666; font-size: 24px; }


@media (max-width:767px) { 
	.dropdown button, #search-form { padding: 0 25px 0 15px; font-size: 12px;  } 
	#search-form .submit { height: 40px; line-height: 40px; }
}



a.more { color: #3a7b91; border-bottom: 1px solid #3a7b91; text-decoration: none  }
a.more:hover { border-bottom-color: white  }

.list-sitemap > li { font-weight: 700; margin-bottom: 10px; }
.list-sitemap ul li { font-weight: 500 }

@media (min-width:768px) { 
.list-sitemap { -moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count: 2; column-gap: 2.5em; }
.list-sitemap li { break-inside: avoid-column; -webkit-column-break-inside: avoid; }
}


.event-info { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 15px 0; margin-bottom: 40px; }
.event-info p.meta { margin-bottom: 15px; }


.tab-pane { padding-top: 20px; }

/* Summary Listings 
----------------------------------*/

.item:hover figure { opacity: 0.7 }
.item a:hover h3 { color: #bd3023  }

.item-summary > a:hover h2, .item-summary > a:focus h2 { color: #bd3023 }

.item-project { margin-bottom: 30px; }
.item-project .wrap { padding: 12px 12px 1px; background: white }
.item-project figure { /*height: 200px;*/ margin-bottom: 15px; }
.item-project .text { padding: 0 5px; }
.item-project h3 { margin-bottom: 5px; }
.item-project h3, .item-project h3 a { width: 100%; display: block; }
.internal .item-project h3 a { font-weight: 500 }

.item-feed { padding-top: 15px; border-bottom: 1px solid #ccc; clear: both }
.item-feed p { margin: 0 0 15px; }
.item-feed figure { margin-bottom: 15px; }
.item-feed figure img { margin-top: 5px; }
.item-feed a { color: #333; }
.item-feed a:hover, .item-feed a:focus { color: #bd3023 }

.date-icon { text-align: center; background: #3a7b91; width: 45px; line-height: 12px; padding: 5px 0; color: #fff; text-transform: uppercase; font-size: 12px; float: left; display: inline; margin: 5px 20px 10px 0; }
.event-details { margin-left: 65px;}
.date-icon strong { display: block; font-size: 22px; line-height: 22px; }
a:hover .date-icon, a:focus .date-icon { background: #bd3023 }

.item-news { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
.item-news h2 { margin-bottom: 10px; }
.item-news > a { display: block; color: #000 }

.item-page { margin-bottom: 50px; }
.item-page figure { background: #666; background-size: cover; background-repeat: no-repeat; min-height: 200px; position: relative }
.item-page h3 { background: #fff; position: absolute; bottom: 0; left:0; margin: 0; width: 80%; padding: 8px 10px 0 15px; font-size: 16px; line-height: 22px; text-transform: uppercase }

.item-publication { border-bottom: 2px solid #dedcdc; margin-bottom: 20px; }
.item-publication h2, .item-publication .meta { margin-bottom: 5px; }
.item-publication figure { max-width: 200px;  }
.item-publication figure .wrap { text-align: center; padding: 3px; max-width: 130px; box-shadow: 0 0 2px 2px #bbb; margin: 10px 0 15px;  }
	
.summary p:last-of-type { display: inline; }
.summary { margin-bottom: 25px; }
.summary .read-more { color: #666; font-size: 14px; text-transform: uppercase; font-weight: 700; white-space: nowrap }
.summary .read-more:hover, .summary .read-more:focus { color:#bd3023  }
.summary .read-more::after { content: "-"; margin-left: 10px; height: 18px; width: 18px; line-height: 18px; text-align: center; color: #fff;
    background: #bd3023; border-radius: 9px; display: inline-block; font-size: 18px; }
.summary .read-more.collapsed::after { content: "+"; }

.read-more .more {display: none; }
.read-more.collapsed .less { display: none }
.read-more.collapsed .more { display: inline }

.download-icon { text-align: center; width: 45px; margin-right: 15px; padding-top: 5px; }
.download-icon .fa-circle { color: #505054 }
.download h5 { color: #000; font-weight: normal; margin: 0; line-height: 28px; }
.download a h5 { color: #000; text-decoration: none;  }
.download a h5 span { border-bottom: 1px solid #000; line-height: 17px; }
.download a:hover h5 span, .download a:focus h5 span { border-color: #bd3023; }
.download a:hover .fa-circle, .download a:focus .fa-circle, .download a:hover h5, .download a:focus h5, .download h5 a:hover, .download h5 a:focus { color: #bd3023; }
.file-meta { color: #757575; font-style: italic; font-size: 14px; text-transform: uppercase; margin: 0; }
@media (max-width:767px) { .download a h5 span { border: 0; text-decoration: underline; } }

.download-details { margin-left: 60px;  }


/* Content Blocks 
----------------------------------*/

.content-block { margin-bottom: 25px; }

.block-gallery { position: relative; margin-bottom: 35px; clear: both }
.block-gallery .launch-icon { position: absolute; bottom:0; right:0; width: 40px; height: 40px; color: #fff !important; text-align: center; line-height: 40px; font-size: 22px; background: #666 }
.block-gallery  .launch-icon .fa { color: #fff !important; }

.block-boxes { padding-top: 15px; margin-top: 60px; }
.block-boxes .even .wrap { float: right }
.item-box { margin-top: -16px; margin-bottom: 15px;  }
.item-box .wrap { border-top: 1px solid #a8cfdc; border-bottom: 1px solid #a8cfdc; padding: 10px 0 0; }
.item-box a { color: #000; }
.item-box a:hover h3, .item-box a:focus h3 { color:#bd3023 }
.item-box h3 { font-size: 17px; line-height: 31px; margin-bottom: 0px; }
.item-box .wrap { max-width: 295px;   } 

.block-listing figure img { margin: 5px 0 15px }

@media (max-width:767px) { 
	.block-boxes { margin-top: 30px; }
}


.panel { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.panel-heading p { margin-bottom: 15px }
.panel-body > .content-block { padding-top: 15px; }

/* Forms
----------------------------------*/
textarea:focus, input:focus, select:focus  { outline: none; }
input.form-control:focus, select.form-control:focus, textarea.form-control:focus { border-color: #000; outline: none }
select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

.form-group { clear: both }

.formSubmission .form-group { margin-bottom: 20px; }

.formSubmission input.form-control, .formSubmission select.form-control, .formSubmission textarea.form-control { border: 0; border-radius: 0; border: 1px solid #ccc; box-shadow: none; padding: 8px 10px;  color: #000;}
.formSubmission input.form-control, .formSubmission select.form-control { height: 40px; }

.formSubmission .control-label { padding-top: 7px; font-size: 15px; line-height: 25px; font-weight: normal }
.formSubmission .control-label .note { color: #666; font-size: 13px; display: block }
.formSubmission h3 { margin-bottom: 0; }
.formSubmission .btn-submit { padding: 15px 30px; }
.formSubmission textarea { resize: none }

label.error { font-weight: normal; font-size: 12px; line-height: 18px; color: #c00; font-weight: bold; margin: 0; padding: 0; }
input.error, select.error, textarea.error { border-color: #c00 !important; }




/*=================================================================
	Page & Section Variations
=================================================================*/

.internal #main { background: #f2f2f2; position: relative;  }
.internal #banner {  position: absolute; z-index: 1; width: 100%; }
.internal #pageTitle { position: relative; z-index: 999; margin-top: 97px; }
.internal #pageTitle h1 { margin-left: 30px; margin-bottom: 15px; }
.internal #content { position: relative; z-index:200; background: #fff  }
.internal .container-bg-outer { background: none }

.noBanner #pageTitle { margin-top: 119px; }

.landingPage .intro { color: #3a7b91; font-size: 30px; line-height: 1.25em  }

#header.bg { border: 0; background: #3a7b91; padding: 25px 0 10px }
#header.bg h1, #header.bg a { color: #fff }

/*.internal { position: relative }
.internal #banner {  position: absolute; z-index: 100; width: 100%; }
.internal #content { margin-top:0; background: none; z-index: 200; position: relative }
*/
#page-projects #pageTitle { background: #fff; margin: 0; padding:30px 0 20px; }
#page-projects #pageTitle h1 { color: #000; margin-bottom: 30px; }
#page-projects .section-heading h2 { text-transform: none; color: #000 }
#page-projects .section-heading h2 p { margin: 0; }

#page-article #pageTitle { position: relative; z-index: 888 }
#page-article #pageTitle h1 { display: none;  }
#page-article #banner { height: 470px; }

@media (max-width:767px) {
	.internal #banner{ position: relative }
	.internal #pageTitle { margin-top: 20px; }
	.internal #pageTitle h1 { margin-left: 15px; margin-bottom: 0; }
	#page-article #pageTitle { margin-top: 0;  }
	.internal #main { background: #fff; }
	.internal #extra { background: #f2f2f2 } 
	.content-wrapper { margin: 0 15px 0 15px; }
	#page-projects .item-project, #extra .item-project { max-width: 365px; margin: 0 auto 15px; }
	#page-projects #pageTitle h1 { margin-bottom: 15px; }	
	.hasBanner #banner { height: auto !important; background: none !important }
	.hasBanner #banner img.hidden { display: block !important; min-width: 100%; height: auto; }
}


@media (min-width:768px) {
	.hasBanner #banner { height: 470px;  }
	.hasBanner #pageTitle { margin-top: 120px; color: #fff}
	.noBanner #pageTitle h1 { color: #fff; }
	.content-wrapper { margin: 0 40px 0 60px; }
	#page-article.noBanner #title { margin-top: 100px; }
	#page-article #title { margin-top: 0px; top:0; }
	#page-article #text h1 { margin-bottom: 50px; }
}


@media (min-width:768px) and (max-width:992px) {
	#extra .last { display: none }
}
	

#page-newsletter #newsletter { display: none }
#page-newsletter .subscribe .email { border: 0; border-radius: 0; border: 1px solid #000; box-shadow: none; padding: 2px 10px;  color: #000; }
#page-newsletter .subscribe .submit { background: none; border: 0; }


/*=================================================================
	Homepage
=================================================================*/
#page-home #main { background: #fff }
#hero { margin: 15px 0; background: #fff }
#hero .container { position: relative }
#hero h1 { position: absolute; top: 50%; right:20%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; max-width: 30%; }
@media (max-width:991px) { #hero h1 { font-size: 35px; } }
@media (max-width:767px) { #hero h1 { font-size: 30px; max-width: 40%; right:10%; } #hero { margin:0; } #hero .container { padding: 0; } }
@media (max-width:480px) { #hero h1 { font-size: 20px; } }

#slider { position: relative }
.owl-stage-outer { width: 100%;  }
.slider-arrow, .owl-prev, .owl-next { position: absolute; top:160px; left: -10px; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; border: 1px solid #ccc; color: #000; font-size: 24px; z-index: 9999 }
.slider-arrow:hover, .slider-arrow:focus { opacity: 0.7; color: #000; }
#next, .owl-next { left: auto; right: -10px; } 
.slide { width: auto; height: auto; max-width: 33%; }
.slide article, #projects .owl-item article.item-project { width: 100% !important; white-space: normal  }
.owl-item h3 a { display: block; width: 100% }
@media (max-width:767px) { 
	#slider { margin: 0 10px; }
	.slider-arrow, .owl-prev, .owl-next { left: 0; top:165px;  }
	#next, .owl-next { left: auto; right: 0px; } 
	#projects .section-heading a { margin-right: 15px; }
}
@media (max-width:480px) { 
	.slider-arrow, .owl-prev, .owl-next { top:125px;  }
}


/*#projects .owl-nav { display: block }*/
/*=================================================================
	Responsive Specific
=================================================================*/


/* Mobile */
@media (max-width:767px) {
}

/* Above Mobile */
@media (min-width:768px) {
	#text { min-height: 500px; }
}

/* Above Tablet */
@media (min-width:1024px) {
		
}

/* Above Large Desktop */
@media (min-width:1200px) {
	
}

/* Custom Large Breakpoint */
@media (min-width:1440px) {
	.container { width: 1220px; }
}



/* Print
====================================================*/

@media print { 
	#utility, #primary, #related, #subnav, .video-block, .paging, #extra { display: none !important }
	#content, #main, #sidebar, .container, .row { width: 100% !important; padding: 0 !important; margin-top:0 !important; margin-bottom: 0 !important; float: none;  }
}