/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */:root {
     --mm-ocd-width: 80%;
     --mm-ocd-min-width: 100px;
     --mm-ocd-max-width: 140px
 }

 body.mm-ocd-opened {
     overflow-y: hidden;
     -ms-scroll-chaining: none;
     overscroll-behavior: none
 }

 .mm-ocd {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 100%;
     left: 0;
     z-index: 9999;
     overflow: hidden;
     -ms-scroll-chaining: none;
     overscroll-behavior: contain;
     background: rgba(0, 0, 0, 0);
     -webkit-transition-property: bottom, background-color;
     -o-transition-property: bottom, background-color;
     transition-property: bottom, background-color;
     -webkit-transition-duration: 0s, .3s;
     -o-transition-duration: 0s, .3s;
     transition-duration: 0s, .3s;
     -webkit-transition-timing-function: ease;
     -o-transition-timing-function: ease;
     transition-timing-function: ease;
     -webkit-transition-delay: .45s, .15s;
     -o-transition-delay: .45s, .15s;
     transition-delay: .45s, .15s
 }

 .mm-ocd--open {
     bottom: 0;
     background: rgb(0 0 0 / 60%);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
 }

 .mm-ocd__content {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 2;
     width: 80%;
     width: var(--mm-ocd-width);
     min-width: 120px;
     min-width: var(--mm-ocd-min-width);
     max-width: 300px;
     max-width: var(--mm-ocd-max-width);
     background: #fff;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: .5s;
     -o-transition-duration: .5s;
     transition-duration: .5s;
     -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
     -o-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
     transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28) ;
    box-shadow: 10px 0px 40px #0000005c;
 }

 .mm-ocd--left .mm-ocd__content {
     left: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

 .mm-ocd--right .mm-ocd__content {
     right: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0)
 }

 .mm-ocd--open .mm-ocd__content {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

 .mm-ocd__backdrop {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 3;
     width: calc(100% - 80%);
     width: calc(100% - var(--mm-ocd-width));
     min-width: calc(100% - 300px);
     min-width: calc(100% - var(--mm-ocd-max-width));
     max-width: calc(100% - 120px);
     max-width: calc(100% - var(--mm-ocd-min-width));
     background: rgba(3, 2, 1, 0)
 }

 .mm-ocd--left .mm-ocd__backdrop {
     right: 0
 }

 .mm-ocd--right .mm-ocd__backdrop {
     left: 0
 }

 .mm-spn,
 .mm-spn a,
 .mm-spn li,
  .mm-spn ul {
     display: block;
     padding: 0;
     margin: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

.mm-spn span {
    display: block;
    padding: 0;
    color: #00000003;
}

 :root {
     --mm-spn-item-height: 50px;
     --mm-spn-item-indent: 20px;
     --mm-spn-line-height: 24px
 }

 .mm-spn {
     width: 100%;
     height: 100%;
     -webkit-tap-highlight-color: transparent;
     -webkit-overflow-scrolling: touch;
     overflow: hidden;
     -webkit-clip-path: inset(0 0 0 0);
     clip-path: inset(0 0 0 0);
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
 }

 .mm-spn ul {
     -webkit-overflow-scrolling: touch;
     position: fixed;
     top: 0;
     left: 100%;
     bottom: 0;
     z-index: 2;
     width: 130%;
     padding-right: 30%;
     line-height: 24px;
     line-height: var(--mm-spn-line-height);
     overflow: visible;
     overflow-y: auto;
     background: inherit;
     -webkit-transition: left .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
     -o-transition: left .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
     transition: left .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
     cursor: default
 }

 .mm-spn ul:after {
     content: "";
     display: block;
     height: 50px;
     height: var(--mm-spn-item-height)
 }

 .mm-spn>ul {
     left: 0
 }

 .mm-spn ul.mm-spn--open {
     left: 0
 }

 .mm-spn ul.mm-spn--parent {
     left: -30%;
     overflow-y: hidden
 }

 .mm-spn li:first-child {
     margin-top: 1.5rem;
 }

 .mm-spn li {
     position: relative;
     background: inherit;
     cursor: pointer
 }

 /*.mm-spn li:before {
     content: "";
     display: block;
     position: absolute;
    *top: 25px;
     top: calc(var(--mm-spn-item-height)/ 2);
     right: 25px;
     right: calc(var(--mm-spn-item-height)/ 2);
         top: 40px;
         right: 24px;
         z-index: 1;
         width: 16px;
         height: 16px;
     z-index: 110;
     
     border-top: 2px solid;
     border-right: 2px solid;
     -webkit-transform: rotate(45deg) translate(0, -50%);
     -ms-transform: rotate(45deg) translate(0, -50%);
     transform: rotate(45deg) translate(0, -50%);
     opacity: 0;     
 }*/

 .mm-spn li:after {
     /*content: "";     */
     margin-left: 20px;
     margin-left: var(--mm-spn-item-indent);
     border-top: 1px solid;
     opacity: .15;
     margin-right: var(--mm-spn-item-indent);
 }

 .tartalom-sub img {
     max-width: 110px !important;
     padding-bottom: 0px;
     margin: 0;
         padding-top: 1rem;
 }
 
 .mm-spn i {
     color: #313132d6;     
 }
 .mm-spn i:hover {
     color: #f83821;
 }

 .mm-spn a:not(:last-child) {
     width: calc(100% - 50px);
     width: calc(100% - var(--mm-spn-item-height))
 }

 .mm-spn a:not(:last-child):after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     border-right: 1px solid;
     opacity: .15
 }

 .mm-spn.mm-spn--navbar {
     cursor: pointer
 }

 .mm-spn.mm-spn--navbar:before {
     content: '';
     display: block;
     position: absolute;
     top: 25px;
     top: calc(var(--mm-spn-item-height)/ 2);
     left: 14px;
     /*left: var(--mm-spn-item-indent);*/
     width: 10px;
     height: 10px;
     margin-top: 2px;
     border-top: 2px solid;
     border-left: 2px solid;
     -webkit-transform: rotate(-45deg) translate(50%, -50%);
     -ms-transform: rotate(-45deg) translate(50%, -50%);
     transform: rotate(-45deg) translate(50%, -50%);
     opacity: .4
 }

  .mm-spn.mm-spn--navbar.mm-spn--main {
     cursor: default;
     color: white;
     background: #f83821;     
 }

 .mm-spn.mm-spn--navbar.mm-spn--main:before {
     content: none;
     display: none
 }

 .mm-spn.mm-spn--navbar:after {
     content: attr(data-mm-spn-title);
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 50px;
     height: var(--mm-spn-item-height);
     padding: 0 20px;
     /*padding: 0 calc(var(--mm-spn-item-indent) * 2);*/
     line-height: 50px;
     line-height: var(--mm-spn-item-height);
     opacity: .8;
     text-align: center;
     overflow: hidden;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     font-size: 1rem;
     text-transform: uppercase;
 }

 .mm-spn.mm-spn--navbar.mm-spn--main:after {
     padding-left: 20px;
     padding-left: var(--mm-spn-item-indent)
 }

 .mm-spn.mm-spn--navbar ul {
     top: 51px;
     top: calc(var(--mm-spn-item-height) + 1px);
     background: white;
     color: #232323;
 }

 .mm-spn.mm-spn--navbar ul:before {
     content: '';
     display: block;
     position: fixed;
     top: inherit;
     z-index: 2;
     width: 100%;
     border-top: 1px solid currentColor;
     opacity: .15
 }
 
.mm-spn.mm-spn--light {
    font-size: 0.9rem;
    background: #f83821;
    color: white;
}
 .mm-spn.mm-spn--dark {
     color: #ddd;
     background: #333
 }

 .mm-spn.mm-spn--vertical {
     overflow-y: auto
 }

 .mm-spn.mm-spn--vertical ul {
     width: 100%;
     padding-right: 0;
     position: static
 }

 .mm-spn.mm-spn--vertical ul ul {
     display: none;
     padding-left: 20px;
     padding-left: var(--mm-spn-item-indent)
 }

 .mm-spn.mm-spn--vertical ul ul:after {
     height: 25px;
     height: calc(var(--mm-spn-item-height)/ 2)
 }

 .mm-spn.mm-spn--vertical ul.mm-spn--open {
     display: block
 }

 .mm-spn.mm-spn--vertical li.mm-spn--open:before {
     -webkit-transform: rotate(135deg) translate(-50%, 0);
     -ms-transform: rotate(135deg) translate(-50%, 0);
     transform: rotate(135deg) translate(-50%, 0)
 }

 .mm-spn.mm-spn--vertical ul ul li:last-child:after {
     content: none;
     display: none
 }