/*----------------------------CSS RESET----------------------------*/
*,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol,ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,body {
    height: 100%;
}

:focus,:active {
    outline: 0;
}

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

.hidden {display: none;}
::selection {
    background: #1a1a38;
    color: #fff;
    /* WebKit/Blink Browsers */}

::-moz-selection {
    background: #1a1a38;
    color: #fff;
    /* Gecko Browsers */}

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

.screen-reader-text {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);}

body {
    font-family: 'Lato',sans-serif;
    background: #fff;
    color: #000;
    line-height: 1.45;
    font-weight: 400;
    font-size: 20px;}

strong, b{font-weight: 700;}

i, em {font-style: italic;}i, em {font-style: italic;}

p {margin-bottom: 1.2em;}

a {color: inherit;text-decoration: underline;}

.center{text-align: center;}

h2, h3, h4 {text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-weight: 400;
    margin-bottom: 1em;}

h2{font-size:26px;
    font-weight:900;
    color:#d06a13;}

.bg h2{
    color:#fff;}

h3{font-size:18px;}



a{-moz-transition: color 0.25s ease;
    -ms-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;}

ul  {list-style: disc outside none; 
    margin-bottom: 20px;
    padding-left: 1em;
    margin-left: 0; }
ul li{
    padding-left: 0.1em;}


ul.themes{
    padding-left: 0;
    list-style: none;
    margin-bottom: 0px}

ul.themes li{
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}

ul.themes li a{text-decoration: none;}


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

.logo {
    padding:60px 20px 20px 20px;
    position:absolute;
    width:150px;
    background: #fff;right:0;z-index: 3;
     -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;cursor: pointer;}

.logo:hover {background: #ededed;}


.logo img {width:100%;}

.logo-wrapper{width:90%;max-width: 1200px; position: relative;margin: auto;}

#nav-main  {
    width:90%;max-width: 1200px; margin: auto;}

#nav-main ul{
    text-align:left;
    list-style:none;
    margin-bottom: 0px;
    padding-left: 0;}
#nav-main ul li{
    float:left;
    margin-right: 20px;
    font-weight:400;
    height:45px;
    line-height: 45px;
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}

#nav-main ul li a{
    text-decoration:none;
    color:#fff;
    opacity:0.9;}

#nav-main ul li a:hover, ul.contact a:hover{
    color:#fff;
    opacity: 1;}

#nav-main ul li.on a{
    text-decoration:none;
    color:#fff;
    font-weight: 900;
    opacity: 1;}


/*----------------------------main----------------------------*/

.header{position: relative;}


.logos, .wrapper{
    width:90%;
    max-width: 1200px; 
    margin: auto;
    padding:60px 0;}


.narrow-wrapper, .themes-wrapper{
    width:70%;
    max-width: 960px; 
    margin: auto;
    padding:60px 0;}

.banner{position: relative;
    background:#4d6992;
    padding-top: 40px;
    padding-bottom: 30px;}


.banner-withimage::before, .banner-home::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;}

.banner-home::before {background-color: rgba(0, 0, 0, .2);}

.banner-text{
    position: relative;
    color:#fff;
    width:70%;
    border-left:2px solid #fff; 
    padding-left:20px;  
    z-index: 2;}

.banner-text p{margin-bottom: 0;}

.banner-home .banner-text{
    width:55%;}

.banner-text h1{
    text-transform: uppercase;  
    letter-spacing: 0.3rem;
    font-weight: 900;
    font-size: 42px;
    line-height:1.2;
    margin-bottom: 20px;}


.banner-home .wrapper{
    padding-bottom: 180px;}

.banner-home{
    padding-top:50px;padding-bottom: 0;}


.nav-wrapper{
    width:100%;
    background: #d06a13; 
    color: #fff;
    text-transform: uppercase; 
    font-size: 14px; 
    letter-spacing: 0.1rem;
    height: 45px;}

.bg {width:100%;color: #fff;}
.blue{background:#4d6992;color: #fff;}
.orange{background:#d06a13;color: #fff;}
.green{background:#549b7d;color: #fff;}
.grey{background:#96a2aa;color: #fff;}
.charcoal{background:#3f3f3f;color: #fff;}
.dark-blue{background:#334b72;color: #fff;}


.two-thirds-left {width:64%;float:left;}
.one-third-right {width:31%;float:right;}

.two-thirds-right {width:67%;float:right;}
.one-third-left {width:29%;float:left;}


.one-third-right ul li{margin-bottom: 10px;}


.three-col-wrapper{width: 101%;}

.three-col{
    float: left;
    width:31%;
    margin-right: 3%;}

.three-col.right{
    margin-right: 0;}

.link {
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    font-size: 13px;
    padding-top: 15px;
    color:#d06a13;
    font-weight: 700;}



.link a{margin-right: 10px;}

.link-arrow {
    text-transform: uppercase;
    letter-spacing: 0.12rem;
    font-size: 14px;
    padding-top: 15px;
    display: inline-block;
    background: url('../images/icons/arrow-right.png') right center no-repeat;
    background-size:7px 12px;
    padding: 5px 15px 5px 0;}

.link-arrow a{text-decoration: none;}
.link-arrow a:hover{text-decoration: underline;}

p.intro {
    font-weight: 700; 
    font-size: 26px;}



p.intro-with-line{
    font-weight: 700; 
    font-size: 26px;
    border-left:2px solid #4d6992; 
    padding-left:20px;
    color: #4d6992;}


.bg p.intro-with-line {color:#fff;border-left:2px solid #fff;}

p.subheading {
    font-size: 21px;}

p.small{font-size: 13px;}
div.small{font-size: 13px;}


a.backbutton, a.backbutton:hover{
    display: inline-block;
    text-transform:uppercase;
    letter-spacing: 0.1rem;
    font-size: 12px;
    text-decoration: none;
    background: url('../images/icons/arrow-left.png') left 8px center no-repeat;
    background-size:7px 12px;
    background-color: #4d6992;
    padding: 8px 15px 8px 25px;
    border-radius: 4px;
    color: #fff;
    margin-top: 20px;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    margin-bottom: 20px;}

a.backbutton:hover{
    background-color: #334b72;}


a.go-button, a.go-button:hover, .bg a.go-button, .bg a.go-button:hover{
    display: inline-block;
    text-transform:uppercase;
    letter-spacing: 0.1rem;
    font-size: 12px;
    text-decoration: none;
    background: url('../images/icons/arrow-right.png') right 12px center no-repeat;
    background-size:7px 12px;
    background-color: #d06a13;
    padding: 8px 30px 8px 15px;
    border-radius: 4px;
    color: #fff;
    margin-top: 20px;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    }


a.go-button:hover{
    background-color: #bc5006;}

.bg a.go-button{background-color: #bc5006;}

.bg a.go-button:hover{background-color: #aa4d0e;}

.footer a.go-button, .footer a.go-button:hover{
    background-color: #4d6992;
    margin-top: 0;}

.footer a.go-button:hover{background-color: #96a2aa;}

/*----------------------------HOME----------------------------*/


.home-blocks{
    position: relative;
    margin-top: -140px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 40;
    margin-bottom: 60px;
    list-style: none;
    padding-left: 0;}

.home-blocks li{
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;
    margin-bottom: 0;
    }   



.home-blocks li p{
    width:76%;
    padding:20px 16% 10px 8%;
    background: url('../images/icons/arrow-diag.png') no-repeat top 20px  right 8%;
    background-size:20px 20px; 
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size:18px;
    font-weight: 700;}

.home-blocks li img{position:relative;width: 100%;}
 

.home-blocks li a{display: block; text-decoration: none;}

.home-blocks li.orange:hover {background: #bc5006;}
.home-blocks li.green:hover {background: #3e876f;}
.home-blocks li.grey:hover {background: #778287;}


.news{
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0;}

.news li{ 
    margin-bottom:9%;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}

.news li img{
    width: 100%;
    height:auto;
    margin-bottom: 20px;}

.news li p{
    font-size: 20px;
    margin-bottom:0;
    padding-bottom: 25px;}

.news a{
    padding:6%;
    color: #fff;
    text-decoration:none;
    display:block;}

.web{position:relative; background:#4d6992;}
.event{position:relative; background:#96a2aa;}
.presentation{position:relative; background:#d06a13;}
.publication{position:relative; background:#549b7d;}
.working-paper{position:relative; background:#3f3f3f;}


.web::after{
    content: 'on the web';
    background: #334b72;}

.event::after{
    content: 'event';
    background: #778287;}

.publication::after{
    content: 'academic publication';
    background: #3e876f;}

.presentation::after{
    content: 'presentation';
    background: #bc5006;}

.working-paper::after{
    content: 'working paper';
    background: #222;}

.web::after, .event::after, .presentation::after, .publication::after, .working-paper::after{
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 6px 9px 6px 9px;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 12px;}


.web:hover{background: #334b72;}
.event:hover{background: #778287;}
.publication:hover{background: #3e876f;}
.presentation:hover{background: #bc5006;}
.working-paper:hover{background: #222;}

.themes-list h3{font-weight: 900;padding-top: 5px;}

.themes-list li a:hover{text-decoration: underline;}


/*----------------------------about ----------------------------*/

.team{
    padding-left: 0;border-top:1px solid #8e9db2;list-style: none;margin-bottom: 0px;margin-top: 40px;}

.team li{
    position:relative;
    padding:50px 0;
    border-bottom:1px solid #8e9db2;
    list-style-type: none;
    text-indent: 0;}

.team li.last {border-bottom:0;}

.team li img{
    width:25%;
    float:left;
    margin-right: 5%;}

.team h3{margin-bottom: 10px;font-weight: 900;}

.team li .link{color: #fff;}

a.about-hideLink, a.about-showLink, a.presentation-hideLink, a.presentation-showLink{
    text-transform:uppercase;
    letter-spacing: 0.1rem;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    border-radius: 4px;
    color: #fff;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;}

a.about-showLink{
    padding: 7px 35px 7px 10px;
    background: url('../images/icons/down.png') right 10px center no-repeat #334b72;
    background-size:17px 10px;
    bottom:50px;
    left: 30%;}

a.about-hideLink{
    padding: 7px 32px 7px 10px;
    background: url('../images/icons/close.png') right 10px center no-repeat #334b72;
    background-size: 13px 13px;
    bottom:50px;
    left: 30%;}



a.about-showLink:hover, a.about-hideLink:hover{
    background-color: #263d60;}




.team .more{margin-bottom: 60px;}




.funder{
    padding-left: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
    padding-bottom: 30px;}

.funder li{margin-top: 30px;    
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}
.funder.no-line{border-bottom: 0;margin-bottom: 0px;}

.funder h3{color:#4d6992;}

.funder-text {float:left;width:70%;}
.funder img{width:15%;float:right;}



/*---------------------------themes & image links----------------------------*/
.image-links-grid{

    width:100%;
    margin-top: -10px;
    padding-left: 0;}


.image-links-grid li{     
    width:48%;
    float:left;
    margin-right: 4%;
    margin-top: 3vw;
    list-style-type: none;
    text-indent: 0;    
    text-align: center;   
    height: 160px;
    padding-left: 0;  
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;  }


.image-links-grid li.right{margin-right: 0;}

.image-links-grid li h3{
    width:50%;
    text-align: center;
    padding:0 5%;
    margin-bottom: 0;}

.image-links li{
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    position: relative;
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}

.image-links li span{
    position: absolute;
    right:0;top:0;
    height:100%;}

.image-links-grid li span{
    width:40%;}

.image-links-list li span{
    width:30%;}

.image-links-list{
    padding-left: 0;}

.image-links-list li{
    width:100%;
    margin-bottom: 50px;}

.image-links-list li.last{
    margin-bottom: 0px;}

.image-links-list li div{
    width:62%;
    text-align: left;
    padding:30px 4%;
    margin-bottom: 0;}

.image-links-list li h3 {text-align: left;font-weight:900;font-size: 21px;}

.image-links-list li a {display: block; text-decoration: none;cursor: pointer;}

.image-links li.blue:hover{background: #334b72;}
.image-links li.grey:hover{background: #778287;}
.image-links li.green:hover{background: #3e876f;}
.image-links li.orange:hover{background: #bc5006;}
.image-links li.charcoal:hover{background: #222;}


.image-links-list .link-arrow{
    padding: 5px 15px 5px 0;
    margin-bottom: 0;}




/*---------------------------events----------------------------*/

.events{
    padding-left: 0;border-top:1px solid #ddd;list-style: none;
    margin-bottom: 0px;margin-top: 30px;}
.bg .events{border-top:1px solid rgba(255,255,255,0.5);margin-top: 30px;}

.events li{
    position:relative;
    padding:50px 0;
    border-bottom:1px solid #ddd;
    list-style-type: none;
    text-indent: 0;}
.bg .events li{
    border-bottom:1px solid rgba(255,255,255,0.5);}

.events li.last {border-bottom:0;padding-bottom: 20px;}

.events li img{
    width:25%;
    float:left;
    margin-right: 5%;}

.events li div {position: relative;width: 70%;float: left;}

.events h3{font-weight: 700; color:#d06a13;font-size:21px;margin-bottom:5px;}
.bg .events h3{color:#fff;}

.events li p{margin-bottom: 20px;}



.one-third-left ul{
    border-bottom: 1px solid #ddd;list-style: none;
    padding-left: 0;}
.one-third-left ul li
    {text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 14px;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}


/*---------------------------research----------------------------*/

.entry {
    position: relative;
    padding-bottom:30px;
    border-bottom:1px solid #ddd;
    margin-bottom: 40px;}

.date {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;}

.entry h2{margin-bottom: 25px;}

.pagination{
    float: right;
    padding-top:25px;    
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 13px;}

.pagination a{
    width:7px;
    height:12px;
    text-decoration: none;
    color:#d06a13;
    padding:0px 5px;
    font-size: 20px;}

 .pagination a.older{
    background: url('../images/icons/arrow-back.png') center top 10px no-repeat;
    background-size:7px 12px;
    padding-right: 20px;}

 .pagination a.newer{
    background: url('../images/icons/arrow-forward.png') center top 10px no-repeat;
    background-size:7px 12px;
    padding-left: 20px;}


h2.presentation-title{margin-bottom: 8px;}

p.presentor{text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 700;}

a.presentation-showLink{
    padding: 7px 35px 7px 10px;
    background: url('../images/icons/down.png') right 10px center no-repeat #d06a13;
    background-size:17px 10px;
    left:0;
    bottom:40px;}

a.presentation-hideLink{
    padding: 7px 32px 7px 10px;
    background: url('../images/icons/close.png') right 10px center no-repeat #d06a13;
    background-size: 13px 13px;
    left:0;
    bottom:40px;}

a.presentation-hideLink:hover, a.presentation-showLink:hover {
    background-color: #bc5006;}

.more{margin-bottom: 50px;}

.presentations .video-container{padding-top:10px;padding-bottom:20px;}
.presentations .image-wrapper{padding-top:10px;padding-bottom:20px;}

.presentations .link{padding-bottom: 20px;padding-top: 5px;}

.presentations .entry{padding-bottom: 25px;}




/*---------------------------content types----------------------------*/

/*----gallery----*/

.image-gallery {
    position: relative;padding-top: 0px; margin-bottom: 30px;}

.gallery-link{position: relative;}

.gallery-link img{
    display: block;
    position: relative;
    width:100%;
    height: auto;
    z-index: 11;}


.gallery-link::before {
    position: absolute;
    content:"";
    display: block;
    height: 100%;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 12;    
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;}

.gallery-link::after{
    position: absolute;
    content: 'View image gallery';
    background: url('../images/icons/camera.png') center left 10px no-repeat #d06a13;
    background-size: 29px 25px;
    padding: 0 20px 0 50px;
    bottom: 0;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -110px;
    width:150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 11px;
    z-index:700;}

.image-gallery a:hover .gallery-link::before {
    background-color: rgba(0, 0, 0, .6);}

.image-gallery a{text-decoration: none;color: #fff;}

/*----single----*/

.image-wrapper{padding:0px 0 40px 0;}

.single-image img{
    width: 100%;
    height: auto;display: block;}

.caption{
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 12px;
    padding-top:15px;
    clear: both;
    margin-bottom: 0;}

.double-image img{
    width: 50%;float:left;
    height: auto;display: block;
    outline:1px solid #fff;}


.blue .double-image img{
    outline:2px solid #4d6992;}


.orange .double-image img{
    outline:2px solid #d06a13;}

.green .double-image img{
    outline:2px solid #549b7d;}


.grey .double-image img{
    outline:2px solid #96a2aa;}

/*----video----*/

.video-container{
    padding-top: 0px; 
    width:100%;
    height:auto;
    margin:auto;
    padding-bottom:40px;}

.video{
    margin-bottom:0px;position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 6px;
	height: 0;}
	
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}



.on-the-web .link{padding-top:0px;margin-top: -10px;}


.text-block{padding-bottom: 20px;}


/*---------------------------search----------------------------*/


p.search{
    position: relative;
    z-index: 49;
    float: left;
    padding-right: 350px;
    margin-bottom: 0;width:50%;}

.search-box {position: relative;float:right;z-index: 50;width:50%;}

.search-box form{position: absolute;right: 0;}

input {outline: none;}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;}

input::-webkit-search-decoration,input::-webkit-search-cancel-button {
    display: none;}

input[type=search] {
    background: #fff url(../images/icons/search.svg) no-repeat right 9px center;
    border: none;
    padding: 0px 38px 0px 10px;
    width: 200px;
    height:40px;
    line-height:38px;}

input[type=search]:focus {
    background-color: #ededed;
    border: none;}

input:-moz-placeholder {color: #000;}

input::-webkit-input-placeholder {color: #000;}


input[type=submit] {
    background-color: #d06a13;
    border: none;
    border-radius: 3px;
    text-align:center;
    padding: 0px 10px 0px 10px;
    color:#fff;
    -webkit-appearance: none;
    margin-left: 10px;
    height:40px;
    line-height:38px}


input[type=submit]:hover, input[type=submit]:focus {
    background-color: #bc5006;
    border: none;cursor:pointer;}



/*---------------------------nav-mob----------------------------*/

#nav-mobile {
    z-index:900;
    position: relative;
    display: none;
    width:100%;}

#nav-mobile ul {
    position: absolute;
    display: none;
    list-style-type: none;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #fff; 
    opacity:1;
    float:right;
    border-bottom:1px solid #ededed;
    top:40px;
    margin-left:0;
    padding-left: 0;}

 #nav-mobile li {
    display: block;
    margin: 0;
    border-top:1px solid #ededed; padding-left: 0;}

 #nav#nav-mobile li:last-child {
    border-bottom: none; }

 #nav-mobile a {
    display: block;
    color: #000;
    padding: 10px 0 10px 0;
    text-decoration:none;
    font-size:16px; }
    
#nav-mobile a:hover {
    background-color: #efefef;
    color: #000;}


/*----------------nav menu button-----------------*/


#nav-trigger {
    position: relative;
    display:none;
    text-align:left;
    padding-top:14px;
    padding-left: 5%;
    width:60px;
    z-index: 40;
    }
 
#nav-trigger span.icon {
    color: #000;
    background:url('../images/general/hamburger.png')no-repeat;
    background-size:30px 30px;
    cursor: pointer;
    padding:7px 16px;}

 #nav-trigger span:after {
    display: inline-block;
    content: "";}
      
#nav-trigger span:hover {
    opacity:0.5;}
    
#nav-trigger span.open:after {}


/*----------------------------footer----------------------------*/


.footer h3{color: #96a2aa;}

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

.footer p{font-size: 18px;}

.twitter ul{
    padding-left: 0;list-style:none;margin-bottom: 0px;}

.twitter ul a {text-decoration:none;}
.twitter ul a:hover{color: #96a2aa;}
.twitter ul{margin-bottom: 20px;}
.twitter ul span{display:block;color: #96a2aa;font-size: 16px;}

.twitter ul li{
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;
    margin-bottom: 20px;font-size: 18px;}

.eu, .privacy{color:#96a2aa;margin-top: 30px;}
.eu p, p.privacy{font-size: 16px;}
.eu img{width:60px;height:40px;float:left;margin-right: 8px;}


.logos {
    list-style:none;
    background: #fff;
    padding: 60px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
    padding-left: 0;}

.logos li {
    margin-right: 6%;
    list-style-type: none;
    text-indent: 0;
    padding-left: 0;}

.logos li.last{margin-right: 0;}

.logos li img{width: 100%;}

.logos li.uoe{width:12%;}
.logos li.kcl{width:10%;}
.logos li.khp{width:29%;}
.logos li.ii{width:16%;}
.logos li.erc{width:9%;}

/*----------------------------Go to the top----------------------------*/

.go-top {
	position: fixed;
    z-index: 1000;
	bottom: 1.5em;
	right: 1.5em;
	text-decoration: none;
	color: white;
	background:url('../images/icons/arrow-back-up.svg') no-repeat center;
	background-size:12px 25px;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding:12px 20px 12px 20px;
	display: none;
    border-radius:4px;}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);}