html, body{
	font-size: 20px;
	position: relative;
	font-family: 'Roboto';
	font-weight: 300;
	color: #333333;
	/*overflow-x: hidden;*/
	background-color: #F7F7F7;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

b{
	font-weight: 600;
}

a{
	font-weight: 500;
	color: inherit;
	text-decoration: initial;
}

.gm-style .gm-style-iw-tc{
	top: 0 !important;
}

.gm-style-iw-chr {
    position: absolute;
    z-index: 1000;
    right: 0.2rem;
}

a:hover{
	color: inherit;
}
.mobile{
	display: none !important;
}

.menu{
    position: fixed;
    z-index: 5000;
    height: 103vh;
    width: 35%;
    background-color: #333333;
    right: 0px;
    right: -45%;
    color: #ffffff;
    padding: 2.45rem 0rem;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.menu a:hover{
	text-decoration: none;
}

.menu.visible{
	right: 0px;
}

.menu .close-btn{
	position: absolute;
    background-color: transparent;
    text-align: center;
    line-height: 1.7rem;
    cursor: pointer;
}

.close-btn, .modal-content .close, .gm-ui-hover-effect{
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; 
	transform: none;
}

.gm-style .gm-style-iw-c{
    max-height: 580px !important;
    padding: 0px !important;
    max-width: 420px !important;
}

.gm-style-iw-d{
	overflow: hidden !important;
	max-height: 550px !important;
}

.gm-style-iw.gm-style-iw-c{
	border-radius: 1.5rem;
}

.gm-ui-hover-effect{
	border-radius: 100px !important;
	right: 0.5rem !important;
	top: 0.5rem !important;
	background-color: #ffffff !important;
	opacity: 1 !important;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; 
	transform: transform: rotate(90deg);
}

.modal-content .close:focus, .gm-ui-hover-effect:focus{
    outline: none !important;
}

.menu .close-btn:hover, .close-btn:hover, .gm-ui-hover-effect:hover, .modal-content .close:hover{
	transform: rotate(90deg);
}

.close-btn:not(.menu .close-btn):hover, .gm-ui-hover-effect:hover, .modal-content .close:hover{
	background-color: #e9e9e9;
}

.modal-content .buttons div:hover{
	background-color: #e9e9e9;
}

.menu .close-btn img{
	filter: brightness(0) invert(1);
}

.menu .wrapper{
	width: 66.5%;
    margin-left: 4rem;
    position: relative;
    height: 90%;
    margin-left: 3rem;
}

.menu .navbar-nav{
	/*flex-direction: row;*/
	width: 100%;
	height: 100%;
}

.biggest-highlight, .biggest-highlight .container.info-data{
	position: relative;
}

.biggest-highlight{
	height: 700px;
}

.biggest-highlight .container.info-data{
	height: 600px;
}

.biggest-highlight{
    overflow: hidden;
}

.biggest-highlight h1{
	font-size: 1.8rem;
	font-weight: 900;
	margin-bottom: 1rem;
}

.biggest-highlight img:not(.navbar img){
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%,-50%);
}

.biggest-highlight .bg-gradient{
	width: 100%;
	height: 100%;
	position: absolute;
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	z-index: 0;
}

.gradient-bg, .bg-img, .bg-gradient{
	width: 100%;
	height: 100%;
	position: absolute;
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)) !important;
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)) !important;
	background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)) !important;
	background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)) !important;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)) !important;
	z-index: 0;
}

.biggest-highlight .info-wrapper{
	color: #ffffff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 0px;
}

.biggest-highlight .info-wrapper .desc{
	margin-bottom: 1.5rem;
}

.btn.lg{
	border-radius: 0.5rem;
    border: 2px solid;
    padding: 0.5rem 1.5rem;
}

.btn.lg.white:hover, .btn.lg:hover{
	color: #333333;
	background-color: #ffffff;
	border-color:#ffffff;
}

.btn.black:hover{
	color: #ffffff;
	background-color: #333333;
}

.navbar{
	/*position: absolute;*/
	z-index: 4999;
	color: #ffffff;
	padding: 1rem 0rem;
    color: #ffffff;
	border-bottom: 2px solid;
}

.global-header .navbar{
	color: #333333;
	margin-bottom: 2.5rem;
}

.global-header .navbar img{
	filter: brightness(0.18) invert(0);
}

.navbar img{
	width: 100%;
}

.navbar-collapse{
	flex-direction: row-reverse;
}

.navbar-nav{
	width: 45%;
    justify-content: space-between;
    font-size: 0.9rem;
    font-weight: 500;
}

.navbar-brand{
	width: 15%;
}

.nav-item{
	cursor: pointer;
}

.menu .nav-item{
	font-size: 2rem;
}

.menu .nav-item{
	margin-bottom: 1.5rem;
	display: none;
}

.menu .nav-item.active{
	display: initial;
}


.nav-item > ul{
	padding-left: 0px;
    list-style: none;
    margin-top: 1.5rem;
    font-weight: 400;
    font-size: 1rem;
}

.nav-item > ul li ul{
	width: 90%;
    font-size: 0.8rem;
    font-weight: 400;
    list-style: none;
    padding-left: 0px;
    /*margin: 0.5rem 0rem 1rem 0rem;*/
    display: flex;
    flex-wrap: wrap;
}

.nav-item > ul li{
	margin-bottom: 0.8rem;
    font-size: 1.2rem;
}

.nav-item > ul li a{
	font-weight: inherit;
}

.nav-item.active{
	font-weight: 700;
}

.nav-item.active > ul{
	display: block;
}

.nav-item > ul li ul li{
	padding: 0.25rem 0px;
}

.section-title{
	display: flex;
	align-items: center;
	margin: 2.5rem 0rem;
}

.section-title span{
	width: 2px;
    background-color: #333333;
    height: 0.9rem;
    margin: 0px 0.5rem;
    /*border-radius: 100px;*/
}

.page .section-title{
	flex-wrap: wrap;
    border-bottom: 2px solid;
    padding-bottom: 0.5rem;
}

.page .section-title span{
	display: none;
}

.section-title h2, .section-title p{
	margin-bottom: 0px;
}

.highlights .card{
	border: none;
	padding: 1rem;
	border-radius: 1.5rem;
	margin-bottom: 1.5rem;
	height: 11.3rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.highlights .card img{
	position: absolute;
	z-index: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0px;
    left: 0px;
}


.highlights .card .desc{
	font-size: 0.8rem;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; 
	position: relative;
	bottom: 0rem;
	opacity: 1;
}

.highlights .card:hover .desc{
	opacity: 0;
	position: absolute;
	bottom: 2rem;
}

.highlights .card:hover{
	color: #ffffff;
}

.highlights .card:hover .bg{
	opacity: 0;
}

.highlights .card:hover .custom-link{
	color: #ffffff;
}

.highlights a:not(.custom-link){
	font-weight: inherit;
}

.highlights .card .bg{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    height: 100%;
}

.highlights .card .bg-dark, .around-the-world .card .wrapper .bg-dark, .about-the-hub .bg-dark{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
	background: transparent linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 69%, rgb(0,0,0,0.7) 100%) 0% 0% no-repeat padding-box !important;
}

.about-the-hub .bg-dark{
	opacity: 1;
	background: transparent linear-gradient(240deg, rgb(16,20,23,0) 0%, rgba(22,36,51,0.7) 100%) 0% 0% no-repeat padding-box !important;
}

.about-the-hub .container, .about-the-hub .col-6{
	padding: 0px;
	position: relative;
	z-index: 1;
}

.highlights .card:hover .bg-dark, .around-the-world .card .wrapper .bg-dark{
	opacity: 1;
}

.around-the-world .card .wrapper .bg-dark{
	background:transparent linear-gradient(180deg, rgb(22,36,51,0) 0%, rgb(22,36,51,0.85) 100%) 0% 0% no-repeat padding-box !important;
}

.highlights .card h2{
	font-size: 1rem;
	position: relative;
	bottom: 0;
	margin-bottom: 0.5rem;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.highlights .card:hover h2{
	position: absolute;
    z-index: 1;
    bottom: 2.5rem;
    width: calc(100% - 2rem);
}

.highlights .card h2, .highlights .card .desc{
	position: relative;
	z-index: 1;
}

.highlights .top.row{
	margin-bottom: 0rem;
}

.highlights .card .custom-link, .white-box .read-more, .hr-container .read-more, .g-map-wrapper .city-info .custom-link{
	color: #909090;
	font-size: 0.8rem;
	font-weight: 500;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}

.hr-container .share{
	font-size: 0.8rem;
    color: #333333;
    font-weight: 400;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 1rem;
}

.hr-container .share img, .hr-container .share i{
	margin: 0rem 0.2rem;
}

.hr-container .share a:nth-of-type(1) img, .hr-container .share a:nth-of-type(1) i{
	margin-left: 0.5rem;
}

.hr-container .share a:last-child img{
	padding-bottom: 0.25rem;
}

.nav-item li, .highlights .card .custom-link.underline, .white-box .read-more.underline, .hr-container .read-more, .g-map-wrapper .city-info .custom-link, .nav-item, .story-card .read-the-story, .team-member .more{
	background-size: 0% 2px;
	padding-bottom:2px;
}

.nav-item li{
	width: auto;
}


.nav-item li:hover, .highlights .card:hover .custom-link.underline, .white-box .read-more.underline:hover, .nav-item:hover, .hr-container .read-more:hover, .g-map-wrapper .city-info .custom-link:hover, .story-card:hover .read-the-story, .team-member .wrapper:hover .more{
	display: inline-block;
	padding-bottom:2px;
	background-image: linear-gradient(#ffffff,#ffffff);
	background-position: left bottom; /* OR left bottom*/
	background-size: 100% 2px;
	background-repeat: no-repeat;
	transition: background-size 0.5s;	
}

.global-header .nav-item:hover, .story-card:hover .read-the-story{
	background-image: linear-gradient(#333333,#333333);
}

.global-header .navbar-light .nav-item:hover{
	background-image: linear-gradient(#ffffff,#ffffff);
}

.team-member .wrapper:hover .more{
	background-image: linear-gradient(#487ab6,#487ab6);
}

.menu.visible .nav-item:hover{
	background-image: none;
}

.white-box .read-more, .g-map-wrapper .city-info .custom-link{
	right: 1rem;
	bottom: 0.5rem;
}

.white-box .read-more{
    position: relative;
    display: inline-block;
    float: right;
    right: 0px;
}

.g-map-wrapper .city-info .custom-link{
	font-size: 0.7rem;
}

.hr-container .read-more{
	font-size: 1rem;
	position: relative;
	right: 0px;
	font-weight: 500;
	display:inline-block;
	margin-top: 0.5rem;
}

.white-box .read-more.underline:hover, .hr-container .read-more:hover, .g-map-wrapper .city-info .custom-link:hover{
	color: #333333;
	background-image: linear-gradient(#333333,#333333);
}

h1, .h1{
	font-size: 1.8rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.post-content h1, .post-content .h1{
	font-size: 1.4rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

h2, .h2{
	font-size: 1.4rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.post-content h2, .post-content .h2{
	font-size: 1.3rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

h3, .h3{
	font-size: 1.3rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.post-content h3, .post-content .h3{
	font-size: 1.2rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

h4, .h4{
	font-size: 1.2rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

h5, .h5{
	font-size: 1.1rem;
	margin-bottom: 1rem;
	font-weight: 600;
}


h6, .h6{
	font-size: 1rem;
	margin-bottom: 1rem;
	font-weight: 600;
}
.sec-2 .white-box{
	background-color:#FFFFFF;
	border-radius: 1.5rem;
	padding: 1.5rem;
	font-size: 0.8rem;
	line-height: 1rem;
	position: relative;    
	top: -4.2rem;
	box-shadow: 0px 0.5px 10px rgba(0,0,0,0.06);
}

.sec-2 .white-box .news{
	padding: 1rem 0px;
	border-bottom: 1px solid #D5D5D5;
	margin-right: 0px;
    margin-left: 0px;
    cursor: pointer;
    color: #545454;
    align-items: center;
}

.sec-2 .white-box .news:hover{
	color: #000000;
}

.sec-2 .white-box .news .thumbnail{
	padding: 0px;
	overflow: hidden;
	border-radius: 0.5rem;
	position: relative;
	min-height: 70px;
	max-height: 100px;
}

.sec-2 .white-box a, a.a-wrapper{
	text-decoration:none;
	font-weight: inherit;
}

.sec-2 .white-box a:first-of-type .news{
	border-top: 1px solid #D5D5D5;
}

.sec-2 .white-box a:last-of-type .news{
	margin-bottom: 1.5rem;
}

.sec-2 .white-box .news .thumbnail img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.sec-2 .start-a-conv, .menu .start-a-conv{
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	position: relative;
    top: -3rem;
}

.menu .start-a-conv{
	padding: 0 0.5rem;
    position: relative;
    width: 100%;
    top: 0rem;
}

.sec-2 .start-a-conv img{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
	transform: none;
}

body.open-menu{
	overflow-y: hidden;
}

body .bg-trans{
	display: none;
}

body.open-menu .bg-trans{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
    opacity: 0.7;
    z-index: 5000;
}

.sec-2 .start-a-conv img:hover{
	transform: scale(1.1);
}

.sec-2 .start-a-conv .row, .menu .start-a-conv .row{
	font-size: 0.8rem;
	padding: 0rem 2.4rem;
	justify-content: space-around;
	align-items: center;
}


.menu .start-a-conv .row{
    padding: 0px 0rem 0rem 0rem;
    align-items: start;
    font-size: 0.8rem;
    line-height: 1rem;
}

.sec-2 .start-a-conv span, .menu .start-a-conv span{
	background-color:#D8D8D8;
	height: 0.9rem;
	width: 1px;
    border-radius: 100px;
    padding: 0px;
}

.section .container:first-of-type{
	padding-bottom: 2.5rem;
	/*border-bottom: 2px solid;*/
}

.around-the-world .card{
	border:none;
	border-radius: 0px;
	background-color: transparent;
	padding: 1rem;
}

.around-the-world .card a{
	text-decoration: none;
}

.around-the-world .card .wrapper{
	padding: 2rem;
	border-radius: 1.5rem;
	height: 450px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.around-the-world .card .wrapper img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.around-the-world .card:hover .wrapper img{
	height: 105%;
}

.around-the-world .card .wrapper .info, .around-the-world .card .wrapper .country{
	position: relative;
	color: #ffffff;
}

.around-the-world .card .wrapper .info{
	position: absolute;
    bottom: 1rem;
    left: 0;
    font-weight: 400;
    padding: 0rem 2rem;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.around-the-world .card .wrapper .info span::after {
    width: 16px;
    content: "";
    display: block;
    background-color: #ffffff;
    height: 2px;
    margin: 0.8rem 0rem;
}

.around-the-world .card:hover .wrapper .info{
	bottom: 1.5rem;
}

.hr-container, .content-hr{
	text-align: right;
	margin-bottom: 2rem;
	padding: 0px;
}

.home .hr-container, .content-hr {
	padding: 0px 1rem;
}

.hr-container hr, hr.content-hr, .author-info + hr, .publications-page hr{
	border: 1px solid #333333;
    /*border-radius: 5px;*/
    margin-top: 0rem;
    opacity: 1;
}

.sec-5 .row, .insight-news .row, .related-insights .row, .related-news .row{
	margin-left: -1.25rem;
	margin-right: -1.25em;
}

.page-header .row{
	margin:0px;
}

.insight-card, .news-card{
	background-color: #ffff;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
	margin:1rem 0.5rem;
}

.insight-card .category, .news-card .category, .story-card .read-the-story, .job-pos .type{
	font-size: 0.8rem;
	font-weight: 500;
	display: inline-block;
}

.story-card .read-the-story{
	margin-bottom: 1rem;
	visibility:collapse;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.story-card:hover .read-the-story{
	visibility: visible;
}

.story-card .image-wrapper img, .insight-card .image img, .news-card .image img, .page-header .image-wrapper img{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


.story-card:hover .image-wrapper img, .page-header:hover .image-wrapper img{
	width: 105%;
	height: 105%;
}

.city-snapshots .page-header:hover .image-wrapper img{
	width: 100%;
	height: 100%;
}

.a4r-city-wrapper .page-header:hover .image-wrapper img, .building-resilience-wrapper .page-header:hover .image-wrapper img{
	width: 100%;
	height: 100%;
}

.insight-card .image, .news-card .image{
	height:195px;
	overflow: hidden;
	position: relative;
	border-radius: 1.5rem 1.5rem 0rem 0rem;
}

.insight-card .image img, .news-card .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.insight-card .image.vertical img, .news-card .image.vertical img{
	width: auto;
	height: 100%;
}

.insight-card h1, .news-card h1{
	font-size: 1rem;
	line-height: 1.3rem;
	font-weight: 600;
}

.insight-card .data, .news-card .data{
	padding: 1rem;
	min-height: 282px;
	position: relative;
}

.insight-card .author, .news-card .author, .wp-caption-text, figcaption{
	color: #909090;
	font-weight: 400;
	display: block;
	font-size: 0.8rem;
}

.wp-caption-text, figcaption{
	font-weight: 300;
	font-size: 0.8rem;
	margin-top: 0.4rem
}

.wp-caption-text b{
	font-weight: 500;
}

.insight-card .date, .news-card .date{
	font-size: 0.7rem;
	color: #333333;
	font-weight: 500;
	margin-top: 2rem;
	position: absolute;
	bottom: 1rem;
}

.insight-card .category:after, .news-card .category:after, .job-pos .type:after, .discover-more .item .short-title:after{
	width: 16px;
	content:"";
	display: block;
    background-color: #333333;
    height: 2px;
    margin: 1rem 0rem;
    /*border-radius: 100px;*/
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.insight-card:hover .category:after, .news-card:hover .category:after, .job-pos:hover .type:after, .discover-more .item:hover .short-title:after{
	width: 100%;
}

.insight-card:hover, .news-card:hover{
	box-shadow: 0px 0.5px 10px rgba(0,0,0,0.06);
}

.insight-card:hover .image img, .news-card:hover .image img{
	width: 105%;
}

.story-card{
	margin: 3.2rem 0rem 6.4rem 0rem;
	height: 400px;
}


.story-card:hover .info .wrapper{
	top: 50%;
}

.story-card .excerpt{
	font-size: 1rem;
	font-weight: 400;
}

.about-the-hub{
	position: relative;
	overflow: hidden;
	color: #ffffff;
	padding: 7.5rem 1rem;
}

.about-the-hub .hashtag{
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.about-the-hub h1{
	font-size: 1.8rem;
	font-weight: 900;
	margin-bottom: 1rem;
}

.about-the-hub img{
	position: absolute;
	z-index: 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.yt-player .left{
	background-color: #EFEFEF;
    border-radius: 1.5rem 0 0 1.5rem;
    padding: 1.5rem 2rem;
    font-size: 0.8rem;
}

.yt-player h2{
	font-size: 1rem;
}

.yt-player .youtube-video{
	position: relative;
	cursor: pointer;
    padding: 0.9rem 0rem;
    border-bottom: 1px solid #d5d5d5;

}

.yt-player .youtube-video:hover{
	color: #000000;
}

.yt-player .youtube-video:first-of-type{
	border-top: 1px solid #d5d5d5;
}


.yt-player .youtube-video .icon{
	height: 0.8rem;
    width: 0.8rem;
    background-color: #d3d3d3;
    border-radius: 100%;
    color: #ffff;
    position: absolute;
    top: 50%;
    font-size: 0.5rem;
    text-align: center;
    left: -1.2rem;
    padding-left: 0.1rem;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; 
}

.yt-player .youtube-video .icon .oi{
	line-height: 0.75rem !important;
}

.yt-player .youtube-video:hover .icon, .yt-player .youtube-video.playing .icon{
	opacity: 1;
}

.youtube-video.playing .icon{
	background-color: #487AB6;
}

.yt-player .video{
	overflow: hidden;
	border-radius: 0 1.5rem 1.5rem 0;
	position: relative;
	padding: 0rem;
}

.yt-player .video iframe{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yt-player .video .overlay{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgb(255 255 255 / 70%);
    cursor: pointer;
}

.g-map-wrapper{
	position: relative;
}

.g-map-wrapper .container{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	height: 100%;
	cursor: pointer;
	pointer-events: none;
}

.g-map-wrapper .city-info{
	background-color: #ffffff;
	border-radius: 1.5rem;
	/*position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);*/
    font-size: 0.8rem;
    padding: 0px 0px 1.5rem 0px;
}

#map{
	width: 100%;
    height: 600px;
}

.g-map-wrapper .city-info .data{
	padding: 0.5rem 1rem;
}

.g-map-wrapper .city-info .data div{
	padding: 0.5rem 0;
	border-bottom: 1px solid #d5d5d5;
	line-height: 0.9rem;
    font-size: 0.7rem;
}

.g-map-wrapper .city-info .header{
	overflow: hidden;
    border-radius: 1.5rem 1.5rem 0rem 0rem;
    position: relative;
    color: #ffffff;
    height: 180px;
}

.g-map-wrapper .city-info .header img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.g-map-wrapper .city-info .header .wrapper{
	bottom: 0px;
	padding: 1rem;
	background: linear-gradient(0deg, rgba(10,10,10,0.85), transparent);
	width: 100%;
}

.g-map-wrapper .city-info .header .wrapper .city{
	font-size: 1rem;
	font-weight: 500;
}

.g-map-wrapper .city-info .header .wrapper .city-category{
	background-color:#FFFFFF;
	border-radius: 0.2rem;
	padding: 0.1rem 0.25rem;
	margin-bottom: 0.2rem;
	color: #333333;
	font-size: 0.8rem;
	font-weight: 500;
	display: inline-block;
}

.g-map-wrapper .city-info .header .close-btn, .g-map-wrapper .city-info .header .wrapper, .what-is .close-btn{
	position: absolute;
}

.g-map-wrapper .custom-link{
	pointer-events: all;
}

.close-btn, .what-is .close-btn{
	pointer-events: all;
	width: 1.9rem;
	height: 1.9rem;
	top: 0.5rem;
	right: 0.5rem;
	border-radius: 100%;
	background-color: #F7F7F7;
	cursor: pointer;
}

.close-btn img, .modal-content .close img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/*INSIGHTS AND NESW*/

.page-header{
    background-color: #ffffff;
    border-radius: 1.5rem;
    margin-bottom: 2.4rem;
}

.page-header a{
	text-decoration:none;
}

.content-404 .page-header, .page .page-header{
	background-color: transparent
}
}

.page-header .CRGP{
	font-size: 0.8rem;
	font-weight: 400;
	color: #939393;
}

.page-header p{
	font-weight: 400;
    color: #333333;
    font-size: 1rem;
    padding: 0px;
}

.post-header{
    margin-bottom: 2.4rem;
}

.post-header .image-owner, .page-header .image-owner{
	font-size: 0.8rem;
    color: #909090;
    font-weight: 500;
    width: 100%;
    margin: 0.5rem 0rem;
    text-align: right;
}

.post-header .image-owner #owner-name, .page-header .image-owner #owner-name{
	font-weight: 400;
}

.page-header > .row, .post-header > .row{
	min-height: 460px;
	margin-left:0px;
	margin-right:0px;
}

.get-the-latest > .row{
	margin-left:0px;
	margin-right:0px;
}

.page-header .image-wrapper, .story-card .image-wrapper, .post-header .image-wrapper{
	position: relative;
	padding: 0px !important;
	overflow: hidden;
	border-radius: 1.5rem;
}

.page-header .image-wrapper img, .story-card .image-wrapper img, .post-header .image-wrapper img{
	width: 100%;
    height: 100%;
	object-fit:cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.page-header .title{
	padding: 3.5rem;
	min-height: 460px;
}

.post-header .title{
	padding:1.5rem 1.5rem 1.5rem 0rem;
}

.page-header .title .wrapper, .story-card .info .wrapper, .post-header .title .wrapper{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.story-card .info .wrapper{
	top: calc(46.5%);
}

.page-header .title h1, .story-card h1, .post-header .title h1{
	font-size: 2rem;
	line-height: 2.2rem;
	font-weight: 700;
	margin-bottom: 1.7rem;
}

.story-card h1{
	margin-bottom: 1rem;
}

.story-card .info{
	padding: 1.5rem 0rem 1.5rem 1.5rem;
}

.page-header .header-info, .story-card .card-info, .post-header .header-info{
	font-size: 0.8rem;
	font-weight: 400;
	margin-left: 0px;
	margin-right: 0px;
	color: #909090;
	flex-wrap: nowrap;
}

.page-header .header-info div, .story-card .card-info div, .post-header .header-info div{
	width:auto;
}

.page-header .header-info span, .story-card .card-info span, .post-header .header-info span, .header-info .writen-by, .header-info .published-on{
	color:#333333;
	line-height: 1rem;
}

.header-info .writen-by, .header-info .published-on{
	margin-top: 0.25rem;
}

.page-header .header-info .written-by-wrapper, .story-card .card-info .written-by-wrapper, .post-header .header-info .written-by-wrapper{
	border-right:1px solid #e0e0e0;
}
.page-header .header-info .published-on-wrapper, .story-card .card-info .published-on-wrapper, .post-header .header-info .published-on-wrapper{
    padding-left: 1.25rem;
}

.post-wrapper, .page-wrapper {
	display: flex;
	padding-bottom: 2.5rem;
	border-bottom: 2px solid;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post-wrapper{
	border-bottom: none;
}

.ins-stories-post-wrapper{
	border-bottom: 2px solid;
}

.page-wrapper {
	margin-bottom: 2rem;
	border-bottom: none;
}

.post-wrapper .post-content, .page-wrapper .page-content{
	padding-left: 0px;
	padding-right: 0rem;
	font-weight: 300;
}

.post-wrapper .post-content .tags, .page-wrapper .page-content .tags{
	margin-left: -0.5rem;
}

.acordeon{
	margin-bottom: 2rem;
}

.acordeon.cons{
	margin-bottom: 4.5rem;
}

.references .row, .acordeon .row{
	border-bottom: 2px solid;
	/*border-top: 2px solid;*/
	padding: 1rem 0rem;
	justify-content: space-between;
	align-items: center;
}

.references .icon, .acordeon .icon{
	margin-left: auto;
	cursor: pointer;
	width: auto !important;
}

.references .icon.rotate, .acordeon .icon.rotate, .icon.rotate{
	transform: rotate(180deg);
}

.references .references-wrapper, .acordeon .acordeon-wrapper{
	font-size: 0.8rem;
	font-weight: 300;
	padding: 1rem 0rem;
	display: none;
	margin-bottom: 2rem;
}

.acordeon .content{
	display: none;
}

.acordeon .acordeon-wrapper{
	font-size: 1rem;
	font-size: 1rem;
    background-color: #ffffff;
    border-radius: 1.5rem;
    padding: 4rem;
}

.references .references-wrapper ul{
	padding: 0px;
    list-style: auto;
}

.references .references-wrapper li{
	border-bottom: 1px solid #D5D5D5;
	padding: 0.75rem 1rem;
	overflow-wrap: break-word;
}

.references .references-wrapper p{
	border-bottom: 1px solid #D5D5D5;
	padding: 0rem 0rem 0.75rem 0rem;
}

.references .references-wrapper a{
	font-weight: inherit;
    text-decoration: underline;
}

.references .references-wrapper a:has(> strong){
	text-decoration: none !important;
}

.references .references-wrapper li::marker{
	font-weight: 500;
}

.insight-news.container{
	margin-bottom: 2rem;
}

.insight-news .author-info{
	background-color: #ffffff;
	padding: 4rem;
	border-radius: 1.5rem;
	margin: 2rem 0rem;
	font-weight: 300;
}

.insight-news .author-info .social-media{
	font-weight: 400;
	font-size: 0.8rem;
	margin-top: 0.5rem;
}

.insight-news .author-info .social-media span{
	font-weight: 300;
}

.insight-news .author-info .name{
	font-weight: 600;
}

.insight-news .author-info .description{
	font-size: 1rem;
	margin: 1rem 0rem 0.5rem 0rem;
}

.insight-news .author-info a{
	font-weight: inherit;
	text-decoration:underline;
}

.post-wrapper .post-content .tags div, .categories .category:not(.catt), .page-wrapper .page-content .tags div{
	margin: 0.5rem;
	padding: 0.25rem 0.5rem;
	background-color: #ffffff;
	font-size: 0.8rem;
	font-weight: 400;
	border-radius: 0.5rem;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; 
}

.top-library{
	padding: 0rem;
	margin: 0rem;
	flex-wrap: nowrap;
}

.top-library div{
	width: auto;
}

.top-library .categories .category{
	margin: 0rem 0.5rem;
}

.top-library .categories a:last-child div{
	margin-right: 0px;
}

.top-library .categories a:hover{
	text-decoration:none;
}

.publications-page .category-wrapper{
	display: flex;
	align-items: center;
}

.sorry{
	text-align: center;
    padding: 3.5rem 0.8rem 5rem;
    font-size: 2rem;
    width: 100%;
}

.busqueda{
	position: relative;
}

.busqueda .ico-wrapper{
	display: flex;
	position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.busqueda .ico-wrapper span{
	width: 1px;
    background-color: #d3d3d3;
    height: 0.9rem;
    margin: 0px 0.3rem;
    border-radius: 100px;
}

.busqueda input{
    font-size: 0.8rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 300;
    line-height: 1.5rem;
    padding-left: 1.75rem;
    box-shadow: 3px 3px 5px #f5f4f4;
}

.search-bar .busqueda input{
	width: 100%;
}

.publications-page .categories{
	display: flex;
	align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.publications-page .category.catt b{
	margin-right: 0.75rem;
	font-weight: 500;
}

.post-wrapper .post-content .tags div:hover, .page-wrapper .page-content .tags div:hover, .categories .category:not(.catt):hover{
	background-color: #e8e8e8;
}

.post-wrapper .post-content .tags a, .post-wrapper .most-recent a, .city-snapshot .city-more a{
	text-decoration: none;
}

.post-wrapper .post-content .content img.size-full, .post-wrapper .post-content .content img.size-large,.post-wrapper .post-content .content img, .post-wrapper .post-content .content .wp-caption{
	width: 100% !important;
	height: auto !important;
}

.post-wrapper .most-recent{
	padding-right: 0px;
	padding-left: 0px;
}

.post-wrapper .most-recent .item{
	padding: 1rem 0rem;
	border-bottom: 2px solid;
	font-size: 0.8rem;
	font-weight: 400;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; 
}

.post-wrapper .most-recent .item:hover, .city-snapshot .city-more .sections:hover{
	color: #5c5c5c;
}

.post-wrapper .most-recent a:first-of-type .item{
	border-top: 2px solid;
}	


.post-wrapper .most-recent .item span{
	color: #909090;
}

.load-more{
    font-size: 0.8rem;
    text-align: center;
    font-weight: 600;
    margin: 1rem 0rem;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.load-more-target{
	margin-bottom: 1rem;
}


.load-more img{
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; 
}

.load-more:hover img{
	transform: translate(-50%,-50%) rotate(360deg);
}

.icon-wrapper{
	background-color: #ffffff;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 100%;
    display: inline-block;
    margin: 0rem 0.5rem;
    position: relative;
}

.icon-wrapper img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.get-the-latest{
	font-size: 0.8rem;
	margin-bottom: 4rem;
	padding: 0px;
}

.get-the-latest h3, .post-wrapper h3, .references h3, .insight-news .author-info h3{
	font-weight: 600;
	font-size: 1.2rem;
}

.most-recent h3{
	margin-bottom: 1rem;
}

.references h3, .acordeon h3 {
	width: 95%;
	cursor: pointer;
}

.acordeon h3{
	font-size: 1.3rem;
	font-weight: 600;
}

.acordeon > .row > p {
	cursor: pointer;
	margin-top: 1rem;
	font-weight: 400;
}

.get-the-latest h3{
	margin-bottom: 1rem;
}

.get-the-latest input{
	border:none;
	background-color: #ffffff;
	padding: 0.25rem;
	border-radius: 0.5rem;
	width: 240px;
}

.get-the-latest .container{
	z-index: 3 !important;
}

.related-insights, .related-news{
	margin-top: 4rem;
}

.related-insights .row > div{

}

.get-the-latest .subscribe-btn{
	padding: 0.2rem 0.5rem;
	color: #333333;
	border:2px solid;
	background-color: #ffffff;
	border-radius: 0.5rem;
	font-weight: 600;
	left: -1rem;
    position: relative;
    display: flex;
	cursor: pointer;
	width: auto;
}

.publications-wrapper{
	display: flex;
	flex-wrap: ;
}

.pub-wrapper{
	padding: 1rem;
}

.publication{
	background-color: #fdfdfd;
	border-radius: 1.5rem;
	height: 288px;
	display: flex;
	overflow: hidden;
	cursor: pointer;
}

.publication .img{
	width: 40%;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 0px 10px #dfdfdf;
}

.publication .info{
	width: 60%;
	padding: 1rem;
	position: relative;
}

.publication .dash{
	width: 16px;
    display: block;
    background-color: #333333;
    height: 2px;
    margin: 1rem 0rem;
    border-radius: 100px;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.publication:hover .dash{
	width: 75px;
}

.publication .info .lang, .publication .info .year{
	font-size: 0.8rem;
	font-weight: 500;
	color: #909090;
}

.publication .info .lang{
	position: absolute;
    top: 1rem;
}

.publication .info .year{
	position: absolute;
    top: 1rem;
    right: 1rem;
}


.publication .info h1{
	font-size: 1rem;
    position: relative;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
}

.publication .info .author{
	font-weight: medium;
	font-size: 0.8rem;
}

.publication .img .wp-post-image{
	width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.publication:hover .img img{
	width: 105% !important;
}

.team-wrapper > div{
	padding: 1.25rem;
	margin-bottom: 1.5rem;
}

.team-member{
	position: relative;
	overflow: hidden;
}

.team-member .image{
	border-radius: 1.5rem;
    height: 280px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.team-member .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-member .image-blur{
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    height: 100%;
    width: 100%;
    background-color:rgba(255,255,255,0.8);
    position: absolute;
    top: 0px;
    border-radius: 1.5rem;
}

.team-member .bio, .team-member .quote{
    -webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
    height: 100%;
    background-color:rgba(230, 230, 230, 0.8);
    position: absolute;
    top: 0px;
    border-radius: 1.5rem;
    padding: 1rem;
    width: 100%;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
	opacity: 0;
}

.team-member .bio .txt, .team-member .quote .txt, .modal-content .a-desc, .economic-resilience-page .why .content .wrapper, .resources .row{
	overflow: scroll;
	-ms-overflow-style: none;
    scrollbar-color: #f7f7f7 transparent;
    overflow: -moz-scrollbars-none;
}

.asuncion .second-it .right > div{
	height: 85% !important;
}

.asuncion .second-it .right .m-content.visible{
	width: 100%;
}

.modal-content .a-desc::-webkit-scrollbar, .team-member .bio .txt::-webkit-scrollbar, .team-member .quote .txt::-webkit-scrollbar, .asuncion .second-it .right > div::-webkit-scrollbar, .asuncion .second-it .right .txt::-webkit-scrollbar, .maputo .third-it .left-side .wrapper .desc::-webkit-scrollbar, .maputo .itg-opt::-webkit-scrollbar, .maputo .itg-opt .opts-wr::-webkit-scrollbar, .economic-resilience-page .why .content .wrapper::-webkit-scrollbar, .resources .row::-webkit-scrollbar{
	background: transparent;
	width: 6px;
}

.modal-content .a-desc::-webkit-scrollbar-corner, .team-member .bio .txt::-webkit-scrollbar-corner, .team-member .quote .txt::-webkit-scrollbar-corner, .asuncion .second-it .right > div::-webkit-scrollbar-corner, .maputo .third-it .left-side .wrapper .desc::-webkit-scrollbar-corner, .maputo .itg-opt::-webkit-scrollbar-corner, .maputo .itg-opt .opts-wr::-webkit-scrollbar-corner, .economic-resilience-page .why .content .wrapper::-webkit-scrollbar-corner, .resources .row::-webkit-scrollbar-corner{
	background: transparent;
}


.modal-content .a-desc::-webkit-scrollbar-thumb, .team-member .bio .txt::-webkit-scrollbar-thumb, .team-member .quote .txt::-webkit-scrollbar-thumb, .economic-resilience-page .why .content .wrapper::-webkit-scrollbar-thumb, .resources .row::-webkit-scrollbar-thumb{
	background-color: #f7f7f7;
	border-radius: 100px;
}

.team-member .bio{
	font-size: 0.7rem;
    line-height: 0.9rem;	
} 

.team-member .quote{
	font-size: 0.8rem;
    line-height: 1rem;	
    font-weight: 600;
}

.team-member .quote .qmark{
    font-size: 3rem;
    font-weight: bold;
    color: #487ab6;
    height: 50px;
    display: block;
    margin-top: 1rem;
    height: 0.5rem;
}

.team-member .more{
	font-weight: 600;
	color: #487ab6;
	cursor: pointer;
	position: absolute;
	bottom:0.75rem;
	right:1rem;
	z-index: 5000;
}

.team-member .bio .txt, .team-member .bio .quote{
	width: 100%;
    overflow: scroll;
    height: 90%;
    /*pointer-events: none;*/
}

.team-member .wrapper:hover .quote, .team-member .wrapper.clicked .bio{
	opacity: 1;
}

.team-member .wrapper{
	cursor: pointer;
}

.team-member .wrapper.clicked .bio{
	background-color:rgba(230, 230, 230, 1);
}


.team-member .name{
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.5rem 0.5rem 0.25rem 0.5rem;
}

.team-member .name .icos{
	position: relative;
	margin-left: 0.5rem;
}

.team-member .ico-img{
	width: 18px;
    display: inline-block;
}

.team-member .ico-img.li{
	width: 15px;
	margin-left: 5px;
	position: relative;
	top: -1px;
}

.team-member .position{
	font-size: 0.7rem;
    font-weight: 400;
    line-height: 0.8rem;
    padding: 0rem 0.5rem;
}

.a4r .i-map-wrapper object{
	border-radius: 1.5rem;
    margin-bottom: 5rem;
}

.a4r .intro-screen{
	display: none;
}

.a4r-card{
	height: 415px;
    overflow: hidden;
    border-radius: 1.5rem;
    position: relative;
    margin-bottom: 1rem;
    box-shadow: 0px 0.5px 10px rgba(0,0,0,.1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; 
}

.a4r-card .desc{
	position: absolute;
	top: 0px;
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
    background-color:rgba(230, 230, 230, 0.8);
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 1.5rem;
    
}

.a4r-card .desc .txt{
	position: absolute;
	padding: 1.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	top: 51%;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; 
}

.a4r-card:hover .desc{
	opacity: 1;
}

.a4r-card:hover .desc .txt{
	top: 50%;
}

.a4r-card img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.a4r-container{
	padding: 2.5rem;
	border-radius: 1.5rem;
	background-color: #ffffff;
	margin-bottom: 3rem;
}

.a4r-container > .desc{
	font-size: 0.8rem;
	margin-bottom:2rem; 
	padding-right: 0px;
	padding-left: 0px;
}

.a4r-container .desc h1{
	font-size: 1.4rem;
}

.sec-intro{
	font-weight: 400;
}

.what-is{
    border-radius: 1.5rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
    background-color: #ffffff;
    height: 540px;
    position: relative;
    overflow: hidden;
}	

.what-is .image{
	width: 30%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
	border-radius: 1.5rem;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay:  0.2s  
}

.online-resources, .online-training{
	padding: 0px;
}

.what-is .image .title{
	position: absolute;
	width: 100%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; 
	background-color: #ffffff;
	bottom:-20%;
	font-weight: 500;
	font-size: 0.8rem;
	height: 4rem;
	line-height: 1rem;
}

.what-is .text{
	position: absolute;
    top: 0px;
    width: 78%;
    height: 100%;
    font-size: 0.8rem;
    right: -100%;
    border-radius: 1.5rem;
    padding: 2rem;
    background-color: #ffff;	
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; 
}

.what-is .close-btn{

}

.what-is .image .title .txt{
	padding: 1rem 2rem;
	width: 80%;
	text-align: center;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.what-is .image:nth-of-type(7) .title .txt{
	width: 100%;
}

.what-is .image:hover .title{
	bottom: 0px;
}

.what-is .image:nth-of-type(1){
	left: 0%;
}

.what-is .image:nth-of-type(1).active, .what-is .image:nth-of-type(3).active, .what-is .image:nth-of-type(5).active, .what-is .image:nth-of-type(7).active{
	left: 0%;
}

.what-is .text.active{
	right: 0%;
	top: 0px;
}

.what-is .image:nth-of-type(3){
	left: 23%;
}

.what-is .image:nth-of-type(5){
	left: 46%;
}

.what-is .image:nth-of-type(7){
	left: 70%;
}

.what-is .image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.job-content .image{
	padding: 0px;
	padding-right: 1.5rem;
}

.job-content .image div{
	border-radius: 1.5rem;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.job-content .text{
	padding: 1rem 1.5rem;
}

.job-content .image img{
	width: 100%;
	object-fit: cover;
    height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotateY(180deg);
}

.job-content .image .photo-credits{
	position: absolute;
    width: auto;
    height: unset;
    bottom: 0.5rem;
    left: 1.5rem;
    color: white;
    opacity: 0.2;
    font-size: 0.5rem;
}

.job-content a{
	text-decoration: underline;
}

.job-content b, .job-content a{
	font-weight: 400;
}

.job-content .cons-intern a{
	text-decoration:none;
}

.job-pos{
	padding: 1.5rem;
    background-color: #ffff;
    border-radius: 1.5rem;
    font-weight: 400;
    min-height: 380px;
    position: relative;
}

.job-pos p{
	margin-bottom: 1.5rem;
}

.job-pos b{
    font-weight: 600;
}

.job-pos .published-on{
    font-size: 0.8rem;
    margin-top: 2rem;
    color: #909090;
    position: absolute;
    left: 1.5rem; 
    bottom: 1.5rem;
}

blockquote{
	font-weight: 400;
    text-align: center;
    font-size: 1.4rem;
    width: 80%;
    margin: 2rem auto;
}

cite{
	font-size: 1rem;
    display: block;
}

blockquote p{
	margin-bottom: 0px;
}

blockquote:after, blockquote:before{
	content: "•";
}

footer{
	background-color: #333333;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 300;
    overflow: hidden;
}

footer hr{
	border-top: 1px solid rgb(255,255,255,.05);
    width: 130%;
    position: relative;
    left: -15%;
    margin-top: 0px;
    margin-bottom: 0px;
}

footer .logos-support{
    display: flex;
    flex-direction: row;
    gap: 2%;
}

footer .logos-support a{
	width: 100%;
}

footer .logos-support a img{
	height: 50px;
}

footer h3{
	font-size: 0.8rem;
}

footer .row .col-md-4{
	padding: 2.5rem 2rem;
}

footer .row:nth-of-type(2) .col-md-4{
	padding-bottom: 4.4rem;
}


footer .row .col-md-4:nth-child(1){
	padding-left: 0px;
}

footer .row .col-md-4:nth-child(1) img, footer .row .col-md-4:nth-child(1) i{
	filter: brightness(0) invert(1);
	margin: 0rem 0.3rem;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	transform: none;
}

footer .row .col-md-4:nth-child(1) img:hover, footer .row .col-md-4:nth-child(1) i:hover{
	transform: scale(1.1);
}

footer .social-ico a{
	line-height: 1rem;
}

footer .social-ico a:nth-of-type(4) i, footer .social-ico a:nth-of-type(4) img{
	padding-bottom: 0.05rem;
}

footer .social-ico a:nth-of-type(5) i, footer .social-ico a:nth-of-type(5) img{
	padding-bottom: 0.2rem;
}

footer .social-ico a:nth-of-type(2) i, footer .social-ico a:nth-of-type(2) img{
	padding-bottom: 0.1rem;
}

footer .row .col-md-4:nth-child(3){
	padding-right: 0px;
}

footer .row .col-md-4:nth-child(2){
	border-left: 1px solid rgb(255,255,255,.05);
	border-right: 1px solid rgb(255,255,255,.05);
}

footer .p-top{
	padding-top:2.6rem;
}

footer input{
	background-color: transparent;
    border: none;
    color: #ffffff !important;
    font-size: 0.6rem;
    padding: 0.5rem;
    border: 1px solid;
    position: relative;
    display: inline-block;
}

footer input[name=FNAME]{
	border-radius: 0.5rem 0rem 0rem 0rem;
    border-bottom: none;
    width: 49.5%;
}

footer input[name="LNAME"]:focus-visible, footer input[name="LNAME"]:focus-visible, footer input[type="email"]:focus-visible, footer input[type="submit" i]:focus-visible{
	border:none;
	outline-color: #497ab6;
}

footer input[name=LNAME]{
	border-radius: 0rem 0.5rem 0rem 0rem;
    border-bottom: none;
    border-left: none;
    width: 49.5%;
    left: -0.17rem;
}

footer input[type=email]{
	border-radius: 0rem 0rem 0rem 0.5rem;
	width: 59.5%;
}

footer input[type=submit]{
	background-color: #ffffff;
	color: #333333 !important;
	border-radius: 0rem 0rem 0.5rem 0rem;
	width: 39.5%;
    left: -0.17rem;
    border: 1px solid #ffff;
    cursor: pointer;
    font-weight: 500;
}

/*ACTIONS FOR RESILIENCE*/

.asuncion.a4r-wrapper .back-btn .oi {
    top:5%;
}

.a4r-wrapper{
	border-radius: 1.5rem;
	overflow: hidden;
	margin: 0rem !important;
}

.a4r-card-wrapper h4{
	margin-bottom: 0px;
	padding-left: 0.5rem;
}

.a4r-card-wrapper span{
	padding-left: 0.5rem;
	color: #909090;
    font-size: 0.8rem;
    font-weight: 400;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.a4r-card-wrapper:hover span{
	opacity: 1;
}

/*Carousel plugin*/
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{
}

div#n2-ss-2 .nextend-bar-horizontal div * {
    color: #909090;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
}

div#n2-ss-2 .n2-style-660b3b8b3793daec9d8858bfbc49b49f-simple{
	padding:0px !important;
	background:none !important;
}

div#n2-ss-2 .nextend-bar-horizontal div * b{
	font-weight: bolder;
}

.a4r{
	position: relative;
}

.a4r .menu-title h1{
    font-size: 1.2rem;
    margin-right: 1rem;
    border-bottom: 2px solid;
    padding-bottom: 0.25rem;
    font-weight: 500;
}

.a4r .menu-title h1 span{
	font-weight: 400;
}

.a4r .menu-wrapper{
	font-size: 0.8rem;
}

.a4r .menu-wrapper .submenu li{
	cursor: pointer;
}

.a4r .menu-wrapper .submenu li, .a4r .menu-wrapper .submenu ul{
	list-style: none;
	padding-left: 0.25rem;
	margin-bottom: 0px;
	border-bottom: none;
}

.a4r .menu-wrapper .submenu li, .a4r .menu-wrapper .ssubmenu{
	border-bottom: 1px solid #e9e9e9;
    padding: 0.25rem;
    font-size: 0.7rem;
    /*padding-left: 0.25rem;*/
}

.a4r .menu-wrapper .ssubmenu{
	padding-top: 0px;
	padding-bottom: 0px;
}

.a4r .menu-wrapper .submenu li:last-of-type{
	border-bottom: none;
}

.c-graphic {
	padding: 1.5rem;
    border-radius: 1.5rem;
    width: 75%;
    display: inline-block;
    float: right;
    font-size: 0.7rem;
    line-height: 1rem;
    background-color: #ffffff;
    margin-bottom: 5rem;
}

.c-graphic li{
	list-style: inside;
}

.c-graphic h1 {
    padding:0rem;
    font-size: 1rem !important;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.c-graphic ul{
	padding-left: 1rem;
}

.c-graphic .col-title{
	font-weight: 400;
}

.a4r .menu-wrapper a{
	font-weight: inherit;
	color: inherit;
}

.a4r .menu-wrapper a:hover{
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

.a4r .menu-wrapper .submenu, .menu-wrapper .ssubmenu, .menu-wrapper .sssubmenu {
  display: none;
  padding: 0.25rem 0.5rem 0rem 0.5rem;
  margin-bottom: 0px;
}

.a4r .menu-item {
	margin-bottom: 0.25rem;
    margin-right: 1rem;
    padding: 0.25rem 0.5rem;
    /* border-radius: 0.5rem; */
    border-bottom: 1px solid #D5D5D5;
    font-weight: 400;
}

.a4r .tech-desc, .a4r .c-graphic .instructions{
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
    margin: 1rem 0rem 1.5rem 0rem;
    border-bottom: 1px solid #d3d3d3;
    line-height: 1rem;
}

.a4r .c-graphic .instructions .close-ind,.i-map-wrapper .instructions{
	display: none;
}

.mobile, .mob{
	display: none;
}

.mobile-menu-m{
    cursor:pointer;
    font-size: 1.2rem;
    width: 61px;
    height: 61px;
    line-height: 46px;
    text-align: center;
    padding:10px;
    color: #717070;
    background-color: #f7f7f7;
    z-index: 4900;
    display: inline-block;
}

.rs-menu-title{
	width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0.5rem;
    margin-bottom: 1rem;
}

.rs-menu-title h1{
	margin-bottom: 0rem;
	display: inline-block;
	padding-left: 5px;
}

.table.indicators .crcl-th{
  width: 40px;
}

table.indicators .crcl {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
}

table.indicators .crcl.green {
    background-color: #8ED6C8;
}

table.indicators .crcl.red {
    background-color: #ff7f78;
}

table.indicators .crcl.orange {
    background-color: #fdc866;
}

table.indicators .crcl.yellow {
    background-color: #fdfd87;
}

table.indicators .crcl.notapplicable {
    background-color: #ADBCC7;
}

table.indicators .crcl.notavailable {
    background-color: #F2F2F2;
}

table.indicators .crcl.empty {
    background-color: #F2F2F2;
}

table.indicators .crcl.nobenchmark {
    background-color: #D1A8BD;
}

.hidden > *{
  display: none;
}

table.indicators tr {
    cursor: pointer;
}

.city-snapshot {
	border-bottom: none;
	border-top: 2px solid;
    padding-top: 2rem;
}

.city-snapshots .page-header .title{
	min-height: 360px;
}


.city-snapshot .city-left{
	padding-right: 0px;
}


.city-snapshot .city-image {
    border-radius: 1.5rem;
    overflow: hidden;
}

.city-snapshot .city-more .sections{
	border-bottom: 2px solid;
    padding: 0.5rem 0rem;
}

.city-snapshot .city-more a:first-of-type .sections{
    padding-top:0rem;
}

.city-snapshot .city-image img{
	width: 100%;
	height: auto;
}

.city-snapshot .city-info, .city-snapshot .city-more{
	font-size: 0.8rem;
}

.city-snapshots .city-info{
	position: -webkit-sticky;
	position: sticky;
    top: 1rem;
}

.city-snapshot .city-data{
	margin-bottom: 2rem;
	border-radius: 1.5rem;
    padding: 1rem;
    line-height: 1.1rem;
    border: 1px #d3d3d3 solid;
}

.city-snapshot .city-data b{
	font-weight: 400;
}

.city-snapshot .city-data div{
	padding:0.25rem 0rem;
	border-bottom: 1px solid #d3d3d3;
}

.city-snapshot .city-data div:last-of-type{
	border-bottom: none;
}

.page-header h3{
	font-weight: 400;
}

.a4r-page .banners{
	margin-bottom: 2rem;
    margin-top: 3rem;
}

.a4r-page .banners .banner{
	border-radius: 1.5rem;
	height: 250px;
	overflow: hidden;
	position: relative;
	margin-bottom: 1rem;
}

.dakar.a4r-wrapper{
    height: auto !important;
}

.a4r-page .banners .banner h2{
	color: #ffffff;
	position: absolute;
	width: 100%;
	text-align: center;
	text-shadow: 0px 0px 20px #000000;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.a4r-page .banners .banner img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.a4r-page .banners .banner:hover img{
	width: 105%;
}

.discover-more{
	margin-bottom: 3rem;
}

.discover-more .item{
	margin: 0rem 0rem 2rem 0rem;
}


.discover-more .item .image{
	border-radius: 1.5rem;
	position: relative;
	overflow: hidden;
	height: 300px;
}

.discover-more .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
}

.discover-more a:hover{
	text-decoration: none;
}

.discover-more .item:hover .image img{
	width: 105%;
	height: 105%;
}

.discover-more .item .image .lang{
	background-color: #ffffff;
	font-weight: 500;
	display: inline-block;
	border-radius: 0.25rem;
	padding: 0.2rem 0.4rem;
	position: relative;
	top: 0.5rem;
	left: 0.75rem;
	z-index: 4000;
	font-size: 0.6rem;
}

.discover-more .item .short-title{
	font-weight: 500;
	margin-top: 0.5rem;
	display:inline-block;
}

.discover-more .item .title{
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1rem;
}


.what-is .desc{
	display: none;
}

#book-reader{
	z-index: 5000;
}

.modal-content {
	border:none;
}

.modal-content .buttons{
	flex-flow: row-reverse;
    margin-top: 1rem;
    margin-right: 0px;
    margin-left: 0px;
}

.modal-content .buttons div{
	width: 1.4rem;
    height: 1.4rem;
    border-radius: 100%;
    background-color: #F7F7F7;
    cursor: pointer;
    font-weight: 300;
    color: #333333;
    position: relative;
    margin-left: 0.5rem;
}

.modal-content .buttons .view img{
	width: 0.9rem;
}

.modal-content .buttons .download img{
	width: 0.5rem;
}

.modal-content .buttons img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-dialog {
    max-width: 840px;
}

.modal-content {
	padding: 3rem;
	border-radius: 1.5rem;
}

.modal-content .close{
	pointer-events: all;
    width: 1.9rem;
    height: 1.9rem;
    top: 0.5rem;
    right: 0.5rem;
    border-radius: 100%;
    background-color: #F7F7F7;
    cursor: pointer;
    color: #333333;
    opacity: 1;
    position: absolute;
    transform: none;
}

.modal-content .a-authors, .a-year, .a-language{
	border-bottom: 1px #d5d5d5 solid;
    padding: 0.2rem 0rem;
    font-size: 0.8rem;
    font-weight: 400;
    color: #909090;
}

.modal-content .a-authors b, .modal-content .a-year b, .modal-content .a-language b{
	color: #333333;
}

.modal-content .a-author{
	border-top: 1px #d5d5d5 solid;
}

.modal-content .a-title{
	font-size: 1rem;
}

.modal-content .a-desc{
	font-size: 0.8rem;
	color: #909090;
	max-height: 180px;
    overflow: scroll;
    font-weight: 400;
    margin-bottom: 1rem;
}

.modal-content .right{
	padding-left: 1.5rem;
}

.modal-content .a-subtitle{
	font-size: 0.8rem;
	color: #909090;
	margin-bottom: 0.5rem;
	font-weight: 500;
}

.modal-content .a-img{
    border-radius: 1.5rem;
    overflow: hidden;
    height: fit-content;
    padding: 0px;
}

.modal-content .a-img img{
	width: 100%;
	height: 100%;
}


.disclaimer-cookies{
    position: fixed;
    z-index: 5000;
    bottom: 0px;
    width: 100%;
    background-color: rgb(0,0,0,0.8);
    color: #ffffff;
    justify-content: center;
    padding: 0.5rem;
    font-size: 0.8rem;
    display:none;
}

.disclaimer-cookies .btn{
	border: 2px solid;
    color: #ffffff;
    padding: 0.25rem 0.75rem;
    margin: 0rem 1rem;
    font-size: 0.8rem;
}

.disclaimer-cookies div:nth-child(1){
    align-content: center;
}

@media (max-width: 500px){

	.sec-2 .start-a-conv .row, .menu .start-a-conv .row {
		    padding: 0rem;
	}

	footer .logos-support{
		align-items: center;
	}

	body.open-menu .bg-trans{
		display: none;
	}

	.desktop{
		display: none;
	}

	.what-is {
		height: auto;
		padding:1rem;
	}

	.what-is .image img{
		height: 100%;
    	width: 100%;
    	object-fit: cover;
	}

	.what-is .text {
	    position: absolute;
	    width: 100%;
	    top: 0px;
	    height: auto;
	}

	.page-header .title{
		min-height: unset;
		text-align: left;
		padding: 1.5rem 1rem;
	}

	.city-snapshot .city-left {
	    padding-left: 0px;
	}

	.map-menu{
		display: none;
	}

	footer .row .col-md-4{
		border-left: none;
		border-right: none;
	}

	footer input[name=LNAME]{
		left: 0px;
	}

	footer .row .col-md-4:nth-child(1){
		padding-right: 0px;
	}

	footer .row .col-md-4:nth-child(3){
		padding-left: 0px;
	}

	.mobile{
		display: block !important;
	}

	.city-datos.mobile{
		display: none !important;
	}

	.yakutsk .main-screen, .yakutsk .lines-det .right, .yakutsk .action-wrapper .right, .yakutsk .lines-det .lad-sec, .yakutsk .actions-det, .yakutsk .lines-det{
	    height: 530px !important;
	}

	.yakutsk .actions-det, .yakutsk .lines-det{
		overflow: scroll;
	}

	.yakutsk .actions-det .right .cerrar, .yakutsk .lines-det .right .cerrar, .yakutsk .lines-det .lad-sec .oi-x-lad{
		top: 0.5rem !important;
	}
	
	.yakutsk .action-wrapper .right.visible{
		padding-top: 2.5rem !important;
	}

	.yakutsk .action-wrapper .lad-sec ul{
		padding-left: 0px;
	}

	.web{
		display: none !important;
	}

	.section-title{
		/*flex-wrap: wrap;
		margin-bottom: 1.5rem;
		justify-content: center;
		text-align: center; */
		flex-wrap: wrap;
	    margin-bottom: 0rem;
	    justify-content: left;
	    text-align: center;
	    /*border-bottom: 1px solid #d3d3d3;*/
	    padding-bottom: 1rem;
	}

	.home .hr-container, .content-hr {
		text-align: center;
	}

	.section-title p{
		margin-top: 0.5rem;
		width: 100%;
		display: none;
	}

	.sec-2 .white-box{
		top: auto;
	}

	.sec-2 .start-a-conv{
		margin-top: 2rem;
		top: auto;
	}

	.navbar-brand {
	    width: 40%;
	    padding-left: 0.25rem;
	}

	.navbar-light .navbar-toggler-icon {
	    filter: invert(1);
	}

	.global-header .navbar-light .navbar-toggler-icon {
	    filter: invert(0);
	}

	.biggest-highlight{
		height: auto;
	}

	.highlights .top.row{
		margin-bottom: 0px;
	}

	.cards.row, .sec-5 .row{
		height: auto;
	    display: flex;
	    flex-wrap: nowrap;
	    overflow-x: scroll;
	}

	.sec-5 .row, .load-more-target{
		height: 500px;
	}

	.sec-5 .row > div{
		padding-right:0rem;
	}

	.sec-5 .section-title{
		margin-bottom: 0px;
	}

	.hr-container, .content-hr{
		padding: 0px 0.5rem;
	}

	.section-title span{
		display: none;
	}

	.biggest-highlight .info-wrapper{
		text-align: left;
	}

	.about-the-hub{
		text-align: left;
	}

	footer{
		padding: 2rem 1rem;
		text-align: center;
	}

	footer .row div{
		margin-bottom: 1rem;
		font-weight: 500;
	}

	.about-the-hub{
		font-weight: 500;
	}

	.biggest-highlight .info-wrapper .desc{
		font-weight: 500;
	}

	footer .p-top{
		display: none;
	}

	footer input{
		width: 100% !important;
	    border-radius: 0.5rem !important;
	    margin-bottom: 0.5rem !important;
	    border: 1px solid !important;
	}

	footer input[name=lastname]{
		left: auto;
	}

	.around-the-world .card .wrapper{
		padding:1rem;
		height: 380px;
	}

	.around-the-world .card .wrapper .info{
		padding: 0rem 1rem;
	}

	.page-header > .row, .post-header > .row{
		height: auto;
		min-height: auto;
	}

	.post-header{
		margin-bottom: 2.4rem;
	    text-align: left;
	}

	.page-header .image-wrapper{
		display: none;
	}

	.header-info{
		flex-wrap: wrap;
	    width: 100%;
	    justify-content: center;
	    align-items: center;
	}

	.header-info div{
		width: 50%;
		line-height: 1rem;
		margin-top: 0.5rem;
	}

	.post-header .title{
		padding:0px;
	}

	.page-header .title h1, .story-card h1, .post-header .title h1{
		margin-bottom: 1rem;
		margin-top: 0.75rem !important;
	}

	.insight-news .page-header .title h1, .story-card h1, .insight-news .post-header .title h1 {
		margin-top: 0rem !important;
	}

	.page-header .image-wrapper img, .story-card .image-wrapper img, .post-header .image-wrapper img{
		position: relative;
	}

	.page-header .image-wrapper, .story-card .image-wrapper, .post-header .image-wrapper{
		margin-top: 1rem;
	}

	.header-info .writen-by, .header-info .published-on{
		width: 100%;
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}

	.header-info .writen-by-wrapper, .header-info .published-on-wrapper{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.city-snapshots .page-header .title h1{
		margin-top: 0rem !important;
	}

	.load-more img{
		transform: translate(-50%,-50%) rotate(270deg);
	}

	.load-more:hover img{
		transform: translate(-50%,-50%) rotate(630deg);
	}

	.get-the-latest h3 {
	    text-align: center;
	}

	.menu{
	    width: 100%;
	    right: -100%;
	}

	.menu.visible{
	    right: 0%;
	    padding: 2rem 0rem;
	}

	.close-btn, .what-is .close-btn {
	    right: 1rem;
	}

	.menu .start-a-conv .row {
		display: none;
	}

	.nav-item:hover{
		background-image: none;
	}

	.nav-item > ul{
		left: 2rem;
	}

	.menu{
		overflow: hidden;
	}

	.menu .wrapper {
	    width: 100%;
	    margin-left: 0rem;
	    padding: 0rem 2rem;
	}

	.hr-container .share{
		justify-content: center;
	}

	.navbar-nav {
	    width: 100%;
	    text-align: left;
	    margin-top: 1rem;
	}

	.nav-item.active > ul{
		text-align: left;
	}

	.publication .img{
		display: none;
	}

	.publication .info {
	    width: 100%;
	}

	.load-more-target{
		height: initial;
	}

	.publications-page .category-wrapper {
	    display: flex;
	    align-items: center;
	    width: 100%;
	    justify-content: center;
	}

	.publications-page .category-wrapper b{
		display: none;
	}

	.publications-page .categories{
		margin-bottom: 1rem;
	}

	.post-wrapper .post-content{
	    padding-left: 0px;
	    padding-right: 0rem;
	}

	.story-card{
		height: auto;
		/* border-bottom: 1px solid; */
	    margin: 1rem 0rem;
	    background-color: #ffffff;
	    border-radius: 1.5rem;
	    padding: 1rem;
	}

	.story-card .image-wrapper{
	    height: 200px;
    	margin: 0rem 0rem;
	}

	.story-card .read-the-story{
		display: none;
	}

	.story-card .card-info div{
		width: 50%;
	}

	.story-card .info {
	    padding: 1.5rem 0rem;
	}

	.job-content .image div{
		padding:0rem;
	}

	.job-content .image img{
		position: relative;
	}

	.job-content .text {
	    padding: 1rem;
	}

	.job-content .logos img{
		width: 50%;
	}

	.cons-intern{
		flex-wrap: wrap;
	}

	.cons-intern > div{
		margin-bottom: 1rem;
	}

	.job-pos .published-on{
		position: relative;
		left: unset;
		bottom: unset;
	}

	.team-member .image{
		height: 330px;
	}

	.team-member .bio, .team-member .quote{
		height: 100%;
	}

	.post-header .image-owner, .page-header .image-owner{
		display: none;
	}

	.post-wrapper .most-recent {
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-top: 2rem;
	}

	.a4r-container {
	    padding: 1rem;
	}

	.a4r-wrapper{
		height: auto !important;
	}

	.maputo .a4r-wrapper{
		height: 600px !important;
	}

	.maputo .main-screen{
		height: 100% !important;
		background-color: #cd664f !important;
	}

	.maputo .line-of-act {
	    height: 22% !important;
	}

	.a4r-wrapper .lines{
		background-color: #efefef;
		padding: 20px;
		position: relative;
		overflow: hidden;
		padding: 30px 30px;
	}

	.maputo .act-int-btn {
	    height: 114px !important;
	    width: 114px !important;
	    bottom: -55px !important;
	    left: 32% !important;
	}

	.a4r-wrapper .lines-item {
	    top: auto;
	    transform: none;
	}

	.a4r-wrapper .right {
	    padding: 2rem 1rem !important;
	}

	.asuncion .second-it .right > div{
		height: auto;
	}

	.asuncion.a4r-wrapper .back-btn {
	    border-radius: 0.5rem;
	}

	.asuncion.a4r-wrapper .second-it .right .txt{
	    padding: 1rem;
	}

	.what-is .image .title{
		bottom: unset;
		background-color: transparent;
		color: #ffffff;
		font-weight: 500;
		text-shadow: 0px 0px 20px #000000;
		top: 50%;
		transform: translateY(-50%);
	}

	.what-is .image .title .txt{
		width: 100%;
		line-height: 1.6rem;
		font-size: 1.5rem;
	}

	.what-is .image {
	    width: 100%;
	    height: 300px;
	    margin-bottom: 2rem;
	    position: relative;
	    left: 0px !important;
	}

	.what-is .desc{
		padding: 1.5rem 1rem;
		position: relative;
		top: -2rem;
		background-color: #ffffff;
		display: none;
	}

	.what-is .text{
		display: none;
	}

	.acordeon .acordeon-wrapper{
		padding: 1rem;
	}

	.building-resilience-wrapper object{
		width: 100%;
	}

	.building-resilience-wrapper .acordeon-wrapper ul{
		padding-left: 1rem !important;
	}

	.modal-content .right {
	    padding-left: 0;
	    margin-top: 1rem;
	}

	.modal-content {
	    padding: 3rem 1.5rem 1rem;
	    border-radius: 1.5rem;
	}

	.modal-content .a-desc{
		max-height: 120px;
	}

	.menu .nav-item {
    	display: initial;
    	font-size: 1.2rem;
	}

	.nav-item > ul li {
	    margin-bottom: 0.25rem;
	    font-size: 1rem;
	}

	.menu.visible .nav-item {
	    margin-bottom: 0.5rem;
	}

	.nav-item > ul {
    	margin-top: 0.25rem;
	}
}

@media (min-width: 768px) and (max-width: 900px){
	.sec-2 .white-box{
		top: 0px;
	}

	.sec-2 .start-a-conv, .menu .start-a-conv {
    	margin-top: 2rem;
    	top: 0px;
    }

    .menu.visible .nav-item {
    	display: initial;
    	font-size: 1.2rem;
	}

	.nav-item > ul li {
	    margin-bottom: 0.25rem;
	    font-size: 1rem;
	}

	.nav-item > ul {
    	margin-top: 0.25rem;
	}
}


@media (min-width: 768px) and (max-width: 1080px){
	footer input {
	    border: none;
	    color: #ffffff !important;
	    border: 1px solid !important;
	    border-radius: 0.5rem !important;
	    margin: 0.25rem 0rem;
	    left: 0px !important;
	    width: 100% !important;
	}
}

@media (min-width: 769px) and (max-width: 1080px){
	.sec-2 .white-box{
		padding: 1rem;
	}

	.sec-2 .white-box .news{
		padding: 0.7rem 0rem;
	}

	.sec-2 .white-box a:last-of-type .news{
		padding: 0.5rem 0rem;
		margin-bottom: 1rem;
	}

	.highlights{
		padding: 0px;
	}

	.highlights .card{
		margin-bottom: 1rem;
	}

	.section.map{
		margin-bottom: 3rem;
	}

	.menu .wrapper {
		margin-left: 3rem;
	}

	.publications-page .categories{
		justify-content: left !important;
    	margin-bottom: 1rem;
	}

	.about-the-hub{
		padding: 3.5rem 0rem;
	}

	.about-the-hub .col-md-6{
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.insight-card, .news-card{
		margin: 0px;
	}

	.sec-2 .start-a-conv {
		font-size: 1.4rem;
	}

	.sec-2 .start-a-conv .row {
	    font-size: 0.8rem;
	    padding: 0rem 0.6rem;
	}

	.sec-2 .start-a-conv .txt{
		padding: 0.1rem;
	}

	.section-title{
		display: block;
		margin-bottom: 1.5rem;
	}

	.section-title span{
		display: none;
	}

	.home .hr-container{
		display: none;
	}

	.menu.visible .nav-item {
    	display: initial;
    	font-size: 1.2rem;
	}

	.nav-item > ul li {
    	margin-bottom: 0.25rem;
    	font-size: 1rem;
	}

	.nav-item > ul {
    	margin-top: 0.25rem;
	}
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1220px;
	}
}

@media (min-width: 1440px){
	.menu .wrapper{
		width: 59%;
	    margin-left: 4.42rem;
	    height: 90%;
	}
}