.container_intro{
	background: url(images/map.png?v=2) no-repeat center -150px;
}

.intro{
	padding-top:20px;
}
.mapIntroText {
	width: 635px;
}
.intro img{
	margin-top:20px;
}

.main_illustration {
    position:absolute;
    left:15px;
    top:130px;
	width: 370px;
}

.main_maplayer {
    float:right;
    margin-right:-60px;
    margin-top:30px;
}

.container_intro div.sidebar {
    padding-top: 72px;
    text-align: left;
}

.section_infographics .row{
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #dedede;	
}

.section_infographics .row:before{
	display:block;
	width:100%;
	margin:20px;
}

.section_infographics .row:first-child,
.section_infographics .row:last-child{
	border-bottom:none;
}

.section_infographics .col:first-child{
	padding-right:0rem;
}

.section_infographics .col:last-child{
	padding-left:0rem;
}

.section_infographics .col:first-child h2,
.section_infographics .col:first-child p{
	padding-right:1rem;
}

.section_infographics .col:last-child h2,
.section_infographics .col:last-child p{
	padding-left:1rem;
}
.section-image {
	width: 338px;
}
.section_infographics_dw{
	background: url(images/background_dw.png?v=2) no-repeat center top;
}
.section_infographics_ww{
	background: url(images/background_ww.png?v=2) no-repeat center top;
}
#infographics {
    height: 0;
    overflow: hidden;
}
.info-wrapper {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
}
.intro .main_maplayer {
    display: block;
    margin-top: -34px;
    text-align: center;
}
.show-info {
    color: #243284;
}
.info-text {
    display: none;
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
    margin-top: 10px;
}
.main_maplayer {
    overflow: visible!important;
}
.main_maplayer circle {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
    .main_maplayer circle:hover {
        -webkit-transition: all 0.35s cubic-bezier(0.24, 0.11, 0.12, 1.69);
        -moz-transition: all 0.35s cubic-bezier(0.24, 0.11, 0.12, 1.69);
        -o-transition: all 0.35s cubic-bezier(0.24, 0.11, 0.12, 1.69);
        transition: all 0.35s cubic-bezier(0.24, 0.11, 0.12, 1.69);
    }

.chart {
    width: 555px;
    height: 300px;
    margin: 20px 0;
}

    .chart svg g.axes path.domain {
        stroke: rgb(0,0,0);
    }

    .chart svg g.axes g.tick line {
        opacity: 0.2 !important;
        stroke: rgb(179,179,179);
    }

    div.benchmarkpie path.node_d0:hover{
        stroke-width: 5px;
    }

    div.benchmarkpie path.node_d1:hover{
		stroke-width: 7px;
		opacity: 0.85;
    }


.arrowText {
    color: rgb(24,80,111);
    font-size: 14px;
    font-weight: bold;
}
#mapPopup {
    width: 150px;
    padding: 8px;
    font-family: Arial, sans-serif;
    background-color: white;
    border: 2px solid transparent;
    position: absolute;
    text-align: center;
    display: none;
    box-shadow: 2px 2px 10px -6px #999;
    z-index: 1;
}
#mapPopup h3 {
    margin: 0;
	font-size: 1em
}
.map-content {
	position: relative;
}
    #mapPopup::before {
		content: "";
		width: 12px;
		height: 12px;
		transform: rotate(45deg);
		position: absolute;
		left: 69px;
		bottom: -8px;
	}
    #mapPopup::after {
		content: "";
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		background-color: white;
		position: absolute;
		left: 70px;
		bottom: -5px;
	}
    #mapPopup.blue::before {
        background: #46AAE1;
    }
    #mapPopup.orange::before {
        background: #E6A676;
    }
    #mapPopup.purple::before {
        background: #951F82;
    }
    #mapPopup.darkblue::before {
        background: #1F6B95;
    }
    #mapPopup.black::before {
        background: #10354A;
    }
    #mapPopup.green::before {
        background: #59951F;
    }
	#mapPopup.red::before {
        background: #E04848;
    }
	#mapPopup.lightgreen::before {
        background: #219393;
    }

@media all and (max-width:1160px){
	.container_intro {
		background: url(images/map.png?v=1) no-repeat left -390px top -150px;
	}
	.sidebar  {
		display: none;
	}
}
@media (min-width: 768px) {
	.main_maplayer {
		margin-right: 0;
	}
}

@media (max-width: 768px) {
    .container_intro .row,
    .infographics .row {
        margin-right: 0;
        margin-left: 0;
    }

    .text-xs-left {
        text-align: left;
    }

    .text-xs-right {
        text-align: right;
    }

    .text-xs-center {
        text-align: center;
    }

    .infographics img {
        width: 50%
    }
}

@media (min-width: 992px){
	.col-md-6.text-md-left {
		text-align:left;
	}
	.col-md-6.text-md-right{
		text-align:right;
	}
	.col-md-6.text-md-center{
		text-align:center;
	}

    .main_maplayer {
        float: right;
        margin-right: 21px;
        margin-top: 30px;
    }
    #qs-container .container {
        width: 1140px;
    }
}
@media (max-width: 991px) {
	#innercontainer header #header #innerheader, #menu_top, header #container_menu .menu {
		max-width: 750px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container_intro {
		background: none;
	}
	.intro .main_maplayer, .main_illustration, .mapIntroText {
		display: none; 
	}
}