:root {
  --color01: #FFFFFF;
  --color02: #009DDE;
  --color03: #234678;
  --color04: #545C68;
  --color05: #009DDE;
  --color06: #44689E;
  --color07: #F7F7F7;
  --color08: #545C68;
  --color09: #F7F7F7;
  --color10: #D0E0EB;
  --color11: #DFDFDF;
  --color12: #0088CA;
  --color13: #0088CA;
  --color14: #FFFFFF;
  --color15: #DCDCDC;
  --color16: #234678;
  --color17: #2971B2;
  --color18: #9DAAC3;
  --color19: #CBD3DA;
  --font12: 12px;
  --font13: 13px;
  --font14: 14px;
  --font17: 17px;
  --font18: 18px;
  --font20: 20px;
  --font24: 24px;
  --font26: 26px;
  --font30: 30px;
  --font40: 40px;
  --image1: url(../images/layout/oval.svg);
  --image2: url(../images/layout/footer-bg.svg);
  --image3: url(../images/layout/fb_icon.svg);
  --image4: url(../images/layout/x_icon.svg);
  --image5: url(../images/layout/yt_icon.svg);
  --image6: url(../images/layout/phone_icon.svg);
  --image7: url(../images/layout/footer-bg-mobile.svg);
  --image8: url(../images/layout/in_icon.svg);
  --image9: url(../images/layout/search_icon.svg);
  --shadow01: 0 1px 4px 0 rgb(0 0 0 / 21%);
  --shadow02: 0 5px 15px 0 rgb(0 0 0 / 21%), 0px 0px 1px rgb(0 0 0 / 21%);
}

/* APP */
html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-color: var(--color01);
  background-image: var(--image1);
  background-repeat: no-repeat;
  background-position: calc(100% + 85px) 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: var(--font14);
  line-height: 1.2;
  color: var(--color04);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-color: var(--color17);
  /* outline-offset: 2px; */
}
[v-cloak] {
  display: none;
}
input {
  font-family: 'Open Sans', sans-serif;
  border: 1px solid var(--color02);
}
button, select {
  font-family: 'Open Sans', sans-serif;
  font-size: var(--font14);
  line-height: .8;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color18);
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color18);
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--color18);
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  appearance:none;
  -webkit-appearance:none;
}
input[type="checkbox"]:disabled + label {
  color: #C7C7CE;
}
h1, h2, h3, h4, h5, h6 {
  width: fit-content;
  line-height: 1;
  margin: 0 20px;
  font-weight: 500;
}
h1, .h1 {
  font-size: var(--font40);
  margin: 0;
}
h2, .h2 {
  font-size: var(--font20);
  line-height: 24px;
}
h3, .h3 {
  font-size: var(--font14);
}
h1 span, .h1 span {
  background: var(--color03);
  background-image: -webkit-linear-gradient(to right, var(--color02) 0%, var(--color03) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--color02)), to(var(--color03)));
  background-image: -webkit-linear-gradient(left, var(--color02) 0%, var(--color03) 100%);
  background-image: -o-linear-gradient(left, var(--color02) 0%, var(--color03) 100%);
  background-image: linear-gradient(to right, var(--color02) 0%, var(--color03) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009DDE', endColorstr='#234678',GradientType=1 );
  background-position: center center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-text-stroke: transparent;
}
h1 span, .h1 span {
  line-height: 1.3;
  display: inline-block;
  color: #2971B2;
}
.title-wrapper {
  width: 1180px;
  align-items: center;
  justify-content: flex-start;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s;
  -o-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s;
  transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s;
}
a:hover {
  color: inherit;
  text-decoration: underline;
}
.button:not(.link) {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 12px 20px;
  border: 1px solid var(--color02);
  font-size: var(--font14);
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  background: var(--color02);
  color: var(--color01) !important;
}
.button:not(.link):hover {
  background: var(--color12);
  border-color: var(--color13);
  color: var(--color14) !important;
  text-decoration: none;
}
.button.outline:not(.link) {
  border: 1px solid var(--color02) !important;
  background-color: var(--color01) !important;
  color: var(--color02) !important;
}
.button.outline:not(.link):hover {
  background-color: var(--color02) !important;
  color: var(--color01) !important;
}
.flex {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.hidden {
  display: none;
}
.transparent {
  background: none;
  border: none;
  padding: 0;
  color: inherit !important;
  cursor: pointer;
}
.flexcent {
  justify-content: center;
}
.category-color-AK::before {
	background-color: #FFB128;
}
.category-color-MI::before {
	background-color: #E61D93;
}
.category-color-AR::before {
	background-color: #FF7420;
}
.category-color-PD::before {
	background-color: #A70CA6;
}
.category-color-RP::before {
	background-color: #641DB4;
}
.category-color-SE::before {
	background-color: #6660BB;
}
.category-color-NI::before {
	background-color: #8781FC;
}
.category-color-CO::before {
	background-color: #86B8F5;
}
.category-color-AN::before {
	background-color: #B7D3F5;
}
.category-color-OK::before {
	background-color: #E8F3F8;
}
.category-color-PP::before {
	background-color: #CE3B50;
}
.category-color-DM::before {
	background-color: #E61D93;
}
.category-color-EM::before {
	background-color: #FFB128;
}
.category-color-XX::before {
	background-color: #DFDFDF;
}
main {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0;
  flex-direction: column;
}
header {
  width: 1180px;
  height: 100px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.logo {
  width: 76px;
  height: 76px;
  margin: 0 5px 2px 2px;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.controls {
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 6px;
}
.lang-container {
  align-items: center;
  justify-content: space-between;
}
.lang-flag {
  height: 15px;
  margin: 0 10px 0 0;
  border: 1px solid #DFDFDF;
  align-self: center;
  flex: 0 0 auto;
}
.layout-switch, .font-switch {
  min-width: 30px;
  min-height: 30px;
  border: none;
  background: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color04);
}
.font-switch {
  align-items: center;
  justify-content: center;
}
.font-switch-11, .font-switch-22, .font-switch-33 {
  -webkit-box-shadow: inset 0px -1px 0px 0px var(--color04);
  -moz-box-shadow: inset 0px -1px 0px 0px var(--color04);
  box-shadow: inset 0px -1px 0px 0px var(--color04);
}
.font-switch.normal {
  font-size: 14px !important;
}
.font-switch.medium {
  font-size: 17px !important;
}
.font-switch.large {
  font-size: 20px !important;
}
content, #listWrapper {
  width: 100%;
  margin: 20px auto 0 auto;
  flex-direction: column;
  flex: 1;
  align-items: center;
}
.search-container {
  width: 1180px;
  min-height: 60px;
  margin: 40px 0 0 0;
  justify-content: space-between;
  align-items: flex-start;
}
#fundSearch {
  width: 600px;
  height: 60px;
}
.search-input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 20px 60px;
  font-size: var(--font20);
  font-weight: 600;
  background-color: var(--color01);
  color: var(--color03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 21%);
  -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 21%);
  transition: 0.5s ease box-shadow;
  -webkit-transition: 0.5s ease box-shadow;
}
.search-input:focus {
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 21%);
  -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 21%);
}
.search-icon {
  position: absolute;
  width: 58px;
  height: 52px;
  margin-top: 6px;
  justify-content: center;
  align-items: center;
}
.search-icon::before {
  /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%239DAABD' viewBox='0 0 100 100'%3E%3Cpath d='M 38.625 0 A 38.452963 38.452963 0 1 0 38.453125 76.90625 A 38.452963 38.452963 0 0 0 62.763672 68.246094 L 93.402344 98.884766 A 3.8452963 3.8452963 0 0 0 96.132812 100 A 3.8452963 3.8452963 0 0 0 98.863281 98.884766 A 3.8452963 3.8452963 0 0 0 98.863281 93.423828 L 68.224609 62.787109 A 38.452963 38.452963 0 0 0 76.90625 38.453125 A 38.452963 38.452963 0 0 0 38.625 0 z M 38.453125 7.6914062 A 30.76237 30.76237 0 0 1 69.214844 38.453125 A 30.76237 30.76237 0 1 1 38.453125 7.6914062 z'%3E%3C/path%3E%3C/svg%3E"); */
  content: var(--image9);
}
#reset {
  position: relative;
  width: 60px;
  height: 60px;
  top: -60px;
  left: calc(100% - 60px);
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  font-size: var(--font24);
  color: var(--color03);
  cursor: pointer;
  z-index: 100;
}
.list {
  margin: 40px 0;
}
.box {
  width: 1180px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: var(--color01);
  -webkit-box-shadow: var(--shadow01);
  -moz-box-shadow: var(--shadow01);
  box-shadow: var(--shadow01);
  -webkit-transition: 0.5s ease box-shadow;
  -o-transition: 0.5s ease box-shadow;
  transition: 0.5s ease box-shadow;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px 30px 10px;
  margin: 20px;
}
.box:hover {
  -webkit-box-shadow: var(--shadow02);
  -moz-box-shadow: var(--shadow02);
  box-shadow: var(--shadow02);
}
.box:hover h2, .box:hover h3 {
  color: var(--color03);
}
.action-container {
  width: 580px;
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid var(--color11);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.action-container .button {
  min-width: 170px;
}
.fund-container {
  width: calc(100% - 580px);
}
.fund-container .complex-title {
  margin-right: 5px;
}
.fund-container .previous-pl, .fund-container .previous-en {
  font-weight: 300;
  font-style: italic;
  font-size: var(--font17);
}
.fund-container .previous-pl::before {
  content: "(poprzednio ";
}
.fund-container .previous-en::before {
  content: "(previously ";
}
.fund-container .previous-pl::after, .fund-container .previous-en::after {
  content: ")";
}
.fund-details {
  margin-top: 10px;
}
.fund-details h3 {
  display: inline-block;
  margin-right: 0;
}
.fund-details .umbrella::before, .fund-details .segment::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 5px 0 0;
}
.fund-details .umbrella::before {
  content: " ";
  background-color: var(--color02);
}
.fund-details .segment::before {
  content: " ";
}
.pagination-container {
  width: 1180px;
  justify-content: space-between;
  align-items: center;
}
#pagination {
  order: 1;
}
.additional-link {
  height: 30px;
  margin: 0 auto;
  padding: 0 5px;
  color: var(--color02);
  text-align: center;
  align-items: center;
  justify-content: space-around;
  order: 2;
}
.additional-link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' fill='%23009DDE' viewBox='0 0 100 100'%3E%3Cpath d='m 71.843494,45.383326 -36.0015,-30.0013 a 6.0035,6.0035 0 0 0 -7.6878,9.223 l 30.47,25.39 -30.47,25.39 a 6.0035,6.0035 0 0 0 7.6878,9.2231 l 36.0015,-30.0018 a 6.0091,6.0091 0 0 0 0,-9.223 z'%3E%3C/path%3E%3C/svg%3E");
  margin: 2px 0 0 5px;
}
#rowslimit {
  order: 3;
}
#pagination, #rowslimit {
  height: 30px;
  justify-content: center;
  align-items: center;
}
#pagination .pagin-bttn, #rowslimit .select, header .select {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin: 0 3px;
  padding: 0 8px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  cursor: pointer;
}
#rowslimit .select, header .select {
  color: var(--color08);
  background-color: var(--color07);
}
#pagination .pagin-bttn {
  background-color: var(--color09);
  -webkit-box-shadow: inset 0px 0px 0px 1px var(--color07);
  -moz-box-shadow: inset 0px 0px 0px 1px var(--color07);
  box-shadow: inset 0px 0px 0px 1px var(--color07);
}
#pagination .pagin-bttn.first::after {
  content: "...";
}
#pagination .pagin-bttn.last::before {
  content: "...";
}
#pagination .pagin-bttn:hover {
  background-color: var(--color10);
  color: var(--color08);
}
#pagination input[type="radio"]:checked+label {
  background-color: var(--color03);
  color: var(--color01);
}
#rowslimit .select, header .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-shadow: none;
  overflow: hidden;
  border: none;
  margin-left: 10px;
}
footer {
  width: 100%;
  background-color: var(--color03);
  color: var(--color01);
  margin-top: 60px;
  justify-content: center;
  align-items: center;
}
.footer-container {
  width: 1180px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: var(--image2);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: auto 100%;
}
.footer-content {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-box {
  width: calc((100% / 3) - 10px);
  margin: 44px 0;
  flex-direction: column;
  align-items: flex-start;
}
.footer-box a, .footer-box span {
  padding: 7px 0;
}
.footer-box .title {
  margin-bottom: 15px;
}
.footer-box .phone-slogan {
  font-size: var(--font13);
  font-weight: 700;
}
.footer-box .phone-icon {
  content: var(--image6);
  margin: 0 8px -7px 0;
}
.footer-box .phone-number {
  font-size: var(--font26);
  text-decoration: none;
}
.footer-box .phone-number:hover {
  color: var(--color19)!important;
}
.footer-box .phone-claim {
  width: 85%;
  font-size: var(--font13);
  color: var(--color05)!important;
  margin-left: 26px;
}
.footer-box .sm-icon {
  align-items: center;
}
.footer-box .sm-icon::before {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.footer-box a.facebook::before {
  content: var(--image3);
}
.footer-box a.x::before {
  content: var(--image4);
}
.footer-box a.youtube::before {
  content: var(--image5);
}
.footer-box a.linkedin::before {
  content: var(--image8);
}
.footer-copyright {
  width: 100%;
  height: 90px;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid var(--color06);
}
.footer-notes {
  margin-left: 40px;
  align-items: center;
}
.footer-notes-separator {
  width: 1px;
  height: 21px;
  margin: 0 10px;
  border-right: 1px solid var(--color06);
}
.highlight {
  background-color: #DBEBFF;
}

/* SHUTTERS */
.IEShutter {
  width: 100%;
  height: calc(100vh - 260px);
  text-align: center;
}
.IEShutter h2 {
  margin: calc(50vh - 200px) auto 0 auto;
}
.IEShutter h2::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' fill='%23F14B32' viewBox='0 0 100 100'%3E%3Cpath d='M 50 0 C 22.385417 0 0 22.385417 0 50 C 0 77.614583 22.385417 100 50 100 C 77.614583 100 100 77.614583 100 50 C 100 22.385417 77.614583 0 50 0 z M 50 8.3339844 C 60.102083 8.3339844 69.359766 11.930989 76.572266 17.910156 L 17.910156 76.572266 C 11.930989 69.359766 8.3339844 60.102083 8.3339844 50 C 8.3339844 26.9875 26.9875 8.3339844 50 8.3339844 z M 82.416016 23.851562 C 88.193099 31.001562 91.666016 40.091667 91.666016 50 C 91.666016 73.0125 73.0125 91.666016 50 91.666016 C 40.091667 91.666016 31.001692 88.192969 23.849609 82.417969 L 82.416016 23.851562 z'%3E%3C/path%3E%3C/svg%3E");
  display: block;
  margin: 0 auto 10px auto;
}
.ajaxErrorShutter, .noResultsShutter {
  width: 100%;
  margin: 40px auto 0 auto;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.ajaxErrorShutter h2, .noResultsShutter h2 {
  text-align: center;
}
.ajaxErrorShutter h2::before, .noResultsShutter h2::before {
  display: block;
  margin: 0 auto 20px auto;
}
.ajaxErrorShutter h2::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' fill='%23F14B32' viewBox='0 0 100 100'%3E%3Cpath d='M 50 0 C 22.385417 0 0 22.385417 0 50 C 0 77.614583 22.385417 100 50 100 C 77.614583 100 100 77.614583 100 50 C 100 22.385417 77.614583 0 50 0 z M 50 8.3339844 C 73.0125 8.3339844 91.666016 26.9875 91.666016 50 C 91.666016 73.0125 73.0125 91.666016 50 91.666016 C 26.9875 91.666016 8.3339844 73.0125 8.3339844 50 C 8.3339844 26.9875 26.9875 8.3339844 50 8.3339844 z M 27.083984 45.833984 L 27.083984 54.166016 L 39.236328 54.166016 L 45.833984 54.166016 L 54.166016 54.166016 L 61.71875 54.166016 L 72.916016 54.166016 L 72.916016 45.833984 L 61.894531 45.833984 L 54.166016 45.833984 L 45.833984 45.833984 L 37.587891 45.833984 L 27.083984 45.833984 z'%3E%3C/path%3E%3C/svg%3E");
}
.noResultsShutter h2::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' fill='%23DBEBFF' viewBox='0 0 100 100'%3E%3Cpath d='M 50 0 C 22.385417 0 0 22.385417 0 50 C 0 77.614583 22.385417 100 50 100 C 77.614583 100 100 77.614583 100 50 C 100 22.385417 77.614583 0 50 0 z M 50 8.3339844 C 73.0125 8.3339844 91.666016 26.9875 91.666016 50 C 91.666016 73.0125 73.0125 91.666016 50 91.666016 C 26.9875 91.666016 8.3339844 73.0125 8.3339844 50 C 8.3339844 26.9875 26.9875 8.3339844 50 8.3339844 z M 45.835938 27.019531 L 45.835938 58.333984 L 54.162109 58.333984 L 54.162109 27.019531 L 45.835938 27.019531 z M 49.978516 64.583984 A 4.1666665 4.1666665 0 0 0 45.833984 68.75 A 4.1666665 4.1666665 0 0 0 50 72.916016 A 4.1666665 4.1666665 0 0 0 54.166016 68.75 A 4.1666665 4.1666665 0 0 0 50 64.583984 A 4.1666665 4.1666665 0 0 0 49.978516 64.583984 z'%3E%3C/path%3E%3C/svg%3E");
}

/* LOADER */
#loader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
}
.spinner {
  width: 0;
}
.spin {
  filter: url(#spinner);
}
.stopp1 {
  stop-color: #8ADEFF;
}
.stopp2 {
  stop-color: #001F58;
}
.half {
  animation: spin1 10s infinite linear;
  stroke-dasharray: 180 800;
  fill: none;
  stroke: url(#gradient);
  stroke-width: 23;
  stroke-linecap: round;
}
.dash {
  animation: spin1 3s infinite linear;
  stroke-dasharray: 26 54;
  fill: none;
  stroke: url(#gradient);
  stroke-width: 23;
  stroke-linecap: round;
}
.shadow {
  filter: blur(5px);
  opacity: 0.3;
  position: absolute;
  transform: translate(3px, 3px);
}
@keyframes spin1 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -403px;
  }
}

/* DUMP */
.dump {
  padding: 20px;
  margin-top: 60px;
  border: 1px solid #641DB4;
}
.arrow {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 5px;
  opacity: 1;
}
.arrow.asc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid var(--color04);
}
.arrow.dsc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--color04);
}