.uph-bg{
  background-color:#f6f6f6;
}
@media only screen and (min-width:1024px){
  .uph-bg{
    background-attachment:fixed;
    background-image:url(/img/background/invest.webp);
    background-repeat:no-repeat;
    background-size:cover;
  }
}
@media (-ms-high-contrast:active),(min-width:1024px) and (-ms-high-contrast:none){
  .uph-bg{
    background-image:url(/img/background/invest.jpg);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1024px),only screen and (min-resolution:2dppx) and (min-width:1024px){
  .uph-bg{
    background-image:url(/img/background/invest@2x.webp);
  }
}

@media only screen and (min-width:768px) and (max-width:1023.9px){
  .fnm .uph-header{
    background-color:#f6f6f6;
    background-image:url(/img/background/invest-tablet.webp);
    background-position:50% 80px;
    background-repeat:no-repeat;
    background-size:cover;
  }
}
@media (-ms-high-contrast:active),(min-width:768px) and (max-width:1023px) and (-ms-high-contrast:none){
  .fnm .uph-header{
    background-image:url(/img/background/invest-tablet.jpg);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:768px) and (max-width:1023px),only screen and (min-resolution:2dppx) and (min-width:768px) and (max-width:1023px){
  .fnm .uph-header{
    background-image:url(/img/background/invest-tablet@2x.webp);
  }
}

.fnm .up-portfolio--separator{
  border-color:#e8e8e8;
}
.fnm .up-portfolio__item{
  background-color:#f8f8f8;
  color:#212121;
}
.fnm .up-portfolio__item:before{
  -webkit-filter:invert(25%) sepia(9%) saturate(1672%) hue-rotate(182deg) brightness(93%) contrast(87%);
          filter:invert(25%) sepia(9%) saturate(1672%) hue-rotate(182deg) brightness(93%) contrast(87%);
}
.fnm .up-portfolio__item--positive{
  color:#0b600f;
}
.fnm .up-portfolio__item--positive:after,.fnm .up-portfolio__item--positive:before{
  -webkit-filter:invert(22%) sepia(92%) saturate(1173%) hue-rotate(94deg) brightness(90%) contrast(91%);
          filter:invert(22%) sepia(92%) saturate(1173%) hue-rotate(94deg) brightness(90%) contrast(91%);
}
.fnm .up-portfolio__item--positive:after{
  background-image:url(/img/v1/ico/check-circle.svg);
}
.fnm .up-portfolio__item--positive .up-portfolio__label{
  color:#0b600f;
}
.fnm .up-portfolio__item--disabled{
  color:#9ea2a8;
}
.fnm .up-portfolio__item--disabled:after,.fnm .up-portfolio__item--disabled:before{
  -webkit-filter:invert(73%) sepia(6%) saturate(264%) hue-rotate(177deg) brightness(87%) contrast(90%);
          filter:invert(73%) sepia(6%) saturate(264%) hue-rotate(177deg) brightness(87%) contrast(90%);
}
.fnm .up-portfolio__item--disabled:after{
  background-image:url(/img/v1/ico/x-circle.svg);
}
.fnm .up-portfolio__item--disabled .up-portfolio__label{
  color:#9ea2a8;
}
.fnm .up-portfolio__item--graph1:before{
  background-image:url(/img/v1/ico/graph1.svg);
}
.fnm .up-portfolio__item--graph2:before{
  background-image:url(/img/v1/ico/graph2.svg);
}
.fnm .up-portfolio__item--graph3:before{
  background-image:url(/img/v1/ico/graph3.svg);
}
.fnm .up-portfolio__item--wallet:before{
  background-image:url(/img/v1/ico/wallet.svg);
}
.fnm .up-portfolio__item--bond:before{
  background-image:url(/img/v1/ico/bond.svg);
}
.fnm .up-portfolio__item--stock:before{
  background-image:url(/img/v1/ico/stock.svg);
}
.fnm .up-portfolio__item--estate:before{
  background-image:url(/img/v1/ico/estate.svg);
}
.fnm .up-portfolio__item--mixed:before{
  background-image:url(/img/v1/ico/mixed.svg);
}
