.bg {
    background-color: #25264d;
  }

.footerbg {
    background-color: #08081e;
}
.logo {
    background-origin: initial;
    max-width: 45%; 
    padding-left: 10%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-top: 2%;
    height: auto;
}
.navigation {
    padding-right: 5%;
    padding-bottom: 1%;
    padding-top: 1%;
}
.relative {
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 1) !important;
}
.extramenu {
    width: 100%;
    background-color: #152333;
    height: auto;
}

.ui.extratop.menu{
    background-color: #25264d;
  color: #DB2828 !important;
}
.extratopnews.item { 
  color: #ffffff !important;
  font-size: 90%;
}
.extratop.item{ 
  color: #ffffff !important;
  font-size: 90%;
}
.extratop.item:hover{ 
  color: #ffffff !important;
  font-size: 90%;
}
.extratopnews.item:hover{ 
  color: #ffffff !important;
  font-size: 90%;
}
p{
    color: white;
}

.ui.secondary.pointing.menu .item {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(37, 37, 161, 0.9);
    font-size: 150%;
  }
  
/* Hover */

.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
  background-color: transparent;
  color: #e33900;
  size: 150%;
}

/* Pressed */

.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
  background-color: transparent;
    color: #e33900;
}

/* Active */

.ui.secondary.pointing.menu .active.item {
  background-color: transparent;
  box-shadow: none;
  text-transform: uppercase;
  border-color: #00009d;
  font-weight: bold;
  color: #00009d;
}

/* Active Hover */

.ui.secondary.pointing.menu .active.item:hover {
    text-transform: uppercase;
    font-weight: bold;
    border-color: #e33900;
    color: #e33900;
  }

.basecontainer {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 1%;
    padding-top: 1%;
    background-image: url("img/tr1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.secocontainer {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 1%;
    padding-top: 1%;
    background-image: url("img/tr4.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.contsep {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 0.4%;
    padding-top: 0.4%;
    background-color: #ffffff;
}
.welcomepadding {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 0.4%;
}
.welcomeh3 {
    padding-top: 2%;
    font-size: 300%;
    font-weight: 300;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.welcomeh1 {
    padding-top: 0.4%;
    font-size: 450%;
    font-weight: 600;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.welcomeh3bottom {
    padding-top: 2%;
    font-size: 300%;
    font-weight: 300;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.welcomeh3bottom2 {
    padding-top: 2%;
    font-size: 300%;
    font-weight: 500;
    padding-bottom: 0;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.welcomeh3bottom3 {
    font-size: 250%;
    font-weight: 300;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.listfont {
    font-size: 196%;
    font-weight: 300;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.welcomerifstar {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Darker Grotesque', sans-serif;
    color: #00ffea;
}
.customwidth {
    padding-left: 15%;
}
a {
    color: #c2b4ff;
}
a:hover {
    color: #ff5093;
}
a:active {
    color: #d9abff;
}
.rifstarlink {
    color: #ffb64a;
    font-weight: 400;
}
.rifstarlink:hover {
    color: #ff5c10;
}
.rifstarlink:active {
    color: #ff4800;
}
.footertitle {
    font-size: 320%;
    font-weight: 400;
    font-family: 'Darker Grotesque', sans-serif;
    color: #ffffff;
}
.footerline {
    text-align: center;
}
.centerme {
    text-align: center;
}
.footerelement {
    color: #d9abff;
    font-size: 180%;
    padding-bottom: 5%;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 400;
}
.faqquestion > .title > span {
    color: #ffffff;
    font-size: 220%;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 500;
}
.faqanswer > .content > p {
    color: #fdf3ff;
    font-size: 180%;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 400;
}
.faqtitle {
    padding-top: 3%;
    color: #f5cbff;
    font-size: 300%;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 400;
}
.faqtitle > span {
    color: #e787ff;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 500;
}
.footerelement:hover {
    color: #ff5093;
}
.footerelement:active {
    color: #ff2441;
}
.langfloat {
    width: 4%;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
}

.faqtitle > span {
    color: #e787ff;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 500;
}

.selectionlangitem > .item > span {
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 150%;
    font-weight: 500;
    color: #272727;
}
.selectionlangitem > .active.item > span {
    font-weight: 600;
    color: #1d1c5e;
}
.selectionlangitem > .disabled.item > span {
    color: #6b6b6b;
    font-weight: 300;
    text-decoration: line-through;
}