/* fonts */

@font-face {
	font-family: FrutigerRegular;
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot);
	src: url(../fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff) format("woff"), 
	url(../fonts/076311f8-a01b-4389-a5eb-334a62e62d45.ttf) format("truetype"), 
	url(../fonts/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877) format("svg")
}

@font-face {
	font-family: FrutigerBold;
	font-weight: 700;
	font-style: normal;
	src: url(../fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot);
	src: url(../fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff) format("woff"), 
	url(../fonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf) format("truetype"), 
	url(../fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4) format("svg")
}
@font-face {
	font-family: FrutigerLight;
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot);
	src: url(../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff) format("woff"), url(../fonts/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf) format("truetype"), 
	url(../fonts/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710) format("svg")
}

@font-face {
	font-family: Frutiger;
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/FrutigerLTW02-55Roman.eot?#iefix) format("embedded-opentype");
	src: url(../fonts/FrutigerLTW02-55Roman.eot), 
	url(../fonts/FrutigerLTW02-55Roman.woff) format("woff"), 
	url(../fonts/FrutigerLTW02-55Roman.ttf) format("truetype")
}

@font-face {
	font-family: Frutiger900;
	font-weight: 900;
	font-style: normal;
	src: url(../fonts/FrutigerLTW02-75Black.eot);
	src: url(../fonts/FrutigerLTW02-75Black.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/FrutigerLTW02-75Black.woff) format("woff"), 
	url(../fonts/FrutigerLTW02-75Black.ttf) format("truetype")
}

@font-face {
	font-family: Frutiger700;
	font-weight: 700;
	font-style: normal;
	src: url(../fonts/FrutigerLTW02-65Bold.eot);
	src: url(../fonts/FrutigerLTW02-65Bold.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/FrutigerLTW02-65Bold.woff) format("woff"), 
	url(../fonts/FrutigerLTW02-65Bold.ttf) format("truetype")
}
/* reset */
* { -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;         box-sizing: border-box;       margin: 0;padding:0;outline: 0;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main {  display: block;}
audio,canvas,progress,video {  display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template { display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {margin: 0 0;font-size: 2em;}
mark {color: #000; background: #ff0;}
small {font-size: 80%;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
img {border: 0;max-width: 100%;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {height: 0; -moz-box-sizing: content-box; box-sizing: content-box;}
pre {overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea { margin: 0;font: inherit;color: inherit;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0;}
input {line-height: normal;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; display: none}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;      box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
:-ms-input-placeholder {  color: #aebab6; }
::-webkit-input-placeholder {  color: #aebab6; }
::-moz-placeholder {  color: #aebab6}
:-moz-placeholder {color: #aebab6;}
fieldset {padding: 0;margin:0;border:none;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-spacing: 0;border-collapse: collapse;}
td,th {padding: 0;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {text-decoration: none;}
a:hover,a:focus {text-decoration: none;}
figure {margin: 0;}
img {vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-family: 'Frutiger', sans-serif;font-weight: 400;line-height: 1.2;color: inherit;}
h1 {font-size: 60px;line-height: 60px;}
h2 {font-size: 30px;line-height: 1.2}
h3 {font-size: 20px;line-height: 1.2}
html, body {height: 100%;}

body {
	font-size: 100%;
	color: #fff;
	min-width: 1024px;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	line-height: 1.33;
	width: 100%;
	font-family: FrutigerRegular, sans-serif;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#f3f3f3;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#wrapper{
	min-height:100%;
	position:relative;
}
#main{
	height:100vh;
	min-height:100%;
	display:block;
	background-image: radial-gradient(circle at 50% 0, #0058b4, #001540);
}
.map{
	width:auto;
	position:absolute;
	text-align:center;
	bottom: 0;
	left: 0;
	right: 0;
	top: 150px;
}
.tabset {
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding:0 20px 0;
	background:#f3f3f3;
}
.tabs-area{
	padding: 0;
	color:#000;
}
.tabset li {
	list-style: none;
	margin: 0;
	float: right;
	font-size: 1.14em;
	line-height: 1.5714em;
	font-weight: bold;
	width:auto;
}
.tabset li a {
	display:block;
	color: #003BB4;
	font-family: FrutigerRegular;
	font-size: 0.77em;
	line-height: 1.6em;
	font-weight: 300;
	text-align: center;
	padding:15px 10px;
	transition: all ease .6s;
	position:relative;
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
	min-width:110px;
}
.tabset li a:after {
	content:"";
	display:none;
	clear:both;
	position:absolute;
	border: 8px solid transparent;
	left:50%;
	bottom:0;
	margin-left:-8px;
	border-bottom: 8px solid #003bb4;
}
.tabset li a.active { 
	color: #003bb4;
	font-family: Frutiger700;
}
.tabset li  a.active:after {
	display:block;
}
.tab-content {
	padding: 10px;
	text-align:right;
}
.tab-content.active{
	display:block;
	opacity:1;
}
.sub-content {
	padding: 10px;
	display:none;
	opacity:0;
	color:#fff;
}
.sub-content.active{
	display:block;
	opacity:1;
}
.list{
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
	
	display:none;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.show{
	display:inline-block;
	vertical-align:top;
}
.list li{
	float:left;
	width:auto;
}
.list li a{
	display:block;
	padding:10px 30px;
	color: #FFFFFF;
	font-family: FrutigerRegular;
	font-size: 0.9em;
	line-height: 1.2714em;
	font-weight: 500;
	opacity:0.3;
	transition: all ease .6s;
	border-bottom:3px solid rgba(255,255,255,0.0);
}
.sub-menu{
	padding:2px 85px 0;
	overflow:hidden;
	text-align:right;
}
.list li a.active{
	opacity:1;
	border-bottom:3px solid rgba(255,255,255,1);
}
.tooltip-info{
	width:200px;
	position:absolute;
	top:-9999px;
	left:-9999px;
	opacity:0;
	transition: opacity ease .6s;
}
.global-holder .tooltip-info{
	position:relative;
	opacity:1;
	left:auto;
	top:auto;
	margin:0 0 10px;
	width:180px;
	height:auto;
}
.global-holder .tooltip-info .tooltip-holder{
	
	box-shadow: 10px 11px 25px 0 rgba(0, 11, 34, 0.16);
	background-color: rgba(46, 72, 122, 0.8);
}
.global-holder .tooltip-info:after {
	content:"";
	clear:both;
	display:none;
}
.global-holder  .tooltip-info .tooltip-holder .title{
	margin:0;
	color:#fff;
	opacity:1;
}
.global-holder .tooltip-info .tooltip-holder .sub-title{
	font-weight:normal;
	color:#fff;
	opacity:0.7;
}
.tooltip-info .recomendation-hold{
	width:100%;
	overflow:hidden;
	margin:0;
}
.recomendation-hold .recomendation{
	display:block;
	margin:0 0 10px;
	opacity: 0.7;
	font-size: 0.95em;
	line-height: 1.2em;
	color: #000;
}

.tooltip-info.active{
	opacity:1;
}
.tooltip-info:after {
	content:"";
	display:block;
	clear:both;
	width: 120px;
	height: 120px;
	left: -78px;
	bottom:-120px;
	position:absolute;
	background: url(../img/line2.svg) no-repeat 0 0;
}
.usatooltip.tooltip-info:after{
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
    left: -3px;
    height: 150px;
    bottom: -127px;
}
.chetooltip.tooltip-info.bottom:after{
	top: -114px;
	left: 5px;
	bottom: auto;
	-webkit-transform: rotate(-160deg);
	height: 134px;
	-moz-transform: rotate(-160deg);
	-ms-transform: rotate(-160deg);
	-o-transform: rotate(-160deg);
	transform: rotate(-160deg);
	background-size: 88%;
}
.fratooltip.tooltip-info:after{
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
    left: -3px;
    height: 150px;
    bottom: -127px;
}
.tooltip-info.bottom:after{
	top: -120px;
	left: -39px;
	bottom:auto;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.tooltip-info .action .icon{
	position:absolute;
	right:11px;
	top:11px;
	width: 20px;
	height: 20px;
	cursor:pointer;
	z-index:100;
}
.chntooltip.tooltip-info:after{
	-webkit-transform: rotate(-49deg);
	-moz-transform: rotate(-49deg);
	-ms-transform: rotate(-49deg);
	-o-transform: rotate(-49deg);
	transform: rotate(-49deg);
    left: -34px;
    height: 150px;
    bottom: -133px;
    height: 129px;
    background-size: 84%;
}
.contryJPN.tooltip-info.bottom:after{
	top: -114px;
	left: 5px;
	bottom: auto;
	-webkit-transform: rotate(-160deg);
	height: 134px;
	-moz-transform: rotate(-160deg);
	-ms-transform: rotate(-160deg);
	-o-transform: rotate(-160deg);
	transform: rotate(-160deg);
	background-size: 88%;
}
.tooltip-info .action .icon.warning{
	background: url(../img/1_icon.svg) no-repeat 0 0;
}
.tooltip-info .action .icon.error{
	background: url(../img/baseline-error-icon.svg) no-repeat 0 0;
}
.tooltip-info .action .icon.positive{
	background: url(../img/3_icon.svg) no-repeat 0 0;
}
.tooltip-info .action.hide .icon{
	display:none;
}
.tooltip-info .action.hide .icon.warning{
	display:block;
}
.tooltip-info .action.hide-orange.hide .icon.warning{
	display:block;
}
.tooltip-info .action.hide-orange .icon.warning{
	display:none;
}
.tooltip-info .tooltip-holder{
	padding:10px 11px 11px;
	background :#e6ecf4;
	position:relative;
	z-index:101;
	cursor:pointer;
}
.tooltip-info .tooltip-holder .title{
	display:block;
	color: #1E1E1E;
	font-family: Frutiger700;
	font-size: 0.875em;
	line-height:1.363em;
	margin:0 0 9px;
	font-weight:normal;
}
.tooltip-info .tooltip-holder p{
	opacity: 0.8;
	color: #1E1E1E;
	font-family: FrutigerRegular;
	font-size: 12px;
	font-weight: 300;
	margin:0;
}
.tooltip-info .action{
	padding:11px 50px 11px 11px;
	background :#fff;
	position:relative;
}
.action label {
	color: #353839;
	font-family: FrutigerRegular;
	font-size: 0.81em;
	line-height: 1.35em;
	font-weight: 300;
	position:relative;
	display:block;
	padding:0 0 0 20px;
}
.action label:after {
	content:"";
	display:block;
	clear:both;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	width:14px;
	height:14px;
	top:3px;
	left:0;
	margin:0;
	background: url(../img/checkbox_uncheck-icon.svg) no-repeat 0 0;
}
 .action label span{
	display:none;
}
.action label span:first-child{
	display:block;
}
.action input.checkbox{
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	z-index:1;
	cursor:pointer;
}
.action input.checkbox:checked +  label:after{
	background: url(../img/checkbox-check-icon.svg) no-repeat 0 0;
}
.action .hold-checkbox{
	position:relative;
	width:100%;
	overflow:hidden;
}
.action input.checkbox:checked +  label span{
	display:block;
}
.action input.checkbox:checked +  label span:first-child{
	display:none;
}
.modal {
	width:740px;
	padding:0;
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:1000;
	background:#fff;
	opacity:0;
	transition: opacity ease .5s;
}
.modal.active{
	left:50%;
	top:50%;
	transform: translate3d(-50%, -50%, 0);
	opacity:1;
}
.modal .note{
	display:block;
	margin:0 0 20px;
	color:#d7d7d7;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
}
#modalPortfolioTransActions,
.portfolio-trans-actions {
	width:1000px;
}

.holder-scroll{
	max-height:700px;
	overflow:auto;
}
#modalPortfolioTransActions .holder-table table td ,
.portfolio-trans-actions .holder-table table td {
	color: #454A4D;
}
.portfolio-trans-actions .holder-table table {
	table-layout: fixed;
}
.portfolio-trans-actions .holder-table table td.increased {
	color: #338d51;
}
.portfolio-trans-actions .holder-table table td.decreased {
	color: #f00;
}
#feader{
	position:fixed;
	z-index:900;
	background:rgba(0,0,0,0.6);
	left:0;
	right:0;
	bottom:0;
	top:0;
	display:none;
}
#feader.active{
	display:block;
}
.modal  .holder-modal{
	padding:38px 42px;
	overflow:hidden;
	position:relative;
}
.modal .recomendation-hold{
	width:100%;
	overflow:hidden;
	margin:0 0 20px;
}
.recomendation-hold .recomendation{
	display:block;
	margin:0 0 10px;
	opacity: 0.7;
	font-size: 0.875em;
	line-height: 1.363em;
	color: #1e1e1e;
}
.recomendation-hold .recomendation-arrow{
	position:relative;
	display:block;
	padding:3px 0 3px 30px;
	font-size: 0.81em;
	line-height: 1.1em;
	margin:0 0 4px;
	color:#000;
}
.recomendation-hold .recomendation-arrow:after {
	content:"";
	display:block;
	clear:both;
	width:20px;
	height:20px;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
}
body .tooltip-info.assettooltip{
	opacity:0 !important;
	visibility:hidden;
}
.hold-date{
	position:absolute;
	left:20px;
	bottom:30px;
	width:75%;
}
.list-date{
	margin:0;
	padding:0 0 20px;
	width:100%;
	overflow:hidden;
	list-style:none;
}
.list-date:after {
	content:"";
	display:block;
	clear:both;
}
.list-date li{
	float:left;
	width:8%;
	z-index:6;
	position:relative;
}
.list-date li:after {
	content:"";
	display:block;
	clear:both;
	position:absolute;
	left:50%;
	width:24px;
	height:24px;
	opacity: 0;
	background: #f2f3f5;
	margin:0 0 0 -12px;
	bottom:-6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: opacity ease .6s;
}
.list-date li.active:after{
	opacity:0.2;
}
.list-date li a{
	display:block;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
	line-height:18px;
	
	padding:0 0 20px;
	position:relative;
	text-align:center;
	transition: opacity ease .6s;
}
.list-date li a span{
	opacity:0.5;
}
.list-date li a:after {
	content:"";
	display:block;
	clear:both;
	position:absolute;
	left:-50%;
	background:#33415e;
	height:2px;
	right:50%;
	bottom:5px;
	opacity:0.8;
}
.list-date li a:before {
	content:"";
	display:block;
	position:absolute;
	clear:both;
	width: 6px;
	height: 6px;
	border: solid 1px #657189;
	background-color: #001236;
	bottom:3px;
	opacity:1;
	left:50%;
	z-index:1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left:-3px;
	z-index:7;
}
#container{
	height:545px;
}
.modal.graph-holder{
	height: 700px;
	width:1000px;
	background:#fff;
}
.modal.graph-holder .holder-modal{
	height:699px;
	overflow:visible;
}
.list-date li a:hover span{
	opacity:1;
}
.list-date li a:hover:before{
	background-color: #fff;
	border-color:#fff;
}
.list-date li a:hover:after{
	opacity:0.5;
}
.list-date li:first-child{
	z-index:10;
}
.list-date li:first-child a{
}
.list-date  li:first-child a:after{
	left:0;
	background:#001743;
	opacity:1;
}
.list-date li:first-child{
	z-index:10;
}

.list-date li:last-child a:after{
	right:50%;
}
.list-date li.active:first-child a:after{
	left:50%;
}
.list-date li.active a span{
	opacity:1;
}
.list-date li.active a:before{
	background-color: #fff;
	border-color:#fff;
}
.list-date li.active a:after {
	opacity:0.6;
	background-image: linear-gradient(to right, #33415e 42%, #ffffff);
	left:-500%;
	z-index:1;
}

.hold-date .last{
	position:absolute;
	bottom:0;
	width:100%;
	padding:0;
	float:none;
	z-index:5;
	height:2px;
	background-image: linear-gradient(to right, #33415e 42%, #ffffff);
}

.recomendation-hold .recomendation-arrow:before{
	content:"";
	display:block;
	clear:both;
	width: 20px;
	height: 20px;
	margin:-10px 0 0 -4px;
	left:4px;
	top:50%;
	z-index:10;
	position:absolute;
	background: url(../img/halten_icon.svg) no-repeat 50% 50%;
}
.green .recomendation-hold .recomendation-arrow:after{
	background-color:#4eb970;
}
.yellow .recomendation-hold .recomendation-arrow:after{
	background-color:#e8d543;
}
.red .recomendation-hold .recomendation-arrow:after{
	background-color:#dd6e6e;
}
.orange .recomendation-hold .recomendation-arrow:after{
	background-color:#ff9b00;
}
.recomendation-hold .recomendation-arrow.down:after {
	background-image: url(../img/down_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.recomendation-hold .recomendation-arrow.up:after {
	background-image: url(../img/up_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.recomendation-hold .recomendation-arrow.down:before,
.recomendation-hold .recomendation-arrow.up:before{
	display:none;
}
.modal .holder-modal h3 ,
.holder-table h4{
	color: #454A4D;
	font-family: Frutiger700;
	font-size: 1.250em;
	font-weight:normal;
	line-height: 1.10em;
	margin:0 0 17px;
}
#baseline-error h3{
	color:#f33737;
}
#positive h3{
	color:#338d51;
}
#warning h3{
	color:#e5ac03;
}
.modal  .holder-modal  dl {
	width:100%;
	position:relative;
	overflow:hidden;
	margin: 0 0 10px;
	font-family: Frutiger;
	font-size: 0.81em;
	line-height:1.14em;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #454a4d;
}
.modal  .holder-modal dl dt {
	float:left;
	margin:0 5px 0 0;
}
.modal  .holder-modal dl dd {
	/*float:left;*/
	margin:0;
	font-family: Frutiger700;
}
.holder-table h4{
	font-size:18px;
	line-height:20px;
}
.modal .text-list strong {
	color: #454A4D;
	font-family: Frutiger700;
	font-size: 1.0524em;
	line-height:1.326em;
	font-weight:normal;
	display:block;
	margin:20px 0 10px;
}
.modal .text-list img{
	display:block;
	width:auto;
	height:auto;
}
.modal .text-list br{
	display:none;
}
.modal .holder-modal p{
	color: #454A4D;
	font-family: FrutigerRegular;
	    font-size: 1.1em;
    line-height: 1.54em;
	margin:0 0 20px;
}
.modal .holder-modal .kubix-version {
	height: 20px;
	width: 85px;
	color: #003BB4;
	font-family: Frutiger;
	font-size: 1.14em;
	line-height: 1.5714em;
}
.modal .holder-modal .note{
	display:block;
	opacity: 0.6;
	font-family: FrutigerRegular;
	font-size: 0.81em;
	line-height:1.14em;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #454a4d;
	margin:0 0 18px;
}
.modal .holder-modal .link {
	font-family: FrutigerRegular;
	font-size: 1.14em;
	line-height: 1.5714em;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #003bb4;
	text-decoration:underline;
}
.global-holder{
	position:absolute;
	left:20px;
	top:100px;
}
.modal .holder-modal .link:hover{
	text-decoration:none;
}
.modal .holder-modal .action{
	width:100%;
	padding:16px 0 0;
	overflow:hidden;
}
.modal .holder-modal .action .link{
	padding:4px 0 0;
	float:left;
}
.modal .holder-modal .action .hold-checkbox{
	padding:4px 0 0 ;
	width:120px;
	float:right;
}
.modal .holder-modal .action .btn{
	float:right;
	width:100px;
}
.btn{
	display:inline-block;
	vertical-align:top;
	border-radius: 2px;
	border: solid 1px #a8afb3;
	font-family: FrutigerRegular;
	font-size: 0.9em;
	line-height: 1.34em;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #454a4d;
	padding:4px 15px 5px;
	min-width:50px;
	text-align:center;
	background: linear-gradient(to bottom, #fbfafb, #ededed);
	transition: background ease .6s;
}
.btn:hover{
	background: linear-gradient(to bottom, #ededed, #fbfafb);
}
#map svg rect {
	fill: none;   /* map background colour */
  }
.country{
	fill: #406CA1;
	stroke-width: .5px;
	stroke: #003A81;
	opacity:0.3;
	transition: opacity ease .2s;
}
.all-show .country{
	opacity:1;
	
}

.yellow{
	fill: #fff183;
}
.green{
	fill: #4eb970;
}
.red{
	fill: #dd6e6e;
}
.orange{
	fill:#ff9b00;
}
.positiveLow{
	fill:#fff183;
}

.focusMarkets{
	fill: #6bb1d3;
}
.focusPacific{
	fill: #b5c8de;
}
.focusAmerica{
	fill: #438ddd;
}
.focusSwitzerland{
	fill:#ffffff;
}
.focusEuropa{
	fill:#87c2ff;
}


.EmergingMarkets .country.yellow[region="EmergingMarkets"]{
	opacity:1;
}
.EmergingMarkets .country.green[region="EmergingMarkets"]{
	opacity:1;
}
.EmergingMarkets .country.red[region="EmergingMarkets"]{
	opacity:1;
}
.EmergingMarkets .country.orange[region="EmergingMarkets"]{
	opacity:1;
}
.EmergingMarkets .country.focusMarkets[region="EmergingMarkets"]{
	opacity:1;
}

.Europa .country.yellow[region="Europa"]{
	opacity:1;
}
.Europa .country.green[region="Europa"]{
	opacity:1;
}
.Europa .country.red[region="Europa"]{
	opacity:1;
}
.Europa .country.orange[region="Europa"]{
	opacity:1;
}
.Europa .country.focusEuropa[region="Europa"]{
	opacity:1;
}


.NorthAmerica .country.yellow[region="NorthAmerica"]{
	opacity:1;
}
.NorthAmerica .country.green[region="NorthAmerica"]{
	opacity:1;
}
.NorthAmerica .country.red[region="NorthAmerica"]{
	opacity:1;
}
.NorthAmerica .country.orange[region="NorthAmerica"]{
	opacity:1;
}
.NorthAmerica .country.focusAmerica[region="NorthAmerica"]{
	opacity:1;
}
.Pacific .country.yellow[region="Pacific"]{
	opacity:1;
}
.Pacific .country.green[region="Pacific"]{
	opacity:1;
}
.Pacific .country.red[region="Pacific"]{
	opacity:1;
}
.Pacific .country.orange[region="Pacific"]{
	opacity:1;
}
.Pacific .country.focusPacific[region="Pacific"]{
	opacity:1;
}

.Switzerland .country.yellow[region="Switzerland"]{
	opacity:1;
}
.Switzerland .country.green[region="Switzerland"]{
	opacity:1;
}
.Switzerland .country.red[region="Switzerland"]{
	opacity:1;
}
.Switzerland .country.orange[region="Switzerland"]{
	opacity:1;
}
.Switzerland .country.focusSwitzerland[region="Switzerland"]{
	opacity:1;
}


.EmergingMarkets .tooltip-info{
	opacity:0.3 !important;
}
.EmergingMarkets .tooltip-info[region="EmergingMarkets"]{
	opacity:1 !important;
}
.NorthAmerica .tooltip-info{
	opacity:0.3  !important;
}
.NorthAmerica .tooltip-info[region="NorthAmerica"]{
	opacity:1 !important;
}
.Pacific .tooltip-info{
	opacity:0.3  !important;
}
.Pacific .tooltip-info[region="Pacific"]{
	opacity:1 !important;
}
.Switzerland .tooltip-info{
	opacity:0.3  !important;
}
.Switzerland .tooltip-info[region="Switzerland"]{
	opacity:1 !important;
}
.Europa .tooltip-info{
	opacity:0.3  !important;
}
.Europa .tooltip-info[region="Europa"]{
	opacity:1 !important;
}

.countryLabel{
}
.countryName{
	fill: #FFFAFF;
}
.countryLabelBg{
	fill: #30BCED;
}
#countryATA{
	display:none;
}

.countryLabel{
	visibility:hidden;
}
.btn-main{
	border-radius: 2px;
	background: #1a4681;
	font-family: FrutigerRegular;
	font-size: 0.875em;
	line-height: 1.234em;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding:10px 30px;
	transition: background ease .6s;
}
label.btn-main{
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	width:37px;
	padding:0;
	cursor:pointer;
	height:37px;
	background:#1a4681 url(../img/upload_doc_icon.svg) no-repeat 50% 50%;
	background-size:25px 25px;
}
.btn-holder-bottom .hold-form{
	position:relative;
	overflow:hidden;
	width:37px;
	height:37px;
	display:inline-block;
	vertical-align:top;
	margin:0 6px 0 0;
}
.btn-holder-bottom .hold-form input{
	position:absolute;
	right:100%;
	text-indent:-9999px;
	overflow:hidden;
	top:0;
}
.btn-holder-bottom{
	position:absolute;
	right:20px;
	bottom:20px;
}
.btn-holder-bottom .btn-main{
	display:inline-block;
	vertical-align:top;
}
.btn-main:hover{
	background:001540;
}
.holder-table{
	width:100%;
	overflow:hidden;
	margin:0 0 30px;
}
.holder-table table{
	border-collapse:collapse;
	width:100%;
	overflow:hidden;
	font-family: FrutigerRegular;
	margin:0;
	padding:0;
	border:none;
	font-size: 15px;
}
.holder-table table th{
	font-family: FrutigerRegular;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: right;
	color: #ffffff;
	background: linear-gradient(to bottom, #4f5557, #3a3e41);
	position:relative;
	-webkit-border-radius: 0 2px 0 0;
	-moz-border-radius:  0 2px 0 0;
	border-radius:  0 2px 0 0;
	padding:17px 26px 15px;
	
}
.holder-table table th:first-child{
	text-align:left;
	-webkit-border-radius: 2px 0 0 0;
	-moz-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;

}
#warning .holder-table table th:first-child,
#baseline-error .holder-table table th:first-child{
	width:216px;
}
.holder-table table td{
	background: #f8f8f8;
	border:none;
	border-bottom:1px solid #d4d4d4;
	padding:17px 26px 15px;
	text-align: right;
}
.holder-table table td:first-child{
	text-align:left;
}
.holder-table table td a{
	text-decoration:underline;
	color: #044689;
}
.holder-table table td a:hover{
	text-decoration:none;
}
.holder-table table td span.value{
	color:#000;
}
.holder-table table td span.value.positive{
	color:#658b1b;
}
.holder-table table td span.value.negative{
	color:#e21c1c;
}
.modal .holder-modal .action .btn {
	width:auto;
	margin:0 0 0 17px;
}
#modalPortfolio{
	width:636px;
}
#modalPortfolio.modal .holder-modal .action{
	padding-top:10px;
}

#modalPortfolio.modal .holder-modal h3{
	margin:0 0 30px;
}
#error{
	background:#e21c1c;
	padding:20px 10px;
	text-align:center;
	font-size:18px;
	line-height:22px;
	color:#fff;
}
#success{
	background:#4eb970;
	padding:20px 10px;
	text-align:center;
	font-size:18px;
	line-height:22px;
	color:#fff;
}
.holder-modal .hold-form{
	width:100%;
	overflow:hidden;
	position:relative;
}
.holder-modal .hold-form input{
	position:absolute;
	right:100%;
	top:0;
}
.holder-modal .hold-form .btn-main{
	display:block;
	padding:10px 0 10px 37px;
	width:100%;
	height:auto;
	color:#454A4D;
	font-size:18px;
	line-height:22px;
	text-indent:0;
	background: url(../img/upload_doc_icon2.svg) no-repeat 0 0;
}

.modal .list-kubix{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	transition: opacity ease .6s;
}
.modal .list-kubix li{
	color: #454A4D;
	font-family: FrutigerRegular;
	font-size: 0.81em;
	line-height:1.14em;
	margin: 0 0 10px;
	position:relative;
	padding:0 0 0 15px;
	
}
.modal .list-kubix li:after {
	content:"";
	display:block;
	clear:both;
	width:6px;
	height:6px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#1e1e1e;
	top:7px;
	left:0;
}
.modal.full-modal .list-kubix{
	display:none;
	opacity:0;
}
.modal .text-list{
	width:100%;
	overflow:hidden;
	max-height:500px;
	overflow:auto;
	color: #454A4D;
	font-family: FrutigerRegular;
	font-size: 0.81em;
	line-height:1.14em;
	margin:0 0 20px;
}

.modal.full-modal .text-list{
	display:block;
	opacity:1;
}
.modal .holder-modal .action .link span{
	display:block;
}
.modal .holder-modal .action .link span:first-child{
	display:none;
}
.modal.full-modal .holder-modal .action .link span{
	display:none;
}
.modal.full-modal .holder-modal .action .link span:first-child{
	display:block;
}

.contryAus.tooltip-info.bottom:after{
	top: -27px;
	left: auto;
	right: -114px;
	bottom: auto;
	-webkit-transform: rotate(-78deg);
	-moz-transform: rotate(-78deg);
	-ms-transform: rotate(-78deg);
	-o-transform: rotate(-78deg);
	transform: rotate(-78deg);
}
#loader{
	position:absolute;
	width:100%;
	height:100%;
	color: #fff;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	display:none;
}
#loader.active{
	display:block;
}

.modal .holder-img{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 0 10px;
}
.modal .holder-img img{
	width:auto;
	height:auto;
}
#loader .loader-wrap{
	width:64px;
	height:64px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-32px 0 0 -32px;
}
.lds-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
#legend{
	position:absolute;
	left:-9990px;
	bottom:20px;
	opacity:0;
	transition: opacity ease .3s;
}
#legend.show{
	left:20px;
	opacity:1;
}
#time-line{
	position:absolute;
	left:-9990px;
	bottom:0;
	opacity:0;
	transition: opacity ease .3s;
}
#time-line.show{
	left:20px;
	opacity:1;
}
.legend .legend-icon{
	width:37px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;
	background:#1a4681 url(../img/legend_icon.svg) no-repeat 50% 50%;
}
.legend .graph-icon{
	width:37px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;
	background:#1a4681 url(../img/chart_icon.svg) no-repeat 50% 50%;
}

.legend .list-legend{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.holder-table table td a.pdf-link{
	background: url(../img/pdf_icon.svg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	width:20px;
	height:26px;
	display:block;
	margin:0 auto;
}
.legend .legend-holder{
	padding:15px 20px 10px ;
	position:absolute;
	left:-9999px;
	width:468px;
	top:-9999px;
	opacity:0;
	opacity: 0.93;
	border-radius: 1px;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border: solid 1px #314c6e;
	background-color: #0c1628;
	transition: opacity ease .6s;
	
}
.legend .legend-holder li{
	position:relative;
	padding:2px 0 2px 30px;
	font-size:14px;
	line-height:20px;
	display:block;
	margin:0 0 6px; 
	color: #acbad0;
}
.legend .legend-holder li.title{
	padding:1px 0 15px;
	margin:0 0 18px;
	border-bottom:1px solid  #2e496c;
}
.legend.active .legend-holder{
	left:0;
	bottom:0;
	top:auto;
	opacity:1;
}
.legend .close{
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	background:#000;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../img/close.svg) no-repeat 0 0;
}
.legend .legend-holder li.none{
	background: url(../img/green.svg) no-repeat  0 50%;
}
.legend .legend-holder li.little-one{
	background: url(../img/yellow.svg) no-repeat 0 50%;
}
.legend .legend-holder li.middle{
	background: url(../img/orange.svg) no-repeat 0 50%;
}
.legend .legend-holder li.big{
	padding-left:0;
	line-height:24px;
}
.legend .legend-holder li.big span{
	background: url(../img/red.svg) no-repeat 0 50%;
	margin:0 0 30px;
	padding:0 0 0 30px;
}
.legend .legend-holder li.big{
}
.legend .legend-holder li.warning{
	background: url(../img/1_icon.svg) no-repeat 0 50%;
}
.legend .legend-holder li.error{
	background: url(../img/baseline-error-icon.svg) no-repeat 0 50%;
}
.legend .legend-holder li.positive{
	background: url(../img/3_icon.svg) no-repeat 0 50%;
}
.tooltip-info .tooltip-holder .sub-title{
	display:block;
	opacity: 0.7;
	font-size: 0.81em;
	line-height:1.14em;;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #1e1e1e;
	margin:0 0 10px;
}

.hover-tooltip.holder-modal{
	position:absolute;
	left:-9999px;
	top:-9999px;
	background:#fff;
	padding:20px 30px;
	width:480px;
	z-index:101;
	min-height:200px;
}
.tooltip-info .tooltip-holder:hover .hover-tooltip.holder-modal{
	left:0;
	top:0;
}
.hover-tooltip.holder-modal .recomendation-hold{
	margin:0 0 10px;
}
.hover-tooltip.holder-modal .list-kubix{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	transition: opacity ease .6s;
}
.hover-tooltip.holder-modal .list-kubix li{
	color: #454A4D;
	font-family: FrutigerRegular;
	font-size: 0.91em;
	line-height: 1.24em;
	margin: 0 0 10px;
	position:relative;
	padding:0 0 0 15px;
	
}
.hover-tooltip.holder-modal .title{
	font-size: 1em;
	line-height: 1.24em;
}
.hover-tooltip.holder-modal .list-kubix li:after {
	content:"";
	display:block;
	clear:both;
	width:6px;
	height:6px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#1e1e1e;
	top:7px;
	left:0;
}

#assetJPN .tooltip-holder:hover .hover-tooltip.holder-modal{
	right:0;
	left:auto;
}
#assetCHN .tooltip-holder:hover .hover-tooltip.holder-modal{
	right:0;
	left:auto;
}
.switch-box{
	opacity: 0.8;
	font-family: FrutigerRegular;
	font-size: 1.14em;
	line-height: 1.114em;
	color: #ffffff;
	margin:7px 0 0px;
	float:left;
	padding:0 0 0 40px;
	position:relative;
}
.switch-box:after {
	content:"";
	display:block;
	clear:both;
	position:absolute;
	left:0;
	width: 34px;
	height: 20px;
	border-radius: 14px;
	animation: background 0.3s linear;
	border:1px solid #13356a;
	top:0;
}
.switch-box:before{
	content:"";
	display:block;
	clear:both;
	position:absolute;
	left:4px;
	top:4px;
	z-index:1;
	width: 12px;
	height: 12px;
	background-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	animation: left 0.3s linear;
}
.switch-box.active:after {
	background: #13356a;
}
.switch-box.active:before{
	left:18px;
}
#customLegend{
	width:100%;
	color:#000;
	overflow:hidden;
	text-align:center;
	padding:10px 0 0;
}
#customLegend .item{
	display:inline-block;
	vertical-align:top;
	width:auto;
	font-size:14px;
	line-height:18px;
	cursor:pointer;
	font-family: FrutigerRegular;
	overflow:hidden;
	margin:0 20px;
}
#customLegend .item .symbol{
	width:15px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	float:left;
	margin:1px 10px 0 0;
	border:1px solid;
}
#customLegend .item .symbol span{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.5;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#customLegend .item .serieName{
	float:left;
	cursor:pointer;
}
#customLegend .item.Bandbreite .symbol{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:25px;
}
#customLegend .item.Bandbreite .symbol span{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:25px;
}