body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%} /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{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_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;/* font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em; */display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 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 { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * 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/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * 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/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * 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 Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ 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; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 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 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 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/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Webfonts - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */ /* Webfonts –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* poppins-300 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../../files/layout/fonts/poppins-v5-latin-300.eot'); /* IE9 Compat Modes */ src: local('Poppins Light'), local('Poppins-Light'), url('../../files/layout/fonts/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/poppins-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/poppins-v5-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-300italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; src: url('../../files/layout/fonts/poppins-v5-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Poppins Light Italic'), local('Poppins-LightItalic'), url('../../files/layout/fonts/poppins-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/poppins-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/poppins-v5-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../../files/layout/fonts/poppins-v5-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Poppins Regular'), local('Poppins-Regular'), url('../../files/layout/fonts/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/poppins-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/poppins-v5-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('../../files/layout/fonts/poppins-v5-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Poppins Italic'), local('Poppins-Italic'), url('../../files/layout/fonts/poppins-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/poppins-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/poppins-v5-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('../../files/layout/fonts/poppins-v5-latin-700.eot'); /* IE9 Compat Modes */ src: local('Poppins Bold'), local('Poppins-Bold'), url('../../files/layout/fonts/poppins-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/poppins-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/poppins-v5-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; src: url('../../files/layout/fonts/poppins-v5-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'), url('../../files/layout/fonts/poppins-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/poppins-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/poppins-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/poppins-v5-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 85%; padding: 0; } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child, .column.first, .columns.first { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; } body { font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; font-family: "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #242424; } @media (min-width: 1000px) { body { font-size: 1.5em; } } /* temp. disable clicking */ /* body:after { display: block; content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; } */ #cookiebar.bottom { display: none !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; } h1 { font-size: 3.0rem; line-height: 1.2; color: #DC002E; color: #e01e26; column-span: all; } h2 { font-size: 2.4rem; line-height: 1.25; color: #DC002E; color: #e01e26; column-span: all; } h3 { font-size: 2.0rem; line-height: 1.4; } h4 { font-size: 1.8rem; line-height: 1.4; } h5 { font-size: 1.6rem; line-height: 1.5; } h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; font-weight: 400; } @media (max-width: 549px) { h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } } @media (min-width: 1250px) { h1 { font-size: 4.2rem; } h2 { font-size: 3.6rem; } h3 { font-size: 2.2rem; } h4 { font-size: 2.0rem; } h5 { font-size: 1.8rem; } h6 { font-size: 1.5rem; } .home h1 { font-size: 5.0rem; } } .subtitle { font-weight: 300; } h1.ce_headline:after, h2.ce_headline:after { content: ''; display: block; margin: 1.5rem 0 1.0rem; width: 65px; height: 1px; border-top: 1px solid #e01e26; } p { margin-top: 0; } .intro { font-size: 1.8rem; line-height: 1.35; color: #58595a; } @media (min-width: 550px) { .intro { font-size: 2.2rem; } .intro + .intro { margin-top: 4rem; } h1.ce_headline:after, h2.ce_headline:after { margin: 3rem 0 2rem; } } /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { color: #0E2843; transition: all ease-in-out 0.2s; } a:hover { color: #1c3d60; } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 50px; padding: 0 50px; color: #0E2843; text-align: center; font-size: 13px; font-weight: 700; line-height: 50px; letter-spacing: 0; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 0; border: 1px solid #0E2843; cursor: pointer; box-sizing: border-box; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #242424; border-color: #242424; outline: 0; } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #0E2843; border-color: #0E2843; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #242424; border-color: #242424; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 0; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #0E2843; outline: 0; } label, legend { display: block; margin-bottom: .5rem; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } .kontaktform input[type="email"], .kontaktform input[type="number"], .kontaktform input[type="search"], .kontaktform input[type="text"], .kontaktform input[type="tel"], .kontaktform textarea { display: block; width: 100%; box-sizing: border-box; } .kontaktform textarea { min-height: 100px; } @media screen and ( max-width: 549px ) { } @media screen and ( min-width: 550px ) { .kontaktform label { display: none; } .kontaktform .widget.half { display: inline-block; width: 48%; float: right; box-sizing: border-box; } .kontaktform .widget.half.first { margin-right: 0%; float: left; } .kontaktform textarea { min-height: 150px; } } /* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul { list-style: disc outside; } .ce_text ul, .teaser ul { list-style: square url(../../files/layout/images/list-style-blue.png) outside; } ol { list-style: decimal outside; } ol, ul { padding-left: 20px; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 100%; } li { margin-bottom: 1rem; } ol { counter-reset: item; } ol > li { counter-increment: item; } ol ol > li { display: block; } ol ol > li:before { content: counters(item, ".") ". "; margin-left: -20px; } ol ul { list-style: disc; } /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { margin-bottom: 1rem; } input, textarea, select, fieldset { margin-bottom: 1.5rem; } pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } .centered { text-align: center; } .float_right, .float_right figcaption, .float_right .caption { padding: 0 0 2rem 2rem; } .float_left, .float_left figcaption, .float_left .caption { padding: 0 2rem 2rem 0; } @media only screen and ( max-width: 549px ) { .float_right, .float_left { float: none; width: 100%; padding: 0 !important; margin: 0 !important;} } .css-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: 35px; -webkit-column-gap: 35px; column-gap: 35px; } .css-columns .ce_text { box-decoration-break: clone; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; } @media only screen and ( max-width: 549px ) { hr { margin: 1rem; } } abbr { border-bottom: 1px dotted; text-decoration: none; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .container:after, .row:after, .u-cf { content: ""; display: table; clear: both; } /* Contao Classes –––––––––––––––––––––––––––––––––––––––––––––––––– */ .ce_download, .ce_downloads { margin-bottom: 2.5rem; } figure { display: table; } figcaption, .caption { color: #58595B; font-size: 13px; text-transform: uppercase; display: table-caption; caption-side: bottom; } .ce_gallery > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .ce_gallery.align_top>ul { -ms-flex-align: start; align-items: flex-start; } .ce_gallery.align_bottom>ul { -ms-flex-align: end; align-items: flex-end; } .ce_gallery.align_left>ul { -ms-flex-pack: start; justify-content: flex-start; } .ce_gallery.align_right>ul { -ms-flex-pack: end; justify-content: flex-end; } .ce_gallery>ul:after { display: block; content: " invisible node " flex(999 999 auto) } .ce_gallery>ul li { float: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; padding: 5px; -ms-box-sizing: border-box; box-sizing: border-box; } .ce_gallery>ul li figure { width: 100%; text-align: center; margin-bottom: 0; } .ce_gallery>ul.cols_1 li { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; } .ce_gallery>ul.cols_2 li { -ms-flex: 0 0 50%; flex: 0 0 50%; } .ce_gallery>ul.cols_3 li { -ms-flex: 0 1 30%; flex: 0 0 33.33%; } .ce_gallery>ul.cols_4 li { -ms-flex: 0 0 25%; flex: 0 0 25%; } .ce_gallery>ul.cols_5 li { -ms-flex: 0 0 19.5%; flex: 0 0 20%; } .ce_gallery>ul.cols_6 li { -ms-flex: 0 0 15.5%; flex: 0 0 16.666%; } .ce_gallery>ul.cols_7 li { -ms-flex: 0 0 14.0%; flex: 0 0 14.285%; } .ce_gallery>ul.cols_8 li { -ms-flex: 0 0 11.5%; flex: 0 0 12.5%; } .ce_gallery>ul.cols_9 li { -ms-flex: 0 0 10.5%; flex: 0 0 11.33%; } .ce_gallery>ul.cols_10 li { -ms-flex: 0 0 9.5%; flex: 0 0 10%; } .ce_gallery>ul.cols_11 li { -ms-flex: 0 0 9.0%; flex: 0 0 9.09%; } .ce_gallery>ul.cols_12 li { -ms-flex: 0 0 8.0%; flex: 0 0 8.333%; } @media only screen and (max-width: 549px) { .ce_gallery>ul li { -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; } .ce_gallery figure { margin-bottom: 1rem; } } /* Akkordeon */ .ce_accordion { position: relative; overflow: visible; } .ce_accordion:last-child { margin-bottom: 1rem; } .ce_accordion .toggler { position: relative; margin-bottom: -2px; padding: 1.2rem 2.5rem 1.2rem 2.5rem; border: 1px solid gainsboro; outline: none; font-weight: bold; cursor: pointer; color: #58595b; background: white; } .ce_accordion .toggler.active { color: #e01e26; } .ce_accordion .accordion { position: relative; overflow: hidden; /* collapse borders */ margin-bottom: -2px; padding: 1.5rem 2.5rem; border: 1px solid gainsboro; border-top-color: #ededed; background: #f2f2f2; } .ce_accordion .toggler:after { font-size: 2rem; font-weight: 400; line-height: 1; content: "+"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.3rem; right: 2rem; } .ce_accordion .toggler:hover { color: #0e2843; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "-"; } .enclosure img, .mime_icon { vertical-align: middle; } /* Images */ .grayscale img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.5s; } .grayscale img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } .opaque img { opacity: 0.5; transition: all ease-in-out 0.5s; } .opaque img:hover { opacity: 1; } .darken img { mix-blend-mode: darken; } .multiply img { mix-blend-mode: multiply; } /* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ @media (min-width: 400px) {} /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) {} /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} /* Layout –––––––––––––––––––––––––––––––––––––––––––––––––– */ #wrapper { max-width: 100vw; overflow: hidden; max-width: 1760px; margin: 0 auto; background: #fff; box-sizing: border-box; } @media only screen and ( min-width: 1680px ) { body { background: #f2f2f2; } #wrapper { border-left: 40px solid #fff; border-right: 40px solid #fff; } } #header { background: #fff; } #header .inside { padding: 2rem 0 1rem; } @media ( min-width: 1000px ) { #header.sticky-top { position:fixed; top: 0; left: 0; right: 0; z-index: 100; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0,0,0); box-shadow: 0 2px 3px rgba(0,0,0,0.15); } .sticky-top + * { margin-top: 125px; } } @media only screen and ( max-width:549px ) { #header { padding: 0 2.5rem 0; } #logo { max-width: 100%; width: auto; margin-right: 45px; } } @media only screen and ( min-width: 550px ) { #logo { display: block; max-width: 275px; margin: 0 auto 2rem; } } @media only screen and ( min-width: 1000px ) { #logo { display: inline-block; width: 25%; max-width: 275px; margin: 0 0 1rem; } } @media only screen and ( min-width: 1250px ) { #logo { display: inline-block; width: 25%; max-width: 275px; vertical-align: middle; margin: 0; } } /* main content */ #container {} .home #container { background: #ededef; } #left { -ms-flex: 1 1 auto; flex: 1 1 auto; float: none; margin: 0; padding: 2rem; } #right { -ms-flex: 1 1 auto; flex: 1 1 auto; float: none; margin: 0; padding: 2rem; } #main { flex: 1 1 auto; float: none; margin: 0; padding: 2rem; } #container { display: -webkit-box; display: -ms-flexbox; display: flex; } /* 1 Spalte */ .one-column #container { display: block; } .one-column #container { width: 100%; max-width: none; } .one-column #container .inside { width: 85%; max-width: 1440px; margin: 0 auto; } .home #main { padding: 2rem 0; } /* 2 Spalten */ .two-column {} @media only screen and (max-width: 549px) { #container { -ms-flex-wrap: wrap; flex-wrap: wrap; } #main { flex-basis: 100%; max-width: 100%; box-sizing: border-box; } #left { -ms-flex-order: 1; order: 1; } #main { -ms-flex-order: 2; order: 2; } #right { -ms-flex-order: 3; order: 3; } .one-column #container .inside { width: 100%; } .home.one-column #container .inside { width: 85%; } } @media only screen and (min-width: 550px) { #container { width: 85%; max-width: 1440px; margin: 0 auto; flex-wrap: wrap; } .two-column #container { } #left, #right, #main { -ms-flex-negative: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: 0px; padding: 2rem 0; flex-shrink: 1; flex-grow: 1; } #main { flex-basis: 100%; flex-shrink: 0; -ms-flex-negative: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: 0px; } #left { margin: 0 35px 0 0; -ms-flex-negative: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: auto; } #right { flex-basis: 50%; -ms-flex-negative: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: auto; } .one-column #main { padding: 5rem 0; } } @media only screen and (min-width: 950px) { #container { width: 85%; } #main { width: auto; -ms-flex: 1 0px; flex: 1 0px; margin: 0; -ms-flex-order: 2; order: 2; } #left { width: 33%; -ms-flex-negative: 0; -ms-flex-positive: 0; -ms-flex-preferred-size: auto; flex: 1 33%; min-width: 180px; max-width: 30%; -ms-flex-order: 1; order: 1; margin: 0 35px 0 0; } #right { width: 100%; -ms-flex-negative: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: auto; flex: 1 100%; flex-basis: 100%; -ms-flex-order: 3; order: 3; } #left, #right, #main { padding: 3rem 0; } .one-column #main { padding: 7rem 0; } .two-column #container { } .two-column main { margin-left: 0; } } @media only screen and (min-width: 1250px) { #main { width: auto; margin: 0 35px 0 0; } #left { width: 22.5%; -ms-flex-negative: 0; -ms-flex-positive: 0; -ms-flex-preferred-size: auto; flex: 1 22.5%; max-width: 22.5%; margin: 0 35px 0 0; } #right { width: 22.5%; -ms-flex-negative: 0; -ms-flex-positive: 0; -ms-flex-preferred-size: auto; flex-basis: 22.5%; min-width: 150px; max-width: 22.5%; -ms-order: 3; order: 3; } } /* Sidebar rechts */ #right {} #right .inside > div { margin: 0 0 2.5rem; } #right .mod_newslist ul { list-style: square url(../../files/layout/images/list-style-blue.png) outside; } /* Secondary */ .mod_article.fullscreen { background: #EDEDEF; } .mod_article.fullscreen .inside { width: 85%; max-width: 1440px; margin: 0 auto; padding: 2rem 0; } @media only screen and (min-width: 550px) { .mod_article.fullscreen .inside { padding: 3rem 0; } } @media only screen and (min-width: 1000px) { .mod_article.fullscreen .inside { padding: 5rem 0; } } /* subcontent */ #Subcontent { max-width: 1440px; width: 85%; margin: 0 auto; padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home #Subcontent {} #Subcontent > .fullwidth { width: auto; -ms-flex: 1 1 0px; flex: 1 0px; flex-basis: 100%; margin-bottom: 35px; } @media only screen and ( min-width: 550px) { #Subcontent { padding: 5rem 0; } } @media only screen and ( min-width: 950px ) { .home #Subcontent, .one-column #Subcontent { } #Subcontent .news_teaser { -ms-flex: 1 0px; /* width: 100%; */ /* not necessary - default full-width */ } .leistungen #Subcontent .news_teaser, .home #Subcontent .news_teaser { width: 67%; /*calc(67% - 35px)*/ flex-basis: 67%; /*calc(67% - 35px)*/ flex-grow: 1; flex-shrink: 1; } } @media only screen and ( min-width: 1250px ) { .leistungen #Subcontent .news_teaser, .home #Subcontent .news_teaser { width: calc(75% - 35px); flex-basis: calc(75% - 35px); flex-grow: 1; flex-shrink: 1; } } /* Footer */ #footer { background: #072944; color: #fff; padding: 2rem; text-transform: uppercase; } @media screen and ( max-width:549px ) { #footer .container { padding: 0; } } @media ( min-width: 550px ) { #footer { padding: 5rem 0; margin: 5rem 0 0; position: relative; } #footer:before { display: block; content: ''; margin: 5rem auto 2rem; height: 1px; border-top: 1px solid #e01e26; width: 90%; max-width: 1480px; position: absolute; top: -8rem; left: 50%; transform: translate(-50%, 0); } } #footer .copyright {} #footer nav {} #footer nav ul { list-style: none; margin: 0; padding: 0; } #footer nav li { display: inline; margin: 0 2rem 0 0; } #footer nav li.last { margin-right: 0; } #footer nav a, #footer nav span, #footer nav strong { font-weight: 400; display: inline-block; padding: 0.5rem 0; text-transform: uppercase; letter-spacing: 0; font-size: 1.6rem; color: #DEDEFE; text-decoration: none; } #footer nav a:hover { color: #FFF; } @media only screen and ( min-width: 550px ) { #footer .copyright { display: inline-block; width: 35%; } #footer nav { display: inline-block; width: 65%; float: right; text-align: right; } #footer nav li { margin: 0 1rem; } #footer nav a, #footer nav span, #footer nav strong { font-weight: 400; padding: 0 1rem; } } /* Sprunglink */ #toTop { width: 35px; height: 35px; position: absolute; right: 0; top: 25px; z-index: 10; display: block; margin: 0; padding: 0; border: 0px transparent; border-radius: 1px; text-indent: -10000px; background: #ededef url("../../files/layout/images/up.png") center center no-repeat; background-size: contain; outline: 0; cursor: pointer; } #toTop:hover { background-color: #c8c8cf; } #toTop:active { background-position: center 5px; } .mobile #toTop, .js #toTop { position: fixed; top: auto; right: 20px; bottom: 25px; opacity: 0.6; margin: 0; background-color: #ededef; color: #fff; opacity: 0.9; } .mobile #toTop:hover, .js #toTop:hover { background-color: #c8c8cf; } /* Hauptnavigation */ .main_nav {} .main_nav ul { display: inline-block; margin: 0; padding: 0; list-style: none; overflow: visible; } .main_nav li { padding: 0; margin: 0 0rem; display: inline-block; position: relative; } .main_nav a, .main_nav strong { padding: 0.2rem 0.5rem; text-transform: uppercase; letter-spacing: 0; font-size: 1.6rem; color: #58585a; text-decoration: none; } .main_nav a:hover { color: #242424; /* border-bottom: 1px solid #58585a; */ } .main_nav .active > strong, .main_nav .trail > a { font-weight: 400; color: #cb2313; border-bottom: 1px solid #cb2313; } .main_nav .level_2 { position: absolute; left: 0; top: 2.6rem; z-index: 3; text-align: left; background: #fff; width: auto; min-width: 225px; max-width: 275px; padding: 2rem 0; border-top: 1px solid #cb2313; box-shadow: 0 2px 3px rgba(0,0,0,0.15); /* display: none; */ visibility: hidden; opacity: 0; transform: translate(0, 10px); transition: all ease-in-out 0.3s; } .main_nav li:hover .level_2 { display: block; transform: translate(0, 0); visibility: visible; opacity: 1; } .main_nav .level_2 li { display: block; margin-bottom: 0; } .main_nav .level_2 a, .main_nav .level_2 span, .main_nav .level_2 strong { display: block; padding: 0.2rem 2rem; border: 0; text-transform: none; line-height: 1.35; } .main_nav .level_2 a:hover, .main_nav .level_2 span:hover, .main_nav .level_2 strong:hover { background-color: #ededef } @media only screen and ( min-width: 550px ) { .main_nav { display: block; width: 100%; overflow: visible; } } @media only screen and ( min-width: 1000px ) { .main_nav a, .main_nav strong { padding: 0.2rem 2rem; } .main_nav .level_2 a, .main_nav .level_2 span, .main_nav .level_2 strong { padding: 0.5rem 2rem; } } @media only screen and ( min-width: 1250px ) { .main_nav { display: inline-block; width: 75%; max-width: calc(100% - 275px); text-align: right; padding-top: 4.5rem; vertical-align: top; overflow: visible; float: right; } .main_nav a, .main_nav strong { padding: 0.2rem 2rem; } .main_nav .level_2 a, .main_nav .level_2 span, .main_nav .level_2 strong { padding: 0.5rem 2rem; } } /* Mobile menu */ .menutoggle { display: none; } @media screen and (max-width: 767px) { .menutoggle { display: block; position: absolute; right: 0; top: 2rem; z-index: 10; width: 25px; text-indent: -9999px; font-size: 1em; } .menutoggle:before { content: ""; display: block; position: absolute; left: 0; top: 0.25em; z-index: 10; width: 25px; height: 2px; background: black; box-shadow: 0 7px 0 0 black, 0 15px 0 0 black; } .main_nav { display: none; visibility: hidden; } } /* Unternavigation */ .sub_nav {} .sub_nav ul { padding: 0; } .sub_nav li { display: block; margin-bottom: 0; } .sub_nav a, .sub_nav span { display: block; padding: 0.5rem 0; border: 0; text-transform: none; line-height: 1.35; text-decoration: none; } .sub_nav .trail a { color: #0E2843; } .sub_nav .active span { color: #DC002E; } @media only screen and ( min-width:550px ) { .sub_nav ul { padding: 0 0 2rem 0; } } /* Sub Navigation Leistungen */ .mod_customnav {} .mod_customnav.navboxes { max-width: 1440px; width: 85%; margin: 0 auto; padding: 2rem; } .mod_customnav.navboxes h3::before { content: 'Wir verbinden die 4 Elemente'; display: block; font-size: 3.6rem; color: #e01e26; column-span: all; margin-bottom: 2rem; } @media only screen and (max-width: 549px) { .mod_customnav.navboxes { display: none; } .home .mod_customnav.navboxes { display: block; } } @media (min-width: 500px) { .mod_customnav.navboxes { padding: 3.5rem 0 0; } } @media (min-width: 1250px) { .mod_customnav.navboxes { padding-bottom: 3.5rem; } } .mod_customnav.navboxes h3 {} .mod_customnav.navboxes ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mod_customnav.navboxes ul li { margin: 0; background: #ededef; width: 100%; } .mod_customnav.navboxes ul li a, .mod_customnav.navboxes ul li span { text-decoration: none; display: block; padding: 2rem; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } @media only screen and (max-width: 549px) { .mod_customnav.navboxes ul li { margin-bottom: 2px; } .mod_customnav.navboxes ul li a, .mod_customnav.navboxes ul li span { padding: 1rem 2rem; } } @media only screen and (min-width: 550px) { .mod_customnav.navboxes ul { margin-left: -17.5px; margin-right: -17.5px; margin-bottom: -35px; } .mod_customnav.navboxes ul li { width: calc(33% - 35px); margin: 0 17.5px 35px; flex-basis: calc(33% - 35px); position: relative; /* If you want text inside of it */ } .mod_customnav.navboxes ul li:before { content: ""; float: left; padding-top: 50% /* 100% */; } .mod_customnav.navboxes ul li a, .mod_customnav.navboxes ul li span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 2rem; text-decoration: none; } } @media only screen and (min-width: 1024px) { .mod_customnav.navboxes ul li { width: calc(33% - 35px); margin: 0 17.5px 35px; flex-basis: calc(25% - 35px); position: relative; /* If you want text inside of it */ } } @media only screen and (min-width: 1250px) { .mod_customnav.navboxes ul { } .mod_customnav.navboxes ul li { /* width: calc(16.5% - 35px); flex-basis: calc(16.5% - 35px); */ width: calc(25% - 35px); flex-basis: calc(25% - 35px); } } /* Sub Navigation Leistungen mit Bild */ .mod_customnav.navboxes_img ul { list-style: none; padding: 0 0 3rem; margin: 0 0 3rem; margin-left: -17.5px; margin-right: -17.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e01e26; } .mod_customnav.navboxes_img li { background: transparent no-repeat; background-size: cover; padding: 0; margin: 0 17.5px 35px; position: relative; flex-basis: calc(16.5% - 35px); flex-grow: 0; flex-shrink: 1; } .mod_customnav.navboxes_img li:before { content: ""; float: left; padding-top: 100%; } .mod_customnav.navboxes_img .heizung { background-image: url(../../files/layout/images/leistungen/abro-heizung-tn.jpg); background-color: #b32011; background-color: rgba(179, 32, 17, 0.5); } .mod_customnav.navboxes_img .alternativ { background-image: url(../../files/layout/images/leistungen/abro-altenergie-tn.jpg); background-color: #7EA01D; } .mod_customnav.navboxes_img .lueftung { background-image: url(../../files/layout/images/leistungen/abro-lueftung-tn.jpg); background-color: #7D6E5F; background-color: rgba(125, 110, 95, 0.5); } .mod_customnav.navboxes_img .klima { background-image: url(../../files/layout/images/leistungen/abro-altenergie-tn.jpg); background-color: #7EA01D; background-color: rgba(126, 160, 29, 0.5); } .mod_customnav.navboxes_img .sanitaer { background-image: url(../../files/layout/images/leistungen/abro-sanitaer-tn.jpg); background-color: #005fd5; background-color: rgba(0, 95, 213, 0.5); } .mod_customnav.navboxes_img .labormedien { background-image: url(../../files/layout/images/leistungen/abro-labormedien-tn.jpg); background-color: #58595b;} .mod_customnav.navboxes_img .regelung { background-image: url(../../files/layout/images/leistungen/abro-regelung-tn.jpg); background-color: #58595b;} .mod_customnav.navboxes_img .feuerloesch { background-image: url(../../files/layout/images/leistungen/abro-feuerloesch-tn.jpg); background-color: #58595b;} .mod_customnav.navboxes_img .rohrfrosten { background-image: url(../../files/layout/images/leistungen/abro-rohrfrosten-tn.jpg); background-color: #58595b;} .mod_customnav.navboxes_img .luftentfeuchtung { background-image: url(../../files/layout/images/leistungen/abro-luftentfeuchtung-tn.jpg); background-color: #58595b;} .mod_customnav.navboxes_img .wartung { background-image: url(../../files/layout/images/leistungen/abro-wartung-tn.jpg); background-color: #58595b;} @media screen and ( min-width: 1250px ) { .mod_customnav.navboxes_img li.heizung, .mod_customnav.navboxes_img li.lueftung, .mod_customnav.navboxes_img li.sanitaer, .mod_customnav.navboxes_img .alternativ { flex-basis: calc(24.75% - 35px); } } .mod_customnav.navboxes_img a { display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; padding: 1rem 2rem; color: #fff; text-decoration: none; background-image: none !important; background-color: inherit; } .mod_customnav.navboxes_img a:hover { text-decoration: underline; } /* navboxes_img supports css grid */ @supports (display: grid) { .mod_customnav.navboxes_img ul { list-style: none; padding: 0 0 3.5rem; margin: 0 0 3rem; display: grid; grid-gap: 35px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-rows: repeat(auto-fill, minmax(150px, 1fr)); grid-auto-rows: minmax(100px, 1fr); grid-auto-flow: dense; border-bottom: 1px solid #e01e26; } .mod_customnav.navboxes_img li { background: transparent no-repeat; background-size: cover; padding: 0 0 100%; margin: 0; position: relative; flex-basis: 0; min-height: 0; } .mod_customnav.navboxes_img li:before { display: none; } @media screen and ( max-width:549px ) { .mod_customnav.navboxes_img li { padding-bottom: 50%; } } @media screen and ( min-width: 1250px ) { .mod_customnav.navboxes_img li.heizung, .mod_customnav.navboxes_img li.lueftung, .mod_customnav.navboxes_img li.sanitaer { padding-bottom: 50%; } .mod_customnav.navboxes_img .heizung { grid-column: span 2; } .mod_customnav.navboxes_img .sanitaer { grid-column: span 2; grid-row: span 1; } } @media screen and ( min-width: 1440px ) { .mod_customnav.navboxes_img li.sanitaer { padding-bottom: 25%; } .mod_customnav.navboxes_img .alternativ { grid-column: span 1; grid-row: span 2; } .mod_customnav.navboxes_img .heizung { grid-row: span 2; } .mod_customnav.navboxes_img .lueftung { grid-column: span 2; } .mod_customnav.navboxes_img .sanitaer { grid-column: span 2; } .mod_customnav.navboxes_img .labormedien { grid-row: span 1; } } @media screen and ( min-width: 1680px ) { .mod_customnav.navboxes_img li { grid-column: span 1; padding-bottom: 50%; } .mod_customnav.navboxes_img .sanitaer { grid-column: span 2; } .mod_customnav.navboxes_img .rohrfrosten, .mod_customnav.navboxes_img .luftentfeuchtung { grid-row: span 1; grid-column: span 1; } .mod_customnav.navboxes_img .labormedien { grid-row: span 1; grid-column: span 1; } } } /* Content –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Seitenbild pageimage */ .mod_pageImage figure, .mod_pageimage figure, .mod_rocksolid_slider .rsts-slide-image div { position: relative; } .mod_pageImage picture, .mod_pageimage picture { display: block; line-height: 0; } .mod_pageImage img, .mod_pageimage img, .mod_rocksolid_slider .rsts-slide-image img { width: 100%; height: auto; } .pageimage_title, .mod_rocksolid_slider .rsts-text { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 3rem; max-width: 1440px; width: 85%; color: #fff; font-size: 2.2rem; } .mod_rocksolid_slider .rsts-text { font-size: 1.6rem; } @media screen and ( max-width:549px ) { .pageimage_title, .mod_rocksolid_slider .rsts-text { bottom: 1rem; } } /* Slider */ #slider { margin: 0; padding: 0 0 2rem; overflow: visible; } #slider:after { content: ""; display: table; clear: both; } @media only screen and ( min-width: 550px ) { #slider { padding-bottom: 5rem;} } /* Rocksolid Slider */ .mod_rocksolid_slider {} .rsts-view { z-index: 1; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } .rsts-slide { max-height: 450px; } .mod_rocksolid_slider .ce_image figure { display: block; width: 100%; padding: 0; margin: 0; } .mod_rocksolid_slider .ce_image img { display: block; width: 100%; height: auto; } .slidertext { position: absolute; bottom: 1rem; left: 50%; z-index: 2; width: 85%; max-width: 1440px; transform: translate(-50%, 0); color: #fff; margin: 0 auto; opacity: 0; transition: all ease-in-out .3s; } .rsts-active .slidertext { opacity: 1; } .slidertext * { color: #fff; } .slidertext h1, .slidertext h2 { text-transform: uppercase; } .slidertext h3 { font-size: 1.6rem; } @media ( min-width: 500px) { .slidertext { bottom: 2rem; } .slidertext * { max-width: 700px; } .slidertext h3 { font-size: 2.0rem; } } @media ( min-width: 1250px) { .slidertext { font-size: 2.2rem; bottom: 5rem; } .slidertext h1, .slidertext h2 { font-size: 5.9rem; } } /* Bild-Slider */ .rsts-skin-abro-ref { max-height: 30vw; width: 100vw !important; position: relative; } .rsts-skin-abro-ref:after { content: ''; display: block; height: 100%; width: 50vw; position: absolute; top: 0; bottom: 0; left: 0; z-index: 2; background: transparent url(../../files/layout/images/slider-cover-rot.png) no-repeat right center; background-size: auto 100%; } .rsts-skin-abro-ref .rsts-slide { max-height: 30vw; height: auto; width: 100%; text-align: right; padding-left: 19vw; } .rsts-skin-abro-ref .rsts-slide-image div { height: 100%; width: auto; } .rsts-skin-abro-ref .rsts-slide img { /* float: right; */ max-width: 81vw !important; height: auto !important; } .rsts-nav-tabs { z-index: 0; top: -2px; margin: 0; } .rsts-nav { position: relative; z-index: 1; margin: 0; text-align: center; } .rsts-nav-tabs ul { width: 100%; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; text-align: left; background-color: #2f2f2f; } .rsts-nav-tabs ul li { padding: 0; margin: 0; -ms-flex-positive: 0; -ms-flex-negative: 0; width: 25%; flex: 0 0 auto; } .rsts-nav-tabs ul li.rsts-nav-prev, .rsts-nav-tabs ul li.rsts-nav-next { display: none; } .rsts-nav-tabs ul li a { background-color: #313131; color: #fff; display: block; height: 100%; padding: 1rem 2rem; text-decoration: none; } .rsts-nav-tabs ul li .active, .rsts-nav-tabs .heiztechnik { background-color: #b32011; } .rsts-nav-tabs ul li:nth-child(2n) .active { background-color: #b32011; /*rot*/ } .rsts-nav-tabs ul li:nth-child(3n) .active { background-color: #7EA01D; /*grün*/ } .rsts-nav-tabs ul li:nth-child(4n) .active { background-color: #7D6E5F; /*braun*/ } .rsts-nav-tabs ul li:nth-child(5n) .active { background-color: #005fd5; /*blau*/ } .rsts-prev, .rsts-next { position: absolute; top: 0; bottom: 0; height: 100%; width: 55px; transition: all ease-in-out 0.25s; } .rsts-prev:hover, .rsts-next:hover { background: rgba(0,0,0,0.15); } .rsts-prev { left: 0; } .rsts-next { right: 0; } .rsts-prev span, .rsts-next span { font-size: 0; position: absolute; top: 50%; margin-top: -32px; } .rsts-next span { right: 0; } .rsts-prev span:after, .rsts-next span:after { display: block; height: 64px; width: 50px; content: ''; transition: all ease-in-out 0.25s; opacity: 0.0; } .rsts-prev span:after { background: transparent url(../../files/layout/images/left_arrow.svg) no-repeat 5px center; } .rsts-next span:after { background: transparent url(../../files/layout/images/right_arrow.svg) no-repeat right center; } .mod_rocksolid_slider:hover span:after, .mod_rocksolid_slider:hover span:after { opacity: 0.3; } .rsts-prev:hover span:after, .rsts-next:hover span:after { opacity: 0.8; } @media only screen and (max-width:549px) { .rsts-nav-tabs ul li { min-width: 50%; } .rsts-nav-tabs ul li a { padding: 1rem 2.75rem; } } @media only screen and ( min-width: 550px ) { .rsts-nav-tabs ul { } .rsts-nav-tabs ul li a { padding: 4rem 3.5rem 3rem; } } @media only screen and ( min-width: 1250px ) { .rsts-nav-tabs ul li a { padding-top: 8rem; font-size: 2.2rem; } } /* Nav Bullets */ .mod_rocksolid_slider { position: relative; } .rsts-nav-bullets { position: absolute; bottom: 2rem; left: 50%; z-index: 3; transform: translate(-50%, 0); } .rsts-nav-bullets ul { display: block; list-style: none; margin: 0; padding: 0; text-align: center; } .rsts-nav-bullets li { display: inline-block; margin: 0 0.5em; } .rsts-nav-bullets li a { display: inline-block; width: 10px; height: 10px; font-size: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; outline: none; box-sizing: border-box; transition: .2s ease-in-out; } .rsts-nav-bullets .rsts-nav-prev, .rsts-nav-bullets .rsts-nav-next { display: none; } .rsts-nav-bullets li.rsts-nav-item a { background-color: rgba(255,255,255,.5); border-radius: 50%; } .rsts-nav-bullets li.rsts-nav-item a:hover { background-color: rgba(255,255,255,1); } .rsts-nav-bullets li.rsts-nav-item a.active { background-color: transparent; box-shadow: 0 0 0 2px rgba(255,255,255,1); } /* Nav Numbers */ .rsts-nav-numbers {} /* Nav Thumbs */ .rsts-nav-thumbs {} /* Unternehmen */ /* Team */ .team_grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin: 0; margin-left: -17.5px; margin-right: -17.5px; } .team { min-width: 160px; max-width: 200px; -ms-flex: 0 0 0px; flex: 0 0px; width: calc(33% - 35px); flex-basis: calc(33% - 35px); margin: 0 17.5px 2.5rem; border-bottom: 1px solid #dedede; /* border: 1px solid #dedede; padding: 1rem 1rem 0; */ position: relative; overflow: hidden; box-sizing: border-box; } .team figure { margin-bottom: 1rem; } .team h4 { font-size: 1.8rem; margin-bottom: 1rem; hyphens: none; hyphens: manual; } .team p { margin-bottom: 1rem; } .team .position { color: #68695B; } .team_grid + h3 { margin-top: 3rem; } @media only screen and (max-width:549px) { .team { min-width: 150px; } } @media only screen and (max-width:349px) { .team { flex-grow: 1; max-width: 100%; } } /* News */ /* News Teaser */ .news_teaser { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-flow: row wrap; flex-direction: row; justify-content: space-between; margin-left: -17.5px; margin-right: -17.5px; } .news_teaser > h3 { margin-left: 17.5px; margin-right: 17.5px; flex: none; display: block; width: 100%; } .news_teaser .layout_latest { width: auto; -ms-flex: 1 1 0px; flex: 1 0px; padding: 2rem; margin: 0 17.5px 35px 17.5px; background: #ededef; min-width: 150px; flex-shrink: 1; flex-grow: 1; } .news_teaser .layout_latest .info, .layout_latest .info { color: #58595a; font-size: 1.2rem; letter-spacing: 0.1rem; } .news_teaser .layout_latest h3 { font-size: 1.6rem; text-transform: uppercase; font-weight: 400; } .news_teaser .layout_latest p { } .news_overview .layout_latest { border-bottom: 1px solid #ededef; margin-bottom: 2.5rem; background: #ededef; padding: 2rem 2rem 0; } @media only screen and (min-width: 550px) { .news_teaser > h3 { margin-bottom: 35px; } .news_teaser .layout_latest > *:last-child { margin-bottom: 0; } } @media only screen and (min-width: 950px) { .news_teaser .layout_latest { } .news_teaser .layout_latest.last { } } /* Referenzen */ .referenzen_list {} .referenzen_list p { margin-bottom: 0; } .referenzen_list .teaser { opacity: 0.75; } .referenzen_list .teaser p { margin-bottom: 2.5rem; } .referenzen_list .teaser ul { margin-top: 0.5rem; } .referenzen_list .teaser li { margin-bottom: 0.5rem; } /* Zertifikate */ .mod_newslist.zertifikate { margin: 0; margin-left: -17.5px; margin-right: -17.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fullscreen .mod_newslist.zertifikate {} section:not(.ce_accordion) .mod_newslist.zertifikate { margin-bottom: 2.5rem; padding-bottom: 2.0rem; border-bottom: 1px solid gainsboro; } .mod_newslist.zertifikate > h3 { width: 100%; margin: 2.5rem 17.5px; } .zertifikate .layout_latest { display: block; margin: 0 17.5px 35px; flex-grow: 0; flex-shrink: 0; -ms-flex: 1 0px; flex: 0 0px; flex-basis: auto; width: auto; max-width: calc(33% - 35px); min-width: 220px; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .fullscreen .zertifikate .layout_latest { width: auto; max-width: calc(25% - 35px); flex-basis: calc(25% - 35px); } .zertifikate .layout_latest > div { padding: 0.5rem 0; -ms-flex: 1 0px; flex: 0 0px; flex-basis: auto; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; } .mod_newslist.zertifikate .layout_latest h3 { font-size: 1.5rem; font-weight: 400; } .mod_newslist.zertifikate .enclosure { font-size: 1.2rem; } .mod_newslist.zertifikate figure { overflow: visible; margin: 0 15px 0 0; flex: 0 0 40%; flex-basis: 40%; width: 40%; } .mod_newslist.zertifikate figure img { box-shadow: 0 2px 3px rgba(0,0,0,0.15); display: block; width: 100%; } #main .mod_newslist.zertifikate figure img { border: 1px solid gainsboro; } @media only screen and (max-width: 549px) { .zertifikate .layout_latest, .fullscreen .zertifikate .layout_latest { max-width: none; flex-basis: calc(100% - 35px); } } /* Pagination */ .pagination { margin: 2.5rem 0; padding: 2.5rem 0 0; } .pagination p { margin-bottom: 1.5rem; } .pagination ul { display: block; list-style: none; padding: 0; } .pagination li { display: inline; } .pagination a, .pagination span { display: inline-block; background: #ededef; padding: 0.5rem 1.5rem; margin: 0 1rem 0 0; text-decoration: none; } .pagination a:hover { background: #58595b; color: #fff; } .pagination .current { background: #0E2843; color: #fff; } /* Kontaktbox */ .kontaktbox { width: calc(25% - 35px); flex-basis: calc(30% - 17.5px); flex-shrink: 1; flex-grow: 1; min-width: 150px; max-width: 300px; margin: 0 0 0 35px; } #right .kontaktbox { width: 100%; } .kontaktbox .ce_text { padding: 2rem; background: #ededef; } .kontaktbox p { /* margin-bottom: 2rem; */ } .kontaktbox .ce_text > *:last-child { margin-bottom: 0; } @media only screen and (max-width:549px) { .kontaktbox { max-width: none; -ms-flex: 1 1 0px; flex: 1 1 0px; flex-basis: 100%; margin: 0; } } @media only screen and (min-width: 550px) { .kontaktbox h3 { margin-bottom: 35px; } } @media only screen and (min-width: 950px) { .kontaktbox { flex-basis: 33%; /*calc(33% - 17.5px)*/ } } @media only screen and (min-width: 1250px) { .kontaktbox { flex-basis: calc(25% - 17.5px); } } /* ********************************************************** */ /* Cookiebar */ #cookiebar { background-color: #3b3b3b; font-weight: 400; font-size: 14px; color: #e5e5e5; padding: 15px; box-sizing: border-box; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #cookiebar .description { text-align: left; max-width: 1400px; margin: 0 auto; } #cookiebar .description h3 { color: inherit; font-size: 15px; margin-top: 5px; margin-bottom: 5px; } #cookiebar .description p { line-height: 1.5; margin-bottom: 12px; margin-top: 0; max-width: 770px; display: inline-block; } #cookiebar span {margin-right: 5px; display: none;} /* Buttons rechts mit Rahmen */ #cookiebar button, #cookiebar a { font-size: 12px; font-weight: 400; border: 1px solid #e5e5e5; border-radius: 0; background: transparent; padding: 2px 15px; position: relative; float: right; display: inline-block; top: 0; right: 0; margin: 0 15px 0 0; line-height: 2; text-transform: uppercase; text-decoration: none; font-family: inherit; } #cookiebar button { height: 30px; } #cookiebar button:hover, #cookiebar a:hover { color: #fff; } .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-flow: row wrap; flex-direction: row; justify-content: space-between; margin-left: -17.5px; margin-right: -17.5px; flex-wrap: wrap; } .flex-item { width: auto; -ms-flex: 1 1 0px; flex: 1 0px; margin: 0 17.5px 35px; min-width: 150px; box-sizing: border-box; } .flex-item.width-1-2 { flex-basis: calc( 50% - 35px ); } .flex-item.padding { padding: 20px; } @media only screen and (max-width:549px) { .flex-item.width-1-2 { flex-basis: 100%; } } @font-face { font-family: 'fontello'; src: url('../../files/layout/fonts/fontello.eot?64996705'); src: url('../../files/layout/fonts/fontello.eot?64996705#iefix') format('embedded-opentype'), url('../../files/layout/fonts/fontello.woff2?64996705') format('woff2'), url('../../files/layout/fonts/fontello.woff?64996705') format('woff'), url('../../files/layout/fonts/fontello.ttf?64996705') format('truetype'), url('../../files/layout/fonts/fontello.svg?64996705#fontello') format('svg'); font-weight: normal; font-style: normal; /* This value replaces fallback when font has loaded */ font-display: swap; } [class^="icon-"]:before, [class*=" icon-"]:before, .iconbox1:before, .iconbox2:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-wrench:before { content: '\e800'; } .icon-calendar:before { content: '\e801'; } .iconbox1, .iconbox2 { position: relative; padding-left: 70px; padding-top: 1.2rem; } .iconbox1:before, .iconbox2:before { position: absolute; left: 0rem; top: 0rem; content: '\e800'; display: block; background: #e01e26; padding: 0px; text-align: center; font-size: 2rem; border-radius: 50%; line-height: 5rem; width: 5rem; height: 5rem; color: #fff; } .iconbox2:before { content: '\e801'; }