.bgColor1 {
  background-color: var(--color1);
}
.bgColor2 {
  background-color: var(--color2);
}
.bgColor3 {
  background-color: var(--color3);
}
.bgColor4 {
  background-color: var(--color4);
}
.bgColor5 {
  background-color: var(--color5);
}
.bgGrey1 {
  background-color: var(--grey1);
}
.sectionColorRaaakSelect {
  color: #fff;
  background: var(--color1);
}
.sectionColorRaaakSelect .headerTag {
  color: #fff;
}
.sectionColorWhite .gridContainer {
  background: #fff;
  border-radius: var(--borderradius);
}
@media (min-width: 56em) {
  .sectionColorWhite .gridContainer {
    padding: var(--section);
  }
}
.coverSectionColor1 .coverContent {
  color: #fff;
}
.coverSectionColor1 .coverContent .coverTitle {
  color: #fff;
}
.coverSectionColor1 .coverContent .coverSubTitle {
  color: #fff;
}
.coverSectionColor1 .coverContent.positionOuterBottom {
  background-color: var(--color1);
}
.sectionColor1 .gridContainer {
  color: #fff;
  padding: var(--padding);
  background: var(--color1);
  border-radius: var(--borderradius);
}
.sectionColor1 .gridContainer .headerTag {
  color: #fff;
}
.sectionColor1 .gridContainer .blockTitle {
  color: #fff;
}
.sectionColor1 .gridContainer .subTitle {
  color: var(--color2);
}
.sectionColor1 .gridContainer a {
  color: #fff;
}
.selectorColorWhite .cssSelectorColor {
  background-color: #fff;
  color: var(--fontcolor);
}
.selectorColorWhite .cssSelectorColor a {
  color: var(--fontcolor);
}
.selectorColor1 .cssSelectorColor {
  background-color: var(--color1);
  color: #fff;
}
.selectorColor1 .cssSelectorColor .blockTitle {
  color: #fff;
}
.selectorColor1 .cssSelectorColor .subTitle {
  color: var(-color2);
}
.selectorColor1 .cssSelectorColor a {
  color: #fff;
}
.selectorColor2 .cssSelectorColor {
  background-color: var(--color2);
  color: var(--color1);
}
.selectorColor2 .cssSelectorColor .blockTitle {
  color: var(--color1);
}
.selectorColor2 .cssSelectorColor .subTitle {
  color: var(--color2);
}
.selectorColorBorder .cssSelectorColor {
  color: var(--color1);
  box-shadow: inset 0 0 0 2px var(--color1);
}
.stickybar {
  position: fixed;
  z-index: 99;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  border-radius: var(--buttonRadius);
  top: calc(var(--min-section) * 2);
  padding: 5px;
  max-width: 90vw;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  border: 1px solid var(--grey1);
  transition: all 0.5s ease-in-out;
}
@media (max-width: 56em) {
  .stickybar {
    display: none;
  }
}
.fixedTop .stickybar {
  top: calc(var(--gutter) / 2);
}
.stickybar ul {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}
.stickybar ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  border-radius: var(--buttonRadius);
  font-family: var(--basicfont);
  font-size: var(--xxs-fontsize);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s linear;
}
.stickybar ul li a:hover {
  background: var(--color1);
  color: #fff;
}
.stickybar ul li.active a {
  background: var(--color1);
  color: #fff;
}
.logoslider {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.logoslider ul {
  display: flex;
  gap: var(--section);
  padding-right: var(--section);
}
.logoslider ul li {
  width: calc(100vw / 8);
}
@media (max-width: 56em) {
  .logoslider ul li {
    width: calc(100vw / 4);
  }
}
.ticker {
  background: var(--color1);
  color: #fff;
}
.ticker div {
  width: 100%;
}
.ticker .item {
  display: flex;
  gap: var(--gutter);
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9;
  text-align: center;
  padding: 15px var(--spacer);
}
.ticker .item .title {
  font-size: var(--xxs-fontsize);
  font-weight: 500;
}
@media (max-width: 56em) {
  .ticker .item .title {
    flex: 1;
    text-align: left;
    line-height: 1.2;
  }
}
.ticker .item .symbol {
  background: var(--color2);
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  transition: all 0.2s linear;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  text-decoration: none;
}
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
@media (hover: hover) {
  .ticker .item .symbol:hover {
    background: var(--color5);
  }
}