header {
    position: relative
}

header .lm-mega-menu {
    box-shadow: inset 0px 4px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 4px -2px rgba(0, 0, 0, 0.1)
}

header>.ctnr {
    justify-content: space-between;
    height: 84px;
    width: 100%;
    overflow: hidden
}

header .logo {
    background: var(--white);
    justify-content: center;
    align-items: center;
    padding-left: 33px;
    padding-right: 10px;
    position: relative;
    z-index: 10
}

@media (max-width: 1230px) {
    header .logo {
        width:100%;
        padding-left: 0px;
        padding-right: 0px
    }
}

header .logo img {
    width: auto;
    height: 50px
}

body.no-scroll {
    overflow: hidden
}

header .navigation {
    background: var(--primary-400);
    width: 100%;
    padding-right: 33px;
    justify-content: flex-end;
    align-items: center
}

@media (max-width: 1230px) {
    header .navigation {
        position:absolute;
        top: 100%;
        height: calc(100vh - 84px);
        z-index: 99;
        padding-right: 0px;
        align-items: flex-start
    }
}

header .navigation>.vector>img {
    height: 90px
}

@media (max-width: 1230px) {
    header .navigation>.vector {
        position:absolute;
        bottom: 0;
        right: 0;
        transform: rotate(270deg)
    }
}

header .navigation nav {
    justify-content: space-between;
    width: 100%;
    padding-left: 95px
}

@media (max-width: 1230px) {
    header .navigation nav {
        flex-direction:column;
        padding-left: 0px;
        height: 100%
    }
}

header .burger {
    display: none;
    min-width: 100px;
    height: 100%;
    background: var(--primary-400)
}

@media (max-width: 1230px) {
    header .burger {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

header .burger #open {
    width: 45px;
    height: 100%;
    display: flex;
    align-items: center
}

header .burger #open img {
    cursor: pointer
}

@media (max-width: 1230px) {
    #lm-main-menu {
        transform:translateX(-100%);
        transition: transform 500ms;
        pointer-events: none
    }
}

@media (max-width: 1230px) {
    #lm-main-menu.show {
        transform:translateX(0);
        pointer-events: auto
    }
}

ul#menu-menu-principal {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

@media (max-width: 1230px) {
    ul#menu-menu-principal {
        position:initial
    }
}

header .navigation .main-menu,header .main-menu>.items {
    align-items: center;
    justify-content: center;
    padding-right: 32px
}

@media (max-width: 1230px) {
    header .navigation .main-menu,header .main-menu>.items {
        flex-direction:column;
        align-items: flex-start
    }
}

@media (max-width: 1230px) {
    header .navigation .main-menu>.items {
        padding:40px 0 0 20px
    }
}

header .navigation .main-menu>.items>li.menu-item {
    margin-right: 30px;
    transition: 500ms;
    white-space: nowrap
}

header .navigation .main-menu>.items>li.menu-item a {
    text-decoration: unset;
}

header .navigation .main-menu>.items>li.menu-item a:not(.lm_button) {
    cursor: pointer;
    color: var(--white);
    font-weight: 600
}

@media (max-width: 1230px) {
    header .navigation .main-menu>.items>li.menu-item {
        padding-bottom:var(--gap2);
        width: 100%;
        margin-right: 0px
    }
}

header .navigation .main-menu>ul.items>li.menu-item:hover a:not(.lm_button) {
    color: var(--secondary-400)
}

header .navigation .main-menu li.menu-item a:not(.lm_button) {
    color: var(--white);
    transition: 0.5s
}

@media (max-width: 1230px) {
    header .navigation .main-menu li.menu-item a:not(.lm_button) {
        text-transform:uppercase;
        line-height: 120%;
        font-size: 24px
    }
}

header .navigation .main-menu li:last-child {
    margin-right: 0px
}

#menu-item-536,#menu-item-537,#menu-item-538 {
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    line-height: 1;
}

#menu-item-536:after,
#menu-item-536:before,#menu-item-537:after,
#menu-item-537:before,
#menu-item-538:after,#menu-item-538:before {
    content: "";
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    background-position: center
}

#menu-item-536:after,
#menu-item-537:after,#menu-item-538:after {
    background: url("/wp-content/uploads/2023/08/nav-arrow-down.svg");
    opacity: 1
}

@media (max-width: 1230px) {
    #menu-item-536:after,#menu-item-537:after,#menu-item-538:after {
        transform:rotate(-90deg)
    }
}

#menu-item-536:before,
#menu-item-537:before,
#menu-item-538:before {
    background: url("/wp-content/uploads/2023/08/nav-arrow-up.svg");
    opacity: 0
}

#menu-item-536.open:before,
#menu-item-537.open:before,
#menu-item-538.open:before {
    opacity: 1
}

#menu-item-536.open:after,
#menu-item-537.open:after,
#menu-item-538.open:after {
    opacity: 0
}

@media (max-width: 1230px) {
    #menu-item-536,
    #menu-item-537,
    #menu-item-538 {
        padding-right:0px
    }
}

.lm-mega-menu>.ctnr {
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 8%;
    row-gap: var(--gap3)
}

.lm-mega-menu .ctnr>.menu {
    width: 100%;
    padding-left: 56px;
    width: 100%;
    max-width: 940px
}

#mega-menu-538.lm-mega-menu .row {
    flex-direction: row;
    flex-wrap: nowrap
}

@media (max-width: 1230px) {
    #mega-menu-538.lm-mega-menu .row {
        flex-direction:column
    }
}

.lm-mega-menu .row:first-child {
    justify-content: space-between;
    column-gap: 100px;
    flex-wrap: wrap
}

@media (max-width: 1230px) {
    .lm-mega-menu .row:first-child {
        row-gap:32px
    }
}

.lm-mega-menu .row:first-child .actions {
    flex: 1
}

.lm-mega-menu .row:last-child {
    width: 100%
}

.lm-mega-menu>.ctnr>.menu>.row:first-child {
    margin-bottom: var(--gap3)
}

.lm-mega-menu .row>.title {
    color: var(--primary-400);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

#mega-menu-538.lm-mega-menu .row>.column>.title {
    margin-bottom: var(--gap2)
}

.lm-mega-menu .row>.column .see-all {
    color: var(--primary-400);
    font-weight: 600;
    line-height: 150%;
    text-decoration-line: underline
}

.lm-mega-menu {
    width: 100%;
    height: auto;
    background: var(--white);
    padding: 48px 0px var(--gap3);
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0px;
    right: 0px;
    display: block;
    overflow: hidden;
}

.lm-mega-menu>.ctnr>.menu li {
    display: flex;
    color: var(--primary-400);
    line-height: 150%;
    padding: 8px 0px;
    font-weight: 400
}

@media (max-width: 1230px) {
    .lm-mega-menu>.ctnr>.menu li {
        padding:12px 0px;
        margin-bottom: 8px;
        color: var(--white)
    }
}

.lm-mega-menu>.ctnr>.menu li a {
    color: var(--primary-400);
    text-decoration: unset;
}

@media (max-width: 1230px) {
    .lm-mega-menu>.ctnr>.menu li a {
        color:var(--white)
    }
}

.lm-mega-menu .title h2 {
    color: var(--tertiary-500);
    font-size: 33.595px;
    font-weight: 800;
    line-height: 120%;
    text-transform: uppercase;
    width: 250px;
    max-width: 100%;
    white-space: wrap
}

.lm-mega-menu .link {
    position: relative;
    width: auto;
    height: auto;
    max-width: 400px;
    box-sizing: border-box
}

.lm-mega-menu .link>a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999
}

.lm-mega-menu .link>.cover {
    object-fit: cover;
    object-position: center;
    z-index: 0;
    width: 400px;
    height: 210px
}

@media (max-width: 1230px) {
    .lm-mega-menu .link>.cover {
        width:100%;
        height: auto
    }
}

.lm-mega-menu .link .vector {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: auto;
    max-height: 60%;
    max-width: 30%
}

.lm-mega-menu .link>.vector1 {
    right: 0px;
    transform: rotate(90deg)
}

.lm-mega-menu .link>.vector2 {
    left: 0px
}

.lm-mega-menu .link .cta {
    position: absolute;
    background: var(--primary-400);
    color: #FFF;
    padding: 5px 8px;
    bottom: 12px;
    left: 12px;
    z-index: 2;
    font-weight: 700
}

.lm-mega-menu .link .cta img {
    width: 15px;
    height: auto
}

.lm-mega-menu .row>.column {
    display: flex;
    flex-direction: column
}

.lm-mega-menu .row:first-child>.column {
    justify-content: flex-start;
    align-items: flex-start
}

.lm-mega-menu .row:last-child>.column {
    width: 100%
}

.lm-mega-menu .row .column>.menu {
    margin-top: var(--gap05)
}

@media (max-width: 1230px) {
    .lm-mega-menu .row .column>.menu {
        margin-left:10px
    }
}

.lm-mega-menu .row .column>.title {
    color: var(--primary-400);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: var(--gap05);
    border-bottom: 1px solid #B2BDE9;
    width: 100%
}

#menu-nos-actions {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    max-height: 120px;
    padding: 0;
    list-style-type: none;
    column-gap: var(--gap2);
    -moz-column-gap: var(--gap2);
    -webkit-column-gap: var(--gap2)
}

@media (max-width: 1230px) {
    #menu-nos-actions {
        max-height:unset
    }
}

.two-columns li {
    break-inside: avoid-column
}

.lm-mega-menu .row .column .text {
    max-width: 100%;
    width: 400px;
    color: var(--primary-400);
    line-height: 150%
}

@media (max-width: 1230px) {
    .lm-mega-menu .row .column .text {
        color:var(--white)
    }
}

.lm-mega-menu .row .column .cnt {
    align-items: flex-end;
    width: 100%;
    padding-top: var(--gap1);
    column-gap: 75px;
    row-gap: var(--gap2);
    flex-wrap: wrap
}

.lm-mega-menu .row .column .text p {
    white-space: break-spaces
}

.lm-mega-menu .row .column .text .lm_button {
    color: var(--primary-400)
}

@media (max-width: 1230px) {
    .lm-mega-menu .row .column .lm_button {
        color:var(--white);
        border-color: var(--white)
    }
}

@media (max-width: 1230px) {
    #menu-menu-principal {
        width:100%
    }
}

#mega-menu-537 a.special {
    color: var(--primary-400);
    font-weight: 600;
    line-height: 150%;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--gap1)
}

@media (max-width: 1230px) {
    #mega-menu-537 a.special {
        color:var(--white)
    }
}

#mega-menu-537 a.special img {
    padding-left: var(--gap1)
}

@media (max-width: 1230px) {
    #mega-menu-537 .menu>.row {
        flex-direction:column
    }
}

@media (max-width: 1230px) {
    .lm-mega-menu .row .column>.title {
        color:var(--secondary-400);
        border-bottom: unset;
        font-size: 18px
    }
}

.lm-mega-menu {
    opacity: 0;
    transition: opacity 500ms;
    pointer-events: none
}

@media (max-width: 1230px) {
    .lm-mega-menu {
        position:fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        will-change: transform;
        transform: translateX(100%);
        opacity: 1;
        transition: transform 0.5s;
        background: var(--primary-400)
    }
}

@media (max-width: 1230px) {
    .lm-mega-menu .title h2 {
        font-size:24px;
        color: var(--white)
    }
}

@media (max-width: 1230px) {
    .lm-mega-menu>.ctnr>.menu li {
        color:var(--white)
    }
}

.lm-mega-menu.show {
    opacity: 1;
    pointer-events: auto
}

@media (max-width: 1230px) {
    .lm-mega-menu.show {
        transform:translateX(0);
        height: 100vh;
        overflow: auto
    }
}

@media (max-width: 1230px) {
    .lm-mega-menu>.ctnr {
        flex-direction:column;
        padding-left: 20px;
        row-gap: 0px
    }
}

@media (max-width: 1230px) {
    .lm-mega-menu .ctnr>.menu {
        flex-direction:column;
        padding-left: 0
    }
}

header .cta {
    display: flex;
    align-items: center
}

@media (max-width: 1230px) {
    header .cta {
        align-self:center;
        padding-bottom: 80px
    }
}

header .cta img {
    margin-left: 5px
}

header .cta>.lm_button {
    z-index: 9999;
    text-decoration: unset;
}

header .back {
    color: var(--white);
    margin-bottom: var(--gap2);
    cursor: pointer
}

@media (min-width: 1231px) {
    header .back {
        display:none
    }
}

header .back .text {
    text-decoration: underline
}

header .back>.ctnr {
    display: flex;
    justify-content: flex-start
}

header .back .text {
    font-weight: 600
}

header .back img {
    margin-right: var(--gap1)
}

header .lm-card.event.past img {
    display: block;
    width: 100%;
    height: 313px
}

header .agenda .ctnr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1000%;
    align-items: start;
}

@media (max-width: 1230px) {
    header .agenda .ctnr {
        gap: var(--gap3)
    }
}