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

/* This caused image half hidden ?? */
.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;
}

/* hanimor slide */
.slick-track .slick-slide img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

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

.fullfill.slick-slide img,
.fullfill.slick-slide picture {
    max-width: none;
}

.fullfill.slick-slide .slimage_container>.image_container {
    position: absolute;
}

/* play with this scale value to hide other element on youtube video */
.mejs__container iframe {
    transform: scale(1.2);
}

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


/*  slideTextContainer */
.slideTextContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 2rem;
    box-sizing: border-box;
    height: 100%;
    min-height: 100%;
    width: 100%;
    display: table;
    background: none;
    font-size: 2em;
    /* 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);
    z-index: 1;
}

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


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

.ce_bsslider {
    position: relative;
}

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

.slick-track {
    height: 600px;
}

.mejs__layers {
    height: 100% !important;
}

.mejs__overlay {
    max-width: 100vw;
}

/* Ken Burns effect */
/* 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 {
    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);
}

/* Ken Burns effect ends */

/*
    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 */
.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(0, 0, 0);
}

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

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

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

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

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

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

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

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


p a,
li a,
ol a,
li li,
td p,
p span,
span span,
address a,
li span,
p em,
p strong {}

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


figure {
    margin-bottom: 1.5rem;
}

iframe {
    float: left;
    width: 100%;
}

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

    figure .float_right,
    figure .float_left {
        padding-bottom: 0.75rem;
    }

    .float_right {
        float: right;
        width: 40%;
        padding-top: 0.35rem;
    }

    .float_left {
        float: left;
        width: 40%;
        padding-top: 0.35rem;
    }

    .float_right {
        padding-left: 0.75rem;
    }

    .float_left {
        padding-right: 0.75rem;
    }

    .float_left,
    .float_right,
    .float_left+.content-div,
    .float_right+.content-div {
        box-sizing: border-box;
    }



    .float_right+.content-div {
        padding-right: 0.5rem;
    }

    .float_left+.content-div {
        padding-left: 0.5rem;
    }

}


.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;
    height: 0;
    margin-left: -100%;
}

.text-small {
    font-size: 0.9em;
}

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

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

.content-text p,
.content-text ul,
.content-text ol,
.content-text table,
.mod_search p {
    margin-bottom: 1.75rem;
}

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

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


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


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

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

div.space1em {
    padding-bottom: 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 */
.content-gallery {}

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

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

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

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

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

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

.content-gallery figcaption {
    display: none;
}

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

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

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

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

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

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

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

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

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


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

#cboxContent {
    margin-top: 2em;
}

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

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

#cboxNext {
    right: 10px;
}

#cboxPrevious {
    left: 10px;
}

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

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

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

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

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

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

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

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


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

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

iframe {
    border: 0;
}

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

.content-youtube .inside_ce object,
.content-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 {

	body {}

	#wrapper {
		width: 100%;
		background-color: #fff;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.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.5rem;
		padding-right: 0.5rem;
	}

	.inside_ce {
		margin: auto;
	}

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

	#left {
		display: none;
	}

	#header,
	#footer {
		clear: both;
	}

	#header {}

	#footer {
		position: relative;
	}

	#container {}

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

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

	.block .block {
		padding: 0;
	}

	.art_fullWidth .ce_bsslider,
	.art_fullWidth .container,
	.full-width {
		padding-left: 0;
		padding-right: 0;
	}


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


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


	#main .mod_article {
		margin-bottom: 2rem;
	}

	.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-left: 1rem;
		padding-right: 1rem;
	}

	/* 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>.container,
	.art_normalWidth>.container,
	.art_fullWidth .con_mediumWidth .inside_ce {
		width: 100%;
	}

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

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

	.art_narrowWidth .con_narrowWidth .inside_ce {
		width: 450px;
	}

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

	#header .container {
		width: 100%;
	}

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

	.art_fullWidth>.container {
		width: 100%;
	}

	.art_narrowWidth>.container,
	.art_fullWidth .con_narrowWidth .inside_ce,
	.art_normalWidth .con_mediumWidth .inside_ce {
		width: 840px;
		padding: 0 1rem;
	}

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

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

}

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

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


	.art_narrowWidth>.container,
	.art_fullWidth .con_narrowWidth .inside_ce,
	.art_normalWidth .con_mediumWidth .inside_ce {
		width: 840px;
	}

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

	.art_narrowWidth .con_narrowWidth .inside_ce {
		width: 700px;
	}

}

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

	body.layout2col #container,
	#footer>.container,
	.art_normalWidth>.container,
	.art_fullWidth .con_mediumWidth .inside_ce {
		width: calc(1160px + var(--block-padding) * 2rem + 2rem);
	}

	.art_narrowWidth>.container,
	.art_fullWidth .con_narrowWidth .inside_ce {
		width: 840px;
	}

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

}

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

	#header .container,
	#wrapper {
		width: 1440px;
	}
}



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



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

	#mood_content {
		clear: both;
		margin-bottom: 1rem;
	}

	.mood-text {
		margin: 1rem auto 0;
	}

	#mood_content.mod_article,
	#mood_content .mod_article {
		margin-bottom: 2rem;
	}

	#mood_content .inside_art {
		display: flex;
		flex-direction: column-reverse;
		margin-left: auto;
		margin-right: auto;
		min-height: 50vh;
		align-items: center;
		position: relative;
	}

	#mood_content .ce_lottiefilesplayer {
		background: linear-gradient(180deg, #FFFFFF 75.98%, #EBEEED 100%);
		padding-top: 2rem;
		padding-bottom: 2rem;
		width: 100%;
	}

	#mood_content .block+.block .inside_ce {
		width: 100%;
		box-sizing: border-box;
		margin: 1rem auto 0;
	}

	.mood-text {
		position: relative;
		animation: fadeInLeft ease-in-out 1s;
		animation-fill-mode: forwards;
		opacity: 0;
		visibility: hidden;
	}

	.mood-text .image_con {
		width: 70%;
	}

	@keyframes fadeInLeft {
		0% {
			visibility: hidden;
			transform: translate3d(-100%, 0, 0);
		}

		90% {
			opacity: 0.75;
		}

		100% {
			opacity: 1;
			visibility: visible;
			transform: translate3d(0, 0, 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) {

	#mood_content .inside_art {
		min-height: 520px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.mood-text {
		max-width: 50%;
		align-self: center;
		margin: 0;
	}


	#mood_content .ce_lottiefilesplayer {
		background: none;
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
	}

	.mood-text .image_con {
		width: 40%;
	}

	/* targeting mood_content, */
	.custom .container .inside_art {
		background: linear-gradient(180deg, #FFFFFF 75.98%, #EBEEED 100%);
		overflow: hidden;
	}

}


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


	#mood_content .ce_lottiefilesplayer {
		max-width: 40%;
		width: 40%;
	}

	#mood_content .inside_art {
		min-height: 630px;
	}

	.mood-text .inside_ce {
		padding-left: 55px;
	}

}

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

	#mood_content {
		margin-bottom: 2rem;
	}
}

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

/* Mood_Content ends
--------------------*/



/* Mood_Content home Query
--------------------*/
@media screen {
	.home #mood_content .inside_art {
		min-height: calc(100vh - (1rem + 90px));
		display: flex;
	}

	.home #mood_content .makebg {
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

	.home #mood_content .makebg video,
	.home #mood_content .makebg img {
		display: block;
		height: 100%;
		width: 100%;
		left: 0;
		margin: 0;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
		position: absolute;
		top: 0;
	}

	.home #mood_content .ce_lottiefilesplayer {
		align-self: flex-end;
		background: none;
		margin-bottom: 1rem;
		color: white;
	}
}

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

	.home #mood_content .inside_art {
		min-height: calc(100vh - (5rem + 145px));
	}

	.home #mood_content .ce_lottiefilesplayer {
		max-width: 680px;
		width: 60%;
		margin-top: 55px;
		margin-bottom: 55px;
	}

}

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

/* min-width:1200 */
@media only screen and (min-width:1200px) {
	/* .homeless #mood_content .container {
		width: calc(1140px + var(--block-padding) * 1rem + 1rem);
		margin: auto;
	} */
}

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

	.home #mood_content .container {
		width: auto;
		margin: 0 5rem;
	}

	.home #mood_content .inside_art {
		min-height: calc(100vh - (5rem + 145px));
	}
}

/* Mood_Content home ends
--------------------*/
/* https://icomoon.io */
@font-face { }


/* Google Font: Montserrat */
/* normals */
 @font-face {
  font-family: Montserrat;
  src: url("../../files/framework/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  src: url("../../files/framework/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  src: url("../../files/framework/fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

/* italics */
@font-face {
  font-family: Montserrat;
  src: url("../../files/framework/fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}


/**
* @license
* MyFonts Webfont Build ID 3440990, 2017-08-23T07:40:53-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: PlutoCondHeavy by HVD Fonts
* URL: https://www.myfonts.com/fonts/hvdfonts/pluto/cond-heavy/
* Copyright: Copyright (c) 2011 by Hannes von Doehren. All rights reserved.
* Licensed pageviews: 10,000
*
* Webfont: HelveticaNeueLTStd-Lt by Linotype
* URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
* Copyright: Copyright &#x00A9; 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
* Licensed pageviews: 0
*
* Webfont: HelveticaNeueLTStd-Md by Linotype
* URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-65-medium/
* Copyright: Copyright &#x00A9; 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
* Licensed pageviews: 0
*
* Webfont: HelveticaNeueLTStd-Roman by Linotype
* URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-55-roman/
* Copyright: Copyright &#x00A9; 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
* Licensed pageviews: 0
*
* Webfont: HelveticaNeueLTStd-Bd by Linotype
* URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-75-bold/
* Copyright: Copyright &#x00A9; 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
* Licensed pageviews: 0
*
* Webfont: PeperoncinoSans-Regular by Resistenza
* URL: https://www.myfonts.com/fonts/resistenza/peperoncino-sans/regular/
* Copyright: Resistenza
* Licensed pageviews: 10,000
*
* Webfont: LunchBox-Bold by Kimmy Design
* URL: https://www.myfonts.com/fonts/kimmy/lunch-box/bold/
* Copyright: Copyright (c) 2014 by Kimmy Design. All rights reserved.
* Licensed pageviews: 20,000
*
*
* License: https://www.myfonts.com/viewlicense?type=web&buildid=3440990
*
* © 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "PlutoCondHeavy";
  src: url("../../files/framework/fonts/eot/34815E_0_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_0_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_0_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_0_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_0_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_0_0.svg#wf") format("svg");
  font-weight: 700;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeueLTStd";
  src: url("../../files/framework/fonts/eot/34815E_1_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_1_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_1_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_1_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_1_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_1_0.svg#wf") format("svg");
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeueLTStd";
  src: url("../../files/framework/fonts/eot/34815E_2_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_2_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_2_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_2_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_2_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_2_0.svg#wf") format("svg");
  font-weight: 500;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeueLTStd";
  src: url("../../files/framework/fonts/eot/34815E_3_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_3_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_3_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_3_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_3_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_3_0.svg#wf") format("svg");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeueLTStd";
  src: url("../../files/framework/fonts/eot/34815E_4_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_4_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_4_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_4_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_4_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_4_0.svg#wf") format("svg");
  font-weight: 700;
  font-display: swap; }

@font-face {
  font-family: "PeperoncinoSans";
  src: url("../../files/framework/fonts/eot/34815E_5_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_5_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_5_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_5_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_5_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_5_0.svg#wf") format("svg");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "LunchBox-Bold";
  src: url("../../files/framework/fonts/eot/34815E_6_0.eot");
  src: url("../../files/framework/fonts/eot/34815E_6_0.eot?#iefix") format("embedded-opentype"), url("../../files/framework/fonts/woff/34815E_6_0.woff2") format("woff2"), url("../../files/framework/fonts/woff/34815E_6_0.woff") format("woff"), url("../../files/framework/fonts/ttf/34815E_6_0.ttf") format("truetype"), url("../../files/framework/fonts/svg/34815E_6_0.svg#wf") format("svg");
  font-weight: 600;
  font-display: swap; }


/* =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;
    }
    .half-width.centered {margin: 0 25%;}
    
}





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


    /* center images if inside flex-col wrapper */
    [class*=" flex-col"] figure,
    [class^="flex-col"] figure {
        text-align: center;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
    /* 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: center;
        margin-bottom: -0.5rem;
        height: 100%;
    }

    [class^="flex-col"]  > .block , [class*=" flex-col"] > .block {
        flex-grow: 1;
        box-sizing: border-box;
    }


    /* overwrite */
    [class^="flex-col"] .half-width, [class*=" flex-col"] .half-width {
        width: 100%;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    /* overwrite */
    [class^="flex-col"] .half-width, [class*=" flex-col"] .half-width {
        width: 50%;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    [class^="flex-col"], [class*=" flex-col"] {
        /* margin-right: -1.2rem; */
    }

    .flex-col2 > .block,
    .flex-col3 > .block,
    .flex-col4 > .block,
    .flex-col5 > .block,
    .flex-col6 > .block {
        padding-bottom: 1.2rem;
    }
}
/* General ends
--------------------*/


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

    /* 2 column */
    .flex-col2 > .block {
        width: 50%;
    }

    .flex-col2:after {
        flex-grow: 1;
        content: "";
        display: block;
        width: 50%;
        height: 0;
        order: 1;
    }

}

/* flex-col2 ends
--------------------*/


/* flex-col3 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 3 column */
    .flex-col3 > .block {
        width: 50%;
        padding-bottom: 1rem;
    }

    .flex-col3:before,
    .flex-col3:after {
        flex-grow: 1;
        content: "";
        display: block;
        width: 50%;
        height: 0;
    }

    .flex-col3:before {
        order: 1; /* default order is 0, so 1 should be enough to pull to the end */
    }
}


/* min-width:650px Tablet-portrait (and larger) */
@media only screen and (min-width: 650px) {
    /* 3 column */
    .flex-col3 > .block {
        width: 33.333%;
        padding-bottom: 1rem;
    }

    .flex-col3:before,
    .flex-col3:after {
        flex-grow: 1;
        content: "";
        display: block;
        width: 33.33%;
        height: 0;
    }

    .flex-col3:before {
        order: 1; /* default order is 0, so 1 should be enough to pull to the end */
    }
}


/* flex-col3 ends
--------------------*/


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

    .flex-col4:after {
        flex-grow: 1;
        content: "";
        display: block;
        width: 50%;
        height: 0;
        order: 1;
    }
}

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

    /* overwrite */
    .flex-col4 .half-width {
        width: 100%;
    }

}


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

}
/* flex-col4 ends
--------------------*/


/* flex-col5 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 5 column */
    .flex-col5 > .block {
        width: 33.33%;
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    /* 5 column */
    .flex-col5 > .block {
        width: 25%;
    }
}

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

/* flex-col5 ends
--------------------*/



/* flex-col6 Query
--------------------*/
@media only screen and (min-width: 480px) {
    /* 6 column small is like 2 col*/
    .flex-col6 > .block {
        width: 50%;
        /* padding-right: 1rem; */
    }
}

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

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

/* GLOBAL STYLES
--------------------------------------------------------------------*/
@media screen {
	html {
		font-size: 16px;
	}

	body {
		font-family: "HelveticaNeueLTStd", Helvetica, Arial, sans-serif;
		font-weight: 300;
		color: #444;
		line-height: 1.4;
		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: 700;
	}

	i,
	em {
		font-style: italic;
	}

	.content-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 .content-div {
		border-bottom: 1px solid #000;
	}

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

	.content-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,
	address {
		margin-bottom: 0.75rem;
	}

	figcaption {
		position: relative;
		clear: both;
		font-size: 1rem;
		padding: 0.9375rem 0 0 0;
		font-style: italic;
		color: #777;
	}

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

	.content-text ul ol,
	.content-text ul ul,
	.content-text ol ol,
	.content-text ol ul {
		margin: 0 0 0.5rem 1.5rem;
	}

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

	.ce_list ul li,
	.content-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 */


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

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


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

/* 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
--------------------*/
@media screen {
  #header {
    position: relative;
    width: 100%;
    padding-top: 0px;
    overflow: visible;
    width: 100%;
    height: 0;
  }

  #header .container {
    z-index: 1;
  }

  .headerSpacer {
    display: none;
  }

  .fixedHeader #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 11%);
    animation: showHeader 400ms both;
    z-index: 3;
    background: #fff;
    min-height: 80px;
  }

  @keyframes showHeader {
    0% {
      opacity: 0.5;
      transform: translateY(-100px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .fixedHeader .headerSpacer {
    display: block;
  }

  #header .inside_art {
    display: flex;
    align-items: center;
  }

  .logo figure {
    margin-bottom: 0;
  }

  .logo img {
    object-fit: contain;
    position: relative;
  }

  /* head naviblock search icon */
  #header a.search {
    display: inline-block;
    position: relative;
    padding-left: 1.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -2000px;
  }

  #header a.search {
    background-image: url(../../files/framework/images/icons/search2.svg);
  }

  #header .search a {
    color: #fff;
  }

  .logo-weiss #header .logo {
    filter: brightness(0) invert(1);
  }

  .fixedHeader #header .logo {
    filter: brightness(1) invert(0);
  }

  #header .logo {
    margin: 0 auto;
    text-align: center;
    width: 130px;
    margin-top: 20px;
  }

}

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

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


  #header .logo {
    margin-top: 30px;
    width: 160px;
  }

  .fixedHeader #header .logo {
    margin-top: 16px;
  }

}

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

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

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

/* Media ends
--------------------*/
@media screen {
    .like-h1, h1 {
        font-family: "PeperoncinoSans", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #000;
    }

    .puretaste .like-h1,
    .puretaste h1 {
        font-family: "LunchBox-Bold", Helvetica, Arial, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .liquit .like-h1,
    .liqit h1 {
        font-family: "PlutoCondHeavy", Helvetica, Arial, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

    .teaser .like-h2,
    .teaser h2 {
        font-family: "PeperoncinoSans", Helvetica, Arial, sans-serif;
        font-weight: 400;
    }

    .like-h1, .like-h2,.like-h3, .like-h4,.like-h5,
	h1,h2,h3,h4,h5,h6 {
		padding-top: 0.2rem;
		line-height: 1.3;
		margin-bottom: 0.67rem;
		color: var(--theme-color5);
	}

	.headline a {
		color: inherit !important;
		border: none !important;
	}

	.heading {
	}

	.like-h1,
    h1{
		font-size: 2rem;
		line-height: 1.125;
		word-break: break-word;
	}

    .mood .like-h1 {
        font-size: 3rem;
        color: #fff;
        line-height: 1;
    }

	.like-h2,
	h2 {
		font-size: 1.3rem;
		line-height: 1.4;
		word-break: break-word;
	}

	.small-heading h2,
	/* .like-h3, michel commented */
	h3 {
		font-size: 1rem;
	}

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

	.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,
    h1{
		font-size: 50px;
		font-size: 4rem;
		line-height: 1;
	}

    .mood .like-h1 {
        font-size: 6rem;
        color: #fff;
        line-height: 4rem;
    }

	.like-h2,
    h2{
		font-size: 2rem;
		line-height: 1.21875;
	}

	.like-h3,
    h3{
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.like-h4,
    h4{
		font-size: 20px;
		line-height: 25px;
	}
}


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

}

@media screen {
    a {
        position: relative;
        --link-color1: var(--theme-color1);
        --link-hover-color1: var(--theme-color6);
        --link-visited-color1: #444;
    }

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

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

    .linkdiv.hovered a,
    a:hover,
    a:active,
    a:focus {
        color: var(--link-hover-color1);
    }


    figure a,
    #header a {
        border-bottom: none;
    }


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

}

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


    .linkdiv.hovered a,
    a:hover,
    a:active,
    a:focus {
        color: var(--link-hover-color1);
    }

}

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

    #mainNavi {
        margin: 0;
        margin-left: auto;
        position: relative;
        display: inline-block;
    }

    #mainNavi ul.level_1 {
        display: flex;
        justify-content: flex-end;
        margin: 0;
        margin-left: auto;
    }

    #mainNavi a {
        font-weight: 700;
        border: none;
        color: var(--theme-color1);
        font-size: 16px;
        line-height: 24px;
    }


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

    #mainNavi li.hovered>a,
    #mainNavi a:hover {
        transition: var(--transition);
        color: var(--theme-color3);
    }

    #mainNavi ul.level_1>li {
        margin: 0 0.25rem;
        white-space: nowrap;
        padding-bottom: 3rem;
    }

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

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

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

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

    #mainNavi ul.level_2:before {
        order: 1;
    }

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

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

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

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

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

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

    .deco_txt1 {
        font-weight: 700;
        font-size: 0.85rem;
        padding: 1rem 2rem 0;

        color: var(--theme-color2);
        margin: 0;
        display: 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) {

    .js #mainNavi {
        display: none;
        padding-top: 0.75rem;
    }


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

    #mainNavi ul.level_1>li {
        margin: 0 1rem
    }

}

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

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

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




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

    .footerNavi {
        margin: 0.5rem calc(var(--block-padding) * 1rem) 0;
        padding: 0.5rem calc(var(--block-padding) * 1rem);
    }

    .footerNavi ul.level_1 {
        margin: 0;
        margin-right: 3rem;
    }

    .footerNavi li {
        padding: 0.25rem 0;
    }

    .footerNavi a {
        color: #222222;
        font-size: 0.813rem;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: uppercase;
        border: none;
    }

    .footerNavi a:hover {
        color: var(--theme-color1)
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .footerNavi {
        margin: 0;
        margin-left: auto;
        text-align: right;
    }

    .footerNavi li {
        display: inline-block;
        padding: 1.25rem 0.35rem 1.25rem 0.75rem;
        margin-right: 0.3rem;
        margin-left: 0.3rem;
    }
}

/* Footer Navigation ends
--------------------*/



/* Link-arrow Query
In TinyMCE: 
First set to link to text, then apply style class
<span><a></a></span>
--------------------*/
@media screen {
    .link-arrow a {
        /* display: flex; */
        border: none;
        font-weight: 300;
        font-size: 1.15rem;
        color: var(--theme-color1);
    }

    .link-arrow a:after {
        content: "";
        display: inline-block;
        margin-left: 0.5rem;
        width: 0.5rem;
        height: 0.5rem;
        min-width: 0.5rem;
        padding: 0.1rem;
        border-radius: 1rem;
        transition: var(--transition);
        background-image: url(../../files/framework/images/icons/arrow-bold.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        align-self: center;
    }

    .hovered .link-arrow a:after,
    .link-arrow a:hover:after {
        background-image: url(../../files/framework/images/icons/arrow-bold-hover.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) {}


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


    .hovered .link-arrow a,
    .link-arrow a:hover {
        color: var(--link-hover-color1);
    }

}

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




/* Link-Button Query
--------------------*/
@media screen {

    button,
    .back a,
    a.link-button-invert,
    .link-button-invert a,
    a>span.link-button,
    a.link-button,
    .link-button a {
        display: inline-block;
        color: #fff;
        font-family: "HelveticaNeueLTStd", Helvetica, Arial, sans-serif;
        font-size: 1.05rem;
        line-height: 1.5625rem;
        font-weight: 500;
        text-align: center;
        min-width: 13.75rem;
        max-width: 100%;
        border-radius: 4px;
        border: 0;
        padding: 0.8125rem 1.25rem 0.8125rem;
        background: radial-gradient(circle, #098351 0%, #045e30 100%);
        transition: var(--transition);
        margin-top: 0.75rem;
    }

    a.link-button:hover,
    .link-button a:hover {
        color: rgba(255, 255, 255, 0.7);
    }


    .back a {
        padding: 0.5rem 1rem;
    }


    a.link-button:visited,
    .link-button a:visited {}


    /* .back a:after,
    form button:after,
    a > span.link-button:after,    
    a.link-button:after,
    .link-button a:after {
        content: "";
        float: right;
        margin-left: 10px;
        width: 1rem;
        height: 1.2rem;
        margin-top: 0.1rem;
        position: relative;
        background-image: url(../../files/framework/images/icons/arrow-white.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(90deg);
    }


    .back a:after {
        transform: rotate(-90deg);
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }


    a.link-button:hover:after,
    .link-button a:hover:after {
        filter: invert(100);
    }

    .info-box a.link-button:hover:after,
    .info-box .link-button a:hover:after {
        filter: invert(0);
    } */


    /* button:before,
    .back a:before,
    .link-button a:before {
        content: "";
        cursor: pointer;
        display: block;
        user-select: none;
        background: var(--theme-color3);
        background-image: linear-gradient(-75deg, rgba(255, 169, 40, 1) calc(var(--xPos) * 0.2%), rgba(255, 122, 0, 1) calc(var(--xPos) * 1%)); 
        border: 0 solid transparent;
        border-radius: 25px; 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        z-index: -1;
        opacity: 0;
        transition: var(--transition);
    }
    
    button:hover:before,
    .back a:hover:before,
    .link-button a:hover:before {
        opacity: 1;
    } */

    a.link-button-invert,
    .link-button-invert a {
        color: var(--theme-color1);
        background: none;
    }

    a.link-button-invert:hover,
    .link-button-invert a:hover {
        color: #fff;
        background: var(--theme-color1);
    }

    .more.link-button {
        white-space: nowrap;
        background: 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 992px */
@media only screen and (min-width: 992px) {

    .back a,
    a.link-button,
    .link-button a {}

    .back a {
        padding: 0.5rem 1rem;
    }

    .back a:after,
    form button:after,
    a>span.link-button:after,
    a.link-button:after,
    .link-button a:after {
        margin-top: 0.25rem;
    }
}

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




/* beitrag-link Query
--------------------*/
@media screen {
    .beitrag-link .inside_ce {
        padding: 2rem;
        background-color: #F2F5F5;
        background-image: url(../../files/framework/images/bg/link-bg.svg);
        transition: var(--transition);
    }

    .beitrag-link .hovered .inside_ce {
        filter: drop-shadow(0px 6px 25px rgba(0, 0, 0, 0.25));
    }

    .beitrag-link a {
        font-size: 16px;
        font-weight: 900;
        word-break: break-all;
    }

    .beitrag-link .link-arrow a:hover:after,
    .beitrag-link .hovered .link-arrow a:after {
        margin-left: 2rem;
    }

    .beitrag-link p {
        margin: 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) {

    .beitrag-link a {
        font-size: 26px;
    }

    .beitrag-link .inside_ce {
        padding: 4rem 3rem;
    }
}

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

/* beitrag-link 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: 35px;
        right: 2.5rem;
        display: inline-block;
        display: flex;
        width: auto
    }

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

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

    .nav-icon-wrap .nav-icon:hover span {
        background: #222;
    }

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

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

    .nav-icon span:nth-child(4) {
        top: 14px;
    }

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

    .logo-weiss #header .nav-icon span {
        background: var(--theme-color4);
    }

    #header .nav-icon span,
    .fixedHeader #header .nav-icon span {
        background: var(--theme-color1);
    }
}


/* 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) {
    .nav-icon-wrap {
        top: 40px;
    }

    .fixedHeader .nav-icon-wrap {
        top: 35px;
    }

}

/*  hamburger ends
--------------------*/

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

}

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

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

    .mm-menu {
        background: var(--theme-color1);
        min-height: 100vh;
        --border-color: rgba(255, 255, 255, 0.5);
    }

    .mm-panels {
        padding-bottom: 1.5rem;
        border-left: 1px solid var(--border-color)
    }

    .level_1.mm-listview {
        padding-bottom: 3rem;
    }

    /* border color*/
    .mm-panel>ul.level_1.mm-listview>li:first-child {
        border-top: 1px solid var(--border-color)
    }

    .mm-panel>ul.level_1.mm-listview>li:last-child:after,
    .mm-panel>ul.level_1.mm-listview>li.last:after {
        border-bottom: 1px solid var(--border-color)
    }

    .mm-menu .mm-listview li:first-child {
        border-top: 1px solid;
    }

    .mm-menu .mm-listview li:first-child,
    .mm-listview>li,
    .mm-listview>li .mm-next,
    .mm-listview>li .mm-next:before,
    .mm-listview>li:after {
        border-color: var(--border-color)
    }

    .mm-listview .mm-next,
    .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
    .mm-menu .mm-listview>li.mm-selected>span {
        background: none;
        outline: none;
    }

    /* border color ends */

    /* arrow color */
    .mm-menu .mm-listview>li .mm-next:after {
        border-color: #fcfcfc;
    }

    /* arrow color end */

    /* arrow, plus, minus */
    .mm-menu .mm-listview>li .mm-next:after {
        border: none !important;
        width: 16px;
        height: 16px;
        background: url(../../files/framework/images/icons/arrow-right.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 {
        clear: both;
        font-size: 16px;
    }

    /*
    .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,
    .mm-listview>li>span {
        overflow: auto;
        white-space: normal;
        padding: 15px 0;
        padding-left: 0px;

        color: #fff;
    }

    .mm-listview .mm-vertical .mm-panel,
    .mm-vertical .mm-listview .mm-panel {
        padding: 0;
    }

    .mm-listview>li.mm-vertical>.mm-next,
    .mm-vertical .mm-listview>li>.mm-next {
        height: 48px;
    }

    .mm-listview .mm-next+a,
    .mm-listview .mm-next+span {
        margin: auto;
    }

    .mm-menu .level_2>li>a,
    .mm-menu .level_2>li>span {
        color: #fff;
        padding-left: 20px;
    }

    .mm-menu .level_2>li>a {
        display: flex;
        align-items: center;
    }

    .mm-menu .level_3>li>a,
    .mm-menu .level_3>li>span {
        padding-left: 40px;
        padding-left: 0;
        text-align: center;
    }

    .mm-menu .level_4>li>a,
    .mm-menu .level_4>li>span {
        padding-left: 60px;
        padding-left: 0;
        text-align: center;
    }

    .mm-menu .level_5>li>a,
    .mm-menu .level_5>li>span {
        padding-left: 80px;
    }

    .mm-menu .mm-listview a.mm-next {
        padding: 0 25px;
    }

    .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-panel>.mm-listview {
        margin-top: 2rem !important;
        margin-bottom: 2rem;
        margin-left: 0;
        margin-right: 0;
        padding-top: 1rem;
    }

    .mm-panels>.mm-panel {
        padding: 0 20px;
    }


    .mm-listview .mm-next:before {
        display: none;
    }

    .small-view .mm-menu.mm-offcanvas {
        max-width: 100%;
        width: 100%;
    }

    .small-view #mm-mainNavi ul.level_1 {}

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

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


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

    .mm-listview li a {
        border: none;
        color: #fff;
    }

    .mm-menu .mm-listview>li.mm-selected>a.active {
        color: var(--theme-color4);
        font-weight: 700;
    }


    body:not(.small-view) #mm-mainNavi ul.level_1>li:first-child>a {
        background: none;
        border: none;
    }


    .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) {
    .mm-panels>.mm-panel {
        padding: 0 40px;
    }
}


/* logo
--------------------*/
@media screen {
    .mm-panel .logo {
        float: none;
        padding-top: 2rem;
        padding-bottom: 0.25rem;
        text-align: center;
        margin: auto;
        width: 120px;
    }

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

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

}

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


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

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

    .mm-menu .mod_changelanguage li {
        display: inline;
    }

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

    .mm-menu .mod_changelanguage li.last-child:after,
    .mm-menu .mod_changelanguage li.last: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;
    }

}

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

    /* interface */
    /* dots */
    .slide-dots-container {
        position: relative;
        margin-top: 3px;
    }

    .slick-dots {
        bottom: 0rem;
    }

    .slick-dots li {
        margin: 0 4px;
        top: 3px;
    }

    .slick-dots li button {
        box-shadow: none;
    }

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

    .slick-dots li.slick-active {
        top: 0;
        margin-right: 8px;
    }

    .slick-dots li.slick-active button:before {
        width: 10px;
        height: 10px;
        color: #fff;
        background-color: transparent;
        border: 2px solid #fff;
        opacity: 1;
        border-radius: 10px;
    }

    .slick-prev:before,
    .slick-next:before {
        opacity: 0 !important;
    }

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

    .fullfill img {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
    }


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

    .art_fullWidth .ce_bsslider.block {
        padding: 0 !important;
    }


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

    .slideTextContainer,
    .slideTextContainer a {
        color: #fff !important;
        font-weight: 500;
        text-shadow: 0 0 10px rgb(0 0 0 / 50%)
    }

    .slideTextContainer p {
        margin-bottom: 0.5rem;
    }

    .art_fullWidth .slider .slick-track {
        height: 540px;
    }
}

/*@media ends*/

@media only screen and (min-width: 768px) {
    .slick-dots {
        bottom: 1.5rem;
    }

    .art_fullWidth .slider .slick-track {
        height: 780px;
        max-height: 780px;
    }

    .slideTextContainer,
    .slideTextContainer a {
        line-height: 1.5625rem;
        margin-bottom: 2.5rem;
    }

    .ce_bsslider p {
        font-size: 1.5rem;
        font-weight: 400;
        margin-bottom: 1rem;
    }
}

@media only screen and (min-width: 980px) {
    .art_fullWidth .slider .slick-track {
        height: 100vh;
        max-height: 960px;
    }
}

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



/* CE Slick Query
--------------------*/
@media screen {

    .container.slider-controls {
        position: relative;
        width: 900px;
        margin: auto;
        z-index: 1;
        opacity: 1;
    }

    .slider-controls .slick-arrow,
    .bsce_slick .slick-arrow {
        position: absolute;
        bottom: 0;
        top: 0;
        right: 5px;
        left: auto;
        width: 40px;
        height: 40px;
        min-width: 40px;
        margin: auto 0;
        border-radius: 15px;
        overflow: hidden;
        padding: 0;
        text-indent: 999999px;
        background-image: url(../../files/framework/images/icons/arrow-white.svg);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        z-index: 2;
        cursor: pointer;
        transform: rotate(90deg);
        transition: var(--transition);
    }

    .slider-controls .slick-prev.slick-arrow,
    .bsce_slick .slick-prev.slick-arrow {
        transform: rotate(-90deg);
        left: 5px;
        right: 0;
    }

    .slider-controls .slide-prev.slick-arrow {
        float: left;
        transform: rotate(-90deg);
    }

    .slider-controls .slide-next.slick-arrow {
        float: right;
    }

}



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

    .bsce_slick figcaption {
        color: #000;
        background: rgba(255, 255, 255, 0.9);
        z-index: 1;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px 10px 8px;
        mix-blend-mode: lighten
    }

    .ce_bsslider {
        padding: 0;
        position: relative;
    }

    .slider-controls .slick-arrow,
    .bsce_slick .slick-arrow {
        margin: auto 0;
        right: 20px;
        border-radius: 20px;
        top: 0;
        left: auto;
        bottom: 0;
    }

    .slider-controls .slick-prev.slick-arrow,
    .bsce_slick .slick-prev.slick-arrow {
        transform: rotate(-90deg);
        left: 20px;
        right: 0;
    }

}


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

    .slider-controls .slick-arrow:hover,
    .bsce_slick .slick-arrow:hover {
        transform: scale(1.2) rotate(90deg);
    }

    .slider-controls .slick-prev.slick-arrow:hover,
    .bsce_slick .slick-prev.slick-arrow:hover {
        transform: scale(1.2) rotate(-90deg);
    }

}

/* CE Slick ends
--------------------*/
/* media screen
-------------------*/
@media screen {
    .bg-beige-dark {
        background: #756B5E;
    }

    .bg-beige-dark a,
    .bg-beige-dark * {
        color: #fff;
    }    

    .bg-beige-light * {
        color: #756B5E;
    }
    
    .bg-beige-light {
        background: #EFEDEB;
        color: #756B5E;
    }

	[class^="bg-"], [class*=" bg-"] {
        position: relative;
    }

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

}


/* 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) {
    [class^="bg-"], [class*=" bg-"] {

    }
}
/*@media screen ends*/




/* Article grey
--------------------*/
@media screen {
    .bg-grey .inside_art {
        background: #F2F5F5;
        padding: 3rem 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 960px */
@media only screen and (min-width: 992px) {
}


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

}

/* Article grey ends
--------------------*/





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

    .artbg {

		position: relative;
	}

	.artbg:before {
	}

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

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

}
/* Article BG IMAGE ends
--------------------*/






/* Adam specific Query
--------------------*/
@media screen {

    .no-padding > .container{
        z-index: 1;
        position: relative;
        overflow: hidden;
    }
    .no-padding .inside_art {
        padding: 0;
        margin: 0;
    }
    .no-padding,
    .no-padding * {
        margin-bottom: 0;
    }
}

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

}

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

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

    [class^="bg-"].ce_multicolumnStart,
    [class*=" bg-"].ce_multicolumnStart {
        padding: 1rem 1rem 1px;
        padding-left: calc(var(--block-padding) * 1rem);
        padding-right: calc(var(--block-padding) * 1rem);
    }
}

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


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


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

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

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

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


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

    .white-box .inside_ce {
        background: #fff;
        height: 100%;
    }

    .white-box .content-div {
        padding: 2rem;
    }

    .white-box p,
    .white-box .like-h3 {
        margin-bottom: 0;
    }


    .white-box figure a:after {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%;
    }


}

/* 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) {
    #main .white-box {
        margin-bottom: 3rem;
    }

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


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

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

    [class^="bg-"].ce_multicolumnStart,
    [class*=" bg-"].ce_multicolumnStart {
        padding: 3rem 3rem 1px;
    }
}

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

/* Whitebox ends
--------------------*/
/* 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-black {
	color: #000;
}

.text-white {
	color: #fff;
}

.text-gruen {
	color: var(--theme-color1);
}

.text-hgruen {
	color: var(--theme-color2);
}

.text-dgruen {
	color: var(--theme-color6);
}

.text-slogan {}

.text-subheadline {}

.text-lead {}

.text-small {}

.like-h1 {}

.like-h2 {}

.like-h3 {}

.like-h4 {}

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

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

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

.text-nobreak {
	white-space: nowrap;
}

._____KLASSEN_____ {}

.link-button {}

.link-arrow {}

.hide-mobile {}


/* TinyMCE STYLES
--------------------------------------------------------------------*/
#tinymce .content-text a {
	text-decoration: underline;
	color: #00c;
}

#tinymce p,
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4 {
	margin: 10px 3px 5px 1px;
	padding-left: 1px;
}

#tinymce p {
	line-height: 1.6;
	border-left: 5px solid #CCC;
	border-bottom: 1px solid #EEE;
	border-top: 3px solid #FFF;
	background: transparent url(../../files/framework/images/tinymce/tag-visual.gif) 850px 0 no-repeat;
	padding-right: 30px;
}

#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4 {
	border-left: 5px solid #CCDFFF;
	border-bottom: 1px solid #DEEEFF;
	border-top: 3px solid #FFF;
	background: transparent url(../../files/framework/images/tinymce/tag-visual.gif) -40px 0 no-repeat;
	padding-right: 30px;
}

#tinymce.tl_content img {
	padding: 0 4px;
}

#tinymce ul,
#tinymce ol {
	min-height: 20px;
	border-left: 5px solid #F1A6FD;
	border-top: 3px solid #FFF;
}

#tinymce b,
#tinymce p b {
	min-width: 20px;
	min-height: 20px;
	border-left: 5px solid #fefefe;
}

#tinymce li {
	padding: 2px 0;
}

#tinymce sub,
#tinymce sup {
	background-color: #d3f7cf
}

#tinymce ul li span {
	background-color: #93FF9A;
	margin: 0 3px;
	line-height: 16px;
}

#tinymce address {
	border-left: 5px solid #2C6;
	border-bottom: 1px solid #2C6;
	border-top: 3px solid #FFF;
}

#tinymce table {
	width: 90%;
}

#tinymce table th {
	border-top: 3px solid #4f4;
}

#tinymce table th,
#tinymce table td {
	padding: 1px;
}

#tinymce blockquote {
	margin: 0;
	font-style: italic;
	border-left: 5px solid #cc071d;
	border-bottom: 1px solid #cc071d;
	padding: 10px;
}

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

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

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


#tinymce .text-capital {
	text-transform: uppercase;
}

#tinymce .text-bold-italic {
	font-weight: bold;
	font-style: italic;
}

#tinymce .text-bold {
	font-weight: 500;
}

#tinymce .text-right {
	text-align: right;
}

#tinymce .text-left {
	text-align: left;
}

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

#tinymce .text-full {
	text-align: justify;
}

#tinymce .text-underline {
	border-bottom: 1px solid;
}

#tinymce .text-nobreak {
	background-color: rgba(159, 142, 217, 0.31);
	padding: 2px;
	white-space: nowrap;
	margin: 0 3px;
}

#tinymce .text-deco {
	background-color: rgba(255, 188, 3, 0.38);
	padding: 2px;
	margin: 0 3px;
}

#tinymce .text-white {
	color: #aaa;
	padding: 2px;
}

#tinymce .text-red {
	color: #f00
}

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



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


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

	form div.formbody {
	  overflow: hidden;
	  --bordercolor: #B9BCBC; 
	  --bordercolorFocus: var(--theme-color3);
	  --fieldcolor: transparent; 
	  --fieldcolorfocus: #fff;
	  --inputtextcolor: #000;
	  --errorbackground: #efefef;
	  --placeholdercolor: #ccc;
	  --borderradius: 4px;	
	}
  
	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;
	  margin-bottom: 0.5rem;
	}
  
	form .label,
	form label {
		font-weight: inherit;
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 5px;
		color: var(--theme-color1);
	}
  
	.captcha_text {
	  display: block;
	}
  
	input[type="file"],
	input.text,
	input.captcha,
	textarea {
	  float: left;
	  width: 100%;
	  max-width: 100%;
	  height: auto;
	  background: var(--fieldcolor);
	  color: var(--inputtextcolor);
	  line-height: 1.8;
	  min-height: 3.2rem;
	  padding: 2px 2px 2px 10px;
	  box-sizing: border-box;
	  appearance: none;
	  resize: none;
	  border-radius: var(--borderradius);	  
	}
  
	input[type="file"] {
	  line-height: 1;
	  padding-top: 0.4rem;
	  padding-bottom: 0.4rem;
	}
  
	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(--bordercolor);
	  margin-bottom: 0.5rem;
	  display: none;
	}

	/* div.widget-checkbox .label_div,
	div.widget-radio .label_div {
	  display: none;
	} */
  
	input[type="checkbox"],
	input[type="radio"] {
	  position: absolute;
	  border: none;
	  opacity: 0;
	  background: transparent;
	  box-shadow: none;
	  left: -1000px;
	}
  
	.no-label fieldset.checkbox_container legend {
	  display: none;
	}
  
	.radio_container span,
	.checkbox_container span {
	  margin-bottom: 3px;
	  display: table;
	}

	.onsameline .radio_container span,
	.onsameline .checkbox_container span,
	.radio_container span.mandatory,
	.checkbox_container span.mandatory {
	  display: inline;
	}
    
	.radio_container label,
	.checkbox_container label {
		margin-left: 1.5rem;
		margin-right: 0.5rem;
	}

	.radio_container label:before,
	.checkbox_container label:before {
	  background: transparent;
	  content: "";
	  float: left;
	  width: 1rem;
	  height: 1rem;
	  margin-top: 0.25rem;
	  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-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;
	  margin-top: 0.2rem;
	}
  
	input[type="radio"]:checked + label:before {
	  display: inline-block;
	  background: url("../../files/framework/images/icons/radio-button.svg") center no-repeat;
	  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;
	  border-radius: var(--borderradius);	  
	}
  
	select:focus {
	  outline: none;
	}
  
	select:-moz-focusring {
	  color: transparent;
	  text-shadow: 0 0 0 #000;
	}
  
	.select select {
	  color: inherit;
	}
  
	.select div.field_div {
	  height: 2.5rem;
	  position: relative;
	  padding: 0;
	  margin: 0;
	  overflow: hidden;
	  background: transparent;
	  border-radius: var(--borderradius);	  	  
	}
  
	.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(--bordercolor);
	  background: transparent;
	  background: transparent url("../../files/framework/images/icons/select-arrow.svg") center no-repeat;
	  background-size: 70%;
	}
  
  
	/* submit */
	div.submit_container {
	  float: left;
	  width: auto;
	  margin-top: 1.5rem;
	}
  
	div.widget-submit .label_div {
		display: none;
	  }

	div.widget-submit .field_div {
	  margin-top: 1.5rem;
	  margin-left: auto;
	  margin-right: 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;
	}



	/* 
	 * Button style is applied from link-button, navigation.css.
	 *
	input.submit,
	.button,
	form button {
	  display: inline-block;
	  padding: 0.2rem 0.5rem;
	  margin-bottom: 0;
	  line-height: 1.4;
	  text-align: center;
	  vertical-align: middle;
	  cursor: pointer;
	  text-shadow: none;
	  padding: 0.75rem 1rem;
	  background: var(--theme-color1);
	  border: 1px solid;
	  color: #fff;
	  border-radius: 0;
	  font-size: 1rem;
	  font-weight: 800;
	  letter-spacing: 0.05rem;
	}
  
	input.submit:hover,
	.button:hover,
	form button:hover {
		color: var(--theme-color1);
		background: none;
	}
	

	#footer form button:hover, 
	[class^="bg-"] input.submit:hover, 
	[class*=" bg-"] input.submit:hover,
	[class^="bg-"] .button:hover, 
	[class*=" bg-"] .button:hover,
	[class^="bg-"] form button:hover, 
	[class*=" bg-"] form button:hover {

	} */

	form button:after {
		margin-top:0;
	}

	form p.error {
	  margin-bottom: 0;
	}
  
	div.error input.text,
	div.error input.error,
	div.error input.captcha,
	div.error textarea {
	  background: var(--errorbackground);
	}
  

	.select div.field_div,
	div.error input.text:focus,
	div.error input.captcha:focus,
	div.error textarea:focus {
	  background: var(--fieldcolor);
	}
	
	input:invalid {
	  box-shadow: none !important;
	}
  
	input[type="file"],
	input.text,
	input.captcha,
	input.submit,
	input[type="radio"],
	textarea,
	.checkbox_container label:before,
	.radio_container label:before,
	.select div.field_div,
	.button,
	button
	{
		border: 1px solid var(--bordercolor);
	}
	  
	.button,
	button {
	  	border: none;
	}

	/* when above color is too light */
	.select div.field_div:after,
	.checkbox_container label:before,
	.radio_container label:before {
		border-color: var(--bordercolorFocus);
	}
  
	input.text:focus,
	input.captcha:focus,
	input.submit:focus,
	input[type="radio"]:focus,
	textarea:focus,
	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before,
	.button:focus,
	button:focus {
	  border-color: var(--bordercolorFocus);
	}
  
	form ::placeholder {
	  color: var(--placeholdercolor);
	  opacity: 0.8;
	}
  }
  
  /* 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) {
	.radio_container label:before {
		margin-top: 0.35rem;
	}

	form .label,
	form label {
		line-height: 2.5;
	}	
  }

/* 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 {
		width: 30%;
	}
}

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



/* Breadcrumb Query
--------------------*/
@media screen {
    .home .mod_breadcrumb {
        display: none;
    }


    .mod_breadcrumb,
    .mod_breadcrumb ul {
        font-size: 0.75rem;
    }

    .mod_breadcrumb ul li {
        display: inline-block;
    }

    .mod_breadcrumb ul li.home {
        text-transform: lowercase;
    }

    .mod_breadcrumb ul li a {
        color: var(--theme-color1);
        border: none;
    }

    .mod_breadcrumb a.no-link:hover {
        transition: none;
        color: var(--link-color1);
        cursor: auto;
    }

    .mod_breadcrumb ul li.active {
        color: var(--theme-color2);
    }


    .mod_breadcrumb ul li:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: relative;
        background-image: url(../../files/framework/images/icons/arrow-bold.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
    }

    .mod_breadcrumb li:last-child:after,
    .mod_breadcrumb li.last:after {
        display: 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) {
    .mod_breadcrumb {
        clear: both;
        padding-left: 0;
    }

    .mod_breadcrumb ul {
        margin-bottom: 0;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .mod_breadcrumb a:hover {
        transition: var(--transition);
        color: var(--link-hover-color1);
    }
}

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

@media screen {

    .ce_accordion {
        font-size: 1.125em;
        border-bottom: 1px solid #ddd;
        padding: 0;
        margin-left: calc(var(--block-padding) * 1rem);
        margin-right: calc(var(--block-padding) * 1rem);
    }

    .ce_accordion:first-of-type {
        border-top: 1px solid #ddd;
    }

    #main .ce_accordion.block,
    .ce_accordion.block {
        margin-bottom: 0px;
    }

    .ce_accordion .ui-accordion-header {
        font-weight: 700;
        padding: 1rem 0;
    }

    .ce_accordion .ui-accordion-header.ui-state-active {
        border-bottom: 1px solid #ddd;
        margin-bottom: 1.5rem;
    }

    .ce_accordion,
    .ui-accordion {
        padding-top: 8px;
        margin-bottom: 5px;
    }

    .ui-accordion-header {
        position: relative;
        line-height: 1.4;
    }

    .ui-accordion-header:after {
        content: " ";
        font-style: normal;
        line-height: 1;
        font-size: 30px;
        font-weight: 100;
        position: absolute;
        right: 0;
        top: 1rem;
        display: block;
        background: no-repeat center/100% url("../../files/framework/images/icons/arrow-up.svg");
        width: 20px;
        height: 20px;
        transform: rotate(180deg);
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }

    .ui-state-active.ui-accordion-header:after {
        content: " ";
        font-size: 25px;
        font-weight: 100;
        transform: rotate(0deg);
    }

    .ui-widget {
        font-size: 1rem;
    }

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


    /* footer accordion */

    #footer h2.ui-accordion-header {
        margin-bottom: 0.25rem;
    }

    #footer .ui-accordion-content {
        margin: 0.75rem 0 0.25rem;
    }

    /* footer accordion*/

}
/* Media Query
--------------------*/
@media screen {
    .mod_changelanguage {
        text-align: center;
        margin-top: 20px;
    }

    .mod_changelanguage ul {
        margin: 0;
    }

    .mod_changelanguage li {
        display: inline;
        line-height: 1.4;
        margin-right: 0.25rem;
    }

    #footer_more .mod_changelanguage a:hover {
        transition: var(--transition);
        color: var(--link-hover-color4);
    }

    .mod_changelanguage li a.active{
        font-weight: 700;
    }

    .mod_changelanguage li a:after{
        content :"|";
        line-height: 1;
        display: inline;
        margin: 0 0 0 0.5rem;
        font-weight: 400;
    }

    .mod_changelanguage li a:last-child:after,
    .mod_changelanguage li a.last:after{
        display: 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) {
    .mod_changelanguage {
        display: block;
        margin: 0 auto;
    }
}

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

/* News List Query
--------------------*/
@media screen {
    .layout_latest {
        position: relative;
    }

    .layout_latest figure {
        max-height: 100vh;
        overflow: hidden;
    }

    .inside_news figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }


}

@media screen {

    .mod_newslist {
        clear: both;
    }

    .layout_latest:not(.thin-line) {
        margin-bottom: 2rem !important;
    }

    .layout_latest .headline {
        text-align: left;
        padding: 0;
        border: 0;
    }

    .mod_newslist .content-div {
        padding-bottom: 1rem;
        overflow: hidden;
    }

    .mod_newslist .thin-line:last-child .content-div .mod_newslist .thin-line.last .content-div {
        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) {
    .layout_latest figure {
        max-width: 200px;
        float: left;
        width: auto;
        padding-right: 1rem;
        margin-top: 0.75rem;
        margin-bottom: 1.5rem;
    }

}


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

    .layout_latest:not(.thin-line) {
        margin-bottom: 3rem !important;
    }

    .mod_newslist .thin-line .content-div {
        padding-top: 1rem;
        padding-bottom: 3rem;
    }

    .layout_latest figure {
        padding-right: 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) {}

/* News List ends
--------------------*/
/* Media Query
---------------------*/
@media screen {
    #footer {
        margin-bottom: 0;
    }

    #footer * {
        font-size: 1rem;
        color: #fff;
    }


    #footer .inside {
        background: radial-gradient(circle, var(--theme-color7) 0%, var(--theme-color1) 100%);
        margin: 0;
    }

    #footer .inside_art {
        padding: 2rem 0 3.5rem 0;
    }

    #footer .heading,
    #footer h1,
    #footer h2,
    #footer h3 {
        border-bottom: none;
        padding: 0;
        text-align: left;
        margin-bottom: 1rem;
    }

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

    #footer a:hover {
        transition: var(--transition);
        opacity: 0.7;
    }

    #footer .logo {
        float: none;
        width: 147px;
        flex-grow: inherit;
        margin-bottom: 2rem;
        margin-right: 1rem;
    }

    #footer .logo figure {
        text-align: left;
    }

    #footer .mod_customnav {
        display: none;
    }


    #footer .flex-col4 .block {
        width: auto;
    }

    #footer .block {
        text-align: center;
        padding-left: calc(var(--block-padding) * 1.5rem);
        padding-right: calc(var(--block-padding) * 1.5rem);
    }

    #footer .mod_navigation ul {
        margin: 0;
    }

    #footer .mod_navigation ul li {
        line-height: 1.3;
        display: inline-block;
        margin-left: 0.6875rem;
    }

}

/* 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 .block,
    #footer .mod_navigation.block,
    #footer .mod_social_media_link.block,
    #footer .copyright.block {
        margin-bottom: 0;
    }

    #footer .content-text.copyright {
        display: inline;
        float: left;
    }

    #footer .mod_navigation.block,
    #footer .mod_social_media_link.block,
    #footer .mod_changelanguage.block {
        display: inline;
        float: right;
    }



}


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

    #footer .ce_multicolumnStart {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #footer .flex-col4 .block {
        width: 20%;
    }

    #footer .mod_customnav {
        position: relative;
        width: auto;
        min-width: 200px;
        margin-left: 0;
    }


    #footer .mod_changelanguage,
    #footer .mod_navigation {
        flex-grow: unset;
    }

}

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


    #footer {
        padding-top: 4rem;
    }

    #footer .ce_multicolumnStart {
        margin-left: 3rem;
        margin-right: 3rem;
    }


}

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

    #footer .mod_customnav {
        width: 25%;
    }

    #footer .inside_art {
        background: none;
    }
}

/* Footer ends
--------------------*/
@media screen {

	/* cookie bar codefog/contao-cookiebar */
	.cookiebar {
		background: var(--theme-color1) !important;
		color: #fff !important;
		z-index: 2;
		position: fixed;
		right: 0;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.4));
	}

	.cookiebar--active{
		display: block !important;
	}

	#cookiebar-text {
		margin: 1rem 1rem 1rem 0;
		font-size: 1.125em;
		text-align: left;
	}

	.cookiebar__message {
		margin: 0;
	}

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


	#cookiebar button,
	.cookiebar__button,
	.cookiebar .cookiebar__button,
	.cookiebar button,
	.cookiebar button.big-btn {
		float: right;
		width: auto;
		color: var(--theme-color1);
		border-radius: 4px;
		text-transform: none;
		font-size: 0.95rem;
		font-weight: 700;
		background-color: var(--theme-color4);
        background: var(--theme-color4);
	}
	#cookiebar button:hover,
	.cookiebar__button:hover,
	.cookiebar button:hover {
		color: var(--theme-color5);
		background-color: var(--theme-color4);
        background: var(--theme-color4);
	}

	.cookbar_wrap {
		margin: 0px 0 5px;
		text-align: center;
	}

	#cookie_close {
		position: absolute;
		top: 0.5rem;
		right: -1.5rem;
		width: 1.5rem;
		height: 1.5rem;
		cursor: pointer;
		display: none;
	}

	#cookie_close::after {
		content: '✕';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: inline-block;
		font-size: 1rem;
		line-height: 1;
	}
}



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


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
	.cookbar_wrap button {
		margin: 0;
	}
}


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

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

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

/* Search result Query
--------------------*/
@media screen {
    /* search result */
    #searchResult p.header {
        margin-bottom: 0.5rem;
    }
    #searchResult p.info {
        margin-bottom: 2rem;
    }

    #searchResult input {
        margin-bottom: 1rem;
    }

    #searchResult .widget-submit button {
        margin-left: auto;
        margin-top: 0;
    }

    #searchResult h2 a,
    #searchResult h2 {
        border: none;
        padding: 0;
        margin-bottom: 0;
        color: var(--theme-color1);
    }

    #searchResult h2:after{
        display: none;
    }

    #searchResult span.relevance {
        font-size: 1rem;
        word-wrap: none;
        font-weight: 400;
        color: var(--theme-color1);
    }

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

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

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

    #searchResult .highlight {
        background: rgba(0, 0, 0, 0.1);
        padding: 0 0.35rem;
        border-radius: 0.35rem;
    }
}

/* Search result Ends
--------------------*/




/* Search From
--------------------*/
@media screen {
    #footer #searchForm {
        display: none;
    }

    #searchForm input {
        border-color: var(--bordercolor);
        color: #fff;
        min-height: auto;

    }

    #searchForm div.widget {
        display: inline;
    }

    #searchForm div.field_div {
        float: none;
        text-align: center;
        margin: 0;
    }

    #searchForm button{
        padding: 5px 10px 3px;
        min-width: auto;
        border: none;
        box-shadow: 0px  0 2px 0px rgba(255,255,255,0.75);
    }

    .search-form ::placeholder {
        text-transform: uppercase;
        font-size: 0.9rem;
        font-weight: 600
    }

    .search-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #756B5E;
    }

    .search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #756B5E;
        opacity: 1;
    }

    .search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #756B5E;
        opacity: 1;
    }

    .search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #756B5E;
    }

    .search-form ::-ms-input-placeholder { /* Microsoft Edge */
        color: #756B5E;
    }
}

/* Search From 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: #1f4949;
    }

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

    .inline {
        display: inline;
    }

    .bold {
        font-weight: bold;
    }

    .italic {
        font-style: italic;
    }

    .line_through {
        text-decoration: line-through
    }

    .error {
        color: #bb3030;
    }

    ul {
        list-style-type: none;
    }

    .pad_left {
        padding-left: 15pt;
    }

    .pad_right {
        padding-right: 15pt;
    }

    .pad_bottom {
        padding-bottom: 16pt;
    }

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

    .capital {
        text-transform: uppercase;
    }

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

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

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

    .content-text {
        margin-bottom: 15pt;
    }

    #main .content-image {}

    * html #main .mod_article {}

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


    figure img {
        margin-top: 8pt;
    }

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

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

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

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

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

    .invisible,
    #mainNavi,
    .subNavi,
    #model-close,
    .nav-icon-wrap,
    .back,
    .ce_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,
    .mod_changelanguage,
    .mod_social_media_link,
    #searchForm,
    .headerSpacer,
    #footer .logo,
    .mod_breadcrumb,
    .ce_lottiefilesplayer figure,
    .ce_contentSeparator,
    .link-button.less,
    .link-button.more,
    .makebg,
    .float_below_box img[src=svg] {
        display: none !important;
    }

    .text-white,
    #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;
    }

    .content-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 'Raleway';
        font-family: 'Raleway', sans-serif;
        background: #fff !important;
        color: #333333;
    }

    #footer,
    #wrapper {
        width: 650px;
        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: 50px;
    }

    #header:after {
        content: "https://michel.swiss";
        color: var(--theme-color1);
        display: block;
        float: right;
        font-size: 10pt;
    }

    #container {
        width: 650px;
    }

    #main {
        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;
        color: var(--theme-color1);
        font-size: 11pt;
    }

    #mood_content {}

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

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


    /* OTHERS STYLES
    --------------------------------------------------------------------*/
    h1,
    h2,
    h3,
    h4 {
        font-weight: 500;
        font-style: normal;
        line-height: 1.2;
    }

    h1 {
        font-size: 24pt;
    }

    h2 {
        font-size: 18pt;
    }

    h3 {
        font-size: 13pt;
    }

    h4 {
        font-size: 12pt;
    }

    .like-h1,
    .like-h2,
    .like-h3,
    .like-h4,
    .like-h5,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--theme-color1);
    }

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

    #main .content-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;
    }

    .gebinde {
        display: flex;
        align-content: space-between;
        align-items: flex-end;
        justify-content: space-around;
    }

    .fairtrade-logo {
        width: 30pt;
    }


    .ce_accordion .ui-accordion-header {
        font-weight: bold;
    }

    .naehrwerte table,
    .naehrwerte table tbody tr {
        border-top: 1px solid #ddd;
    }



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

    .brand-header img {
        margin: auto;
        width: 50%;
    }

    figcaption br {
        display: none;
    }

    #footer .content-text {
        float: left;
        width: 50%;
        clear: none;
    }

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

    ul#sitemap_tree a {}

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

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

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

    ul#sitemap_tree li ul {
        font-weight: normal;
        margin-left: 0px;
    }

    /* FROM STYLES
    --------------------------------------------------------------------*/
    .ce_form {
        margin-bottom: 26px;
    }

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

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

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

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

    #main form input.text,
    #main form textarea {
        float: right;
        width: 400px;
        font: 12pt/14px 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;
        font: 12pt/22px Helvetica, Arial, san-serif;
        height: 22px;
        padding: 0;
    }

    .content-gallery {
        margin: 0 !important;
    }

    .content-gallery a {
        position: relative;
    }

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

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

    figure {
        page-break-inside: avoid;
    }


    /* blockquote */

    blockquote {
        padding-left: 2rem;
        position: relative;
        margin: 10pt 0;
        font-weight: 400;
    }

    blockquote:before {
        content: "\e908";
        font-family: 'dlm' !important;
        font-size: 1.25rem;
        position: absolute;
        color: inherit;
        top: -0.25rem;
        left: 0;
    }

    .marken {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .marken .content-image {
        width: 24%;
        float: left;
        margin-right: 2%;
        margin-bottom: 0 !important;
        padding-bottom: 1rem;
    }

    .marken figure {
        margin-bottom: 0;
    }

}

/*@media ends*/
/* Download CSS
--------------------*/
@media screen {
    .download-element {
        list-style-type:none;
        padding: 1rem 0;
        background: none;
        box-sizing: border-box;
        line-height: 1.4;
        clear: both;
        border-bottom: 0px solid #D3D3D3;
        margin-bottom: 0.5rem;
    }

    p.download-element,
    .ce_downloads ul {
        /* border-bottom: 1px solid #D3D3D3; */
    }

    .download-element a {
        max-width: 100%;
        display: inline-block;
        word-break: break-word;
        padding-bottom: 1rem;
        padding-left: 3rem;
        border-bottom: none;
        color: #000;
    }



    .download-element a:hover {
        color: var(--link-hover-color1);
    }

    .download-element a:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 2.5rem;
        height: 2.5rem;
        transition: var(--transition);
        background-image: url(../../files/framework/images/icons/pdf.svg);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
    }

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

    .download-element .size {
        white-space: nowrap;
        display: block;
        font-size: 0.8rem;
        font-weight: bold;
    }

    /* special css */
    .download-element a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0.5rem;
    }


    .download-element a > .link-button {
        margin: 0;
        background: none;
        color: var(--theme-color3);
        border: 1px solid;
        text-indent: -99999px;
        padding: 0.5rem 1rem 0.5rem 1.5rem;
        display: none;
    }

    .small-view .download-element a > .link-button {
        padding: 0.5rem 0.65rem 0.5rem 0.5rem;
    }

    .download-element a > .link-button:after {
        background-image: url(../../files/framework/images/icons/arrow.svg);
        transform: rotate(-90deg);
    }

    .download-element a:hover > .link-button {
        background-color: var(--theme-color3);
        color: #fff;
    }

    .download-element a:hover > .link-button:after {
        filter: brightness(0) saturate(0) invert(1);
    }
    /* special css ends */

}

/* 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) {
    .download-element {
        padding: 0.75rem 0;
        margin-bottom: 1rem;        
    }

    .download-element a > .link-button {
        text-indent: 0;
    }

}


/* 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) {
}
/* Download CSS ends
--------------------*/
/* mod_social_media_link Query
--------------------*/
@media screen {

    .mod_social_media_link h2 {
        /* font-size: 0.85rem; 
        font-weight: 400;
        display: inline;
        line-height: 1;
        margin: 0; */
        display: none;
    }

    .mod_social_media_link .inside_ce {
        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
    }

    .mod_social_media_link .sm_name {
        width: 18px;
        height: 18px;
        margin-left: 10px;
        display: inline-block;
        text-indent: -99999px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mod_social_media_link img {
        display: none;
    }

    .mod_social_media_link .linkedin .sm_name {
        background-image: url(../../files/framework/images/icons/linkedin.svg);
        transition: var(--transition);
    }

    .mod_social_media_link .linkedin .sm_name:hover {
        background-image: url(../../files/framework/images/icons/linkedin.svg);
        opacity: 0.7;
    }

    .mod_social_media_link .youtube .sm_name {
        width: 23px;
        background-image: url(../../files/framework/images/icons/youtube.svg);
        transition: var(--transition);
    }

    .mod_social_media_link .youtube .sm_name:hover {
        background-image: url(../../files/framework/images/icons/youtube.svg);
        opacity: 0.7;
    }

    .mod_social_media_link .facebook .sm_name {
        background-image: url(../../files/framework/images/icons/facebook.svg);
        transition: var(--transition);
    }

    .mod_social_media_link .facebook .sm_name:hover {
        background-image: url(../../files/framework/images/icons/facebook.svg);
        opacity: 0.7;
    }

    .mod_social_media_link .instagram .sm_name {
        background-image: url(../../files/framework/images/icons/instagram.svg);
        transition: var(--transition);
    }

    .mod_social_media_link .instagram .sm_name:hover {
        background-image: url(../../files/framework/images/icons/instagram.svg);
        opacity: 0.7;
    }


}

/* 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) {
    .mod_social_media_link {
        margin-left: auto;
    }
}

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

/* mod_social_media_link ends
--------------------*/
/* Media Query
--------------------*/
@media screen {
    body {
        font-family: "HelveticaNeueLTStd", Helvetica, Arial, sans-serif;
        font-weight: 300;
        color: #444;
        -webkit-font-smoothing: antialiased;
        --block-padding: 0.75;
        --theme-color1: #045e30;
        --theme-color2: #098351;
        --theme-color3: #444444;
        --theme-color4: #ffffff;
        --theme-color5: #000000;
        --theme-color6: #022d17;
        --theme-color7: #0a975e;
        --transition: all 0.4s cubic-bezier(.25, .1, .25, 1);
        line-height: 1.5625;
        background-color: #efefef;
        -moz-osx-font-smoothing: grayscale;
    }


    .img-right figure img {
        display: block;
        margin-left: auto
    }

    ::selection {
        color: #fff;
        background-color: var(--theme-color1);
    }

    div.space-big {
        padding-bottom: 6rem !important;
        margin-bottom: 0 !important;
    }

    /* Produkt-Hintergründe Verlauf */
    .ananas {
        background: radial-gradient(circle, #FFF6B9 0%, #FFBB00 100%);
    }

    .schorle {
        background: radial-gradient(circle, #FFFBF1 0%, #FFC000 100%);
    }

    .aprikose,
    .orange-passion,
    .sunshine {
        background: radial-gradient(circle, #ffd910 0%, #ff4004 100%);
    }

    .beauty-colada {
        background: radial-gradient(circle, #ffffff 0%, #dfd5b0 100%);
    }

    .bodyguard {
        background: radial-gradient(circle, #f09819 0%, #ff5858 100%);
    }

    .citron {
        background: radial-gradient(circle, #feffed 0%, #b2e45f 100%);
    }

    .cranberry {
        background: radial-gradient(circle, #EF3535 0%, #671D1A 100%);
    }

    .orange-premium {
        background: radial-gradient(circle, #FFD910 0%, #F18111 100%);
    }

    .pfirsich {
        background: radial-gradient(circle, #FFD600 0%, #FF4004 100%);
    }

    .pink-grapefruit {
        background: radial-gradient(circle, #FEA173 0%, #FB2841 100%);
    }

    .schorle-rhabarber-himbeer {
        background: radial-gradient(circle, #FBDCD6 0%, #C52200 100%);
    }

    .tomate {
        background: radial-gradient(circle, #F24A37 0%, #A11D13 100%);
    }

    .traube {
        background: radial-gradient(circle, #9A7DAE 0%, #5E0C53 100%);
    }

    .birne {
        background: radial-gradient(circle, #FFF6C3 0%, #FFC737 100%);
    }

    .pt-avocado {
        background: radial-gradient(circle, #F8E155 0%, #71964A 100%);
    }

    .pt-grapefruit {
        background: radial-gradient(circle, #FFA84E 0%, #FF454D 100%);
    }

    .pt-blueberry {
        background: radial-gradient(circle, #9F1A6E 0%, #54173D 100%);
    }

    .pt-himbeer {
        background: radial-gradient(circle, #DE5E6E 0%, #871523 100%);
    }

    .pt-mango {
        background: radial-gradient(circle, #FABA65 0%, #FF7B00 100%);
    }

    .pt-orange {
        background: radial-gradient(circle, #FFD935 0%, #F86102 100%);
    }

    .pt-passionfruit {
        background: radial-gradient(circle, #FFE190 0%, #FF9D00 100%);
    }

    .pt-karotte {
        background: radial-gradient(circle, #f5b779 0%, #cf2000 100%);
    }

    .fairtrade {
        background: radial-gradient(circle, #0a975e 0%, #045e30 100%);
        text-align: center;
    }


    /* Artikel-Hintergründe Verlauf */
    .page-teaser {
        background: linear-gradient(180deg, #f6f6f6 0%, #fff 100%);
    }

    /* Michel spezifisch */
    #main .mod_article:last-child,
    #main .mod_article.last {
        margin-bottom: 0;
    }

    #main .mod_article.mood {
        margin-bottom: 3.5rem;
    }

    #footer {
        padding-top: 0;
    }


    .teaser .content-div {
        padding-left: 5%;
        padding-right: 5%;
    }

    .text-slogan {
        color: var(--theme-color1);
        font-size: 24px;
        line-height: 1.2;
        display: block;
        margin-bottom: -1rem;
    }

    .puretaste .text-subheadline {
        color: var(--theme-color5);
        font-size: 3rem;
        margin-bottom: 2rem;
        font-family: "LunchBox-Bold", Helvetica, Arial, sans-serif;
        font-weight: 600;
    }


    .art_fullWidth .content-image.block {
        padding: 0;
    }

    #main .mod_article.no-bottom {
        margin-bottom: 0;
    }


    .text-lead {
        font-size: 1.125rem;
    }

    .hide,
    .accesskey {
        display: 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 992px */
@media only screen and (min-width: 992px) {
    body {
        font-size: 1.125rem;
        line-height: 1.55556;
    }

    .ce_accordion {
        font-size: 1.125rem;
        line-height: 1.4;
    }

    .teaser .content-div {
        padding-left: 15%;
        padding-right: 15%;
    }

    .text-slogan {
        margin-bottom: 2rem;
    }

    div.space-big {
        padding-bottom: 14rem !important;
        margin-bottom: 0 !important;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-lead {
        font-size: 1.5rem;
    }

    .text-slogan {
        font-size: 2.25rem;
        margin-bottom: 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) {}

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



/* Nährwerte Tabelle Query
--------------------*/
@media screen {

    .naehrwerte table {
        border: 1px solid #ddd;
    }

    .naehrwerte table td {
        padding: 0.5rem 0.875rem;
    }

    .naehrwerte table tbody tr {
        border-top: 1px solid #ddd;
    }

    .naehrwerte table td:nth-child(even) {
        text-align: right;
    }

    .naehrwerte table thead {
        font-weight: 700;
        color: #fff;
        background: radial-gradient(circle, #098351 0%, #045e30 100%);
    }

}

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

    .naehrwerte table {
        width: 50%;
    }

}

/* Nährwerte Tabelle ends
--------------------*/



/* brand-header Query
--------------------*/
@media screen {

    /* Brand Header */
    #main .mod_article.brand-header {
        height: 23.125rem;
        margin-bottom: 7rem;
        overflow: visible;
        position: relative;
    }

    #main .mod_article.brand-header:before {
        height: 100%;
        width: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: block;
    }

    .brand-header figure {
        position: relative;
        margin: 6rem auto 0;
        max-width: 80%;
        height: 23rem;
    }

    .brand-header .content-image img {
        width: auto;
        height: 100%;
        margin: auto;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }
}

/* 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) {
    #main .mod_article.brand-header {
        height: 48.875rem;
        margin-bottom: 12rem;
    }

    .brand-header figure {
        margin: 11rem auto 0;
        max-width: 80%;
        height: 48.875rem;
    }

}


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

/* brand-header ends
--------------------*/




/* Gebindegrössen Query
--------------------*/
@media screen {
    .gebinde {
        display: flex;
        font-weight: 700;
        overflow-y: hidden;
        align-content: space-between;
        align-items: flex-end;
        width: auto;
        padding-bottom: 1rem;
        -webkit-overflow-scrolling: touch;
    }

    .gebinde .content-text {
        text-align: center;
        padding: 0;
        display: flex;
        min-width: 8rem;
        margin: 0 2rem;
    }

    .gebinde .content-text:not(:first-child):last-child {
        margin-right: 2.5rem;
    }

    .gebinde .content-text .content-div,
    .gebinde .content-text.pet .content-div {
        height: 3rem;
    }

    .touch .showSwipe:before {
        content: ' ';
        height: 2rem;
        width: 2rem;
        display: inline-block;
        background: url(../../files/framework/images/icons/swipe.svg) center center no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        animation: moveArrow 1.2s infinite alternate;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 2rem;
        z-index: 1;
        transform: translate(-1rem, 0);
        transition: opacity 1s cubic-bezier(0.28, 0.93, 0.27, 1);
    }

    @keyframes moveArrow {
        from {
            transform: translate(-1rem, 0);
        }

        to {
            transform: translate(1rem, 0);
        }
    }

    .touch .hideSwipe:before {
        opacity: 0;
    }

}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .gebinde {
        justify-content: center;
    }
}

/* Gebindegrössen ends
--------------------*/


/* NEW/PET Icon Query
--------------------*/
@media screen {

    .content-text.new,
    .content-text.pet {
        text-align: center;
    }

    .content-text.new .content-div p,
    .content-text.pet .content-div p {
        margin-bottom: 0;
    }

    .content-text.new-image figure:after,
    .content-text.pet-image figure:after,
    .content-text.new .content-div:after,
    .content-text.pet .content-div:after {
        content: " ";
        width: 1.875rem;
        height: 1.875rem;
        display: block;
        margin: 0 auto;
    }


    .content-text.new-image figure:after,
    .content-text.pet-image figure:after {
        height: 1.5rem;
        width: 2.5rem;
    }

    .content-text.new-image figure,
    .content-text.pet-image figure {
        margin-bottom: 0;
    }

    .content-text.pet-image figure:after,
    .content-text.pet .content-div:after {
        background: no-repeat center/100% url("../../files/framework/images/icons/pet-icon.svg");
    }

    .content-text.new-image figure:after,
    .content-text.new .content-div:after {
        background: no-repeat center/100% url("../../files/framework/images/icons/new.svg");
    }
}

/* NEW/PET Icon ends
--------------------*/


/* History timeline Query
--------------------*/
@media screen {
    #main .timeline.mod_article {
        margin-bottom: 0rem;
    }

    .content-youtube figure {
        width: 100% !important;
    }

    .timeline h2 {
        font-size: 1.3rem;
        color: var(--theme-color1);
        font-weight: bold;
        margin-bottom: 0;
    }

    .timeline h3 {
        margin-top: 0;
        font-size: 1.3rem;
        line-height: 1.21875;
    }

    .timeline .jahr,
    .timeline .timeline-inhalt {
        margin-left: 1rem;
    }

    .timeline .inside_art {
        position: inherit;
    }

    .timeline .ce_multicolumnStart.timeline-inhalt {
        position: unset;
    }

    .timeline .timeline-inhalt:before {
        content: " ";
        background: no-repeat top/100% url("../../files/framework/images/icons/timeline.svg");
        position: absolute;
        height: 100%;
        width: 19px;
        left: 0;
        top: -2px;
        display: block;
    }


    .timeline-inhalt.block {
        margin-bottom: 0.2rem !important;
    }
}

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

    .timeline .jahr {
        margin-left: 2rem;
    }

    .timeline .jahr,
    .timeline .timeline-inhalt {
        float: left;
        margin-left: 0;
    }

    .timeline .like-h2,
    .timeline h2,
    .timeline h3 {
        font-size: 1.5rem;
    }

    .timeline .jahr {
        width: 25%;
        text-align: right;
        padding-right: 3.35rem;
        box-sizing: border-box;
    }


    .timeline .timeline-inhalt {
        width: 75%;
        float: right;
    }

    .timeline .timeline-inhalt:before,
    .timeline .timeline-inhalt:before {
        left: calc(25% - 2rem);
    }

    .timeline figure {
        width: 380px;
        margin-bottom: 0;
    }

    .timeline .bild-voll figure {
        width: 100%;
    }
}

/* History timeline ends
--------------------*/



/* Fairtrade Query
--------------------*/
@media screen {
    .fairtrade p {
        color: #ffffff;
        font-family: "PeperoncinoSans", Helvetica, Arial, sans-serif;
        font-size: 1.65rem;
        letter-spacing: 0.007rem;
        line-height: 1.35;
    }

    .fairtrade-logo {
        width: 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) {
    .fairtrade-logo {
        width: 8rem;
    }

    .fairtrade p {
        font-weight: 400;
        font-size: 3rem;
        word-break: break-word;
    }

    .fairtrade .con_mediumWidth p {
        padding-left: calc(var(--block-padding) * 7.5rem);
        padding-right: calc(var(--block-padding) * 7.5rem);
    }

}


/* Fairtrade ends
--------------------*/



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

    .sortiment h3 {
        margin-bottom: 0.2rem;
    }

    .ce_multicolumnStart.sortiment p {
        color: var(--theme-color1);
        margin-bottom: 0.5rem;
    }

    .ce_multicolumnStart.sortiment .block {
        padding: 0.5rem;
        overflow: hidden;
    }

    .ce_multicolumnStart.sortiment figure {
        margin-bottom: 0;
        padding-top: 1rem;
    }

    .ce_multicolumnStart.sortiment .block:hover {
        position: relative;
        box-shadow: 0 6px 32px 0 rgb(44 45 58 / 15%);
        transition: all 1s cubic-bezier(0.28, 0.93, 0.27, 1);
    }

    .ce_multicolumnStart.sortiment .block:hover figure {
        transform: scale(1.05);
        transform-origin: bottom center;
        transition: transform 0.35s cubic-bezier(0.28, 0.93, 0.27, 1);
    }

    /*
    .ce_multicolumnStart.sortiment .block .content-div {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
    }


    .ce_multicolumnStart.sortiment .block h3 {
        transform: translateY(1.875rem);
        opacity: 0;
    }

    .ce_multicolumnStart.sortiment .block:hover h3 {
        transition-delay: .1s;
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.15s ease-in-out, transform 0.15s cubic-bezier(0.28, 0.93, 0.27, 1);
    }

    .ce_multicolumnStart.sortiment .block p {
        transform: translateY(1.875rem);
        opacity: 0;
    }

    .ce_multicolumnStart.sortiment .block:hover p {
        transition-delay: 0.25s;
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.15s ease-in-out, transform 0.5s cubic-bezier(0.28, 0.93, 0.27, 1);
    } */
}

/* Sortiment ends
--------------------*/


/* Infobox Query
--------------------*/
@media screen {
    #popup_wrapper {
        width: 100vw;
        overflow: hidden;
    }


    .popup_content {
        margin: 10px;
    }

    .infobox {
        display: block;
        background: #fff;
        padding: 1rem 0 1rem;
        box-sizing: border-box;
        border: none;
        width: 100%;
        top: 80px;

        min-width: 80%;
        min-height: 300px;
        border-radius: 4px;
        box-shadow: 0 5px 26px 0px rgba(0, 0, 0, 0.22), 0 20px 28px 0px rgba(0, 0, 0, 0.3);
    }

    .infobox .container {
        width: auto !important;
    }

    .infobox button.popup_close {
        border: 0;
        font-size: 2rem;
        position: absolute;
        top: -0.75rem;
        right: -0.75rem;
        min-width: 1rem;
        border-radius: 1rem;
        padding: 0;
        margin: 0;
        width: 2rem;
        height: 2rem;
    }

    .infobox button.popup_close:hover {
        background-color: var(--theme-color7);
    }

    .infobox button.popup_close:hover span {
        color: #000000 !important;
    }
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .infobox {
        padding: 3rem 1rem 2rem;
        top: 95px;
        min-width: 60%;
    }

    .infobox button.popup_close {}

}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .popup_content {
        max-width: 60%;
    }
}


/* Infobox ends
--------------------*/



/*  Popup overlay
--------------------*/
@media screen {
    #footer #searchForm {
        display: none;
    }

    ._popup_background,
    ._popup_wrapper {
        background: transparent !important;
    }

    ._popup_content {
        color: #fff;
        min-width: 80%;
        min-height: 350px;
        min-height: calc(100vh - (1rem + 90px));
        height: 70%;
        background: var(--theme-color1);
        box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.6);
    }

    button._popup_close {
        position: absolute;
        top: -1rem;
        right: 1rem;
        background: none;
        font-size: 3rem;
        border-radius: 0;
        border: none !important;
        color: #fff;
        display: none;
    }

    ._popup_content .container {
        display: flex;
        align-items: center;
        height: 100%;
    }

    ._popup_content .like-h2 {
        color: #fff;
    }

    ._popup_content div.formbody {
        display: flex;
        align-items: stretch;
        height: 5rem;
        width: 80%;
    }

    ._popup_content div.label_div {
        display: none;
    }

    ._popup_content input {
        height: 100%;
        border-radius: 0;
        border-right: none;
        background: #fff;
    }

    ._popup_content div.widget-submit {
        width: auto;
    }

    ._popup_content div.widget-submit .field_div {
        margin: 0;
    }

    ._popup_content form .field_div button {
        color: #fff;
        background: var(--theme-color3);
        border-color: var(--theme-color3);
        font-size: 0.79rem;
        height: 100%;
        width: 60px;
        text-indent: -9999px;
        background-image: url(../../files/framework/images/icons/search-white.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0;
        margin: 0;
    }


    ._popup_content button:before,
    ._popup_content button:after {
        display: none;
    }

    ._popup_content a:link,
    ._popup_content a:visited {
        color: #fff;
    }

    ._popup_content a:hover,
    ._popup_content a:active {
        color: var(--link-hover-color1);
    }

    ._popup_content .mod_navigation a {
        line-height: 2.5;
        border: none;
    }

}

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


    ._popup_content {
        min-height: 650px;
        min-height: calc(100vh - (5rem + 140px));
        width: calc(100% - 12rem);
        margin-top: 60px;
    }

    button._popup_close {
        top: -3rem;
        right: 2rem;
    }

    ._popup_content .inside_art {
        padding: 40px 50px;
        width: 100%;
    }


    ._popup_content .like-h2 {
        width: 60%;
    }
}

/*  Popup overlay ends
--------------------*/





/* Scroll Up Query
--------------------*/
@media screen {
    .cookiebar-active #js-scrollup {
        display: none !important;
    }

    /* #js-scrollup {
        position: fixed;
        bottom: 1.5rem;
        right: 1.5rem;
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 1.35rem;
        border: 2px solid var(--theme-color3);
        background-color: var(--theme-color3);
        cursor: pointer;
        z-index: 2;
        transition: var(--transition);
        transform-origin: center;
    }


    #js-scrollup span {
        display: inline-block;
        width: 100%;
        height: 100%;
        background-image: url(../../files/framework/images/icons/arrow-right.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    } */

    #js-scrollup:hover span {}


    /* Tablet-landscape (and larger) for width 992px */
    @media only screen and (min-width: 992px) {
        #js-scrollup {
            position: absolute;
            top: -1.2rem;
            right: 2rem;
            bottom: auto;
        }

        #js-scrollup:hover {
            transform: scale(1.2);
        }
    }

}

/* Scroll Up ends
--------------------*/







/* Pagination Query
--------------------*/
@media screen {
    #main .pagination {
        margin: auto;
        text-align: center;
    }

    #main .pagination ul {
        display: inline-flex;
    }

    #main .pagination p {
        color: var(--theme-color1);
        font-size: 0.85rem;
    }

    #main .pagination a,
    #main .pagination .active {
        border: none !important;
        min-width: 20px;
        float: left;
        padding: 2px 5px 0;
        font-weight: normal;
        text-align: center;
        border-radius: 20px;
    }


    #main .pagination .active {
        color: var(--theme-color2)
    }

    #main .pagination a.previous,
    #main .pagination a.next,
    #main .pagination a.first,
    #main .pagination a.last,
    #main .pagination a:last-child,
    #main .pagination a:first-child {
        width: auto;
        text-indent: -100000px;
        border-radius: 20px;
        transition: var(--transition);
        background-image: url(../../files/framework/images/icons/arrow-white.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--theme-color3);
        align-self: center;
    }

    #main .pagination a.previous {
        transform: rotate(-90deg);
    }

    #main .pagination a.next {
        transform: rotate(90deg);
    }

    #main .pagination a:first-child,
    #main .pagination a:last-child,
    #main .pagination a.first,
    #main .pagination a.last {
        display: none;
    }

    #main .pagination a:hover {
        background-color: #fff;
        color: #000;
    }
}

/* 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) {
    #main .pagination a:hover {
        background-color: var(--theme-color3);
        color: #fff;
    }
}

/* Pagination ends
--------------------*/