PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/distinctdesign/codenwebz.com/website-design-3/css/
Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
IP: 162.0.232.53
Choose File :

Url:
Dir : /home/distinctdesign/codenwebz.com/website-design-3/css/awesome-menu.css

.breakdance-menu {
    --menu-background: #fff;
    --menu-max-height: calc(100vh - var(--mobile-buffer-y));
    --menu-alignment: flex-start;
    --menu-duration: var(--bde-transition-duration, .3s);
    --menu-base-font-size: .875em;
    --mobile-offset-y: calc(100% + 15px);
    --mobile-offset-x: 0;
    --mobile-offcanvas-width: 400px;
    --mobile-topbar-padding: 15px;
    --mobile-topbar-logo-width: 110px;
    --mobile-topbar-logo-order: -1;
    --mobile-topbar-close-button-size: 20px;
    --mobile-topbar-close-button-color: var(--bde-headings-color);
    --mobile-topbar-close-button-color-hover: var(--mobile-topbar-close-button-color);
    --mobile-topbar-close-button-bar-height: 2px;
    --toggle-background-color: transparent;
    --toggle-background-color-hover: var(--toggle-background-color);
    --toggle-active-background-color: var(--toggle-background-color);
    --toggle-padding: 0px;
    --toggle-radius: 0px;
    --toggle-layer-width: 32px;
    --toggle-layer-height: 4px;
    --toggle-layer-spacing: 6px;
    --toggle-layer-color: var(--bde-headings-color);
    --toggle-layer-color-hover: var(--toggle-layer-color);
    --toggle-layer-color-active: var(--toggle-layer-color);
    --toggle-layer-border-radius: 0px;
    --links-gap: 0px;
    --link-padding-top: 20px;
    --link-padding-bottom: 20px;
    --link-padding-left: 20px;
    --link-padding-right: 20px;
    --link-color: var(--bde-headings-color);
    --link-color-hover: var(--link-color);
    --link-background-color: transparent;
    --link-background-color-hover: var(--link-background-color);
    --link-alignment: space-between;
    --link-effect-thickness: 3px;
    --link-effect-color: var(--link-color);
    --link-effect-color-hover: var(--link-effect-color);
    --link-effect-radius: 0px;
    --link-color-active: var(--link-color);
    --link-background-color-active: var(--link-background-color);
    --link-arrow-display: block;
    --link-arrow-color: var(--link-color);
    --link-arrow-color-hover: var(--link-color-hover);
    --link-arrow-size: 10px;
    --link-arrow-gap: 8px;
    --link-arrow-offset-y: 0px;
    --link-arrow-close-rotation: 0deg;
    --link-arrow-open-rotation: -180deg;
    --link-arrow-rotation: var(--link-arrow-close-rotation);
    --link-border: 1px solid var(--link-border-color);
    --link-border-color: #eee;
    --dropdown-animation-duration: var(--menu-duration);
    --dropdown-caret-display: block;
    --dropdown-caret-radius: 3px;
    --dropdown-caret-size: 12px;
    --dropdown-background-color: #fff;
    --dropdown-custom-offset-y: 20px;
    --dropdown-edge-offset: 20px;
    --dropdown-border-radius: 8px;
    --dropdown-custom-width: 500px;
    --dropdown-section-padding: 30px;
    --dropdown-section-gap: var(--gap-lg);
    --dropdown-links-gap: var(--gap-sm);
    --dropdown-link-color: var(--bde-headings-color);
    --dropdown-link-icon-display: block;
    --dropdown-link-icon-size: 16px;
    --dropdown-link-icon-spacing: 10px;
    --dropdown-link-icon-alignment: center;
    --dropdown-link-description-display: block;
    --dropdown-link-description-spacing: 0px;
    --dropdown-link-icon-x: 0px;
    --dropdown-link-icon-y: 0px;
    --dropdown-link-img-opacity: 1;
    --dropdown-link-img-opacity-hover: 1;
    --dropdown-columns-stack: row;
    --dropdown-columns-gap: var(--gap-xl);
    --dropdown-column-title-spacing: 0px;
    --dropdown-sections-stack: column;
    --dropdown-section-light-background: #fff;
    --dropdown-section-dark-background: #f6f9fc;
    --gap-xl: 60px;
    --gap-lg: 30px;
    --gap-sm: 15px;
    --gap-xs: 10px;
    --gap-none: 0;
    --arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'%3E%3C/path%3E%3C/svg%3E");
    --mobile-link-padding-top: 20px;
    --mobile-link-padding-bottom: 20px;
    --mobile-link-padding-left: 20px;
    --mobile-link-padding-right: 20px;
    --mobile-link-level-2-padding-top: 12px;
    --mobile-link-level-2-padding-bottom: 12px;
    --mobile-link-level-2-padding-left: 25px;
    --mobile-link-level-2-padding-right: 20px;
    --mobile-link-level-3-padding-top: 12px;
    --mobile-link-level-3-padding-bottom: 12px;
    --mobile-link-level-3-padding-left: 30px;
    --mobile-link-level-3-padding-right: 30px
}

.breakdance-menu {
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    height: var(--menu-height)
}

:root .breakdance-menu {
    display: flex
}

.breakdance-menu-list {
    display: flex;
    align-items: center;
    justify-content: var(--menu-alignment);
    gap: var(--links-gap);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breakdance-menu-list>.bde-button {
    margin-left: 0;
}

.breakdance-menu-item {
    position: relative
}

.breakdance-menu-item:hover {
    color: var(--link-color-hover);
    background-color: var(--link-background-color-hover)
}

.breakdance-menu-item:hover .breakdance-menu-link-arrow:after {
    background-color: var(--link-arrow-color-hover)
}

.breakdance-menu .breakdance-menu-link {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: var(--link-alignment);
    flex: 1;
    font-size: var(--menu-base-font-size);
    font-family: inherit;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--link-color);
    padding: var(--link-padding-top) var(--link-padding-right) var(--link-padding-bottom) var(--link-padding-left);
    margin: 0;
    border: none;
    background-color: var(--link-background-color);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    transition: var(--menu-duration) color ease,var(--menu-duration) background-color ease
}

.breakdance-menu .breakdance-menu-link:hover {
    color: inherit
}

.breakdance-menu-link-arrow {
    position: relative;
    z-index: 1;
    align-self: stretch;
    border: none;
    background-color: transparent;
    padding: var(--link-padding-top) var(--link-padding-right) var(--link-padding-bottom) 0;
    cursor: pointer
}

.breakdance-menu-link-arrow:after {
    content: "";
    display: var(--link-arrow-display);
    -webkit-mask-image: var(--arrow-icon);
    mask-image: var(--arrow-icon);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: var(--link-arrow-gap);
    font-size: var(--link-arrow-size);
    width: 1em;
    height: 1em;
    background-color: var(--link-arrow-color);
    transform: translateY(var(--link-arrow-offset-y)) rotate(var(--link-arrow-rotation));
    transition: var(--menu-duration) transform ease,var(--menu-duration) background-color ease;
    flex-shrink: 0
}

@-moz-document url-prefix() {
    .breakdance-menu-link-arrow:after {
        transition: none!important
    }
}

.breakdance-dropdown--open .breakdance-menu-link-arrow:after {
    --link-arrow-rotation: var(--link-arrow-open-rotation)
}

.hide-arrows-on-desktop .breakdance-menu-link-arrow {
    display: none
}

.breakdance-dropdown {
    --dropdown-offset-x: 0px;
    --dropdown-caret-x: 0px;
    --translate-x: 0px;
    --translate-y: 0px;
    --rotate-x: 0deg;
    --scale: 1;
    position: relative
}

.breakdance-dropdown .breakdance-menu-link {
    padding-right: 0
}

.hide-arrows-on-desktop .breakdance-dropdown .breakdance-menu-link {
    padding-right: var(--link-padding-right)
}

.breakdance-dropdown-toggle {
    position: relative;
    display: flex;
    align-items: center
}

.breakdance-dropdown-floater {
    position: absolute;
    top: calc(var(--dropdown-offset-y) + var(--dropdown-custom-offset-y));
    left: var(--dropdown-offset-x);
    z-index: var(--bde-z-index-menu-dropdown);
    min-width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backface-visibility: hidden;
    transform: translate(var(--translate-x)) translateY(var(--translate-y)) rotateX(var(--rotate-x)) scale(var(--scale)) translateZ(0)
}

.breakdance-dropdown--top .breakdance-dropdown-floater {
    top: calc(var(--dropdown-offset-y) - var(--dropdown-custom-offset-y))
}

.breakdance-dropdown--open .breakdance-dropdown-floater {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    will-change: opacity,height,transform,visibility
}

.breakdance-dropdown-caret {
    position: absolute;
    top: calc(var(--dropdown-caret-size) / 2 * -1);
    left: var(--dropdown-caret-x);
    z-index: 1;
    display: var(--dropdown-caret-display);
    width: calc(var(--dropdown-caret-size) * 2);
    height: var(--dropdown-caret-size);
    transform: translateY(-50%);
    overflow: hidden;
    pointer-events: none
}

.breakdance-dropdown-caret:before {
    content: "";
    position: absolute;
    bottom: calc(var(--dropdown-caret-size) / 2 * -1);
    left: 50%;
    display: block;
    width: var(--dropdown-caret-size);
    height: var(--dropdown-caret-size);
    background-color: var(--dropdown-caret-color, var(--dropdown-background-color));
    border-top-left-radius: var(--dropdown-caret-radius);
    backface-visibility: hidden;
    transform: translate(-50%) rotate(45deg) translateZ(0)
}

.breakdance-dropdown--top .breakdance-dropdown-caret {
    top: 100%;
    border-top-left-radius: 0;
    border-bottom-right-radius: var(--dropdown-caret-radius);
    transform: translate(-50%)
}

.breakdance-dropdown--top .breakdance-dropdown-caret:before {
    top: calc(var(--dropdown-caret-size) / 2 * -1);
    border-top-left-radius: 0;
    border-bottom-right-radius: var(--dropdown-caret-radius)
}

.breakdance-dropdown-caret--hide {
    display: none
}

.breakdance-dropdown-body {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: var(--dropdown-sections-stack);
    width: 100%;
    background-color: var(--dropdown-background-color);
    box-shadow: 0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;
    border-radius: var(--dropdown-border-radius);
    overflow: hidden
}

.breakdance-menu--custom-width .breakdance-dropdown-floater,.breakdance-dropdown--custom .breakdance-dropdown-floater {
    width: calc(var(--dropdown-custom-width) - var(--dropdown-edge-offset) * 2)
}

.breakdance-menu--custom-width .breakdance-dropdown-floater .breakdance-dropdown-link,.breakdance-dropdown--custom .breakdance-dropdown-floater .breakdance-dropdown-link {
    white-space: normal
}

.breakdance-menu--placement-full-width {
    --dropdown-edge-offset: 0px;
    --dropdown-border-radius: 0px
}

.breakdance-menu--placement-section-width .breakdance-dropdown-floater {
    --bde-dropdown-width: var(--bde-header-width, var(--bde-section-width));
    width: calc(min(var(--bde-dropdown-width),100vw) - var(--dropdown-edge-offset) * 2)
}

.breakdance-dropdown-section {
    display: flex;
    flex-wrap: wrap;
    padding: var(--dropdown-section-padding);
    gap: var(--dropdown-section-gap);
    width: var(--dropdown-section-width)
}

.breakdance-dropdown-section--light {
    background-color: var(--dropdown-section-light-background)
}

.breakdance-dropdown-section--additional {
    flex: 1;
    background-color: var(--dropdown-section-dark-background)
}

.breakdance-dropdown-columns {
    display: flex;
    flex-direction: var(--dropdown-columns-stack);
    gap: var(--dropdown-columns-gap);
    width: 100%
}

.breakdance-dropdown-column {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    flex: 1
}

.breakdance-dropdown-column__title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: var(--menu-base-font-size);
    line-height: 1.5;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: var(--dropdown-column-title-spacing);
    color: var(--link-color)
}

.breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after {
    content: "";
    display: var(--link-arrow-display);
    -webkit-mask-image: var(--arrow-icon);
    mask-image: var(--arrow-icon);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: var(--link-arrow-gap);
    font-size: var(--link-arrow-size);
    width: 1em;
    height: 1em;
    background-color: var(--link-arrow-color);
    transform: translateY(var(--link-arrow-offset-y)) rotate(var(--link-arrow-rotation));
    transition: var(--menu-duration) transform ease,var(--menu-duration) background-color ease;
    flex-shrink: 0;
    display: none
}

@-moz-document url-prefix() {
    .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after {
        transition: none!important
    }
}

.breakdance-dropdown-column--open .breakdance-dropdown-column__title:after {
    --link-arrow-rotation: var(--link-arrow-open-rotation)
}

.breakdance-dropdown-links {
    display: flex;
    flex-direction: column;
    gap: var(--dropdown-links-gap);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breakdance-menu .breakdance-dropdown-link {
    display: flex;
    align-items: center;
    font-size: var(--menu-base-font-size);
    line-height: 1.5;
    text-decoration: none;
    color: var(--dropdown-link-color);
    white-space: nowrap;
    transition: var(--menu-duration) background-color ease
}

.breakdance-menu .breakdance-dropdown-link:hover {
    background-color: var(--dropdown-link-background-color-hover);
    color: var(--dropdown-link-color)
}

.breakdance-dropdown-link__icon {
    display: var(--dropdown-link-icon-display);
    align-self: var(--dropdown-link-icon-alignment);
    font-size: var(--dropdown-link-icon-size);
    color: var(--dropdown-link-icon-color);
    margin-right: var(--dropdown-link-icon-spacing);
    transform: translate(var(--dropdown-link-icon-x)) translateY(var(--dropdown-link-icon-y));
    flex-shrink: 0;
    padding: var(--dropdown-link-icon-padding);
    background-color: var(--dropdown-link-icon-background);
    border-radius: var(--dropdown-link-icon-radius);
    transition: var(--menu-duration) color ease,var(--menu-duration) background-color ease;
    overflow: hidden
}

.breakdance-dropdown-link:hover .breakdance-dropdown-link__icon {
    color: var(--dropdown-link-icon-color-hover, var(--dropdown-link-icon-color));
    background-color: var(--dropdown-link-icon-background-hover, var(--dropdown-link-icon-background))
}

.breakdance-dropdown-link:hover .breakdance-dropdown-link__icon img {
    opacity: var(--dropdown-link-img-opacity-hover)
}

.breakdance-dropdown-link__icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.breakdance-dropdown-link__icon img {
    display: block;
    max-width: 100%;
    width: 1em;
    height: auto;
    opacity: var(--dropdown-link-img-opacity);
    transition: var(--menu-duration) opacity ease
}

.breakdance-dropdown-link__text {
    display: block;
    transition: var(--menu-duration) color ease
}

.breakdance-dropdown-link__description {
    color: var(--bde-body-text-color);
    display: var(--dropdown-link-description-display);
    transition: var(--menu-duration) opacity ease,var(--menu-duration) color ease;
    margin-top: var(--dropdown-link-description-spacing)
}

.breakdance-dropdown-custom-content {
    padding: var(--dropdown-section-padding)
}

.breakdance-menu-topbar {
    display: none;
    justify-content: space-between;
    padding: var(--mobile-topbar-padding)
}

.breakdance-menu-topbar-logo {
    display: flex;
    max-width: 100%;
    width: var(--mobile-topbar-logo-width);
    height: auto;
    order: var(--mobile-topbar-logo-order)
}

.breakdance-menu-topbar-logo img {
    width: 100%;
    height: 100%
}

.breakdance-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: var(--bde-z-index-menu-backdrop);
    background-color: #00000040;
    opacity: 0;
    pointer-events: none;
    transition: var(--menu-duration) opacity ease
}

.breakdance-responsive-menu--open .breakdance-menu-overlay {
    opacity: 1;
    pointer-events: auto!important
}

.breakdance-menu-close-button {
    position: relative;
    font-size: var(--mobile-topbar-close-button-size);
    width: 1em;
    height: 1em;
    text-indent: -9999px;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transform: rotate(45deg);
    flex-shrink: 0
}

.breakdance-menu-close-button:hover:after,.breakdance-menu-close-button:hover:before {
    background-color: var(--mobile-topbar-close-button-color-hover)
}

.breakdance-menu-close-button:after,.breakdance-menu-close-button:before {
    content: "";
    position: absolute;
    background-color: var(--mobile-topbar-close-button-color);
    transition: var(--menu-duration) background-color ease
}

.breakdance-menu-close-button:after {
    top: 0;
    left: 50%;
    width: var(--mobile-topbar-close-button-bar-height);
    height: 100%;
    transform: translate(-50%)
}

.breakdance-menu-close-button:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: var(--mobile-topbar-close-button-bar-height);
    transform: translateY(-50%)
}

.breakdance-menu--vertical {
    --dropdown-custom-offset-y: 0px;
    --dropdown-section-padding: 20px
}

.breakdance-menu--vertical .breakdance-menu-list {
    align-items: stretch;
    flex-direction: column;
    width: 100%
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    overflow: hidden
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater:not(.is-visible):not(.is-collapsing) {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater.is-collapsing {
    overflow: hidden;
    height: 0;
    transition: var(--menu-duration) height ease-in-out,var(--menu-duration) visibility ease-in-out
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-body {
    box-shadow: none
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-link {
    white-space: normal
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-caret {
    display: none
}

.breakdance-menu--dropdown-side .breakdance-dropdown {
    --dropdown-offset-x: 100%
}

.breakdance-menu--dropdown-side .breakdance-dropdown-floater {
    min-width: auto
}

.breakdance-menu--dropdown-side .breakdance-dropdown-caret {
    display: none
}

.breakdance-menu--dropdown-slide {
    --link-arrow-rotation: -90deg;
    --link-arrow-open-rotation: var(--link-arrow-rotation);
    overflow-x: clip
}

.breakdance-menu--dropdown-slide .breakdance-menu-list {
    transition: var(--menu-duration) transform ease
}

.breakdance-menu--dropdown-slide.breakdance-menu--dp-open .breakdance-menu-list {
    transform: translate3d(-100%,0,0)
}

.breakdance-menu--dropdown-slide .breakdance-dropdown-floater {
    position: absolute;
    left: 0;
    right: 0;
    transform: translate3d(100%,0,0);
    opacity: 0;
    transition: 0s opacity var(--menu-duration)
}

.breakdance-menu--dropdown-slide .breakdance-dropdown--open .breakdance-dropdown-floater {
    opacity: 1;
    transition-delay: 0s
}

.breakdance-menu--dropdown-slide .breakdance-dropdown-caret {
    display: none
}

.breakdance-dropdown-back-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    border: none;
    background-color: var(--link-background-color);
    padding: var(--link-padding);
    font-weight: 700;
    cursor: pointer
}

.breakdance-dropdown--wp .breakdance-dropdown-links {
    width: 100%;
    gap: var(--dropdown-links-gap)
}

.breakdance-dropdown--wp .breakdance-dropdown-links .menu-item {
    display: flex;
    flex-direction: column;
    gap: var(--dropdown-links-gap)
}

.breakdance-menu-toggle--none .breakdance-menu-toggle-lines,.breakdance-menu-toggle--none .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--none .breakdance-menu-toggle-lines:after {
    transition-property: none
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines {
    transform: rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines:before {
    top: 0;
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.breakdance-menu-toggle--3dx .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width) * 2)
}

.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:after {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines {
    background-color: transparent!important;
    transform: rotateY(180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:before {
    transform: translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)
}

.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width) * 2)
}

.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:after {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines {
    background-color: transparent!important;
    transform: rotateY(-180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)
}

.breakdance-menu-toggle--3dy .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width) * 2)
}

.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:after {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines {
    background-color: transparent!important;
    transform: rotateX(-180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:before {
    transform: translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)
}

.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width) * 2)
}

.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:after {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines {
    background-color: transparent!important;
    transform: rotateX(180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)
}

.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width) * 2)
}

.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:after {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines {
    background-color: transparent!important;
    transform: rotateX(180deg) rotateY(180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:before {
    transform: translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)
}

.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width) * 2)
}

.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:after {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines {
    background-color: transparent!important;
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow .breakdance-menu-toggle-lines:before {
    transform: translate3d(calc(var(--toggle-layer-width) * -.3),calc(var(--toggle-layer-spacing) * .6),0) rotate(-45deg) scaleX(.5)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow .breakdance-menu-toggle-lines:after {
    transform: translate3d(calc(var(--toggle-layer-width) * -.3),calc(var(--toggle-layer-spacing) * -.6),0) rotate(45deg) scaleX(.5)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(calc(var(--toggle-layer-width) * .2),0,0) rotate(45deg) scaleX(.7)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(calc(var(--toggle-layer-width) * .2),0,0) rotate(-45deg) scaleX(.7)
}

.breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:before {
    transition: top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:after {
    transition: bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: translate3d(calc(var(--toggle-layer-width) * -.2),calc(var(--toggle-layer-width) * -.25),0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: translate3d(calc(var(--toggle-layer-width) * -.2),calc(var(--toggle-layer-width) * .25),0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:before {
    transition: top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:after {
    transition: bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: translate3d(calc(var(--toggle-layer-width) * .2),calc(var(--toggle-layer-width) * -.25),0) rotate(45deg) scaleX(.7);
    transition: top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: translate3d(calc(var(--toggle-layer-width) * .2),calc(var(--toggle-layer-width) * .25),0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:after {
    top: calc((var(--toggle-layer-spacing) * 2 + var(--toggle-layer-height) * 2) * -1);
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:before {
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines {
    transform: translate3d(0,calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1),0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:after {
    top: calc((var(--toggle-layer-spacing) * 2 + var(--toggle-layer-height) * 2) * -1);
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:before {
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines {
    transform: translate3d(0,calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1),0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height) / 2);
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: opacity .125s .275s ease
}

.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0,var(--y-offset),0) rotate(135deg);
    transition-delay: 75ms
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before {
    transition-delay: 0s;
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc(var(--y-offset) * -2),0) rotate(-270deg);
    transition-delay: 75ms
}

.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height) / 2);
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: opacity .125s .275s ease
}

.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0,var(--y-offset),0) rotate(-135deg);
    transition-delay: 75ms
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:before {
    transition-delay: 0s;
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc(var(--y-offset) * -2),0) rotate(270deg);
    transition-delay: 75ms
}

.breakdance-menu-toggle--emphatic {
    overflow: hidden
}

.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines {
    transition: background-color .125s .175s ease-in
}

.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in
}

.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    right: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:before {
    left: calc(var(--toggle-layer-width) * -2);
    top: calc(var(--toggle-layer-width) * -2);
    transform: translate3d(calc(var(--toggle-layer-width) * 2),calc(var(--toggle-layer-width) * 2),0) rotate(45deg);
    transition: left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:after {
    right: calc(var(--toggle-layer-width) * -2);
    top: calc(var(--toggle-layer-width) * -2);
    transform: translate3d(calc(var(--toggle-layer-width) * -2),calc(var(--toggle-layer-width) * 2),0) rotate(-45deg);
    transition: right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)
}

.breakdance-menu-toggle--emphatic-r {
    overflow: hidden
}

.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines {
    transition: background-color .125s .175s ease-in
}

.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in
}

.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    right: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:before {
    left: calc(var(--toggle-layer-width) * -2);
    top: calc(var(--toggle-layer-width) * -2);
    transform: translate3d(calc(var(--toggle-layer-width) * 2),calc(var(--toggle-layer-width) * -2),0) rotate(-45deg);
    transition: left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:after {
    right: calc(var(--toggle-layer-width) * -2);
    top: calc(var(--toggle-layer-width) * -2);
    transform: translate3d(calc(var(--toggle-layer-width) * -2),calc(var(--toggle-layer-width) * -2),0) rotate(45deg);
    transition: right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)
}

.breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after {
    transition: bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before,.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after {
    opacity: 0;
    transition: bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before {
    top: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after {
    bottom: 0
}

.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height) / 2)
}

.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition-property: transform,opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0,var(--y-offset),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:before {
    transform: rotate(-45deg) translate3d(calc(var(--toggle-layer-width) / -7),calc(var(--toggle-layer-spacing) * -1),0);
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc(var(--y-offset) * -2),0) rotate(-90deg)
}

.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height) / 2)
}

.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition-property: transform,opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0,var(--y-offset),0) rotate(-45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:before {
    transform: rotate(45deg) translate3d(calc(var(--toggle-layer-width) / 7),calc(var(--toggle-layer-spacing) * -1),0);
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0,calc(var(--y-offset) * -2),0) rotate(90deg)
}

.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:before {
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:after {
    transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .12s ease-out
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:before {
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:after {
    transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .12s ease-out
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height) / 2);
    transition: background-color 0s .13s linear
}

.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2);
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines {
    transition-delay: .22s;
    background-color: transparent!important
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:before {
    top: 0;
    transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,calc(var(--toggle-layer-spacing) + var(--toggle-layer-height)),0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,calc(var(--toggle-layer-spacing) + var(--toggle-layer-height)),0) rotate(-45deg)
}

.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:after {
    top: calc((var(--toggle-layer-spacing) * 2 + var(--toggle-layer-height) * 2) * -1);
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear
}

.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:before {
    transition: top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines {
    transform: translate3d(0,calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1),0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines {
    transition: transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear
}

.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:before {
    transition: top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:after {
    transition: bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines {
    transform: rotate(90deg);
    background-color: transparent!important;
    transition: transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines {
    transition: transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear
}

.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:before {
    transition: top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:after {
    transition: bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines {
    transform: rotate(-90deg);
    background-color: transparent!important;
    transition: transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:before {
    transition: top 75ms .12s ease,opacity 75ms ease
}

.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:after {
    transition: bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease,opacity 75ms .12s ease
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before {
    transition-property: top,opacity
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after {
    transition-property: bottom,transform
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before,.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after {
    transition-delay: 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before {
    top: 0;
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(90deg)
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before {
    transition-property: top,opacity
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after {
    transition-property: bottom,transform
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before,.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after {
    transition-delay: 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before {
    top: 0;
    opacity: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.breakdance-menu-toggle {
    display: none;
    align-items: center;
    cursor: pointer;
    border: none;
    color: var(--toggle-layer-color);
    background-color: var(--toggle-background-color);
    backface-visibility: hidden;
    transition: var(--menu-duration) color ease,var(--menu-duration) background-color ease;
    padding: var(--toggle-padding);
    border-radius: var(--toggle-radius);
    min-height: var(--toggle-layer-width);
    box-sizing: content-box
}

.breakdance-menu-toggle:hover {
    color: var(--toggle-layer-color-hover);
    background-color: var(--toggle-background-color-hover)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle {
    color: var(--toggle-layer-color-active);
    background-color: var(--toggle-active-background-color)
}

.breakdance-menu-toggle-icon {
    width: var(--toggle-layer-width);
    height: calc(var(--toggle-layer-height) * 3 + var(--toggle-layer-spacing) * 2);
    display: inline-block;
    position: relative
}

.breakdance-menu-toggle-lines {
    top: 50%;
    display: block;
    margin-top: calc(var(--toggle-layer-height) / -2)
}

.breakdance-menu-toggle-lines,.breakdance-menu-toggle-lines:before,.breakdance-menu-toggle-lines:after {
    content: "";
    position: absolute;
    display: block;
    width: var(--toggle-layer-width);
    height: var(--toggle-layer-height);
    background-color: currentColor;
    border-radius: var(--toggle-layer-border-radius);
    transition: .15s transform ease
}

.breakdance-menu-toggle-lines:before {
    top: calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1)
}

.breakdance-menu-toggle-lines:after {
    bottom: calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1)
}

.breakdance-menu-toggle__custom-open-icon,.breakdance-menu-toggle__custom-close-icon {
    display: block;
    width: var(--toggle-layer-width);
    fill: currentColor
}

.breakdance-menu-toggle__custom-close-icon,.breakdance-responsive-menu--open .breakdance-menu-toggle__custom-open-icon {
    display: none
}

.breakdance-responsive-menu--open .breakdance-menu-toggle__custom-close-icon {
    display: block
}

.breakdance-menu--effect .breakdance-menu-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: var(--link-effect-thickness);
    background-color: var(--link-effect-color);
    transition: var(--menu-duration) transform ease,var(--menu-duration) opacity ease,var(--menu-duration) background-color ease;
    pointer-events: none;
    backface-visibility: hidden
}

.breakdance-menu--effect .breakdance-menu-item:hover:before {
    transform: none;
    opacity: 1;
    will-change: transform,opacity;
    background-color: var(--link-effect-color-hover)
}

.breakdance-menu--effect-background {
    --link-effect-color: #eee
}

.breakdance-menu--effect-background .breakdance-menu-item:before {
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--link-effect-radius)
}

.breakdance-menu--effect-underline .breakdance-menu-item:before {
    top: auto;
    bottom: 0;
    left: 0
}

.breakdance-menu--effect-overline .breakdance-menu-item:before {
    top: 0;
    left: 0;
    bottom: auto
}

.breakdance-menu--effect-strikethrough .breakdance-menu-item:before {
    top: 50%;
    bottom: auto;
    left: 0;
    margin-top: calc(var(--link-effect-thickness) / 2 * -1)
}

.breakdance-menu--effect-none .breakdance-menu-item:before {
    opacity: 0
}

.breakdance-menu--effect-left .breakdance-menu-item:before {
    transform: scaleX(0);
    transform-origin: left
}

.breakdance-menu--effect-right .breakdance-menu-item:before {
    transform: scaleX(0);
    transform-origin: right
}

.breakdance-menu--effect-center .breakdance-menu-item:before {
    transform: scaleX(0);
    transform-origin: center
}

.breakdance-menu--effect-bottom .breakdance-menu-item:before {
    transform: scaleY(0);
    transform-origin: bottom
}

.breakdance-menu--effect-top .breakdance-menu-item:before {
    transform: scaleY(0);
    transform-origin: top
}

.breakdance-menu--active-styles .breakdance-menu-item--active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: var(--link-effect-thickness);
    transition: var(--menu-duration) transform ease,var(--menu-duration) opacity ease,var(--menu-duration) background-color ease;
    pointer-events: none;
    backface-visibility: hidden;
    transform: none;
    opacity: 1;
    will-change: transform,opacity;
    background-color: var(--link-effect-color-hover);
    background-color: var(--link-effect-color)
}

.breakdance-menu--active-styles .breakdance-menu-item:hover:before {
    background-color: #C41212;
}

.breakdance-menu--active-background {
    --link-effect-color: #eee
}

.breakdance-menu--active-background .breakdance-menu-item--active:before {
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--link-effect-radius)
}

.breakdance-menu--active-underline .breakdance-menu-item--active:before {
    top: auto;
    bottom: 0;
    left: 0
}

.breakdance-menu--active-overline .breakdance-menu-item--active:before {
    top: 0;
    left: 0;
    bottom: auto
}

.breakdance-menu--active-strikethrough .breakdance-menu-item--active:before {
    top: 50%;
    bottom: auto;
    left: 0;
    margin-top: calc(var(--link-effect-thickness) / 2 * -1)
}

.breakdance-menu-item.bde-button:before {
    display: none
}

.breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown-floater {
    opacity: 0;
    transition: opacity var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown--open .breakdance-dropdown-floater {
    opacity: 1;
    will-change: opacity,height,visibility
}

.breakdance-menu--anim-stripe .breakdance-dropdown {
    perspective: 2000px;
    z-index: 2
}

.breakdance-menu--anim-stripe .breakdance-dropdown-floater {
    --rotate-x: -15deg;
    transform-origin: 50% -50px;
    transition: opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-stripe .breakdance-dropdown--open {
    z-index: 3
}

.breakdance-menu--anim-stripe .breakdance-dropdown--open .breakdance-dropdown-floater {
    --rotate-x: 0deg;
    will-change: opacity,height,transform,visibility
}

.breakdance-menu--anim-scale-down .breakdance-dropdown-floater,.breakdance-menu--anim-scale-down-r .breakdance-dropdown-floater {
    --scale: .95;
    transform-origin: top left;
    transition: opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-scale-down .breakdance-dropdown--open .breakdance-dropdown-floater,.breakdance-menu--anim-scale-down-r .breakdance-dropdown--open .breakdance-dropdown-floater {
    --scale: 1
}

.breakdance-menu--anim-scale-down-r .breakdance-dropdown-floater {
    transform-origin: top right
}

.breakdance-menu--anim-skew .breakdance-dropdown-floater {
    --scale: 1, 0;
    transform-origin: top center;
    transition: opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-skew .breakdance-dropdown--open .breakdance-dropdown-floater {
    --scale: 1;
    will-change: transform,opacity,visibility
}

.breakdance-menu--anim-rotate .breakdance-dropdown-floater {
    transform: rotate(-5deg) translate(5px);
    transition: opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-rotate .breakdance-dropdown--open .breakdance-dropdown-floater {
    transform: rotate(0) translate(0)
}