@charset "utf-8";
/* CSS Document */

.activated .main-menu__icon {
    transform: rotate(180deg);
}

.header__toggle-button {
    cursor: pointer;
    border: none;
	background-color: #fff;
    appearance: none;
}

.header__toggle-icon {
    width: 40px;
}

.header__toggle-icon div, .header__toggle-icon:after, .header__toggle-icon:before {
    display: block;
    height: 5px;
    margin: 7px 0;
    content: "";
    transition: all .4s ease-in-out;
    border-radius: 3px;
    background-color: #5e2886;
}

.header__toggle-icon--open:after {
    transform: translateY(-12px) rotate(-135deg);
}

.header__toggle-icon--open:before {
    transform: translateY(12px) rotate(135deg);
}

.header__toggle-icon--open div {
    transform: scale(0);
}

.hidemenu {
	display: none !important;
}

.main-header__nav-mobile {
    font-size: 1rem;
    line-height: 1.5rem;
}

.main-header__nav-mobile .activated .sub-menu {
    display: block;
}

.main-header__nav-mobile .menu>li>a {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500;
    position: relative;
    border-top: 1px solid #b5b1a6;
    margin: 0 1.25rem;
    padding: .625rem 0;
}

.main-header__nav-mobile .menu>li>a+.sub-menu {
    transition: all .15s;
    min-height: 100%;
}

.main-header__nav-mobile .menu>li:first-child>a {
    border-top: none;
}

.main-header__nav-mobile .menu>li.menu-item-has-children>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.main-header__nav-mobile .sub-menu {
    padding: 0;
    background: rgba(0,0,0,.08);
    padding-left: 10px;
    margin: 0 1.25rem;
    display: none;
}

.main-header__nav-mobile .sub-menu a {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500;
    position: relative;
    padding: .625rem 18px;
}

.main-header__nav-mobile .sub-menu li>a {
    border-top: 1px solid #b5b1a6;
}

.main-header__nav-mobile .sub-menu li:first-child>a {
    border-top: none;
}

.main-header__nav-mobile a {
    display: block;
}

.main-header__nav-mobile--wrapper {
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    background: #fff;
    max-width: 720px;
    margin: auto;
    right: 0;
}

.main-header__nav-mobile--wrapper div li {
    display: block;
}

.main-header__nav-mobile--wrapper.active {
    display: block;
}

.main-menu__icon {
    display: block;
    width: 24px;
    height: 24px;
    fill: #000;
    transition: fill .2s ease-in-out;
    flex-shrink: 0;
}

.ratio {
    overflow: hidden;
    position: relative;
    height: 0;
}

.ratio--navbar-logo {
    padding-top: 17.4698795181%;
    width: 50px !important;
    height: 50px;
}

.ratio--navbar-logo:last-child {
    width: 253px !important;
}

.ratio__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sf-menu, .sf-menu * {
    list-style: none outside none;
	margin: 0;
    padding: 0;
    z-index: 10;
}

.sf-menu .sfHover ul li a {
    box-shadow: none;
}

.sf-menu a {
    margin: 0 1px;
    text-decoration: none;
	position: relative;
}

.sf-menu a:hover {
    text-decoration-color: #70193c!important;
}

.sf-menu li ul {
    background-color: rgba(31,31,31,100)!important;
}

nav#top nav >ul >li >ul li:hover {
    color:#CCC!important;
    background-color:#272727!important;
}

.sf-menu li ul li a {
    background-color: transparent!important;
    font-size: 12px;
    line-height: 13px;
    transition: none;
    letter-spacing: 0;
    width: 100%;
    display: block;
    text-decoration: none;
}

.sf-menu li.sfHover ul {
    z-index: 999;
}

.sf-menu li.sfHover >ul {
    pointer-events: auto;
    opacity: 1!important;
    transform: translateY(0px) translateX(0px)!important;
}

.sf-menu >li ul {
    border-color: #eeeeee;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 20px;
    width: 200px;
}

.sf-menu >li ul li {
    padding: 6px 6px;
}

.sf-menu >li >ul {
    opacity: 0!important;
    pointer-events: none;
    transition: none;
    display: block!important;
    box-shadow: 0px 19px 35px rgba(0,0,0,0.11);
}

.sf-menu > li.sfHover > ul {
    top: 100%;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 16em;
}
.sf-menu ul li {
    font-weight: normal;
    width: 100%;
}

.sf-menu ul li a {
    margin: 0;
}

.sf-with-ul {
    cursor: pointer;
}

*:focus {
	outline:none!important;
	box-shadow: none !important;
}

body.overlayed .headerText:before {
    top: 130.33px;
}

div.main-header__nav-mobile a {
    text-decoration: none;
    color: #000;
}

div.main-header__nav-mobile ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav#top .py-2 {
    display: flex;
    gap: 8px;
}

nav#top nav ul li {
    float: right;
}

nav#top nav >ul {
	float: right;
    overflow: visible!important;
    transition: padding 0.8s ease,margin 0.25s ease;
    min-height: 1px;
    line-height: 1px;
}

nav#top nav >ul >li {
    float: left;
}

nav#top nav > ul > li > a {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    transition: color 0.2s ease;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 500;
    color: #676767!important;
    padding: 0px 10px 0px 10px;
    display: block;
}

nav#top nav >ul >li.sfHover >ul >li {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1);
}

nav#top nav > ul > li ul a {
    color: #CCCCCC!important;
}

@media (min-width: 1518px)
{
	.header__toggle-button {
		display: none;
	}
	
	.main-header__nav-mobile--wrapper.active {
		display: none;
	}
}

@media (max-width: 1517px)
{
    body.overlayed {
        overflow: hidden;
    }
    
	body.overlayed .headerText:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 9;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.75);
    }
}

@media (max-width: 980px)
{
	.hidemenu {
		display: block !important;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1517px)
{
	nav#top nav {
		background-color: #1F1F1F;
		margin-left: -250px!important;
		margin-right: -250px!important;
		padding: 0px 250px 0px 250px;
		top: 48px;
		margin-bottom: 75px;
		display: none!important;
		position: relative;
		z-index: 100000;
	}
	
	nav#top .sf-menu a {
		font-size: 14px!important;
		border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
		padding: 16px 0px 16px 0px!important;
		background-color: transparent!important;
	}
	
	nav#top nav .sf-menu li.current_page_item > a {
		color: #FFF!Important;
	}
	
	nav#top nav > ul {
		overflow: hidden!important;
		width: 100%;
		padding: 15px 0px 25px 0px!important;
		margin: 0px auto 0px auto!important;
		float: none!important;
		z-index: 100000;
		position: relative;
	}
	
	nav#top nav > ul li {
		display: block;
		width: 100%;
		float: none!important;
		margin-left: 0px!important;
	}
}