.o5 {
    opacity: 0.5;
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}

.o5:hover {
    opacity: 1;
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}

.flag {
    margin-right: 5px;
}

.active {
    color: #fc4f4f !important;
    font-weight: 600 !important;
}

.bg-dark-2 {
    background: #212121;

}
/*--
.stripes2 {
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateY(80%) skewY(-7deg);
    transform-origin: 0;
    background: #fc4f4f;
    z-index: 4;
}
.stripes3 {
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateY(-75%) skewY(7deg);
    transform-origin: 0;
    background: #fc4f4f;
    z-index: 0;
}
.stripes4 {
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateY(-75%) skewY(7deg);
    transform-origin: 0;
    background: #171717;
    z-index: 0;
}
.stripes5 {
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateY(63%) skewY(-7deg);
    transform-origin: 0;
    background: #fc4f4f;
    z-index: 4;
}--*/
nav.fixed.scrolled {
    visibility:hidden;
}