@charset "utf-8";
/* CSS Document */


body {
	margin:0px; 
	padding:0px;
	font:13px 'Roboto', Arial, Helvetica, sans-serif;
	color:#484648;
	min-width:480px;

}

body, p, h1, h2, h3 {
	margin:0px; 
	padding:0px;
}

/*********CASE STUDY POPUP********/

.case_studies_popup {
	max-width:1000px;
	padding:30px;
	box-sizing:border-box;
	text-align:center;
	background:#FFF;
	display:none;
	position:relative;
	margin:0px auto;
	width:85%;
}

.case_studies_menu {
	position:absolute;
	height:100%;
	background:#f5f5f5;
	top:0px; left:0px;
	overflow:hidden;
	width:250px;
	display:none;
	z-index:1;
}

.case_studies_menu .list {
	position:absolute;
	bottom:20px;
	top:100px;
	background:#f5f5f5;
	overflow:auto;
	padding:0px 45px;
	box-sizing:border-box;
	width:120%;
}

.case_studies_menu a {
	display:block;
	padding:5px 10px;
	text-align:left;
	font-size:20px;
	color:#000;
	text-decoration:none;
}

.case_studies_menu a:hover {
	text-decoration:underline;
}

.region_popup_menu a:hover {
	text-decoration:underline;
}

.case_studies_popup h2 {
	padding:0px 20px 20px 0px;
	border-bottom:1px solid #cdcccd;
	text-align:left;
	position:relative;
	cursor:pointer;
	font-size:20px;
	color:#d11145;
	font-weight:normal;
	z-index:2;
}

.case_studies_popup h2 .name {
	padding:0px 10px;
}

.case_studies_popup h2 .arrow-popup {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #acaaac;
  display:inline-block;
  vertical-align:top;
}

.case_studies_popup h2 .arrow-popup.active {
  width: 0; 
  height: 0; 
  
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d11343; 
  border-bottom:none;
 /* margin-left:-10px;*/

  display:inline-block;
  vertical-align:middle;
}



.case_studies_popup .close {
	position:absolute;
	width:20px; height:20px;
	text-align:center;
	color:#cf1243;
	right:0px; top:0px;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}

.case_studies_popup .content {
	padding:30px 0px;
}


.case_studies_popup .summary {
	width:30%;
	background:#69696c;
	float:left;
	text-align:left;
	padding:25px;
	box-sizing:border-box;
	color:#ffffff;
}

.case_studies_popup .summary h3 {
	font-size:16px;
	padding:0px 0px 10px;
	border-bottom:1px solid #fff;
	margin:0px 0px 10px;
}

.case_studies_popup .summary p {
	padding:7px 0px 5px 60px;
	font-size:14px;
	background-position:left center;
	background-repeat:no-repeat;
}

.case_studies_popup .summary p._1 {background-image:url(../images/case_study_icon_1.png);}
.case_studies_popup .summary p._2.materials {background-image:url(../images/materials.png); background-size:38px; background-position:7px center;}
.case_studies_popup .summary p._2.industrials {background-image:url(../images/industrials.png); background-size:38px; background-position:7px center;}
.case_studies_popup .summary p._2.healthCare {background-image:url(../images/healthCare.png); background-size:38px; background-position:7px center;}
.case_studies_popup .summary p._2.consumerDiscretionary {background-image:url(../images/consumerDiscretionary.png); background-size:38px; background-position:7px center;}
.case_studies_popup .summary p._2.utilities {background-image:url(../images/utilities.png); background-size:38px; background-position:7px center;}
.case_studies_popup .summary p._3 {background-image:url(../images/case_study_icon_3.png);}

.case_studies_popup .data {
	width:65%;
	float:right;
	text-align:left;
}

.case_studies_popup .data td {
	vertical-align:top;
	padding:7px 0px 7px;
	
}

.borderB {
	border-bottom:1px solid #999;
}

.case_studies_popup .data td.noPadding {
	padding:0px;
}

.case_studies_popup .data .short {
	padding:20px 0px;
}

/**************CASE STUDY TEXT*************/

.cs_readmore_overlay {
	position:absolute;
	width:100%;
	height:100%;
	left:0px; top:0px;
	
	display:none;
	z-index:1000;
}

.cs_readmore_table {
	display:table;
	position:absolute;
	width:100%;
	height:100%;
	top:0px; left:0px;
}

.cs_readmore_cell {
	display:table-cell;
	vertical-align:middle;
}

.cs_readmore_textbox {
	max-width:600px;
	background:#fff;
	box-sizing:border-box;
	z-index:1001;
	font-size:15px;
	width:90%;
	margin:0px auto;
	position:relative;
	padding:0px 0px 20px;
	
}

.cs_readmore_underlay {
	position:absolute;
	width:100%; bottom:0px;
	top:0px; left:0px;
	background:#000;
	opacity:.35;
}

.cs_readmore_textbox h2 {
	padding:20px;
	text-align:left;
	position:relative;
	background:#d11145;
	color:#fff;
	font-weight:normal;
	font-size:22px;
}


.cs_readmore_textbox .close {
	position:absolute;
	width:20px; height:20px;
	text-align:center;
	color:#fff;
	right:20px; top:25px;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}

.cs_readmore_text {
	padding:20px;
	overflow:auto;
	height:500px;
	font-size:19px;
	line-height:32px;
}



/**************POPUP**************/

.popup {
	max-width:650px;
	padding:15px 20px 20px;
	box-sizing:border-box;
	text-align:center;
	background:#FFF;
	position:relative;
	margin:0px auto;
	display:none;
	width:85%;
}





.overlay {
	position:absolute;
	width:100%;
	left:0px; height:100%;
	display:none;
	top:0px;
	box-sizing:border-box;
	z-index:250;
}

.overlay a {
	color:#cf1243;
}

.underlay {
	position:absolute;
	width:100%; height:100%;
	left:0px; top:0px;
	background:#000;
	opacity:.75;
	display:none;
}

.overlay .table {
	position:absolute;
	width:100%; height:100%;
	display:table;
	left:0px; top:0px;
}

.overlay .cell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:20px 0px;
}


.no_company {
	padding:30px 0px;
	display:none;
}

.region_popup_menu {
	position:absolute;
	height:100%;
	background:#f5f5f5;
	top:0px; left:0px;
	overflow:hidden;
	width:250px;
	display:none;
	z-index:1;
}

.region_popup_menu .downward {
	position:absolute;
	width:8px; height:10px;
	bottom:10px; left:50%;
	margin-left:-4px;
	background:url(../images/selector_arrows.png);
}

.region_popup_menu .list {
	position:absolute;
	bottom:35px;
	top:60px;
	background:#f5f5f5;
	overflow:auto;
	padding:0px 35px;
	box-sizing:border-box;
	width:120%;
}

.region_popup_menu a {
	display:block;
	padding:5px 10px;
	text-align:left;
	font-size:20px;
	color:#000;
	text-decoration:none;
}

.region_popup_menu a:hover {
	text-decoration:underline;
}

.popup h2 {
	padding:0px 0px 12px;
	border-bottom:1px solid #cdcccd;
	text-align:left;
	position:relative;
	cursor:pointer;
	font-size:20px;
	z-index:2;
}

.popup h2 .name {
	padding:0px 10px;
}

.popup h2 .arrow-popup {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #acaaac;
  display:inline-block;
  vertical-align:top;
}

.popup h2 .arrow-popup.active {
    width: 0; 
  height: 0; 
  
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d11343; 
  border-bottom:none;
  /*margin-left:-10px;*/

  display:inline-block;
  vertical-align:middle;
}


.popup h2 .flag {
	width:25px;
	height:18px;
	display:inline-block;
	background-size:cover;
	margin:0px 25px 0px 15px;
	vertical-align:top;
}

.popup .close {
	position:absolute;
	width:20px; height:20px;
	text-align:center;
	color:#cf1243;
	right:0px; top:0px;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}





.popup .data {
	text-align:center;
	padding:30px 0px 20px;
}

.popup .summary {
	float:left;
	width:45%;
}

.popup .graph {
	float:right;
	width:45%;
	padding:10px 0px 0px;
}


.popup .summary .company_num,
.popup .summary .increase {
	font-size:12px;
	padding:10px 30px;
}

.popup .summary .company_num h3 {
	font-size:normal;
	font-size:50px;
	color:#d11145;
	padding:0px 30px 5px 55px;
	background:url(../images/yes_icon.png) no-repeat left center;
	display:inline-block;
}

.popup .summary .increase h3 {
	font-size:normal;
	font-size:55px;
	color:#148632;
	padding:10px 30px 5px 65px;
	background:url(../images/increase_icon.png) no-repeat left center;
	display:inline-block;
}

.popup .summary .increase h3 sup {
	font-size:30px;
}



.popup .chart {
	padding:0px 0px 0px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;
}

.popup .chart .column_container {
	width:25px;
	height:220px;
	position:relative;
	display:inline-block;
	margin:0px 15px;
	
}

.popup .chart .column_container .year {
	position:absolute;
	bottom:-20px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:10px;
	
}


.popup .chart .column_container .column {
	position:absolute;
	bottom:0px;
	width:100%;
	height:150px;
	/*background:#066;*/
}

.column .bar {
	position:absolute;
	width:100%;
	background:#333;
}

.column .bar.yes {background:#d11145;}
.column .bar.in2Years {background:#721931;}
.column .bar.notPricing {background:#7d7d7d;}
.column .bar.notDisclosing {background:#c8c8c8;}


.popup .chart .companies {
	position:absolute;
	left:0px;
	bottom:0px;
	top:0px;
}

.popup .chart .companies p {
	position:absolute;
	left:0px;
}

.popup .chart .companies p span {
	position:absolute;
	right:0px;
	bottom:0px;
	text-align:right;
	display:block;
	width:50px;
	font-size:10px;
}

.popup .chart .companies ._1 {bottom:0%;}
.popup .chart .companies ._2 {bottom:20%;}
.popup .chart .companies ._3 {bottom:40%;}
.popup .chart .companies ._4 {bottom:60%;}
.popup .chart .companies ._5 {bottom:80%;}
.popup .chart .companies ._6 {bottom:100%;}



.popup .briefs {
	border-top:1px solid #999;
	padding:20px 5px;
	text-align:left;
	font-size:14px; 
	line-height:22px;
}

.popup .briefs a,
.popup .links a {
	color:#d31144;
}

.popup .brief-status {
	float:left;
	width:47%;
}

.popup .brief-example {
	float:right;
	width:47%;
}


.popup .links {
	padding:0px 5px 20px;
	text-align:left;
}

.popup .link-worldbank  {
	float:left;
	width:47%;
}

.popup .link-cdp {
	float:right;
	width:47%;
}

.readmore_overlay {
	position:absolute;
	width:100%;
	height:100%;
	left:0px; top:0px;
	display:none;
	z-index:15;
	
}


.readmore_table {
	position:absolute;
	width:100%;
	height:100%;
	left:0px; top:0px;
	display:table;
	
}

.readmore_cell {
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}

.readmore_underlay {
	position:absolute;
	width:100%; height:100%;
	top:0px; left:0px;
	background:#000;
	opacity:.35;
	
}

.readmore_textbox {
	position:relative;
	max-width:580px;
	width:90%;
	background:#fff;
	box-sizing:border-box;
	
	font-size:15px;
	margin:0px auto;
	z-index:10;
}

.readmore_textbox h2 {
	padding:25px 20px;
	text-align:left;
	position:relative;
	background:#d11145;
	color:#fff;
	font-size:19px;
}
.readmore_textbox .close {
	position:absolute;
	width:20px; height:20px;
	text-align:center;
	color:#fff;
	right:20px; top:25px;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}

.readmore_text {
	padding:20px 30px;
	font-size:19px;
	line-height:32px;
}






/************TOP MENU************/


.tooltip {
  position: absolute;
  padding:5px 15px;
  /*width:140px;*/
  color: #000;
  background: #fff;
  text-align:center;
  max-width:200px;
  line-height: 20px;
  text-align: center;
  /*visibility: hidden;*/
  border-radius: 6px;
  top:50px; left:50px;
 /* z-index:100;*/
  display:none;
}
.tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}





.menu {
	position:absolute;
	height:100px;
	width:100%;
	background:#ffffff;
	z-index:20;
}

.menu .inner {
	width:100%;
	margin:0px auto;
	display:table;
	position:absolute;
	height:100%;
}

.menu .cell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}


.menu a {
	color:#000;
	text-decoration:none;
}


.selectors {display:inline-block;}



.selector {
	max-width:230px;
	min-width:90px;
	background:#FFF;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	text-align:left;
}

.selector.sector .listHolder {
	padding:0px 0px 10px;
}

.selector .listHolder .downward {
	position:absolute;
	width:8px; height:10px;
	bottom:8px; left:15px;
	background:url(../images/selector_arrows.png);
}


.selector .listHolder {
	position:absolute;
	width:280px;
	background:#fff;
	display:none;
	overflow-x:hidden;
	top:40px;
	padding:0px 0px 30px;
}

/*.listHolderInner {
	overflow:hidden;
}*/

.selector .list {
	position:relative;
	width:120%;
	top:0px;
	/*max-height:1100px;*/
	overflow-x:hidden;
	/*display:none;*/

}


.selector h3 {
	padding:6px 25px 6px 10px;
	margin:0px;
	font-size:13px;
	font-weight:normal;
	cursor:pointer;
	background:#fff url(../images/selector_arrows.png) no-repeat 80% center;
}

.selector a {
	display:block;
	
	padding:4px 10px 4px 35px;
	background:#FFF;
	white-space:nowrap;
	font-size:13px;
	background:#fff url(../images/unchecked.png) no-repeat 15px center;
	width:60%;
	overflow:hidden;
}

.selector a i {
	font-size:9px;
	color:#666;
	font-style:italic;
}

.selector a:hover, .selector a.active {
	background:#fff url(../images/checked.png) no-repeat 15px center;
}




.selector.leaders {
	
	position:absolute;
	left:50%;
	top:-60px;
	margin-left:-540px;
	height:25px;
	
}


.bottom .links  {
	
	position:absolute;
	left:50%;
	margin-left:240px;
	width:300px;
	top:-55px;
	text-align:right;
	
}


.bottom .links, .bottom .links a {
	color:#fff;
}

.bottom .links a:hover {
	text-decoration:none;
}

.selector.leaders .listHolder {
	
	position:absolute;
	bottom:0px;
	height:225px;
	top:auto;
	width:200px;
	
}

.selector.leaders .list {
	
	position:absolute;
	top:5px;
	
}



.selector.leaders h3 {
	background:#fff url(../images/selector_arrow_upward.png) no-repeat 90% center;
	padding:4px 40px 4px 20px;
	position:relative;
	
}

.selector.leaders a {
	display:block;
	padding:6px 10px 6px 20px;
	background:#FFF;
	white-space:normal;
	font-size:13px;
	width:85%;
	box-sizing:border-box;
	color:#000;
	line-height:16px;
	text-decoration:none;
}


.selector.leaders a:hover {
	text-decoration:underline;
}








.pricing_statuses, .policy_statuses {
	display:inline-block;
	border-left:1px solid #cccccc;
	vertical-align:middle;
	padding:0px 0px 0px 10px;
	text-align:left;
}

.pricing_statuses p, .policy_statuses p {
	display:inline-block;
	padding:0px 10px;
	vertical-align:middle;
}

.pricing_statuses p a, .policy_statuses p a {
	display:block;
	padding:1px 5px 1px 35px;
	
}

.pricing_statuses p a:hover, .policy_statuses p a:hover {
	text-decoration:underline;
}



a#yes {background:#fff url(../images/yes-unchecked.png) no-repeat 15px center;}
a#yes:hover, a#yes.active {background:#fff url(../images/yes-checked.png) no-repeat 15px center;}

a#in2Years {background:#fff url(../images/in2Years-unchecked.png) no-repeat 15px center;}
a#in2Years:hover, a#in2Years.active {background:#fff url(../images/in2Years-checked.png) no-repeat 15px center;}

a#notPricing {background:#fff url(../images/notPricing-unchecked.png) no-repeat 15px center;}
a#notPricing:hover, a#notPricing.active {background:#fff url(../images/notPricing-checked.png) no-repeat 15px center;}

a#notDisclosing {background:#fff url(../images/notDisclosing-unchecked.png) no-repeat 15px center;}
a#notDisclosing:hover, a#notDisclosing.active {background:#fff url(../images/notDisclosing-checked.png) no-repeat 15px center;}


a.emerging {background:#fff url(../images/emerging-unchecked.png) no-repeat 15px center;}
a.emerging:hover, a.emerging.active {background:#fff url(../images/emerging-checked.png) no-repeat 15px center;}

a.existing {background:#fff url(../images/existing-unchecked.png) no-repeat 15px center}
a.existing:hover, a.existing.active {background:#fff url(../images/existing-checked.png) no-repeat 15px center;}





/*******************************SHARE******************************/



.share {
	display:inline-block;
	padding:0px 10px 10px;
	vertical-align:middle;
}

.bottom .share {
	display:block;
	padding:30px 0px;
	margin:20px auto 0px;
	border-top:1px solid #ccc;
	max-width:640px;
	display:none;
}









.share p {
	padding:0px 0px 5px;
	font-size:11px;
	color:#9b9a9b
}

.icons a {
	display:inline-block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center;
	margin:0px 5px;
	
}

.icons .email {background-image:url(../images/share_email.png);}
.icons .fb {background-image:url(../images/share_fb.png);}
.icons .tw {background-image:url(../images/share_tw.png);}
.icons .in {background-image:url(../images/share_in.png);}

.bar-tooltip {
  position: absolute;
  padding:5px 15px;
  color: #000000;
  background: #ffffff;
  text-align:center;
  line-height: 20px;
  text-align: center;
  border-radius: 6px;
  top:0px; left:150px;
  z-index:100;
  font-size:12px;
  border:1px solid #CCC;
  display:none;
  z-index:1500;
}



.bar-tooltip::before {
   content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #ccc;
}

.bar-tooltip.right::before {

    right: 100%; /* To the right of the tooltip */
	left:auto;
	border-color: transparent #ccc transparent transparent;

}

.bar-tooltip::after {
   content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -4px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.bar-tooltip.right::after {
    right: 100%; /* To the right of the tooltip */
	left:auto;
	border-color: transparent #fff transparent transparent;
}




.year-tooltip {
  position: absolute;
  padding:5px 15px;
  color: #000000;
  background: #ffffff;
  text-align:center;
  line-height: 20px;
  text-align: center;
  border-radius: 6px;
  top:150px; left:150px;
  z-index:100;
  border:1px solid #CCC;
  display:none;
}

.year-tooltip::before {
    content: " ";
    position: absolute;
    bottom: 100%;  
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #CCC transparent;
}
.year-tooltip::after {
    content: " ";
    position: absolute;
    bottom: 100%;  
    left: 50%;
    margin-left: -4px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

/**************MAP**************/


.mapStage {
	position:absolute;
	width:100%;
	top:100px; bottom:100px;
	background:#92cbe2;
}

	
.mapHolder {
	position:absolute;
	height:100%;

	width:100%;
	
	overflow:hidden;
}



#mapWrapper {
	position:absolute;
	width:100%;
	height:100%;
	top:0px; left:0px;
}

#map {
	position:absolute;
	width:100% !important;
	/*height:100% !important;*/
	top:50px; bottom:0px;
}

.timeline {
	width:230px;
	height:50px;
	background-color:rgba(255,255,255,.75);
	position:absolute;
	left:50%;
	margin:0px 0px 0px -115px;
	top:0px;
	user-select: none;
	color:#9d9e9e;
}

.timeline .year {
	width:20%;
	margin:0px 2.5%;
	float:left;
	text-align:center;
	padding:8px 0px 0px;
	user-select: none;
	height:30px;
	cursor:pointer;
}

.timeline .year:hover {
	font-weight:bold;
}

.line {
	position:absolute;
	left:5.5%; right:5.5%;
	height:1px;
	background:#a4a89d;
	bottom:12px;
}

.slider {
	position:absolute;
	width:10%;
	height:15px;
	background:#cf1243;
	top:-7px;
	right:5px;
	cursor:pointer;
	text-align:center;
}

.slider .arrow {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  position:absolute;
  left:50%; top:50%;
  margin:-5px 0px 0px -2px;
}


.triangles {
	position:absolute;
	left:0px;
	top:0px;
}

.triangle {
	position:absolute;
	left:450px;
	top:280px;
	
	/*width:50px;
	height:100px;*/
	
	 
}

.triangle_bg {
	
	/*position:absolute;
	bottom:0px;
	right:0px;
	border-bottom: 50px solid transparent;
	border-right: 50px solid rgba(200,200,200, .75);
	cursor:pointer;
	box-sizing:border-box;*/
	
	/*position:absolute;
	width:100%;
	height:100%;*/
	float:left;
	cursor:pointer;

    shape-outside: polygon(0 0, 200px 200px, 0 200px);
    clip-path: polygon(0 0, 200px 200px, 0 200px);
	
	background:#999;

}

.triangle:hover {
	
	/*border: #ffffff 2px solid;*/

}

.triangle_text {
	position:absolute;
	top:0px;
	right:-50px;
	box-sizing:border-box;
	padding:3px;
	
	
	text-align:right;
}

.texts {
	position:absolute;
	top:0px; left:0px;
}

.texts_EU {
	display:none;
}

.cs_icons {
	position:absolute;
	top:0px; left:0px;
}

.cs_icons_EU {
	display:none;
}

.cs_icon {
	width:20px;
	height:20px;
	position:absolute;
	background:url(../images/icon-leader.png);
	background-size:contain;
}

.text {
	position:absolute;
	transform-origin: top right;
	background:#099;
	cursor:pointer;
}

.text span {
	position:absolute;
	display:block;
	bottom:-3px;
	right:0px;
	padding:5px;
	line-height:15px;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
}

.eu {
	display:none;
}

/****************************EU***********************/

.exitEU_left {
	position:absolute;
	top:50px; left:50px;
	height:340px; width:27px;
	background:url(../images/exit_left.png);
	display:none;
	
}

.exitEU_right {
	position:absolute;
	top:50px; left:50px;
	height:5px; width:390px;
	background:url(../images/exit_right.png);
	display:none;
	
}

.exitEU_btn {
	top:50px; left:50px;
	width:120px; height:120px;
	position:absolute;
	cursor:pointer;
}

.world_view {
	position:absolute;
	bottom:95px; right:60px;
	height:111px; width:182px;
	background:url(../images/world_view.png);
	display:none;
	cursor:pointer;
	
}

.bottom {
	position:absolute;
	bottom:0px; left:0px;
	height:100px;
	width:100%;
	text-align:center;
	z-index:1;
}



@media only screen and (max-width: 1250px) {
	
	.menu .share {
		display:none;
	}
	
	.bottom .share {
		display:block;
	}
	
	.bottom .links  {
	
		position:static;
		margin-left:auto;
		width:auto;
		text-align:center;
		padding:25px 0px 25px;
		background:#92cbe2;
		margin:0px 0px 30px;
		
	}


	.overlay {
		position:relative;
		/*height:auto;*/
	}
	
	.menu {height:auto; position:relative; z-index:1;}
	
	.menu .inner {
		width:100%;
		display:block;
		position:relative;
	}
	
	.menu .inner .cell {
		display:block;
		max-width:640px;
		margin:0px auto;
	}
	
	.pricing_statuses, .policy_statuses {
		text-align:center;
		display:block;
		border-top:1px solid #cccccc;
		padding:15px 0px;
		border-left:none;

	}
	
	.pricing_statuses p, .policy_statuses p {
		text-align:left;
	}
	
	.mapStage {
		position:relative;
		top:auto;
		bottom:auto;
		height:600px;
		overflow:visible;
		
	}
	
	
	.selectors {padding:20px 0px 10px;}
	
	.texts .text {font-size:10px;}
	
	
		
	.selector.leaders {
	
		position:relative;
		left:auto;
		bottom:auto;
		margin-left:auto;
		top:auto;
	
	}
	
	.bottom {
		height:auto;
		position:relative;
		padding:0px 0px 30px;
	}
	
	.exitEU_left {top:30px; left:30px;}
	.exitEU_right {top:30px; left:30px;}
	
	.exitEU_btn {
		top:30px; left:30px;
		width:80px; height:80px;
	}
	
	
}

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

	
	.mapStage {
		height:400px;
	}
	
	
	.text span {
		line-height:10px;
		font-size:10px;
	}


	.menu .label {
		display:block;
		padding:0px 0px 15px;
		text-align:center;
	}
	
	.menu .label br {
		display:none;
	}
	
	.data .summary,
	.data .graph {
		float:none;
		width:100%;
	}
	
	.data .graph {
		padding:40px 0px;
	}
	
	.briefs .brief_status,
	.briefs .brief_example {
		float:none;
		width:100%;
	}
	
	.exitEU_left {top:20px; left:20px;}
	.exitEU_right {top:20px; left:20px;}
	
	.world_view {
		bottom:20px; right:20px;
		height:60px; width:100px;
		background:url(../images/world_view.png);
		background-size:contain;
		
	}
	
	.exitEU_btn {
		top:20px; left:20px;
		width:50px; height:50px;
	}
	
	.report .summary {
		width:100%;
		float:none;
		margin:0px 0px 20px;
	}
	
	.report .data {
		width:100%;
		float:none;
	}
	
	.case_studies_popup td {
		padding:7px 10px 7px 0px !important;
	}
	
	.bar-tooltip {
	  font-size:9px;
	}

	
	
	
}