.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../bundles/bsslickslider/css/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../bundles/bsslickslider/css/./fonts/slick.eot');
    src: url('../../bundles/bsslickslider/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../bundles/bsslickslider/css/./fonts/slick.woff') format('woff'), url('../../bundles/bsslickslider/css/./fonts/slick.ttf') format('truetype'), url('../../bundles/bsslickslider/css/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* BS Custom */
.slick-slide {
    overflow: hidden;
}

/* New slick.js 1.8.1 adds extra div wrapper arround the slide. so this is needed */
.slick-slide > div,
.slick-slide div.slidechild
{
    position: relative;
    height: 100%;
}

.slick-initialized.slick-slider {
    display: block;
}

.slick-initialized .slimage_container, .slick-initialized .slvideo_container {
    opacity: 1 !important;
}




/* Arrow Query
--------------------*/
@media screen {
    .slick-arrow {
        --btn-size: 30px;
        width: var(--btn-size);
        height: var(--btn-size);
        border-radius: calc(var(--btn-size) / 2);
        overflow: hidden;
        text-indent: -999999px;
        padding: 0;
        margin: 0;
        z-index: 1;
        background: chartreuse;
    }

    .slick-arrow:hover,
    .slick-arrow:focus {
        background-color: #ff0;
        outline: none;
    }
    
    .slick-arrow:hover:before,
    .slick-arrow:focus:before
    {
        opacity: 1;
    }

    .slick-arrow:before
    {
        line-height: var(--btn-size);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;        
        width: 100%;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon points='160,115.4 180.7,96 352,256 180.7,416 160,396.7 310.5,256 '/%3E%3C/svg%3E");        background-size: 80%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;   
    }

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

    .slick-prev { left: 0 }
    .slick-next { right: 0 }
}

/* 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;
    }    


    .slick-prev { left: -25px }
    .slick-next { right: -25px }    
}

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

/* Dots
--------------*/
@media screen {
    .slick-dots {
        bottom: 10px;
        display: flex;    
        justify-content: center;
        margin: 0 50%;
        width: auto;
        transform: translateX(-50%);
    }
    .slick-dots li {
        margin: 0 5px;
    }
    .slick-dots li button {
        box-shadow: none;
        margin: 0;
        padding: 0;
    }

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

    .slick-dots li.slick-active button:before {
        color: #fff;
        background-color: chartreuse;
        opacity: 1;
    }
}
/* Dots Ends
--------------*/





/*BS custom */
.slimage_container,
.slvideo_container {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: static;
    height: 100%;
}

.slick-track .slick-slide img,
.slick-track .slick-slide picture {
    position: absolute ;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    height: auto;
    width: auto;
    z-index: 1;
}

div.slick-slide .mejs__container,
.mejs__layers {
    width: 100%;
    height: 100% !important;
}

/* think it reduces flikering of last/first slide image */
.slimage_container {
    position: relative;
    background-color: #fff;
}

.slick-slide .slimage_container > a,
.fullfill.slick-slide .mejs__container {
    width: 100% !important;
}

div.slick-slide .mejs__container video {
    margin: 0 auto;
    display: block;
    object-fit: cover;
}

.slick-slide .slimage_container > a,
.fullfill.slick-slide img,
.fullfill.slick-slide picture,
.fullfill.slick-slide .mejs__container,
.fullfill.slick-slide video,
.mejs__container iframe {
    position: absolute ;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    width: 100%;
    max-width: none;
}

.mejs__container-fullscreen video,
.mejs__container-fullscreen iframe {
    margin-top: auto !important;
}

.slick-slide .slimage_container > a::after,
.slick-slide .slimage_container > a::after {
    display: none !important;
    border: none !important;
}

/* transition: <property> <duration> <timing-function> <delay>; */
.slick-slide .slimage_container  {
    transform: scale(1.15);
}

.slick-animated .slimage_container {
    transition: transform 3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transform: scale(1);
}

/*  slideTextContainer*/
.slideTextContainer {
    position : absolute;
    top : 0;
    bottom : 0;
    left : 0;
    right :0;
    color : #fff;
    padding: 2em;
    box-sizing: border-box;
    height:100%;
    min-height:100%;
    width : 100%;
    display: table;
    background: none;
    /* fix for flashing background
    http://stackoverflow.com/questions/5472802/css-z-index-lost-after-webkit-transform-translate3d
    -webkit-transform: translate3d(0px, 0px, 0px);
    */
    text-shadow: 1px 0px 2px rgba(150, 150, 150, 0.98);
}

.slideTextContainer [class*='txt-']{
    position: relative;
    display: table-cell;
    background: none;
    color : #fff;
    box-sizing: border-box;
    width : 100%;
}

.slideTextContainer .txt-top {
    vertical-align: top;
}

.slideTextContainer .txt-bottom {
    vertical-align: bottom;
}

.slideTextContainer .txt-middle {
    vertical-align: middle;
}

.slideTextContainer {
    font-size: 2em;
    opacity: 0;
    transform: scale(0.75);
}

.slick-animated .slideTextContainer {
    opacity: 1;
    transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, -webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
    transform: scale(1);
}

.slider .mejs__mediaelement iframe {
    pointer-events: none;
}

.mod_bsslider {
    position: relative;
}

.mod_bsslider .slider_meta {
    position: absolute;
    z-index: 1;
    background: rgba(150, 150, 150, 0.98);
    /* style it individually */
}

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

/* 
    mediaplayer css 
*/
.mejs__overlay-button {
    margin: 0;
    padding: 0;
    background: transparent !important;
}


/* circle ball */
.slick-track .mejs__time-handle-content {
    height: 8px;
    width: 8px;
    top: -5px;
}

/* Start: Progress Bar */
.slick-track .mejs__time-rail {
    padding-top: 1.5rem;
}

/* timeline indicator */
.slick-track .mejs__time-buffering, 
.slick-track .mejs__time-current, 
.slick-track .mejs__time-float,
.slick-track .mejs__time-float-corner, 
.slick-track .mejs__time-float-current, 
.slick-track .mejs__time-hovered, 
.slick-track .mejs__time-loaded, 
.slick-track .mejs__time-marker, 
.slick-track .mejs__time-total {
    height: 4px;
}

/* bubble time indicator */
.slick-track .mejs__time-float {
    display: none !important;
}

.slick-track .mejs__time {
    font-size: 11px;
}

/* if video is made full width hide control */
.fullfill.slick-slide .mejs__controls {
    /* display : none !important; */
}
/* mediaplayer css ends */


.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)}
.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
}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body, ul, ol, table, address, video, h1, h2, h3, h4, h5, p, a, img, blockquote {
    margin: 0;
    padding : 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

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

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.2em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@media screen {
    body {
        font-family: sans-serif;
        line-height: 1.4;
        color: #333333;
        background-color: #ffffff;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover,
    a:focus {
        text-decoration: none;
        border-bottom: 1px solid;
    }
    
    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;
    }
    
    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee;
    }
    
    .inline {
        display: inline;
    }
    
    .bold{
        font-weight : bold;
    }
    
    ul {
        list-style-type: none;
    }
    
    .italic {
        font-style : italic;
    }
    
    .pad-left {
        padding-left : 1em !important;
    }
    
    .pad-right {
        padding-right :  1em !important;
    }
    
    .pad-bottom {
        padding-bottom : 1rem;
    }
    
    .ce_multicolumnStart {
        position: relative;
    }
    
    .float_above {
        margin-bottom: 1.5rem;
    }
    
    iframe {
        float: left;
        width: 100%;
    }
    
    .float_left,
    .float_right {
        margin-bottom: 1rem;
    }
}

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

    .float_left_box .inside_ce,
    .float_right_box .inside_ce {
        display: flex;
        flex-grow: unset;
        --gap: 1rem;
        column-gap: var(--gap);
        justify-content: space-between;
    }

    .float_left_box .content-div,
    .float_right_box .content-div { 
        max-width: 45%;
    }

    .float_left_box .image_container,
    .float_right_box .image_container {
        max-width: 50%;
    }

    .float_right {
        order: 1;
    }

    .image-40.float_left_box .content-div,
    .image-40.float_right_box .content-div { 
        max-width: 58%;
    }

    .image-40.float_left_box .image_container,
    .image-40.float_right_box .image_container {
        max-width: 40%;
    }

    .image-33.float_left_box .content-div,
    .image-33.float_right_box .content-div { 
        max-width: 66%;
    }

    .image-33.float_left_box .image_container,
    .image-33.float_right_box .image_container {
        max-width: 33%;
    }




/* 
    .float_left,
    .float_right {
        max-width: 50%;
        --gap: 1rem;
    }

    .float_right { 
        float : right;
        width : auto;
        margin-left: var(--gap);
    }

    .float_left {
        float : left;
        width : auto;
        margin-right: var(--gap);
    } */

}





/*  round-image
--------------------*/
@media screen {
    .round-image {
    }
    .round-image .image_container {
      position: relative;
    }

    .round-image .image_container::after {
    }
  
    .round-image .image_container img {
      border-radius: 50%;
      display: block;
      margin: auto; 
      object-fit: cover;
      aspect-ratio: 1/1;
    }
  }




.clear-float {
    clear : both;
}

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

.font_icon {
}

.icon_text {
    text-indent: -9999px;
    display : inline-block;
}

.text-capital {text-transform : uppercase;}
.text-bold-italic {font-weight : bold; font-style:italic;}
.text-bold {font-weight : bold;}
.text-italic { font-style:italic;}
.text-big { font-size : 1.125em;}
.text-gaint { font-size : 2.250em;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center{text-align: center;}
.text-full{text-align: justify;}
.text-underline{border-bottom: 1px solid;}
.text-nobreak {white-space: nowrap;}
.text-deco{display : block; }
.text-small{ font-size : 0.9em;}

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

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

.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;
}

.ce_text p, .ce_text ul, .ce_text ol, .ce_text table, .mod_search p {
    margin-bottom : 1rem;
}

cite, address {
    font-style: normal;
    margin-bottom: 1rem;
}

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


.ce_list ul li, .ce_text ul li {
    padding-left : 1rem;
    /* may add bg grafic */
}


.ce_list ul li:before, .ce_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 : 1em !important;
}

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

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

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

.mejs-layer {
}

.mejs-ios {
    overflow: hidden;
}

.mejs-video video {
    max-width : 99.99%;
}

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

table {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
}

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.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table thead > tr > th {
    vertical-align: bottom;
    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-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 5px;
}

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

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.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;
}

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

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be;
}



/* gallery */
.ce_gallery {}

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

.ce_gallery ul:after {
    clear: both;
}

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

.ce_gallery .col_first {
    clear: both;
}

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

.ce_gallery h1,
.ce_gallery h2,
.ce_gallery h3,
.ce_gallery h4 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.ce_gallery .caption {
    display: none;
}

.ce_gallery figure {
    margin: 0.5rem;
}

.ce_gallery img{
    width: 100%;
}

.ce_gallery figure a {
    display: block;
}

.ce_gallery .cols_2 li{
    width: 50%;
}

.ce_gallery .cols_3 li{
    width: 33.333%;
}
.ce_gallery .cols_4 li{
    width: 25%;
}

.ce_gallery .cols_5 li{
    width: 20%;
}

.ce_gallery .cols_6 li{
    width: 16.666%;
}

/* need to adjust in media query css */
body:not(.ie) .ce_gallery.half-width {
    width: calc(100% + 1rem) !important;
}


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

#cboxContent {
    margin-top: 2em;
}

#cboxContent button {
    transition: none;
}

#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*/
.pagination{
    clear : both;
    margin: 5rem 0 1rem;
}

#main .pagination p,
#main .pagination ul li {
    margin : 0 5px 5px 0;
    padding : 0;
    color : #0c2239;
}

#main .pagination ul li {
    float : left;
    width : auto;
}

#main .pagination a,
#main .pagination strong.active{
    border-radius: 3px 3px 3px 3px;
    transition: all 0.3s ease 0s;
    text-decoration : none !important;
    width : auto;
    float : left;
    padding : 2px 5px 0;
}

#main .pagination a {
    color : #0c2239 !important;
    border : 1px solid #ddd !important;
}

#main .pagination a:hover {
    background-color: #888;
    color : #fff !important;
}

#main .pagination strong.active {
    background-color: #888;
    border : 1px solid #ccc;
    color : #fff;
}


/* 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{
    list-style-type: none;
    position: relative;
}

.mod_sitemap ul li:before{
    content: "–";
    font-size: 1.4rem;
    line-height: 1.6;
    position: absolute;
    left: 0;
    width: 1.5rem;
}

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

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


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


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

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

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

#googleMap {
}

#map_canvas {
    height: 350px;
    width: auto;
    border: 0;
}

#map_canvas .gm-style-iw {
    font-size: 12px;
}

/* Layout STYLES reffer to layout_refference.css
--------------------------------------------------------------------*/
@media screen {
	#wrapper {
		margin: 0 auto;
	}

	.container,
	body.layout2col #container {
		margin-right: auto;
		margin-left: auto;
		position : relative;
		box-sizing: border-box;
	}

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

	.container:after {
		clear: both;
	}

	.container {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		/* background: pink; */
	}

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

	.ce_multicolumnStart.con_mediumWidth  {
		margin: auto;
	}

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

	#left {
		display: none;
	}

	#header,
	#footer {
		clear: both;
	}


	#footer {
		position: relative;
	}

	#footer > .container,
	body.layout2col #container,
	.art_fullWidth > .container,
	.art_normalWidth > .container,
	.art_narrowWidth > .container {
		width: 100%;
	}

	#footer_extra {
		padding-top: 0;
	}

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

    .block .block {
        padding: 0;
    }


	#mood_content {
		clear: both;
	}

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

	#mood_content figure, 
	#mood_content .block{
		margin: 0;
	}

	#mood_content .art_fullWidth img {
		width: 100%;
	}

	#mood_content .art_fullWidth .ce_image.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  {

	}


	body.layout2col #container  .container {
		width: auto !important;
	}

	#main .mod_article {
	}

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

}
/*@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) {
}

/* display with min width 736 iphone plus landscape */
@media only screen and (min-width: 736px) {
	#main .block {
		margin-bottom: 1.5rem;
	}
}

/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
	.container {
		padding: 0;
	}

	/* 2 Column Layout */
	body.layout2col {}

	body.layout2col #right{
		width: 30%;
		float: right;
	}
	body.layout2col #main{
		width: 70%;
		float: left;
	}
	/* 2 Column Layout ends */




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

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

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

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

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

	.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) {
	#container {
	}

	#mood_content .inside_ce {
		justify-content: space-around;
		align-items: center;
	}


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

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

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

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

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

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

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

/* min-width:1200 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {
	#header .container,
	#footer .container,
	.art_fullWidth .container {
		width: calc(1130px + var(--block-padding) * 2rem);
	}

	body.layout2col #container,
	.art_normalWidth > .container {
		width: calc(1000px + var(--block-padding) * 2rem);
		/* background: yellow; */
	}

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

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

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

}

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


/* https://icomoon.io */
@font-face {

}

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

@font-face {
  font-family: 'Staatliches';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/framework/fonts/Staatliches/Staatliches-Regular.ttf") format("truetype");
}


/* =Grid >> Global
--------------------------------------------------------------------------------*/
.half-width,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.two-third,
.two-sixth,
.two-fifth,
.three-fourth,
.three-fifth,
.four-fifth,
.four-sixth,
.five-sixth,
.full-width
{
    display: inline;
    float: left;
    width : 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen {
    #main, #right, #left {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}


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

@media only screen and (min-width: 320px) {
    body {border-top : 10px solid grey; }
    body:after{
        /*657117653656608769*/
        content : 'w320px ';
        display : none;
    }

}



/* resize bigger */
/* display with min width 479 iphone portrait */
@media only screen and (max-width: 479px) {
    body {border-top : 10px solid yellow; }
    body:after{
        content : 'w479px ';
        display : none;
    }
}

/* display with min width 375 iphone 6/7/8 portrait */
@media only screen and (min-width: 375px) {

    body {border-top : 10px solid black; }

    body:after{
        content : 'w375px ';
        display : none;
    }
}



/* display with min width 480 iphone lansacape */
@media only screen and (min-width: 480px) {
    body {border-top : 10px solid green; }
    body:after{
        content : 'w480px';
        display : none;
    }

    .one-third, .one-sixth {width: 33.33333333333333%;} /* 184@736, 232@928, 292@1168*/

    .two-third{width: 66.66666666666666%}

    .one-fourth {width: 50%;}

    .full-width {width: 100%;}

    .text-center{
        text-align: center;
    }

}




/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
    body {border-top : 10px solid blue; }
    body:after{
        content : 'w760px';
        display : none;
    }

    .half-width {width: 50%;}
    .one-fifth {width: 20%;}
    .two-fifth {width: 40%;}
    .three-fifth {width: 60%;}
    .three-fourth {width: 75%;}
    .four-fifth {width: 80%;}
    .one-sixth {width: 16.66%;}
    .five-sixth {width: 83.333%;}

    .half-width .content-div {
        margin-right: 0.75rem;
    }
}





@media only screen and (min-width: 990px) {
    body:after{
        content : 'w990px';
        display : none;
    }

    .one-fourth {width: 25%;}
}


/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px)   {
    body {border-top : 10px solid red; }
    body:after{
        content : 'w1024px';
        display : none;
    }
}


/* min-width:1025  */
@media only screen and (min-width:1025px)   {
    body {
        border-top : none;
    }
}

/* remove body border*/
body {border-top : none; position: relative}



/* 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;
    }


    /* class on multicol wrapper, don't apply class on article, coz article may have other element */
    [class^="flex-col"], [class*=" flex-col"] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        height: 100%;
        max-width: 100%;
        --gap: 0px;
        --columns: 1;
        gap: var(--gap);
    }

    [class^="flex-col"]  > .block , [class*=" flex-col"] > .block {
        flex-grow: 1;
        width: 100%;
        word-break: break-word;
    }

    [class^="flex-col"]  > .block , [class*=" flex-col"] > .block,
    [class^="flex-col"]  > .like-block , [class*=" flex-col"] > .like-block,
    [class^="flex-col"]:after, [class*=" flex-col"]:after,
    [class^="flex-col"]:before, [class*=" flex-col"]: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;
        flex-grow: unset;
    }

    [class^="flex-col"].autowidth::after, [class*=" flex-col"].autowidth:after,
    [class^="flex-col"].autowidth::before, [class*=" flex-col"].autowidth:before {
        display: none;
    }
}

/* 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"]  > .block , [class*=" flex-col"] > .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,
    .gap2 .inside_ce {
        --gap: 1.5rem;
    }

    .gap3,
    .gap3 .inside_ce {
        --gap: 2.5rem;
    }
}


/* 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) {
}
/* GAPS ends
--------------------*/
/* GLOBAL STYLES
--------------------------------------------------------------------*/
@media screen {
	html {
		font-size: 16px;
	}

	body {
        font-family: sans-serif;
		line-height: 1.4;
		color: #5C5C5C;
		background: #fff;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		--block-padding: 0.75;
	}

	a {
		text-decoration: none;
	}

	img {
		vertical-align: bottom;
		border: none;
	}

	.inline {
		display: inline;
	}

	.line_through {
		text-decoration: line-through
	}

	.error {
		color: #990022;
	}

	.clear_float {
		clear: both;
	}

	.pad_left {
		padding-left: 1.5rem;
	}

	.pad_right {
		padding-right: 1.5rem;
	}

	.pad_bottom {
		padding-bottom: 1.6rem;
	}

	li {
		list-style-type: none;
	}

	abbr,acronym {
		font-variant: normal;
		border-bottom: 1px dotted #666;
		font-style: italic;
		cursor: help;
	}

	blockquote,q {
		quotes: none;
	}

	sup {

	}

	sub {

	}

	:focus {
		outline: 0;
	}

	del {
		text-decoration: line-through;
	}

	ins {
		text-decoration: none;
	}

	b, strong {
		font-weight: 500;
	}

	i, em {
		font-style: italic;
	}

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

	.invisible {
		width: 0px;
		height: 0px;
		left: -1000px;
		top: -1000px;
		position: absolute;
		overflow: hidden;
		display: inline;
	}

	.thin-line {
		border-bottom: 1px solid #ccc;
		margin-bottom: 2.5rem !important;
	}

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

	.ce_gallery .col_first {
		clear: both;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	caption,th {
		font-weight: bold;
	}

	caption,th,td {
		text-align: left;
		vertical-align: top;
	}

	input,button,textarea,select {
		font-family: inherit;
		font-size: 99%;
		font-weight: inherit;
	}

	p,pre,blockquote,table,ol,ul,form {
		margin-bottom: 0.75rem;
	}

	.caption {
		position: relative;
		clear: both;
		font-size: 0.75rem;
		padding: 0.35rem 0;
		color: #777;
	}

	.ce_text ul,  .ce_list ul, .ce_text ol, .ce_list ol  {
		clear: both;
		list-style-type: square;
		list-style-position: inside;
	}

	.ce_text ul ol, .ce_text ul ul,.ce_text ol ol, .ce_text ol ul {

		margin: 0 0 0.5rem 1.5rem;
	}

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

	.ce_list ul li, .ce_text ul li {

	}

	/* scroll down */
	.scroll-down {
		display: none;
		position: absolute;
		bottom: 50px;
		left: 50%;
		margin-left: -16px;
		width: 32px;
		height: 32px;
		z-index: 2;
		opacity: 0;
		visibility: hidden;
	}

	.bs-top .scroll-down {
		opacity: 1;
		visibility: visible;
		display: block;
		animation: bounce 1.5s infinite;
	}

	.scroll-down:before {
		position: absolute;
		transform: rotate(-45deg);
		display: block;
		width: 28px;
		height: 28px;
		content: "";
		border: 3px solid #fff;
		border-width: 0px 0 3px 3px;
		border-radius: 3px;
	}

	@keyframes bounce {
		0%,
		100%,
		20%,
		50%,
		80% {
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
		40% {
			-webkit-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		60% {
			-webkit-transform: translateY(-5px);
			-ms-transform: translateY(-5px);
			transform: translateY(-5px);
		}
	}
	/* scroll down */


	.border-top .inside {
		border-top: 1px solid;
	}


	/* OTHERS STYLES
    --------------------------------------------------------------------*/


	figure img {
		display: inline;
	}


	/* date picker */
	.widget-calendar input.hasDatepicker {
		width: calc(100% - 60px);
	}
	.widget-calendar img.ui-datepicker-trigger {
		width: 40px;
		margin-left: 10px;
	}
	/* date picker end */


	/* ColorBox STYLES */
	#cboxPrevious,
	#cboxNext,
	#cboxClose
	{
		background-image: url(../../files/framework/images/misc/colorbox/controls.png);
	}

	#cboxOverlay {
		background: #fff;
	}

	#cboxContent {
		background: #fff;
	}

	#cboxCurrent, #cboxTitle {
		top: -1.75rem;
	}

	#cboxCurrent {
		display: none !important;
	}

	#cboxLoadedContent {
		border: none;
	}

} /*@media ends*/



/* 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:1200 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {

}


/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
	body{
		font-size: 1rem;
	}
}
/* General Query ends
--------------------*/


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

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

/* min-width: 650px (and larger), for flex-col3 */
@media only screen and (min-width: 650px) {
}

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


/* 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 1300px */
@media only screen and (min-width:1300px) {
}
/* Hide/Show ends
--------------------*/

/* HEADER Query
--------------------*/
@media screen {
    #header .header {
      background: #fff;
    }

    #header {
      z-index: 3;
      display: block;
      margin: 0;
      width: 100%;
      user-select: none;
      background: #fff;
      color: var(--theme-purple);
      position: relative;
      position: sticky;
      top: 0;
      font-family: 'Bricolage Grotesque';      
      font-weight: 600;
      font-size: 14px;
    }

    .home #header {
      border-bottom: 0;
    }

    #header .inside {
      position: relative;
    }

    .headerSpace {
      z-index: -1;
    }

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

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

    #header .inside_art {
      padding: 0.5rem 0;
    }


    #header .inside_art > .ce_multicolumnStart {
      width: auto;
      align-items: flex-end;
      justify-content: space-between;
    }

    .logo{
      margin-bottom: 0;
    }

    .logo img {
      object-fit: contain;
      position: relative;
      z-index: 1;
      width: 150px;
    }
  }

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

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

    #header .inside_art {
      padding: 1rem 0;
    }

    #header .inside_art > .ce_multicolumnStart {
      align-items: flex-start;
    }

    #header .inside_art .ce_multicolumnStart > .ce_multicolumnStart {
      display: flex;
      align-self: flex-end;
      margin-left: auto;
    }

    .logo .inside_ce {
      width: auto !important;
    }
    
    .logo img {
      width: 240px;
    }
  }

  /* min-width:992px */
  @media only screen and (min-width: 992px) {
    #header .inside_art {
      padding: 1.25rem 0;
    }

    .logo img {
      width: 300px;
    }

  }

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


  }

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

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




/* Header Navigation Query
--------------------*/
@media screen {
  #headerNav {
    margin-bottom: 0;
    align-self: flex-end;
  }

  #headerNav ul {  
    margin: 0;
    display: flex;
    align-items: flex-end;
  }

  #headerNav li {
    display: inline-block;
    position: relative;
    margin-top: 0;
    margin-left: 1rem;
    text-transform: uppercase;
    display: none;
    white-space: nowrap;
  }

  #headerNav li.cart,
  #headerNav li.menu {
    display: inline-block;
  }
  

  #headerNav a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 0;
    position: relative;
    overflow: hidden;
    width: 2rem;
    margin-bottom: -0.75rem;
    color: transparent;
  }

  #headerNav a:before {
    content: "";
    display: block;
    margin: auto;
    margin-bottom: 0.15rem;
    width: 1.75rem;
    height: 1.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%; 
    opacity: 1;
  }

  #headerNav a.storefinder:before {
    background-image: url(../../files/framework/images/icons/storefinder.svg);    
  }

  #headerNav a.kontakt:before {
    background-image: url(../../files/framework/images/icons/dialoque.svg);    
  }


  #headerNav a.onlineshop:before,
  #headerNav a.cart:before {
    background-image: url(../../files/framework/images/icons/cart.svg);    
  }

  #headerNav a.cart.isfull::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #D30307;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  #headerNav a.menu:before {
    width: 2rem;
    height: 2rem;
    background-color: var(--theme-purple);
    border-radius: 1.3rem;
    background-size: 55%; 
    background-image: url(../../files/framework/images/icons/menu.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) {
  #headerNav a {
    width: auto;
    margin-bottom: 0;
    color: inherit;
  }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
  #headerNav ul {  
    column-gap: 0.5rem;
  }

  #headerNav li {
    display: inline-block;
  }
  #headerNav a:before {
    width: 2rem;
    height: 2rem;
  }  

  #headerNav a.menu:before {
    width: 2.6rem;
    height: 2.6rem;
  }  
}

/* 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) {

}
/* Header Side Navigation  ends
--------------------*/

@media screen {
    .like-h1, .like-h2,.like-h3, .like-h4,.like-h5,
	h1,h2,h3,h4,h5,h6 {
		font-family: 'Bricolage Grotesque';
		font-style: normal;
		font-weight: 800;
		padding-top: 0.2rem;
		line-height: 1.2;
		margin-bottom: 1rem;
		letter-spacing: 0.04em;
	}

	.headline a {
		border: none !important;
	}

	.heading {
		font-family: 'Bricolage Grotesque';
		font-style: normal;
	}

	.like-h1,
    h1{
		font-size: 2rem;
		line-height: 1.1;
	}

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

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

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

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

	.like-h3,
	h3 {
		font-size: 1.1rem;
		color: var(--theme-red);
	}

	.one-fourth-image .small-heading h2,
	.small-heading h3,
	.like-h4,
	h4 {
		font-size: 1rem;
	}

	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 {
		line-height: 1;
	}

	.like-h1,
    h1{

	}

	.like-h2,
    h2{

	}

	.small-heading h2,
	.like-h3,
	h3 {
	}
}


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

	.like-h1,
    h1{
		font-size: 45px;
		line-height: 43px;
	}

	.like-h2,
    h2{
		font-size: 38px;
		line-height: 1;
	}

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

	.like-h4,
    h4 {
		font-size: 22px;
		line-height: 28px;
	}
}

/* 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 screen {
    a {
        position: relative;
    }

    a,
    a:link {
        color: var(--link-color);
        border-bottom: 1px solid;
    }

    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;
    }

}
/* 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.5rem 1.5rem;
        border: 1px 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-transform: uppercase;
        font-family: 'Staatliches';
        font-style: normal;
        font-weight: 400;       
        letter-spacing: 0.04em; 
    }
    
    .back a {
        background-color: transparent;
        border-color: var(--link-color);
        color: var(--link-color);
    }


    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(--border_hover_col);
    } 

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

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



    /* link-arrow */
    .link-arrow a {
        border-bottom: none;
        transition: var(--transition);
    }
    .link-arrow a:after {        
        filter: brightness(0) saturate(100%) invert(14%) sepia(96%) saturate(3566%) hue-rotate(2deg) brightness(87%) contrast(100%);
    }

    .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) {
    button,
    input.link-button,
    input.submit,
    .submit,
    .back a,
    a.link-button,
    .link-button a {
        padding: 0.75rem 1.5rem;
    }
    
}

/* 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
--------------------*/
/* 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:  2rem;
        right: 1.5rem;
        display: inline-block;
        display: flex;
        width:auto
    }

    .nav-icon {
        margin: 0;
        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;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        border-radius: 2px;
        background: #000;
    }

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

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

    .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
        top: 13px;
    }
    
    .nav-icon span:nth-child(4) {
        top: 26px;
    }

    .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 {
        top:  2.5rem;
        right: 0.5rem;
    }
    .nav-icon {
        width: 40px;
        height: 30px;
    }
}
/*  hamburger ends 
--------------------*/

/* Close button
--------------------*/
@media screen {
    .mm-panels .close {
        width: 2rem;
        height: 2rem;
        margin: 2.5rem 0.25rem 1rem auto;
        cursor: pointer;
        text-indent: -9000px;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../../files/framework/images/icons/cross.svg);
    }

}
/* 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.1vh;
        overflow: hidden;
    }

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

    .mm-menu { /* same #mm-mainNavi */
        background: var(--theme-purple);
        min-height: 100vh;
        --border-color: var(--theme-purple);
        --active-color:  rgba(255, 255, 255, 0.05);
        font-family: 'Bricolage Grotesque';
    }
    
    .mm-panels {
        padding-bottom: 1.5rem;
    }
    
    .mm-listview {
        font-size: 20px;
        font-family: 'Staatliches';
        font-style: normal;
        font-weight: 400;        
    }

    .level_1.mm-listview {
        font-size: 22px;
    }
    
    /* border color*/
    .mm-panel > ul.mm-listview > li.first {
        border-top : 1px solid var(--border-color);
    }
    
    .mm-panel > ul.level_1.mm-listview > li.last: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 {
    }

    .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;
    }
    
    .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: #fff;
        padding: 10px 15px;
    }
    
    .mm-menu .mm-listview a.mm-next {     
        display: flex;
        height: 36px;
        padding: 0 !important;
    }

    .mm-menu .level_2 {
        margin-bottom: 1rem;
    }

    .mm-menu .level_2 > li > a, .mm-menu .level_2 > li > span {
        color: #fff;
        padding-left: 40px;
    }
    
    .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 {
        margin-top: 2rem !important;
        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;
        color: var(--theme-orange);
        text-transform: uppercase;
    }

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

    .mm-menu .mm-listview>li.mm-selected > a.active,
    .mm-menu .mm-highlight a.active {
        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-listview {
        font-size: 24px;     
    }

    .level_1.mm-listview {
        font-size: 26px;
    }

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


/* logo 
--------------------*/
@media screen {
    .mm-panel .logo {
        float: left;
        margin-left: 0.5rem;
        padding-top: 0.5rem !important;
    }
    .mm-panel .logo:after{
        display: none !important;
    }
    .mm-panel .logo img{
        width: 180px;
    }

    .mm-panel .logo img{
        filter: brightness(0) invert(100%);
    }

}
/* logo ends 
--------------------*/


/* Menu Extra Search Content
--------------------*/
@media screen {

    .mm-menu .footerNavi {
        top: unset;
        font-weight: 300;
        margin-top: 1rem;
        width: auto !important;
        margin-bottom: 2rem;
    }

    .mm-menu .footerNavi li {
        margin: 1.5rem; 
    }

    .mm-menu .footerNavi a {
        padding: 8px;
    }

    .mm-menu .search-form,
    .mm-menu .search-link {
        border-bottom: 1px solid var(--border-color) !important; 
        padding-bottom: 2rem;
        margin: 1.5rem; 
        margin-bottom: 0rem;
        line-height: 1.3;
    }

    .search-link {
        border: 0px solid #000;
    }

    .mm-menu .search-form .formbody {
        margin: 0 1rem;
    }



    /* language changer */    
    .mm-menu .mod_changelanguage {
        display: block;
        text-align: center;
        margin-bottom: 2rem;
    }

    .mm-menu .mod_changelanguage ul {
        position: relative;
        top: 0;
        display: flex;
        background-color: transparent;
    }

    .mm-menu .mod_changelanguage li {
        display: flex;
        align-items: center;
        font-size: 1rem;
    }

    .mm-menu #activelangauge {
        display: none;
    }

    .mm-menu .mod_changelanguage li:after {
        content: "|";
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-right: 0.25rem;
        display: inline-block;
        color: #fff;
    }

    .mm-menu .mod_changelanguage li:last-child:after {
        display: none;
    }

    .mm-menu .mod_changelanguage a {
        border: none;
        line-height: 1;
        color:  #fff !important;
    }
    .mm-menu .mod_changelanguage li a.active {
        color:  #fff !important;
        border-bottom: 1px solid #fff !important;
    }

    .mm-menu .mod_changelanguage li a:after{
        display: none;
    }

}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .mm-menu .mod_changelanguage {
        display: none;
    }
}


/* Menu Extra Content 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/slick-arrow.svg);
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: center;   
    }

    .slick-prev:before {
        transform: rotate(-180deg);
    }
    
    .slick-arrow:focus,
    .slick-arrow:hover {
        background-color: transparent !important;
    }

    .slick-arrow:hover {
        filter: saturate(0) invert(0)
    }

    .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:before
    {
        background-size: 30%;
    }
    .slick-arrow {
        --btn-size: 100px;
        right: -5rem;
    }    
    .slick-prev {
        left: -5rem;
    }
}

/* 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: var(--theme-red);
            content: "";
            width: 10px;
            height: 10px;
            -webkit-font-smoothing: none;
            background: none;
            opacity: 0.95;
            border: 2px solid var(--theme-lightgrey);
            border-radius: 10px;
            transform: rotate(45deg);
            transform-origin: center;
        }
    
        .slick-dots li.slick-active button:before {
            color: var(--theme-red);
            background-color: var(--theme-red);
            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 .slick-slide .slimage_container {
        background-position: center;
    }

}
/*@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: 550px;
        max-height: 550px;
    }
}

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

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

@media only screen and (min-width: 1600px) {
    .art_fullWidth .slider .slick-track {
        height: 680px;
        max-height: 680px;
    }
}
@media only screen and (min-width: 1800px) {

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

:root {
    --theme-purple: #801B69;
    --theme-orange: #ED7200;
    --theme-green: #007A1A;
    --theme-grey: #3A3A3A;
    --theme-pink: #F0B0E1;
    --theme-pinkbg: #f8e6f4;
    --theme-cream: #fcead9;
    --theme-gradient1: linear-gradient(180deg, #801B69 0%, #F0B0E1 100%);
    --transition: all 0.6s cubic-bezier(.25,.1,.25,1);

    --btn_bg: #fff;
    --btn_hover_bg: var(--theme-orange);
    --btn_color: var(--theme-orange);
    --btn_hover_color: #fff;
    --btn_border_col: #fff;
    --border_hover_col: var(--theme-orange);
    --link-color: var(--theme-black);
    --link-hover-color: var(--theme-red);
    --link-active-color: #fff;
    --link-visited-color: var(--theme-black);

    --ce-bordercolor: var(--theme-black);
    --ce-bordercolorHover: transparent;
    --ce_borderradius: 1rem;
    
    --inputtextcolor: var(--theme-grey);
    --errorbackground: #ffdede;
    --placeholdercolor: var(--theme-grey); 
    --fieldcolor: #FFFFFF95;
    --fld_bordercolor: var(--theme-cream);
    --fld_bordercolorFocus: var(--theme-pink);
    --fld-colorfocus: var(--fieldcolor);
    --fld_borderradius: 1rem;

    --text-color: #fff;
    --text-font-size: 18px;
    --text-line-height: 1.5;
}

/* Media Query
--------------------*/
@media screen {
    body {
        color: var(--text-color);
        background-color: var(--theme-purple);
        font-family: 'Bricolage Grotesque';
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: 0.04em;
        line-height: 1.2;
    }

	p:has(.text-deco) {
        font-family: 'Staatliches';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
		margin-bottom: -0.25rem;
		line-height: 1.1;
	}

    strong, b {
        font-weight: 800;
    }

    .text-small { font-size: 80%}
    .text-gross { font-weight: 700; font-size: 135%}

    .mod_social_media_link img {
        filter: brightness(0) invert(100%);
    }


    .popup {
        display: none;
        transform: scale(0.8);
    }

    .popup_visible .popup {
       transform: scale(1);
    }

    .popup_content {
        margin: 10px;
        padding: 1rem;
        max-width: 90%;
        max-height: 90vh;       
        border: 1px solid var(--theme-orange);
        background: var(--theme-orange);
        border-radius: 0.5rem;
    }

    .popup_close,
    .popup_close:hover {
        position: absolute;
        top: -2rem;
        right: -1rem;
        height: 2rem;
        width: 2rem;
        background: var(--theme-purple);
        color: #fff;
        padding: 0;
        line-height: 2rem;
        font-size: 1rem;
        border-radius: 1rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
        background-image: url(../../files/framework/images/icons/cross.svg) !important;
        text-indent: -10000px;
    }

}

/* 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) {
    body {
        font-size: 1.25rem;
    }
}

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





/* image-reflection
--------------------*/
@media screen {
    .image-reflection1 .image_container::after,
    .image-reflection2 .image_container::after {
        display: block;
        position: relative;
        content: "";
        width: 100%;
        height: 3rem;
        background-image: url(../../files/framework/images/bg/Ellipse16.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        margin-top: -1px;
    }    


    .image-reflection2 .image_container::after {
        background-image: url(../../files/framework/images/bg/Mask_group.png);
    }
}

/* 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) {
}
/* image-reflection ends
--------------------*/

/* Content text slider: reviews
--------------------*/
@media screen {

    #art_slider {
        background-position: top center;
        background-size: cover;
        background-repeat: repeat;
    }

    #art_slider .inside_art {
        display: flex;
    }


    #art_slider .slick-arrow {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
    }

    #art_slider .slick-arrow.slick-next {
        right: 0;
        left: auto;
    }

    #art_slider .slick-arrow:hover {
        background: rgba(255, 255, 255, 0.1)
    }

    #art_slider .slick-track {
        min-height: 50px;
        height: auto;
    }

    #art_slider .slick-arrow {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 0;
        box-shadow: none;
        text-indent: -100000px;
        overflow: hidden;
        padding: 10px;
    }

    #art_slider .slick-arrow::before{
        content: "";
        transform: rotate(45deg);
        transform-origin: center;
        border: 4px solid var(--theme-orange);
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        opacity: 1;
        background-image: none;
    }

    #art_slider .slick-arrow.slick-prev::before  {
        border-top: 0;
        border-right: 0;
        left: 16px;
    }

    #art_slider .slick-arrow.slick-next::before  {
        border-bottom: 0;
        border-left: 0;
        right: 16px;
    }

    /* content styles */
    #art_slider .ce_text {
        padding: 0;
    }
    #art_slider .ce_text .inside_ce {
        background-color: #fff;
        border-radius: var(--ce_borderradius);
        text-align: center;
        padding: 1.5rem 1rem 1rem;
        margin: 1rem;
        margin-top: 4rem;
        transform-origin: center;        
        transition: none;
        color: var(--theme-purple);
        position: relative;
        box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    }

    #art_slider .ce_text .inside_ce:has(figure) {
        padding: 4rem 1rem 1rem;
    }

    #art_slider .ce_text .image_container {
      position: absolute;
      left: 0;
      right: 0;
      width: 30%;
      margin: auto;
      margin-top: -4rem;
    }

    #art_slider .ce_text .image_container img {
      border-radius: 50%;
      display: block;
      margin: auto; 
      object-fit: cover;
      aspect-ratio: 1/1;
      border: 2px solid #fff;
      filter: drop-shadow(0px 5px 3px #00000055);      
    }

    #art_slider .ce_text .content-div:after {
        content: "";
        display: block;
        width: 11rem; 
        height: 1.85rem;
        margin: auto;
        background-image: url(../../files/framework/images/bg/PomPongs-mini.png);
        background-repeat: repeat-x;
    }


    #art_slider .ce_text.star4 .content-div:after {
        width: 9rem;
    }

    #art_slider .ce_text.star3 .content-div:after {
        width: 7rem;
    }
    #art_slider .ce_text.star2 .content-div:after {
        width: 4.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 992px */
@media only screen and (min-width: 992px) {
    #art_slider {
             background-size: 100%;
    }
    #art_slider .ce_text .inside_ce {
        transform: rotate(2deg);
    }

    #art_slider .ce_text:nth-child(2n+1) {
        transform: rotate(-4deg);  
    }

    
    #art_slider .block {
        max-width: 33.33%;
    }

    #art_slider .slick-arrow::before{
        border: 4px solid #fff;
    }

    #art_slider .slick-arrow.slick-prev::before  {
        left: 0rem;
    }

    #art_slider .slick-arrow.slick-next::before  {
        right: 0;
    }    

    #art_slider .ce_text .inside_ce {
        padding: 3rem 2rem 2rem;
        font-size: 24px;       
        margin-top: 6rem; 
    }

    #art_slider .ce_text .inside_ce:has(figure) {
        padding: 6rem 2rem 2rem;
    }

    
    #art_slider .ce_text .image_container {
        width: 45%;
        margin-top: -6rem;
    }

    #art_slider .ce_text .image_container img {
        border: 5px solid #fff;   
    }

    button,
    input.link-button,
    input.submit,
    .submit,
    .back a,
    a.link-button,
    .link-button a {
        padding: 0.75rem 1.5rem;
        --fld_borderradius: 2rem;
    }    
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    #art_slider .slick-list {
        max-width: 1000px;
        margin: auto
    }
}

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



/* Comments Colored Box Query
--------------------*/
@media screen {
    .comment-box .inside_ce {
        border-radius: 2rem;
        align-items: center;
        gap: 1.5rem;
    }

    .comment-box .image_container {
        margin: 1rem auto;
    }

    .comment-box .image_container img {        
        max-width: fit-content;
        width: 120px;
        /* border: 3px solid var(--bordercolor); */
    }

    .comment-box .content-div {
        width: auto;
        max-width: unset;
    }
}

/* 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) {
    .comment-box .inside_ce {
        gap: 2rem;
    }
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
    .comment-box .image_container img {
        width: 150px;
    }
}
/* Comments Colored Box ends
--------------------*/



/* Floatingpompong Query
--------------------*/
@media screen {
    .floatingpompong {

    }
    .floatingpompong figure {
        z-index: 0;
        position: relative;
    }

    .floatingpompong .inside_ce {
        align-items: center;
    }

    .pompong {
        position: absolute;
        width: 100px;
        height: 100px;
        background-size: contain;
        z-index: 1;
    }

    .pompong1 {
        width: 80px;
        height: 80px;
        left: 70%;
        top: 15%;
        background-image: url(../../files/framework/images/bg/PomPongs01.png);
    }

    .pompong2 {
        width: 100px;
        height: 100px;
        bottom: 25%;
        left: 0;
        z-index: -1;
        background-image: url(../../files/framework/images/bg/PomPongs02.png);
    }

    .pompong3 {
        width: 70px;
        height: 70px;
        bottom: 2rem;
        right: 0rem;
        z-index: -1;
        background-image: url(../../files/framework/images/bg/PomPongs03.png);
    }

    .pompong4 {
        top: auto;
        left: -2rem;
        bottom: -1rem;
        width: 150px;
        height: 150px;
        background-image: url(../../files/framework/images/bg/PomPongs04.png);
    }
}

/* 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) {

    .pompong1 {
        width: 150px;
        height: 150px;
    }

    .pompong2 {
        width: 150px;
        height: 150px;
    }

    .pompong3 {
        width: 170px;
        height: 170px;
        right: -2rem;
    }

    .pompong4 {
        top: auto;
        bottom: -3rem;
        width: 200px;
        height: 200px;
    }    
}

/* 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) {
}
/* Floatingpompong ends
--------------------*/



/* Goofy article Query
--------------------*/
@media screen {
    /*
    Move goofy vertically by top/bottom property 
    and when outside the view port, use background position to aviod scroll bar probs
    */
    .mod_article {
        position: relative;
    }
    .goofy {
        position: absolute;        
        bottom: 0;
        left: 0;
        width: 80px;
        height: 80px;
        background-image: url(../../files/framework/images/bg/PomPongs01.png);
        background-size: contain;
        background-repeat: no-repeat;
        /* border: 1px solid red; */
    }

    #mood_content .mod_article {
        max-width: 100vw;
    }

    #mood_content .goofy {
        left: auto;
        right: 0rem;
        bottom: -2rem;
        z-index: 2;
        width: 100px;
        height: 100px;
        background-image: url(../../files/framework/images/bg/PomPongs01b.png);
        background-position: 3rem;
    }

    #footer .goofy {
        top: -80px;
    }
}

/* 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) {
    #mood_content .goofy {
        bottom: -5rem;
        width: 180px;
        height: 180px;
    }

    #footer .goofy {
        top: -100px;
        width: 140px;
        height: 140px;
    }
}

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








/* BG animate Query
--------------------*/
@media screen {
    @keyframes slide {
        0% {
          background-position-y: 0;
        }
        100% {
            background-position-y: -600%
        }
      }
    
      .artbg.animate {
        background-size: contain !important;
        background-repeat: repeat-y !important;
        animation: slide 2000s linear infinite;
      }
}

/* 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) {
    .artbg.animate {
        animation: slide 100s linear infinite;
      }    
}

/* 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
--------------------*/  
/* 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;
    }

    #mood_content {
        --btn_color: var(--theme-purple);
    }

    /*BG Article
    --------------------*/
    .artbg-cream  {
        color: #3A3A3A;        
        background: var(--theme-cream);
        --btn_bg: var(--theme-orange);
        --btn_color: #fff;
        --btn_hover_bg: #fff;
        --btn_hover_color: var(--theme-orange);
        --btn_border_col: var(--theme-orange);
        --border_hover_col: var(--theme-orange);
    }

    .artbg-pink {
        color: #3A3A3A;
        background: var(--theme-pinkbg);
    }

    .artbg-orange {
        background: var(--theme-orange);
    }

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

    .artbg-pinkblend {
        background: var(--theme-gradient1);
    }
}


/* 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;
		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;
		position: relative;
	}

	.artbg:before {
	}

    .artbg .container {
        padding: 3rem 0;
    }

    .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;
        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;
    }

    [class*=" flex-"] > [class*="-box"] .content-div {
        display: flex;
        flex-flow: column;
        flex-grow: 1;
        /* flex-direction: column;
        justify-content: flex-start;
        height: 100%; */
    }


    [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 {
        padding: 1rem 1.5rem;
    }

}

/* 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
--------------------*/


/* Green Box
--------------------*/
@media screen {
    .ce_multicolumnStart.white-box,
    .green-box .inside_ce {
        background: var(--theme-green);
        color: var(--theme-black);
        --ce-bordercolor: var(--theme-orange);
    }
}
/* Green Box ends
--------------------*/

/* Purple Box
--------------------*/
@media screen {
    .ce_multicolumnStart.purple-box,
    .purple-box .inside_ce {
        background: var(--theme-purple);
        color: var(--theme-black);
        --ce-bordercolor: var(--theme-orange);
    }
}
/* Purple Box ends
--------------------*/

/* Orange Box
--------------------*/
@media screen {
    .ce_multicolumnStart.orange-box,
    .orange-box .inside_ce {
        background: var(--theme-orange);
        color: var(--theme-black);
        --bordercolor: var(--theme-purple);
    }
}
/* Orange Box ends
--------------------*/


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


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

#tinymce  {
    --theme-purple: #801B69;
    --theme-orange: #ED7200;
    --theme-green: #007A1A;
    --theme-grey: #3A3A3A;
    --theme-pink: #F0B0E1;
    --theme-cream: #fcead9;
    --theme-gradient1: #FFD8B4;
    --theme-black: #111111;
}

/* TYPOlight 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-pink {color: var(--theme-pink);}
.text-orange {color: var(--theme-orange);}
.text-purple {color: var(--theme-purple);}
.text-black {color: var(--theme-black);}
.text-white {color: #fff;}
.text-small {}
.text-nobreak {}
.text-gross {}
.text-deco{}

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

._____KLASSEN_____{}
.link-button{}
.cart_icon{}
.hide-mobile{}
.js_menu_opener{}

/* TinyMCE STYLES
--------------------------------------------------------------------*/
#tinymce .ce_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 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: 4px; margin : 0 3px;}
#tinymce br+.text-deco { background-color: rgba(255, 3, 11, 1);}
#tinymce .text-white{ color: #aaa; padding: 2px;}
#tinymce .text-small { font-size: 12px;}
#tinymce .text-gross { font-size: 20px;}
#tinymce .sideline {

}

#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 .hide-email{
	background-color: rgba(255, 3, 11, 0.5);
}

#tinymce .link-button { background-color: rgba(214, 214, 214, 0.5);}
#tinymce .link-button-red { background-color: rgba(255, 0, 0, 0.5);}

#tinymce>div {
	border: 1px solid rgba(255, 0, 0, 0.5);
	padding: 10px 3px;
}

#tinymce li>div {
    background: red;
}

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

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

@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;
	  bottom: 0;
	  top: 0;
	}

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

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

	.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: var(--inputtextcolor);
	}

	.select select:has(option[value="_"]:checked),
	.select select:has(option[value=""]:checked) { 
		color: var(--placeholdercolor);
	}

	.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%;
	}


	::-webkit-datetime-edit { 
		color: var(--placeholdercolor);
	}

	.showlabel ::-webkit-datetime-edit { 
		color: inherit;
	}

	/* 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: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,
	select,
	form .button,
	form button {
		border: 1px solid var(--fld_bordercolor);
		border-radius: var(--fld_borderradius);
	}

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

	select:focus,
	input.text:focus,
	input.captcha:focus,
	input.submit:focus,
	form button: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 {
    .ce_accordion,
    .ce_accordion .toggler.block{
        margin-bottom: 0  !important;
    }
    .ui-helper-reset {
        line-height: 1.4;
    }

    .ui-accordion {
        padding-top: 0;
    }

    .ui-accordion-header {
        position: relative;
        padding-bottom: 1.0rem;
        font-size: 1.25rem;
        cursor: pointer;
        transition: var(--transition);
        line-height: 1.3;
        font-weight: 700;
    }

    .toggerheading {
        margin-right: 0.5rem;
    }

    .ui-accordion-header.toggler{
        display: flex;
    }

    .ui-accordion-header:hover {
        color: var(--theme-orange);
    }

    .ui-accordion-header:after {
        content: "";
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        border: 2px solid var(--theme-orange);
        background-image: url(../../files/framework/images/icons/plus.svg);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0.9rem;
        margin-left: auto;
        flex-shrink: 0;
    }

    .ui-accordion-header:hover:after {
        background-color: var(--theme-lightgrey);
        border-color: var(--theme-lightgrey);   
    }

    .ui-state-active.ui-accordion-header:after {
        background-image: url(../../files/framework/images/icons/minus.svg);
    }

    .ui-widget li a,
    .ui-widget p a{
        display: inline-block;
        margin-bottom: 0.25rem;
    }

    .ui-accordion-header {
        border-top: 1px solid var(--theme-orange);
        border-bottom: 1px solid var(--theme-orange);
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    section + section .ui-accordion-header {
        border-top: none;
    }

    .ui-accordion-header-active {
        border-bottom: none;
    }      

    .ui-accordion-content-active {
        border-bottom: 1px solid var(--theme-orange);
    }

    .ui-accordion-header h2 {
		font-size: 1.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) {
    

    .ui-accordion-header:after {
        top: 0.25rem;
    }

    .ui-accordion-header {
        font-size: 1.4375rem;    
    }

    .ui-accordion-header h2 {
		font-size: 22px;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .ui-accordion-header:after {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 1rem;
    }

    .ui-accordion-header {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }    
}

/* 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) {
}
/* News List Query
--------------------*/
@media screen {

    .mod_newslist {
        clear: both;
    }

    .layout_latest {
        background-color: var(--theme-lightgrey);
        position: relative;
        line-height: 1.2;
        color: #444444
    }

    .layout_latest .image_container {
        margin: 0;
    }

    .layout_latest .content_div {
        position: relative;
        padding: 1rem;
        flex: 1;
    }

    .layout_latest .image_container,
    .layout_latest .image_container a {
        display: block;
        height: 100%;
        overflow: hidden;
    }

    .layout_latest .image_container img {
        width: 100%;
        height: 100%;
        max-height: 250px;
        object-fit: cover;
        object-position: 50% 50%;
        transition: var(--transition);
    }

    .layout_latest .content_div:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 0.5rem;
        right: 1rem;
        width: 1rem;
        height: 1rem;
        
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url(../../files/framework/images/icons/arrow-right.svg);
        /* https://cssfilterconverter.com/ */
        filter: brightness(0) saturate(100%) invert(33%) sepia(8%) saturate(0%) hue-rotate(143deg) brightness(98%) contrast(97%)
    }


    .layout_latest:hover img,
    .layout_latest .image_container a:hover img {
        transform: scale(1.05);
    }


    .layout_latest:hover {
        background-color: var(--theme-red);
        transition: var(--transition);
    }

    .layout_latest h3,
    .layout_latest a { 
        color: var(--theme-red);
    }

    .layout_latest:hover * {
        color: #fff;
    }

    .layout_latest:hover .content_div:after {   
        filter: brightness(0) invert(1);
    }

    .layout_latest .more,
    .layout_latest .teaser {
        display: none;
    }

    .layout_latest .headline a[href$=".pdf"]:after {
        content: " (PDF)";
        font-weight: 300;
    }

    /* special */
    .layout_latest:nth-child(4n+1) {
        background-color: var(--theme-red);
    }

    .layout_latest:nth-child(4n+1) * {
        color: #fff;
    }

    .layout_latest:nth-child(4n+1) .content_div:after {
        filter: brightness(0) invert(1);
    }

    .layout_latest:nth-child(4n+1):hover .content_div:after {   
        filter: brightness(0) saturate(100%) invert(33%) sepia(8%) saturate(0%) hue-rotate(143deg) brightness(98%) contrast(97%)
    }



}

/* 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) {


    .layout_latest:nth-child(4n+1) .teaser {
        display: block;
    }

    .layout_latest .inside_news {
    }

    .layout_latest .img_div {

    }

    .layout_latest .img-div,
    .layout_latest .content_div {
    }


    /* .layout_latest:nth-child(4n+5) .img_div {
        order: 1;
        margin-left: auto;
    } */


    .mod_newslist .inside_ce {
        display: flex;
        flex-wrap: wrap;
        --gap: 1rem;
        gap: var(--gap);
        --boxSize: calc((100% / 2) - var(--gap) + (var(--gap) / 2));
    }

    .layout_latest {
        background-color: var(--theme-lightgrey);
        margin: 0 !important;
        position: relative;
        transition: var(--transition);
        width: var(--boxSize);
    }

}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    .mod_newslist .inside_ce {
        --boxSize: calc((100% / 3) - var(--gap) + (var(--gap) / 3));
    }

    .layout_latest .content_div {
        padding: 1.5rem;
    }

    .layout_latest .content_div:after {
        bottom: 1rem;
        width: 1.5rem;
        height: 1.5rem;
    }

    .layout_latest .image_container img {
        max-height: 170px;
    }


    /* special */
    .layout_latest:nth-child(4n+1) {
        width: 100%;
    }

    .layout_latest:nth-child(4n+1) .inside_news {
        display: flex;
        column-gap: 0.5rem;
    }

    .layout_latest:nth-child(4n+1) .img_div {
        width: var(--boxSize);
        min-width: var(--boxSize);
    }

    .layout_latest:nth-child(4n+1) img {
        max-height: 300px;
    }


    .layout_latest:nth-child(4n+1):hover {   
        background-color: var(--theme-lightgrey);  
    }

    .layout_latest:nth-child(4n+1):hover * { 
        color: var(--theme-darkgrey);
    }

    .layout_latest:nth-child(4n+1):hover h3,
    .layout_latest:nth-child(4n+1):hover a { 
        color: var(--theme-red);
    }

    .layout_latest:nth-child(4n+5) .img_div {
        order: 1;
        margin-left: auto;
    }

    .layout_latest:nth-child(4n+5) .img_div+.content_div:after {
        right: 0.5rem;
    }
    
    .layout_latest .inside_news {
        display: flex;
        flex-direction: column;
        justify-content: stretch;
        align-items: stretch;
        height: 100%;
    }
    
    .layout_latest:nth-child(4n+1) .inside_news {
        flex-direction: row;
    }

}

/* 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) {
}
/* News List ends
--------------------*/










/* News Reader 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) {
}

/* 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) {
}
/* News Reader ends
--------------------*/






/* NOT USE */

/* News Date Query
--------------------*/
@media screen {
    .mod_newslist p.info {
        font-size: 1rem;
        color: var(--bc-dark-grey);
        margin-bottom: 0;
    }
}

/* News Date ends
--------------------*/

/* mod_ContentNewsTeaser Query
--------------------*/
@media screen {
    .mod_ContentNewsTeaser {
        display: flex;
        align-items: flex-start;
    }

    .mod_ContentNewsTeaser .inside_ce{
        background-color: var(--theme-cream);
        padding: 1.5rem;
        border-radius: 0.75rem;
        display: flex;
        flex-flow: column;
        flex-grow: 1;
        height: 100%;
        box-sizing: border-box;
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 500;
    }

    .mod_ContentNewsTeaser .content_div {
        display: flex;
        flex-flow: column;
        flex-grow: 1;
    }

    .mod_ContentNewsTeaser .more {
        margin-top: auto;
        align-self: flex-end;
    }

    .mod_ContentNewsTeaser .img-div {
        margin-top: auto;
    }

    .mod_ContentNewsTeaser .inside_ce img {
        border-radius: 0.75rem;
    }

    .mod_ContentNewsTeaser .text-sideline {
        text-transform: uppercase;
        font-size: 0.875rem;
    }

    .mod_ContentNewsTeaser .text-sideline p:before {
        content: "";
        display: inline-block;
        background-image: url(../../files/framework/images/icons/dot.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position:  bottom center;
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.35rem;
    }
}


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


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

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .mod_ContentNewsTeaser .inside_ce{
        padding: 1.5rem;
    }
}
/* mod_ContentNewsTeaser ends
--------------------*/


.cart_icon.link-button a:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 1.6rem !important;
    height: 1.3rem !important;
    margin-left: 0.5rem;
    margin-bottom: -0.1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../../files/framework/images/icons/cart.svg) !important;
    align-self: center;
}

.cart_icon.link-button:hover a:after {
    filter: brightness(0) invert(1);
}

/* Product list 
--------------------*/
@media screen {
    .mod_iso_cart,
    .mod_iso_checkout,
    .mod_iso_productlist,
    .mod_iso_productreader {
    }

    .mod_iso_cart button,
    .mod_iso_cart input.submit,
    .mod_iso_checkout button,
    .mod_iso_checkout input.submit,
    .mod_iso_productlist button,
    .mod_iso_productlist input.submit
    .mod_iso_productreader button,
    .mod_iso_productreader input.submit {

    }

    .mod_iso_productlist .link-button a {
  
    }



    .mod_iso_productlist .link-button a:hover:after {

    }


    .product_list {
        clear: both;
        --gap: 1rem;
    }

    .product form,
    .product form div.formbody {
        margin: 0;
    }

    .product_list form,
    .product_list form div.formbody {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .product_list .product {
        box-sizing: border-box;
        overflow: hidden;
    }

    .product_list .product:hover {
    }
    
    .product_list .image_container {
        width: 100%;
        align-items: center;
        margin-bottom: 0;
        background-color: var(--theme-darkgrey);
    }

    .product_list .image_container img {
        margin: auto;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .product_list .content-div {
        margin-top: 0.15rem;

        display: flex;
        flex-direction: column;
        height: 100%;        
    }

    .product_list .sku {
        display: none;
    }    
    


    .product_list .product h2,
    .product_list .product h3 {
        font-size: 20px;
        color: var(--theme-red);
        line-height: 1.2;
    }
    
    .product_list .price {
        font-weight: 700;
    }

    .mod_iso_checkout tfoot td .currency,
    .mod_iso_orderdetails tfoot td .currency,
    .product .price .currency {
    }

    .product_list .teaser { 
        margin-bottom: 1rem;
    }

    .product_list .description .text-deco {
        margin-bottom: 0.35rem;
    }

    .product .content-div h2,
    .product .content-div h3 {
        margin-bottom: 0.5rem;
    }

    .product_list .details {
        margin: auto 0 1rem 0;
    }

    .product_list .details a {
    }

    div.submit_container {
        margin-top: auto;
    }

    .surcharge_label {
        width: 70%;
    }


    /* coupon */
    div.coupon {
        clear: both;
        margin-top: 2rem;
    }

    div.coupon input{
        margin: 0.15em 0 1rem;
        float: none;
    }

    div.coupon p.failed {
        color: #d14;
        margin-bottom: 0.25em;
    }

}

/* 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) {
    .product_list {
        --gap: 1.5rem;
    }

    .product_list .content-div {
        padding: 1rem 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) {
}
/* Product list ends */





/* Product Detail
--------------------*/
@media screen {
    .mod_iso_productreader .formbody {
        --gap: 1rem;        
    }

    .mod_iso_productreader .submit {  
    }

    .mod_iso_productreader h1 {
        margin-bottom: 0;
    }
    
    .mod_iso_productreader .sku,
    .mod_iso_productreader .price {
        font-weight: 800;
    }
    
    .mod_iso_productreader .image_container {
        background: #fff;
        text-align: center;
        overflow: hidden;
    }

    .mod_iso_productreader .image_container img {
        width: auto;
        max-height: 50vh;
    }

    .mod_iso_productreader .galleryImage {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;    
        gap: 1rem;
    }

    .mod_iso_productreader .galleryImage .image_container {
        width: calc(33.33% - 1rem + (0.333rem));
    }

    input.button_checkout,
    input.next,
    input.confirm,
    input.previous.button,
    input.button_update,
    input.add_to_cart {
    }



    .quantity_container {
        margin: 1rem 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        column-gap: 1rem;
    }

    .quantity_container input {
        display: block;
        float: none;
        max-width: 100px;
    }

}

/* 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) {
    .mod_iso_productreader .formbody {
        --gap: 1rem;
    }

}


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

    input + input {
        margin-left: 1rem;
    }

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .mod_iso_productreader .formbody {
        --gap: 2rem;
    }


}

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

/* Cart New Query
--------------------*/
@media screen {
    ul.cart_items { }


    div.cart_list.formbody {
        overflow-x: hidden  !important;
    }


    .cart_list .subtotal,
    .cart_list .total,
    .cart_list .iteminfo,
    .cart_list .itemprice,
    .cart_list .surcharges {
        position: relative;
        display: flex;
        column-gap: 0.5rem;
        align-items: center;
        margin-bottom: 0.5rem;
        width: 100%;
    }


    .cart_list .surcharges {
        flex-wrap: wrap;
    }

    .cart_list .surcharge_price {
        display: none;
    }

    .cart_list .actions .remove {
        display: none;
    }    
    
    ul.cart_list .removeitem {
        display: block;
    }

    div.cart_list figure img {
        width: 130px;
        max-width: unset;
    }

    .cart_list .subtotal,
    .cart_list .total,
    .cart_list .itemprice,
    .cart_list .surcharges {
        justify-content: space-between;
    }

    .cart_list .subtotal,
    .cart_list .total {
        padding-top: 0.5rem;
        border-top: 1px solid var(--theme-grey)
    }

    .cart_list .name {
        font-weight: 800;
    }
    .cart_list .total {
        align-items: flex-start;
        font-weight: 800;
    }
    
    .cart_list .grand_total {
        font-size: 2em;
    }

    .removeitem {
        position: absolute;
        top: 0.5rem;
        right: 0;
    }

    .cart_list .subtotal_amt, 
    .cart_list .grand_total,
    .cart_list .surcharge_total {
        margin-left: auto;
    }

    .cart_list a.remove {
        border: none;
        width: 2rem;
        height: 2rem;
        text-indent: -1999px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

    .cart_list a.remove:after {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 2rem;
        height: 2rem;
        text-indent: 0;
        background: url(../../files/framework/images/icons/cross.svg) center center no-repeat;
        background-size: 50%;
        /* https://cssfilterconverter.com/ */
        filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(4546%) hue-rotate(353deg) brightness(104%) contrast(110%);
    }    
}

/* 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) {
    .cart_list .actions a.remove {
        display: block;
        top: -0.15rem;
    }

    .cart_list a.removeitem {
        display: none;
    }
    
    .cart_list li.item_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cart_list .itemprice {
        width: 80%;
    }    

}

/* 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) {
}
/* Cart new ends
--------------------*/ 


/* Cart old
--------------------*/
@media only screen and (max-width:768px) { /* smaller width */

    div.mod_iso_cart .formbody {
        overflow-x: scroll;
    }
}

@media screen {
    div.mod_iso_cart table {
        width : 100%;
        display: table;
    }

    .mod_iso_cart tr {
        display: flex;
        flex-direction: column;
    }

    div.mod_iso_cart td,
    div.mod_iso_checkout td,
    div.mod_iso_orderdetails td {
        border-bottom : 1px solid var(--theme-grey);
        vertical-align: middle;
        padding-top: 0.75rem;
        padding-bottom: 0.35rem;
        box-sizing: border-box;
        
    }

    div.mod_iso_cart tr td.col_last {
        text-align: right;
    }

    div.mod_iso_checkout td.image figure,
    div.mod_iso_orderdetails  td.image figure,
    div.mod_iso_cart td.image figure {
        padding-bottom: 1px;
        padding-right: 3px;        
        margin-bottom: 0.25rem !important;
    }

    div.mod_iso_checkout div.review figure img,
    div.mod_iso_orderdetails  td.image figure img,
    div.mod_iso_cart img {
        width : 6rem;
        max-width: unset;
        border-radius: 0.25rem;
    }

    td.price {
        text-align: right;
    }

    div.mod_iso_checkout td.col_0.image,
    div.mod_iso_cart td.col_0.image {
        max-width: 150px;
    }


    div.mod_iso_orderdetails td.col_1.name,
    div.mod_iso_checkout td.col_1.name,
    div.mod_iso_cart td.col_1.name {
        min-width: 250px;
        max-width: 350px;
    }
    
    .col_1.name li,
    .col_1.name strong {
        font-size: 1rem;
        font-weight: 400;
    }

    .col_1.name > a:first-child {
        font-weight: bold;
    }

    div.mod_iso_cart td.col_2.quantity {
        width: 2.5em;
        margin-right: 1rem;
    }

    div.mod_iso_cart tbody td.col_3,
    div.mod_iso_cart tbody td.col_4{
        padding: 0.5em 0.2em;
        text-align: right;
    }

    div.mod_iso_orderdetails tbody td.price,
    div.mod_iso_checkout tbody td.price,
    div.mod_iso_cart tbody td.price,
    div.review tbody td.price {
        font-size: 90%;
    }

    div.mod_iso_cart tbody td.price .currency,
    div.review tbody td.price .currency {
        display: inline;
    }

    div.mod_iso_cart td.quantity input {
        min-width: 40px;
        width: 100%;
        padding :0;
        text-align: center;
        border-radius: 0.25rem;
    }

    div.mod_iso_cart .actions .edit {
        display: none;
    }

    div.mod_iso_cart td a.remove {
        border: none;
        width: 1rem;
        margin-left: 1rem;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-indent: -9000px;
    }

    div.mod_iso_cart td a.remove:after {
        content : '';
        width : 1rem;
        height : 1rem;
        display: inline-block;
        background: url(../../files/framework/images/icons/cross.svg) center center no-repeat;
        background-size: cover;
        /* https://cssfilterconverter.com/ */
        filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(4546%) hue-rotate(353deg) brightness(104%) contrast(110%);
    }

    div.mod_iso_cart td a.remove:hover:after {
        background-size: 100%;
    }

    div.mod_iso_cart tfoot td,
    div.mod_iso_orderdetails tfoot td,
    div.mod_iso_checkout tfoot td,
    div.mod_iso_orderdetails tfoot td {
        padding : 0.5em 0;
        font-size: 1.65rem;
        font-weight: 600;
    }

    div.mod_iso_orderdetails tfoot tr.subtotal,
    div.mod_iso_checkout tfoot tr.subtotal,
    div.mod_iso_cart tfoot tr.subtotal {
        display: none;
    }

    div.mod_iso_cart div.submit_container {
        margin : 1em 0;
    }

}


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

    .mod_iso_cart tr {
        display: table-row;
        flex-direction: column;
    }
}


/* mini cart : not in use */
@media screen {
    div.mini_cart {
        text-align: right;
    }

    div.mini_cart {
        position: fixed;
        top: 0;
        left: 20px;
        right: 80px;
        z-index: 992;
        
        text-align: right;
    }    

    div.mini_cart a{
        color: #fff !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 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 1300px */
@media only screen and (min-width:1300px) {
}
/* Cart old ends
--------------------*/

/* Steps Query
--------------------*/
@media screen {
    div.steps li {
        float : left;
        font-size: 0.85em;
        margin-right: 0.25rem;
    }

    div.steps li > span.active {
        color: var(--theme-red);
    }

    div.steps li > a:after,
    div.steps li > span:after {
        content : ">";
        margin-left: 0.5rem;
    }

    div.steps li:last-child > span:after {
        display:none;
    }

    div.steps a {
        border: none;
    }

}

/* 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) {
    div.steps li {
        margin-right: 0.5rem;
    }
    
}

/* 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) {
}
/* Steps ends
--------------------*/


/* paymentmethod Query
--------------------*/
@media screen {
    .paymentmethod span span {
        display: inline;
    }
}
/* paymentmethod ends
--------------------*/



/* Add2cart Popup Message Query
--------------------*/
@media screen {
    #iso_ajaxBox {
        width: 90%;
        max-width: 500px;
        padding: 0;
        margin: auto;
        left: 0;
        right: 0;
        border: 1px solid #000;
        border-radius: 1rem;
    }

    .mod_iso_messages.block {
        margin: 0;
    }
}

/* Add2cart Popup Message ends
--------------------*/
/* Media Query
---------------------*/
@media screen {
    #footer {
        color: #fff;
        font-size: 16px;
        font-family: 'Staatliches';
        letter-spacing: 0.08em;
        padding: 1.5rem 0;
        /* background-image: url(../../files/framework/images/bg/bg-footer.png); */
        background-size: 140%;
        background-position: center top;
    }

    #footer .container {
    }

    #footer .heading,
    #footer h1, #footer h2, #footer h3 {
        font-size: 16px;
        font-family: 'Staatliches';
    }

    #footer a {
        text-decoration: none;
        border: none;
        color: var(--theme-grey);
    }

    #footer a:hover {
        color: #fff;
    }

}

/* 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) {

    #footer .inside_art .ce_multicolumnStart {
        align-items: center;
        justify-content: space-between;
    }
  
}

/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    #footer {
        padding: 2rem 0;
        background-size: 100%;        
    }

}

/* 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 {
    #footerNav {
        margin-left: auto;
        text-transform: uppercase;
    }
    #footerNav ul {
        margin: 0;
    }
    #footerNav li {
        display: inline-block;
        margin-right: 1rem;
        line-height: 1.5;
    }

    #footerNav a {
        color: #fff;
    }

    #footerNav a:hover {
    }

    #footer #footerNav a {
    }

    #footerNav 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) {
    #footerNav li {
        display: inline-block;      
        margin-right: 0;
        margin-left: 1.5rem;
        padding-left: 0 !important;
    }
}
/* 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 .inside_ce {
        display: flex;
        align-items: center;
    }

    #footer .mod_social_media_link .inside_ce * {
        margin: 0;
    }

    #footer .mod_social_media_link .heading {
        order: 1
    }

    #footer .mod_social_media_link ul {
        margin: 0;
    }

    #footer .mod_social_media_link .inside_ce ul li {
        margin-right: 1rem;
    }

    #footer .mod_social_media_link img {
        width: 1.75rem;
    }

    #footer .mod_social_media_link img:hover {
    }


    #footer .mod_social_media_link .youtube img {
    }

    #footer .mod_social_media_link .linkedin img {
    }    
}

/* 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
--------------------*/

/* Search result Query
--------------------*/
@media screen {
    /* search result */
    #searchResult input {
        margin-bottom: 1rem;
    }

    #searchResult button.submit {
        float: right;
    }

    #searchResult h2 {
        border: none;
        padding: 0;
        margin-bottom: 0.75rem;
    }

    #searchResult h2:after{
        display: none;
    }

    #searchResult span.relevance {
        font-size: 1rem;
        word-wrap: none;
        font-weight: 400;
    }

    #searchResult div.odd,
    #searchResult div.even {
        margin-bottom: 2rem;
    }

    #searchResult p.context {
        margin-bottom: 0;
    }

    #searchResult p.url {
        font-style: italic;
        word-break: break-all;
        word-break: break-word;
        hyphens: auto;
        color: #756B5E;
    }

    #searchResult .highlight {
        background: rgba(213, 202, 182, 0.35);
        padding: 0 0.35rem;
        border-radius: 0.35rem;
        color: #756B5E;
    }
}
/* Search result ends
--------------------*/


/* Search From Lightbox Mutter Query
--------------------*/
@media screen {
	.searchshown #wrapper {
		filter: blur(5px);
        transition: opacity .5s, filter .5s;
	}

	.searchshown #cboxContent,
	.searchshown #cboxLoadedContent {
		border: 1px solid #fff;
		background: none;
		border: none;
    }

    .searchshown .search-form input.text {
        border: none;
        padding: 10px;
        padding-right: 80px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

	.searchshown #cboxLoadingGraphic {
		display: none;
		background: none;
    }

    .searchshown #cboxOverlay,
    .searchshown .popup_background {
		background: var(--theme-red) !important;
		opacity: 0.8 !important;
	}

    #cboxLoadedContent .search-form,
    .search-form.popup_content {
        padding-top: 2rem;
    }

    .search-form.popup_content {
        width: 80%;
        max-width: 700px;
    }

    .searchshown #cboxClose,
    .searchshown button.popup_close {
        position: absolute;
        top: 0;
        right: 0px;
        border-radius: 2px;
        background: none;
        border: 0;
        font-size: 25px;
        padding: 0 10px;
        text-indent: -9999px;
        width: 1rem;
        height: 1rem;
        background-image: url(../../files/framework/images/icons/Close.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .search-form  ::placeholder,
    #cboxLoadedContent ::placeholder {
		color: var(--placeholdercolor);
	}
}
/* Search From Lightbox ends
--------------------*/



/* Search From VSP Query
--------------------*/
@media screen {
    #footer .search-form {
        display: none;
    }

    .search-form .formbody {
        margin-bottom: 0;
        position: relative;
    }
    .search-form .label_div {
        display: none;
    }

    .search-form div.widget {
        margin: 0;
    }

    .search-form div.widget-submit .field_div {
        margin: 0;
        height: 100%;
        width: 100%;
    }

    .search-form .widget-submit {
        float: right;
        height: 100%;
        width: 70px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .search-form button.submit {
        text-indent: -10000px;
        width: 100%;
        height: 100%;
        border: none;
        box-shadow: none;
        background: transparent url("../../files/framework/images/icons/search.svg") center center no-repeat;
        background-size: 40%;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

    .search-form button.submit:hover {
        transform: scale(1.2)
    }

    .search-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: var(--placeholdercolor)
    }

    .search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: var(--placeholdercolor);
        opacity: 1;
    }

    .search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: var(--placeholdercolor);
        opacity: 1;
    }

    .search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: var(--placeholdercolor);
    }

    .search-form ::-ms-input-placeholder { /* Microsoft Edge */
        color: var(--placeholdercolor);
    }
}
/* Search From ends
---------------------*/

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

    div.mod_iso_checkout {}

    div.info_container {
        margin: 2rem 0;
        position: relative;
    }

    div.mod_iso_checkout a.edit {
        font-size: 50%;
        display: inline-block;        
        margin: 0 0.5rem;
        padding: 0.25rem 0.5rem 0.2rem;
        border-radius: 0.5rem;
        background: var(--theme-orange);
        color: #fff;
        border: 0;
        line-height: 1;
        vertical-align: middle;
    }

    div.mod_iso_checkout a.edit:hover {
        background: var(--theme-grey);
    }

    div.mod_iso_checkout  h3 {
        float: left;
        margin-bottom: 0.25rem;
    }

    div.mod_iso_checkout span.currency {
        display: inline;
    }
    
    div.info{
        clear: both;
    }


}

/* 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) {
    div.billingaddress {
        overflow: hidden;
    }

    div.shippingaddress {
        margin-top: 3rem;
    }

    .mod_iso_checkout .formbody {
        /* display: flex;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-bottom: -0.5rem;
        height: 100%; */
    }

    .mod_iso_checkout .formbody > .address,
    .mod_iso_checkout .formbody > .review {
        /* flex-grow: 1;
        box-sizing: border-box;
        width: 50%;
        padding-right: 1rem; */
    }

    .mod_iso_checkout .formbody > .orderproducts {
        margin-top: 5rem;
    }
        
    div.mod_iso_checkout a.edit {     
        margin: 0 0.75rem;
    }
}

/* 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) {
}
/* Checkout ends
--------------------*/
/* Changelanguage Query
--------------------*/
@media screen {
    #header .mod_changelanguage { 
        font-family: 'Bricolage Grotesque';
        font-weight: 600;
        width: auto;
        text-transform: uppercase;
        align-self: stretch;
        margin-left: auto;
        position: relative;
        margin-bottom: 0;
        display: none;
    }


    nav.mod_changelanguage.open {
 
    }

    nav.mod_changelanguage button { 
        font-family: 'Bricolage Grotesque';
        font-weight: 600;
        background: none;
        border: 0;
        padding: 0;
        text-transform: uppercase;
        color: var(--theme-purple);
    }

    #header .mod_changelanguage button { 
        border: none;
        padding: 0.25rem 0;  
        font-size: 14px;
    }

    nav.mod_changelanguage ul li {
        display: flex;
        align-items: center;
    }

    nav.mod_changelanguage ul li:before,
    #header button:before {
        content: "";
        display: block;
        margin: auto;
        margin-bottom: 0.15rem;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%; 
        background-image: url(../../files/framework/images/icons/ch.svg);    
    }
    

    nav.mod_changelanguage ul li.lang-de_de:before,
    html[lang="de"] #header button:before,
    html[lang="de-DE"] #header button:before {
        background-image: url(../../files/framework/images/icons/de.svg);   
    }

    nav.mod_changelanguage ul li.lang-en-us:before,
    nav.mod_changelanguage ul li.lang-en:before,
    html[lang="en"] #header button:before,
    html[lang="en-us"] #header button:before {
        background-image: url(../../files/framework/images/icons/gb.svg);   
    }

    nav.mod_changelanguage ul li.lang-fr_ch:before,
    nav.mod_changelanguage ul li.lang-fr:before,
    html[lang="fr"] #header button:before,
    html[lang="fr-ch"] #header button:before,
    html[lang="fr-fr"] #header button:before {
        background-image: url(../../files/framework/images/icons/fr.svg);   
    }

    nav.mod_changelanguage ul li:before {
        width: 1.25rem;
        height: 1.25rem;
        margin-left: -0.25rem;
        margin-right: 0.25rem;
    }

    nav.mod_changelanguage button:after {
        display: inline-block;
        content: ">";
        margin-left: 0.35rem;
        color: var(--theme-orange);
    }


    nav.mod_changelanguage.open button:after {
        transform: rotate(-90deg);
    }

    nav.mod_changelanguage h2 {
        display : none;
    }

    nav.mod_changelanguage ul {
        margin-top: 1rem;
        line-height: 1.4em;
        position: absolute;
        top: 4rem;
        left: 0;
        padding: 0.25rem 0.75rem;
        background-color: #fff;
        display : none;
    }


    nav.mod_changelanguage.open ul {
        display: block;
    }

    nav.mod_changelanguage ul li {
        margin: 0.5rem 0;
        white-space: nowrap;
    }

    nav.mod_changelanguage a {
        border-color: transparent;
    }

    nav.mod_changelanguage a:hover {
        border-bottom: 1px solid;
        border-color: inherit;
    }
}

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

/* min-width: 650px (and larger), for flex-col3 */
@media only screen and (min-width: 650px) {
}

/* 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) {
    #header .mod_changelanguage { 
        display: block;
    }


}

/* 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) {
}
/* Changelanguage ends
--------------------*/


/* 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;
        --theme-color1: var(--theme-red);
    }

    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 : 10pt;
    }

    .pad_right {
        padding-right : 10pt;
    }

    .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 : inside;
    }

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

    .ce_list ul li, .ce_text ul li {
        font-size : 13pt;
    }

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

    .caption {
        clear: both;
        font-size : 11pt;
        padding-bottom :10pt;
    }
    
    #footer .ce_text:nth-last-child(1 of .ce_text),
    #footer p:last-child,
    .invisible, #mainNavi, .subNavi, #mood_content, #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,
    .bg-noise,
    .emptyP,
    .mod_customnav,
    .mod_navigation,
    .search-form,
    .logo-footer,
    #header_more,
    .mod_breadcrumb,
    .mod_changelanguage,
    #footer .logo,
    #searchForm,
    .float_below_box img[src=svg]{
        display: none !important;
    }

    #footer-like .ce_multicolumnStart > * {
        color: #000;
    }

    #footer-like .one-fifth {
        clear: none;
        float: left;
        width: 50%;
    }

    #footer-like .two-third {
        display: block !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; }

    .ce_text p {
        margin-bottom : 12px;
    }

    .list-one li, .list-one ol {
        list-style: none;
        padding : 0.5em 0 !important;
        border-top : 1px solid #e9e9e9;
    }

    .list-one ul li:before {
        content: '' !important;
        margin : 0;
        padding : 0;
    }

    .list-one li:last-child, .list-one ol:last-child {
        border-bottom : 1px solid #e9e9e9;
    }

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

    body {
        font : 12pt/1.4 'Inter';
        font-family: Roboto, sans-serif;
        background: #fff !important;
        color: #333333;
    }

    #wrapper {
        width: calc(100% - 30pt);
        margin: 0 auto;
        background-color: #fff;
        position: relative;
        font-size : 12pt;
    }

    #header{
        position: relative !important;
        overflow: hidden;
        border-bottom: 1px solid var(--theme-color1);
        margin-bottom: 10px;
    }

    #container {
        width: 700px;
        width: calc(100% - 30pt);
    }

    .custom #heading {
        padding : 20px 0;
    }

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

    #footer .inside {
        clear  : both;
        position: relative !important;
        font-size : 12pt;
        margin-top : 6pt;
        border-top: 1px solid var(--theme-color1);
        padding-top: 20px;
    }


    /* HEADER STYLES
    --------------------------------------------------------------------*/
    .logo {
        float: left;
        height: 70px;
        width: auto;
    }

    .logo img{
        float: left;
        height: 60px;
        width: auto;
        margin-bottom: 10px;
    }


    /* OTHERS STYLES
    --------------------------------------------------------------------*/
    h1,h2,h3,h4 {
        font-style: normal;
        line-height: 1.2;
    }
    h1 { font-size: 20pt; }
    h2 { font-size: 16pt; }
    h3 { font-size: 14pt; }
    h4 { font-size: 12pt; }

    #main .ce_text p {
        padding-bottom : 10pt;
    }

    .text-transparent {
        color: #000;
    }


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

    .teaser-3block .inside_art > div,
    .mod_ContentNewsTeaser {
        width: 33%;
        float: left;
        box-sizing: border-box;
        padding-right: 10px;
    }

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

    .flex-col6.welten > div {
        width: 30%;
        float: left;
        box-sizing: border-box;
        padding-right: 10px;
        clear: none;
        margin-bottom: 0;
    }
    .flex-col6.welten img {
        max-height: 230px;
    }
    .flex-col6.welten ul, .flex-col6.welten p {
        min-height: 200px;
        overflow: hidden;
    }

    figcaption br {
        display: none;
    }

    #footer .ce_text {
        float: left;
        width: 40%;
        clear: none;
        margin-right: 10%;
    }

    /* 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 Helvetica,Arial,san-serif;
        padding : 3px;
        margin : 5px 0;
        color : #808080;
        border : 1px solid #aaaaaa;
    }

    #main form textarea {
    }

    #main form p {
    }

    fieldset {
        clear : both;
    }

    div.submit_container input.submit {
        float : right;
        width : 100px !important;
        color : #333333;
        background-color : #CCCCCC;
        margin-right : 308px;
        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 {
        page-break-inside: avoid;
    }

    #mood_content {
        display: block !important;
    }

    #mood_content * {
        text-align: left;
        text-transform: uppercase;
    }

} /*@media ends*/



/* news_list */
@media print {
    .layout_latest {
        opacity: 1 !important
    }
    .layout_latest .inside_news {
        display: flex;
    }
    .layout_latest .img_div {
        max-width: 200px;
        float: left;
        margin-right: 20px;
    }
}
/* news_list ends */


/* mod_marktpreise_detail */
@media print {
    .text-highlight {
        padding: 0;
        color: inherit;
        box-decoration-break: unset;
    }

    table.meatPrices {
        table-layout: auto;
        width: 100%;
        border-collapse: collapse;
        border-top: solid 1px var(--theme-red);
    }

    table.meatPrices td {
        padding-top: 3px;
        line-height: 1.2;
        margin-right: 1rem;
        width: 15%;
    }  

    table.meatPrices td.type {
        width: 50%;
    }    

    table.meatPrices td[colspan="4"] {
        width: 100%;
        text-align: left;
    }


    table.meatPrices td.headnote, 
    table.meatPrices tr:first-child td{
        padding-top: 10px;
    } 

    table.meatPrices td[colspan="3"] {
        width: 50%;
        text-align: left;
    }
   
    .link-button a,
    .back a {
        display: none;
    }
}

/* ProductList
--------------------*/
@media print {

    .productlist {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .productlist .product {
        width: 49%;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .productlist .product p,
    .productlist .product h2,
    .productlist .product .like-h2 {
        margin-bottom: 0.5rem;
        line-height: 1.2;
    }
    .productlist .product .inside_ce {
        padding: 1rem 2rem ;
    }

    .product .link-button-blue,
    .product .link-button {
        display: none;
    }
}
/* ProductList ends
--------------------*/

/* Product Detail
--------------------*/
@media print {

    .mod_iso_productreader {
    }

    .mod_iso_productreader p,
    .mod_iso_productreader h1,
    .mod_iso_productreader .like-h1 {
        margin-bottom: 0.5rem;
        line-height: 1.2;
    }
    .mod_iso_productreader .inside_ce {
        padding: 1rem 2rem ;
    }

    .mod_iso_productreader .galleryImage {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;    
        gap: 1rem;
    }

    .mod_iso_productreader .galleryImage .image_container {
        width: calc(33.33% - 1rem);
    }


    .mod_iso_productreader input,
    .mod_iso_productreader label,
    .mod_iso_productreader .link-button-blue,
    .mod_iso_productreader .link-button {
        display: none;
    }
}
/* Product Detail ends
--------------------*/

/* Events Query
--------------------*/
@media print {
    .mod_eventlist {}
    .mod_eventlist li {
        margin: 5pt 0;
        padding-bottom: 5pt;
        border-bottom: 1px solid #CCCCCC;
    }

    .mod_eventlist h2{
        margin-top: 15pt;
    }

    .mod_eventlist a {
        display: none;
    }
}
/* Events Query ends
--------------------*/



/* Redbox Query
--------------------*/
@media print {
    .flex-col3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .red-box,
    .blue-box {
        width: 33%;
    }

    .red-box .inside_ce,
    .blue-box .inside_ce {
        padding: 1rem 1.5rem ;
    }

    .red-box p,
    .red-box .like-h3,
    .blue-box p,
    .blue-box .like-h3 {
        margin-bottom: 0.5rem;
    }


    .red-box .link-arrow,
    .blue-box .link-arrow {
        display: none;
    }

}
/* Redbox ends
--------------------*/

/* Whitebox Query
--------------------*/
@media print {
    .white-box {
        width: 50%;
        clear: none;
        display: inline-flex;
        align-self: flex-start;
        vertical-align: text-top;
    }

    .white-box p,
    .white-box .like-h3 {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}


/* team */
@media print {
    .team {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .team .block{
        width: 45%;
    }
    .team .block p{
        margin-bottom: 0;
    }
}
@media screen {

	#top #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo,
	#top #CybotCookiebotDialogPoweredbyCybot {
		display: none;
	}

	/* CookieBot CookiebotWidget box */
	#top #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
		background-color: var(--theme-purple);
		border-color: var(--theme-purple);
	}

	#top #CookiebotWidget .CookiebotWidget-consent-details button {
		color: var(--theme-purple);
	}

	input[type=checkbox].CybotCookiebotDialogBodyLevelButton {
		bottom: 0;
	}

	#top #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
		fill: var(--theme-green);
	}
	
	#top #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
		border-bottom: 1px solid var(--theme-purple);
		color: var(--theme-purple);
	}
	
	#top #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
 	  	border-color: var(--theme-purple);
	}

	/* CookieBot CookiebotWidget Dialog-box */
	#CybotCookiebotDialog {}

	#top #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
		background-color: var(--theme-purple);
		border-color: var(--theme-purple);
	}

	#top #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
		background-color: var(--theme-green);
	}

	#top #CybotCookiebotDialog form input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
		background-color: #D6D6D6;
	}
}