:root { --mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-offset-top: 0; --mm-offset-right: 0; --mm-offset-bottom: 0; --mm-offset-left: 0; --mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: rgba(0, 0, 0, 0.75); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); --mm-color-background: #f3f3f3; --mm-color-background-highlight: rgba(0, 0, 0, 0.05); --mm-color-background-emphasis: rgba(255, 255, 255, 0.4); --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3) } .mm-hidden { display: none !important } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu { top: 0; right: 0; bottom: 0; left: 0; background: #1f1f1f; border-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .75); line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: var(--mm-offset-top); right: var(--mm-offset-right); bottom: var(--mm-offset-bottom); left: var(--mm-offset-left); z-index: 0; line-height: var(--mm-line-height); -webkit-tap-highlight-color: var(--mm-color-background-emphasis); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { text-decoration: none; color: inherit } [dir=rtl] .mm-menu { direction: rtl } .mm-panel { background: #1f1f1f; border-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .75); z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } .mm-panel:after { height: 44px } .mm-panel:not(.mm-hidden) { display: block } .mm-panel:after { content: ''; display: block; height: var(--mm-listitem-size) } .mm-panel_opened { z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-panel_opened-parent { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .mm-panel_highest { z-index: 2 } .mm-panel_noanimation { -webkit-transition: none !important; -o-transition: none !important; transition: none !important } .mm-panel_noanimation.mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-panels>.mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .mm-panel__content { padding: 20px 20px 0 } .mm-panels { background: #1f1f1f; border-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .75); position: relative; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; } [dir=rtl] .mm-panel:not(.mm-panel_opened) { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } [dir=rtl] .mm-panel.mm-panel_opened-parent { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0) } .mm-listitem_vertical>.mm-panel { display: none; width: 100%; padding: 10px 0 10px 10px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .mm-listitem_vertical>.mm-panel:after, .mm-listitem_vertical>.mm-panel:before { content: none; display: none } .mm-listitem_opened>.mm-panel { display: block } .mm-listitem_vertical>.mm-listitem__btn { height: 44px; height: var(--mm-listitem-size); bottom: auto } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent } .mm-listitem_opened>.mm-listitem__btn:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px } .mm-btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; padding: 0 } .mm-btn:after, .mm-btn:before { border: 2px solid rgba(0, 0, 0, .3); border: 2px solid var(--mm-color-button) } .mm-btn_next:after, .mm-btn_prev:before { content: ''; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; border-color: #fff; } .mm-btn_prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } .mm-btn_next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto } .mm-btn_close:after, .mm-btn_close:before { content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px } .mm-btn_close:after { border-left: none; border-top: none; right: 25px } [dir=rtl] .mm-btn_next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } [dir=rtl] .mm-btn_prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto } [dir=rtl] .mm-btn_close:after, [dir=rtl] .mm-btn_close:before { right: auto } [dir=rtl] .mm-btn_close:before { left: 25px } [dir=rtl] .mm-btn_close:after { left: 18px } .mm-navbar { min-height: 44px; border-bottom: 1px solid #fff; background: #1f1f1f; color: rgba(0, 0, 0, .3); display: -webkit-box; display: -ms-flexbox; display: flex; min-height: var(--mm-navbar-size); text-align: center; opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-navbar>* { min-height: 44px } .mm-navbar .mm-btn.mm-btn_prev::before { border-color: #FFFFFF; } @supports ((position:-webkit-sticky) or (position:sticky)) { .mm-navbar_sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 1 } } .mm-navbar>* { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box } .mm-navbar__btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .mm-navbar__title { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; padding-right: 20px; overflow: hidden } .mm-navbar__title:not(:last-child) { padding-right: 0 } .mm-navbar__title>span { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; } .mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title { padding-left: 0 } .mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child { padding-right: 50px } [dir=rtl] .mm-navbar { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .mm-listview { list-style: none; display: block; padding: 0; margin: 0 } .mm-listitem { color: rgba(0, 0, 0, .75); border-color: rgba(0, 0, 0, .1); color: var(--mm-color-text); border-color: var(--mm-color-border); list-style: none; display: block; padding: 0; margin: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .mm-listitem:after { content: ''; border-color: rgba(255, 255, 255, .1); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0 } .mm-listitem a, .mm-listitem a:hover { text-decoration: none } .mm-listitem__btn, .mm-listitem__text { padding: 12px; display: block; padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); padding-left: 0; padding-right: 0; color: #fff !important } .mm-listitem__text { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10% } .mm-listitem__btn { background: rgba(3, 2, 1, 0); border-color: inherit; width: auto; padding-right: 50px; position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .mm-listitem_selected>.mm-listitem__text { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis) } .mm-listitem_opened>.mm-listitem__btn, .mm-listitem_opened>.mm-panel { background: rgba(0, 0, 0, .05); background: var(--mm-color-background-highlight) } [dir=rtl] .mm-listitem:after { left: 0; right: 20px } [dir=rtl] .mm-listitem__text { padding-left: 10px; padding-right: 20px } [dir=rtl] .mm-listitem__btn { padding-left: 50px; border-left-width: 0; border-left-style: none } [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) { padding-right: 0; border-right-width: 1px; border-right-style: solid } .mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; z-index: 1 } .mm-wrapper_opened { overflow-x: hidden; position: relative } .mm-wrapper_opened .mm-page { min-height: 100vh } .mm-wrapper_background .mm-page { background: inherit } .mm-menu_offcanvas { position: fixed; right: auto; z-index: 0 } .mm-menu_offcanvas:not(.mm-menu_opened) { display: none } .mm-menu_offcanvas { width: 80vw; min-width: 240px; max-width: 440px } .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-wrapper__blocker { background: rgba(3, 2, 1, 60%); overflow: hidden; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2 } .mm-wrapper_blocking { overflow: hidden } .mm-wrapper_blocking body { overflow: hidden } .mm-wrapper_blocking .mm-wrapper__blocker { display: block } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important } .mm-menu_autoheight:not(.mm-menu_offcanvas) { position: relative } .mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top { max-height: 80% } .mm-menu_autoheight-measuring .mm-panel { display: block !important } .mm-menu_autoheight-measuring .mm-panels>.mm-panel { bottom: auto !important; height: auto !important } .mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel { display: none !important } [class*=mm-menu_columns-] { -webkit-transition-property: width; -o-transition-property: width; transition-property: width } [class*=mm-menu_columns-] .mm-panels>.mm-panel { right: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: width, transform; transition-property: width, transform; transition-property: width, transform, -webkit-transform } [class*=mm-menu_columns-] .mm-panels>.mm-panel_opened, [class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent { display: block !important } [class*=mm-panel_columns-] { border-right: 1px solid; border-color: inherit } .mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 { border-right: none } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu_columns-0 .mm-panels>.mm-panel { z-index: 0 } .mm-menu_columns-0 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu_columns-0 { width: 80%; min-width: 240px; max-width: 0 } .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0) } } @media all and (min-width:0px) { .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0) } } @media all and (min-width:0px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1 { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu_columns-1 .mm-panels>.mm-panel { z-index: 1; width: 100% } .mm-menu_columns-1 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu_columns-1 { width: 80%; min-width: 240px; max-width: 440px } .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2 { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu_columns-2 .mm-panels>.mm-panel { z-index: 2; width: 50% } .mm-menu_columns-2 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu_columns-2 { width: 80%; min-width: 240px; max-width: 880px } .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0) } } @media all and (min-width:1100px) { .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout { -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0) } } @media all and (min-width:1100px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3 { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu_columns-3 .mm-panels>.mm-panel { z-index: 3; width: 33.34% } .mm-menu_columns-3 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu_columns-3 { width: 80%; min-width: 240px; max-width: 1320px } .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0) } } @media all and (min-width:1650px) { .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout { -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0) } } @media all and (min-width:1650px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4 { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu_columns-4 .mm-panels>.mm-panel { z-index: 4; width: 25% } .mm-menu_columns-4 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0) } .mm-menu_columns-4 { width: 80%; min-width: 240px; max-width: 1760px } .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0) } } @media all and (min-width:2200px) { .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout { -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0) } } @media all and (min-width:2200px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0) } } [class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top { width: 100%; max-width: 100%; min-width: 100% } .mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front { -webkit-transition-property: width, min-width, max-width, -webkit-transform; transition-property: width, min-width, max-width, -webkit-transform; -o-transition-property: width, min-width, max-width, transform; transition-property: width, min-width, max-width, transform; transition-property: width, min-width, max-width, transform, -webkit-transform } .mm-counter { color: rgba(0, 0, 0, .3); display: block; padding-left: 20px; float: right; text-align: right; color: var(--mm-color-text-dimmed) } .mm-listitem_nosubitems>.mm-counter { display: none } [dir=rtl] .mm-counter { text-align: left; float: left; padding-left: 0; padding-right: 20px } .mm-divider { position: relative; min-height: 20px; padding: 4.3px; background: #f3f3f3; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-height: var(--mm-line-height); padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5); padding-right: 10px; padding-left: 20px; font-size: 75%; text-transform: uppercase; background: var(--mm-color-background); opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-divider:before { background: rgba(0, 0, 0, .05) } @supports ((position:-webkit-sticky) or (position:sticky)) { .mm-divider { position: -webkit-sticky; position: sticky; z-index: 2; top: 0 } .mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider { top: var(--mm-navbar-size) } } .mm-divider:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--mm-color-background-highlight) } .mm-wrapper_dragging .mm-menu, .mm-wrapper_dragging .mm-slideout { -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important } .mm-wrapper_dragging .mm-menu { pointer-events: none !important } .mm-wrapper_dragging .mm-wrapper__blocker { display: none !important } .mm-menu_dropdown { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3); box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80% } .mm-wrapper_dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 } .mm-wrapper_dropdown .mm-wrapper__blocker { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1 } .mm-wrapper_dropdown .mm-menu_dropdown { z-index: 2 } .mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown { display: none } .mm-menu_tip-bottom:before, .mm-menu_tip-left:before, .mm-menu_tip-right:before, .mm-menu_tip-top:before { content: ''; background: inherit; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3); box-shadow: 0 2px 10px rgba(0, 0, 0, .3); display: block; width: 15px; height: 15px; position: absolute; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-menu_tip-left:before { left: 22px } .mm-menu_tip-right:before { right: 22px } .mm-menu_tip-top:before { top: -8px } .mm-menu_tip-bottom:before { bottom: -8px } :root { --mm-iconbar-size: 50px } .mm-menu_iconbar-left .mm-navbars_bottom, .mm-menu_iconbar-left .mm-navbars_top, .mm-menu_iconbar-left .mm-panels { margin-left: 50px; margin-left: var(--mm-iconbar-size) } .mm-menu_iconbar-left .mm-iconbar { border-right-width: 1px; display: block; left: 0 } .mm-menu_iconbar-right .mm-navbars_bottom, .mm-menu_iconbar-right .mm-navbars_top, .mm-menu_iconbar-right .mm-panels { margin-right: 50px; margin-right: var(--mm-iconbar-size) } .mm-menu_iconbar-right .mm-iconbar { border-left-width: 1px; display: block; right: 0 } .mm-iconbar { width: 50px; border-color: rgba(0, 0, 0, .1); background: #f3f3f3; color: rgba(0, 0, 0, .3); display: none; width: var(--mm-iconbar-size); overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; bottom: 0; z-index: 2; border: 0 solid; border-color: var(--mm-color-border); background: var(--mm-color-background); color: var(--mm-color-text-dimmed); text-align: center } .mm-iconbar__bottom, .mm-iconbar__top { width: inherit; position: absolute } .mm-iconbar__bottom>*, .mm-iconbar__top>* { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 12.5px 0 } .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover { text-decoration: none } .mm-iconbar__top { top: 0 } .mm-iconbar__bottom { bottom: 0 } .mm-iconbar__tab_selected { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis) } :root { --mm-iconpanel-size: 50px } .mm-panel_iconpanel-1 { width: calc(100% - 50px); width: calc(100% - (var(--mm-iconpanel-size) * 1)) } .mm-panel_iconpanel-2 { width: calc(100% - 100px); width: calc(100% - (var(--mm-iconpanel-size) * 2)) } .mm-panel_iconpanel-3 { width: calc(100% - 150px); width: calc(100% - (var(--mm-iconpanel-size) * 3)) } .mm-panel_iconpanel-first~.mm-panel { width: calc(100% - 50px); width: calc(100% - var(--mm-iconpanel-size)) } .mm-menu_iconpanel .mm-panels>.mm-panel { left: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform } .mm-menu_iconpanel .mm-panels>.mm-panel_opened, .mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent { display: block !important } .mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent { overflow-y: hidden; -webkit-transform: unset; -ms-transform: unset; transform: unset } .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) { border-left-width: 1px; border-left-style: solid } .mm-menu_hidedivider .mm-panel_opened-parent .mm-divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar { opacity: 0 } .mm-panel__blocker { background: inherit; opacity: 0; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-panel_opened-parent .mm-panel__blocker { opacity: .6; bottom: -100000px } [dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel { left: 0; right: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform } [dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) { border-left: none; border-right: 1px solid; border-color: inherit } .mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis); outline: 0 } .mm-wrapper__blocker .mm-tabstart { cursor: default; display: block; width: 100%; height: 100% } .mm-wrapper__blocker .mm-tabend { opacity: 0; position: absolute; bottom: 0 } .mm-navbars_top { -ms-flex-negative: 0; flex-shrink: 0 } .mm-navbars_top .mm-navbar:not(:last-child) { border-bottom: none } .mm-navbars_bottom { -ms-flex-negative: 0; flex-shrink: 0 } .mm-navbars_bottom .mm-navbar { border-bottom: none } .mm-navbars_bottom .mm-navbar:first-child { border-top: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid var(--mm-color-border) } .mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input { padding-left: 0 } .mm-navbar__searchfield:not(:last-child) .mm-searchfield__input { padding-right: 0 } .mm-navbar__breadcrumbs { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 20px; overflow-x: auto; -webkit-overflow-scrolling: touch } .mm-navbar__breadcrumbs>* { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 6px } .mm-navbar__breadcrumbs>a { text-decoration: underline } .mm-navbar__breadcrumbs:not(:last-child) { padding-right: 0 } .mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs { padding-left: 0 } .mm-navbar_tabs>* { padding: 0 10px; border: 1px solid transparent } .mm-navbar__tab_selected { background: #f3f3f3; color: rgba(0, 0, 0, .75); background: var(--mm-color-background); color: var(--mm-color-text) } .mm-navbar__tab_selected:not(:first-child) { border-left-color: rgba(0, 0, 0, .1) } .mm-navbar__tab_selected:not(:last-child) { border-right-color: rgba(0, 0, 0, .1) } .mm-navbar__tab_selected:not(:first-child) { border-left-color: var(--mm-color-border) } .mm-navbar__tab_selected:not(:last-child) { border-right-color: var(--mm-color-border) } .mm-navbars_top .mm-navbar_tabs { border-bottom: none } .mm-navbars_top .mm-navbar_tabs>* { border-bottom-color: rgba(0, 0, 0, .1); border-bottom-color: var(--mm-color-border) } .mm-navbars_top .mm-navbar__tab_selected { border-top-color: rgba(0, 0, 0, .1); border-top-color: var(--mm-color-border); border-bottom-color: transparent } .mm-navbars_top.mm-navbars_has-tabs .mm-navbar { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis) } .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar { background: #f3f3f3; background: var(--mm-color-background) } .mm-navbars_bottom .mm-navbar_tabs:first-child { border-top: none } .mm-navbars_bottom .mm-navbar_tabs>* { border-top-color: rgba(0, 0, 0, .1); border-top-color: var(--mm-color-border) } .mm-navbars_bottom .mm-navbar__tab_selected { border-bottom-color: rgba(0, 0, 0, .1); border-bottom-color: var(--mm-color-border); border-top-color: transparent } .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar { background: #f3f3f3; background: var(--mm-color-background) } .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis) } .mm-searchfield { height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: var(--mm-navbar-size); padding: 0; overflow: hidden } .mm-searchfield input { height: 30.8px; line-height: 30.8px } .mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .75) } .mm-searchfield input { display: block; width: 100%; max-width: 100%; height: calc(var(--mm-navbar-size) * .7); min-height: unset; max-height: unset; margin: 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none !important; border-radius: 4px; line-height: calc(var(--mm-navbar-size) * .7); -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; font: inherit; font-size: inherit } .mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover { background: var(--mm-color-background-highlight); color: var(--mm-color-text) } .mm-searchfield input::-ms-clear { display: none } .mm-searchfield__input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; max-width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .mm-panel__noresultsmsg { color: rgba(0, 0, 0, .3); padding: 50px 0; color: var(--mm-color-text-dimmed); text-align: center; font-size: 150% } .mm-searchfield__btn { position: absolute; right: 0; top: 0; bottom: 0 } .mm-panel_search { left: 0 !important; right: 0 !important; width: 100% !important; border-left: none !important } .mm-searchfield__cancel { line-height: 44px; display: block; padding-right: 10px; margin-right: -100px; line-height: var(--mm-navbar-size); text-decoration: none; -webkit-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease } .mm-searchfield__cancel-active { margin-right: 0 } .mm-listitem_nosubitems>.mm-listitem__btn { display: none } .mm-listitem_nosubitems>.mm-listitem__text { padding-right: 10px } .mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn) { z-index: -1; pointer-events: none } .mm-sectionindexer { background: inherit; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -20px; z-index: 5; -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .mm-sectionindexer a { color: rgba(0, 0, 0, .3); color: var(--mm-color-text-dimmed); line-height: 1; text-decoration: none; display: block } .mm-sectionindexer~.mm-panel { padding-right: 0 } .mm-sectionindexer_active { right: 0 } .mm-sectionindexer_active~.mm-panel { padding-right: 20px } .mm-menu_selected-hover .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem__text, .mm-menu_selected-parent .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem__text { -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease } .mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text { background: 0 0 } .mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis) } .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text { background: 0 0 } .mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn, .mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text { background: rgba(255, 255, 255, .4); background: var(--mm-color-background-emphasis) } :root { --mm-sidebar-collapsed-size: 50px; --mm-sidebar-expanded-size: 440px } .mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body { position: relative } .mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout { -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: width, transform; transition-property: width, transform; transition-property: width, transform, -webkit-transform } .mm-wrapper_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page { background: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh } .mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important } .mm-wrapper_sidebar-collapsed .mm-slideout { width: calc(100% - 50px); -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); width: calc(100% - var(--mm-sidebar-collapsed-size)); -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0); transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0) } .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar { opacity: 0 } .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded { width: 440px; width: var(--mm-sidebar-expanded-size); min-width: 0 !important; max-width: 100000px !important; border-right-width: 1px; border-right-style: solid } .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after { content: none; display: none } .mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body { overflow: visible } .mm-wrapper_sidebar-expanded .mm-wrapper__blocker { display: none !important } .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout { width: calc(100% - 440px); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); width: calc(100% - var(--mm-sidebar-expanded-size)); -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0); transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0) } .mm-menu__blocker { background: rgba(3, 2, 1, 0); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3 } .mm-menu_opened .mm-menu__blocker { display: none } [dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } input.mm-toggle { margin-top: 5px; background: rgba(0, 0, 0, .1); display: inline-block; min-width: 58px; width: 58px; height: 34px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 34px)/ 2); border: none !important; background: var(--mm-color-border); border-radius: 34px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease } input.mm-toggle:before { background: #f3f3f3 } input.mm-toggle:before { content: ''; display: block; width: 32px; height: 32px; margin: 1px; border-radius: 34px; background: var(--mm-color-background); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } input.mm-toggle:checked { background: #4bd963 } input.mm-toggle:checked:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px) } input.mm-check { margin-top: 2px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none !important; background: 0 0 !important; cursor: pointer; display: inline-block; width: 40px; height: 40px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 40px)/ 2) } input.mm-check:before { content: ''; display: block; width: 40%; height: 20%; margin: 25% 0 0 20%; border-left: 3px solid; border-bottom: 3px solid; border-color: var(--mm-color-text); opacity: .3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } input.mm-check:checked:before { opacity: 1 } [dir=rtl] input.mm-toggle:checked~label.mm-toggle:before { float: left } .mm-menu_border-none .mm-listitem:after { content: none } .mm-menu_border-full .mm-listitem:after { left: 0 !important } .mm-menu_fx-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } .mm-wrapper_opened .mm-menu_fx-menu-slide { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .mm-wrapper_opening .mm-menu_fx-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0) } .mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none { -webkit-transition-property: none; -o-transition-property: none; transition-property: none } .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-panels-slide-100 .mm-panel_opened-parent { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu_fullscreen { width: 100%; min-width: 140px; max-width: 10000px } .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout { -webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0) } @media all and (max-width:140px) { .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:10000px) { .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout { -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0) } } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-100vw, 0, 0); transform: translate3d(-100vw, 0, 0) } @media all and (max-width:140px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:10000px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0) } } .mm-menu_fullscreen.mm-menu_position-top { height: 100vh; min-height: 140px; max-height: 10000px } .mm-menu_fullscreen.mm-menu_position-bottom { height: 100vh; min-height: 140px; max-height: 10000px } .mm-menu_listview-justify .mm-panels>.mm-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mm-menu_listview-justify .mm-panels>.mm-panel:after { content: none; display: none } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0 } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 50px } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mm-listview_inset { list-style: inside disc; width: 100%; padding: 0 30px 15px 30px; margin: 0 } .mm-listview_inset .mm-listitem { padding: 5px 0 } .mm-menu_multiline .mm-listitem__text { -o-text-overflow: clip; text-overflow: clip; white-space: normal } [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker { opacity: 0 } .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s } .mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker { background: inherit } .mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker { background: #000 } .mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker { background: #fff } .mm-menu_popup { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3); box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .mm-menu_popup.mm-menu_opened~.mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 } .mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1 } .mm-wrapper_opening .mm-menu_popup { opacity: 1 } .mm-menu_position-right { left: auto; right: 0 } .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:300px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0) } } .mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened { z-index: 2 } .mm-menu_position-bottom.mm-menu_opened~.mm-slideout, .mm-menu_position-front.mm-menu_opened~.mm-slideout, .mm-menu_position-top.mm-menu_opened~.mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 } .mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker { z-index: 1 } .mm-menu_position-front { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu_position-front.mm-menu_position-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu_position-bottom, .mm-menu_position-top { width: 100%; min-width: 100%; max-width: 100% } .mm-menu_position-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .mm-menu_position-top { height: 80vh; min-height: 140px; max-height: 880px } .mm-menu_position-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto } .mm-menu_position-bottom { height: 80vh; min-height: 140px; max-height: 880px } .mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu_shadow-page:after { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); content: ''; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow) } .mm-menu_shadow-page.mm-menu_position-right:after { left: auto; right: 100%; -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%) } .mm-menu_shadow-page.mm-menu_position-front:after { content: none; display: none } .mm-menu_shadow-menu { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow) } .mm-menu_shadow-panels .mm-panels>.mm-panel { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow) } body.modal-open .mm-slideout { z-index: unset } :root { --mmp-accent: #cc0047; --mmp-accent-dark: #a80039; --mmp-secondary: #223645; --mmp-secondary-dark: #17242e; --mmp-surface: rgba(255, 255, 255, 0.04); --mmp-surface-hover: rgba(255, 255, 255, 0.08); --mmp-line: rgba(255, 255, 255, 0.08); --mmp-text: rgba(255, 255, 255, 0.9); --mmp-text-dim: rgba(255, 255, 255, 0.55); --mmp-ease: cubic-bezier(0.4, 0, 0.2, 1); } :root { --mm-listitem-size: 50px; --mm-navbar-size: 56px; } .mm-menu, .mm-panels, .mm-panel { background: transparent; color: var(--mmp-text); } .mm-menu { background: linear-gradient(180deg, var(--mmp-secondary) 0%, var(--mmp-secondary-dark) 100%); box-shadow: 0 0 45px rgba(0, 0, 0, 0.4); font-family: "Poppins", sans-serif; } .mm-menu::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 3px; background: linear-gradient(180deg, var(--mmp-accent) 0%, transparent 65%); opacity: 0.6; pointer-events: none; z-index: 4; } .mm-navbar { background: rgba(255, 255, 255, 0.03); border-bottom: 1px solid var(--mmp-line); color: var(--mmp-text); } .mm-navbar__title > span { color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; } .mm-navbars_top .mm-navbar:first-child, .mm-panels > .mm-panel > .mm-navbar { position: relative; } .mm-navbars_top .mm-navbar:first-child::after { content: ""; position: absolute; left: 50%; bottom: -1px; width: 44px; height: 2px; transform: translateX(-50%); background: var(--mmp-accent); border-radius: 2px; } .mm-navbar .mm-btn { transition: opacity 0.25s var(--mmp-ease); } .mm-navbar .mm-btn:hover { opacity: 0.65; } .mm-listitem { border-color: var(--mmp-line); overflow: hidden; } .mm-listitem:after { border-color: rgba(255, 255, 255, 0.06); } .mm-listitem__btn, .mm-listitem__text { font-size: 15px; font-weight: 500; letter-spacing: 0.2px; transition: background-color 0.25s var(--mmp-ease), color 0.25s var(--mmp-ease), padding-left 0.25s var(--mmp-ease); } .mm-listitem::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 3px; border-radius: 0 3px 3px 0; background: var(--mmp-accent); transform: scaleY(0); transform-origin: center; transition: transform 0.25s var(--mmp-ease); z-index: 1; } .mm-listitem:hover::before, .mm-listitem_selected::before { transform: scaleY(1); } .mm-listitem:hover > .mm-listitem__text { background: var(--mmp-surface-hover); color: #fff !important; padding-left: 26px; } .mm-listitem_selected > .mm-listitem__text { background: var(--mmp-surface); color: #fff !important; font-weight: 600; } .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.18); } .mm-btn_next:after, .mm-btn_prev:before { border-color: rgba(255, 255, 255, 0.45); transition: border-color 0.25s var(--mmp-ease); } .mm-listitem:hover > .mm-btn_next:after, .mm-navbar .mm-btn_prev:hover:before { border-color: var(--mmp-accent); } .mm-counter { color: var(--mmp-text-dim); font-size: 12px; } .mm-divider { background: var(--mmp-secondary-dark); color: var(--mmp-text-dim); letter-spacing: 1.5px; font-weight: 600; } @keyframes mmpFadeUp { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem { animation: mmpFadeUp 0.4s var(--mmp-ease) both; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(1) { animation-delay: 0.05s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(2) { animation-delay: 0.1s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(3) { animation-delay: 0.15s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(4) { animation-delay: 0.2s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(5) { animation-delay: 0.25s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(6) { animation-delay: 0.3s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(7) { animation-delay: 0.35s; } .mm-menu.mmp-opening .mm-panel_opened > .mm-listview > .mm-listitem:nth-child(n+8) { animation-delay: 0.4s; } .mm-panel { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.18) transparent; } .mm-panel::-webkit-scrollbar { width: 5px; } .mm-panel::-webkit-scrollbar-track { background: transparent; } .mm-panel::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.18); border-radius: 10px; } .mm-panel::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.3); } .mmp-footer { background: rgba(0, 0, 0, 0.18); border-top: 1px solid var(--mmp-line); margin-top: 10px; padding: 4px 0 10px; } .mmp-social { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 16px 6px; } .mmp-social a { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--mmp-line); background: var(--mmp-surface); color: var(--mmp-text) !important; font-size: 18px; text-decoration: none; transition: background-color 0.25s var(--mmp-ease), border-color 0.25s var(--mmp-ease), transform 0.25s var(--mmp-ease), box-shadow 0.25s var(--mmp-ease); } .mmp-social a:hover { background: var(--mmp-accent); border-color: var(--mmp-accent); color: #fff !important; transform: translateY(-3px); box-shadow: 0 6px 14px rgba(204, 0, 71, 0.35); } .mmp-call { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px 20px 6px; padding: 13px 16px; border-radius: 40px; background: var(--mmp-accent); color: #fff !important; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 6px 16px rgba(204, 0, 71, 0.3); transition: background-color 0.25s var(--mmp-ease), transform 0.25s var(--mmp-ease), box-shadow 0.25s var(--mmp-ease); } .mmp-call:hover, .mmp-call:active { background: var(--mmp-accent-dark); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(204, 0, 71, 0.4); } .mmp-call i { font-size: 18px; line-height: 1; } .mobile-nav-toggler .bx-menu { transition: color 0.25s var(--mmp-ease), transform 0.25s var(--mmp-ease); } .mobile-nav-toggler:hover .bx-menu, .mobile-nav-toggler:active .bx-menu { color: var(--mmp-accent); transform: scale(1.08); } .mm-menu a:focus-visible { outline: 2px solid var(--mmp-accent); outline-offset: -2px; border-radius: 4px; } @media (prefers-reduced-motion: reduce) { .mm-menu *, .mm-menu *::before, .mm-menu *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } @font-face { font-display: swap;font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .owl-theme .owl-dots .owl-dot span{ background-color: #949494; width: 25px; height: 4px; } .owl-theme .owl-dots .owl-dot.active span{ width: 35px; background-color: #000; } .owl-nav { display: none; } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22,.61,.36,1) } .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform,opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5,0,.14,1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform,opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content { cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image,.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe,.fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button,.fancybox-button:link,.fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled],.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding: max(0px)) { .fancybox-caption { padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes a { to { transform: rotate(1turn) } } .fancybox-animated { transition-timing-function: cubic-bezier(0,0,.25,1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%,0,0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%,0,0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) } .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5,1.5,1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5,.5,.5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0,0,0) translate3d(-100%,0,0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0,0,0) translate3d(100%,0,0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%,0,0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%,0,0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) } @media (max-height: 576px) { .fancybox-slide { padding-left:6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding: max(0px)) { .fancybox-caption { padding-left:max(12px,env(safe-area-inset-left)); padding-right: max(12px,env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link,.fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0,0,0,.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25,.46,.45,.94); z-index: 99991 } .fancybox-thumbs__list a:focus:before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 } @media (max-width: 576px) { .fancybox-thumbs { width:110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } }