/*@import url("//hello.myfonts.net/count/26dc25");*/
@font-face {
    font-family: 'FuturaBT-Light';
    src: url('../fonts/FuturaBT-Light.eot');
    src: url('../fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),
            url('../fonts/FuturaBT-Light.woff') format('woff'),
            url('../fonts/FuturaBT-Light.ttf') format('truetype');}
@font-face {
    font-family: 'FuturaBT-Book';
    src: url('../fonts/FuturaBT-Book.eot');
    src: url('../fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Book.woff') format('woff'),
        url('../fonts/FuturaBT-Book.ttf') format('truetype');}
@font-face {
    font-family: 'FuturaBT-Bold';
    src: url('../fonts/FuturaBT-Bold.eot');
    src: url('../fonts/FuturaBT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Bold.woff') format('woff'),
        url('../fonts/FuturaBT-Bold.ttf') format('truetype');}


/* Global */

body {
    background-color:#fff;
    color: #ffffff;
    font-family: 'FuturaBT-Book', 'Open Sans', sans-serif;
	font-weight: normal;
    font-size: 25px;
    line-height: 1.4;
    position: relative;
}
h2, h3, h4, h5 {
    font-family: 'FuturaBT-Bold';
    font-weight: normal;
    text-transform: uppercase;
}
h2 {
    font-size: 82px;
}
h3 {
    font-size: 50px;
    margin: 0 0 20px;
}
h4 {
    font-size: 30px;
    margin: 0 0 0.5em;
}
h5 {
    font-size: 18px;
    margin: 1em 0 1em;
}
p {
    margin: 0 0 0.8em;
}
p + ul.list {
    margin-top: -0.8em;
}
ul.list {
    list-style: none;
    margin: 0 0 1em;
    padding: 0 0 0 13px;
}
ul.list li + li {
    margin-top: 0.7em;
}
ul.list li:before {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    float: left;
    margin-left: -11px;
    margin-top: 10px;
    height: 6px;
    width: 6px;
}
img {
    display: block;
	max-width: 100%;
}
a:hover {
	text-decoration: underline;
}
a:focus {
    outline: none;
}
a[href^="tel"] {
    color: #000000;
    text-decoration: none;
}
.light-text {
    font-family: 'FuturaBT-Light';
}
.small-text {
    font-size: 16px;
    line-height: 1.45;
}
.block-text {
    margin-bottom: 80px;
}
.image-presentation {
    margin: 0 auto 15px;
}
.image-presentation_big {
    margin-top: 25px;
}
.wrapper {
    min-width: 320px;
    position: relative;
    z-index: 10;
}


/* Navigation */
.pageScrollerNav {
    color: black;
    left: 0;
    margin-top: -176px;
    position: fixed;
    top: 50%;
    z-index: 1000000;
}
.button-nav {
    display: none;
    cursor: pointer;
    right: 10px;
    position: absolute;
    top: 10px;
}
.icon-bar {
    background-color: #000;
    display: block;
    height: 6px;
    margin: 3px auto 8px;
    width: 40px;
}
.link-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .link {
        clear: both;
        display: block;
        margin: 0;
        position: relative;
    }
    .link a {
        cursor: pointer;
        text-decoration: none;
    }
    .link-text {
        background: #ffffff;
        color: #333333;
        display: none;
        font-family: 'FuturaBT-Book';
        font-size: 16px;
        height: 44px;
        line-height: 45px;
        padding: 0 10px 0 12px;
        position: relative;
        text-transform: uppercase;
        zoom: 1;
    }
    .mac .link-text {
        line-height: 49px;
    }
    .link-text:after{
        border-top: 22px solid transparent;
        border-left: 15px solid #ffffff;
        border-bottom: 22px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        right: -15px;
        position: absolute;
        top: 0;
        width: 0;
    }
    .link:hover .link-text {
        display: inline-block;
        *display: inline;
    }
    .link-circle-cont {
        float: left;
        padding: 10px;
        position: relative;
        z-index: 10;
    }
    .link:hover .link-circle-cont,
    .link.active .link-circle-cont {
        background: #eaeaea;
    }
    .link-circle {
        border-radius: 50%;
        display: block;
        height: 24px;
        width: 24px;
    }
    .link[data-id="home"] .link-circle {
        background: #9ea38c;
    }
    .link[data-id="sei_in_brief"] .link-circle {
        background: #2e627e;
    }
    .link[data-id="connections"] .link-circle {
        background: #f68b1f;
    }
    .link[data-id="explore_our_world"] .link-circle {
        background: #713230;
    }
    .link[data-id="facts_figures"] .link-circle {
        background: #4f685d;
    }
    .link[data-id="image_gallery"] .link-circle {
        background: #86a1b4;
    }
    .link[data-id="feedback"] .link-circle {
        background: #ceb2ab;
    }
    .link[data-id="download_pdf"] .link-circle {
        background: #fec389;
    }

.section {
    height: auto;
    position: relative;
    width: 100%;
}

/* General sectors */
.sector {
	background-attachment: fixed;
	height: auto;
	position:relative;
	/*padding:140px 0;*/
    width: 100%;
}

/* pages header */
.page-header {
    background: #FFFFFF;
    color: #22170d;
    padding: 35px 0;
}
.page-logo {
    float: left;
}
.pre-text {
    font: 20px/44px 'FuturaBT-Bold';
    float: right;
}

.topic-container {
	min-height: 270px;
}

/* section 1 sector 1 */
.section_1_sector_1 {
    background: #5e7e1b url(../img/01_cover_mattias_klum.jpg) center bottom no-repeat;
    height: 1265px;
    background-size: cover;
    text-align: center;
}
.page-title {
    font-size: 90px;
    line-height: 0.85;
    margin: 360px auto 115px;
    max-width: 50%;
}
.scroll-item {
    background: #fff;
    border-radius: 50%;
    color: #a1a439;
    font: 22px/3.8 "Times New Roman",Georgia,Serif;
    font-style: italic;
    font-weight: normal;
    height: 130px;
    margin: 0 auto;
    padding: 10px;
    width: 130px;
}
.scroll-item:after {
    background: url('../img/scroll-pic.png') 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 60px;
    margin: -23px auto;
    width: 20px;
}

/* section 1 sector 2 */
.section_1_sector_2 {
    background: #f1f1f1;
    padding: 100px 0;
}
.video-block {
    margin: 0 auto;
    height: 264px;
    max-width: 100%;
    position: relative;
    width: 470px;
}
.video-block-title {
    background: url('../img/header-video-preview.jpg') center no-repeat;
    background-size: cover;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.video-block-title-inside {
    /*font-size: 35px;*/
    /*margin: 17% 40% 0 8%;*/
    font-size: 24px;
    margin: 20% 40% 0 5%;
}
.video-block-title-autor {
    display: block;
    /*font: 50px/1 'FuturaBT-Bold';*/
    /*margin: -5px 0 45px;*/
    font: 23px/1 'FuturaBT-Bold';
    margin: -1% 0 5%;
}
#introvideo {
    display: block;
    height: auto;
    max-width: 100%;
    visibility: hidden;
    width: 100%;
}
.video-play {
    background: #333333;
    border-radius: 50%;;
    cursor: pointer;
    /*height: 50px;*/
    /*padding: 23px;*/
    /*width: 50px;*/
    height: 20px;
    padding: 12px;
    width: 20px;
}
.video-play:before {
    /*border-top: 25px solid transparent;*/
    /*border-left: 30px solid #fff;*/
    /*border-bottom: 25px solid transparent;*/
    border-top: 10px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    /*margin: 0 0 0 14px;*/
    margin: 0 0 0 5px;
    width: 0;
}

.section_2_sector_1 {
    /*background: #2e627e url(../img/02_sei_in_brief_mattias_klum.jpg) center no-repeat;*/
}
.section_3_sector_1 {
    /*background: #e9841d url('../img/03_connections_mattias_klum.jpg') center no-repeat;*/
}
.section_4_sector_1 {
    /*background: #713230 url('../img/04_map_mattias_klum.jpg') center no-repeat;*/
}
.section_5_sector_1 {
    /*background: #4f685d url('../img/05_facts_figures_mattias_klum.jpg') center no-repeat;*/
}
.section_7_sector_1 {
    /*background: #ceb2ab url('../img/06_feedback_mattias_klum.jpg') center no-repeat;*/
}
.section_7_sector_3 {
    /*background: #156497 url('../img/07_addresses_mattias_klum.jpg') center no-repeat;*/
}
.section_8_sector_1 {
    /*background: #ffffff url('../img/08_download_mattias_klum.jpg') center no-repeat;*/
    height: 670px;
    text-align: center;
}
.section_2_sector_1,
.section_3_sector_1,
.section_4_sector_1,
.section_5_sector_1,
.section_7_sector_1,
.section_7_sector_3 {
    height: 590px;
}

/* sector 2 */
.sector_table {
    display: table;
}
.sector_table-item {
    display: table-cell;
    vertical-align: middle;
}

/* sector 3 */
.section_2_sector_2 {
    background: #2e627e;
    padding: 95px 0 15px;
}
.link-down-block {
    color: #ffffff;
    text-decoration: none;
}
.link-down-block:before {
    color: #ffffff;
    content: "v";
    float: left;
    margin-right: 3px;
}


/* sector 5 */
.section_3_sector_2 {
    background: #f68b1f;
    padding: 105px 0 60px;
    padding-bottom: 0px;
}
/* sector 6 */
.section_3_sector_3 {
    background: #f68b1f;
    padding: 80px 0;
	padding-top: 20px;
    text-align: center;
}
.sector-title_small {
    margin-bottom: 0;
}
.block-circle_list {
    margin: 30px 0;
    margin-top: 0px;
    position: relative;
}
.block-circle_item {
    display: inline-block;
    *display: inline;
    margin: 0 0px;
    zoom: 1;
}
.block-circle_item-inside {
    /*background: #ffffff;*/
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /*box-shadow: -1px -1px rgba(0,0,0,0.1);*/
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    line-height: 0.75;
    height: 60px;
    padding: 13px;
    text-align: center;
    width: 60px;
    vertical-align: top;
    zoom: 1;
}
.block-circle_item-inside.active,
.block-circle_item-inside:hover {
    /*background: #000000;*/
    color: #000000;
}
.block-circle_item-inside:before {
    background: url('../img/pic/sprite_mono.png') no-repeat;
    content: "";
    display: block;
    /*height: 107px;*/
    height: 55px;
    margin: 0 auto;
}

.block-circle_item-inside-energy:before {
    background-position: 0 -223px;
    width: 29px;
}
.block-circle_item-inside-ecosystems:before {
    background-position: -155px -223px;
    width: 36px;
}
.block-circle_item-inside-climate:before {
    background-position: -108px -223px;
    width: 44px;
}
.block-circle_item-inside-air-quality:before {
    background-position: -29px -223px;
    width: 39px;
}
.block-circle_item-inside-water:before {
    background-position: -242px -223px;
    width: 29px;
}
.block-circle_item-inside-food-security:before {
    background-position: -194px -223px;
    width: 46px;
}
.block-circle_item-inside-cities:before {
    background-position: -68px -223px;
    width: 39px;
}
.block-circle_item-inside-energy.active:before,
.block-circle_item:hover .block-circle_item-inside-energy:before {
    background-position: 0 -279px;
}
.block-circle_item-inside-ecosystems.active:before,
.block-circle_item-inside-ecosystems:hover:before {
    background-position: -155px -279px;
}
.block-circle_item-inside-climate.active:before,
.block-circle_item-inside-climate:hover:before {
    background-position: -108px -279px;
}
.block-circle_item-inside-air-quality.active:before,
.block-circle_item-inside-air-quality:hover:before {
    background-position: -29px -279px;
}
.block-circle_item-inside-water.active:before,
.block-circle_item-inside-water:hover:before {
    background-position: -242px -279px;
}
.block-circle_item-inside-food-security.active:before,
.block-circle_item-inside-food-security:hover:before {
    background-position: -194px -279px;
    width: 46px;
}
.block-circle_item-inside-cities.active:before,
.block-circle_item-inside-cities:hover:before {
    background-position: -68px -279px;
}

.block-circle_title {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 5px;

	display: block;
    width: 86px;
	margin-left: -14px
    
}
.topic-popup-text {
    display: none;
}
.topic-popup {
    display: none;
    background: #fff;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    /*top: -40px;*/
    padding: 50px 0;
    position: relative;
    text-align: left;
}
.topic-popup .container,
.gallery-popup .container,
.office_box-inside {
    position: relative;
}
.close-popup {
    background: url('../img/close_popup.png') center no-repeat;
    background-size: 11px 10px;
    cursor: pointer;
    display: block;
    height: 10px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 11px;
}
.close-popup-text {
    right: 0;
    top: -35px;
    background-position: right center;
    color: rgb(0, 0, 0);
    font-family: 'FuturaBT-Bold';
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    width: auto;
    padding-right: 15px;
    text-transform: uppercase;
}
/* sector 7*/
.section_3_sector_4 {
    background: #2e627e;
    padding: 100px 0 115px;
    text-align: center;
}

.video-people_container {
    position: relative;
    margin: 0px 0;
    overflow: hidden;
}
.video-people-clan {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.video-people_item {
    display: inline-block;
    *display: inline;
    overflow: hidden;
    margin-bottom: -10px;
    position: relative;
    zoom: 1;
}
.mac .video-people_item {
    margin-bottom: -11px;
}

.js-popup-video {
    cursor: pointer;
}
.video-people_cont-inside {
    background: #ffffff;
    overflow: hidden;
    width: 100%;
}
.video-people_inside {
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    max-width: 173px;
    width: 173px;
}
.video-people_text {
    color: #333333;
    font-size: 20px;
    padding: 30px  15px 15px;
    text-align: left;
}
.video-people_title {
    display: block;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px;
}
.video-people_button {
    background: #333333;
    border-radius: 50%;
    display: block;
    height: 24px;
    margin: 4% 0 0;
    opacity: 0.85;
    width: 24px;
}
.js-popup-video:hover  .video-people_button {
    opacity: 1;
}
.video-people_button:before {
    content: "";
    border-top: 6px solid transparent;
    border-left: 8px solid #ffffff;
    border-bottom: 6px solid transparent;
    display: block;
    float: left;
    left: 50%;
    height: 0;
    margin: -6px 0 0 -3px;
    position: relative;
    top: 50%;
    width: 0;
}
.video-people_popup {
    background: url("../img/pattern-popup-video.png") 0 0 repeat;
    bottom: 0;
    display: none;
    left: 0;
    height: 100%;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.video-people_popup.show {
    display: table;
}
.video-popup-cont {
    display: table-cell;
    vertical-align: middle;
}
.video-popup {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 620px;
}
.video-people_popup video {
    max-height: 100%;
    max-width: 100%;
}
.video-people_popup .close-popup {
    top: -23px;
}

.video-cont {
    overflow: hidden;
    text-align: center;
}
.video-cont video {
    margin-left: 1px;
}

/* sector_8 */
.section_4_sector_2 {
    background: #592a2a;
    /*height: 850px;*/
    padding: 70px 0 0;
    text-align: center;
}
.map-header {
    background: #592a2a;
    position: relative;
    z-index: 11000;
}
.map-prompt {
    display: block;
    margin: -25px auto 25px;
    position: relative;
    z-index: 1;
    text-align: center;
}
.map-block_cont {
    margin: 0 auto;
    position: relative;
}
.map-block_item {
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
    vertical-align: top;
    width: 11%;
}

.map-block_link {
    display: block;
    line-height: 0.8;
    padding: 15px 0 20px;
    position: relative;
    text-decoration: none;
}
.map-block_link:hover {
    text-decoration: none;

}
.map-block_link[rel]:before {
    background: url('../img/icon-map.png') no-repeat;
    content:"";
    display: block;
    margin: 0 auto 5px;
    height: 20px;
}
.map-block_link.selected:after,
.map-block_link.active:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #592a2a;
    bottom: -9px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}

.map-block_link[rel="energy"]:before {
    background-position: -12px 0;
    width: 10px;
}
.map-block_link[rel="energy"]:hover:before ,
.map-block_link.selected[rel="energy"]:before {
    background-position: 0 0;
}
.map-block_link[rel="ecosystems"]:before {
    background-position: -41px 0;
    width: 16px;
}
.map-block_link[rel="ecosystems"]:hover:before ,
.map-block_link.selected[rel="ecosystems"]:before {
    background-position: -24px 0;
}
.map-block_link[rel="climate"]:before {
    background-position: -78px 0;
    width: 18px;
}
.map-block_link[rel="climate"]:hover:before ,
.map-block_link.selected[rel="climate"]:before {
    background-position: -58px 0;
}
.map-block_link[rel="airquality"]:before {
    background-position: -115px 0;
    width: 16px;
}
.map-block_link[rel="airquality"]:hover:before ,
.map-block_link.selected[rel="airquality"]:before {
    background-position: -98px 0;
}
.map-block_link[rel="water"]:before {
    background-position: -144px 0;
    width: 13px;
}
.map-block_link[rel="water"]:hover:before ,
.map-block_link.selected[rel="water"]:before {
    background-position: -131px 0;
}
.map-block_link[rel="foodsecurity"]:before {
    background-position: -176px 0;
    width: 19px;
}
.map-block_link[rel="foodsecurity"]:hover:before ,
.map-block_link.selected[rel="foodsecurity"]:before {
    background-position: -157px 0;
}
.map-block_link[rel="cities"]:before {
    background-position: -213px 0;
    width: 16px;
}
.map-block_link[rel="cities"]:hover:before ,
.map-block_link.selected[rel="cities"]:before {
    background-position: -196px 0;
}
.map-block_link[rel="various"]:before {
    background-position: -247px 0;
    width: 17px;
}
.map-block_link[rel="various"]:hover:before ,
.map-block_link.selected[rel="various"]:before {
    background-position: -230px 0;
}
.map-block_link[rel="globalitems"]:before {
    background-position: -285px 0 ;
    width: 18px;
}
.map-block_link[rel="globalitems"]:hover:before ,
.map-block_link.active[rel="globalitems"]:before ,
.map-block_link.selected[rel="globalitems"]:before {
    background-position: -266px 0;
}
.map-block_link[rel="offices"]:before {
    background-position: -316px 0;
    width: 13px;
}
.map-block_link[rel="offices"]:hover:before ,
.map-block_link.selected[rel="offices"]:before {
    background-position: -304px 0;
}


.map-block_title {
    color: #c69290;
    font-size: 11px;
    text-transform: uppercase;
}
.map-block_link:hover .map-block_title ,
.map-block_link.active .map-block_title ,
.map-block_link.selected  .map-block_title {
    color: #ffffff;
    font-family: 'FuturaBT-Bold';
}
.map-block_item-global {
    top: 105%;
    display: none;
    left: 0;
    margin-top: 9px;
    right: 0;
    position: absolute;
}
.map-block_link.selected + .map-block_item-global {
    display: block;
}
.map-block_link[rel="globalitems"]:after {
    background-image: url(../img/map-pic/boxarrow.png);
    border: none;
    bottom: 0;
    height: 10px;
    width: 20px;
}
.map-block_item-global-inside {
    background: #fff;
    color: #333333;
    display: none;
    font-size: 14px;
    line-height: 1.2;
    left: -15px;
    padding: 30px 15px 15px;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 292px;
    z-index: -1;
}
.map-block_item-global-inside.selected {
    display: block;
}
.map-block_item-global-inside a {
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}
.map-block_item-global-inside ul {
    margin-top: 0;
    padding-left: 20px;
}
.global-item-cont {
    background-color: white;
    color: rgb(0, 0, 0);
    display: none;
    left:0;
    right: 0;
    /*padding: 10px 0;*/
    position: absolute;
    text-align: left;
    top: 368px;
    z-index: 1000;
}
.global-item-cont.active {
    display: block;
}

.global-item-cont a,
.infoBox a {
    color: #000000;
}
/*.map-block_item-global .map-block_link.active:after {*/
    /*background-image: url(../img/map-pic/boxarrow.png);*/
    /*bottom: -8px;*/
    /*content:"";*/
    /*display: block;*/
    /*height: 6px;*/
    /*left: 50%;*/
    /*margin-left: -6px;*/
    /*position: absolute;*/
    /*width: 13px;*/
/*}*/
.map {
    height: 810px;
    width: 100%;
}

/* map-popup */
.map-popup {
    background: #FFFFFF;
    color: #000000;
    /*position: relative;*/
    text-align: left;
}
.map-block-cont {
    padding: 30px 0;
    position: relative;
}
.map-popup-title {
    font-family: 'FuturaBT-Book';
    line-height: 1.1;
    margin-bottom: 35px;
    text-transform: none;
}
.sub-menu {
    margin: 0 0 30px 7px;
    padding: 0;
}
.sub-menu_item {
    display: inline-block;
    *display: inline;
    margin: 0 0 0 -7px;
    vertical-align: top;
    zoom: 1;
}
.sub-menu_link {
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    text-transform: uppercase;
    vertical-align: top;
    zoom: 1;
}
.sub-menu_link:hover {
    text-decoration: underline;
}
.sub-menu_link-active {
    background: #713230;
    color: #FFFFFF;
    cursor: default;
    position: relative;
}
.sub-menu_link-active:hover {
    text-decoration: none;
}
.sub-menu_link-active:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #713230;
    bottom: -4px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 0;
}
.sub-block {
    display: none;
    font-family: 'FuturaBT-Book', 'Open Sans', sans-serif;
    overflow: hidden;
}
.sub-block-active {
    display: block;
}
.sub-block-left {
    font-size: 14px;
}
.sub-block-left img {
    margin-bottom: 5px;
}
.close-map-popup {
    cursor: pointer;
    font-family: 'FuturaBT-Bold';
    font-size: 12px;
    position: absolute;
    right: 1%;
    top: 10px;
    text-transform: uppercase;
}
.close-map-popup:before {
    background: url('../img/close_popup.png') center no-repeat;
    background-size: 11px 10px;
    content: "";
    cursor: pointer;
    display: block;
    float: right;
    height: 10px;
    padding: 2px 3px 2px 5px;
    width: 11px;
}
.read-more-link {
    font-size: 14px!important;
    position: relative;
    text-decoration: none;
}
.read-more-link:after {
    content: "";
    background: url('../img/map-pic/link_arrow.png') 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    height: 12px;
    margin-top: -6px;
    margin-left: 5px;
    position: absolute;
    width: 8px;
    top: 50%;
    zoom: 1;
}
.office_box{
    color: #000000;
    font-size: 14px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
    width: 50%;
}
.office_box:before {
    background: url("../img/map-pic/boxarrow.png") center no-repeat;
    content:"";
    left: 50%;
    height: 10px;
    margin-left:-10px;
    position: absolute;
    width: 20px;
    top: -10px;
}

.map-block-title{
    margin-top: 0;
    text-align: center;
}
.map-block-item {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.map-block-item + .map-block-item {
    margin-left: 20px;
}
.map-cont {
    position: relative;
}
.map-cont.passive:after {
    content: "";
    background: url('../img/pattern-map-overlay.png') 0 0 repeat;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}
.map-note {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 20px;
    z-index: 1000;
}
.map-note-inside {
    background: #ecd5d4 ;
    border: 2px solid #ecd5d4;
    -o-box-shadow: 0 0 7px rgba(97, 46, 45, 0.61), inset 0 0 4px rgba(172,120,118,0.48);
    -moz-box-shadow: 0 0 7px rgba(97, 46, 45, 0.61), inset 0 0 4px rgba(172,120,118,0.48);
    -webkit-box-shadow: 0 0 7px rgba(97, 46, 45, 0.61), inset 0 0 4px rgba(172,120,118,0.48);
    box-shadow: 0 0 7px rgba(97, 46, 45, 0.61), inset 0 0 4px rgba(172,120,118,0.48);
    color: #333333;
    display: block;
    font-size: 16px;
    left: -50%;
    padding: 3px 5px;
    position: relative;
}
.map-note-inside:before {
    background: url('../img/map-pic/map-button-arrow.png') center no-repeat;
    content: "";
    display: block;
    float: left;
    height: 23px;
    margin-right: 3px;
    width: 23px;
}


.connected_items_comment_hover {
    color: #999;
}
.connected_items_comment_hover-inside {
    color: #000;
}

.infoBox {
    /*margin-top: 8px;*/
    text-align: left;
}

.article_connected_link
{
    background: url('../img/map-pic/sprite-map.png') no-repeat;
    display: inline-block;
    *display: inline;
    height: 31px;
    width: 31px;
    zoom: 1;
}
.article_connected_link_airquality          {   background-position: 0 0;   }
.article_connected_link_airquality:hover    {   background-position: 0 -31px;   }
.article_connected_link_cities              {   background-position: -31px 0;   }
.article_connected_link_cities:hover        {   background-position: -31px -31px;   }
.article_connected_link_climate             {   background-position: -62px 0;   }
.article_connected_link_climate:hover       {   background-position: -62px -31px;   }
.article_connected_link_ecosystems          {   background-position: -93px 0;  }
.article_connected_link_ecosystems:hover    {   background-position: -93px -31px;  }
.article_connected_link_energy              {   background-position: -124px 0;  }
.article_connected_link_energy:hover        {   background-position: -124px -31px;  }
.article_connected_link_foodsecurity        {   background-position: -156px 0;  }
.article_connected_link_foodsecurity:hover  {   background-position: -156px -31px;  }
.article_connected_link_water               {   background-position: -187px 0;  }
.article_connected_link_water:hover         {   background-position: -187px -31px;  }

/* sector_10 */
.section_5_sector_2 {
    background: #4f685d;
    padding: 105px 0 135px;
}
.image-infograph {
    margin-top: 50px;
    margin-bottom: 100px;
    max-width: 101.6%;
}
.table-cont {
    margin-top: -25px;
}
.table-caption {
    font-size: 16px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
.table-title {
    display: block;
    font-family: 'FuturaBT-Bold';
}
table {
    border: 1px solid #71867d;
    font-family: 'FuturaBT-Light';
    font-size: 13px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
thead {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #4f685d;
    font-weight: 600;
}
thead td:first-child {
    font-family: 'FuturaBT-Bold';
    font-weight: normal;
}
tfoot {
    font-family: 'FuturaBT-Bold';
}
tr  {
    border-bottom: 1px solid#71867d;
}
td {
    padding: 8px 0;
    width: 10%;
}
td:first-child {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 57%;
}
td:last-child {
    font-size: 11px;
    width: 45%;
}
td[colspan="3"] {
    background: #fff;
    padding: 0;
}
tfoot img {
    max-width: 413px;
    margin: 0 auto;
    width: 100%;
}
tbody tr td:nth-child(1):before {
    content: "";
    display: block;
    float: left;
    height: 13px;
    margin: 2px 7px 0 -2px;
    width: 13px;
}
tbody tr:nth-child(1) td:nth-child(1):before {
    background: #86a1b4;
}
tbody tr:nth-child(2) td:nth-child(1):before {
    background: #2a6381;
}
tbody tr:nth-child(3) td:nth-child(1):before {
    background: #b68382;
}
tbody tr:nth-child(4) td:nth-child(1):before {
    background: #742030;
}
tbody tr:nth-child(5) td:nth-child(1):before {
    background: #fec389;
}
tbody tr:nth-child(6) td:nth-child(1):before {
    background: #f68b23;
}
tbody tr:nth-child(7) td:nth-child(1):before {
    background: #9ea38c;
}
tbody tr:nth-child(8) td:nth-child(1):before {
    background: #677051;
}

/* sector_11 */
.section_7_sector_2 {
    background: #ceb2ab;
    padding: 105px 0 145px;
    text-align: center;
}
.section_7_sector_2 h3 {
    margin-bottom: 0.7em;
}
.section_7_sector_2 .small-text {
    margin-bottom: 50px;
    text-align: left;
}
.form-list {
    margin-bottom: 0;
    padding: 0;
}
.form-item {
    display: inline-block;
    *display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    vertical-align: top;
    zoom: 1;
}
form {
    margin: 30px 0 0;
    overflow: hidden;
}
label {
    display: table;
    font-family: 'FuturaBT-Light';
    font-size: 16px;
}
input[type="text"],
textarea {
    border: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
    font-size: 26px;
    resize: none;
    padding: 19px 20px;
    width: 100%;
}
textarea {
    height: 180px;
}
input[type="submit"] {
    background: transparent;
    border: 3px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-family: 'FuturaBT-Bold';
    font-size: 20px;
    height: 110px;
    outline: none;
    margin-top: 20px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}
input[type="submit"]:hover {
    border-width: 6px;
}

/* sector_12 */
.section_7_sector_4 {
    background: #ffffff;
    color: #000000;
    padding: 75px 0 0;
    text-align: center;
}
.contact-list {
    font-size: 16px;
    line-height: 1.45;
    margin: 80px -4% 80px 0;
    text-align: left;
}
.contact-block {
    display: inline-block;
    *display: inline;
    margin: 0 1% 70px;
    width: 22%;
    vertical-align: top;
    zoom: 1;
}
.contact-block_title {
    display: block;
    font-family: 'FuturaBT-Bold';
    margin-bottom: 10px;
    text-transform: uppercase;
}
.add-office {
    display: inline-block;
    *display: inline;
    margin-top: 10px;
    zoom: 1;
}

/* sector_13 */
.download-button {
    background: url('../img/pdf-icon.png') 0 0 no-repeat;
    display: block;
    color: transparent;
    height: 91px;
    margin: 60px auto 0;
    width: 92px;
}

.section_6_sector_1 {
    background: #86a1b4;
    padding: 100px 0 50px;
    text-align: center;
}
.gallery-list {
    margin: 100px 0;
}
.gallery-item {
    cursor: pointer;
    margin-bottom: 20px;
}
.gallery-item .gallery-img {
    border: 3px solid transparent;
    margin-left: -3px;
}
.gallery-item:hover .gallery-img {
    border-color: #fff;
}
.gallery-popup {
    background: #fff;
    display: none;
    /*top: -50px;*/
    padding: 50px 0;
    position: relative;
}

.img-holder {
    position: absolute;
}
.imageHolder {
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    overflow: hidden;
    z-index: -1;
    visibility: hidden;
}
.imageHolder img {
    position: absolute;
    max-width: none;
    min-height: 100%;
    height: 100%;
    width: auto;
    top: 0;
    bottom: 0;
    min-width: 100%;
}
@media all and (min-aspect-ratio: 70/47) {
    .imageHolder img {
        height: auto;
        width: 100%;
    }

}

.infoBox .js_container {
    margin: 0 auto;
    width: 50%;
}



@media screen and (max-width: 1025px) {
    .container {
        width: 92%;
    }


    .section_1_sector_1 {
        background-position: center 30%;
        height: 895px;
    }
    .page-title {
        font-size: 75px;
        margin: 200px auto 90px;
    }
    .section_1_sector_2 {
        padding: 70px 0;
    }

    .section_2_sector_1,
    .section_3_sector_1,
    .section_4_sector_1,
    .section_5_sector_1,
    .section_7_sector_1,
    .section_7_sector_3 {
        height: 490px;
    }

    .map-header .container,
    .map-header .grid_12{
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .video-people_item {
        width: 33.3%;
    }
    .video-people_inside {
        max-width: 50%;
        width: 50%;
    }
    .video-people_item:nth-of-type(6n + 1) .video-people_img,
    .video-people_item:nth-of-type(6n + 2) .video-people_img,
    .video-people_item:nth-of-type(6n + 3) .video-people_img {
        float: right;
    }
    .video-people_text {
        padding-top: 6%;
        padding-bottom: 2%;
    }
    .line_1024 {
        display: none;
    }


    .section_4_sector_2 {
        padding: 40px 0 0;
    }
    .section_5_sector_2 {
        padding: 60px 0;
    }

    .section_6_sector_1 {
        padding: 60px 0 20px;
    }
    .download-button {
        margin-top: 50px;
    }

    /*.section_8_sector_1 {*/
        /*background: url('../img/08_download_mattias_klum-middle.jpg') center no-repeat;*/
    /*}*/
}

@media screen and (max-width: 1400px) {
    .line_1024 {
        display: none;
    }
}




@media screen and (max-width: 769px) {

	.secondcolumn {
		margin-left: 60px;
	}

    .page-title {
        margin-bottom: 70px;
    }
    .section_1_sector_2 {
        padding: 50px 0;
    }
    .section_2_sector_2 {
        padding: 35px 0 170px;
    }
    .section_2_sector_2 .grid_6 {
        margin: 0;
        width: 100%;
    }
    .section_2_sector_2 h4 {
        margin: 0.5em 0;
    }
    .section_2_sector_2 h5 {
        margin-top: 2em;
    }
    .section_2_sector_2 .cont-text {
        padding-left: 8%;
    }
    .section_2_sector_2 .cont-image {
        float: right;
        padding-left: 0;
    }
    .section_2_sector_2 .cont-text +  .cont-image {
        margin-top: 0.5em;
    }

    .video-people_item:nth-of-type(6n + 1) .video-people_img,
    .video-people_item:nth-of-type(6n + 2) .video-people_img,
    .video-people_item:nth-of-type(6n + 3) .video-people_img {
        float: left;
    }
    .video-people_item:nth-of-type(3n) {
        display: block;
        margin: 1px auto 0;
    }

    .mac .video-people_item:nth-of-type(3n) {
        margin: 0 auto;
    }

    .section_3_sector_2 {
        padding-top: 48px;
    }
    .image-presentation_big {
        margin-left: -3%;
        margin-top: 5px;
        max-width: none;
        width: 110%;
    }
    .section_3_sector_3 {
        padding: 50px 0 90px;
    }
    .block-circle_list {
        margin-top: 30px;
    }
    .container .block-circle_list {
        padding-left: 2%;
        width: 98%;
    }
    .block-circle_item {
        margin: 0 6px;
    }
    .section_3_sector_4 {
        padding: 45px 0 60px;
    }
    .video-people_item {
        width: 50%;
    }

    .container .table-cont {
        width: 90%;
    }

    .section_7_sector_2 {
        padding: 60px 0;
    }
    .section_7_sector_2 h3 {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 10px;
    }
    .section_7_sector_2 .container .grid_10 {
        padding: 0;
        width: 100%;
    }
    .section_7_sector_4 {
        padding: 90px 0 40px;
    }
    .contact-list {
        margin: 50px auto 40px;
        max-width: 100%;
        width: 500px;
    }
    .contact-block {
        margin-bottom: 55px;
        width: 47%;
    }
    .section_8_sector_1 .grid_6 {
        padding-left: 14%;
        width: 70%;
    }
}

@media screen and (max-width: 641px) {

    body {
        font-size: 34px;
    }
    h2 {
        font-size: 50px;
    }
    h3 {
        font-size: 30px;
        margin: 0 0 5px;
    }
    h4 {
        font-size: 40px;
        margin: 0 0 0.5em;
    }
    h5 {
        font-size: 30px;
        margin: 1em 0 0;
    }
    ul.list {
        padding-left: 20px;
    }
    ul.list li:before {
        margin-left: -21px;
        margin-top: 16px;
        height: 10px;
        width: 10px;
    }
    .small-text {
        font-size: 26px;
    }
    .container {
        margin:  0 auto;
        width: 88%;
    }
    .container .grid_3,
    .container .grid_5,
    .container .grid_6,
    .container .grid_7,
    .container .grid_8,
    .container .grid_10,
    .container .grid_11,
    .container .grid_12 {
        margin: 0;
        width: 100%;
    }
    .container .prefix_1,
    .container .prefix_2,
    .container .prefix_3,
    .container .prefix_4 {
        padding-left: 0;
    }
    .pageScrollerNav {
        background: #fff;
        /*height: 64px;*/
        margin: 0;
        padding: 0 4%;
        position: fixed;
        width: 92%;
        top: 0;
        z-index: 100000;
    }
    .pageScrollerNav[data-link="0"] {
        display: none;
    }
    .pageScrollerNav.open .link {
        display: block;
    }
    .link:not(.active) {
        display: none;
    }
    .link.active {
        display: block!important;
        height: 64px;
    }
    .link-circle-cont {
        display: none;
    }
    .link-text {
        display: block;
    }
    .link:hover .link-text {
        display: block;
        font-family: 'FuturaBT-Bold';
    }
    .active .link-text {
        font: 30px/64px 'FuturaBT-Bold';
    }
    .button-nav {
        display: block;
    }

    .page-title {
        margin: 170px auto 70px;
        max-width: 90%;
    }
    .section_1_sector_2 {
        padding: 0;
    }
    .section_1_sector_2 .container {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    .video-block {
        height: auto;
        width: 100%;
    }
    .video-block-title-inside {
        margin-top: 16%;
        margin-left: 8%;
    }

    .section_2_sector_1,
    .section_3_sector_1,
    .section_4_sector_1,
    .section_5_sector_1,
    .section_7_sector_1,
    .section_7_sector_3 {
         display: none;
    }


    .section_2_sector_2 h4,
    .section_2_sector_2 h5 {
        /*margin-bottom: 0;*/
    }
    .section_2_sector_2 h5 {
        margin-top: 1em;
    }
    .section_2_sector_2 .cont-image {
        display: none;
    }
    .section_2_sector_2 .cont-text {
        padding-left: 0;
    }
    .block-text {
        margin-bottom: 50px;
    }
    .section_3_sector_2 {
        padding-bottom: 100px;
    }
    .section_3_sector_2 h4 {
        margin-bottom: 0;
    }
    .image-presentation_big {
        display: none;
    }
    .section_3_sector_3 {
        padding-top: 130px;
    }
    .block-circle_item-cont {
        display: inline;
    }
    .block-circle_item {
        margin: 0 10px 45px;
    }
    .block-circle_item-inside {
        padding: 44px;
    }

    .section_3_sector_4 {
        padding: 70px 0 190px;
    }
    .video-people_container {
        margin: 45px 0;
    }
    .video-people_item {
        background: #fff;
        width: 100%;
    }
    .video-people_item:nth-of-type(3n) {
        display: inline-block;
        margin: 0 0 -10px;
    }
    .mac .video-people_item {
        margin-bottom: -15px;
    }
    .video-people_inside {
        display: inline-block;
        *display: inline;
        max-width: none;
        zoom: 1;
    }
    .video-people_img {
        width: 32%;
    }
    .video-people_text {
        width: 68%;
    }
    .video-people_button {
        height: 70px;
        margin-top: -35px;
        position: absolute;
        right: 30px;
        width: 70px;
        top: 50%;
    }
    .video-people_button:before {
        border-top: 17px solid transparent;
        border-left: 20px solid #ffffff;
        border-bottom: 17px solid transparent;
        margin: -17px 0 0 -6px;
    }
    .video-popup {
        width: auto;
    }
    .map-prompt {
        margin: -7px auto 7px;
    }
    .map-block_item {
        width: 10%;
    }
    .container .table-cont {
        width: 100%;
    }
    .gallery-list {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .section_7_sector_2 {
        padding: 45px 0 60px;
    }
    .section_7_sector_2 .small-text {
        margin-bottom: 30px;
    }
    .section_7_sector_2 h4 {
        font-size: 30px;
    }
    .feedback_text {
        font-size: 20px;
    }
    form {
        margin-top: 40px;
    }
    .form-list {
        margin: 0 auto;
        max-width: 100%;
        width: 460px;
    }
    label {
        font-size: 23px;
        line-height: 1.6;
    }
    input[type="submit"] {
        font-size: 32px;
        height: 180px;
        width: 180px;
    }
    .section_7_sector_4 {
        padding: 75px 0 10px;
        text-align: left;
    }
    .section_7_sector_4 .container {
        margin: 0 auto;
        width: 460px;
    }
    .contact-block {
        margin: 20px 0 10px;
        width: 100%;
    }
    .contact-list {
        font-size: 26px;
        line-height: 1.3;
    }
    .add-office {
        margin-top: 20px;
    }

    .section_8_sector_1 {
        font-size: 25px;
    }
    .section_8_sector_1 h3 {
        display: none;
    }
    .container .gallery-item {
        margin: 0 0.5%;
        width: 49%;
    }

}

@media screen and (max-width: 441px) {
    .page-title {
        max-width: none;
    }
}

.gmnoprint img {
    max-width: none;
}


.cluster img{
    max-width: none;
}