:root{
    --header-height:50px;
    --red-lighten:hsl(220, 68%, 97%);
    --normal-font-size:.938rem;
    --small-font-size:.813rem;
    --smaller-font-size:.75rem;
    --z-tooltip:10;
    --z-fixed:100
}
@media screen and (min-width:1024px){
    :root{
        --normal-font-size:1rem;
        --small-font-size:.875rem;
        --smaller-font-size:.813rem
    }
}
.container{
    max-width:1460px;
    padding:0 24px;
	margin: 5px 0px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child>a.mega-menu-link,#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link{
    font-family:var(--fontBold);
}
.navSocial{
    font-family:var(--fontBold)
}
.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    z-index:var(--z-fixed);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.nav{
    height:var(--header-height)
}
.nav__menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.nav__menu .button{
    margin:0 0 0 20px
}
.nav__data{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.nav__logo{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-column-gap:.25rem;
    -moz-column-gap:.25rem;
    column-gap:.25rem;
    color:var(--red);
    font-family:var(--fontBold);
    -webkit-transition:color .3s;
    transition:color .3s
}
.nav__logo i{
    font-size:1.25rem
}
.nav__logo:hover{
    color:var(--red)
}
.nav__toggle{
    position:relative;
    width:32px;
    height:32px
}
.nav__toggle-close,.nav__toggle-menu{
    position:absolute;
    display:grid;
    place-items:center;
    inset:0;
    cursor:pointer;
    -webkit-transition:opacity .1s,-webkit-transform .4s;
    transition:opacity .1s,-webkit-transform .4s;
    transition:opacity .1s,transform .4s;
    transition:opacity .1s,transform .4s,-webkit-transform .4s
}
.nav__toggle-close{
    opacity:0;
    left:5px;
    top:5px
}
@media screen and (max-width:1118px){
    .nav__menu{
        background-color:#fff;
        position:absolute;
        left:0;
        top:2.5rem;
        width:100%;
        height:calc(100vh - 3.5rem);
        overflow:auto;
        padding-block:1.5rem 4rem;
        pointer-events:none;
        opacity:0;
        -webkit-transition:top .4s,opacity .3s;
        transition:top .4s,opacity .3s;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .nav__menu ul{
        width:100%;
        overflow:auto
    }
    .nav__menu .button{
        margin-top:20px
    }
    .nav__menu::-webkit-scrollbar{
        width:.5rem
    }
    .nav__menu::-webkit-scrollbar-thumb{
        background-color:#a9afbc
    }
}
.nav__link{
    color:var(--red);
    font-family:var(--fontBold);
    padding:1.25rem 1.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:background-color .3s;
    transition:background-color .3s
}
.nav__link:hover{
    background-color:var(--red-lighten)
}
.show-menu{
    opacity:1;
    top:3.5rem;
    pointer-events:initial
}
.show-icon .nav__toggle-menu{
    opacity:0;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.show-icon .nav__toggle-close{
    opacity:1;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.dropdown__button{
    cursor:pointer
}
.dropdown__arrow{
    font-size:1.5rem;
    font-weight:initial;
    -webkit-transition:-webkit-transform .4s;
    transition:-webkit-transform .4s;
    transition:transform .4s;
    transition:transform .4s,-webkit-transform .4s
}
.dropdown__content,.dropdown__group,.dropdown__list{
    display:grid
}
.dropdown__container{
    background-color:var(--red-lighten);
    height:0;
    overflow:hidden;
    -webkit-transition:height .4s;
    transition:height .4s
}
.dropdown__content{
    row-gap:1.75rem
}
.dropdown__group{
    padding-left:2.5rem;
    row-gap:.5rem
}
.dropdown__group:first-child{
    margin-top:1.25rem
}
.dropdown__group:last-child{
    margin-bottom:1.25rem
}
.dropdown__icon i{
    font-size:1.25rem;
    color:var(--red)
}
.dropdown__title{
    font-size:var(--small-font-size);
    font-family:var(--fontBold);
    color:var(--red)
}
.dropdown__list{
    row-gap:.25rem
}
.dropdown__link{
    font-size:var(--smaller-font-size);
    font-family:var(--fontBold);
    color:var(--red);
    -webkit-transition:color .3s;
    transition:color .3s
}
.dropdown__link:hover{
    color:var(--red)
}
.show-dropdown .dropdown__arrow{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
@media screen and (max-width:300px){
    .dropdown__group{
        padding-left:1.5rem
    }
}
@media screen and (min-width:1118px){
    .nav{
        height:var(--header-height);
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .nav__toggle{
        display:none
    }
    .nav__list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-column-gap:3rem;
        -moz-column-gap:3rem;
        column-gap:3rem;
        height:100%
    }
    .nav li{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        font-size:15px
    }
    .nav__link{
        padding:0
    }
    .nav__link:hover{
        background-color:initial
    }
    .dropdown__button{
        -webkit-column-gap:.25rem;
        -moz-column-gap:.25rem;
        column-gap:.25rem;
        pointer-events:none
    }
    .dropdown__container{
        height:-webkit-max-content;
        height:-moz-max-content;
        height:max-content;
        position:absolute;
        left:0;
        right:0;
        top:6.5rem;
        background-color:#fff;
        -webkit-box-shadow:0 6px 8px rgba(10,24,51,.05);
        box-shadow:0 6px 8px rgba(10,24,51,.05);
        pointer-events:none;
        opacity:0;
        -webkit-transition:top .4s,opacity .3s;
        transition:top .4s,opacity .3s
    }
    .dropdown__content{
        grid-template-columns:repeat(4,-webkit-max-content);
        grid-template-columns:repeat(4,max-content);
        -webkit-column-gap:6rem;
        -moz-column-gap:6rem;
        column-gap:6rem;
        max-width:1120px;
        margin-inline:auto
    }
    .dropdown__group{
        padding:0 0 2rem;
        -ms-flex-line-pack:baseline;
        align-content:baseline;
        row-gap:1.25rem
    }
    .dropdown__group:first-child,.dropdown__group:last-child{
        margin:0
    }
    .dropdown__list{
        row-gap:.75rem
    }
    .dropdown__title{
        font-size:var(--normal-font-size)
    }
    .dropdown__link{
        font-size:var(--small-font-size)
    }
    .dropdown__link:hover{
        color:var(--red)
    }
    .dropdown__item{
        cursor:pointer
    }
    .dropdown__item:hover .nav__link.dropdown__button{
        color:var(--red)
    }
    .dropdown__item:hover .dropdown__arrow{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .dropdown__item:hover>.dropdown__container{
        top:5.5rem;
        opacity:1;
        pointer-events:initial;
        cursor:initial
    }
}
@media screen and (min-width:1152px){
    .container{
        margin-inline:auto
    }
}
