.primary-color {
    color: #cf1a1a;
}

.primary-bg-color, .primary-bg-color-hover {
    background-color: #cf1a1a;
    color: #ffffff;
}

.primary-bg-color-hover:hover {
    background-color: #ba1717;
}

.primary-bg-color * {
    color: #ffffff;
}

.primary-bg-color a {
    color: #ffffff;
    text-decoration: underline;
}

.primary-border-top {
    border-top-color: #cf1a1a;
    border-top-style: solid;
    border-top-width: 6px;
}

.primary-border-bottom {
    border-bottom: 6px solid #cf1a1a;
}

.slick-dots .slick-active button, .slick-dots button:focus, .slick-dots button:active {
    background-color: #cf1a1a;
}

@media only screen and (min-width: 1440px) {
    .primary-border-header {
        border-top: 38px solid #cf1a1a;
    }

    body.has-translation-menu .primary-border-header {
      margin-top: -38px;
    }
}

.secondary-color {
    color: #cf1a1a;
}

.secondary-bg-color * {
    color: #333333;
}

.secondary-bg-color a {
    color: #333333;
    text-decoration: underline;
}

.secondary-bg-color, .secondary-bg-color-hover {
    background-color: #cf1a1a;
    color: #333333;
}

.secondary-bg-color-hover:hover {
    background-color: #ba1717;
    color: inherit;
}

.tertiary-color {
    color: #cf1a1a;
}

.tertiary-bg-color * {
    color: #333333;
}

.tertiary-bg-color a {
    color: #333333;
    text-decoration: underline;
}

.tertiary-bg-color, .tertiary-bg-color-hover {
    background-color: #cf1a1a;
    color: #333333;
}

.tertiary-bg-color-hover:hover {
    background-color: #ba1717;
    color: inherit;
}

.button-bg-color {
    background-color: @button_bg;
}

.button-bg-color:hover {
    background-color: ;
}

#main-menu .nice-menu li[class^='menu'] {
    background-color: #cf1a1a;
}

@media all and (max-width: 1024px) {
    #main-menu .nice-menu {
        background-color: #cf1a1a;
    }
    #main-menu .nice-menu li.menuparent ul {
        background-color: #cf1a1a;
    }
}

@media all and (min-width: 1025px) {
    #main-menu .nice-menu li[class^='menu'] {
        background-color: #FFF;
    }
    #main-menu .nice-menu li.menuparent ul:after {
        content: "";
        display: block;
        position: absolute;
        top: -5px;
        height: 5px;
        width: 100%;
        background-color: #cf1a1a;
    }
    #main-menu .nice-menu li.menuparent ul:before {
        content: "";
        display: block;
        position: relative;
        top: -15px;
        left: 50%;
        height: 0;
        width: 0;
        border-bottom: 10px solid #cf1a1a;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        transform: translateX(-50%);
    }
}