@charset "UTF-8";

.footer .container {
  display: flex;
  flex-wrap: wrap;
}

.btn {
  display: inline-block;
  background-color: #016937;
  border-color: #016937;
  font-size: 0.875rem;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 25px;
  border-radius: 40px;
  cursor: pointer;
  max-height: 48px;
  min-width: 180px;
  line-height: 20px;
  letter-spacing: 0.75px;
  outline: none !important;
  box-shadow: none !important;
  white-space: nowrap;
  overflow: hidden;
}

.btn:hover {
  color: #ffffff;
  background-color: #e14302;
  border-color: #e14302;
}

.btn span {
  font-weight: 400;
}

.btn.icon-more {
  position: relative;
  padding-right: 45px;
}

.btn.icon-more:after {
  position: absolute;
  right: 22px;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
  content: "\F061";
  font-family: "Font Awesome 5 Pro";
}

.btn.icon-more:after {
  content: "\F061";
}

.btn.icon-star {
  position: relative;
  padding-right: 45px;
}

.btn.icon-star:after {
  position: absolute;
  right: 22px;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
  content: "\F061";
  font-family: "Font Awesome 5 Pro";
}

.btn.icon-star:after {
  content: "\F005";
}

.btn.icon-star-full {
  position: relative;
  padding-right: 45px;
}

.btn.icon-star-full:after {
  position: absolute;
  right: 22px;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
  content: "\F061";
  font-family: "Font Awesome 5 Pro";
}

.btn.icon-star-full:after {
  content: "\F005";
}

.btn.icon-compare {
  position: relative;
  padding-right: 45px;
  font-size: 13px;
}

.btn.icon-compare:after {
  position: absolute;
  right: 22px;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
  content: "\F061";
  font-family: "Font Awesome 5 Pro";
}

.btn.icon-compare:after {
  content: "\F0EC";
}

.btn-primary {
  outline: none !important;
}

.btn-primary:hover,
.btn-primary:active {
  background-color: #c73a02 !important;
  color: #ffffff !important;
  border-color: #e14302 !important;
  outline: none !important;
}

.btn-secondary {
  background-color: #e14302;
  color: #ffffff;
  border-color: #e14302;
}

.btn-secondary:hover,
.btn-secondary:active {
  background-color: #c73a02 !important;
  color: #ffffff !important;
  border-color: #e14302 !important;
}

.btn-transparent {
  background-color: transparent;
  color: #026937;
  border-color: #026937;
}

.btn-transparent:hover,
.btn-transparent:active {
  color: #e14302;
  border-color: #e14302;
  background-color: transparent;
}

@media (max-width: 1023.98px) {
  .btn {
    display: block;
  }
}

a.link {
  font-size: 13px;
  color: #e14302;
}

a.link .fa {
  margin-right: 10px;
}

a.link:hover span {
  color: #c73a02;
  text-decoration: underline;
}

a.link:hover .fa {
  color: #c73a02;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url("/fonts/14126655f43628074be1976d86f13eae.eot");
  /* IE9*/
  src: url("/fonts/14126655f43628074be1976d86f13eae.woff") format("woff"),
    url("/fonts/14126655f43628074be1976d86f13eae.ttf") format("truetype"),
    url("/fonts/14126655f43628074be1976d86f13eae.svg#Font Awesome 5 Pro")
      format("svg");
  /* iOS 4.1- */
}

/* Quicksand medium */

@font-face {
  font-family: "Quicksand";
  src: url("/fonts/Quicksand/Quicksand-Medium.eot");
  src: url("/fonts/Quicksand/Quicksand-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/Quicksand/Quicksand-Medium.woff2") format("woff2"),
    url("/fonts/Quicksand/Quicksand-Medium.woff") format("woff"),
    url("/fonts/Quicksand/Quicksand-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

body {
  background-color: #ffffff;
  max-width: 100vw;
  overflow-x: hidden;
  font-size: 1rem;
  font-family: "Quicksand", sans-serif;
  color: #523131;
}

.main-content {
  padding: 0vw 8vw;
  max-width: -webkit-fill-available;
  width: 100%;
}

.main-content h1 {
  line-height: 60px;
}

@media (max-width: 1023.98px) {
  .main-content h1 {
    line-height: 37px;
    font-size: 1.75rem;
  }
}

.main-content h4 {
  color: #026937;
  padding-top: 1.5rem;
  line-height: 36px;
}

@media (max-width: 1023.98px) {
  .main-content h4 {
    font-size: 1.125rem;
    line-height: 26px;
  }
}

@media (max-width: 1023.98px) {
  .main-content {
    padding: 0 20px;
  }
}

a {
  text-decoration: none;
  transition: all 0.2s ease-in;
  color: #026937;
  outline: none !important;
}

a:hover {
  text-decoration: none;
  color: #000503;
  outline: none !important;
}

a.primary {
  color: #e14302 !important;
  outline: none !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
}

.date {
  font-size: 0.875rem;
  font-weight: 500;
  color: #464646;
  padding-bottom: 1rem;
}

.underline {
  position: relative;
  margin-bottom: 40px;
}

.underline::after {
  position: absolute;
  width: 45px;
  height: 1px;
  left: 0;
  bottom: -26px;
  background-color: #e14302;
  content: " ";
}

.text-right .underline::after {
  right: 0;
  left: auto;
}

h1 {
  color: #026937;
  font-size: 3rem;
  position: relative;
}

h1.underline {
  margin-bottom: 60px;
}

@media (max-width: 1023.98px) {
  h1 {
    font-size: 1.5rem;
  }
}

h2 {
  color: #026937;
  font-size: 2rem;
  position: relative;
}

h2.underline {
  margin-bottom: 60px;
}

h2 span {
  color: #e14302;
}

@media (max-width: 1023.98px) {
  h2 {
    font-size: 1.5rem;
  }
}

p {
  padding: 10px 0;
  margin: 0;
  font-size: 1.125rem;
  font-family: "Arial", sans-serif;
  line-height: 28px;
}

@media (max-width: 1023.98px) {
  p {
    font-size: 0.9375rem;
  }
}

.lead {
  color: #016937;
  font-size: 1.25rem;
  font-weight: 500;
  display: block;
}

.lead.underline {
  margin-bottom: 60px;
}

@media (max-width: 1023.98px) {
  .lead {
    display: block;
    font-size: 1.125rem;
  }
}

section {
  max-width: 100vw;
}

@media (max-width: 1023.98px) {
  section {
    overflow: hidden;
  }

  section.sm-fluid .container {
    max-width: 100%;
  }

  section.asset.tab-content.active .container.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
  }

  section.asset.tab-content.active .calculator {
    overflow: unset;
    padding-top: 0px;
  }
}

section.cover {
  min-height: 70vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

section.asset-head {
  background-size: auto 150%;
  background-repeat: no-repeat;
  background-position: top right 10%;
  background-color: #eaede9;
  min-height: 500px;
  padding-bottom: 29.5px;
}

section.cover + .content {
  margin-top: -30vh;
  margin-bottom: 5vh;
}

section.cover + .content .container {
  background-color: #ffffff;
  min-height: 30vh;
}

section.content .container {
  padding-top: 80px;
  padding-bottom: 40px;
}

@media (max-width: 1023.98px) {
  section.content .container {
    padding-top: 20px;
  }
}

section.isIE {
  background-color: #fff;
  margin-top: -45px;
  min-height: 80vh;
}

section.isIE i.fa {
  color: #e14302;
  font-size: 40px;
}

section.isIE h4 {
  color: #026937;
  font-size: 24px;
}

section.isIE p {
  font-size: 18px;
  color: #464646;
  margin: 40px;
}

section .grid .col-md-1,
section .grid .col-md-3 {
  background-color: #026937;
  height: 40px;
}

section .grid .col-md-1::before,
section .grid .col-md-3::before {
  background: #818181;
  position: absolute;
  content: " ";
  width: 100%;
  height: 40px;
}

@media (max-width: 1023.98px) {
  section.cover {
    min-height: 100vh;
  }

  section.cover + .content .container {
    width: calc(100% - 30px);
  }
}

@media (max-width: 1023.98px) {
  .row > .col,
  .row > [class*="col-"] {
    padding-right: 7px;
    padding-left: 7px;
  }
}

@media (max-width: 359.98px) {
  .row > .col,
  .row > [class*="col-"] {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.fa {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
}

i.info {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 15px;
  position: relative;
  background-color: #e14302;
  cursor: pointer;
  color: #ffffff;
  font-style: normal;
  font-family: "Font Awesome 5 Pro";
  text-align: center;
  background-position: center;
  line-height: 15px;
  font-weight: 700;
  font-size: 12px;
}

hr {
  width: 45px;
  text-align: left;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #026937;
}

.bottom-addons {
  background-color: #ffffff;
}

.bottom-addons .addon-item {
  width: 100%;
  min-height: 90px;
  line-height: 90px;
  border-top: 1px solid #f1f3f1;
  font-size: 18px;
  color: #016937;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item {
    min-height: 40px;
    line-height: 40px;
  }
}

.bottom-addons .addon-item > a {
  height: 90px;
  display: inline-block;
  width: 100%;
  color: #016937;
  position: relative;
}

.bottom-addons .addon-item > a:after {
  transform: rotate(90deg);
  transition: all 0.3s;
  position: absolute;
  content: "\F067";
  font-family: "Font Awesome 5 Pro";
  line-height: 90px;
  text-align: center;
  font-weight: normal;
  width: 90px;
  height: 90px;
  border-bottom: 1px solid #f1f3f1;
  right: 0;
  top: 0;
  font-size: 19px;
  color: #7db198;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item > a {
    height: 60px;
  }

  .bottom-addons .addon-item > a:after {
    line-height: 60px;
    width: 60px;
    height: 60px;
    font-size: 16px;
  }
}

.bottom-addons .addon-item i {
  width: 90px;
  display: inline-block;
  text-align: center;
  border-right: 1px solid #f1f3f1;
  margin-right: 30px;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item i {
    width: 60px;
    line-height: 60px;
    margin-right: 10px;
  }
}

.bottom-addons .addon-item span {
  display: inline-block;
  line-height: 20px;
  max-width: calc(100% - 120px);
  vertical-align: middle;
}

.bottom-addons .addon-item .addon-body {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
  background-color: #f8f9f8;
  line-height: 20px;
}

.bottom-addons .addon-item .addon-body .wrapper {
  margin: 60px 80px;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .wrapper {
    margin: 30px 20px;
  }
}

.bottom-addons .addon-item .addon-body .wrapper h3 {
  font-size: 36px;
  color: #016937;
  line-height: 45px;
  margin-bottom: 40px;
}

.bottom-addons .addon-item .addon-body .wrapper .row > div {
  line-height: 40px;
}

.bottom-addons .addon-item .addon-body .wrapper i {
  width: auto;
  display: inline-block;
  text-align: left;
  border-right: none;
  margin-right: 10px;
}

.bottom-addons .addon-item .addon-body .wrapper .doc-addon-row,
.bottom-addons .addon-item .addon-body .wrapper .current-events-row {
  margin-top: 3rem;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .wrapper .doc-addon-row,
  .bottom-addons .addon-item .addon-body .wrapper .current-events-row {
    margin-top: 1rem;
  }
}

.bottom-addons .addon-item .addon-body .wrapper .doc-addon-row > div a,
.bottom-addons .addon-item .addon-body .wrapper .current-events-row > div a {
  border-bottom: 1px solid #eaede9;
  padding: 10px;
  width: 89%;
  display: inline-block;
  font-size: 1rem;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .wrapper .doc-addon-row > div a,
  .bottom-addons .addon-item .addon-body .wrapper .current-events-row > div a {
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.bottom-addons .addon-item .addon-body .wrapper .current-events-row > div a {
  width: 100%;
  line-height: 20px;
  font-weight: 500;
  border-bottom: none;
}

.bottom-addons
  .addon-item
  .addon-body
  .wrapper
  .current-events-row
  > div
  a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  max-width: 320px;
  border-bottom: 1px solid #eaede9;
}

@media (max-width: 1023.98px) {
  .bottom-addons
    .addon-item
    .addon-body
    .wrapper
    .current-events-row
    > div
    a:before {
    max-width: unset;
  }
}

.bottom-addons .addon-item .addon-body .wrapper .current-events-row > div i {
  color: #7db198;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .wrapper .current-events-row > div i {
    line-height: 20px;
  }
}

.bottom-addons .addon-item .addon-body .wrapper .series-date {
  border-bottom: 1px solid #eaede9;
  border-top: 1px solid #eaede9;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .wrapper .series-date p {
    font-size: 12px;
    color: #464646;
  }
}

.bottom-addons .addon-item .addon-body .wrapper .series-row {
  margin-top: 2rem;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .wrapper .series-row {
    margin-top: 1rem;
    row-gap: 22px;
  }
}

.bottom-addons .addon-item .addon-body .wrapper .series-row .card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.bottom-addons .addon-item .addon-body .wrapper .series-row .card-header {
  padding: 0px;
  height: 52px;
  background-color: #fff;
  border-bottom: 1px solid #eaede9;
}

.bottom-addons .addon-item .addon-body .wrapper .series-row .cube-link {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border: none;
  font-size: 18px;
  line-height: 52px;
  background: #016937;
}

.bottom-addons .addon-item .addon-body .wrapper .series-row .cube-link:hover {
  background: #e14302;
}

.bottom-addons .addon-item .addon-body .wrapper .series-row table {
  color: #464646;
  line-height: 24px;
  font-size: 16px;
}

.bottom-addons .addon-item .addon-body .wrapper .series-row td:nth-child(1) {
  min-width: 110px;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .bottom-addons .addon-item .addon-body .series h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 3rem;
  }

  section.asset-list.head {
    overflow: unset;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.bottom-addons .addon-item .addon-body .series h5 {
  margin-top: 2rem;
  font-weight: 600;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item .addon-body .series h5 {
    margin: 36px 0px;
    color: #464646;
  }
}

.bottom-addons .addon-item.active > a:after {
  transform: rotate(0deg);
  content: "\F062";
  background-color: #f8f9f8;
  border-bottom: 0px solid #f1f3f1;
}

@media (max-width: 1023.98px) {
  .bottom-addons .addon-item.active .addon-body {
    margin-bottom: -55px;
  }
}

.editor,
.editor-esg {
  width: 100%;
}

.editor .embed-caption,
.editor-esg .embed-caption {
  position: relative;
  margin-bottom: 40px;
}

@media (max-width: 767.98px) {
  .editor .embed-caption,
  .editor-esg .embed-caption {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.editor .embed-caption div,
.editor .embed-caption p,
.editor .embed-caption p span,
.editor-esg .embed-caption div,
.editor-esg .embed-caption p,
.editor-esg .embed-caption p span {
  padding: 0;
  font-family: Arial !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #818181;
}

.editor .embed-caption div:first-child,
.editor .embed-caption p:first-child,
.editor .embed-caption p:first-child span,
.editor-esg .embed-caption div:first-child,
.editor-esg .embed-caption p:first-child,
.editor-esg .embed-caption p:first-child span {
  font-family: "Quicksand" !important;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #026937;
  padding-top: 20px;
}

.editor .embed-caption div:first-child:after,
.editor .embed-caption p:first-child:after,
.editor .embed-caption p:first-child span:after,
.editor-esg .embed-caption div:first-child:after,
.editor-esg .embed-caption p:first-child:after,
.editor-esg .embed-caption p:first-child span:after {
  position: absolute;
  width: 45px;
  height: 1px;
  left: 0;
  bottom: -26px;
  background-color: #e14302;
  content: " ";
}

@media (max-width: 1023.98px) {
  .editor .embed-caption div:first-child:after,
  .editor .embed-caption p:first-child:after,
  .editor .embed-caption p:first-child span:after,
  .editor-esg .embed-caption div:first-child:after,
  .editor-esg .embed-caption p:first-child:after,
  .editor-esg .embed-caption p:first-child span:after {
    left: 10px;
  }
}

@media (max-width: 1023.98px) {
  .editor .embed-caption p[style*="text-align: right;"],
  .editor .embed-caption p[style*="text-align: right;"] span,
  .editor-esg .embed-caption p[style*="text-align: right;"],
  .editor-esg .embed-caption p[style*="text-align: right;"] span {
    text-align: left !important;
  }
}

.editor .embed-caption div:first-child[style*="text-align: right;"]:after,
.editor .embed-caption p:first-child[style*="text-align: right;"]:after,
.editor .embed-caption p:first-child[style*="text-align: right;"] span:after,
.editor-esg .embed-caption div:first-child[style*="text-align: right;"]:after,
.editor-esg .embed-caption p:first-child[style*="text-align: right;"]:after,
.editor-esg
  .embed-caption
  p:first-child[style*="text-align: right;"]
  span:after {
  left: unset;
  right: 0;
}

@media (max-width: 1023.98px) {
  .editor .embed-caption div:first-child[style*="text-align: right;"]:after,
  .editor .embed-caption p:first-child[style*="text-align: right;"]:after,
  .editor .embed-caption p:first-child[style*="text-align: right;"] span:after,
  .editor-esg .embed-caption div:first-child[style*="text-align: right;"]:after,
  .editor-esg .embed-caption p:first-child[style*="text-align: right;"]:after,
  .editor-esg
    .embed-caption
    p:first-child[style*="text-align: right;"]
    span:after {
    left: 0;
    right: unset;
  }
}

.editor p,
.editor p span,
.editor-esg p,
.editor-esg p span {
  font-size: 1.125rem;
  line-height: 28px;
}

@media (max-width: 1023.98px) {
  .editor p,
  .editor p span,
  .editor-esg p,
  .editor-esg p span {
    font-size: 0.9375rem;
    margin-left: -11px;
    margin-right: -11px;
  }
}

.editor p:first-child,
.editor p:first-child span,
.editor-esg p:first-child,
.editor-esg p:first-child span {
  padding-top: 2rem;
}

.editor div,
.editor ul > li,
.editor ol > li,
.editor-esg div,
.editor-esg ul > li,
.editor-esg ol > li {
  font-size: 16px;
  font-family: "Arial", sans-serif;
  line-height: 28px;
}

@media (max-width: 1023.98px) {
  .editor div,
  .editor ul > li,
  .editor ol > li,
  .editor-esg div,
  .editor-esg ul > li,
  .editor-esg ol > li {
    font-size: 0.9375rem;
    margin-left: -11px;
    margin-right: -11px;
  }
}

.editor .flex-display,
.editor-esg .flex-display {
  display: flex;
  flex-wrap: wrap;
}

.editor .container-width,
.editor-esg .container-width {
  width: calc(100% + 16vw);
  margin-left: -8vw;
  margin-right: -8vw;
  margin-top: 40px;
  margin-bottom: 40px;
}

.editor .container-yt,
.editor-esg .container-yt {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.editor iframe.yt,
.editor-esg iframe.yt {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.editor iframe,
.editor-esg iframe {
  width: 100%;
}

.editor .skvad-embed,
.editor-esg .skvad-embed {
  width: calc(100% + 16vw);
  margin-left: -8vw;
  margin-right: -8vw;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: inherit;
}

.editor .skvad-embed.infogram,
.editor-esg .skvad-embed.infogram {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.editor .skvad-embed.infogram iframe,
.editor-esg .skvad-embed.infogram iframe {
  min-height: 600px;
}

@media (max-width: 767.98px) {
  .editor .skvad-embed.infogram iframe,
  .editor-esg .skvad-embed.infogram iframe {
    min-height: 300px;
    padding-bottom: unset;
    margin-left: unset;
    margin-right: unset;
    width: 100%;
  }
}

.editor .skvad-embed.youtube,
.editor-esg .skvad-embed.youtube {
  position: relative;
  padding-bottom: 56.25%;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

@media (max-width: 767.98px) {
  .editor .skvad-embed.youtube,
  .editor-esg .skvad-embed.youtube {
    padding-bottom: 60%;
  }
}

.editor .skvad-embed.youtube iframe,
.editor-esg .skvad-embed.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
}

@media (max-width: 767.98px) {
  .editor .skvad-embed.youtube iframe,
  .editor-esg .skvad-embed.youtube iframe {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    min-height: auto;
  }
}

.editor .skvad-embed.soundcloud iframe,
.editor-esg .skvad-embed.soundcloud iframe {
  min-height: 200px;
}

@media (max-width: 767.98px) {
  .editor .skvad-embed.soundcloud iframe,
  .editor-esg .skvad-embed.soundcloud iframe {
    min-height: 200px;
    padding-bottom: unset;
    margin-left: unset;
    margin-right: unset;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .editor .skvad-embed.issuu,
  .editor-esg .skvad-embed.issuu {
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: unset;
    width: 100%;
  }
}

.editor .picture,
.editor-esg .picture {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.editor .picture img,
.editor-esg .picture img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.editor .sub,
.editor-esg .sub {
  padding-left: 8vw;
  padding-right: 8vw;
}

.editor .sub p,
.editor-esg .sub p {
  padding: 0;
}

.editor .sub .sub-title,
.editor-esg .sub .sub-title {
  color: #016937;
  font-weight: 500;
}

.editor .sub .sub-desc,
.editor-esg .sub .sub-desc {
  color: #818181;
}

@media (max-width: 767.98px) {
  .editor,
  .editor-esg {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.editor p {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.editor p img,
.editor-esg p img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.editor p span,
.editor-esg p span {
  margin-left: 0;
}

.text-secondary {
  color: #e14302 !important;
}

.text-primary {
  color: #026937 !important;
}

@media (max-width: 1023.98px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1419.98px) {
  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media (max-width: 359.98px) {
  .container {
    padding-left: inherit;
    padding-right: inherit;
  }
}

.loading {
  min-height: 200px;
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.2;
}

.wire-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 4px;
  background: linear-gradient(270deg, #01563f, #d4d4d4);
  background-size: 400% 400%;
  -webkit-animation: AnimationName 1s ease infinite;
  animation: AnimationName 1s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* width */

::-webkit-scrollbar {
  width: 8px;
  height: 5px;
}

/* Track */

::-webkit-scrollbar-track {
  background: #f1f3f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #c9d0c7;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #e14302;
}

.text {
  padding: 40px 0;
  font-size: 13px;
  color: #818181;
  font-family: "Arial", sans-serif;
  line-height: 18px;
  background-color: #f1f3f1;
}

.text .container > div > span[style],
.text .container > div[style],
.text .container > div > p[style],
.text .container > p[style],
.text .container > p,
.text p > span[style],
.text p[style] {
  font-family: "Arial", sans-serif !important;
  font-size: 0.8125rem !important;
  line-height: 18px !important;
  color: #818181 !important;
}

header {
  background-color: #ffffff;
  text-transform: uppercase;
}

header > div {
  max-width: 100%;
}

header ul.nav {
  align-self: center;
}

header ul.nav a {
  color: #026937;
  padding: 0 15px;
  font-size: 1rem;
}

header .top-nav {
  border-bottom: 1px solid #ecf2f0;
  height: 45px;
  margin: 0;
  padding-right: 20px;
}

header .top-nav ul.nav a {
  display: inline-block;
  font-size: 0.875rem;
}

header .main-nav {
  height: 100px;
  margin: 0;
}

header .main-nav .logo {
  margin: 0 40px;
  align-self: center;
}

header .main-nav .search {
  min-width: 100px;
  min-height: 100px;
  line-height: 100px;
  display: inline-block;
  align-self: center;
  border-right: 1px solid #ecf2f0;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-size: 28px;
  color: #026937;
  text-align: center;
}

@media (max-width: 1023.98px) {
  header .main-nav .search {
    min-width: 60px;
    min-height: 60px;
    line-height: 60px;
  }
}

header .main-nav > div {
  display: flex;
  border: 0px solid #dbe1d9;
}

@media (max-width: 1023.98px) {
  header .main-nav > div {
    border: none;
  }
}

header .main-nav .main-item a {
  padding: 10px 25px;
  font-weight: 500;
}

header .main-nav .main-item a:hover {
  color: #e14302;
}

@media (max-width: 1023.98px) {
  header .main-nav .main-item a:hover {
    color: #026937;
  }
}

@media (max-width: 1419.98px) {
  header .main-nav .main-item a {
    padding: 10px 15px;
  }
}

header .main-nav .main-item.open a {
  color: #e14302;
}

@media (max-width: 1023.98px) {
  header .main-nav .main-item.open a {
    color: #026937;
  }
}

header .main-nav .drop-down > a {
  position: relative;
}

header .main-nav .drop-down > a::after {
  font-family: "Font Awesome 5 Pro";
  content: "\F107";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  top: 9px;
}

@media (max-width: 1419.98px) {
  header .main-nav .drop-down > a::after {
    right: -10px;
  }
}

@media (max-width: 1023.98px) {
  header .main-nav .drop-down > a::after {
    top: 0px;
    right: 0px;
  }
}

@media (max-width: 1023.98px) {
  header .main-nav .drop-down.open > a::after {
    right: 12px;
    top: 40px;
    transform: rotate(180deg);
  }
}

header .main-nav .sub-nav {
  display: flex;
  position: absolute;
  width: 100vw;
  background: #026937;
  top: 99px;
  left: -1px;
  height: 0px;
  transition: all 0.2s;
  transition-timing-function: ease-in-out;
  z-index: 50;
  overflow: hidden;
  justify-content: center;
}

header .main-nav .sub-nav a {
  line-height: 100px;
  color: transparent;
  transition: color 0.5s;
  font-size: 14px;
}

header .main-nav .sub-nav.open {
  display: flex;
  height: 100px;
}

header .main-nav .sub-nav.open a {
  color: #ffffff;
  font-size: 14px;
}

header .main-nav .sub-nav.open a:hover {
  text-decoration: underline;
}

header .main-nav .sub-nav.open li:first-child {
  margin-left: -15px;
}

@media (max-width: 1023.98px) {
  header .main-nav .sub-nav.open li:first-child {
    margin-left: 0;
  }
}

header .main-nav .m-nav {
  display: none;
}

@media (max-width: 1023.98px) {
  header .main-nav .m-nav {
    display: block;
  }
}

@media (max-width: 1023.98px) {
  header {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60px;
    overflow: hidden;
    transition: all 0.3s;
    text-transform: unset;
  }

  header .top-nav {
    overflow: hidden;
    height: 0vh;
    transition: all 0.3s;
    border: none;
  }

  header.open {
    height: 102vh;
  }

  header.open .top-nav {
    display: flex;
    position: absolute;
    bottom: 40px;
    height: auto;
    background-color: #ffffff;
    width: 100vw;
    padding: 0;
    z-index: 40;
  }

  header.open .top-nav li {
    width: 100vw;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
  }

  header.open .top-nav li a {
    color: #026937 !important;
  }

  header .main-nav {
    height: 60px;
    background-color: #ffffff;
    border-bottom: 1px solid #dae6e2;
  }

  header .main-nav ul.nav {
    position: absolute;
    width: 102vw;
    top: 60px;
    display: none;
    height: auto;
    padding-bottom: 100px;
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
  }

  header .main-nav .main-item {
    z-index: 60;
    position: relative;
    border-bottom: 1px solid #dae6e2;
    background: #ffffff;
  }

  header .main-nav .main-item > a {
    text-transform: uppercase;
    font-weight: 700;
  }

  header .main-nav .main-item a {
    line-height: 60px;
    padding: 0;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-weight: 600;
  }

  header .main-nav ul.sub-nav {
    background: #026937;
    position: relative;
    height: 0;
    padding-bottom: 0px;
  }

  header .main-nav ul.sub-nav.open {
    height: auto;
    padding-left: 0px;
    top: 0;
  }

  header .main-nav ul.sub-nav.open a {
    position: relative;
    font-size: 15px;
  }

  header .main-nav ul.sub-nav.open a::after {
    position: absolute;
    width: 45px;
    height: 1px;
    left: 25px;
    bottom: 0px;
    content: " ";
  }

  header .main-nav ul.sub-nav.open li:last-child a::after {
    display: none;
  }

  header .main-nav .logo {
    margin: 0 15px;
  }

  header .main-nav .search {
    font-size: 23px;
  }

  header .main-nav .hamburger.is-active {
    background: #ffffff;
    border-right: 1px solid #dae6e2;
    border-bottom: 1px solid #fff;
  }

  header.open .main-nav ul.nav {
    display: block;
  }
}
header {
  border-bottom: 1px solid #dbe1d9;
}
.search .stage1 {
  display: block;
}
.search.open .stage1 {
  display: none;
}
.search .stage2 {
  display: none;
}
.search.open .stage2 {
  display: block;
}
.searchbar {
  position: absolute;
  top: 101px;
  width: 100vw;
  height: 0px;
  background: #f8f9f8;
  right: 0;
  z-index: 100;
  transition: all 0.5s;
  overflow: hidden;
}
.search {
  border: 0px solid #f8f9f8;
}
.search.open {
  border-bottom: 1px solid #f8f9f8;
  border-left: 1px solid #ecf2f0;
  z-index: 1000;
  background: #f8f9f8;
}
.searchbar input {
  border: none;
  background: transparent;
  width: calc(100vw - 200px);
  height: 100px;
  margin: 0px;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  padding-left: 40px;
}
.search-reset {
  display: none;
  width: 95px;
  height: 100px;
  top: 0px;
  position: absolute;
  right: 100px;
  border: 0px;
  background: transparent;
}
@media (max-width: 1023.98px) {
  .search-topics {
    display: none !important;
  }
  .search-mobile-topics {
    display: block !important;
  }
  .searchbar {
    top: 60px;
    max-height: 60px !important;
  }

  .searchbar input {
    width: calc(100vw - 120px);
    height: 60px;
    padding-left: 20px;
    font-size: 14px;
  }

  .search-reset {
    display: none;
    width: 55px;
    height: 60px;
    right: 60px;
  }
  header .main-nav .main-item.plus-item {
    display: block !important;
    background: #026937;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #01563f;
  }
  header .main-nav .main-item.plus-item a {
    color: #ffffff;
    text-transform: none;
    font-weight: 400;
    padding: 0;
  }
  header.open {
    background: #026937;
  }

  header .main-nav .main-item {
    max-width: 98vw;
  }
}
.logo {
  position: relative;
  align-content: center;
  width: 190px;
  height: 50px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (max-width: 1023.98px) {
  .logo {
    width: 125px;
    height: 32px;
    margin-top: -2px;
  }
}

.index-feature {
  overflow: hidden;
}

.list-4 > div {
  padding: 0;
}

.list-4 .card {
  background: #eaede9;
  margin-left: 2px;
  border: none;
  height: 100%;
}

.list-4 .body {
  padding: 40px;
  position: initial;
  padding-bottom: 80px;
}

.list-4 .title {
  color: #026937;
  font-size: 1.25rem;
  padding-left: 40%;
}

.list-4 .cover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  align-self: center;
  height: 320px;
  width: 100%;
}

.list-4 .btn {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.list-4 .slick-dots {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  margin: 0;
  padding: 0;
}

@media (max-width: 1023.98px) {
  .list-4 .slick-dots {
    bottom: 10px;
  }
}

.list-4 .slick-dots li {
  display: inline-block;
  margin: 0 15px;
}

@media (max-width: 1023.98px) {
  .list-4 .slick-dots li {
    margin: 0 10px;
  }
}

.list-4 .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background-color: #026937;
  outline: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
  transition: width 0.3s;
}

.list-4 .slick-dots li.slick-active button {
  background-color: #e14302;
}

@media (min-width: 1024px) {
  .list-4 .slick-slide {
    display: inline-block !important;
    float: none;
    position: relative;
    height: 800px;
  }

  .list-4 .slick-slide > div {
    position: absolute;
    top: 0;
    max-width: 25vw;
    height: 100%;
  }
}

@media (max-width: 1023.98px) {
  .list-4 .card {
    text-align: left;
  }

  .list-4 .title {
    font-size: 1.25rem;
    padding-left: 0;
  }

  .list-4 .title::after {
    left: 0;
    right: auto;
  }

  .list-4 .btn {
    margin-top: 30px;
  }
}

h2 {
  font-weight: 500;
  font-family: "Quicksand", sans-serif;
  font-size: 36px;
}

@media (max-width: 1023.98px) {
  h2 {
    font-size: 26px;
  }
}

.home-news .btn {
  font-weight: 600;
}

.home-news .list-news .wrapper {
  padding-bottom: 0;
}

.home-news .list-news .wrapper .height-div {
  padding-top: 0;
}

.home-news .list-news .wrapper .height-div .card {
  margin-top: 0;
}

.list-news {
  max-height: 580px;
  overflow: hidden;
}

.list-news > div {
  padding: 0;
}

.list-news .title {
  color: #026937;
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: 0;
}

.list-news .underline::after {
  left: 0;
  right: auto;
}

.list-news .height-div {
  max-height: 100%;
  min-height: 100%;
  padding-top: 22px;
}

@media (max-width: 1023.98px) {
  .list-news .height-div {
    min-height: unset;
  }
}

.list-news .card {
  border-radius: 0;
  background-color: #ffffff;
  margin-left: 4px;
  border: 1px solid #e8e8e8;
  height: 100%;
  overflow: hidden;
}

.list-news .card .body {
  padding: 40px;
  padding-bottom: 80px;
  position: relative;
  min-height: 580px;
}

.list-news .card .cover {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  align-self: center;
  transition: margin-top 0.5s;
  height: 250px;
  margin-top: 0;
}

.list-news .card p {
  color: #464646;
  opacity: 0;
  transition: all 0.6s;
  font-size: 1.125rem;
  line-height: 26px;
}

.list-news .card span {
  margin-top: 28px;
  margin-bottom: 28px;
  display: inline-block;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.list-news .card .btn {
  display: none;
}

.list-news .card:hover .cover {
  margin-top: -260px;
}

.list-news .card:hover p {
  opacity: 1;
}

.list-news .card:hover .btn {
  display: inline-block;
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: auto;
  font-weight: 600;
}

.list-news.news-list-overflow {
  max-height: unset;
}

.list-news.news-list-overflow .body {
  padding: 40px;
  padding-bottom: 80px;
  position: relative;
  min-height: 320px;
  max-height: 320px;
  text-align: left;
}

.list-news.news-list-overflow:hover .btn {
  bottom: -220px;
}

@media (max-width: 1023.98px) {
  .list-news {
    max-width: 100%;
    overflow-x: scroll;
  }

  .list-news.news-list-overflow {
    overflow-x: unset;
    overflow-y: unset;
  }

  .list-news.news-list-overflow:hover .btn {
    bottom: 30px;
  }

  .list-news .wrapper {
    width: 250vw;
    padding-bottom: 40px;
  }

  .list-news .wrapper.news-list-column {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
  }

  .list-news .wrapper.news-list-column::-webkit-scrollbar {
    display: none;
  }

  .list-news .wrapper.news-list-column .card {
    margin: 0;
    margin-top: 1.5rem;
  }

  .list-news.home {
    margin-right: 3vw;
  }

  .list-news.home .wrapper.news-list-column {
    flex-direction: row;
    overflow-x: scroll;
    flex-wrap: nowrap;
  }

  .list-news.home .wrapper.news-list-column .card {
    width: 80vw;
  }

  .list-news.home .card .btn {
    display: inline-block;
    width: auto;
    text-align: left;
    background: transparent;
    color: #e14302;
    position: absolute !important;
    bottom: 20px;
    left: 25px;
    min-width: auto;
    right: auto;
    padding-left: 0;
    border: none;
    text-transform: unset;
    font-weight: 700;
  }

  .list-news.home .card .btn:after {
    display: block;
    position: absolute;
    right: 12px;
    top: calc(50% - 4px);
    transform: translateY(-50%);
    width: 8px;
    height: 12px;
    content: "\F061";
    font-family: "Font Awesome 5 Pro";
  }

  .list-news.home .card:hover .btn {
    bottom: 20px;
    left: 25px;
  }

  .list-news .card .cover {
    height: 200px;
  }

  .list-news .card:hover .cover {
    margin-top: 0px;
  }

  .list-news .card:hover .btn {
    display: inline-block;
    left: 20px;
    right: auto;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    align-self: center;
    width: 90%;
    position: absolute;
    bottom: 30px;
  }

  .list-news .card .body {
    padding: 20px;
    height: auto;
    min-height: 250px;
    text-align: left;
    display: flex;
    flex-direction: column;
  }

  .list-news .card p {
    display: none;
  }

  .list-news .card .title {
    font-size: 1.125rem;
    padding-left: 0;
  }

  .list-news .card .title::after {
    left: 0;
    right: auto;
    bottom: -13px;
  }

  .list-news .card span {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 0.875rem;
    text-align: left;
    width: 100%;
  }

  .list-news .card .btn {
    display: inline-block;
    background-color: #016937;
    border-color: #016937;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 25px;
    border-radius: 40px;
    cursor: pointer;
    max-height: 48px;
    min-width: 180px;
    line-height: 20px;
    letter-spacing: 0.75px;
    outline: none !important;
    box-shadow: none !important;
    white-space: nowrap;
    overflow: hidden;
    margin-left: -5px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    align-self: center;
    width: 90%;
    position: absolute;
    bottom: 30px;
  }

  .list-news .card .btn:after {
    display: none;
  }

  .list-news .card .btn:hover {
    background-color: #e14302;
    border-color: #e14302;
  }
}

.main-slider {
  position: relative;
  height: calc(100vh - 185px);
  overflow: hidden;
  margin-top: 0;
}

@media (max-width: 1023.98px) {
  .main-slider {
    margin-top: 60px;
    height: calc(100vh - 150px);
  }
}

@media screen and (max-width: 380px) {
  .main-slider {
    height: calc(100vh - 100px);
  }
}

@media screen and (max-width: 340px) {
  .main-slider {
    height: calc(140vh - 170px);
  }
}

.main-slider .slick-arrow {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 50%;
  width: 60px;
  height: 60px;
  border: none;
  outline: none;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}

.main-slider .slick-dots {
  position: absolute;
  top: 93%;
  transform: translateX(-50%);
  text-align: left;
  left: 50%;
  margin: 0;
  padding: 0;
}

@media (max-width: 1419.98px) {
  .main-slider .slick-dots {
    padding-left: 5vw;
  }
}

@media (max-width: 1023.98px) {
  .main-slider .slick-dots {
    bottom: 10px;
  }
}

.main-slider .slick-dots li {
  display: inline-block;
  margin: 0 15px;
}

@media (max-width: 1023.98px) {
  .main-slider .slick-dots li {
    margin: 0 10px;
  }
}

.main-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background-color: #026937;
  outline: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
  transition: width 0.3s;
}

.main-slider .slick-dots li.slick-active button {
  background-color: #e14302;
}

.main-slider-item {
  position: relative;
  outline: none;
  height: calc(100vh - 178px);
  min-height: 550px;
  width: 100%;
  background-color: #ecf2f0;
}

@media (max-width: 1419.98px) {
  .main-slider-item {
    height: calc(100vh - 138px);
    min-height: 550px;
  }
}

@media screen and (max-width: 380px) {
  .main-slider-item {
    height: calc(100vh - 100px);
  }
}

@media screen and (max-width: 340px) {
  .main-slider-item {
    height: calc(140vh - 118px);
  }
}

.main-slider-item .slider-link {
  position: absolute;
  cursor: initial;
}

@media (max-width: 1023.98px) {
  .main-slider-item .slider-link {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}

.main-slider-item .slider-link:focus {
  outline: none;
}

.main-slider-item .slider-link::after {
  background: linear-gradient(160deg, #08080850 40%, #ffffff80);
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
}

.main-slider-item .slider-link img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: calc(100vh - 100px);
}

@media screen and (max-width: 340px) {
  .main-slider-item .slider-link img {
    height: calc(140vh - 100px);
  }
}

.main-slider-item a {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
}

@media (max-width: 1023.98px) {
  .main-slider-item a {
    font-size: 15px;
  }
}

.main-slider-item .slider-text {
  position: absolute;
  top: 20%;
  color: #ffffff;
}

@media screen and (max-width: 340px) {
  .main-slider-item .slider-text {
    top: 7%;
  }
}

@media (max-width: 1023.98px) {
  .main-slider-item .slider-text {
    max-width: 85%;
    top: 10%;
  }
}

.main-slider-item .slider-text a {
  width: auto;
  padding: 20px 65px;
}

@media (max-width: 1023.98px) {
  .main-slider-item .slider-text a {
    padding: 16px 0px;
  }
}

.main-slider-item .slider-text .slider-title,
.main-slider-item .slider-text .slider-title p {
  font-family: "Quicksand";
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 500;
  min-width: 40vw;
  color: #ffffff;
}

@media (max-width: 1023.98px) {
  .main-slider-item .slider-text .slider-title,
  .main-slider-item .slider-text .slider-title p {
    font-size: 32px;
  }
}

@media (max-width: 767.98px) {
  .main-slider-item .slider-text .slider-title,
  .main-slider-item .slider-text .slider-title p {
    font-size: 28px;
  }
}

.main-slider-item .slider-text .slider-subtitle {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  font-family: "Arial", sans-serif;
}

@media (max-width: 1023.98px) {
  .main-slider-item .slider-text .slider-subtitle {
    font-size: 20px;
  }
}

@media (max-width: 767.98px) {
  .main-slider-item .slider-text .slider-subtitle {
    font-size: 15px;
  }
}

.main-slider-item .slider-text .btn-more-wrapper {
  visibility: hidden;
  opacity: 0;
}

.main-slider-item .slider-text .btn-more-wrapper :nth-child(2) {
  transform: translateX(-104%);
}

.main-slider-item .slider-text .btn-more-wrapper :nth-child(3) {
  transform: translateX(-208%);
}

.main-slider-item .slider-text .btn-more-wrapper.show {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.main-slider-item .slider-text .btn-more-wrapper.show :nth-child(2) {
  transform: translateX(0%);
  transition: all 0.3s ease-in-out;
}

.main-slider-item .slider-text .btn-more-wrapper.show :nth-child(3) {
  transition: all 0.3s ease-in-out;
  transform: translateX(0%);
}

.main-slider-item .slider-text .btn {
  max-height: 60px;
  margin-top: 2.5rem;
  margin-right: 0.5rem;
}

@media (max-width: 1023.98px) {
  .main-slider-item .slider-text .btn {
    margin-right: 0rem;
    max-height: 52px;
    font-size: 15px;
    margin-top: 0.5rem;
  }
}

.banner-line {
  background: #016937;
  color: #ffffff;
  height: 128px;
  font-size: 1.5rem;
  position: relative;
  padding: 24px 0;
}

.banner-line .cube-link {
  border-top: 0;
  border-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #01563f;
}

.banner-line .cube-link:hover {
  background: #e14302;
  border: 1px solid #e14302;
}

@media (max-width: 1023.98px) {
  .banner-line .cube-link {
    top: auto;
    bottom: 0;
  }
}

.banner-line.inverse {
  background: #c73a02;
}

.banner-line.inverse .cube-link {
  position: absolute;
  left: 0;
  right: auto;
  border-right: 1px solid #ad3202;
}

.banner-line.inverse .cube-link:hover {
  background: #e14302;
  display: block;
}

@media (max-width: 1023.98px) {
  .banner-line.inverse .cube-link {
    top: 0;
    bottom: auto;
  }
}

.banner-line.inverse .btn {
  font-size: 15px;
  padding: 19px 35px;
  max-height: 60px;
  margin-top: 10px;
}

@media (max-width: 1023.98px) {
  .banner-line.inverse .btn {
    margin-top: 20px;
    width: 100%;
  }
}

@media (max-width: 1023.98px) {
  .banner-line.inverse {
    height: auto;
    padding-top: 90px;
    padding-bottom: 30px;
  }
}

@media (max-width: 1023.98px) {
  .banner-line {
    height: auto;
    padding-bottom: 90px;
  }

  .banner-line div {
    font-size: 20px;
    font-weight: 400;
  }

  .banner-line strong {
    font-size: 20px;
    font-weight: 600;
  }
}

.compare-banner {
  height: auto;
  min-height: 128px;
  position: relative;
}

.compare-banner .row {
  margin: 0px auto;
}

@media screen and (min-width: 1023.98px) and (max-width: 1600px) {
  .compare-banner .row {
    margin-left: 128px;
  }
}
@media screen and (min-width: 1023.98px) {
  .j-center {
    display: flex;
    height: 80px;
  }
}

@media (max-width: 1023.98px) {
  .compare-banner .col-lg-8 {
    padding: 20px 0px !important;
  }
}

.compare-banner.inverse .cube-link {
  border-left: 1px solid #ad3202;
}

.compare-banner.inverse .btn {
  background: #e14302;
  border: none;
}

.cube-link {
  width: 128px;
  height: 128px;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  line-height: 128px;
  border: 1px solid #026937;
}

.cube-link:hover {
  background: #01563f;
  border: 1px solid #01563f;
  color: #ffffff;
}

.cube-link:active {
  background: #c73a02;
  color: #ffffff;
}

@media (max-width: 1023.98px) {
  .cube-link {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}

.columned {
  overflow: hidden;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  position: relative;
}

@media (max-width: 1023.98px) {
  .columned {
    height: auto;
  }
}

.columned-text {
  padding-top: 5vw;
  color: #464646;
}

.columned-text h3 {
  color: #026937;
  font-size: 1.5rem;
  line-height: 36px;
}

.columned-text .btn {
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

@media (max-width: 1023.98px) {
  .columned-text {
    padding-top: 30px;
  }

  .columned-text h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
  }

  .columned-text .btn {
    display: block;
    font-size: 15px;
    font-weight: 600;
  }
}

.columned-image {
  position: absolute;
  min-width: 49vw;
  overflow: hidden;
  right: 0;
  height: 100%;
}

.columned-image img {
  margin-left: -12.5vw;
  max-height: calc(100vh - 228px);
  height: 100%;
  width: 100%;
  min-width: 62.5vw;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .columned-image {
    margin-left: -5vw !important;
    margin-right: -5vw;
    width: auto;
    position: relative;
    padding-top: 0;
  }

  .columned-image img {
    margin-left: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.offer {
  min-height: 55vh;
  color: #ffffff;
}

.offer .underline::after {
  background-color: #ffffff;
}

.offer .offer-div {
  background-size: cover;
  min-height: 55vh;
  padding: 0;
}

.offer .offer-div.offer-company {
  background-image: url(/images/main/vallalati.jpg);
}
.offer .offer-div.offer-enterprise {
  background-image: url(/images/main/intezmenyi.jpg);
}

@media (max-width: 767.98px) {
  .offer .offer-div {
    min-height: 45vh;
    margin-right: 11px;
    margin-left: 11px;
  }
}

.offer .offer-div .offer-text {
  padding-left: 6vw;
  padding-top: 6vw;
  z-index: 1;
}

.offer .offer-div .offer-text h3 {
  padding-right: 3rem;
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
}

@media (max-width: 1023.98px) {
  .offer .offer-div .offer-text h3 {
    font-size: 26px;
  }
}

.offer .offer-div .offer-text p {
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: 400;
}

@media (max-width: 1023.98px) {
  .offer .offer-div .offer-text p {
    font-size: 15px;
  }
}

.offer .offer-div .cube-link {
  border: 1px solid #ffffff;
  font-size: 1.5rem;
  height: 92px;
  width: 92px;
  line-height: 92px;
  position: absolute;
  right: 5vw;
  bottom: 4vw;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .offer .offer-div .cube-link {
    height: 80px;
    width: 80px;
    line-height: 80px;
    right: 12vw;
  }
}

.offer .offer-div .cube-link:hover {
  background: #e14302;
  border: 1px solid #e14302;
}

.offer .offer-div::after {
  background: linear-gradient(
    134.22deg,
    rgba(0, 0, 0, 0.5) 10%,
    rgba(236, 242, 240, 0.3) 100%
  );
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
}

.asset h5 {
  color: #016937;
  font-weight: 600;
}

.asset .series-link {
  margin-top: 8px;
}

.asset .series-link a {
  color: #e14302;
}

.asset .main-details {
  position: relative;
  background: #026937;
  text-align: center;
  color: #d2d2d2;
  padding: 20px;
}

.asset .main-details .row > div {
  border-left: 1px dashed rgba(151, 151, 151, 0.5);
}

.asset .main-details .row > div:last-child {
  border-right: 1px dashed rgba(151, 151, 151, 0.5);
}

.asset .main-details .row > div .highlight {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
}

.asset .main-details .row > div .risk-number {
  font-size: 16px;
}

.asset .main-details .row > div .risk-number span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
}

.asset .main-details .row > div .risk-number span.active {
  background: #ffffff;
  border-radius: 20px;
  color: #026937;
}

.asset .main-details label {
  font-size: 14px;
  text-transform: uppercase;
}

@media (max-width: 1023.98px) {
  .asset .main-details {
    padding-top: 0;
    padding-bottom: 0;
  }

  .asset .main-details .row > div {
    border-left: none;
    border-bottom: 1px dashed rgba(151, 151, 151, 0.5);
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .asset .main-details .row > div:last-child {
    border-bottom: 0px dashed rgba(151, 151, 151, 0.5);
    border-right: 0;
  }

  .asset .main-details label {
    margin-bottom: 0;
  }
}

.asset.asset-head {
  position: relative;
  overflow: hidden;
}

.asset.asset-head:before {
  position: absolute;
  content: " ";
  width: 55vw;
  height: 55vw;
  background-image: url(/images/torta.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top 1vw right 1vw;
  right: 5vw;
  top: 0;
  z-index: 0;
  transform: rotate(0deg);
  transition: all 1s;
  transition-timing-function: ease-out;
}

@media (max-width: 767.98px) {
  .asset.asset-head {
    padding-bottom: 60px;
  }
}

.asset.asset-head .asset-head-right {
  text-align: right;
}

.asset.asset-head.r10:before {
  transform: rotate(0deg);
}

.asset.asset-head.r20:before {
  transform: rotate(-5deg);
}

.asset.asset-head.r30:before {
  transform: rotate(-10deg);
}

.asset.asset-head.r40:before {
  transform: rotate(-15deg);
}

.asset.asset-head.r50:before {
  transform: rotate(-20deg);
}

.asset.asset-head h1 {
  font-size: 36px;
  line-height: 45px;
  color: #026937;
  margin-top: 10px;
}

@media (max-width: 1023.98px) {
  .asset.asset-head h1 {
    font-size: 28px;
  }
}

.asset.asset-head p {
  font-size: 1.125rem;
  color: #016937;
  line-height: 23px;
  padding-bottom: 20px;
  font-family: "Quicksand";
  font-weight: 400;
}

.asset.asset-head .registry-label {
  font-family: "Quicksand", sans-serif;
  background: #ffffff;
  color: #464646;
  text-transform: uppercase;
  font-size: 15px;
  border-radius: 30vh;
  font-weight: 600;
  padding: 0.5vh 2vh;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.asset.asset-head table {
  color: #026937;
  width: 100%;
}

.asset.asset-head table td:nth-child(1) {
  font-weight: 600;
  width: 40%;
}

.asset.asset-head .awards {
  text-align: right;
}

@media (max-width: 1023.98px) {
  .asset.asset-head .awards {
    text-align: center;
  }
}

.asset.asset-head .awards img {
  border-radius: 200px;
  width: 180px;
  max-width: 32%;
  margin-top: -3rem;
  margin-left: 20px;
}

@media (max-width: 1023.98px) {
  .asset.asset-head .awards img {
    border-radius: 200px;
    max-width: 180px;
    max-width: 28%;
    margin-right: 10px;
    margin-left: 0px;
    width: 27vw;
    text-align: left;
    margin-top: 30px;
  }
}

@media (max-width: 1023.98px) {
  .asset.asset-head {
    padding-top: 50px;
  }

  .asset.asset-head .asset-head-left {
    width: 80%;
  }

  .asset.asset-head .asset-head-right {
    width: 20%;
  }

  .asset.asset-head .asset-head-right span {
    display: none;
  }

  .asset.asset-head .asset-head-right .btn {
    width: 40px;
    height: 40px;
    min-width: auto;
    padding: 0;
  }

  .asset.asset-head .asset-head-right .btn:after {
    right: 18px;
    top: calc(50% - 4px);
  }

  .asset.asset-head .asset-head-right br {
    display: none;
  }
}

@media (max-width: 1023.98px) and (max-width: 1023.98px) {
  .asset.asset-head:before {
    width: 72vw;
    height: 72vw;
    background-size: 100%;
    background-position: top 1vw right 1vw;
    right: -7vw;
    top: auto;
    bottom: -20vw;
  }
}

@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .asset.asset-head.new-asset:before {
    bottom: -120vw;
  }

  .asset.asset-head:before {
    width: 140vw;
    height: 140vw;
    background-size: 100%;
    background-position: top 1vw right 1vw;
    right: -20vw;
    top: auto;
    bottom: -11vw;
    transform: rotate(-50deg);
    background-image: none;
    border-radius: 70vw;
    background-color: #c4d0c0;
  }
}

.asset.banner {
  background-color: #ffffff;
}

@media (max-width: 767.98px) {
  .asset.banner {
    background-color: #fff;
  }
}

.asset.banner img {
  height: 35vw;
  width: 35vw;
  max-width: 35rem;
  max-height: 35rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.asset.banner .mobile-display-none {
  padding-top: 4rem;
}

@media (max-width: 767.98px) {
  .asset.banner .mobile-display-none {
    display: none;
  }
}

.asset.banner .banner-row {
  display: flex;
  margin-right: -11px;
  margin-left: -11px;
  z-index: 1;
}

.asset.banner .banner-row .mobile-display {
  display: none;
  padding-left: 1rem !important;
}

@media (max-width: 767.98px) {
  .asset.banner .banner-row .mobile-display {
    display: flex;
    flex-direction: column;
  }

  .asset.banner .banner-row .mobile-display h2 {
    font-size: 28px;
  }

  .asset.banner .banner-row .mobile-display h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

.asset.banner p {
  font-size: 16px;
  font-family: "Arial", sans-serif;
}

@media (max-width: 767.98px) {
  .asset.banner p {
    margin-top: -5rem;
    padding-top: 6rem;
    z-index: -1;
    padding-bottom: 1.5rem;
    margin-right: -5vw;
    padding-right: 5vw;
  }
}

.asset.main-content {
  background-color: #fff;
  margin-top: -5vw;
  padding-top: 5vw;
}

@media (max-width: 767.98px) {
  .asset.main-content {
    padding: 0;
  }
}

.asset.main-content.new-asset {
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
}

.asset.main-content.new-asset p {
  font-size: 16px;
}

.asset.main-content .table-container {
  overflow-x: auto;
  padding-bottom: 1rem;
}

.asset.main-content table {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
}

.asset.main-content table .ta-l {
  text-align: left;
}

.asset.main-content table.table-one {
  font-family: "Arial", sans-serif;
  font-size: 15px;
}

@media (max-width: 767.98px) {
  .asset.main-content table.table-one {
    font-size: 0.875rem;
  }
}

.asset.main-content table.table-one th {
  width: 20vw;
}

@media (max-width: 1023.98px) {
  .asset.main-content table.table-one th {
    width: 40vw;
  }
}

.asset.main-content table.table-one .tr-underline {
  border-bottom: 1px solid #eaede9;
  line-height: 3;
  display: inline-block;
  width: calc(48% - 13px);
  margin-right: 20px;
}

.asset.main-content table.table-one .tr-underline td,
.asset.main-content table.table-one .tr-underline th {
  line-height: 18px;
  padding: 0;
  height: 60px;
  padding-right: 2rem;
}

.asset.main-content table.table-one .tr-underline span {
  min-height: 30px;
  display: contents;
  vertical-align: middle;
}

@media (max-width: 1023.98px) {
  .asset.main-content table.table-one .tr-underline {
    display: table;
    width: 100%;
    margin-right: 0px;
  }

  .asset.main-content table.table-one .tr-underline td,
  .asset.main-content table.table-one .tr-underline th {
    line-height: 16px;
  }
}

.asset.main-content table.table-one .tr-underline:nth-last-child(1),
.asset.main-content table.table-one .tr-underline:nth-last-child(2) {
  border-bottom: none;
}

@media (max-width: 1023.98px) {
  .asset.main-content table.table-one .tr-underline:nth-last-child(1),
  .asset.main-content table.table-one .tr-underline:nth-last-child(2) {
    border-bottom: 1px solid #eaede9;
  }
}

.asset.main-content table.table-two {
  text-align: center;
}

.asset.main-content table.table-two .title-1 {
  color: #016937;
  font-weight: bold;
}

.asset.main-content table.table-two .title-2 {
  color: #016937;
}

.asset.main-content table.table-two .table-content {
  line-height: 2;
}

.asset.main-content table.table-two .table-content:nth-child(even) td {
  background-color: #f3f5f4;
}

.asset.main-content table.table-two .table-content td:first-child {
  text-align: left;
}

.asset.main-content .note p {
  font-size: 0.8125rem;
  color: #818181;
  line-height: normal;
  font-family: "Arial", sans-serif;
}

.asset.note p {
  padding: 10px 0;
  margin: 0;
  font-size: 0.8125rem;
  font-family: "Arial", sans-serif;
  line-height: 18px !important;
}

.asset.new-asset-list-head {
  background: #ffffff;
  min-height: 25vw;
}

.asset.new-asset-list-head h1 {
  font-size: 3rem;
  line-height: 60px;
}

@media (max-width: 1023.98px) {
  .asset.new-asset-list-head h1 {
    font-size: 28px;
  }
}

@media (max-width: 1023.98px) {
  .asset.new-asset-list-head {
    padding-top: 50px;
  }
}

@media (max-width: 767.98px) {
  .asset.new-asset-list-head {
    min-height: 120vw;
  }
}

.asset.new-asset-list-head h5 {
  color: #016937;
  letter-spacing: 0.6px;
  line-height: 28px;
}

.asset.card-container {
  margin-top: -16vw;
  margin-bottom: 3rem;
}

@media (max-width: 767.98px) {
  .asset.card-container {
    margin-top: -75vw;
  }
}

.asset.card-container .card {
  border-color: 1px solid #e8e8e8;
}

.asset.card-container .card a img {
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.asset.card-container .card .registry-label {
  background: #ecf2f0;
  color: #464646;
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 30vh;
  font-weight: 600;
  padding: 0 0.9vh;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "Quicksand", san-serif;
}

.asset.card-container .card h5 {
  color: #026937;
  height: 3rem;
}

@media (max-width: 1023.98px) {
  .asset.card-container .card h5 {
    font-size: 18px;
    font-weight: 500;
  }
}

.asset.card-container .card p {
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.asset.card-container .card .div-title {
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
}

.asset.card-container .card .btn-div {
  align-self: flex-start;
  text-transform: uppercase;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.asset.card-container .card .btn-div .btn {
  font-size: 16px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  background-color: #026937;
}

.asset.card-container .card .btn-div .btn:hover {
  background-color: #e14302;
}

@media (max-width: 1023.98px) {
  .asset.card-container .card .btn-div {
    align-self: center;
    margin-right: 0;
    margin-left: 0;
  }

  .asset.card-container .card .btn-div .btn {
    font-size: 15px;
  }
}

.view-tabs-relative {
  position: relative !important;
}

.view-tabs {
  background-color: #f2f5f4;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
}

.view-tabs .view-tab {
  padding: 0;
}

.view-tabs .view-tab a {
  min-height: 90px;
  line-height: 90px;
  text-align: center;
  width: 100%;
  display: inline-block;
  border-left: 1px solid #f1f3f1;
  font-size: 18px;
  color: #016937;
  transition: all 0.3s;
  transition-timing-function: ease-out;
}

@media (max-width: 1023.98px) {
  .view-tabs .view-tab a {
    font-family: "Quicksand", san-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
  }
}

.view-tabs .view-tab:last-child a {
  border-right: 1px solid #f1f3f1;
}

@media (max-width: 1023.98px) {
  .view-tabs .view-tab:last-child a {
    border-right: 0px;
  }
}

.view-tabs .view-tab.active a {
  box-shadow: inset 0px -90px 0px 0px white;
  font-weight: 600;
  color: #026937;
}

.view-tabs.tabs-after {
  display: none;
}

@media (max-width: 1023.98px) {
  .view-tabs {
    position: unset;
  }

  .view-tabs .container {
    padding: 0;
  }

  .view-tabs .view-tab {
    width: 100%;
    min-width: 100%;
  }

  .view-tabs .view-tab a {
    min-height: 60px;
    line-height: 60px;
    min-width: calc(100% - 11px);
    max-width: 100vw;
    text-align: left;
    padding-left: 30px;
    border-bottom: 1px solid #f1f3f1;
    border-top: 1px solid #f1f3f1;
    position: relative;
    background: #fff;
  }

  .view-tabs .view-tab a:after {
    position: absolute;
    content: "\F067";
    font-family: "Font Awesome 5 Pro";
    line-height: 60px;
    text-align: center;
    color: #7db198;
    font-weight: normal;
    width: 60px;
    height: 60px;
    border-left: 1px solid #f1f3f1;
    right: 0;
    top: 0;
    font-size: 16px;
  }

  .view-tabs .view-tab.active a {
    box-shadow: none;
    font-weight: 600;
    color: #026937;
    border-bottom: none;
  }

  .view-tabs .view-tab.active a:after {
    background-color: transparent;
    content: "\F062";
    border: none;
    color: #026937;
  }

  .view-tabs .view-tab.active.mob-begin a {
    font-weight: normal;
    color: #016937;
  }

  .view-tabs .view-tab.active.mob-begin a:after {
    content: "\F067";
    border-left: 1px solid #f1f3f1;
    background-color: #fff;
    color: #7db198;
  }

  .view-tabs .view-tab.active ~ .view-tab {
    display: none;
  }

  .view-tabs .view-tab:first-child {
    display: block;
  }

  .view-tabs.tabs-after {
    display: block;
  }

  .view-tabs.tabs-after .view-tab {
    display: none;
  }

  .view-tabs.tabs-after .view-tab.active ~ .view-tab {
    display: block;
  }
}

.tab-content {
  background-color: #fff;
  display: none;
}

.tab-content.active {
  display: block;
}

@media (max-width: 1023.98px) {
  .tab-content.active.mob-begin {
    display: none;
  }
}

.tab-content.active .bottom-addons .addon-body .wrapper {
  padding: 0vw 5vw;
}

.tab-content.active .bottom-addons.eff p {
  font-size: 0.875rem;
  color: #818181;
}

.asset-list.head {
  padding-top: 40px;
  background-color: #ffffff;
}

.asset-list.head .search-span {
  position: absolute;
  top: calc(50% - 10px);
  right: 21px;
  font-size: 14px;
  color: #7db198;
  background: #fff;
  border-right: 8px solid #fff;
  border-radius: 50px;
  border-left: 5px solid #fff;
}

.asset-list.filter {
  border-bottom: 1px solid #f1f3f1;
  padding-bottom: 1.5rem;
}

@media (max-width: 1023.98px) {
  .asset-list.filter {
    border-bottom: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.asset-list .container {
  padding-bottom: 0 !important;
}

@media (max-width: 1023.98px) {
  .asset-list {
    max-width: 850px;
    margin: auto;
  }

  .asset-list.head {
    padding-top: 80px;
  }

  .asset-list.head h1 {
    font-size: 28px;
  }

  .asset-list .container {
    padding: 0vw !important;
  }

  .asset-list .asset-head-right span {
    display: none;
  }

  .asset-list .asset-head-right .btn {
    width: 40px;
    height: 40px;
    min-width: auto;
    padding: 0;
  }

  .asset-list .asset-head-right .btn:after {
    right: 18px;
    top: calc(50% - 4px);
  }
}

.asset-list .row.mb-5 {
  margin-bottom: 0px !important;
}

.asset-list .row.my-5 {
  margin-bottom: 10px !important;
}

.asset-list .underline {
  margin-bottom: 30px;
}

.asset-list .underline:after {
  background-color: #026937;
  bottom: -14px;
}

#return-rate {
  font-size: 60px;
  font-weight: 800;
}

#return-rate i {
  font-size: 22px;
  font-style: normal;
}

#return-date {
  padding-bottom: 0px;
}

@media (max-width: 1023.98px) {
  .tab-basic-data h5 {
    font-family: "Quicksand", san-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
  }
}

.tab-basic-data p {
  font-size: 16px;
}

@media (max-width: 1023.98px) {
  .tab-basic-data p {
    font-size: 15px;
  }
}

.tab-basic-data ul li,
.tab-basic-data ol li {
  font-family: "Arial", sans-serif;
  font-size: 16px;
}

@media (max-width: 1023.98px) {
  .tab-basic-data ul li,
  .tab-basic-data ol li {
    font-size: 15px;
  }
}

.tab-basic-data .main-content {
  margin-top: 0;
  padding-top: 3rem;
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 767.98px) {
  .tab-basic-data .main-content {
    padding-top: 0;
  }
}

.tab-basic-data .main-content .table-one {
  font-size: 15px;
}

.tab-basic-data .main-content .table-one tr > th,
.tab-basic-data .main-content .table-one td {
  width: 50%;
  font-weight: 400;
}

.tab-basic-data .main-content .table-one tr > th {
  line-height: 1;
  padding: 20px 0;
  width: 50%;
  min-width: 22vw;
  font-weight: 600;
}

.tab-basic-data .main-content .table-one tr > td {
  line-height: 1;
}

.tab-basic-data .main-content .prizes {
  line-height: 4;
  padding-bottom: 3rem;
  font-family: "Arial", sans-serif;
}

@media (max-width: 1023.98px) {
  .tab-basic-data .main-content .prizes {
    padding-bottom: 0;
  }
}

.tab-basic-data .main-content .prizes tr {
  font-size: 15px;
}

@media (max-width: 1023.98px) {
  .tab-basic-data .main-content .prizes tr {
    font-size: 12px;
  }
}

.tab-basic-data .main-content .prizes tr td:nth-child(1) {
  width: 70%;
}

.tab-basic-data .main-content .prizes tr td:nth-child(2) {
  width: 30%;
  line-height: normal;
  padding-right: 2rem;
}

.tab-basic-data .main-content .prizes .main-tr {
  background: #fcfcfc;
}

.tab-basic-data .main-content .prizes .side-tr {
  background: #ffffff;
}

.tab-basic-data .main-content .prizes .side-tr .additional-commission {
  padding-left: 3rem;
  -webkit-text-decoration: italic;
  text-decoration: italic;
}

.tab-basic-data .main-content .prizes td {
  border: #f8f9f8 solid 3px;
  color: #464646;
  padding-left: 2rem;
}

@media (max-width: 767.98px) {
  .tab-basic-data .main-content .prizes td {
    padding-left: 0.5rem;
    line-height: 1.5;
    height: 40px;
  }
}

.tab-basic-data .profile {
  margin-top: 2rem;
  padding-left: 3vw;
  padding-right: 3vw;
}

.tab-basic-data .profile .position {
  padding-left: 3rem;
  max-width: 75%;
}

@media (max-width: 767.98px) {
  .tab-basic-data .profile .position {
    padding-left: 1.5rem;
  }
}

.tab-basic-data .profile .profile-pic {
  border-radius: 50%;
  height: 10vw;
  width: 10vw;
}

@media (max-width: 767.98px) {
  .tab-basic-data .profile .profile-pic {
    height: 70px;
    width: 70px;
  }
}

.tab-basic-data .profile .name {
  font-size: 1.125rem;
  color: #464646;
  padding-bottom: 1rem;
  font-weight: 500;
  line-height: 22px;
}

@media (max-width: 1023.98px) {
  .tab-basic-data .profile .name {
    font-size: 0.9375rem;
    padding-bottom: 0;
  }
}

.tab-basic-data .profile .desc p {
  color: #464646;
  font-size: 0.9375rem;
  font-weight: 400;
  font-family: "Arial", sans-serif;
  padding: 0;
  line-height: 18px;
}

@media (max-width: 1023.98px) {
  .tab-basic-data .profile .desc p {
    font-size: 0.75rem;
  }
}

.tab-efficiency .simple-table td {
  font-size: 15px;
  font-family: "Arial", sans-serif;
}

.tab-efficiency .simple-table th {
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
}

.tab-efficiency .simple-table2 {
  font-family: "Quicksand", sans-serif;
}

.tab-efficiency .simple-table,
.tab-efficiency .simple-table2 {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: "Arial", sans-serif;
}

.tab-efficiency .simple-table tr,
.tab-efficiency .simple-table2 tr {
  height: 60px;
}

.tab-efficiency .simple-table th,
.tab-efficiency .simple-table2 th {
  background-color: #f1f3f1;
  color: #464646;
  width: 16.6vw;
}

.tab-efficiency .simple-table th,
.tab-efficiency .simple-table td,
.tab-efficiency .simple-table2 th,
.tab-efficiency .simple-table2 td {
  border: 1px solid #f8f8f8;
}

@media (max-width: 767.98px) {
  .tab-efficiency .simple-table,
  .tab-efficiency .simple-table2 {
    display: none;
  }
}

.tab-efficiency .table-div {
  margin-left: auto;
  margin-right: auto;
}

.tab-efficiency #portraitSimpleTable,
.tab-efficiency #portraitSimpleTable2 {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: "Arial", sans-serif;
  font-size: 0.75rem;
}

.tab-efficiency #portraitSimpleTable table,
.tab-efficiency #portraitSimpleTable2 table {
  display: none;
}

.tab-efficiency #portraitSimpleTable table td,
.tab-efficiency #portraitSimpleTable2 table td {
  border: 1px solid #f8f8f8;
  min-width: 10rem;
  text-align: center;
  height: 60px;
}

.tab-efficiency #portraitSimpleTable table td:nth-child(1),
.tab-efficiency #portraitSimpleTable2 table td:nth-child(1) {
  background-color: #f1f3f1;
  color: #464646;
  font-weight: bolder;
}

@media (max-width: 767.98px) {
  .tab-efficiency #portraitSimpleTable table,
  .tab-efficiency #portraitSimpleTable2 table {
    display: flex;
  }
}

.tab-efficiency #portraitSimpleTable table tbody,
.tab-efficiency #portraitSimpleTable2 table tbody {
  margin-left: auto;
  margin-right: auto;
}

.tab-efficiency.white-bg {
  background-color: #ffffff;
}

.tab-efficiency .payment-table {
  width: 100%;
  text-align: center;
  border: 1px solid #f8f8f8;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.tab-efficiency .payment-table tr {
  height: 60px;
}

.tab-efficiency .payment-table th {
  background-color: #026937;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  font-family: "Quicksand", sans-serif;
}

@media (max-width: 1023.98px) {
  .tab-efficiency .payment-table th {
    font-size: 14px;
  }
}

.tab-efficiency .payment-table th,
.tab-efficiency .payment-table td {
  border: 1px solid #f1f1f1;
}

.tab-efficiency .payment-table td {
  font-size: 15px;
  font-family: "Arial", sans-serif;
  color: #464646;
}

@media (max-width: 1023.98px) {
  .tab-efficiency .payment-table td {
    font-size: 14px;
  }
}

.tab-efficiency .payment-table tr:nth-child(even) td {
  background-color: #ffffff;
}

.tab-efficiency .payment-table tr:nth-child(odd) td {
  background-color: #f8f8f8;
}

.tab-efficiency .payment-table .other-trs {
  cursor: pointer;
}

.tab-efficiency .payment-table .other-tr {
  display: none;
}

.tab-efficiency .payment-table.active .other-trs {
  display: none;
}

.tab-efficiency .payment-table.active .other-tr {
  display: table-row;
}

.tab-efficiency.tabs,
.tab-calculators.tabs {
  border-bottom: 1px solid #e8e8e8;
}

.tab-efficiency.tabs .tab-efficiency-tab-div,
.tab-calculators.tabs .tab-calculators-tab-div {
  overflow-x: auto;
  justify-content: space-around;
  margin-bottom: -1px;
}

.tab-efficiency.tabs .tab-efficiency-tab-div .tab-efficiency-tab,
.tab-calculators.tabs .tab-calculators-tab-div .tab-calculators-tab {
  cursor: pointer;
  text-transform: uppercase;
  color: #026937;
  width: 50%;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border: none;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #ffffff;
  font-weight: 600;
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .tab-efficiency.tabs .tab-efficiency-tab-div .tab-efficiency-tab,
  .tab-calculators.tabs .tab-calculators-tab-div .tab-calculators-tab {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 12px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.tab-efficiency.tabs .tab-efficiency-tab-div .tab-efficiency-tab.active-eff,
.tab-calculators.tabs .tab-calculators-tab-div .tab-calculators-tab.active-eff {
  background-color: #ffffff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  font-weight: 700;
  z-index: 1;
}

@media (max-width: 1023.98px) {
  .tab-efficiency.tabs,
  .tab-calculators.tabs {
    overflow: initial;
  }
}

.tab-efficiency.tab-efficiency-tab-content,
.tab-calculators.tab-calculators-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 3s;
}

.tab-efficiency.tab-efficiency-tab-content.active-eff,
.tab-calculators.tab-calculators-tab-content.active-eff {
  display: block;
  opacity: 1;
}

.tab-portfolio .portfolio p {
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.tab-portfolio .portfolio .plus {
  display: inline-block;
  margin-right: 6px;
  font-size: 14px;
}

.tab-portfolio .portfolio #collapsePortfolio.collapse:not(.show) {
  height: 78px;
  display: block;
  overflow: hidden;
}

.tab-portfolio .portfolio #collapsePortfolio.collapsing {
  height: 78px;
}

.tab-portfolio .portfolio a {
  color: #c73a02;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.65px;
}

.tab-portfolio .portfolio a span {
  text-transform: uppercase;
  text-decoration: underline;
}

.tab-portfolio .portfolio a.collapsed .plus-txt {
  display: inline-block;
}

.tab-portfolio .portfolio a.collapsed .minus-txt {
  display: none;
}

.tab-portfolio .portfolio a:not(.collapsed) .plus-txt {
  display: none;
}

.tab-portfolio .portfolio a:not(.collapsed) .minus-txt {
  display: inline-block;
}

.tab-portfolio .portfolio a:not(.collapsed) .plus {
  transform: rotate(-180deg);
}

.tab-portfolio h4 {
  color: #026937;
  font-weight: 600;
}

.tab-portfolio table {
  font-family: "Arial", sans-serif;
}

.tab-portfolio .date {
  font-size: 12px;
  line-height: 18px;
}

.tab-portfolio .table-striped tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}

.tab-portfolio .my-8 {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media (max-width: 1023.98px) {
  .tab-portfolio .my-8 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.tab-portfolio .investments-chart-row {
  overflow-x: auto;
}

.tab-portfolio .investments-chart-wrapper {
  width: 100%;
  min-width: 100%;
}

.tab-portfolio .investments-table-wrapper {
  width: 100%;
  display: none;
}

.tab-portfolio .investments-table-wrapper .table-class {
  width: 100%;
  font-size: 15px;
  color: #464646;
  font-family: "Arial", sans-serif;
}

.tab-portfolio .investments-table-wrapper .table-class .table-head {
  font-family: "Quicksand", sans-serif;
  background: #f8f8f8;
  font-weight: 600;
  font-size: 16px;
  color: #026937;
}

.tab-portfolio .investments-table-wrapper .table-class .table-head:first-child {
  border-top: 1px solid #d2d2d299;
}

.tab-portfolio .investments-table-wrapper .table-class .table-row {
  width: 100%;
  height: 58px;
  display: flex;
  border-bottom: 1px solid #d2d2d299;
}

.tab-portfolio .investments-table-wrapper .table-class .table-heading,
.tab-portfolio .investments-table-wrapper .table-class .table-level-0 {
  color: #026937;
  font-weight: 700;
}

.tab-portfolio .investments-table-wrapper .table-class .table-heading i,
.tab-portfolio .investments-table-wrapper .table-class .table-level-0 i {
  transition: rotate 0.5s ease-out;
  transform: rotate(-180deg);
  display: inline-block;
  color: #7db198;
  margin-right: 24px;
  line-height: 14px;
  font-size: 14px;
}

.tab-portfolio .investments-table-wrapper .table-class [role="button"] {
  cursor: pointer;
}

.tab-portfolio
  .investments-table-wrapper
  .table-class
  [aria-expanded="true"]
  i {
  transform: rotate(0deg);
}

.tab-portfolio .investments-table-wrapper .table-class .table-td {
  margin: auto;
  display: flex;
  height: 100%;
  padding: 0px 36px;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #f8f8f8;
}

.tab-portfolio .investments-table-wrapper .table-class .table-td:first-child {
  border-left: none;
  justify-content: start;
}

.tab-portfolio .investments-table-wrapper .table-class .table-td:nth-child(1) {
  flex-grow: 1;
}

.tab-portfolio .investments-table-wrapper .table-class .table-td:nth-child(2) {
  width: 268px;
}

.tab-portfolio .investments-table-wrapper .table-class .table-td:nth-child(3) {
  width: 128px;
}

.tab-portfolio .investments-table-wrapper .table-class .table-level-0 {
  padding-left: 0px;
}

.tab-portfolio .investments-table-wrapper .table-class .table-level-1 {
  padding-left: 36px;
}

.tab-portfolio .investments-table-wrapper .table-class .table-level-2,
.tab-portfolio .investments-table-wrapper .table-class .table-level-3 {
  padding-left: 72px;
}

@media (max-width: 1023.98px) {
  .tab-portfolio .investments-table-wrapper .table-class {
    font-size: 12px;
  }

  .tab-portfolio .investments-table-wrapper .table-class .table-heading i {
    margin-right: 8px;
    line-height: 12px;
    font-size: 12px;
  }

  .tab-portfolio .investments-table-wrapper .table-class .table-row {
    height: 100%;
    min-height: 48px;
  }

  .tab-portfolio
    .investments-table-wrapper
    .table-class
    .table-td:nth-child(1) {
    flex-grow: 1;
    max-width: 145px;
  }

  .tab-portfolio
    .investments-table-wrapper
    .table-class
    .table-td:nth-child(2) {
    width: 260px;
  }

  .tab-portfolio
    .investments-table-wrapper
    .table-class
    .table-td:nth-child(3) {
    width: 60px;
  }

  .tab-portfolio .investments-table-wrapper .table-class .table-td {
    padding: 8px 16px;
  }

  .tab-portfolio .investments-table-wrapper .table-class .table-td:first-child {
    width: 240px;
  }

  .tab-portfolio .investments-table-wrapper .table-class .table-level-1,
  .tab-portfolio .investments-table-wrapper .table-class .table-level-2,
  .tab-portfolio .investments-table-wrapper .table-class .table-level-3 {
    padding-left: 0px;
  }
}

.tab-portfolio .investments .multiselect-label {
  font-size: 12px;
  color: #464646;
}

.tab-portfolio .investments .select-item {
  font-size: 18px;
}

.tab-portfolio .investments .mt-6 {
  margin-top: 36px;
}

@media (max-width: 1023.98px) {
  .tab-portfolio .investments .select-item {
    font-size: 15px;
  }
}

.tab-portfolio .country-breakdown .row {
  position: relative;
}

.tab-portfolio .country-breakdown .countries-chart {
  width: 420px;
  height: 420px;
  position: relative;
}

.tab-portfolio .country-breakdown .countries-chart .chart-value {
  top: 50%;
  left: 50%;
  color: #026937;
  display: none;
  font-weight: 700;
  position: absolute;
  font-size: 3rem;
  transform: translate(-50%, -50%);
  font-family: "Quicksand", sans-serif;
}

.tab-portfolio .country-breakdown .countries-chart .chart-value small {
  font-weight: 700;
  font-size: 1.5rem;
}

.tab-portfolio .country-breakdown .countries-cards {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, -webkit-min-content);
  grid-template-rows: repeat(5, min-content);
}

.tab-portfolio .country-breakdown .countries-cards .card {
  width: 260px;
  height: 58px;
  border: none;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  justify-content: center;
}

.tab-portfolio .country-breakdown .countries-cards .card .dot {
  width: 70px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ececec;
}

.tab-portfolio .country-breakdown .countries-cards .card .dot div {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.tab-portfolio .country-breakdown .countries-cards .card .dot-text {
  font-size: 15px;
  text-align: left;
  color: #464646;
  width: calc(100% - 70px);
  font-family: "Quicksand", sans-serif;
}

.tab-portfolio .country-breakdown .countries-cards .card .dot-text p {
  padding: 0;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}

.tab-portfolio
  .country-breakdown
  .countries-cards
  .card
  .dot-text
  p:last-child {
  font-size: 14px;
  font-weight: 400;
}

.tab-portfolio .country-breakdown .countries-cards .active {
  z-index: 9;
  transform: scale(1.005);
  background: #f8f8f8;
  transition: all 0.1s ease-in-out;
  box-shadow: 13px 13px 26px #e8e8e8;
}

.tab-portfolio .country-breakdown .countries-cards {
  width: 100%;
}

@media (max-width: 1419.98px) {
  .tab-portfolio .country-breakdown .countries-cards {
    width: 100%;
  }

  .tab-portfolio .country-breakdown .countries-cards .card {
    width: 100%;
  }

  .tab-portfolio .country-breakdown .countries-chart {
    width: 100%;
    height: auto;
  }

  .tab-portfolio .country-breakdown .countries-chart .chart-value {
    font-size: 2rem;
  }

  .tab-portfolio .country-breakdown .countries-chart .chart-value small {
    font-size: 1.125rem;
  }
}

@media (max-width: 1023.98px) {
  .tab-portfolio .country-breakdown .countries-cards {
    grid-template-rows: auto;
    grid-auto-flow: unset;
  }
}

.tab-portfolio .holdings h4 {
  margin-bottom: 0;
}

.tab-portfolio .holdings .holdings-info {
  margin-bottom: 48px;
}

@media (max-width: 1023.98px) {
  .tab-portfolio .holdings .holdings-info {
    margin-bottom: 24px;
  }
}

.tab-portfolio .holdings table {
  font-size: 15px;
}

.tab-portfolio .foreign-exchange-exposure table,
.tab-portfolio .holdings table {
  font-size: 15px;
}

.tab-portfolio .foreign-exchange-exposure table thead th,
.tab-portfolio .holdings table thead th {
  color: #fff;
  background-color: #026937;
}

.tab-portfolio .foreign-exchange-exposure table tr,
.tab-portfolio .holdings table tr {
  height: 60px;
  border: none;
}

.tab-portfolio .foreign-exchange-exposure table th,
.tab-portfolio .foreign-exchange-exposure table td,
.tab-portfolio .holdings table th,
.tab-portfolio .holdings table td {
  vertical-align: middle;
  border: none;
  border-left: 1px solid #f8f8f8;
}

.tab-portfolio .foreign-exchange-exposure table {
  max-width: 630px;
}

.tab-portfolio .foreign-exchange-exposure th,
.tab-portfolio .foreign-exchange-exposure td {
  width: 50%;
}

.tab-portfolio .gearing-rate-table {
  max-width: 630px;
  font-size: 14px;
}

.tab-portfolio .gearing-rate-table tr {
  height: 48px;
}

.tab-portfolio .gearing-rate-table th,
.tab-portfolio .gearing-rate-table td {
  padding: 0;
  border-top: none;
  vertical-align: middle;
}

.tab-portfolio .gearing-rate-table .tr-underline:nth-last-child(1) {
  border-bottom: none;
}

.tab-portfolio .gearing-rate-table .tr-underline {
  border-bottom: 1px solid #d2d2d299;
}

@media (max-width: 1023.98px) {
  .tab-portfolio h4 {
    font-size: 1.125rem;
  }

  .tab-portfolio table {
    font-size: 0.875rem;
  }
}

.tab-overview h3 {
  font-size: 1.5rem;
  color: #026937;
}

.tab-overview p {
  line-height: 32px;
  max-width: 845px;
}

.tab-overview table tr td:first-child {
  padding-right: 12px;
}

.tab-overview .mobile-app h4 {
  margin: 0px;
  color: #e14302;
  line-height: 30px;
  font-size: 1.5rem;
}

.tab-overview .mobile-app p {
  padding: 0px;
  color: #026937;
  font-weight: 400;
  font-size: 1.125rem;
}

@media (max-width: 1419.98px) {
  .tab-overview .mobile-app img {
    height: 48px;
  }
}

@media (max-width: 1023.98px) {
  .tab-overview h2 {
    font-size: 1.5rem;
  }

  .tab-overview h3 {
    font-size: 1.125rem;
  }

  .tab-overview p {
    font-size: 15px;
    line-height: 24px;
  }

  .tab-overview table tr td {
    font-size: 15px;
  }
}

.more-wrapper {
  font-size: 0.875rem;
  background-color: #026937;
}

.more-wrapper .inv-policy-brief {
  padding-top: 12px;
}

.more-wrapper .inv-policy-brief p {
  font-size: 0.875rem;
}

.more-wrapper .condition-div {
  right: 0;
  padding-top: 12px;
  position: absolute;
}

.more-wrapper .condition-div .condition {
  width: 100%;
  margin-top: 1rem;
  text-align: -webkit-right;
}

.more-wrapper .condition-div .condition.border {
  border: 1px solid #7db198 !important;
  margin-top: 1rem;
}

.more-wrapper .condition-div .condition.border th {
  padding-left: 1rem;
}

.more-wrapper .condition-div .condition.border td {
  padding-right: 1rem;
}

.more-wrapper .condition-div .condition.border tr:nth-child(1) > * {
  padding-top: 0.5rem;
}

.more-wrapper .condition-div .condition.border tr:nth-last-child(1) > * {
  padding-bottom: 0.5rem;
}

.more-wrapper .condition-div .condition.border .text-right {
  font-weight: 600;
}

.more-wrapper .btn-white {
  background: #ffffff;
  color: #026937;
  font-weight: bolder;
  margin-left: 1rem;
  padding: 10px 20px;
  text-transform: none;
}

.more-wrapper .btn-white .fa {
  padding-right: 1rem;
}

.more-wrapper .btn-white:hover {
  color: #e14302;
}

.more-wrapper .btn-secondary {
  padding: 10px 10px;
}

.more-wrapper .btn-secondary .fa {
  padding-left: 1rem;
}

.more-wrapper .download {
  border-top: 1px solid #016937;
  font-family: "Quicksand", sans-serif;
}

.more-wrapper .download .btn-secondary {
  position: absolute;
  right: 1rem;
  font-weight: 600;
}

table td .positive-green {
  color: #026937;
}

table td .negative-orange {
  color: #e14302;
}

table.table-list {
  min-width: 100%;
  max-width: 100vw;
  font-family: "Arial", sans-serif;
}

table.table-list thead {
  background: #ffffff;
  font-size: 0.875rem;
  position: relative;
}

table.table-list thead tr {
  color: #026937;
}

table.table-list thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  color: #026937;
  z-index: 10;
  padding: 10px;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  height: 90px;
  line-height: 17px;
  background: #ffffff;
  font-family: "Quicksand", sans-serif;
}

table.table-list thead th:first-child {
  text-align: left;
  width: 14vw;
}

table.table-list thead th:first-child:before {
  content: " ";
  position: absolute;
  width: 200vw;
  height: 100%;
  left: -30vw;
  bottom: 0;
  background: #ffffff;
  z-index: -1;
}

table.table-list thead th.asc {
  cursor: pointer;
}

table.table-list thead th.asc::after {
  position: absolute;
  right: 45%;
  bottom: 13px;
  width: 8px;
  height: 12px;
  color: #7db198;
  content: "\F107";
  font-family: "Font Awesome 5 Pro";
}

table.table-list thead th.asc.left::after {
  left: 55px;
}

table.table-list thead th.desc {
  cursor: pointer;
}

table.table-list thead th.desc::after {
  position: absolute;
  right: 45%;
  bottom: 5px;
  width: 8px;
  height: 12px;
  color: #7db198;
  content: "\F107";
  font-family: "Font Awesome 5 Pro";
  transform: rotate(180deg);
}

table.table-list thead th.desc.left::after {
  left: 55px;
}

table.table-list thead th.active:after {
  color: #e14302;
}

table.table-list tbody tr td {
  padding: 0px 4px;
  height: 90px;
  text-align: center;
  background-color: #f8f9f8;
  font-size: 15px;
  color: #464646;
}

table.table-list tbody tr td small {
  display: none;
}

table.table-list tbody tr td.num {
  background-color: #fcfcfc;
  font-weight: 400;
}

table.table-list tbody tr td.cube {
  width: 88px;
}

table.table-list tbody tr td.title {
  font-family: "Quicksand", sans-serif;
  text-align: left;
  position: relative;
  font-size: 15px;
}

table.table-list tbody tr td.title a {
  font-weight: 700;
  color: #464646;
}

table.table-list tbody tr td.title.isBadge a {
  margin-top: 10px;
}

table.table-list tbody tr td:first-child {
  text-align: left;
}

table.table-list tbody tr td:last-child {
  padding: 0;
}

table.table-list tbody tr:nth-child(even) td {
  position: relative;
  background-color: #f1f3f1;
}

table.table-list tbody tr:nth-child(even) td.num {
  background-color: #f8f9f8;
}

table.table-list tbody tr:nth-child(even) td:after {
  content: " ";
  position: absolute;
  width: 100vw;
  height: 100%;
  left: -30vw;
  bottom: 0;
  background: #f1f3f1;
  z-index: -1;
}

table.table-list tbody tr:nth-child(odd) td {
  position: relative;
  background-color: #f8f9f8;
}

table.table-list tbody tr:nth-child(odd) td.num {
  background-color: #fcfcfc;
}

table.table-list tbody tr:nth-child(odd) td:after {
  content: " ";
  position: absolute;
  width: 100vw;
  height: 100%;
  left: -30vw;
  bottom: 0;
  background: #f8f9f8;
  z-index: -1;
}

table.table-list tbody tr a.cube-link {
  width: 90px;
  height: 90px;
  background: #016937;
  font-size: 18px;
  color: #ffffff !important;
  border: none;
  display: inline-block;
  line-height: 88px;
  right: 0;
  transform: rotate(90deg);
}

table.table-list tbody tr a.cube-link.is-active {
  background: #026937;
  content: "\F062";
  transform: rotate(0deg);
}

table.table-list tbody tr.positive .title {
  position: relative;
}

table.table-list tbody tr.positive .title:before {
  position: absolute;
  content: "\F357";
  right: -10px;
  height: 20px;
  width: 20px;
  font-family: "Font Awesome 5 Pro";
  color: #026937;
}

table.table-list tbody tr.positive .colorful {
  color: #007b40;
}

table.table-list tbody tr.negative .title:before {
  position: absolute;
  content: "\F354";
  right: -10px;
  height: 20px;
  width: 20px;
  font-family: "Font Awesome 5 Pro";
  color: #e14302;
}

table.table-list tbody tr.negative .colorful {
  color: #e14302;
}

table.table-list tbody .more {
  color: #ffffff !important;
}

table.table-list tbody .more-wrapper {
  height: 0;
  overflow: hidden;
}

table.table-list tbody .more-content .row {
  margin-top: -20px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 0;
  opacity: 0;
  transition: opacity 0s;
}

table.table-list tbody .more td {
  height: 0;
  position: relative;
  background-color: #026937 !important;
}

table.table-list tbody .more td:after {
  content: " ";
  position: absolute;
  width: 300vw !important;
  height: 100%;
  left: -100vw !important;
  bottom: 0;
  background: #026937 !important;
  z-index: -1;
}

table.table-list tbody .more td .more-content .row {
  color: #ffffff !important;
}

table.table-list tbody .more td .more-content .row td {
  color: #ffffff !important;
}

table.table-list tbody .more td .more-content .row h5 {
  font-family: "Quicksand", sans-serif;
  font-size: 1.125rem;
}

table.table-list tbody .more td .more-content .row .condition-div {
  font-family: "Quicksand", sans-serif;
}

table.table-list tbody .more td .more-content .row .download span {
  font-weight: 700;
}

table.table-list tbody .more.open .more-content .row {
  height: auto;
  opacity: 1;
  margin-top: 0px;
  transition: all 0.5s;
}

table.table-list tbody .more p[style],
table.table-list tbody .more p font[color],
table.table-list tbody .more p[color] {
  color: #ffffff !important;
}

@media (max-width: 1023.98px) {
  table.table-list {
    max-width: 100vw;
  }

  table.table-list td:after {
    display: none;
  }

  table.table-list thead {
    display: none;
  }

  table.table-list tr {
    display: table;
    width: 100%;
    background-color: #f6f6f6;
  }

  table.table-list tbody tr {
    position: relative;
  }

  table.table-list tbody tr:nth-child(even) td {
    position: unset;
    background-color: #fcfbfc;
  }

  table.table-list tbody tr:nth-child(odd) td {
    position: unset;
    background-color: #fcfbfc;
  }

  table.table-list tbody tr td {
    background: #fafbfa;
    height: 35px;
    display: flex;
  }

  table.table-list tbody tr td.title {
    position: relative;
    background: #fff;
    min-height: 75px;
    max-height: 75px;
    width: 100%;
    font-weight: bold;
    flex-wrap: wrap;
    padding-right: 20%;
    line-height: normal;
    display: flex;
    align-content: center;
    padding-left: 0.25rem;
    font-size: 0.9375rem;
  }

  table.table-list tbody tr td.title a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    padding-left: 18px;
    padding-left: 15px;
  }

  table.table-list tbody tr td small {
    display: inline-block;
    margin-left: 0;
    margin-right: auto;
    padding-top: 6px;
    font-family: "Quicksand", sans-serif;
    font-size: 0.9375rem;
    padding-left: 18px;
    padding-right: 18px;
    color: #818181;
  }

  table.table-list tbody tr td span {
    margin-left: auto;
    margin-right: 6px;
    font-size: 0.9375rem;
    padding-top: 6px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  table.table-list tbody tr .num {
    width: 25%;
    display: inline-block;
    background: #f7f8f7 !important;
    height: 100%;
    padding-bottom: 5px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    padding-top: 10px;
    border-right: #eaede9 solid 1px;
  }

  table.table-list tbody tr .num small {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: inline-block;
    color: #818181;
    line-height: 1;
    padding: 0.5rem 0;
  }

  table.table-list tbody tr .num span {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9375rem;
  }

  table.table-list tbody tr .cube {
    height: 0;
  }

  table.table-list tbody tr .cube a.cube-link {
    position: absolute;
    top: 0;
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 1.125rem;
  }

  table.table-list tbody tr.more {
    display: none;
  }

  table.table-list tbody tr.more * {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1220px) {
  table.table-list tbody tr td {
    padding: 0px 3px !important;
    font-size: 14px !important;
  }

  table.table-list thead th {
    font-size: 12px !important;
    padding-right: 5px;
    padding-left: 5px;
  }
}

td .badge {
  position: absolute;
  top: 5px;
  border-radius: 30px;
  padding: 4px 8px;
  padding-top: 4px !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px !important;
}

@media (max-width: 1023.98px) {
  td .badge {
    margin-left: 16px !important;
    top: 3px;
  }
}

td .badge.badge-orange {
  background: #e14302;
  color: #ffffff;
}

td .badge.badge-grey {
  background: #d2d2d2;
  color: #464646;
}

@media screen and (min-width: 1024px) and (max-width: 1220px) {
  td .badge {
    top: 5px;
  }
}

.form-control {
  border-radius: 30px;
  height: 48px;
  border-color: #dbe1d9;
  position: relative;
  padding-left: 20px;
}

.form-control:hover,
.form-control:active,
.form-control:focus {
  border-color: #7db198;
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none;
}

.form-control.quadrat {
  border-radius: 0;
  border: 1px solid #d2d2d2;
  min-width: 240px;
  background-color: #fff !important;
}

.form-control.quadrat:hover {
  border-color: #7db198;
}

@media (max-width: 767.98px) {
  .form-control.quadrat {
    min-width: 100%;
  }
}

.form-control.quadrat + .input-group-append {
  pointer-events: none;
  width: 48px;
  height: 48px;
  background-color: #eaede9;
  display: inline-block;
  margin-left: -48px;
  position: absolute;
  top: 1px;
  right: 1px;
  line-height: 48px;
  text-align: center;
  color: #026937;
  z-index: 30;
  border: 1px solid #eaede9;
  font-size: 16px;
  margin-right: -1px;
  margin-top: -1px;
}

@media (max-width: 1023.98px) {
  .form-control.quadrat + .input-group-append {
    height: 41px;
    margin-top: 4px;
    margin-bottom: 5px;
    line-height: 38px;
    width: 40px;
    margin-right: -1px;
    font-size: 12px;
  }

  .form-control.quadrat + .input-group-append.currency {
    height: 38px;
    margin-top: 5px;
    margin-right: 0px;
    background-color: #fff;
    border: 0px;
    border-left: 1px solid #eaede9;
  }

  .form-control.quadrat + .input-group-append.currency b {
    font-size: 10px;
  }
}

.form-control.quadrat + .input-group-append b {
  font-size: 13px;
}

@media (max-width: 1023.98px) {
  .form-control {
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    padding-left: 10px;
  }
}

.form-control.add-search {
  padding: 4px 20px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
  outline-width: 0 !important;
}

select.multiselect {
  display: none;
}

.dropdown-menu.show {
  min-width: 100%;
  max-height: 45vh;
  padding: 0 1rem;
  overflow: auto;
  background: #fff;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

@media (max-width: 1023.98px) {
  .dropdown-menu.show {
    width: 100%;
    left: 0rem !important;
  }
}

.dropdown-menu.show::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
  border-radius: 4px;
}

.dropdown-menu.show::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 4px;
  margin-top: 17px;
  margin-bottom: 17px;
}

.dropdown-menu.show::-webkit-scrollbar-thumb {
  background-color: #eaede9;
  border-radius: 4px;
}

.dropdown-menu.show::-webkit-scrollbar-thumb:hover {
  background: #e14302;
}

.dropdown-menu.show::-webkit-resizer,
.dropdown-menu.show::-webkit-scrollbar-corner {
  display: none;
}

.show button.multiselect.btn-light.dropdown-toggle {
  border-color: #7db198;
}

.show button.multiselect.btn-light.dropdown-toggle::before {
  content: "\F107";
  color: #7db198;
  transform: rotate(180deg);
}

button.multiselect {
  min-width: auto;
}

button.multiselect.btn-light.dropdown-toggle {
  transition: all 0.4s;
  border-color: #7db198;
  background: transparent;
  color: #e14302;
  text-align: left;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: none !important;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-transform: none;
}

button.multiselect.btn-light.dropdown-toggle:hover,
button.multiselect.btn-light.dropdown-toggle:focus,
button.multiselect.btn-light.dropdown-toggle:active {
  border-color: #016937;
  background: transparent;
}

button.multiselect.btn-light.dropdown-toggle::after {
  visibility: hidden;
}

button.multiselect.btn-light.dropdown-toggle::before {
  position: absolute;
  right: 22px;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
  font-size: 14px;
  color: #7db198;
  content: "\F107";
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s;
}

@media (max-width: 1023.98px) {
  button.multiselect.btn-light.dropdown-toggle {
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 16px;
  }
}

.multiselect-container {
  border-radius: 24px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dbe1d9;
  border: none;
  overflow: hidden;
}

.multiselect-container .dropdown-item {
  border-bottom: 1px solid #f1f3f1;
  line-height: 48px;
  padding: 0.25rem 1rem;
  color: #026937;
  background: transparent;
  cursor: pointer;
}

.multiselect-container .dropdown-item:last-child {
  border: none;
}

.multiselect-container .dropdown-item:focus {
  outline: none;
}

.multiselect-container .form-check-label,
.multiselect-container .form-check-label:focus,
.multiselect-container .dropdown-item:focus {
  width: 100%;
  outline-width: 0 !important;
  cursor: pointer;
}

.multiselect-container .form-check-label {
  display: flex;
  padding-right: 50px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1023.98px) {
  .multiselect-container .form-check-label {
    font-size: 12px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: pre-wrap;
  }
}

.multiselect-container .form-check-label:after {
  height: 100%;
  content: " ";
  position: absolute;
  width: 30px;
  background-color: #fff;
  right: 0;
  top: 0;
}

.multiselect-container .form-check-label input {
  display: none;
}

.multiselect-container .multiselect-item.dropdown-item:after {
  content: " ";
  width: 23px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #dae6e2;
  right: 15px;
  bottom: 13px;
  text-align: center;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  color: #e14302;
  transition: all 0.2s;
  pointer-events: none;
}

@media (max-width: 1023.98px) {
  .multiselect-container .multiselect-item.dropdown-item {
    bottom: calc(50% - 11px);
  }
}

.multiselect-container .multiselect-item.dropdown-item.active:after {
  content: "\F00C";
  transform: rotate(360deg);
  pointer-events: none;
}

.multiselect-radio .multiselect-item.dropdown-item:after {
  border-radius: 20px;
  content: " " !important;
}

.multiselect-radio .multiselect-item.dropdown-item.active:before {
  content: " ";
  width: 11px;
  height: 11px;
  right: 21px;
  bottom: 19px;
  position: absolute;
  background-color: #e14302;
  transition: all 0.2s;
  pointer-events: none;
  border-radius: 20px;
  z-index: 10;
}

@media (max-width: 1023.98px) {
  .multiselect-radio .multiselect-item.dropdown-item.active:before {
    bottom: calc(50% - 5px);
  }
}

.multiselect-radio .multiselect-item.dropdown-item:first-child {
  border: none;
  display: none;
}

.multiselect-radio
  .multiselect-item.dropdown-item:first-child
  .form-check-label {
  padding: 0;
}

.multiselect-label {
  margin-top: -42px;
  margin-left: 20px;
  position: absolute;
  text-transform: uppercase;
  color: #026937;
  font-weight: 600;
  font-size: 13px;
  transition: all 0.3s;
  max-width: calc(100% - 85px);
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 1023.98px) {
  .multiselect-label {
    font-size: 10px;
  }
}

.multiselect-label.empty {
  margin-top: -33px;
  font-size: 13px;
}

@media (max-width: 1023.98px) {
  .multiselect-label.empty {
    margin-top: -35px;
  }
}

@media (max-width: 1023.98px) {
  .calculator-filter .multiselect-label {
    max-width: 100%;
  }
}

.select-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  font-size: 13px;
  display: flex;
}

.select-group .select-item {
  margin-left: -1px;
  width: 48px;
  height: 48px;
  border: 1px solid #d2d2d2;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  transition: all 0.4s;
  font-weight: 600;
  color: #818181;
}

.select-group .select-item.active {
  background: #026937;
  border-color: #026937;
  color: #ffffff;
  z-index: 99;
}

.select-group .select-item.active:hover {
  background: #e14302;
  border-color: #e14302;
}

.select-group .select-item:hover {
  background: #e14302;
  border-color: #e14302;
  color: #ffffff;
  z-index: 600;
}

@media (max-width: 1023.98px) {
  .select-group .select-item {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 10px;
    margin-top: 5px;
  }
}

.datepicker-container {
  box-shadow: none !important;
  border: 1px solid #d2d2d2 !important;
  margin-top: -10px;
}

.datepicker-panel > ul > li:hover {
  background-color: inherit !important;
}

.datepicker-panel > ul > li {
  line-height: 17px;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #fff !important;
  background-color: #e14302 !important;
  border-radius: 30px;
  line-height: 17px;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  display: none !important;
}

.footer {
  background: #026937;
  color: #ffffff;
}

.footer .container {
  position: relative;
  padding: 40px 0 40px;
}

.footer a {
  text-transform: uppercase;
  display: block;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 15px;
}

.footer a.sub {
  text-transform: none;
  font-weight: 400;
  font-size: 15px;
}

.footer a.drop-down {
  position: relative;
  display: inline-block;
  padding-right: 30px;
}

.footer a.drop-down::after {
  font-family: "Font Awesome 5 Pro";
  content: "\F107";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
}

@media (max-width: 1023.98px) {
  .footer {
    text-align: center;
  }

  .footer .logo img {
    margin-bottom: 80px;
    padding-bottom: 1rem;
  }

  .footer a.sub {
    font-weight: 300;
  }

  .footer .footer-group {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.footer-box {
  text-align: center;
  background: #026937;
  border-bottom: 1px solid #01563f;
  border-top: 1px solid #01563f;
  font-size: 1.125rem;
}

.footer-box a {
  padding: 35px 0;
  display: block;
  color: #ffffff;
  border-right: 1px solid #01563f;
}

.footer-box span {
  padding: 0 5px;
  display: flex;
  color: #ffffff;
  font-size: 14px;
}

.footer-box span a {
  padding: 0px;
  cursor: pointer;
  padding-left: 0.3rem;
}

.footer-box.footer .container {
  justify-content: left;
  padding-left: 20px;
}

.footer-box.footer .container .row {
  justify-content: center;
}

.footer-box.footer .eurizon {
  margin-right: 1.5rem;
}

.footer-box.footer span {
  text-align: center;
  justify-content: center;
}

.footer-box.footer span a {
  border-bottom: none;
  border-right: none;
  text-transform: none;
  font-weight: normal;
}

@media (max-width: 1023.98px) {
  .footer-box.footer span {
    padding: 0;
    padding-top: 10px;
  }

  .footer-box.footer .eurizon {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #01563f;
    width: 100%;
    margin-right: 0;
  }

  .footer-box.footer .dataManagement {
    padding-top: 3rem;
  }

  .footer-box.footer .container {
    padding-left: 0;
  }
}

@media (max-width: 1023.98px) {
  .footer-box {
    border-bottom: none;
  }

  .footer-box .row {
    display: block;
    width: 100%;
    margin: 0;
  }

  .footer-box a {
    border-bottom: 1px solid #01563f;
    padding: 20px 0;
  }

  .footer-box span {
    text-align: left;
    font-weight: 300;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

/*
.hamburger:hover {
    opacity: 0.7;
}
.hamburger.is-active:hover {
    opacity: 0.7;
}
*/

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #026937;
}

.hamburger-box {
  width: 25px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: #026937;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -8px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
     * 3DX
     */

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
     * 3DX Reverse
     */

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
     * 3DY
     */

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
     * 3DY Reverse
     */

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
     * 3DXY
     */

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
     * 3DXY Reverse
     */

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
     * Arrow
     */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
     * Arrow Right
     */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
     * Arrow Alt
     */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
     * Arrow Alt Right
     */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
     * Arrow Turn
     */

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
     * Arrow Turn Right
     */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
     * Boring
     */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
     * Collapse
     */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Collapse Reverse
     */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Elastic
     */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
     * Elastic Reverse
     */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
     * Emphatic
     */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
     * Emphatic Reverse
     */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
     * Minus
     */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
     * Slider
     */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
     * Slider Reverse
     */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
     * Spin
     */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Spin Reverse
     */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Spring
     */

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
     * Spring Reverse
     */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Stand
     */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Stand Reverse
     */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Squeeze
     */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease,
    transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease,
    transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
     * Vortex
     */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
     * Vortex Reverse
     */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

@media (max-width: 1023.98px) {
  .news-list.news-list-head {
    padding-top: 50px;
  }

  .news-list.news-list-head h1 {
    font-size: 28px;
  }

  .news-list.news-list-head h5 {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  .news-list.news-list-head {
    min-height: 355px;
  }
}

.news-list.news-list-head h1 {
  margin-bottom: 16px;
}

.news-list.news-list-head h5 {
  color: #026937;
}

.news-list.news-list-head hr {
  background-color: #e14302;
  margin-bottom: 48px;
}

.news-list .main-slider-item {
  background: transparent;
}

.news-list .main-slider-item a {
  width: auto;
}

.news-list .slick-dots {
  position: absolute;
  margin-top: -20px;
  text-align: right;
  padding-right: 15vw;
}

.news-list .slick-dots li button {
  background-color: #818181;
}

.news-list .pic {
  width: inherit;
  padding-left: 4px;
  height: calc(100vh - 373px);
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 500px;
}

.news-list .flex-center {
  display: flex;
  align-items: center;
}

.news-list .landscape-card {
  background-color: #ffffff;
  margin-left: 4px;
  border: none;
  position: absolute;
  width: 40vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 11;
}

.news-list .landscape-card .title {
  color: #026937;
  font-size: 1.5rem;
  font-weight: 500;
}

.news-list .landscape-card .body {
  padding: 40px 60px 40px 60px;
  padding-bottom: 40px;
  position: relative;
}

.news-list .landscape-card p {
  color: #464646;
  font-size: 1.125rem;
  line-height: 26px;
}

.news-list .landscape-card span {
  margin-bottom: 28px;
  display: inline-block;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.news-list .landscape-card.right-side {
  right: 0;
}

@media (max-width: 767.98px) {
  .news-list .landscape-card.right-side {
    position: initial;
    margin-top: -50vw;
  }
}

.news-list .landscape-card.left-side {
  left: 0;
}

.news-list .landscape-card .btn {
  font-size: 15px;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .news-list .main-slider {
    height: 190vw;
  }

  .news-list .slick-list {
    overflow: visible;
  }

  .news-list .slick-dots {
    left: 25%;
    margin-top: -60px;
  }

  .news-list.news-list-banner {
    margin-top: -20vw;
    padding-bottom: 200px;
  }

  .news-list.margin-bottom-neg {
    margin-bottom: -150px;
    min-height: 600px;
  }

  .news-list .flex-center {
    margin: 31px;
  }

  .news-list .pic {
    width: 110%;
    margin-left: -16px;
    padding-left: 0px;
    min-height: unset;
  }

  .news-list .landscape-card {
    width: 90vw;
    margin-left: -6vw;
    top: 0px;
  }

  .news-list .landscape-card .body {
    padding: 20px;
    height: auto;
    min-height: 200px;
    text-align: left;
  }

  .news-list .landscape-card p {
    font-size: 0.875rem;
  }

  .news-list .landscape-card .title {
    font-size: 1.125rem;
    padding-left: 0;
  }

  .news-list .landscape-card .title::after {
    left: 0;
    right: auto;
    bottom: -13px;
  }

  .news-list .landscape-card span {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 0.875rem;
    text-align: left;
    width: 100%;
  }

  .news-list .landscape-card.right-side {
    top: -50vw;
  }

  .news-list .landscape-card.left-side {
    top: 55vw;
    left: 1vw;
  }
}

.news-list .progress-div {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 9rem;
}

@media (max-width: 1023.98px) {
  .news-list .progress-div {
    margin-bottom: 6rem;
    margin-top: -1.5rem;
  }
}

.news-list .progress-div .num {
  position: initial;
  display: flex;
  align-self: flex-end;
  margin-bottom: -0.3rem;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  color: #818181;
}

.news-list .progress-div .bar-div {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding: 1rem 0rem;
  margin: 0rem 3rem;
  border-bottom: 2px solid #d2d2d2;
  width: 100%;
}

@media (max-width: 1023.98px) {
  .news-list .progress-div .bar-div {
    margin: 0 1rem;
  }
}

.news-list .progress-div #bar {
  height: 4px;
  width: 20%;
  background-color: #026937;
  z-index: 11;
  position: relative;
  top: 1.1rem;
}

.news-list .progress-div .arrows {
  position: inherit;
  display: flex;
  align-self: flex-end;
  margin-bottom: -0.5rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 24px;
  height: 30px;
}

.news-list .progress-div .arrows .arrow {
  color: #818181;
}

.news-list .progress-div .arrows .arrow:hover {
  color: #01563f;
}

.news-list .progress-div .arrows .arrow:active {
  color: #c73a02;
}

.news-list .progress-div .arrows .arrow-left {
  transform: rotate(180deg);
  margin-right: 1.5rem;
  margin-bottom: -0.3rem;
}

.news-list .progress-div .arrows .arrow-right {
  margin-top: -1px;
}

@media (max-width: 1023.98px) {
  .news-view.cover {
    min-height: 70vh;
  }
}

.news-view .date {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.news-view .lead,
.news-view h2,
.news-view h3 {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #026937;
}

.news-view .bottom-addons .addon-item .addon-body .wrapper .row > div {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100%;
}

.news-view .btn {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

@media screen and (min-width: 800px) {
  .list-news .news-list-column {
    min-height: 600px;
  }
}

.life-situations.cover {
  position: relative;
}

@media (max-width: 1023.98px) {
  .life-situations.cover {
    min-height: 100vw;
  }
}

.life-situations.cover::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(
    134.22deg,
    rgba(236, 242, 240, 0.7) 2.6%,
    rgba(255, 255, 255, 0.00007) 73.7%
  );
}

.life-situations.content {
  margin-top: -40vh;
  position: relative;
}

@media (max-width: 1023.98px) {
  .life-situations.content {
    margin-top: -16vh !important;
    margin-bottom: 2vh !important;
  }
}

.life-situations.container {
  max-width: 1060px;
  background-image: url("/images/life-situation/quote-mark.svg");
  background-repeat: no-repeat;
  background-position: 95% 45%;
}

@media (max-width: 1023.98px) {
  .life-situations.container {
    background-size: 70%;
    background-position: 95% 30%;
  }
}

.life-situations.main-content {
  padding: 0px 7.5vw;
}

@media (max-width: 1023.98px) {
  .life-situations.main-content {
    padding: 0px 18px;
  }
}

.life-situations.main-content h1 {
  margin: 0px;
}

.life-situations.main-content .underline {
  margin-bottom: 50px;
}

.life-situations.main-content .details {
  font-size: 24px;
  color: #818181;
  position: relative;
}

@media (max-width: 1023.98px) {
  .life-situations.main-content .details {
    line-height: 26px;
    font-size: 18px;
  }
}

.life-situations.main-content .hint {
  margin-top: 32px;
  padding-right: 60px;
}

@media (max-width: 1023.98px) {
  .life-situations.main-content .hint {
    padding-right: 0px;
  }
}

.life-situations.main-content .hint span {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  background: #026937;
  border-radius: 12px;
  padding: 0.17rem 0.7rem;
  text-transform: uppercase;
}

.life-situations.main-content .hint .hint-content {
  letter-spacing: 0.6px;
  line-height: 28px;
  font-weight: 600;
  margin-top: 12px;
  font-size: 20px;
  color: #026937;
}

@media (max-width: 1023.98px) {
  .life-situations.main-content .hint .hint-content {
    font-size: 18px;
    line-height: 26px;
  }
}

.life-situations.recomendations {
  padding: 0px;
  position: relative;
}

.life-situations.recomendations .container {
  background-image: none;
}

.life-situations.recomendations .tort {
  left: 0;
  top: -50%;
  width: 100%;
  height: 100%;
  min-width: 35vw;
  min-height: 35vw;
  position: absolute;
  transform: translateY(50%);
  background-image: url("/images/life-situation/torta.svg");
  background-repeat: no-repeat;
  background-position: left 20%;
  background-size: contain;
}

@media (max-width: 1023.98px) {
  .life-situations.recomendations .tort {
    display: none;
  }
}

.life-situations.recomendations .article h4 {
  color: #026937;
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 1023.98px) {
  .life-situations.recomendations .article h4 {
    padding-top: 4px;
  }
}

.life-situations.recomendations .article p:first-of-type {
  font-size: 18px;
}

@media (max-width: 1023.98px) {
  .life-situations.recomendations .article p:first-of-type {
    font-size: 15px;
  }
}

.life-situations.recomendations .article p {
  font-size: 16px;
  line-height: 28px;
}

@media (max-width: 1023.98px) {
  .life-situations.recomendations .article p {
    font-size: 15px;
    line-height: 24px;
  }
}

.life-situations.recomendations .article .divider {
  width: 100%;
  height: 1px;
  margin: 28px 0px;
  background: #e8e8e8;
}

@media (max-width: 1023.98px) {
  .life-situations.recomendations .article .divider {
    margin-top: 40px;
  }
}

@media (max-width: 767.98px) {
  .life-situations.recomendations .article {
    padding: 0px 20px;
  }
}

.life-situations.bottom-content {
  color: #818181;
  padding: 44px 0px;
  background-color: #f1f3f1;
}

.life-situations.bottom-content .main-content {
  margin: auto;
  padding: 0px;
  max-width: 1280px;
}

.life-situations.bottom-content p {
  padding: 0px;
  font-size: 13px;
  line-height: 18px;
}

@media (max-width: 1023.98px) {
  .life-situations.bottom-content p {
    line-height: 20px;
  }
}

@media (max-width: 1419.98px) {
  .life-situations.bottom-content {
    max-width: 100%;
    padding: 44px 20px;
    line-height: 20px;
  }
}

.situations,
.situations-home {
  margin: auto;
  max-width: 1300px;
  padding: 44px 0px;
  position: relative;
}

@media (max-width: 1419.98px) {
  .situations,
  .situations-home {
    max-width: 100%;
    padding: 44px 10px;
  }
}

@media (max-width: 1023.98px) {
  .situations,
  .situations-home {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.situations .no-border,
.situations-home .no-border {
  border: none;
}

.situations h3,
.situations-home h3 {
  font-size: 36px;
  color: #026937;
}

@media (max-width: 1023.98px) {
  .situations h3,
  .situations-home h3 {
    font-size: 26px;
    margin-bottom: 0px;
  }
}

.situations .card-img-top,
.situations-home .card-img-top {
  width: 100%;
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.5s;
  background-size: cover;
  align-self: center;
}

.situations .card-body .btn,
.situations-home .card-body .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.situations .col-lg-4,
.situations .col-md-4,
.situations .col-lg-3,
.situations-home .col-lg-4,
.situations-home .col-md-4,
.situations-home .col-lg-3 {
  margin: 0;
  padding: 0;
}

@media (min-width: 1420px) {
  .situations .col-lg-4,
  .situations .col-md-4,
  .situations .col-lg-3,
  .situations-home .col-lg-4,
  .situations-home .col-md-4,
  .situations-home .col-lg-3 {
    max-width: 360px;
  }
}

@media (max-width: 1023.98px) {
  .situations .col-lg-4,
  .situations .col-md-4,
  .situations .col-lg-3,
  .situations-home .col-lg-4,
  .situations-home .col-md-4,
  .situations-home .col-lg-3 {
    max-width: 100%;
  }
}

.situations .heading,
.situations-home .heading {
  max-width: 1280px;
}

.situations .heading .underline,
.situations-home .heading .underline {
  margin-bottom: 50px;
}

@media (max-width: 1023.98px) {
  .situations .heading,
  .situations-home .heading {
    max-width: 100%;
    padding: 0px 24px;
  }
}

.situations .wrapper,
.situations-home .wrapper {
  margin: auto;
  row-gap: 36px;
  max-width: 1080px;
}

@media (max-width: 1023.98px) {
  .situations .wrapper,
  .situations-home .wrapper {
    gap: 48px;
    max-width: unset;
  }
}

@media (max-width: 767.98px) {
  .situations .wrapper,
  .situations-home .wrapper {
    display: none;
  }
}

@media (min-width: 768px) {
  .situations .carousel,
  .situations-home .carousel {
    display: none;
  }
}

@media (max-width: 1023.98px) {
  .situations .card,
  .situations-home .card {
    border: none;
  }
}

.situations .card .underline,
.situations-home .card .underline {
  margin-bottom: 32px;
}

.situations .card .title a,
.situations-home .card .title a {
  color: #016937;
}

.situations .card .underline::after,
.situations-home .card .underline::after {
  bottom: -24px;
}

.situations .card img,
.situations-home .card img {
  max-height: 320px;
  border-radius: 0px;
  height: auto;
}

.situations .card .card-body,
.situations-home .card .card-body {
  padding: 40px;
}

@media (max-width: 1023.98px) {
  .situations .card .card-body,
  .situations-home .card .card-body {
    padding: 32px 20px 20px 20px;
  }
}

.situations .card .card-text,
.situations-home .card .card-text {
  color: #464646;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 36px;
}

.situations .main-content,
.situations-home .main-content {
  padding: 0;
}

@media (max-width: 1023.98px) {
  .situations .main-content,
  .situations-home .main-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.situations .container,
.situations-home .container {
  padding: 16px 0px;
}

.situations .carousel-indicators,
.situations-home .carousel-indicators {
  bottom: -48px;
}

.situations .carousel-indicators li,
.situations-home .carousel-indicators li {
  width: 8px;
  opacity: 1;
  height: 8px;
  margin: 0px 14px;
  border-radius: 100%;
  background-color: #016937;
}

.situations .carousel-indicators .active,
.situations-home .carousel-indicators .active {
  background-color: #e14302;
}

.situations-home {
  margin: auto;
  max-width: 1440px;
  padding: 44px 0px;
}

@media (max-width: 1419.98px) {
  .situations-home {
    max-width: 100%;
    padding: 60px 0px;
  }
}

@media (max-width: 1419.98px) {
  .situations-home .container {
    padding: 0px 20px;
  }
}

.situations-home h3 {
  font-size: 36px;
  color: #026937;
}

@media (max-width: 1023.98px) {
  .situations-home h3 {
    font-size: 26px;
    margin-bottom: 0px;
  }
}

.situations-home .main-content,
.situations-home .wrapper {
  max-width: 1440px;
}

.situations-home .wrapper {
  margin: auto;
  row-gap: 24px;
}

@media (max-width: 1023.98px) {
  .situations-home .wrapper {
    row-gap: 48px;
    max-width: unset;
  }
}

.situations-home .card-img-top {
  height: 360px;
}

.comparator.head {
  padding: 48px 0px 40px 0px;
  background-color: #ffffff;
}

.comparator.head .underline::after {
  background-color: #01563f;
}

.comparator .cube-link {
  transition: all 0.6ms;
}

.comparator .cube-link i {
  display: inline-block;
}

.comparator [aria-expanded="false"] i {
  transform: rotate(180deg);
}

.comparator.funds {
  width: 100%;
  background-color: #f1f3f1;
}

.comparator.funds .cube-link {
  width: 88px;
  height: 88px;
  border: none;
  font-size: 18px;
  line-height: 88px;
  color: #ffffff !important;
  background: #016937;
}

.comparator.funds .fund-item {
  border-left: 1px solid #e8e8e8;
}

.comparator.funds .fund-item .dot {
  width: 13px;
  height: 13px;
  margin: 20px;
  border-radius: 50%;
}

.comparator.funds .fund-item .name {
  font-weight: 600;
  line-height: 18px;
  color: #464646;
  font-size: 0.875rem;
}

.comparator.funds .fund-item .closable {
  cursor: pointer;
  color: #a9a9a9;
  font-size: 12px;
  margin: 20px;
}

.comparator .calculator {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

.comparator .calculator .btn-select {
  width: inherit;
  background-color: #e14302;
}

.comparator .calculator .btn-select:hover {
  background-color: #c73a02;
}

.comparator .calculator .home-asset-selector {
  padding: 30px 0px;
}

.comparator .calculator .home-asset-selector .btn-select {
  font-size: 15px;
}

.comparator .calculator-filter-toggle {
  width: 100%;
  overflow: visible;
  position: relative;
  background-color: #fff;
}

.comparator .calculator-filter-toggle .multiselect-label {
  margin-top: -28px;
  overflow: visible;
}

.comparator .calculator-filter-toggle .view-container {
  top: 0px;
  right: 0px;
  z-index: 9;
  padding: 16px;
  position: absolute;
  background-color: #fff;
}

.comparator .calculator-filter-toggle .view-container .select-item {
  margin-top: 0px;
}

.comparator .calculator-filter-toggle a {
  font-size: 18px;
  font-weight: 600;
  color: #016937;
}

.comparator .calculator-filter-toggle .calculator-filter-toggle-btn .fa {
  font-size: 14px;
  margin-left: 12px;
  display: inline-block;
  transform: rotate(180deg);
}

.comparator .addon-item p {
  line-height: 18px;
  color: #464646;
  font-size: 0.875rem;
  font-family: "Arial", sans-serif;
}

.comparator .addon-item .fa {
  color: #7db198;
  font-size: 1.5rem;
}

.comparator .selector-mobile {
  z-index: 1;
  width: 100%;
  height: 60px;
  background-color: #f1f3f1;
}

.comparator .selector-mobile .cube-link {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 1rem;
  color: #ffffff !important;
  background: #016937;
}

.comparator .selector-mobile h4 {
  font-size: 1.125rem;
  line-height: 60px;
  color: #01563f;
}

.comparator .calculator-filter .view .select-item {
  font-size: 1.125rem;
}

@media (max-width: 767.98px) {
  .comparator .calculator-filter {
    display: none;
    background-color: #f1f1f1;
    margin-top: -1rem;
  }
}

.comparator .calculator-filter .xs-5 {
  max-width: 25px;
  line-height: 46px;
  text-align: center;
}

.comparator .calculator-filter .col {
  min-height: 90px;
}

.comparator .calculator-filter .multiselect-label {
  color: #464646;
}

@media (max-width: 1023.98px) {
  .comparator .calculator-filter {
    position: relative;
  }

  .comparator .calculator-filter .multiselect-label {
    margin-top: -18px;
  }

  .comparator .calculator-filter .xs-45 {
    max-width: 100%;
  }

  .comparator .calculator-filter .xs-5 {
    max-width: 6%;
    line-height: 40px;
  }

  .comparator .calculator-filter .col {
    min-height: 80px;
  }
}

@media (max-width: 767.98px) {
  .comparator .calculator-filter .xs-topright {
    position: absolute;
    top: 47px;
    right: 0;
    display: inline-block;
    max-width: 143px;
  }
}

@media (max-width: 359.98px) {
  .comparator .calculator-filter .xs-topright {
    position: relative;
    top: unset;
  }

  .comparator .calculator-filter .xs-45 {
    max-width: 50%;
    padding-right: 0px;
  }

  .comparator .calculator-filter .xs-5 {
    max-width: 2%;
    line-height: 40px;
    display: none;
  }
}

.comparator .btn-donwload {
  position: relative;
  padding-right: 45px;
}

.comparator .btn-donwload:after {
  position: absolute;
  right: 22px;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
  content: "\F0AB";
  font-family: "Font Awesome 5 Pro", sans-serif;
}

.comparator .table-container #table {
  display: none;
}

.comparator .table-container .table {
  width: unset;
  border: none;
}

.comparator .table-container .table-striped tr {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  font-family: "Arial", sans-serif;
}

.comparator .table-container .table-striped tr td:first-child {
  color: #464646;
  font-weight: 700;
  text-align: left;
  min-width: 82px;
  max-width: 82px;
}

.comparator .table-container .table-striped tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}

.comparator .table-container .table-striped td {
  border-right: 1px solid #f8f8f8;
  vertical-align: middle;
  text-align: center;
  padding: 20px 12px;
  max-width: 252px;
  border: none;
}

.comparator .table-container .table-striped .success {
  color: #026937;
}

.comparator .table-container .table-striped .warning {
  color: #e14302;
}

.comparator .table-container .head {
  font-weight: 500;
  position: relative;
  font-family: "Quicksand", sans-serif;
}

.comparator .table-container .head div {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  position: absolute;
}

@media (max-width: 1023.98px) {
  .comparator {
    max-width: 850px;
    margin: auto;
  }

  .comparator.head {
    padding-top: 96px;
  }

  .comparator.head h1 {
    font-size: 28px;
  }

  .comparator .fund-item {
    min-height: 60px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
  }

  .comparator .table-wrapper {
    overflow-x: auto;
  }

  .comparator .btn-donwload {
    width: 93%;
  }

  .comparator .chart-wrapper {
    min-width: 1000px;
  }

  .comparator .table-container .table {
    min-width: 810px;
  }

  .comparator .table-container .table-striped tr {
    font-size: 10px;
    line-height: 12px;
  }

  .comparator .table-container .table-striped tr td:first-child {
    min-width: 99px;
    max-width: 99px;
  }

  .comparator .table-container .table-striped td {
    padding: 12px 2px;
  }

  .comparator .table-container .head div {
    height: 3px;
  }
}

@media (max-width: 1023.98px) {
  .faq.faq-head {
    padding-top: 50px;
  }

  .faq.faq-head h1 {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .faq.faq-head h5 {
    font-size: 18px;
  }
}

.faq.faq-head h1 {
  margin-bottom: 16px;
}

.faq.faq-head h5 {
  color: #026937;
}

.faq.faq-head hr {
  background-color: #e14302;
}

.faq.faq-main {
  margin-bottom: 160px;
  overflow: unset;
}

@media (max-width: 1023.98px) {
  .faq.faq-main {
    margin-bottom: 80px;
  }
}

.faq.faq-main .faq-main-content {
  display: flex;
  flex-direction: row;
}

@media (max-width: 1023.98px) {
  .faq.faq-main .faq-main-content {
    flex-direction: column;
  }
}

.faq.faq-main .faq-main-content .faq-left-column {
  width: 35%;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.faq.faq-main .faq-main-content .faq-left-column.floating {
  position: static;
  top: 300px;
}

.faq.faq-main .faq-main-content .faq-left-column.fixed {
  position: fixed;
  top: 0px;
}

.faq.faq-main .faq-main-content .faq-left-column.sticky {
  max-height: calc(100vh);
  overflow: auto;
  padding-left: 0px;
  padding-right: 9px;
  padding-top: 0px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100%;
}

@media (max-width: 1023.98px) {
  .faq.faq-main .faq-main-content .faq-left-column {
    width: 100%;
    position: inherit !important;
  }
}

.faq.faq-main .faq-main-content .faq-left-column h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 36px;
  padding-top: 60px;
}

@media (max-width: 1023.98px) {
  .faq.faq-main .faq-main-content .faq-left-column h5 {
    padding-top: 40px;
  }
}

.faq.faq-main .faq-main-content .faq-left-column a {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #464646;
}

.faq.faq-main .faq-main-content .faq-left-column .theme-nav {
  padding-bottom: 20px;
}

@media (max-width: 1023.98px) {
  .faq.faq-main .faq-main-content .faq-left-column .theme-nav {
    padding-bottom: 10px;
  }
}

.faq.faq-main .faq-main-content .faq-left-column .theme-nav::before {
  display: none;
}

.faq.faq-main .faq-main-content .faq-left-column .theme-nav.active {
  color: #026937;
}

.faq.faq-main .faq-main-content .faq-left-column .theme-nav.active::before {
  display: initial;
  border-bottom: 1px solid #e14302;
  content: "line";
  font-family: "Font Awesome 5 Pro";
  color: transparent;
  margin-right: 16px;
  position: relative;
  top: -10px;
}

.faq.faq-main .faq-main-content .faq-left-column .theme-nav:hover {
  color: #026937;
}

.faq.faq-main .faq-main-content .faq-right-column {
  z-index: 11;
  width: 65%;
  margin-left: 3rem;
}

@media (max-width: 1023.98px) {
  .faq.faq-main .faq-main-content .faq-right-column {
    width: 100%;
    margin-left: 0;
  }
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question:nth-child(2)
  .faq-question-head {
  border-top: none;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question
  .faq-question-head {
  display: flex;
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #dbe1d9;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question
  .faq-question-head::before {
  content: "\F055";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  color: #026937;
  padding-right: 10px;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question
  .faq-question-head
  p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #026937;
  font-family: "Quicksand";
  padding-top: 0px;
  padding-bottom: 4px;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question
  .faq-question-body {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question
  .faq-question-body
  .wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question
  .faq-question-body
  .wrapper
  p {
  padding-top: 0;
  padding-bottom: 28px;
  padding-left: 30px;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question.active
  .faq-question-head
  p {
  color: #e14302;
  font-family: "Quicksand";
  padding-bottom: 4px;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question.active
  .faq-question-head {
  padding-bottom: 4px;
}

.faq.faq-main
  .faq-main-content
  .faq-right-column
  .faq-question.active
  .faq-question-head::before {
  content: "\F056";
  color: #e14302;
}

.faq.faq-main .faq-main-content .faq-right-column .theme .theme-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  padding-top: 60px;
}

@media (max-width: 1023.98px) {
  .faq.faq-main .faq-main-content .faq-right-column .theme .theme-title {
    padding-top: 40px;
  }
}

.documents h5 {
  color: #016937;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 36px;
}

@media (max-width: 1023.98px) {
  .documents h5 {
    font-size: 18px;
  }
}

.documents.doc-head {
  background-color: #ffffff;
}

@media (max-width: 1023.98px) {
  .documents.doc-head {
    padding-top: 50px;
  }

  .documents.doc-head .row {
    text-align: left !important;
  }
}

.documents.doc-head .container {
  padding-left: 0;
  padding-right: 0;
}

.documents.doc-head .main-content {
  padding-top: 2.5rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-head .main-content {
    padding: 0;
  }
}

.documents.doc-head .main-content .doc-head-title {
  padding: 1rem 3rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-head .main-content .doc-head-title {
    padding: 0rem 1.5rem;
  }
}

.documents.doc-head .main-content .main-text {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-head .main-content .main-text {
    padding: 0rem 1.5rem;
  }
}

.documents.doc-body {
  background-color: #ffffff;
}

.documents.doc-body .container {
  padding-left: 0;
  padding-right: 0;
}

.documents.doc-body .main-content {
  padding-top: 2.5rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .main-content {
    padding: 0;
  }
}

.documents.doc-body .main-content .main-text {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .main-content .main-text {
    padding: 1rem;
  }
}

.documents.doc-body .main-content .main-text p {
  font-size: 1rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .main-content .main-text p {
    font-size: 15px;
  }
}

.documents.doc-body .underline {
  margin-bottom: 3rem;
}

.documents.doc-body .row {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 767.98px) {
  .documents.doc-body .row {
    padding: 0rem;
  }
}

.documents.doc-body .search-input-div {
  padding-left: 3rem;
  padding-right: 3rem;
  margin-bottom: 1.5rem;
  height: 48px;
  position: relative;
}

@media (max-width: 767.98px) {
  .documents.doc-body .search-input-div {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -0.5rem;
    margin-top: 1.5rem;
  }
}

.documents.doc-body .search-input-div .search-input {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (max-width: 767.98px) {
  .documents.doc-body .search-input-div .search-input {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 90vw;
    margin-left: 4vw;
  }
}

.documents.doc-body .search-input-div .search-span {
  position: absolute;
  top: calc(50% - 10px);
  right: 70px;
  font-size: 14px;
  color: #7db198;
}

.documents.doc-body .search-input-div .fa-search {
  font-family: "Font Awesome 5 Pro";
  content: "\F002";
}

.documents.doc-body .card-bg {
  background-color: #ffffff;
  padding: 1rem 3rem;
  margin-top: 1.5rem;
  width: 100%;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg {
    padding: 1rem 1rem;
  }
}

.documents.doc-body .card-bg .date {
  padding-bottom: 0;
  font-size: 0.9375rem;
  font-family: "Arial", sans-serif;
  color: #464646;
}

.documents.doc-body .card-bg .title {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 0;
  font-family: "Quicksand", sans-serif;
  padding: 10px 0px;
}

.documents.doc-body .card-bg .title.reports {
  font-size: 18px;
  font-weight: 700;
}

.documents.doc-body .card-bg .lead {
  font-size: 0.9375rem;
  line-height: 22px;
}

.documents.doc-body .card-bg .one-row {
  justify-content: space-between;
  border-bottom: 1px solid #eaede9;
  line-height: 3;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .one-row {
    line-height: 1;
    padding-bottom: 17.5px;
    padding-top: 7.5px;
  }
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .one-row > div {
    flex-wrap: nowrap;
    min-width: 70vw;
  }
}

.documents.doc-body .card-bg .one-row .doc {
  align-self: center;
  padding-right: 1rem;
  color: #016937;
  font-weight: 500;
}

.documents.doc-body .card-bg .one-row .doc.fa {
  line-height: 40px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  align-self: start;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .one-row .doc.fa {
    margin-left: 0px;
  }
}

.documents.doc-body .card-bg .one-row .doc-name {
  font-size: 0.875rem;
  line-height: 24px;
}

.documents.doc-body .card-bg .one-row .link {
  align-self: center;
  font-weight: 600;
  font-size: 0.75rem;
}

.documents.doc-body .card-bg .one-row .link:hover {
  text-decoration: none;
}

.documents.doc-body .card-bg .one-row .link:hover span {
  text-decoration: underline;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .one-row .link {
    padding-left: 2rem;
  }

  .documents.doc-body .card-bg .one-row .link .fa {
    margin-left: 2px;
  }
}

.documents.doc-body .card-bg .one-row p {
  color: #016937;
  font-weight: 500;
  max-width: 45rem;
  font-family: "Quicksand", sans-serif;
}

@media (max-width: 1419.98px) {
  .documents.doc-body .card-bg .one-row p {
    max-width: 40rem;
  }
}

@media (max-width: 767.98px) {
  .documents.doc-body .card-bg .one-row p {
    max-width: 100vw;
  }
}

.documents.doc-body .card-bg .one-row:last-child,
.documents.doc-body .card-bg .one-row:first-child {
  border-bottom: none;
}

.documents.doc-body .card-bg .archive {
  background-color: #ffffff;
  border-top: 1px solid #eaede9;
  border-bottom: 1px solid #eaede9;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .archive {
    margin-left: 0;
    margin-right: 0;
  }
}

.documents.doc-body .card-bg .archive .name {
  font-size: 0.875rem;
}

.documents.doc-body .card-bg .archive .one-row {
  border-bottom: none;
  line-height: 1;
}

.documents.doc-body .card-bg .archive .one-row p {
  font-size: 0.875rem;
  max-width: 40vw;
}

@media (max-width: 767.98px) {
  .documents.doc-body .card-bg .archive .one-row p {
    max-width: 100vw;
  }
}

.documents.doc-body .card-bg .archive .one-row .link .fa {
  margin-left: 8px;
}

.documents.doc-body .card-bg .archive .archive-head {
  cursor: pointer;
}

.documents.doc-body .card-bg .archive .archive-head p {
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
}

.documents.doc-body .card-bg .archive .archive-head :after {
  font-family: "Font Awesome 5 Pro";
  content: "\F107";
  margin-left: 1rem;
  transform: rotate(0deg);
  position: absolute;
  color: #016937;
  font-size: 1.25rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .archive .archive-head :after {
    right: 3rem;
  }
}

.documents.doc-body .card-bg .archive .archive-body {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
}

.documents.doc-body .card-bg .archive .archive-body .name {
  padding: 6.5px;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .archive .archive-body {
    padding-left: 0;
  }
}

@media (max-width: 1023.98px) {
  .documents.doc-body .card-bg .archive.active {
    padding-bottom: 17.5px;
    padding-top: 7.5px;
  }
}

.documents.doc-body .card-bg .archive.active .archive-head ::after {
  transform: rotate(180deg);
}

.documents.doc-body .button-div,
.documents.doc-body .info-div {
  margin-left: 3rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .button-div,
  .documents.doc-body .info-div {
    margin-left: 1rem;
  }
}

.documents.doc-body .button-div .display-desk,
.documents.doc-body .info-div .display-desk {
  display: block;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .button-div .display-desk,
  .documents.doc-body .info-div .display-desk {
    display: none;
  }
}

.documents.doc-body .button-div .display-mob,
.documents.doc-body .info-div .display-mob {
  display: none;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .button-div .display-mob,
  .documents.doc-body .info-div .display-mob {
    display: block;
  }
}

.documents.doc-body .button-div .btn {
  font-size: 15px;
  font-weight: 600;
}

.documents.doc-body .firm-info p {
  line-height: 1;
  padding: 5px 0;
  font-size: 1rem;
}

.documents.doc-body .list-card-bg {
  background-color: #ffffff;
  margin-top: 1.5rem;
  width: 100%;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg {
    padding: 0;
  }
}

.documents.doc-body .list-card-bg .date {
  color: #464646;
  padding-bottom: 0;
  font-family: "Arial", san-serif;
}

.documents.doc-body .list-card-bg .title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
  font-family: "Quicksand", sans-serif;
}

.documents.doc-body .list-card-bg .one-row {
  justify-content: space-between;
  border-bottom: 1px solid #eaede9;
  line-height: 3;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .one-row > div {
    flex-wrap: nowrap;
  }
}

.documents.doc-body .list-card-bg .one-row .doc {
  align-self: center;
  padding-right: 1rem;
  color: #016937;
  font-weight: 500;
}

.documents.doc-body .list-card-bg .one-row .doc.fa {
  line-height: 40px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  align-self: start;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .one-row .doc.fa {
    margin-left: 0px;
  }
}

.documents.doc-body .list-card-bg .one-row .link {
  align-self: center;
  font-weight: 600;
  font-size: 0.75rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .one-row .link {
    padding-left: 2rem;
  }

  .documents.doc-body .list-card-bg .one-row .link .fa {
    margin-left: 2px;
  }
}

.documents.doc-body .list-card-bg .one-row p {
  color: #016937;
  font-weight: 500;
  max-width: 45rem;
}

@media (max-width: 1419.98px) {
  .documents.doc-body .list-card-bg .one-row p {
    max-width: 40rem;
  }
}

@media (max-width: 767.98px) {
  .documents.doc-body .list-card-bg .one-row p {
    max-width: 100vw;
  }
}

.documents.doc-body .list-card-bg .one-row:last-child,
.documents.doc-body .list-card-bg .one-row:first-child {
  border-bottom: none;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .archive {
    margin-left: 0;
  }
}

.documents.doc-body .list-card-bg .archive .one-row {
  border-bottom: none;
  line-height: 1;
}

.documents.doc-body .list-card-bg .archive .one-row p {
  max-width: 45rem;
}

@media (max-width: 1419.98px) {
  .documents.doc-body .list-card-bg .archive .one-row p {
    max-width: 40rem;
  }
}

@media (max-width: 767.98px) {
  .documents.doc-body .list-card-bg .archive .one-row p {
    max-width: 100vw;
  }
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .archive .one-row {
    padding-bottom: 17.5px;
    padding-top: 7.5px;
  }
}

.documents.doc-body .list-card-bg .archive .archive-head {
  cursor: pointer;
  padding: 1rem 3rem;
  border-top: 1px solid #eaede9;
  background-color: #f2f3f2;
  position: relative;
  margin: 0rem 2rem;
  font-size: 1rem;
}

.documents.doc-body .list-card-bg .archive .archive-head :after {
  font-family: "Font Awesome 5 Pro";
  content: "\F107";
  transform: rotate(0deg);
  position: absolute;
  font-size: 1.25rem;
  color: #026937;
  right: 2vw;
  top: 35%;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .archive .archive-head :after {
    right: 10vw;
  }
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .archive .archive-head {
    padding-left: 1.5rem;
    margin: 0;
  }

  .documents.doc-body .list-card-bg .archive .archive-head p {
    max-width: 75vw;
  }
}

.documents.doc-body .list-card-bg .archive .archive-head p {
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
}

.documents.doc-body .list-card-bg .archive .archive-body {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
  margin: 0rem 3rem;
}

.documents.doc-body .list-card-bg .archive .archive-body .wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.documents.doc-body .list-card-bg .archive .archive-body .date {
  font-size: 0.9375rem;
  font-weight: 400;
  padding-bottom: 0;
  font-family: "Arial", sans-serif;
  color: #464646;
}

.documents.doc-body .list-card-bg .archive .archive-body .title {
  font-size: 0.9375rem;
  font-weight: 400;
  padding-bottom: 0;
  font-family: "Quicksand", sans-serif;
  color: #464646;
}

.documents.doc-body .list-card-bg .archive .archive-body .lead {
  font-size: 0.9375rem;
  line-height: 22px;
  font-family: "Quicksand", sans-serif;
}

.documents.doc-body .list-card-bg .archive .archive-body .doc-name {
  font-size: 0.875rem;
  line-height: 24px;
  font-family: "Quicksand", sans-serif;
}

.documents.doc-body
  .list-card-bg
  .archive
  .archive-body
  .field:nth-child(even) {
  background-color: #ffffff;
}

.documents.doc-body .list-card-bg .archive .archive-body .field:nth-child(odd) {
  background-color: #ffffff;
}

.documents.doc-body .list-card-bg .archive .archive-body .field {
  border-bottom: 1px solid #dfe2df;
  padding: 1rem 0rem;
}

@media (max-width: 1023.98px) {
  .documents.doc-body .list-card-bg .archive .archive-body {
    margin: 0 1rem;
  }
}

.documents.doc-body .list-card-bg .archive.active .archive-head {
  background-color: #026937;
  color: #ffffff;
}

.documents.doc-body .list-card-bg .archive.active .archive-head ::after {
  transform: rotate(180deg);
  color: #ffffff;
}

.documents.tabs {
  border-bottom: 1px solid #dbe1d9;
  background-color: #ffffff;
}

.documents.tabs .doc-tab-div {
  justify-content: center;
  flex-wrap: nowrap;
  overflow-x: auto;
}

@media (max-width: 1023.98px) {
  .documents.tabs .doc-tab-div {
    justify-content: start;
  }
}

.documents.tabs .doc-tab-div .doc-tab {
  font-size: 1.125rem;
  padding: 1.5vw 2.5vw;
  cursor: pointer;
  white-space: nowrap;
}

.documents.tabs .doc-tab-div .doc-tab.active {
  font-weight: bolder;
  border-bottom: 3px solid #026937;
}

@media (max-width: 767.98px) {
  .documents.tabs .doc-tab-div .doc-tab {
    padding: 1rem;
  }
}

.documents.tabs .doc-tab-div .short-div {
  margin-left: auto;
  margin-right: auto;
}

.documents.tabs .doc-tab-div .short-div .doc-tab.short {
  padding: 1rem 3rem;
}

.documents.tabs .doc-tab-div::-webkit-scrollbar {
  display: none;
}

.documents .doc-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 3s;
}

.documents .doc-tab-content.active {
  display: block;
  opacity: 1;
}

.calculator {
  background-color: #ffffff;
  padding-top: 60px;
  padding-bottom: 30px;
}

.calculator .calc-header-div {
  border-bottom: 1px solid #dbe1d9;
}

.calculator h2 {
  font-weight: 500;
  font-family: "Quicksand", sans-serif;
  font-size: 36px;
}

@media (max-width: 1023.98px) {
  .calculator h2 {
    font-size: 26px;
  }
}

.calculator h4 {
  font-weight: 600;
}

@media (max-width: 1023.98px) {
  .calculator h4 {
    font-size: 18px;
  }
}

@media (max-width: 1023.98px) {
  .calculator .col {
    flex-basis: unset;
  }
}

.calculator p {
  font-family: "Quicksand", sans-serif;
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 1023.98px) {
  .calculator p {
    font-size: 12px;
  }
}

.calculator .selected-text {
  font-weight: 400;
}

.calculator #return-name {
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1023.98px) {
  .calculator #return-name {
    font-size: 18px;
  }
}

@media (max-width: 1023.98px) {
  .calculator #return-text {
    font-size: 14px;
    font-weight: 600;
  }
}

.calculator #return-date span {
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.calculator #return-rate {
  height: 100%;
}

.calculator #return-rate b {
  width: 100%;
  margin-right: 30px;
}

.calculator #return-rate i {
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  font-size: 24px;
  position: absolute;
  bottom: 15px;
  right: 0px;
}

@media (max-width: 1023.98px) {
  .calculator #return-rate {
    font-size: 48px;
    font-weight: 700px;
  }
}

.calculator #selectBtn {
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
}

.calculator .home-asset-selector {
  background-color: #026937;
  padding: 30px;
  position: relative;
}

.calculator .home-asset-selector .multiselect-label {
  color: #dbe1d9;
  pointer-events: none;
}

.calculator .home-asset-selector button.multiselect.btn-light.dropdown-toggle {
  color: #dbe1d9;
}

.calculator
  .home-asset-selector
  button.multiselect.btn-light.dropdown-toggle:hover,
.calculator
  .home-asset-selector
  button.multiselect.btn-light.dropdown-toggle:active,
.calculator
  .home-asset-selector
  button.multiselect.btn-light.dropdown-toggle:focus {
  border-color: white;
}

@media (max-width: 1023.98px) {
  .calculator .home-asset-selector {
    padding: 14px 6px;
  }

  .calculator .home-asset-selector .col {
    max-width: 48%;
  }

  .calculator .home-asset-selector .col .btn-primary {
    margin-top: 15px;
  }
}

@media (max-width: 767.98px) {
  .calculator .home-asset-selector .col {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .calculator .calculator-filter {
    display: none;
    background-color: #f1f1f1;
    margin-top: -1rem;
  }
}

.calculator .calculator-filter .xs-5 {
  max-width: 25px;
  line-height: 46px;
  text-align: center;
}

.calculator .calculator-filter .col {
  min-height: 90px;
}

.calculator .calculator-filter .multiselect-label {
  color: #464646;
}

@media (max-width: 1023.98px) {
  .calculator .calculator-filter {
    position: relative;
  }

  .calculator .calculator-filter .multiselect-label {
    margin-top: -18px;
  }

  .calculator .calculator-filter .xs-45 {
    max-width: 47%;
  }

  .calculator .calculator-filter .xs-5 {
    max-width: 6%;
    line-height: 40px;
  }

  .calculator .calculator-filter .col {
    min-height: 80px;
  }
}

@media (max-width: 767.98px) {
  .calculator .calculator-filter .xs-topright {
    position: absolute;
    top: 47px;
    right: 0;
    display: inline-block;
    max-width: 143px;
  }
}

@media (max-width: 359.98px) {
  .calculator .calculator-filter .xs-topright {
    position: relative;
    top: unset;
  }

  .calculator .calculator-filter .xs-45 {
    max-width: 50%;
    padding-right: 0px;
  }

  .calculator .calculator-filter .xs-5 {
    max-width: 2%;
    line-height: 40px;
    display: none;
  }
}

.calculator .calculator-filter-toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .calculator .calculator-filter-toggle {
    display: inline-block;
    width: 70%;
  }
}

.calculator .calculator-filter-toggle a {
  color: #026937;
  font-size: 18px;
  font-weight: bold;
}

.calculator .calculator-filter-toggle a i.fa {
  display: inline-block;
  transform: rotate(180deg);
}

.calculator .close-asset {
  color: #a9a9a9;
  border-right: 1px solid #e8e8e8;
  font-size: 18px;
  padding: 10px 20px;
  cursor: pointer;
}

.calculator .btn-primary {
  background-color: #01563f;
}

.calculator .btn-primary.disable:hover {
  background-color: #01563f !important;
  border-color: #01563f !important;
  box-shadow: none !important;
  cursor: default;
}

.apexcharts-tooltip {
  background: #f1f3f1;
  color: #464646;
  border-radius: 0;
  box-shadow: 0 29px 29px 0 rgba(210, 210, 210, 0.6) !important;
  top: 20px !important;
  border: 0 !important;
  font-weight: 600;
  line-height: 40px;
  min-width: 200px;
}

.apexcharts-tooltip div {
  padding: 0px 10px;
  border: 0 !important;
  max-height: 43px;
}

.apexcharts-tooltip span {
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: -10px;
}

.chart-container {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 30px;
}

.chart-wrapper {
  height: 60vh;
}

@media (max-width: 767.98px) {
  .chart-wrapper {
    width: 150vw;
    height: 40vh;
  }
}

#return-rate b {
  white-space: nowrap;
}

#infoModal .modal-content {
  padding: 2rem;
  align-items: center;
}

@media (max-width: 767.98px) {
  #infoModal .modal-content {
    padding: 0;
    margin: 0.5rem;
  }
}

#infoModal .modal-content .modal-header {
  border-bottom: none;
}

#infoModal .modal-content .modal-header .modal-title {
  color: #016937;
  font-size: 20px;
  font-style: "Quicksand", sans-serif;
  text-align: left;
  margin: auto;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  #infoModal .modal-content .modal-header .modal-title {
    font-size: 18px;
  }
}

#infoModal .modal-content .modal-header .info {
  margin-right: 1rem;
  cursor: none;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  font-weight: 900;
  font-size: 26px;
}

@media (max-width: 767.98px) {
  #infoModal .modal-content .modal-header .info {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}

#infoModal .modal-content .modal-body {
  color: #464646;
  font-family: "Arial", san-serif !important;
  font-size: 16px;
  font-weight: medium;
}

#infoModal .modal-content .modal-body p {
  font-size: 16px;
}

@media (max-width: 1023.98px) {
  #infoModal .modal-content .modal-body p {
    font-size: 15px;
  }
}

#infoModal .modal-content .modal-footer {
  border-top: none;
}

#infoModal .modal-content .modal-footer a {
  color: #e14302;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
  font-size: 15px;
}

#infoModal .modal-content .modal-footer a:hover {
  color: #c73a02;
}

#cookieModal .modal-dialog {
  max-width: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}

#cookieModal .modal-dialog .modal-content {
  background: #026937;
  color: #ffffff;
  border-radius: 0;
  padding: 2rem;
}

@media (max-width: 767.98px) {
  #cookieModal .modal-dialog .modal-content {
    padding: 0;
  }
}

#cookieModal .modal-dialog .modal-content .cookie-text-title {
  font-family: "Quicksand", san-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

#cookieModal .modal-dialog .modal-content .cookie-text-desc {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Arial", san-serif;
  font-size: 16px;
  line-height: 26px;
}

#cookieModal .modal-dialog .modal-content .cookie-text-desc a {
  color: white;
  text-decoration: underline;
}

#cookieModal .modal-dialog .modal-content .cookie-text-desc a:hover {
  color: rgba(255, 255, 255, 0.7);
}

#cookieModal .modal-dialog .modal-content .buttons {
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}

#cookieModal .modal-dialog .modal-content .buttons .btn {
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #026937;
}

#cookieModal .modal-dialog .modal-content .buttons .btn:hover {
  background-color: #e14302;
  border-color: #e14302;
  color: #ffffff;
}

#cookieModal .modal-dialog .modal-content .buttons .save {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 700;
  font-family: "Arial", sans-serif;
  font-size: 15px;
  padding: 13px 35px;
  text-align: center;
  vertical-align: middle;
  margin-top: 0.5rem;
}

#cookieModal .modal-dialog .modal-content .buttons .save:hover {
  color: rgba(255, 255, 255, 0.7);
}

#cookieModal .modal-dialog .modal-content .buttons .btn-secondary {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

#cookieModal .modal-dialog .modal-content .form-check {
  padding-top: 0.5rem;
  padding-left: 0;
}

#cookieModal .modal-dialog .modal-content .form-check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  visibility: hidden;
  margin-top: 0;
}

#cookieModal
  .modal-dialog
  .modal-content
  .form-check
  input[type="checkbox"]
  + label::before {
  content: " ";
  border-radius: 5px;
  display: inline-block;
  visibility: visible;
  height: 20px;
  width: 20px;
  background-color: #01563f;
  color: #01563f;
  border: 1px solid #ffffff;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: bolder;
  line-height: 20px;
  text-align: center;
  margin-top: 0.2rem;
  vertical-align: text-bottom;
  margin-right: 1rem;
}

#cookieModal
  .modal-dialog
  .modal-content
  .form-check
  input[type="checkbox"]:checked
  + label::before {
  content: "\F00C";
  font-weight: bold;
  background-color: #ffffff;
}

#cookieModal
  .modal-dialog
  .modal-content
  .form-check
  .form-check-input:disabled
  ~ .form-check-label {
  color: #ffffff;
}

#cookieModal .modal-dialog .modal-content .form-check .form-check-label {
  cursor: pointer;
  font-family: "Arial", sans-serif;
}

/*!
 * Datepicker v1.0.9
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-09-21T06:57:30.334Z
 */

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 225px;
  z-index: -1;
}

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px #ccc;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}

.datepicker-panel {
  padding: 6px;
}

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table;
}

.datepicker-panel > ul::after {
  clear: both;
}

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
  padding-top: 8px;
}

.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff;
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff;
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce5ff;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff;
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 22px;
  line-height: 0.8em;
  color: #e14302;
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
  font-size: 16px;
  color: #026937;
  font-weight: 700;
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 38px;
  width: 52.5px;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default;
  font-weight: 700;
}

.datepicker-hide {
  display: none;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}

.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Custom styles */
header {
  overflow: unset;
}

.main-item.plus-item {
  display: none;
}

button.search {
  top: 0;
  position: absolute;
  right: 0;
  background: #f8f9f8;
}

#selectBtn {
  opacity: 0.5;
}

.opacity-1 {
  opacity: 1 !important;
}

.transform-0 {
  transform: rotate(0deg);
}

.w-100 {
  width: 100%;
}

.min-w-100 {
  min-width: 100%;
}

.type-export-text {
  pointer-events: none;
}

.calculator-filter-bg {
  background-color: #f1f1f1;
}

.currency-column {
  max-width: 170px;
}

/* For calculator filters */
.calculator-filter-visible {
  display: block;
}
.calculator-filter-bg {
  background-color: rgb(241, 241, 241);
}

/* For more wrappers */
.more-wrapper-collapsed {
  height: 0;
}
.more-wrapper-expanded {
  height: auto;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.p-l-0 {
  padding-left: 0px;
}

.overflow-visible {
  overflow: visible;
}

.overflow-auto {
  overflow: auto;
}

#investmentsChart {
  max-width: 100vw !important;
}