/* =======================================================================
 * COLORS VARIABLES
 * -----------------------------------------------------------------------
 * Define all the colors used in the website. You can use
 * http://chir.ag/projects/name-that-color/ to generate human readable
 * names for each color.
 * ===================================================================== */
@font-face {
    font-family: 'Messina Bold';
    src: url("../fonts/MessinaSans-Bold.woff2") format("woff2"), url("../fonts/MessinaSans-Bold.woff") format("woff");
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Messina Regular';
    src: url("../fonts/MessinaSans-Regular.woff2") format("woff2"), url("../fonts/MessinaSans-Regular.woff") format("woff");
    font-style: normal;
    font-stretch: normal;
}

/* =======================================================================
 * BREAKPOINTS
 * -----------------------------------------------------------------------
 * Breakpoints are used for responsive design. You can define here
 * the breakpoints required for the design.
 * ===================================================================== */
/* =======================================================================
 * BASE VARIABLES
 * -----------------------------------------------------------------------
 *
 * ===================================================================== */
.sub-menu {
    margin-bottom: 150px;
}

.sub-menu > ul > li a {
    text-decoration: none;
    font-family: Arial, helvetica, sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-weight: bold;
    font-size: 26px;
    color: #404041;
}

.sub-menu > ul > li a:hover, .sub-menu > ul > li a.active {
    color: #808284;
}

.sub-menu > ul > li a sup {
    line-height: 0;
    position: relative;
    top: 6px;
    font-size: 26px;
}

.sub-menu-offer {
    margin-bottom: 15px;
}

.sub-menu-offer .offers {
    display: flex;
    justify-content: space-between;
}

.sub-menu-offer .offers .offer-circle {
    width: 85px;
    height: 85px;
    margin: 0 0 8px;
    font-size: 10px;
    padding: 0 3px;
}

.sub-menu-folio {
    margin-bottom: 0;
}

.sub-menu-folio > ul > li {
    line-height: 1.1;
}

.sub-menu-folio > ul > li a {
    font-size: 15px;
}

.sub-menu-folio > ul > li a:hover, .sub-menu-folio > ul > li a.active {
    color: #dd162b;
}

/*# sourceMappingURL=module.sub-menu.css.map */