.mod_social_media_share a,
.mod_social_media_link a {
    display: inline-block;
    margin: 0 0.15em;
}

.mod_social_media_share a:link, .mod_social_media_share a:hover,
.mod_social_media_link a:link, .mod_social_media_link a:hover {
    border: none !important;
}

.mod_social_media_share img,
.mod_social_media_link img,
.mod_social_media_link svg
{
    vertical-align: middle;
}

.mod_social_media_link ul
{
    display: flex;
}

.mod_social_media_link ul li
{
    margin-right: 0.35rem;
}

.sm_name {
    display : none;
}

.sm_svg {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.facebook .sm_svg {
    background-color: rgb(59, 89, 152);
}

.twitter .sm_svg {
    background-color: rgb(85, 172, 238);
}

.instagram .sm_svg {
    background-color: rgb(218, 48,  117);
}

.googleplus .sm_svg {
    background-color: rgb(221, 75, 57);
}

.whatsapp .sm_svg {
    background-color: rgb(18, 175, 10);
}

.pinterest .sm_svg {
    background-color: rgb(189, 8, 28);
}

.email .sm_svg {
    background-color: rgb(1, 102, 255);
}

.print .sm_svg {
    background-color: rgb(10, 12, 155);
}

.mod_social_media_share a:link,
.mod_social_media_share a:hover {
    border: none !important;
}
.mod_social_media_share a:hover .sm_svg {
    opacity: 0.6
}
.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;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-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}
@charset "UTF-8";.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;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
.mm-menu .mm-listview.mm-border-none>li:after,.mm-menu .mm-listview>li.mm-border-none:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}.mm-menu .mm-listview.mm-border-full>li:after,.mm-menu .mm-listview>li.mm-border-full:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}.mm-menu .mm-listview.mm-border-offset>li:after,.mm-menu .mm-listview>li.mm-border-offset:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-fx-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}html.mm-opening .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-opening .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-fx-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}html.mm-opening .mm-menu.mm-fx-menu-fade{opacity:1}.mm-menu .mm-fx-panels-none.mm-panel,.mm-menu.mm-fx-panels-none .mm-panel{-webkit-transition-property:none;transition-property:none}.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-fx-panels-zoom.mm-panel,.mm-menu.mm-fx-panels-zoom .mm-panel{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0)}.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu .mm-fx-panels-slide-up.mm-panel,.mm-menu.mm-fx-panels-slide-up .mm-panel{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}.mm-menu.mm-fx-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mm-menu.mm-fx-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}.mm-menu.mm-fx-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
.mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}@media all and (max-width:140px){html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout{-webkit-transform:translate(10000px,0);-ms-transform:translate(10000px,0);transform:translate(10000px,0);-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@media all and (max-width:140px){html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout{-webkit-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);transform:translate(-10000px,0);-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}
html.mm-iconbar body{overflow-x:hidden}html.mm-iconbar .mm-page{background:inherit;min-height:100vh}html.mm-iconbar .mm-slideout{box-sizing:border-box;padding-right:60px;-webkit-transform:translate(60px,0);-ms-transform:translate(60px,0);transform:translate(60px,0);-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}.mm-menu.mm-iconbar{display:block}
.mm-menu .mm-panels>.mm-panel.mm-listview-justify:after,.mm-menu .mm-panels>.mm-panel.mm-listview-justify:before,.mm-menu.mm-listview-justify .mm-panels>.mm-panel:after,.mm-menu.mm-listview-justify .mm-panels>.mm-panel:before{content:none;display:none}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview,.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li,.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;min-height:40px}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li:not(.mm-divider),.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>span,.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>a:not(.mm-next),.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>span{box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mm-listview-small .mm-listview>li>a:not(.mm-next),.mm-listview-small .mm-listview>li>span{padding:7px 10px 7px 20px}.mm-listview-small .mm-listview>li.mm-vertical>.mm-next,.mm-listview-small .mm-vertical>.mm-listview>li>.mm-next{height:34px}.mm-listview-large .mm-listview>li>a:not(.mm-next),.mm-listview-large .mm-listview>li>span{padding:15px 10px 15px 20px}.mm-listview-large .mm-listview>li.mm-vertical>.mm-next,.mm-listview-large .mm-vertical>.mm-listview>li>.mm-next{height:50px}.mm-listview-huge .mm-listview>li>a:not(.mm-next),.mm-listview-huge .mm-listview>li>span{padding:20px 10px 20px 20px}.mm-listview-huge .mm-listview>li.mm-vertical>.mm-next,.mm-listview-huge .mm-vertical>.mm-listview>li>.mm-next{height:60px}.mm-listview .mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-listview .mm-inset{list-style:inside disc;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}
.mm-menu .mm-listview.mm-multiline>li>a,.mm-menu .mm-listview.mm-multiline>li>span,.mm-menu .mm-listview>li.mm-multiline>a,.mm-menu .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
.mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker{opacity:0}html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu.mm-opened.mm-pagedim~#mm-blocker{background:inherit}.mm-menu.mm-opened.mm-pagedim-white~#mm-blocker{background:#fff}.mm-menu.mm-opened.mm-pagedim-black~#mm-blocker{background:#000}
.mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;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:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu.mm-popup.mm-opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu.mm-popup.mm-opened~#mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-opening .mm-menu.mm-popup{opacity:1}
.mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-menu~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-offcanvas.mm-bottom{top:auto}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-shadow-page:after{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%)}.mm-menu.mm-shadow-page.mm-right:after{left:auto;right:100%}.mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after{content:none;display:none}.mm-menu.mm-shadow-page:after{box-shadow:0 0 10px rgba(0,0,0,.3)}.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.3)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.1)}.mm-menu.mm-shadow-page.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.1)}.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.05)}.mm-menu.mm-shadow-page.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.05)}.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,.2)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.3)}.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0 0;float:left;position:relative}.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before{content:none;display:none}.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}.mm-menu.mm-tileview .mm-listview{margin:0}
html.mm-widescreen body{position:relative}html.mm-widescreen #mm-blocker{display:none!important}html.mm-widescreen .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;width:70%!important;margin-left:30%!important}html.mm-widescreen .mm-page{background:inherit;box-sizing:border-box}html.mm-widescreen.mm-blocking,html.mm-widescreen.mm-blocking body{overflow:auto}.mm-menu.mm-widescreen{border-right-width:1px;border-right-style:solid;display:block!important;width:30%!important;min-width:0!important;max-width:none!important;top:0!important;right:auto!important;bottom:0!important;left:0!important;z-index:100!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-menu.mm-widescreen.mm-pageshadow:after{content:none;display:none}
.mm-menu.mm-autoheight{-webkit-transition:none .4s ease;transition:none .4s ease;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.mm-menu.mm-autoheight:not(.mm-offcanvas){position:relative}.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened,.mm-menu.mm-measureheight .mm-panel:not(.mm-vertical){display:block!important}.mm-menu.mm-measureheight .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-columns{-webkit-transition-property:width;transition-property:width}.mm-columns .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-columns .mm-panels>.mm-panel.mm-opened,.mm-columns .mm-panels>.mm-panel.mm-subopened{border-left:1px solid;border-color:inherit;display:block!important}.mm-columns .mm-panels>.mm-columns-0{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-columns-0 .mm-panels>.mm-panel{z-index:0}.mm-columns-0 .mm-panels>.mm-panel else{width:100%}.mm-columns-0 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0}html.mm-opening .mm-menu.mm-columns-0~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-0~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:0px){html.mm-opening .mm-menu.mm-columns-0~.mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:0px){html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-columns .mm-panels>.mm-columns-1{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-columns-1 .mm-panels>.mm-panel else{width:100%}.mm-columns-1 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-columns-1~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-1~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-columns-1~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-columns .mm-panels>.mm-columns-2{-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-columns-2 .mm-panels>.mm-panel else{width:100%}.mm-columns-2 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px}html.mm-opening .mm-menu.mm-columns-2~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-2~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1100px){html.mm-opening .mm-menu.mm-columns-2~.mm-slideout{-webkit-transform:translate(880px,0);-ms-transform:translate(880px,0);transform:translate(880px,0);-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1100px){html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout{-webkit-transform:translate(-880px,0);-ms-transform:translate(-880px,0);transform:translate(-880px,0);-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}.mm-columns .mm-panels>.mm-columns-3{-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-columns-3 .mm-panels>.mm-panel else{width:100%}.mm-columns-3 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px}html.mm-opening .mm-menu.mm-columns-3~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-3~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1650px){html.mm-opening .mm-menu.mm-columns-3~.mm-slideout{-webkit-transform:translate(1320px,0);-ms-transform:translate(1320px,0);transform:translate(1320px,0);-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1650px){html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout{-webkit-transform:translate(-1320px,0);-ms-transform:translate(-1320px,0);transform:translate(-1320px,0);-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}.mm-columns .mm-panels>.mm-columns-4{-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-columns-4 .mm-panels>.mm-panel else{width:100%}.mm-columns-4 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px}html.mm-opening .mm-menu.mm-columns-4~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-4~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2200px){html.mm-opening .mm-menu.mm-columns-4~.mm-slideout{-webkit-transform:translate(1760px,0);-ms-transform:translate(1760px,0);transform:translate(1760px,0);-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2200px){html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout{-webkit-transform:translate(-1760px,0);-ms-transform:translate(-1760px,0);transform:translate(-1760px,0);-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}.mm-columns.mm-offcanvas.mm-bottom,.mm-columns.mm-offcanvas.mm-top{width:100%;max-width:100%;min-width:100%}html.mm-opening .mm-columns.mm-offcanvas.mm-front,html.mm-opening .mm-columns.mm-offcanvas.mm-next{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}em.mm-counter+a.mm-next{width:90px}em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}em.mm-counter+a.mm-fullsubopen{padding-left:0}em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span{padding-right:90px}.mm-vertical>.mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}.mm-nosubresults>.mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:10;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-dropdown .mm-menu{z-index:2}html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu.mm-tipleft:before{left:22px}.mm-menu.mm-tipright:before{right:22px}.mm-menu.mm-tiptop:before{top:-8px}.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panels>.mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.mm-iconpanel .mm-panels>.mm-panel.mm-opened,.mm-iconpanel .mm-panels>.mm-panel.mm-subopened{border-left:1px solid;border-color:inherit;display:block!important}.mm-iconpanel .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}.mm-subblocker{background:inherit;opacity:0;display:block;max-height:100%;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.mm-subopened .mm-subblocker{opacity:.6;bottom:-100000px}
.mm-keyboardfocus a:focus{outline:0}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.5)}
.mm-navbars-bottom,.mm-navbars-top{background:inherit;border-color:inherit;border-width:0;overflow:hidden;position:absolute;left:0;right:0;z-index:3}.mm-navbars-bottom>.mm-navbar,.mm-navbars-top>.mm-navbar{border:none;padding:0;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbars-top{border-bottom-style:solid;border-bottom-width:1px;top:0}.mm-navbars-bottom{border-top-style:solid;border-top-width:1px;bottom:0}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-hasnavbar-top-1 .mm-panels{top:40px}.mm-hasnavbar-top-2 .mm-panels{top:80px}.mm-hasnavbar-top-3 .mm-panels{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-hasnavbar-bottom-1 .mm-panels{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%}
.mm-menu.mm-rtl{direction:rtl}.mm-menu.mm-rtl.mm-offcanvas{right:auto}.mm-menu.mm-rtl .mm-panel:not(.mm-opened){-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-rtl .mm-panel.mm-subopened{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}.mm-menu.mm-rtl .mm-navbar .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-navbar .mm-prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}.mm-menu.mm-rtl .mm-listview .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-rtl.mm-iconpanel .mm-panel{-webkit-transition-property:right,-webkit-transform;transition-property:right,-webkit-transform;transition-property:transform,right;transition-property:transform,right,-webkit-transform}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit}
.mm-search,.mm-search input{box-sizing:border-box}.mm-search{height:40px;padding:7px 10px 0 10px;position:relative}.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:4px;font:inherit;font-size:14px;line-height:26px;display:block;box-sizing:border-box;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-search .mm-clear,.mm-search .mm-next{right:0}.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}.mm-panel.mm-hassearch.mm-hasnavbar>.mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}.mm-noresults .mm-indexer{display:none!important}li.mm-nosubresults>a.mm-next{display:none}li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:15;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.85%}.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.5)}.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2}label.mm-check:before,label.mm-toggle:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked~label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-top:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked~label.mm-check:before{opacity:1}li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0}li.mm-vertical label.mm-toggle{top:5px}li.mm-vertical label.mm-check{top:5px}label.mm-check,label.mm-toggle{right:20px}label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}label.mm-check+a,label.mm-check+span{padding-right:60px}a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.75)}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }

  /* Sections
     ========================================================================== */

  /**
   * Remove the margin in all browsers.
   */

  body {
    margin: 0;
  }

  /**
   * Render the `main` element consistently in IE.
   */

  main {
    display: block;
  }


  /**
  * Remove default margin.
  */
  body, ul, ol, table, address, video, h1, h2, h3, h4, h5, p, a, img, figure, blockquote {
    margin: 0;
    padding : 0;
  }


  /* Grouping content
     ========================================================================== */

  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }

  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /* Text-level semantics
     ========================================================================== */

  /**
   * Remove the gray background on active links in IE 10.
   */

  a {
    background-color: transparent;
  }

  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }

  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

  b,
  strong {
    font-weight: bolder;
  }

  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /**
   * Add the correct font size in all browsers.
   */

  small {
    font-size: 80%;
  }

  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /* Embedded content
     ========================================================================== */

  /**
   * Remove the border on images inside links in IE 10.
   */

  img {
    border-style: none;
  }

  /* Forms
     ========================================================================== */

  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }

  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

  button,
  input { /* 1 */
    overflow: visible;
  }

  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

  button,
  select { /* 1 */
    text-transform: none;
  }

  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */

  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }

  /**
   * Remove the inner border and padding in Firefox.
   */

  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  /**
   * Restore the focus styles unset by the previous rule.
   */

  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  /**
   * Correct the padding in Firefox.
   */

  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }

  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }

  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

  progress {
    vertical-align: baseline;
  }

  /**
   * Remove the default vertical scrollbar in IE 10+.
   */

  textarea {
    overflow: auto;
  }

  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }

  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }

  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }

  /* Interactive
     ========================================================================== */

  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

  details {
    display: block;
  }

  /*
   * Add the correct display in all browsers.
   */

  summary {
    display: list-item;
  }

  /* Misc
     ========================================================================== */

  /**
   * Add the correct display in IE 10+.
   */

  template {
    display: none;
  }

  /**
   * Add the correct display in IE 10.
   */

  [hidden] {
    display: none;
  }

body {
    font-family: sans-serif;
    line-height: 1.4;
    color: #333333;
    background-color: #ffffff;
    --block-padding: 0.75;
}

a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-position: under;
}

a:hover,
a:focus {
    text-decoration-thickness: 1px;
}

a:focus {
    outline: none;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
    border-bottom: none;
}

img {
    vertical-align: middle;
    image-rendering: inherit;
}

figure > a:has(img) {
    display: block;
}

figure img {
    display: inline;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.inline {
    display: inline;
}

.bold {
    font-weight: bold;
}

[data-pagination] ol,
ul {
    list-style-type: none;
}

.italic {
    font-style: italic;
}

.pad-left {
    padding-left: 1rem !important;
}

.pad-right {
    padding-right:  1rem !important;
}

.pad-bottom {
    padding-bottom: 1rem;
}

.content-multicolumnStart {
    position: relative;
}

figure {
    margin-bottom: 1.5rem;
}

iframe {
    width: 100%;
}

.clear-float {
    clear: both;
}

.nodecoration,
.nodecoration:hover,
.nodecoration:focus{
    border: none;
    color: inherit;
}

.mobile-center,
.center,
.center .inside_ce {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.image_container > a,
.center img {
    display: block;
}

.center img {
    margin: auto;
}

.error {
    color: #d14;
}

.block {
    margin-bottom: 1rem;
}

.mod_article:before,
.mod_article:after,
.block:before,
.block:after {
    display: table;
    content: " ";
}

.mod_article:after,
.block:after {
    clear: both;
}

.content-text p, .content-text ul, .content-text ol, .content-text table, .mod_search p, cite, address {
    font-style: normal;
    margin-bottom: 1rem;
}

.content-list ul:before, .content-text ul:before {
    content: ' ';
    display: table-cell;
    margin-top: -10px;
}

.content-list ul li, .content-text ul li {
    padding-left: 1rem;
    /* may add bg grafic */
}


.content-list ul li:before, .content-text ul li:before {
    content: '› ';
    font-weight: bold;
    margin-left: -1rem;
    background: none;
    float: left;
    width: auto;
    clear: both;
}

img, video {
    max-width: 100%;
    height: auto;
}

div.space1em {
    padding-bottom: 1rem !important;
}

div.space2em {
    padding-bottom: 2rem !important;
}

div.space3em {
    padding-bottom: 3rem !important;
}

div.space-line {
    padding-top: 1rem !important;
    margin-bottom: 2rem !important;
	border-bottom: 1px solid #000;
	height: 1px;
}

.hidden, .invisible {
    display: none !important;
    visibility: hidden !important;
}

table {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
    border-spacing: 0px;
    border-collapse: collapse;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.4;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table thead > tr > th {
    vertical-align: bottom;
    border: 0;
    border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table table {
    border-bottom: 1px solid #dddddd;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover tbody > tr:hover > td,
.table-hover tbody > tr:hover > th {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    display: table-cell;
    float: none;
}


/* gallery */
*[data-list-pagination]:not(*[data-list-pagination="ready"]),
*[data-list-random]:not(*[data-list-random="ready"]) {
    display: none;
}

.content-gallery {}

.content-gallery ul:before,
.content-gallery ul:after {
    display: table;
    content: " ";
}

.content-gallery ul:after {
    clear: both;
}

.content-gallery li {
    float: left;
    width: auto;
    box-sizing: border-box;
}

.content-gallery .col_first {
    clear: both;
}

.content-gallery {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
    margin-top: -0.5rem !important;
    box-sizing: border-box;
}

.content-gallery [data-pagination],
.content-gallery h1,
.content-gallery h2,
.content-gallery h3,
.content-gallery h4 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.content-gallery .caption {
    display: none;
}

.content-gallery figure {
    margin: 0.5rem;
}

.content-gallery img{
    width: 100%;
}

.content-gallery figure a {
    display: block;
}

.content-gallery--cols-2 li{
    width: 50%;
}

.content-gallery--cols-3 li{
    width: 33.333%;
}
.content-gallery--cols-4 li{
    width: 25%;
}

.content-gallery--cols-5 li{
    width: 20%;
}

.content-gallery--cols-6 li{
    width: 16.666%;
}


/* lightbox  */
#cboxOverlay {
    background: #023960;
}

#cboxContent {
    margin-top: 2em;
}

#cboxCurrent, #cboxTitle {
    color: #fff;
    top: -1.2em;
    padding: 0 0.5em;
}

#cboxLoadedContent {
    border: 5px solid #fff;
    background: #fff;
}

#cboxNext{
    right: 10px;
}

#cboxPrevious{
    left: 10px;
}

#cboxClose {
    top: 10px;
    right: 0px;
}

#cboxLoadedContent {
    display: table-cell;
    vertical-align: middle;
}

#cboxLoadedContent table {
    width: 100%;
    border: 1px solid #004f9f;
}

#cboxLoadedContent table thead {
    background: #c5c5c5;
    color: #333;
    font-weight: 500;
    border-bottom: 2px solid #777;
}

#cboxLoadedContent table tbody {
    border: 1px solid #004f9f;
}

#cboxLoadedContent table td {
    border: 1px solid #c5c5c5;
    padding: 0.25em;
}

#cboxLoadedContent table td p {
    margin: 0;
    padding: 0;
}

#cboxLoadedContent table td p .underline_p {
    border-color: transparent;
}


/*pagination*/
[data-pagination],
.pagination{
    clear: both;
    margin: 2rem 0 1rem;
}

[data-pagination] li,
.pagination p,
.pagination li {
    margin: 0 5px 5px 0;
    padding: 0;
    color: #0c2239;
}

[data-pagination] li,
.pagination li {
    float: left;
    width: auto;
}

[data-pagination] a,
.pagination a,
.pagination strong {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #ddd;
    transition: all 0.3s ease 0s;
    text-decoration: none !important;
    width: auto;
    float: left;
    padding: 2px 5px 0;
    font-weight: normal;
    color: inherit;
}

[data-pagination] .active,
.pagination .active {
    color: #fff !important;
    border: 1px solid #ccc !important;
    background-color: #888;
}

[data-pagination] a:hover,
.pagination a:hover {
    background-color: #888;
    color: #fff !important;
}


/* SITEMAP STYLES
-------------------*/
#main .mod_sitemap.block {
    margin-bottom: 3rem;
}

.mod_sitemap ul.level_1 li {
    margin-top: 1.5rem;
}

.mod_sitemap ul.level_2 li {
    margin-top: 0;
}

.mod_sitemap ul li{
    position: relative;
}

.mod_sitemap ul li:before {
    content: "–";
    position: absolute;
    left: 0;
    width: 1.5rem;
}

.mod_sitemap ul li {
    padding-left: 1rem;
}

.mod_sitemap ul li ul li{
    margin-left: 1rem;
}


/* Clear Floated Elements */
.clear {
    clear: both;
}


em strong,
strong em {
    font-style: italic;
    font-weight: bold;
}

.content-youtube .inside_ce {
    position: relative;
    padding-bottom: 56%; /* play with this until right */
    height: 0;
    width: 100%;
    overflow: hidden;
    display: block;
}

iframe {
    border: 0;
}

div.content-youtube .inside_ce object,
div.content-youtube .inside_ce iframe  {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {

    .mobile-center {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: unset !important;
    }
}




/* Hide/Show Query
--------------------*/
@media screen {
    .hide-mobile {
        display: none;
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .hide-mobile {
        display: block;
	}
}

/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    .hide-desktop {
        display: none;
    }
}
/* Hide/Show ends
--------------------*/


/* Image Left-Right Query
--------------------*/
@media screen {

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .media--left .content-div,
    .media--right .content-div {
        display: flex;
        flex-direction: row !important;
        column-gap: calc(var(--block-padding) * 2rem);
        margin-top: -5px;
    }

    .media--left .content-div figure,
    .media--right .content-div figure {
        max-width: calc(33.33% - var(--block-padding) * 1rem);
        margin-top: 5px;
    }    
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Image Left-Right ends
--------------------*/



/* Contao Content Slider swiper-slide  Query
--------------------*/
@media screen {
    .swiper {
 
    }
    .swiper button {
        left: -1rem;
    }
    .swiper button.swiper-button-next {
        left: auto;
        right: -1rem;
    }

    .swiper-wrapper {
        display: flex;
        justify-content: stretch;
        margin-bottom: 1rem;
    }

    .swiper button {
        width: 3rem;
        height: 3rem;
        --swiper-navigation-top-offset: 100%;
        --swiper-navigation-size: 1rem;
        --swiper-navigation-color: #fff;   
        border-color: #fff;
        border-radius: 1.5rem;
    }
    
    .swiper-slide {
        background-color: #fff;
        height: auto;
    }
    

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Contao Content Slider ends
--------------------*/
/* HEADER Query
--------------------*/
@media screen {
    #header {
      z-index: 3;
      display: block;
      margin: 0;
      width: 100%;
      user-select: none;
      position: relative;
      background: #fff;
    }

    #header .inside {
      position: relative;
    }

    .headerSpace {
      z-index: -1;
    }

    .fixedHeader #header {
      position: fixed;
      top:0;
      left: 0;
      right:0;
    }

    .fixedHeader .headerSpace {
      position: relative !important;
    }


    #header .container {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }    
/* 
    #header .inside_art {
      display: flex;
      align-items: center;
    } */

    .logo,
    .logo figure {
      margin-bottom: 0;
    }

    .logo .inside_ce {
      width: auto !important;
    }
    
    .logo img {
      object-fit: contain;
      position: relative;
      z-index: 1;
      width: 200px;
    }


  }

  /* 480px */
  @media only screen and (min-width: 480px) {
  }

  /* min-width:768px */
  @media only screen and (min-width: 768px) {

    /* #header .inside_art {
      align-items: flex-start;
      justify-content: space-between;
    } */

  }

  /* min-width:992px */
  @media only screen and (min-width: 992px) {
    #header .container {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }

    .logo {
      min-width: 29%;
      max-width: 29%;
    }

    .logo img {
      width: 240px;
    }
  }

  /* min-width:1100 */
  @media only screen and (min-width: 1100px) {
 
    .logo img {
        width: 250px;
    }
  }

  /* min-width:1300 */
  @media only screen and (min-width: 1300px) {
  }

/* Media ends
--------------------*/
/* hamburger  Media Query
--------------------*/
@media screen {
    .mm-slideout {
        z-index: 2;
    }
    
    /* there may be 2 instances of .nav-icon-wrap 1inHeader and 1inMMenu*/
    .nav-icon-wrap {
        z-index: 1;
        position: absolute;
        top:  1.25rem;
        right: 1rem;
        display: inline-block;
        display: flex;
        width: auto;
        color: var(--theme-color3);
        text-transform: uppercase;
    }

    .nav-icon {
        margin: 0 0 0 0.25rem;
        float: right;
        width: 30px;
        height: 30px;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
        position: relative;
    }

    .nav-icon span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        opacity: 1;
        right: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        border-radius: 2px;
        background: var(--theme-color4);
    }

    .nav-icon-wrap .nav-icon:hover span {
        background: var(--theme-color2);
    }

    .nav-icon span:nth-child(1) {
        top: 0px;
    }

    .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
        top: 10px;
        width:80%;
        margin-right: 0;
    }
    
    .nav-icon span:nth-child(4) {
        top: 20px;
    }

    .mm-opened_ .mm-panel .nav-icon span {
        border-radius: 0;
        height: 2px;
        top: 17px;
        right: 0;
        left: 1px;
        width: 70%;
        margin: auto;
        transform-origin: center;
    }
    
    .mm-opened_ .nav-icon span:nth-child(1) {
        top: 0px;
        width: 0%;
        left: 50%;
    }
    
    .mm-opened_ .nav-icon span:nth-child(2) {
        transform: rotate(45deg);
    }
    
    .mm-opened_ .nav-icon span:nth-child(3) {
        transform: rotate(-45deg);
    }
    
    .mm-opened_ .nav-icon span:nth-child(4) {
        top: 10px;
        width: 0;
        left: 50%;
    }
    
    .mm-opened_ .mm-panel .nav-icon-wrap {
        top: 0.5rem;
        right: 1.5rem;
    }

}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    .nav-icon-wrap {
        display: none;
        top:  2.5rem;
        right: 0.5rem;
    }
    .nav-icon {
        width: 40px;
        height: 30px;
    }
}
/*  hamburger ends 
--------------------*/

/* Close button
--------------------*/
@media screen {
    .mm-panels .close {
        width: 28px;
        height: 28px;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        float: right;
        cursor: pointer;
        text-indent: -9000px;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../../files/framework/images/icons/cross.svg);
        filter: brightness(100) invert(1);
    }

}
/* Close button ends
--------------------*/

/* Menu Query
--------------------*/
@media screen {
    /* donot block scroll this way (overflow: hidden), it shifts layout*/
    html.mm-blocking {
        overflow: auto;
    }
    html.mm-opened body{
        height: 100.7vh;
        overflow: hidden;
    }

    /* show scroll bar
    html.mm-opened {
        overflow: auto !important;
    }
    */

    .mm-menu { /* same #mm-mainNavi */
        background: var(--theme-color5);
        min-height: 100vh;
        --border-color: rgba(255, 255, 255, 0.15);
        --active-color:  rgba(255, 255, 255, 0.05);
        font-family: Inter, sans-serif;
    }
    
    .mm-panels {
        padding-bottom: 1.5rem;
    }
    
    .mm-listview {
        font-size: 18px;
    }

    .level_1.mm-listview {
        padding-bottom: 3rem;
        font-size: 20px;
    }
    
    /* border color*/
    .mm-panel > ul.mm-listview > li.first,
    .mm-panel > ul.mm-listview > li:first-child {
        border-top : 1px solid var(--border-color);
    }
    
    .mm-panel > ul.level_1.mm-listview > li:last-child:after {
        border-bottom : 1px solid var(--border-color);
    }
    
    .mm-listview > li, .mm-listview > li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after {
        border-color: var(--border-color)
    }   
    /* border color ends */
    
    /* arrow, plus, minus */
    .mm-listview a.mm-next {
        right: 0px;
        display: flex;
        height: auto;
    }

    .mm-menu .mm-listview>li .mm-next:after {
        border: none !important;
        width: 24px;
        height: 24px;
        background: url(../../files/framework/images/icons/arrow.svg) center center no-repeat;
        background-size: contain;
        cursor: pointer;
        right: 5px !important;
        transform: rotate(-90deg);
        transform-origin: center;
        filter: brightness(0) invert(1);
    }
    
    .mm-menu .mm-listview>li.mm-opened > .mm-next:after {
        transform: rotate(0deg);
    }
    /* arrow, plus, minus ends */


     /* 
    .mm-listview .mm-next{
        z-index: 0;
    }
     */

    html.mm-front .mm-menu.mm-offcanvas {
        z-index: 6;
    }

    /* removing dot dot dot for long items */
    .mm-listview > li > a {
        overflow: auto;
        white-space: normal;    
        color: var(--theme-color4);
        padding: 20px 15px;
    }
    
    
    .mm-menu .mm-listview a.mm-next {     
        height: 60px;
        display: flex;
        padding: 0 !important;
    }

    .mm-menu .level_3 a.mm-next {   
        height: 50px;
    }
    
    .mm-menu .mm-listview a.mm-next:before {
        content: "";
        display: block;
        margin: 10px;
        height: auto;
        border-left : 1px solid var(--border-color);
    }
        
    .mm-listview .mm-next+a, .mm-listview .mm-next+span {
        margin: auto;
    }

    .mm-menu .level_2 > li > a, .mm-menu .level_2 > li > span {
        color: #fff;
        padding-left: 40px;
        font-size: 18px;
    }
    
    .mm-menu .level_3 > li > a, .mm-menu .level_3 > li > span {
        padding: 14px;  
        padding-left: 70px;
    }
    
    .mm-menu .level_4 > li > a, .mm-menu .level_4 > li > span {
        padding: 10px;  
        padding-left: 90px;
    }
    
    .mm-menu .level_5 > li > a, .mm-menu .level_5 > li > span {
        padding-left: 110px;
    }
    
    .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
    .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
    .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
    .mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
        background: inherit;
    }
    

    .mm-panels .mm-listview .mm-panel {
        padding: 0;
    }

    .mm-panels>.mm-panel>.mm-listview {
        clear: both;
        margin-bottom: 2rem;
        margin-left: 0;
        margin-right: 0;
        padding-top: 1rem;
    }
    
    .mm-panels .mm-panel { /* #mm-1 */
        padding: 0 15px;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    
    .mm-panels>.mm-panel::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
    
    .mm-menu.mm-offcanvas {
        max-width: 100%;
        width: 100%;
    }

    .mm-panels>.mm-panel:before {
        height: 0;
    }


    /* links color */
    .mm-listview li a,
    .mm-menu .mm-listview>li.mm-selected>a.mm-next {
        color: #f0f;
    }

    .mm-listview li a {
        border: none;
        border-radius: 2rem;
        border-radius: 0;
        font-weight: 700;
        color: var(--theme-color4);
        text-align: left;
    }

    .mm-menu .mm-listview a:not(.mm-next):hover {
        background-color: var(--active-color);
    }

    .mm-menu .mm-listview>li.mm-selected > a.active,
    .mm-menu .mm-highlight a.active {
        color: var(--theme-color2);
        background-color: var(--active-color);
    }

    .mm-panels .nav-icon-wrap {
        position: absolute;
    }

    .mm-menu .hasIcon .navImage {
        width: 3rem;
        max-height: 3rem;
        margin-right: 0.5rem;
    }
}

@media only screen and (min-width: 375px) {
        
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
    .mm-menu.mm-offcanvas {
        max-width: 500px;
    }
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .mm-menu { 
        /*  margin-right: -20px;  hide scroller of the menu */
    }

    .mm-menu .mm-listview .mm-next:hover:after {
        transform: rotate(0deg);
    }
}


/* logo 
--------------------*/
@media screen {
    .mm-panel .logo {
        float: left;
        padding-top: 1.5rem !important;
    }

    .mm-panel .logo:after{
        display: none !important;
    }

    .mm-panel .logo img{
        width: 180px;
        margin-left: 1rem;
    }

    .mm-panel .logo img{
        filter: none !important;
    }

    .mm-panel address {
        background-color: var(--theme-color4);   
        color: #fff;     
        padding: 2rem;
        margin-left: -1rem;
        margin-right: -1rem;


    }
    .mm-panel address * {
        color: #fff !important;
    }

}
/* logo ends 
--------------------*/
@media screen {
    a {
        position: relative;
    }

    a,
    a:link {
        color: var(--link-color);
        border-bottom: none;
    }

    a:visited {
        color: var(--link-visited-color);
    }

    a:hover, a:active, a:focus {
        color: var(--link-hover-color);
    }

    a:has(img),
    figure a {
        border-bottom: none !important;
    }

    a.nonclick {
        cursor: default;
    }

    /* NAVIGATION STYLES
    ---------------------*/
    a.sprunglink:link, a.sprunglink:visited {
        position: absolute;
        top: -10000px;
        left: -10000px;
    }

    a.sprunglink:hover, a.sprunglink:active, a.sprunglink:focus {
        top: 1rem;
        left: 33px;
        height: 1.5rem;
        background-color: #ddd;
    }

    #nav-section {
        display: none;
        user-select: none;
    }

    p > .externallink { /* selecting a direct child, becoz we dont want this style on external link with link-button css */
        position: relative;
        margin-right: 0.75rem;
    }

    #container p > .externallink::after {
        position: absolute;
        left: auto;
        content: '';
        display: inline-block;
        height: 0.75em;
        width: 0.75em;
        background: url(../../files/framework/images/icons/external-link.svg) top left no-repeat;
        background-size: cover;
        background-size: 75% 75%;
    }

    #container .image_container .externallink::after {
        position: absolute;
    }



}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {


}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {
}





/* Main top Navigation Desktop
--------------------*/
@media screen {
    .js #mainNavi { 
        display: none;
        flex-grow: 1;
    }

    #mainNavi {
        padding: 0;
        margin: 0;
    }

    #mainNavi ul.level_1 {
        display: flex;
        justify-content: space-between;
        margin: 0;
        margin-left: auto;
        align-items: center;
    }

    #mainNavi a {
        font-weight: 700;
        border: none;
        color: #000;
        text-decoration: none;
        text-decoration-color:  var(--theme-color2);
    }


    #mainNavi li.activated > a {
        transition: var(--transition);
        color: var(--theme-color2);
    }

    #mainNavi li.hovered > a,
    #mainNavi a:hover {
        transition: var(--transition);        
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-decoration-color:  var(--theme-color2);
    }

    #mainNavi ul.level_1 > li {
        margin: 0 0.5rem;
        white-space: nowrap;
    }

    #mainNavi ul.level_1 > li > a {
        display: block;
        box-sizing: border-box;
    }

    /* #mainNavi ul.level_2 { */
    #mainNavi div.level_2 {
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 4rem;
        background: #fff;
        box-sizing: border-box;
        opacity: 0;
        padding-top: 0.5rem;
        padding-bottom: 1rem;     
        z-index: 2;
        width: 100%;
    }

    #mainNavi ul.level_2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: stretch;
        justify-content: center;
        padding-top: 1rem;
    }

    #mainNavi ul.level_2:before,
    #mainNavi ul.level_2:after {
        flex-grow: 1;
        content: "";
        display: block;
        max-width: 30%;
        min-width: 30%; 
        height: 0;
    }
    
    #mainNavi ul.level_2:before {
        order: 1; 
    }

    #mainNavi ul.level_2 > li {
        display: block;
        max-width: 30%;
        min-width: 30%;   
        min-height: 36px;
        white-space: normal;   
        display: flex;
        align-items: center;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        user-select: none; 
/* 
        border-right: 1px solid #000;
        text-align: center;
        justify-content: center; */
    }

    #mainNavi ul.level_2 > li:nth-child(3n) {
        border: 0;
    }

    #mainNavi ul.level_2 > li > a {
        padding: 0.5rem;
        display: block;
        cursor: pointer;
        text-transform: none;
    }

    #mainNavi ul.level_2 > li > a span {
        color: var(--theme-color1);
        display: block;
    }

    #mainNavi ul.level_2 > li > a:hover span {
        transition: var(--transition);
    }    

    #mainNavi div.subMenuHolder.level_3 {
        display: none;
    }


    #mainNavi .link-button  a{
        margin: 0;
        text-decoration: none;
        --btn_bg: var(--theme-color2);
        --btn_color: var(--theme-color2);
        color: #fff !important;
        --btn_hover_bg: var(--theme-color4);
        --btn_border_col: #fff;
        --btn_hover_border_col: var(--btn_bg);   
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

 
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {

    .js #mainNavi { 
        display: block;
    }

    #mainNavi ul.level_1 > li {
        margin: 0.5rem auto;
    }

    #mainNavi ul.level_1 > li:first-child {
        margin-left: 0;
        margin-left: calc(var(--block-padding)* 1rem);
    }

    /* #mainNavi li:hover > div.level_2, */
    /* #mainNavi li.hovered > div.level_2  */
    #mainNavi li.activated > div.level_2 {
        visibility: visible;   
        transition: opacity 0.2s linear;
        opacity: 1;        
        filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.35));
        box-shadow: 0 0 1000px 0 rgba(0, 0, 0, 0); /* safari hack */
    }


}

/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {

}
/* Main top Navigation ends
--------------------*/

/* Link-Button Query
--------------------*/
@media screen {
    button,
    input.link-button,
    input.submit,
    .submit,
    .back a,
    a.link-button,
    .link-button > a {
        cursor: pointer;
        display: inline-block;
        user-select: none;
        background: var(--btn_bg);
        color: var(--btn_color);
        padding: 0.35rem 1.5rem;
        border: 2px solid;
        border-radius: 1.5rem;
        border-color: var(--btn_border_col);
        transition: var(--transition);
        margin-top: 1rem;
        font-style: normal;
        white-space: nowrap;
        bottom: 0;
        position: relative;
        margin-bottom: 0;
        line-height: 1.4;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        text-shadow: none;
        text-decoration: none;
    }
    
    .back a {
        background-color: transparent;
        border-color: var(--link-color);
        color: var(--link-color);
    }

    button,
    input.submit {
        font-weight: 800; 
    }

    button:hover,
    input.link-button:hover,
    .submit:hover,
    .back a:hover,
    a.link-button:hover,
    .link-button > a:hover {
        background: var(--btn_hover_bg);
        color: var(--btn_hover_color);
        border-color: var(--btn_hover_border_col);
    } 

    .back a {
        /* margin-top: 1.5rem; */
    }

    /* color */
    .button-green {
        --btn_bg: var(--mut-lightgreen);
        --btn_color: #fff;
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--mut-green);
        --btn_border_col: var(--btn_bg);
        --btn_hover_border_col: var(--btn_hover_bg);
    }

    /* link-arrow */
    .link-arrow a {
        border-bottom: none;
        transition: var(--transition);
    }

    .link-arrow a:hover:after {
        position: relative;
        right: -0.25rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .back a,
    a.link-button,
    .link-button a {
        border-radius: 2rem;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Link-Button ends
--------------------*/

/* General Query
--------------------*/
@media screen {
    /* for js dynamically added flex box */
    .flexPad.block,
    .flexPad.block:before,
    .flexPad.block:after {
        margin: 0 !important;;
        height: 0 !important;;
        padding: 0 !important;
        border: 0 !important;
    }

    /* for centered flex boxes, ignore all pseudo spacer */
    [class^="flex-col"].boxcentered:after,
    [class*=" flex-col"].boxcentered:after,
    [class^="flex-col"].boxcentered:before,
    [class*=" flex-col"].boxcentered:before,
    .boxcentered .flexPad.block,
    .boxcentered .flexPad.block:before,
    .boxcentered .flexPad.block:after {
        display: none !important;
        flex-grow: unset !important;;
    }

    .boxcentered > .block, .boxcentered > .block {
        flex-grow: unset !important;
    }


    /* These variables need to be here, not within css rule below */
    [class^="flex-col"], [class*=" flex-col"] {
        --columns: 1;
        --gap: 0px;
        column-gap: var(--gap);
    }


    /* class on multicol wrapper, don't apply class on article, coz article may have other element */
    [class^="flex-col"]:not(.content-element-group), [class*=" flex-col"]:not(.content-element-group),
    [class^="flex-col"]:is(.content-element-group) > .inside_ce, [class*=" flex-col"]:is(.content-element-group) > .inside_ce {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        height: 100%;
        max-width: 100%;
    }

    [class^="flex-col"]:not(.content-element-group) > .block , [class*=" flex-col"]:not(.content-element-group) > .block,
    [class^="flex-col"]:is(.content-element-group) > .inside_ce > .block , [class*=" flex-col"]:is(.content-element-group) > .inside_ce > .block {
        flex-grow: 1;
        width: 100%;
        word-break: break-word;
    }


    [class^="flex-col"]:not(.content-element-group)  > .block , [class*=" flex-col"]:not(.content-element-group) > .block,
    [class^="flex-col"]:not(.content-element-group)  > .like-block , [class*=" flex-col"]:not(.content-element-group) > .like-block,
    [class^="flex-col"]:not(.content-element-group):after, [class*=" flex-col"]:not(.content-element-group):after,
    [class^="flex-col"]:not(.content-element-group):before, [class*=" flex-col"]:not(.content-element-group):before,

    [class^="flex-col"]:is(.content-element-group) > .inside_ce  > .block , [class*=" flex-col"]:is(.content-element-group) > .inside_ce > .block,
    [class^="flex-col"]:is(.content-element-group) > .inside_ce  > .like-block , [class*=" flex-col"]:is(.content-element-group) > .inside_ce > .like-block,
    [class^="flex-col"]:is(.content-element-group) > .inside_ce:after, [class*=" flex-col"]:is(.content-element-group) > .inside_ce:after,
    [class^="flex-col"]:is(.content-element-group) > .inside_ce:before, [class*=" flex-col"]:is(.content-element-group) > .inside_ce:before {
        width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
    }

    [class^="flex-col"]:after, [class*=" flex-col"]:after,
    [class^="flex-col"]::before, [class*=" flex-col"]:before {
        flex-grow: 1;
        content: "";
        display: block;
        height: 0;
        order: 1; /* default order is 0, so 1 should be enough to pull to the end */
    }


    [class^="flex-col"].autowidth > .block, [class*=" flex-col"].autowidth > .block {
        width: auto !important;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    [class^="flex-col"]:not(.content-element-group) > .block , [class*=" flex-col"]:not(.content-element-group) > .block,
    [class^="flex-col"]:is(.content-element-group) > .inside_ce > .block , [class*=" flex-col"]:is(.content-element-group) > .inside_ce > .block {
        word-break: normal;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}
/* General ends
--------------------*/


/* flex-col2 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 2 column */
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .flex-col2 {
        --columns: 2;
    }
}
/* flex-col2 ends
--------------------*/


/* flex-col3 Query
--------------------*/
@media only screen and (min-width: 480px) {
}

/* min-width:650px Tablet-portrait (and larger) */
@media only screen and (min-width: 650px) {
    /* 3 column */
    .flex-col3 {
        --columns: 3;
    }
}
/* flex-col3 ends
--------------------*/


/* flex-col4 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 4 column */
    .flex-col4 {
        --columns: 2;
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    /* 4 column medium like 2 col*/
    .flex-col4 {
        --columns: 2;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    /* 4 column */
    .flex-col4 {
        --columns: 4;
    }
}
/* flex-col4 ends
--------------------*/


/* flex-col5 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 5 column like 3 col */
    .flex-col5 {
        --columns: 3;
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    /* 5 column like 4 col */
    .flex-col5 {
        --columns: 4;
    }
}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    /* 5 column */
    .flex-col5 {
        --columns: 5;
    }
}
/* flex-col5 ends
--------------------*/



/* flex-col6 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 6 column small is like 2 col*/
    .flex-col6 {
        --columns: 2;
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    /* 6 column medium is like 3 col*/
    .flex-col6 {
        --columns: 3;
    }
}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    /* 6 column */
    .flex-col6 {
        --columns: 6;
    }
}
/* flex-col6 ends
--------------------*/


/* GAPS Query
--------------------*/
@media screen {

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .gap1 {
        --gap: 0.75rem;
    }

    .gap2 {
        --gap: 1.25rem;
    }
        
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* GAPS ends
--------------------*/
/* https://icomoon.io */
@font-face {
  font-family: 'paintworks';
  src:
    url('../../files/framework/fonts/paintworks/fonts/paintworks.ttf?1zxf06') format('truetype'),
    url('../../files/framework/fonts/paintworks/fonts/paintworks.woff?1zxf06') format('woff'),
    url('../../files/framework/fonts/paintworks/fonts/paintworks.svg?1zxf06#paintworks') format('svg');    
  font-weight: normal;
  font-style: normal;
  font-display: block;    
}


/* Google Font: Inter */
/* normals */
@font-face {
  font-family: 'Inter';
  src: url("../../files/framework/fonts/Inter/Inter-VariableFont_opsz\,wght.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("../../files/framework/fonts/Inter/static/Inter_18pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* Media Query
---------------------*/
@media screen {
    #footer {
        overflow: hidden;
        background-color: var(--theme-color4);
        color: #fff;
    }

    #footer .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #footer .heading,
    #footer h1, #footer h2, #footer h3 {
        border-bottom: none;
        padding: 0;
        text-align: left;
        margin-bottom: 1rem;
        text-transform: uppercase;
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
        color: #fff;
    }

    #footer a {
        text-decoration: none;
        border: none;
        color: #fff;
    }

    #footer a:hover {
        color: var(--theme-color2);
    }

    #footer .ce_multicolumnStart > .block {
        margin-bottom: 2rem;
    }
    #footer .ce_multicolumnStart > .ce_multicolumnStart {
        width: 100%;
    }

    #footer .mod_customnav {
        font-weight: 700;
    }

    #footer li {
        margin-bottom: 0.5rem;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}

/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {


    #footer .container { 
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    #footer .heading,
    #footer h1, #footer h2, #footer h3 {
        margin-bottom: 2rem;
        border: none;
    }

    #footer .ce_multicolumnStart.flex-col3 {
        justify-content: flex-start;
    }

    #footer .ce_multicolumnStart.flex-col3 .block {
        width: 30% !important; 
        flex-grow: unset;
    }

    #footer .ce_multicolumnStart > .ce_multicolumnStart {
        width: auto;
    }



}

/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* min-width:1300 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1300px) {
}
/* Footer ends
--------------------*/




/* Footer Navigation Query
--------------------*/
@media screen {
    .footerNavi {
        margin-top: 2rem;
        margin-left: auto;
        width: 100% !important;
    }

    .footerNavi li {
        margin: 1.5rem;
        line-height: 1.3;
        padding-left: 0 !important;
    }

    .footerNavi a {
        letter-spacing: 0;
        border: none;
        display: block;
        background-color: #fff;
        padding: 0.5rem 1rem;
        border-radius: 1.75rem;
        text-align: center;
        min-width: 100px;
        font-size: 22px;
        background-size: 50%;
        transition: var(--transition);
        transition-duration: 200ms;
        border: 2px solid transparent !important;
    }

    .footerNavi a:hover {
        background-color: var(--mut-lightgrey);
        border: 2px solid var(--mut-red) !important;
    }

    #footer .footerNavi a {
        color: var(--mut-darkgrey);
    }

    .footerNavi a:hover {

    }
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

    .footerNavi {
        margin-top: 0.25rem;
        width: 25% !important;
    }

    .footerNavi a {
        padding: 0.85rem 1rem;
    }

    .footerNavi li {
        margin: 0 0 1.5rem 0;
    }
}
/* Footer Navigation ends
--------------------*/


/* Footer Meta Navigation Query
--------------------*/
@media screen {

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}
/* Footer Meta Navigation ends
--------------------*/

/* Social Media Query
--------------------*/
@media screen {
    #footer .mod_social_media_link {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }

    #footer .mod_social_media_link h2 {
        margin: 0 0.5rem;
    }

    #footer .mod_social_media_link ul {
        align-items: flex-end;
        justify-content: flex-end;
    }

    #footer .mod_social_media_link ul li {
        margin-bottom: 0.75rem;
        margin-left: 0.85rem;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
    }


    #footer .mod_social_media_link ul li a{
        z-index: 1;
    }

    #footer .mod_social_media_link img {
        width: 2.4rem;
        border-radius: 1.2rem;
    }

    #footer .mod_social_media_link li:after {
        content: "";
        display: block;
        width: 2rem;
        height: 2rem;
        border-radius: 1.25rem;
        position: absolute;
        background-color: #fff;
    }

    #footer .mod_social_media_link img:hover {
        filter: brightness(0.75) saturate(50%);
        transition: var(--transition);
    }


}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    #footer .mod_social_media_link ul li {
        margin-right: 0;
    }
}
/* Social Media ends
--------------------*/












/* Footer More/Extra Query
--------------------*/

/* Footer More/Extra ends
--------------------*/

@media only screen {
	/* FROM STYLES */
	form div.formbody {
	  overflow: hidden;
	}

	div.widget {
	  margin: 0.5rem 0;
	  float: left;
	  width: 100%;
	}

	div.widget-explanation {
	  margin-top: 1.5rem;
	  margin-bottom: 0;
	}

	div.widget-explanation + div.widget-textarea {
	  margin-top: 0;
	}

	div.ce_form .widget.full-width,
	div.ce_form .widget.full-width label {
	  padding-left: 0;
	  padding-right: 0;
	}

	div.label_div {
	  clear: both;
	  float: left;
	  width: 100%;
	  box-sizing: border-box;
	  padding-right: 1rem;
	}

	div.field_div {
	  float: left;
	  width: 100%;
	  position: relative;
	  box-sizing: border-box;
	}

	div.label-top .label_div,
	div.label-top .field_div {
	  clear: both !important;
	  width: 100% !important;
	}

	form .label,
	form label {
		font-weight: inherit;
		display: inline-block;
	}

	.captcha_text {
	  display: block;
	}

	input[type="file"],
	input.text,
	input.captcha,
	textarea {
	  float: left;
	  width: 100%;
	  max-width: 100%;
	  height: auto;
	  background-color: var(--fieldcolor);
	  color: var(--inputtextcolor);
	  line-height: 1.8;
	  min-height: 2.5rem;
	  padding: 2px 2px 2px 10px;
	  box-sizing: border-box;
	  appearance: none;
	  resize: none;
	}

	input[type="file"] {
	  line-height: 1;
	  padding-top: 0.4rem;
	  padding-bottom: 0.4rem;
	}

	input[type="file"]::file-selector-button {
		padding: 0.5em;
		border: thin solid grey;
		border-radius: 3px;
		background-color: #fff;
	}
	  

	div.full-width div.field_div {
	  width: 100%;
	}

	fieldset {
	  clear: both;
	  padding: 0;
	  margin: 0;
	  border: 0;
	}

	fieldset legend {
	  font-size: inherit;
	  color: inherit;
	  border-color: var(--fld_bordercolor);
	  margin-bottom: 0.5rem;
	  display: none;
	}

	/* div.widget-checkbox .label_div,
	div.widget-radio .label_div {
	  display: none;
	} */

	input[type="checkbox"],
	input[type="radio"] {
	  position: absolute;
	  border: none;
	  opacity: 0;
	  background: transparent;
	  box-shadow: none;
	  left: -1000px;
	}

	.no-label fieldset.checkbox_container legend {
	  display: none;
	}

	.radio_container span,
	.checkbox_container span {
	  margin-bottom: 3px;
	  display: table;
	}

	.onsameline .radio_container span,
	.onsameline .checkbox_container span,
	.radio_container span.mandatory,
	.checkbox_container span.mandatory {
	  display: inline;
	}

	.radio_container label,
	.checkbox_container label {
		margin-left: 1.5rem;
		margin-right: 0.5rem;
	}

	.radio_container label:before,
	.checkbox_container label:before {
		background-color: var(--fieldcolor);
		content: "";
		float: left;
		width: 1rem;
		height: 1rem;
		margin-top: 0;
		margin-left: -1.5rem;
	}

	input[type="checkbox"]:checked + label:before {
	  display: inline-block;
	  background: transparent url("../../files/framework/images/icons/checkbox-button.svg") center center no-repeat;
	  background-color: var(--fieldcolor);
	  background-size: cover;
	  background-size: 75% 75%;
	}

	/*
	input[type="checkbox"]:focus + label:before {
	  border: 1px solid #fffffe;
	}
	*/

	input[type="radio"] {
	  margin: 0 0 3px;
	}

	.radio_container label:before {
	  border-radius: 0.75rem;
	}

	input[type="radio"]:checked + label:before {
	  display: inline-block;
	  background: url("../../files/framework/images/icons/radio-button.svg") center no-repeat;
	  background-color: var(--fieldcolor);
	  background-size: cover;
	}


	select {
	  appearance: none;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  border-radius: 0;
	  padding: 0.2rem 0.5rem;
	  width: 100%;
	  height: 100%;
	  background: transparent;
	  padding-right: 2rem;
	  text-indent: 0.01px;
	  border: 0;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 2;
	}

	select:focus {
	  outline: none;
	}

	select:-moz-focusring {
	  color: transparent;
	  text-shadow: 0 0 0 #000;
	}

	.select select {
	  color: inherit;
	}

	.select div.field_div {
	  height: 2.5rem;
	  position: relative;

	  padding: 0;
	  margin: 0;
	  overflow: hidden;
	  background: transparent;
	}

	.select div.field_div:after {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  width: 30px;
	  height: 100%;
	  line-height: 2rem;
	  background-size: cover;
	  content: "";
	  display: block;
	  border-left: 1px solid var(--fld_bordercolor);
	  background: transparent;
	  background: transparent url("../../files/framework/images/icons/select-arrow.svg") center no-repeat;
	  background-size: 70%;
	}


	/* submit */
	div.submit_container {
	  float: left;
	  width: auto;
	  margin-top: 1.5rem;
	}

	div.widget-submit .label_div {
		display: none;
	}

	div.widget-submit .field_div {
	  margin-top: 1.5rem;
	  margin-left: auto;
	  width: auto;
	}

	#tl_logout div.submit_container {
	  float: left;
	  margin-top: 0.2rem;
	}

	p#hint {
	  clear: both;
	}

	div.submit_container input.submit,
	div.submit_container button {
	  clear: both;
	  margin-bottom: 0.5rem;
	}

	input.submit,
	.button,
	form button {
		background-color: var(--fieldcolor);
	}

	input.submit:hover,
	.button:hover,
	form button:hover {
		/* navigation css */
	}

	form p.error {
	  margin-bottom: 0;
	}

	div.error input.text,
	div.error input.error,
	div.error input.captcha,
	div.error textarea {
	  background: var(--errorbackground);
	}


	.select div.field_div,
	div.error input.text:focus,
	div.error input.captcha:focus,
	div.error textarea:focus {
	  background: var(--fieldcolor);
	}

	input:invalid {
	  box-shadow: none !important;
	}

	input[type="file"],
	input.text,
	input.captcha,
	input.submit,
	input[type="radio"],
	textarea,
	.checkbox_container label:before,
	.radio_container label:before,
	.select div.field_div,
	.button,
	button {
		border: 1px solid var(--fld_bordercolor);
	}

	/* when above color is too light */
	.select div.field_div:after,
	.checkbox_container label:before,
	.radio_container label:before {
		border-color: var(--fld_bordercolor);
	}

	input.text:focus,
	input.captcha:focus,
	input.submit:focus,
	input[type="radio"]:focus,
	textarea:focus,
	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before{
		outline-width: 0;
		border: 1px solid var(--fld_bordercolorFocus);
	}

	form ::placeholder {
		color: var(--placeholdercolor);
		opacity: 0.8;
	}

	form button {
		padding: 0.5rem 1.5rem;
		border: none;
        transition: var(--transition);
	}

	form button:hover,
	form button:focus {

	}
  }

  /* display with min width 480 iphone lansacape */
  @media only screen and (min-width: 480px) {
  }

  /* min-width:768px Tablet-portrait (and larger) */
  @media only screen and (min-width: 768px) {

  }

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    div.widget {
        display: flex;
        flex-grow: 1;
        margin-bottom: 0.75rem;
    }
    div.label_div {
		margin-top: 5px;
        width: 30%;
		line-height: 1.2;
    }	
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/

/* media screen
-------------------*/
@media screen {

    .art_fullWidth .inside_art {
        background: none;
    }

    [class^="artbg-"] .inside_art, [class*=" artbg-"] .inside_art {
        position: relative;
    }

    [class^="artbg-"] a, [class*=" artbg-"] a,
    [class^="artbg-"] h1, [class*=" artbg-"] h2, [class^="artbg-"] h3, [class*=" artbg-"] h4, [class^="artbg-"] h5,
    [class^="artbg-"] .like-h1, [class*=" artbg-"] .like-h2, [class^="artbg-"] .like-h3, [class*=" artbg-"] .like-h4, [class^="artbg-"] .like-h5
    {
    }

    [class^="artbg-"], [class*=" artbg-"] {
        padding-top: 3rem;
        padding-bottom: 2rem;
        color: #fff;
    }

    /*BG Article
    --------------------*/
    .artbg-red {
        background: var(--theme-color2);
        --btn_bg: transparent;
        --btn_color: #fff;
        --btn_hover_color: var(--theme-color2);
        --btn_hover_bg: #fff;
        --btn_border_col: #fff;
        --btn_hover_border_col: #fff;       
    }

    .artbg-grey  {
        background: var(--theme-color3);
        color: inherit;
    }

    .artbg-blue  {
        background: var(--theme-blue-shade);
        color: inherit;
    }    

    .artbg-lightgrey  {
        background: var(--theme-color5);
        color: inherit;
    }


}


/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}



/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    [class^="artbg-"] .inside_art, [class*=" artbg-"] .inside_art {

    }
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
}


/* min-width:1100 */
@media only screen and (min-width:1100px) {

}
/*@media screen ends*/



/* Article BG IMAGE Query
--------------------*/
@media screen {
    .artbg,
    .artbg .container {
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center;
        background-size: cover;
        transition: 0s linear;
	}

    .artbg {
		/*background-attachment: fixed;*/ /* add this line from script */
        min-height: 350px;
        height: 350px;
		position: relative;
	}

	.artbg:before {
	}

    .artbg .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .artbg .container .block{
        margin: 0;
    }
}

/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    .artbg {
		/*background-attachment: fixed;*/ /* add this line from script */
        min-height: 400px;
        height: 400px;
        position: relative;
	}
}
/* Article BG IMAGE ends
--------------------*/



/* Media Query
--------------------*/
@media screen {
    /* .ce_multicolumnStart.bg-white {
        background: #fff;
    }

    This is old way: where multicolumn has class starting with .bg
    Newer way is to use same class *-box for regular CE and Multi-Col CE
    [class^=""].ce_multicolumnStart, [class*=" bg-"].ce_multicolumnStart {
        padding: 1rem 1rem 1px;
        padding-left: calc(var(--block-padding) * 1rem);
        padding-right: calc(var(--block-padding) * 1rem);
    }

    But you should not define any other class with -box in name
    */

    [class*="-box"].ce_multicolumnStart {
        margin-left: calc(var(--block-padding) * 1rem);
        margin-right: calc(var(--block-padding) * 1rem);
    }

    [class^="flex-"] > [class*="-box"] .inside_ce, [class*=" flex-"] >  [class*="-box"] .inside_ce {
        display: flex;
        height: 100%;
        box-sizing: border-box;
        flex-direction: column;     
    }

    [class*=" flex-"] > [class*="-box"] .content-div {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: flex-start;
        column-gap: calc(var(--block-padding) * 1rem);
    }


    [class*="-box"].ce_multicolumnStart,
    [class*="-box"] .inside_ce {
        /* you should not add padding or margin here */
        /* border-radius: calc(var(--block-padding) * 1.25rem); */
    }

    [class*="-box"].ce_multicolumnStart .block {
        /* remove bottom margin from .block inside colored-box but add bottom margin to colored-box */
        margin-bottom: 0 !important;
    }

    [class*="-box"].ce_multicolumnStart {
        /* add bottom margin to colored-box */        
        margin-bottom: 1.5rem;
    }

    [class*="-box"] .inside_ce {
        padding: 1rem;
    }

    [class*="-box"] .float_below {
        margin-top: auto
    }

    [class*="-box"] {
		color: #fff;
    }

    [class*="-box"] p:last-child {
        margin-top: auto;
        margin-bottom: 0;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    [class*="-box"].ce_multicolumnStart .inside_ce {
        padding: 1.5rem  0.5rem;
    }

    [class*="-box"] .inside_ce {

    }

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {


}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/

/* White Box
--------------------*/
@media screen {
    .ce_multicolumnStart.white-box,
    .white-box .inside_ce {
        background: #fff;
        color: var(--theme-black);
        --btn_bg: var(--mut-lightgreen);
        --btn_color: #fff;
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--mut-green);
    }
}
/* White Box ends
--------------------*/

/* beige Box Query
--------------------*/
@media screen {
    .ce_multicolumnStart.beige-box,
    .beige-box .inside_ce {
        background: var(--theme-color3);
        color: var(--theme-black);
    }
}
/* beige ends
--------------------*/

/* Red Box
--------------------*/
@media screen {
    .ce_multicolumnStart.red-box,
    .red-box .inside_ce {
        background: var(--theme-color2);
    }

    .ce_multicolumnStart.red-box *,
    .red-box .inside_ce * {
        color: #fff;
    }

    .ce_multicolumnStart.red-box li:before,
    .red-box .inside_ce li:before {
        filter: saturate(100%);
    }
}
/* Red Box ends
--------------------*/


@media screen {
    .like-h1, .like-h2,.like-h3, .like-h4,.like-h5,
	h1,h2,h3,h4,h5,h6 {
		font-family: Inter, sans-serif;
		font-style: normal;
		font-weight: 700;
		padding-top: 0.2rem;
		line-height: 1.1;
		margin-bottom: 1rem;
		color: var(--theme-color2);
	}

	.headline a {
		border: none !important;
	}

	.heading {
	}

	.like-h1,
    h1{
		font-size: 1.8rem;
	}

	#mood_content .like-h1,
    #mood_content h1 {
		color: #fff;
	}

	.like-h2,
	h2 {
		font-size: 1.35rem;
		margin-bottom: 0.5rem;
	}

	h2 + p {
		margin-top: 0.5rem;
	}

	.heading+ul {
		margin-top: 2rem;
	}

	.like-h3,
	h3 {
		font-size: 1.1rem;
	}

	.one-fourth-image .small-heading h2,
	.small-heading h3,
	.like-h4,
	h4 {
		font-size: 1rem;
		padding-bottom: 0.25rem;
		border-bottom: 2px solid var(--theme-color2);
	}

	h1 + h2,
	h2 + h3,
	h3 + h4 {
		margin-bottom: 0.8rem !important;
	}

    h1 + p, h2 + p, h3 + p, h4 + p ,
    h1 + ul, h2 + ul, h3 + ul, h4 + ul{
		/* margin-top: 1.15em; */
	}

	.like-h1,
	.like-h2,
	.like-h3,
	.like-h4,
	.like-h5 {
		display: block;
		margin-bottom: 0;
	}

	.ce_headline.block {
		margin-bottom: 0 !important;
	}
}


/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .like-h1, .like-h2,.like-h3, .like-h4,.like-h5,
	h1,h2,h3,h4,h5,h6 {
	}

	.like-h1,
    h1{

	}

	.like-h2,
    h2{

	}

	.small-heading h2,
	.like-h3,
	h3 {
		font-size:22px;
	}
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {

	.like-h1,
    h1{
		font-size: 36px;
		line-height: 1.2;
	}


	.like-h2,
    h2{
		font-size: 26px;
		line-height: 34px;
	}

	.small-heading h2,
	.like-h3,
	h3 {
		font-size: 22px;
		line-height: 28px;
	}	

	.like-h4,
    h4 {
		font-size: 16px;
	}
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {

}

/* Layout STYLES reffer to layout_refference.css
--------------------------------------------------------------------*/
@media screen {
	body:after{
        /*657117653656608769*/
        content : 'w<480px ';
        display : none;
    }

	#wrapper {
		margin: 0 auto;
	}

	#container {
		margin-top: 1rem;
	}

	.container {
		margin-right: auto;
		margin-left: auto;
		position : relative;
		box-sizing: border-box;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	.container:before,
	.container:after {
		display: table;
		content: " ";
	}

	.container:after {
		clear: both;
	}

    .ce_multicolumnStart:after {
        display: block;
        content: "";
        position: relative;
        width: 100%;
        clear: both;
    }

	.ce_multicolumnStart.con_mediumWidth  {
		margin: auto;
	}

	.mod_article {
		overflow: hidden;
	}

	#main {
		min-height: 55vh;
	}

	#main,#left,#right {
		position: relative;
	}

	#right,
	#left {
		display: none;
	}

	#header,
	#footer {
		clear: both;
	}

	#footer {
		position: relative;
	}

	.art_fullWidth > .container,
	.art_normalWidth > .container,
	.art_narrowWidth > .container {
		width: 100%;
	}

	.block
	{
		padding-left: calc(var(--block-padding) * 1rem);
		padding-right: calc(var(--block-padding) * 1rem);
		box-sizing: border-box;
	}

    .block .block {
        padding: 0;
    }

	/* .art_fullWidth .con_narrowWidth > .inside_ce {
		width: calc(100% - var(--block-padding) * 2rem);
	} */

	/* included articles */
	.mod_article:not(.art_fullWidth) .container .mod_article .container,
	.mod_article.art_fullWidth > .container  {
		width: 100%;
	}

	.art_fullWidth .con_mediumWidth > .inside_ce {
		box-sizing: border-box;
		padding-left:  1rem ;
		padding-right:  1rem;
	}


	#mood_content .container,	
	.art_fullWidth .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* remove gap at bottom */
	.art_fullWidth .inside_art {
		display: flex;
	}


}
/*@media ends*/


/* display with min width 414 iphone plus */
@media only screen and (min-width: 414px) {
}


/* display with min width 480 iphone landscape */
@media only screen and (min-width: 480px) {
	body:after{
        content : 'w480px ';
    }
}

/* display with min width 736 iphone plus landscape */
@media only screen and (min-width: 736px) {

}

/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
	body:after{
        content : 'w768px ';
    }

	.art_normalWidth > .container,
	.art_fullWidth .con_mediumWidth > .inside_ce {
		width: 100%;
	}

    .art_fullWidth .inside_art {
        margin: 0 !important;
		overflow: hidden;
    }

	.art_narrowWidth > .container,
	.art_normalWidth .con_mediumWidth > .inside_ce {
		width: 750px;
	}

	.art_fullWidth .con_narrowWidth > .inside_ce {
		width: calc(750px - var(--block-padding) * 2rem);
	}

	.art_normalWidth .con_narrowWidth > .inside_ce,
	.art_narrowWidth .con_mediumWidth > .inside_ce {
		width: 655px;
	}

	.art_narrowWidth .con_narrowWidth > .inside_ce {
		width: 500px;
	}

	.art_fullWidth .con_mediumWidth > .inside_ce {
		box-sizing: border-box;
		padding-left: calc((var(--block-padding) + 1) * 1rem);
		padding-right: calc((var(--block-padding) + 1) * 1rem);
	}
}

/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px) {
    body:after{
        content : 'w1024px';
    }

	#container {
		margin-top: 2rem;
	}

	.container,
	#mood_content .container,	
	.art_fullWidth .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#footer > .container,
	.mod_article.art_fullWidth > .container,
	.art_normalWidth > .container,
	.art_fullWidth .con_mediumWidth > .inside_ce {
		width: 1000px;
	}

	.art_fullWidth > .container,
	#mood_content .container {
		width: 100%  !important;		
	}

	.ce_multicolumnStart.con_mediumWidth,
	.art_narrowWidth > .container 
	{
		width: calc(873px + var(--block-padding) * 2rem);
	}

	.art_fullWidth .con_narrowWidth > .inside_ce {
		width: calc(900px - var(--block-padding) * 2rem);
	}

	.art_normalWidth .con_narrowWidth > .inside_ce {
		width: 750px;
	}

	.art_narrowWidth .con_narrowWidth > .inside_ce {
		width: 500px;
	}

	.ce_multicolumnStart_ {
		margin-left: calc(var(--block-padding) * -1rem);
		margin-right: calc(var(--block-padding) * -1rem);
    }

	/* makes narrow content ele. to right aligned. it only applies to CE */
	.block.left-space .inside_ce {
		margin-left: auto;
	}
}

/* min-width:1200 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {
    body:after{
        content : 'w1200px';
    }

	#footer > .container,
	.art_normalWidth > .container,
	.art_fullWidth .con_mediumWidth > .inside_ce {
		width: calc(1180px + var(--block-padding) * 2rem);
		/* background: yellow; */
	}

	.ce_multicolumnStart.con_mediumWidth,
	.art_narrowWidth > .container,
	.art_normalWidth .con_mediumWidth > .inside_ce
	{
		width: calc(850px + var(--block-padding) * 2rem);
	}

	.art_fullWidth .con_narrowWidth > .inside_ce{
		width: calc(1052px - var(--block-padding) * 2rem);
	}

	.ce_multicolumnStart.con_mediumWidth {
		/* width:calc(1000px + var(--block-padding) * 2rem); */
	}


}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
	#footer > .container,
	.art_normalWidth > .container,
	.mod_article.art_fullWidth > .container,
	.art_fullWidth .con_mediumWidth > .inside_ce {
		/* background: yellow; */
	}
}


/* reset width if inside ce_multicolumn
.ce_multicolumnStart .con_narrowWidth > .inside_ce,
.ce_multicolumnStart .con_mediumWidth > .inside_ce {
	width: 100%;
}*/


/* Jobs News Query
--------------------*/
@media screen {


    .layout_short_jobs {
        --border-radius: 1.5rem;
        background: var(--theme-color2) !important;
        color: #fff!important;
        padding: 10px calc(var(--border-radius) + 1rem) 10px 1rem;        
        border-radius: var(--border-radius);
        position: relative;
        margin-bottom: 1rem;
        font-weight: 700;
    }

    .layout_short_jobs:hover {
        background: var(--theme-color4) !important;
    }

    .layout_short_jobs a {
        color: #fff !important;
        text-decoration: none;
        display: block;
    }

    .layout_short_jobs a:hover {
        color: #fff!important;
    }

    .layout_short_jobs:before {
        font-family: 'paintworks' !important;
        content: "\e915";
        position: absolute;
        right: 1rem;
        top: 0.5rem;
        color: #fff;
        font-size: 1rem;
        pointer-events: none !important;
        
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Jobs News ends
--------------------*/
/* Contao TinyMCE content CSS file */
body#tinymce { color: #666966; background:none !important; background-color:#ffffff !important; }
._____GENERALS_____{}
.text-capital { text-transform: uppercase; }
.text-normal { text-transform: none; }
.text-black { color: #000; }
.text-white { color: #fff; }
.text-lead {}
.text-small { font-size: 80%;}
.like-h1 {}
.like-h2 {}
.like-h3 {}
.like-h4 {}

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center{ text-align: center; }
.text-nobreak { white-space: nowrap; }

._____KLASSEN_____{}
.link-button{}
.star{ font-size: 20px; color: red}
.hide-mobile{}
.back


/* TinyMCE STYLES
--------------------------------------------------------------------*/
#tinymce .content-text a { text-decoration: underline; color: #00c; }
#tinymce p, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4 { margin: 10px 3px 5px 1px; padding-left: 1px; }
#tinymce p { line-height: 1.6;
	border-left: 5px solid #CCC;
	border-bottom: 1px solid #EEE;
	border-top: 3px solid #FFF;
	background: transparent url(../../files/framework/images/tinymce/tag-visual.gif) 850px 0 no-repeat;
	padding-right: 30px; }
#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4 {
	border-left: 5px solid #CCDFFF;
	border-bottom: 1px solid #DEEEFF;
	border-top: 3px solid #FFF;
	background: transparent url(../../files/framework/images/tinymce/tag-visual.gif) -40px 0 no-repeat; padding-right: 30px; }
#tinymce.tl_content img { padding: 0 4px;}
#tinymce  ul, #tinymce  ol { min-height: 20px; border-left: 5px solid #F1A6FD; border-top: 3px solid #FFF; }
#tinymce b, #tinymce p b { min-width: 20px; min-height: 20px; border-left: 5px solid #fefefe; }
#tinymce li { padding: 2px 0; }
#tinymce sub, #tinymce sup { background-color :#d3f7cf}
#tinymce ul li span { background-color :#93FF9A; margin: 0 3px; line-height: 16px; }
#tinymce address { border-left: 5px solid #2C6; border-bottom: 1px solid #2C6; border-top: 3px solid #FFF; }
#tinymce table { width: 90%;}
#tinymce table th { border-top: 3px solid #4f4;}
#tinymce table th, #tinymce table td { padding: 1px;}
#tinymce blockquote {
	margin: 0;
	font-style: italic;
	border-left: 5px solid #cc071d;
	border-bottom: 1px solid #cc071d;
	padding: 10px;
}

#tinymce blockquote >:before,
#tinymce blockquote *>:before {
	content: '« ';
	margin-left: -10px;
	background-color: #defde7;
}

#tinymce blockquote >:after,
#tinymce blockquote *>:after {
	content: '»';
	padding-left: 5px;
	background-color: #defde7;
}

#tinymce blockquote p {
	background: none;
	padding: 0 10px;
	border-left: 5px solid #990;border-bottom: 1px solid #990;border-top: 3px solid #FFF;
}


#tinymce .text-capital { text-transform: uppercase; }
#tinymce .text-bold-italic { font-weight: bold; font-style:italic; }
#tinymce .text-bold { font-weight: 500; }
#tinymce .text-right { text-align: right; }
#tinymce .text-left { text-align: left; }
#tinymce .text-center { text-align: center; }
#tinymce .text-full { text-align: justify; }
#tinymce .text-underline { border-bottom: 1px solid; }
#tinymce .text-nobreak { background-color: rgba(159, 142, 217, 0.31); padding: 2px; white-space: nowrap; margin: 0 3px; }
#tinymce .text-deco { background-color: rgba(255, 188, 3, 0.38); padding: 2px; margin: 0 3px; }
#tinymce .text-white { color: #aaa; padding: 2px; }

#tinymce .text-red { color: #f00; }
#tinymce .star{  background-color: rgba(142, 113, 237, 0.38); padding: 2px; margin: 0 3px; }

#tinymce .like-h1,
#tinymce .like-h2,
#tinymce .like-h3,
#tinymce .like-h4,
#tinymce .like-h5 {
	border-left: 5px solid rgb(106, 148, 223);
	border-bottom: 1px solid rgb(106, 148, 223);
	border-top: 3px solid #FFF;
	background: transparent url(../../files/framework/images/tinymce/tag-visual.gif) -40px 0 no-repeat; padding-right: 30px;
	position: relative;
	left: -6px;
	bottom: -2px;
	display: inline-block;
}

#tinymce address,
#tinymce blockquote,
#tinymce p,
#tinymce ul,
#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4,#tinymce h5 {
	border-top-color: transparent;
	border-right-color: transparent;
}


@media only screen and (max-width: 479px) {
}


@media only screen and (min-width: 480px) {

}


/* DARK MODE .dark is added from tinyMCE init callback */
html.dark:root {
	color-scheme: dark;
}

html.dark #tinymce {
	background: #151619 !important;
}

html.dark #tinymce, html.dark th, html.dark td {
	color: #ddd;
}

html.dark #tinymce p {
	border-left-color: rgb(92, 86, 86);
	border-bottom-color:rgb(92, 86, 86);
}

html.dark #tinymce sub, html.dark #tinymce sup { background-color: #7eb636; color: #000; padding: 0 1px; }

html.dark #tinymce h1,
html.dark #tinymce h2,
html.dark #tinymce h3,
html.dark #tinymce h4,
html.dark #tinymce h5,
html.dark #tinymce .like-h1,
html.dark #tinymce .like-h2,
html.dark #tinymce .like-h3,
html.dark #tinymce .like-h4,
html.dark #tinymce .like-h5 {
	border-left-color: rgb(131, 43, 28);
	border-bottom-color: rgb(131, 43, 28);
}


@media screen {

	/* cookie bar codefog/contao-cookiebar */
	.cookiebar {
		background: var(--elair-blue) !important;
		color: #fff !important;
		z-index: 5;
		position: fixed;
		bottom: 0;
	}
	#cookiebar-text {
		margin: 1rem auto !important;
		font-size: 1rem;
		text-align: left;
	}

	.cookiebar__message {
		margin: 0;
	}

	#cookiebar-text a{
		color: #fff !important;
		text-decoration: none !important;
	}

	.cookiebar__button,
	.cookiebar button,
	.cookiebar button.big-btn {
		float: right;
		width: auto;
		color: #fff;
		border-radius: 0;
		text-transform: uppercase;
		font-size: 0.95rem;
		font-weight: 700;
		background-color: red;
	}
	.cookiebar__button:hover,
	.cookiebar button:hover {

	}

	.cookbar_wrap {
		display: block !important;
	}


}



/* Media Query
---------------------*/

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and langer) for width 1200px */
@media only screen and (min-width:1300px) {
}

/* Download CSS
--------------------*/
@media screen {
    .download-element {
        --dl-padding: 2.25rem;
        list-style-type:none;
        background: var(--mut-cream);
        padding: 0;
        box-sizing: border-box;
        line-height: 1.4;
        clear: both;
        margin-bottom: 1.25rem;
        position: relative;
        padding-left: var(--dl-padding);
        display: flex;
    }
    .download-element:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -3px;
        left: 0;
        width: 2.25rem;
        height: 2.25rem;
        transition: all 0.4s cubic-bezier(.25,.1,.25,1);
        background-image: url(../../files/framework/images/icons/file.svg);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
    }

    .download-element a {
        border: none;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-position: under;
    }

    /* .download-element.ext-jpg a:before {
        background-image: url(../../files/framework/images/icons/pdf.svg);
    } */

    .download-element.ext-xlsx:before {
        background-image: url(../../files/framework/images/icons/file-green.svg);
    }

    .download-element.ext-doc:before,
    .download-element.ext-docx:before {
        background-image: url(../../files/framework/images/icons/file-blue.svg);
    }    

    .download-element .size {
        white-space: nowrap;
        display: block;
        font-size: 80%;
        line-height: 1;
        margin-top: 0.35rem;
        margin-left: auto;
        color: var(--mut-darkgrey);
    }

    .ce_download .heading + p {
        margin-top: 2rem;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .download-element {
        --dl-padding: 2.5rem;
    }

    .download-element:before {
        top: -5px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Download CSS ends
--------------------*/


/* Arrow Query
--------------------*/
@media screen {
    .slick-arrow {
        background-color: transparent;
    }
    
    .slick-arrow:before
    {
        text-indent: -20000px;
        background-color: transparent;
        background-image: url(../../files/framework/images/icons/arrow-bold.svg);
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: center;   
    }

    .slick-prev:before {
        transform: rotate(-180deg);
    }

    .slick-arrow:hover {
        transform: scale(1);
        background-color: rgba(0, 0, 0, 0.05);
    }    

    .slick-initialized .slimage_container {
        background-color: transparent !important;
    }
}



/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .slick-arrow {
        --btn-size: 40px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .slick-arrow {
        --btn-size: 50px;
    }    
}

/* Arrow Query ends
--------------------*/

/* media screen
--------------*/
@media screen {
    /* interface */
        /* dots */
       .slide-dots-container {
            position: relative;
        }
        .slick-dots {
            bottom: 10px;
        }
        .slick-dots li {
            margin: 0 5px;
        }
        .slick-dots li button {
            box-shadow: none;
        }

        .slick-dots li button:before {
            color: #fff;
            content: "";
            width: 10px;
            height: 10px;
            -webkit-font-smoothing: none;
            background: none;
            opacity: 0.95;
            border: 3px solid #fff;
            border-radius: 10px;
            transform: rotate(45deg);
            transform-origin: center;
        }
    
        .slick-dots li.slick-active button:before {
            color: #fff;
            background-color: #fff;
            opacity: 1;
        }
    /* interface ends */

    .slick-track  {
        min-height: 115px;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }

	.bsce_slick .slick-track .slick-slide img {
		object-fit: cover;
		width: 100%;
		min-height: 100%;
	}

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .fullfill {
    }

    .slick-initialized .slimage_container,
    .slick-initialized .slvideo_container {
        background: #fff;
        /* background: linear-gradient(42deg, orange , yellow, green, cyan, blue, violet);         */
        opacity:1 !important;
    }



    .slick-slide .slimage_container,
    .slideTextContainer,
    .slick-animated .slideTextContainer {
        transition: none;
        transform: scale(1);
    }

    /* .slideTextContainer */
    .slideTextContainer {
        padding: 0.75rem;
        text-shadow: none;
        font-size: inherit;
        z-index: 1;
        opacity: 1;
    }

    .slideTextContainer,
    .slideTextContainer a {
        color: #fff !important;
        line-height: 1;
        margin-bottom: 0.25rem;
    }

    #mood_content .mod_bsslider {
       padding: 0;
    }



    /*paintwork*/
    .slider .mejs__layers, 
    .slider .mejs__controls {
        display: none !important;
    }
}
/*@media ends*/



@media only screen and (min-width: 320px) {
    .art_fullWidth .slider .slick-track {
        height: 300px;
    }
}

@media only screen and (min-width: 421px) {
    .art_fullWidth .slider .slick-track {
        height: 340px;
    }
}

@media only screen and (min-width: 667px) {
    .art_fullWidth .slider .slick-track {
        height: 360px;
    }
}

@media only screen and (min-width: 768px) {
    .art_fullWidth .slider .slick-track  {
        height: 435px;
    }

    .slick-track  {
        height: 435px;
    }
}

@media only screen and (min-width: 850px) {
    .art_fullWidth .slider .slick-track {
        height: 500px;
    }
    .slick-track  {
        height: 500px;
    }    
}

@media only screen and (min-width: 1024px) {
    .art_fullWidth .slider .slick-track {
        height: 520px;
    }
}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1300px) {
   
}

@media only screen and (min-width: 1600px) {

}
@media only screen and (min-width: 1800px) {

}
/* Media ends
--------------------*/



/* Sortiment Emmi Cafe Latte Query
--------------------*/
@media screen {
    .sortiment {
        width: 90%;
        margin: auto;
    }

    .sortiment .slick-prev.slick-arrow {
        left: -1rem;
    }

    .sortiment .slick-next.slick-arrow {
        right: -1rem;
    }


    .sortiment .slick-track  {
        height: 200px;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .sortiment .slick-track  {
        height: 380px;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Sortiment Emmi Yogurtpur ends
--------------------*/

/* Handorgel Query
--------------------*/
@media screen {
    .content-accordion {
        --border-radius: 1.5rem;
        border-bottom: none;
    }
    .content-accordion .handorgel__header {
        position: relative;
        margin-top: 1rem;
        z-index: 1;
    }

    .content-accordion .handorgel__header button:before {
        content: "";
        position: absolute;
        right: 1rem;
        top: 0;
        bottom: 0;
        pointer-events: none !important;
        transform-origin: center;
        width: 34px;
        height: 100%;
        background-image: url(../../files/framework/images/icons/arrow-white.svg);
        background-size: 60%;
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }
    .content-accordion .handorgel__header--opened button:before {
        transform: rotate(0);
    }

    .content-accordion button {
        background: var(--theme-color2) !important;
        color: #fff!important;
        border-top: none;
        padding: 10px calc(var(--border-radius) + 1rem) 10px 1rem;        
        border-radius: var(--border-radius);
        white-space: unset;
    }
    .content-accordion .handorgel__content {
        margin-top: calc(var(--border-radius) * -1);
        padding-top: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    .content-accordion h2 {
        font-size: 1.2rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Query ends
--------------------*/

/* Dienstleistungen Query
--------------------*/
@media screen {
    .dienstleistungen .handorgel__header {
        position: relative;
    }
    .dienstleistungen .handorgel__content {
        position: relative;
        overflow: hidden;
        padding-bottom: 4rem;
    }
    .dienstleistungen .handorgel__content:before {
        content: '';
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: var(--theme-color7);
        position: absolute;
        bottom: -2rem;
        right: -1rem;
    }
    .dienstleistungen .handorgel__content:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        width: 130px;
        height: 100px;
        background-image: url(../../files/framework/images/icons/Unfallschaden.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom right;
        z-index: 0;
    }

    .handorgel__content:has(.unfallschaden):after {    
        background-image: url(../../files/framework/images/icons/Unfallschaden.svg);
    }
    .handorgel__content:has(.carrosserieschaden):after {    
        background-image: url(../../files/framework/images/icons/Carrosserieschaden.svg);
    }
    .handorgel__content:has(.frontscheibe):after {    
        background-image: url(../../files/framework/images/icons/Glasbruch.svg);
    }
    .handorgel__content:has(.car-wellness):after {    
        background-image: url(../../files/framework/images/icons/Car-Wellness.svg);
    }
    .handorgel__content:has(.service):after {    
        background-image: url(../../files/framework/images/icons/Service_Support.svg);
    }   
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .dienstleistungen .handorgel__content {
        padding-bottom: 1rem;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Dienstleistungen ends
--------------------*/
/* Media Query
--------------------*/
@media screen {
    :root {
        --transition: all 0.4s cubic-bezier(.25,.1,.25,1);
        --fieldcolor: #ccc;
        --inputtextcolor: #333;
        --fld_bordercolor: #222;
        --fld_bordercolorFocus: #cb0000;
        --placeholdercolor: #999;
        --errorbackground:  rgb(248, 176, 176);
        --btn_bg: transparent;
        --btn_color: var(--theme-color2);
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--theme-color2);
        --btn_border_col:  var(--theme-color2);
        --btn_hover_border_col: var(--btn_bg);
        --link-color: #333;
        --link-hover-color: var(--theme-color2);
        
        --theme-black: #000;
        --theme-color1: #005881;
        --theme-color2: #FF5400;
        --theme-color3: #5D6060;
        --theme-color4: #1E2020;
        --theme-color5: #F0F0F0;
        --theme-color6: #3F4141;
        --theme-color7: #DCDFDF;
        
        --theme-blue-shade: linear-gradient(95.29deg, #005881 21.77%, #0070AD 75.71%);
        --theme-red-shade: linear-gradient(90deg, #E02E00 -185.73%, #E02E00 52.87%, #940C00 186.67%);
    }

    body {
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 1rem;
        letter-spacing: 0.01rem;
		-webkit-font-smoothing: antialiased;
        --bgsize: 100%;
    }

    .text-lead, 
    .link-button > a {
        font-weight: 700;
    }
    
    .text-lead {
        font-size: 1.35rem;
    }

    .content-list ul li:before, .content-text ul li:before {
        font-family: 'paintworks' !important;
        content: "\e91d";
        font-size: 0.5rem;
        line-height: 1.26rem;
    }

    .star {
        font-size: 36px;
        line-height: 1;
        overflow: hidden;
        display: inline-block;
        align-items: end;
        position: relative;
        background-color: pink;
        visibility: hidden;
        letter-spacing: 1px;
        height: 1rem;
        margin-bottom: -0.75rem;
    }

    .star:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1rem;
        display: inline-block;
        background-image: url(../../files/framework/images/icons/red-star.svg);
        background-repeat:repeat-x;
        background-size: 18px;
        background-position: left center;
        visibility: visible;
    }

    .swiper-pagination {
        --swiper-pagination-color: var(--theme-color4);
    }

    .googlemap {
        height: 250px;
    }

    /* linklist */
    .block + .linklist .link-button a {
        margin-top: -0.5rem;
        margin-bottom: 1rem;
    }

    .linklist li:before {
        display: none;
    }

    .linklist li {
        padding-left: 0 !important;
        margin-right: 1rem;
        display: inline-block;
    }    

    /* Article with no spaces */
    .nospace,
    .nospace .block,
    .nospace figure {
        margin: 0;
        padding: 0;
    }

    /* Article BG with top different color dienstleistung paintworks
    --------------------*/
    .mod_article {
        position: relative;
    }
    .mod_article.top-white:before {
        content: "";
        width: 100%;
        height: 200px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .text-lead {
        font-size: 2.75rem;
    }    
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .googlemap {
        height: 400px;
    }    
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .text-lead {
        font-size: 2.9rem;
    }        
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}

/* Media ends
--------------------*/


/* Nimkontakt Article class
--------------------*/
@media screen {
    .mod_article:has(.nimkontakt) {
        padding-top: 1.25rem;
        padding-bottom: 1rem;
    }
    .nimkontakt {
        --btn_bg: transparent;
        --btn_color: var(--theme-color2);
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--theme-color4);
        --btn_border_col: #fff;
        --btn_hover_border_col: var(--btn_bg);
        padding-top: 0rem;
        padding-bottom: 0rem;
        text-align: center;
    }

    .nimkontakt a {
        text-decoration: none;
    }

    .nimkontakt .block {
        margin: 0 !important;
    }
    .nimkontakt * {
        color: #fff !important;
    }

    .nimkontakt li:last-child {    
        --btn_bg: var(--theme-color2);
        --btn_color: #fff;
        --btn_hover_bg: var(--theme-color4);
        --btn_border_col: var(--btn_bg);  
        --btn_hover_border_col: var(--btn_hover_bg);   
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .nimkontakt .content-div > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/



/* Dienstleistung Slider  Query
--------------------*/
@media screen {
    .content-swiper {
        margin-bottom: 2rem !important;
    }
    .dienstleistung-swiper .swiper-pagination {
        --swiper-pagination-bottom: -1.5rem;
        --swiper-pagination-bullet-width: 10px;
        --swiper-pagination-bullet-height: 10px;
        --swiper-pagination-color: #fff;
        display: none;
    }

    .dienstleistung-swiper.swiper  {
        overflow: unset;
    }    

    .dienstleistung-swiper.swiper button {
        display: none;
    } 

    .dienstleistung-swiper .swiper-slide {
        color: var(--theme-color6);
        border-radius: 2rem;
        overflow: hidden;
    }

    .dienstleistung-swiper figure {
        max-height: 130px;
        padding: 1.5rem;
        background-color: var(--theme-color5);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dienstleistung-swiper figure img {
        min-height: 130px;
        width: 100%;
    }

    .dienstleistung-swiper figure + div {
        padding: 0 1rem;
    }    
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Dienstleistung ends
--------------------*/


/* Protrait Query
--------------------*/
@media screen {
    .portrait {
        margin-bottom: 1.5rem;
    }
    .portrait figure {
        border-radius: 50%;
        max-width: 80px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .portrait figure img {
        max-width: 80px;
    }

    .portrait figure + div {
        flex-grow: 1;
    }

    .portrait p:has(.like-h4) {
        margin-bottom: 0.5rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .portrait {
        margin-bottom: 3rem;
    }

    .portrait figure img {
        max-width: 200px;
    }


    .portrait .content-div {
        display: flex;
        align-items: center;
    }

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Protrait ends
--------------------*/
/*  This is done to preload pseudo image: the image don't load at first Ctrl+P otherwise */
#footer:after {
    content: url('../../files/framework/images/icons/QR-Link.svg') !important;
    display: block;
    position: absolute;
    right: 0;
    top: 25pt;
    left: -999999999px;
    height: auto; /* anyway you can not set for pseudo image*/
    width: auto;
    visibility: hidden;
}

/* GLOBAL STYLES
--------------*/
@media print {
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
    {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        font-family: 'Open Sans', Helvetica,Arial, san-serif;
    }

    a {
        text-decoration: none !important;
        border: none !important;
        color: inherit !important;
    }

    .inline {
        display: inline;
    }

    .bold{
        font-weight: bold;
    }

    .italic {
        font-style : italic;
    }

    .line_through {
        text-decoration:line-through
    }

    .error {
        color : #bb3030;
    }

    ul {
        list-style-type: none;
    }

    .pad_left {
        padding-left : 15pt;
    }

    .pad_right {
        padding-right : 15pt;
    }

    .pad_bottom {
        padding-bottom : 16pt;
    }

    input, select, textarea {
        font-family : Helvetica,Arial,san-serif;
    }

    .capital {
        text-transform : uppercase;
    }

    .right {
        float: right;
        width : auto;
    }

    abbr {
        border : none;
        cursor : help;
        font-style : italic
    }

    .left, ul.galleryImg li, .pagination ul li {
        float: left;
        width : auto;
    }

    .ce_text {
        clear : left;
        margin-bottom: 15pt;
    }

    #main .ce_image {
    }

    * html #main .mod_article {
    }

    .ce_download, .ce_downloads {
        padding-top : 8pt;
        margin-bottom : 8pt;
    }


    .image_container img {
        /* margin-top : 8pt; */
    }

    .ce_text ul,  .ce_list ul, .ce_text ol, .ce_list ol  {
        clear : both;
        margin-bottom : 20px;
        list-style-type : square;
        list-style-position : outside;
    }

    .ce_text ol li, .ce_list ol li  {
        list-style-type:decimal;
    }

    .ce_list ul li, .ce_text ul li {
        padding-left: 0;
        margin-left: 1rem;
    }

    .ce_list ul li:before, .ce_text ul li:before {
        content : '' !important;
    }

    .caption {
        clear: both;
        font-size : 11pt;
        padding-bottom :10pt;
    }

    .invisible, #mainNavi, .subNavi, #model-close, .nav-icon-wrap,
    .back, .mod_bsslider, .slick-slider,
     #footerNavi, .widget-captcha , .widget-submit,
    #footer-like .link-button,
    .header-icons,
    .navigation,
    .more,
    .link-box,
    .emptyP,
    .mod_customnav,
    .mod_navigation,
    .search-form,
    .logo-footer,
    .mod_changelanguage,
    .mod_social_media_link,
    #searchForm,
    .headerSpace,
    #footer .logo,
    .mod_breadcrumb,
    .ce_contentSeparator,
    .link-button.less,
    .link-button.more,
    #footer .ce_image,
    .float_below_box img[src=svg]{
        display: none !important;
    }


    .clear, #clear {
        clear:both;
        height:0.1px;
        line-height:0.1px;
        font-size:0.01em;
        overflow:hidden;
    }

    p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 10px; }


    /* LAYOUT STYLES
    --------------------------------------------------------------------*/

    body {
        font : 12pt/1.4 'Open Sans';
        font-family: 'Open Sans', Helvetica,Arial,san-serif;
        background: #fff !important;
        color: #333333;
    }

    #wrapper {
        margin: 0 auto;
        background-color: #fff;
        position: relative;    
    }


    #wrapper {
        padding-top: 20pt;
        width: calc(100% - 40pt);
    }


    #header{
        position: relative !important;
        overflow: hidden;
        border-bottom: 2px solid #FF5400;
        margin-bottom: 20px;
        padding: 10pt 0;
    }

    #footer {
        margin-top: 20pt;
        page-break-inside: avoid !important;
        border-top: 2px solid #FF5400;
        position: relative;    
    }

    #footer:before {
        content: "https://paintworkag.ch";
        display: block;
        float: right;
        font-size: 10pt;
        font-size: 11px;
        position: absolute;
        right: 0;
        top: 10pt;
    }

    #footer:after {
        left: auto;
        width: 70pt;
        visibility: visible;
        /* refer to top */
    }


    #main {
        padding : 10pt 0;
    }

    #right .inside .mod_article, #right .inside .block {
        margin-top : 10px;
        padding-top : 10px;
    }

    #footer .inside {
        clear  : both;
        position: relative !important;
        padding-top: 10pt;
    }


    /* HEADER STYLES
    --------------------------------------------------------------------*/
    .logo {
        width: auto;
        margin-bottom: 5pt;
    }

    .logo figure {
        margin-bottom: 0;
    }

    .logo img {
        float: left;
        width: 145pt;
    }


    /* OTHERS STYLES
    --------------------------------------------------------------------*/
    h1,h2,h3,h4 {
        font-weight: 700;
        font-style: normal;
        line-height: 1.2;      
    }
    h1, .like-h1 { font-size: 17px;}
    h2, .like-h2 { font-size: 15px; }
    h3, .like-h3 { font-size: 13px; }
    h4, .like-h4 { font-size: 12px; }

    .like-h1, .like-h2,.like-h3, .like-h4,.like-h5,  
	h1,h2,h3,h4,h5,h6 {
        color: #000;
	}

    h1 br,
    h2 br,
    h3 br,
    h4 br {
        display: none;
    }

    #main .ce_text p {
        padding-bottom : 5pt;
        box-sizing: border-box;
        overflow: visible;
    }

    .ce_headline {
        margin-bottom: 0;
        margin-top: 16pt;
    }

    .text-lead {
        font-size: 18pt;
    }

    [class^="flex-col"]:is(.content-element-group) > .inside_ce {
        display: flex;
        flex-wrap: wrap;
        gap: 10pt;
        justify-content: space-between;
    }

    .flex-col2  > div {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-right: 10px;
    }

    figcaption br {
        display: none;
    }

    #footer .ce_text {
        float: left;
        width: 50%;
        clear: none;
    }

    /* SITEMAP STYLES
    ----------------------------------*/
    .mod_sitemap{

    }

    ul#sitemap_tree a {

    }

    ul#sitemap_tree li {
        margin-top : 8pt;
    }

    ul#sitemap_tree ul li {
        margin-top : 3px;
    }

    ul#sitemap_tree li {
        list-style-type : square;
        margin-left : 16pt;
    }

    ul#sitemap_tree li ul {
        font-weight : normal;
        margin-left : 0px;
    }
    /* FROM STYLES
    ------------------*/
    .ce_form {
        margin-bottom: 26px;
    }

    #main form label {
        clear : both;
        float : left;
        width : 100%;
        margin: 5px 0 0 0;
    }

    #main form .checkbox_container input {
        float: left;
        clear : both;
        width : 20px;
    }

    #main form .checkbox_container label {
        clear : none;
        width : 90%;
    }

    span.captcha_text {
        float : left;
        width : 237px;
        margin : 3px 0 0 0;
        padding-left : 130px;
    }

    #main form input.text, #main form textarea {
        float : right;
        width : 400px;
        font : 12pt/14px 'Open Sans', Helvetica,Arial,san-serif;
        padding : 3px;
        margin : 5px 0;
        color : #808080;
        border : 1px solid #000;
    }

    fieldset {
        clear : both;
    }

    div.submit_container input.submit {
        float : right;
        width : 100px !important;
        color : #333333;
        background-color : #CCCCCC;
        margin-right : 308px;
        font : 12pt/22px  'Open Sans', Helvetica,Arial,san-serif;
        height : 22px;
        padding : 0;
    }

    .ce_gallery {
        margin: 0 !important;
    }

    .ce_gallery a {
        position: relative;
    }
      
    .ce_gallery a::after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .ce_gallery a img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }    

    .image_container,
    img {
        display: inline-block !important;
        page-break-inside: avoid !important;
    }

    .float_right + .content-div,
    .float_left + .content-div {
        width: 50%;
        box-sizing: border-box;
        overflow: visible !important;
        display: inline-block !important;
        page-break-inside: avoid !important;
    }
    .float_right + .content-div {
        padding-right: 2rem;
    }        
    .float_left + .content-div {
        padding-left: 2rem;
    }


    /* page */
    @page {
        size: A4;
        /* margin: 50pt auto 160pt; Cuts Text off; dont use */
        margin-top: 40pt; 
    }
    @page :first {
        /* margin-top: 15pt; */
        margin-top: auto; 
    }


    .swiper .swiper-pagination,
    .swiper button {
        display: none;
    }
    .swiper-wrapper {
        display: block;
    }

    .swiper-slide {
        width: auto !important;
    }


    .portrait {
        margin-bottom: 10pt;
    }

    .portrait .content-div {
        display: flex;        
        align-items: center;
        column-gap: 20pt;
    }    

    .portrait figure {
        max-width: 200px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .portrait figure img {
        max-width: 150px;
        border-radius: 50%;
    }

    .portrait figure + div {
        flex-grow: 1;
    }

    .portrait p:has(.like-h4) {
        margin-bottom: 0.5rem;
    }

    .dienstleistung-swiper .swiper-slide {
        margin-bottom: 30pt;
    }

    .dienstleistung-swiper img {
        max-width: 120pt;
        max-height: 70pt;
    }

} /*@media ends*/
