/*! * 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} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { transition: all 0s; } .tns-slider > .tns-item { box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery > .tns-item { position: absolute; left: -100%; transition: transform 0s, opacity 0s; } .tns-gallery > .tns-slide-active { position: relative; left: auto !important; } .tns-gallery > .tns-moving { transition: all 0.25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: 2333.33333%; width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ''; display: table; clear: both; } .tns-t-ct > div { width: 1.42857%; width: calc(100% / 70); height: 10px; float: left; } .row { box-sizing: border-box; display: -moz-flex; display: flex; -moz-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .row.reverse { -moz-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -moz-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xs-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-xs-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-xs-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-xs-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-xs-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-xs-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-xs-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-xs-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xs { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-xs { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xs { -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xs { -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -moz-align-items: center; align-items: center; } .bottom-xs { -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -moz-justify-content: space-between; justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 541px) { .col-xs { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xs-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-xs-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-xs-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-xs-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-xs-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-xs-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-xs-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-xs-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xs { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-xs { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xs { -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xs { -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -moz-align-items: center; align-items: center; } .bottom-xs { -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -moz-justify-content: space-between; justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } } @media only screen and (min-width: 769px) { .col-sm { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-sm-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-sm-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-sm-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-sm-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-sm-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-sm-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-sm-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-sm-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-sm-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-sm-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-sm-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-sm-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-sm-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-sm-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-sm-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-sm-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-sm-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-sm-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-sm-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-sm { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-sm { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-sm { -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-sm { -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -moz-align-items: center; align-items: center; } .bottom-sm { -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -moz-justify-content: space-between; justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 993px) { .col-md { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-md-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-md-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-md-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-md-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-md-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-md-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-md-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-md-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-md-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-md-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-md-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-md-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-md-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-md-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-md-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-md-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-md-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-md-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-md-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-md { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-md { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-md { -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-md { -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -moz-align-items: center; align-items: center; } .bottom-md { -moz-align-items: flex-end; align-items: flex-end; } .around-md { -moz-justify-content: space-around; justify-content: space-around; } .between-md { -moz-justify-content: space-between; justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 1201px) { .col-lg { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-lg-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-lg-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-lg-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-lg-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-lg-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-lg-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-lg-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-lg-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-lg-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-lg-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-lg-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-lg-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-lg-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-lg-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-lg-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-lg-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-lg-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-lg-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-lg-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-lg-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-lg { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-lg { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-lg { -moz-justify-content: center; justify-content: center; text-align: center; } .end-lg { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-lg { -moz-align-items: flex-start; align-items: flex-start; } .middle-lg { -moz-align-items: center; align-items: center; } .bottom-lg { -moz-align-items: flex-end; align-items: flex-end; } .around-lg { -moz-justify-content: space-around; justify-content: space-around; } .between-lg { -moz-justify-content: space-between; justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } @media only screen and (min-width: 1441px) { .col-xl { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-xl-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xl-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xl-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-xl-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xl-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xl-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-xl-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xl-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xl-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-xl-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xl-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xl-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-xl-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xl-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-xl-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xl-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-xl-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-xl-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xl-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-xl-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-xl-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xl-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-xl-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-xl-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xl { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-xl { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xl { -moz-justify-content: center; justify-content: center; text-align: center; } .end-xl { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xl { -moz-align-items: flex-start; align-items: flex-start; } .middle-xl { -moz-align-items: center; align-items: center; } .bottom-xl { -moz-align-items: flex-end; align-items: flex-end; } .around-xl { -moz-justify-content: space-around; justify-content: space-around; } .between-xl { -moz-justify-content: space-between; justify-content: space-between; } .first-xl { order: -1; } .last-xl { order: 1; } } @media only screen and (min-width: 1601px) { .col-xxl { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: auto; } .col-xxl-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xxl-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xxl-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 25%; max-width: 25%; } .col-xxl-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xxl-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xxl-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 50%; max-width: 50%; } .col-xxl-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xxl-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xxl-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 75%; max-width: 75%; } .col-xxl-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xxl-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xxl-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; flex-basis: 100%; max-width: 100%; } .col-xxl-offset-1 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xxl-offset-2 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-xxl-offset-3 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xxl-offset-4 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-xxl-offset-5 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-xxl-offset-6 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xxl-offset-7 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-xxl-offset-8 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-xxl-offset-9 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xxl-offset-10 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-xxl-offset-11 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-xxl-offset-12 { box-sizing: border-box; -moz-flex-grow: 0; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xxl { -moz-flex-grow: 1; flex-grow: 1; flex-basis: 0; max-width: 100%; } .start-xxl { -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xxl { -moz-justify-content: center; justify-content: center; text-align: center; } .end-xxl { -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xxl { -moz-align-items: flex-start; align-items: flex-start; } .middle-xxl { -moz-align-items: center; align-items: center; } .bottom-xxl { -moz-align-items: flex-end; align-items: flex-end; } .around-xxl { -moz-justify-content: space-around; justify-content: space-around; } .between-xxl { -moz-justify-content: space-between; justify-content: space-between; } .first-xxl { order: -1; } .last-xxl { order: 1; } } .container { max-width: 100%; margin: auto; padding: 0 1.5rem; position: relative; } @media (min-width: 1441px) { .container { max-width: 1600px; } } @media (max-width: 1600px) { .container { padding: 0 5rem; } } @media (max-width: 992px) { .container { padding: 0 1.5rem; } } .container--nopad { padding: 0; } html, body { height: 100%; font-size: 62.5%; margin: 0; box-sizing: border-box; } *, *:after, *:before { box-sizing: inherit; } body { font-size: 1.6rem; font-family: "Gotham A", "Gotham B" , sans-serif; display: flex; flex-direction: column; } main { flex: 1 0 auto; } nav ul { list-style: none; padding: 0; margin: 0; } h1, .h1 { font-size: 7.2rem; } h2 { font-size: 5.8rem; font-weight: 500; line-height: 1.03em; } @media (max-width: 768px) { h2 { font-size: 3.8rem; } } h3 { font-size: 1.8rem; } h4 { text-transform: uppercase; font-weight: 500; font-size: 1.5rem; } p { line-height: 2.2rem; letter-spacing: 0.01rem; } a { color: #818181; text-decoration: none; } a:hover { text-decoration: underline; } main { background: #ffffff; } a.no-style { display: block; text-decoration: none; color: #000000; } .anchor { display: block; position: relative; top: -110px; visibility: hidden; } .mb-0 { margin-bottom: 0 !important; } .mt-0 { margin-top: 0 !important; } .ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; } .m-0 { margin: 0 !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .msg-txt { display: none; padding: 0 0.5rem; } .msg-txt.show { display: block; } @media (max-width: 768px) { .hide-on-mobile { display: none !important; } } @media (max-width: 992px) { .hide-on-tablet { display: none !important; } } @media (min-width: 993px) { .hide-on-desktop { display: none !important; } } .section-title--centered { text-align: center; } .section-title--centered h1 { text-align: center; } .page-wrapper { display: flex; flex-flow: column nowrap; justify-content: space-between; min-height: 100%; } [data-gallery-type]:not(.show) { display: none !important; } :root { --mm-color-text: $darker; --mm-color-text-dimmed: $darker; } .btn { color: white; text-decoration: none; padding: 0.4em 1em 0.5em 1em; font-size: 0.9em; letter-spacing: 0.01em; border: none; border-radius: 0; background: #c2c2c2; } .btn:hover, a:hover .btn { background: white; transition: all 0.3s ease; } .btn:active { background: white; } .btn:hover { text-decoration: none; } a.btn { display: inline-block; } /* .btn--small{ padding: $btn-small-padding; font-size: $btn-small-font-size; text-transform:uppercase; } */ /* .btn--big{ padding: $btn-big-padding; font-size: $btn-big-font-size; text-transform:uppercase; } */ /* .btn--medium { padding: $btn-small-padding; font-size:1.15em; font-weight:bold; text-align:center; text-transform:uppercase; } */ .btn--medium, .btn--small, .btn--big { padding: 0.7em 1.4em 0.6em 1.4em; font-size: 0.99em; font-weight: bold; text-align: center; text-transform: uppercase; } .btn--bold { font-weight: 500; } .btn--primary { background: #00c0de; } .btn--primary:hover, a:hover .btn--primary { background: #abf4ff; transition: all 0.3s ease; } .btn--primary:active { background: #5fe9ff; } .btn--secondary { background: #DA291C; } .btn--secondary:hover, a:hover .btn--secondary { background: #f8cdca; transition: all 0.3s ease; } .btn--secondary:active { background: #ef8d86; } .btn--terciary { background: #0085CA; } .btn--terciary:hover, a:hover .btn--terciary { background: #97dbff; transition: all 0.3s ease; } .btn--terciary:active { background: #4bc1ff; } .btn--quaternary { background: pink; } .btn--quaternary:hover, a:hover .btn--quaternary { background: white; transition: all 0.3s ease; } .btn--quaternary:active { background: white; } .btn--darker { background: #000000; color: #ffffff !important; } .btn--darker:hover, a:hover .btn--darker { background: #666666; transition: all 0.3s ease; } .btn--darker:active { background: #404040; } .btn--up-to-date:hover::after { transition: all 0.3s ease; } .btn.btn--up-to-date.btn--darker:hover::after { border-top-color: #666666; } .picture-block { position: relative; display: block; overflow: hidden; width: 100%; } .picture-block:before { content: ""; display: block; padding-bottom: 78.94737%; } .picture-block img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; } .picture-block img.cover-horizontally { width: 100%; height: auto; } .picture-block--portrait { overflow: inherit; } .picture-block--portrait img { position: relative; transform: translate(0%, 0%); max-width: 100%; top: 0%; left: 0%; height: auto; } .picture-block--portrait:before { content: ""; display: none; padding-bottom: 0; } .picture-block--member img { transform: translate(-50%, 0); top: 0; left: 50%; } .picture-block--member:before { padding-bottom: 100%; } body.has-popup .main-header.sticky { top: 54px; } .main-header { background-color: #ffffff; position: relative; z-index: 1000; flex: 0 0 11rem; } @media (max-width: 992px) { .main-header { height: 6rem; flex: 1 0 auto; } } .main-header.sticky { position: fixed; width: 100%; top: 0; left: 0; } .main-header.sticky:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background: #ebebeb; } .main-header .header-logo { display: flex; align-items: flex-end; padding-bottom: 18px; font-size: 0; } @media (max-width: 992px) { .main-header .header-logo { width: 140px; } } @media (max-width: 992px) { .main-header .header-logo { align-items: center; padding-bottom: 0; } } .main-header .header-logo img { width: 165px; } @media (max-width: 992px) { .main-header .header-logo img { width: 140px; } } .main-header .container { height: 100%; display: flex; } .main-header .nav-wrapper { width: 100%; display: flex; flex-direction: column; } .main-header .nav-wrapper .first-level-menu__item > a { white-space: nowrap; } .main-header .nav-wrapper a { text-decoration: none; color: black; font-weight: 700; font-size: 1.7rem; display: block; } .main-header .nav-wrapper a:visited { color: black; } @media (max-width: 1200px) { .main-header .nav-wrapper a { font-size: 1.5rem; } } .main-header .nav__secondary { width: 100%; display: flex; justify-content: flex-end; text-transform: uppercase; flex: 1 0 auto; padding-top: 2rem; } .main-header .nav__secondary ul { display: flex; } @media (max-width: 992px) { .main-header .nav__secondary { display: none; } } .main-header .nav__secondary a { font-size: 1.2rem; } .main-header .nav__secondary__item { padding: 0.5rem 1.75rem; padding-top: 0.7rem; padding-bottom: 0.7rem; position: relative; z-index: 2; } .main-header .nav__secondary__item:hover > a, .main-header .nav__secondary__item.active > a { color: #a3a3a3; } .main-header .nav__secondary__item.active-contact { background-color: #a3a3a3 !important; } .main-header .nav__secondary__item:last-child { padding-left: 5.25rem; padding-right: 0; } .main-header .nav__secondary__item > ul { display: none; position: absolute; top: 100%; left: 0; width: 200px; background: #f8f8f8; z-index: 1500; } .main-header .nav__secondary__item > ul li a { font-weight: normal; text-transform: none; font-size: 13px; padding: 1.25rem 25px 1.25rem 20px; } .main-header .nav__secondary__item > ul li:hover a, .main-header .nav__secondary__item > ul li.active > a { background-color: #000000; color: #ffffff; } .main-header .nav__secondary__item > ul li:not(:last-child):after { content: ""; display: block; margin: 0 15px; border-bottom: 1px solid #a3a3a3; } .main-header .nav__secondary__item:hover > ul { display: block; } .main-header .nav__secondary .nav-cta { background-color: #000000; } .main-header .nav__secondary .nav-cta:hover { background-color: #a3a3a3; } .main-header .nav__secondary .nav-cta a { color: #ffffff; } .main-header .nav__secondary .nav-cta:hover > a, .main-header .nav__secondary .nav-cta.active > a { color: #ffffff; } .main-header .nav__main { width: 100%; display: flex; height: 100%; align-items: flex-end; margin-left: 7.25rem; width: auto; } @media (max-width: 992px) { .main-header .nav__main { display: none; } } @media (max-width: 1200px) { .main-header .nav__main { margin-left: 2.25rem; } } .main-header .nav__main-button { display: flex; justify-content: flex-end; align-items: flex-end; flex: 1 1; } .main-header .nav__main-button .btn { display: inline-block; text-transform: uppercase; padding: 8px 5px; margin-bottom: 13px; position: relative; z-index: 1; text-align: center; } .main-header .nav__main-button .btn::after { content: ""; position: absolute; top: 100%; right: 10px; border-top: 13px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0; } .main-header .nav__main-button--bm-logo img { max-width: 10rem; padding-top: 1.125rem; padding-bottom: 1.125rem; } .main-header .nav__main .first-level-menu { position: relative; display: flex; } .main-header .nav__main .first-level-menu .first-level-menu__item { padding: 0 2.5rem; padding-bottom: 2rem; position: relative; } @media (max-width: 1200px) { .main-header .nav__main .first-level-menu .first-level-menu__item { padding: 0 1.5rem 2rem; } } .main-header .nav__main .first-level-menu .first-level-menu__item--with-submenu > a:after { content: ""; background: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23000000' stroke-width='2.5'/%3E%3C/svg%3E") center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; width: 17px; height: 8px; margin-left: 8px; } .main-header .nav__main .first-level-menu .first-level-menu__item--with-submenu:hover > a:after { background-image: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23a3a3a3' stroke-width='2.5'/%3E%3C/svg%3E"); } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu { display: none; background: #f8f8f8 !important; } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu li { padding-bottom: 0; position: relative; text-align: left; } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu li:after { content: ""; display: block; margin: 0 auto; width: calc( 100% - 40px); border-bottom: 1px solid #d9d9d9; } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu li a { padding: 1.25rem 3.5rem 1.25rem 2rem; } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu li.second-level__item--has-third-level > a:after { content: ""; background: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23000000' stroke-width='2.5'/%3E%3C/svg%3E") center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; position: absolute; right: 20px; top: calc(50% - 4px); width: 17px; height: 8px; transform: rotate(-90deg) translate(0, -50%); } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu li.second-level__item--has-third-level:hover > a:after { background-image: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23ffffff' stroke-width='2.5'/%3E%3C/svg%3E"); } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu .second-level__item > a:after { content: ""; background: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23000000' stroke-width='2.5'/%3E%3C/svg%3E") center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; position: absolute; right: 20px; top: calc(50% - 4px); width: 17px; height: 8px; transform: rotate(-90deg) translate(0, -50%); } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu .second-level__item:hover > a:after, .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu .second-level__item.active > a:after { background-image: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23ffffff' stroke-width='2.5'/%3E%3C/svg%3E"); } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu .second-level__item.no-arrow > a:after { background: none; } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu .second-level__item.no-arrow:hover > a:after, .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu .second-level__item.no-arrow.active > a:after { background-image: none; } .main-header .nav__main .first-level-menu .first-level-menu__item .second-level-menu li:last-child:after { border-bottom: 0; } .main-header .nav__main .first-level-menu .first-level-menu__item .third-level-menu { display: none; position: absolute; left: 35rem; width: 30rem; top: 0; } .main-header .nav__main .first-level-menu .first-level-menu__item .third-level-menu a { color: #ffffff; background-color: transparent; } .main-header .nav__main .first-level-menu .first-level-menu__item .third-level-menu li { background-color: #000000; } .main-header .nav__main .first-level-menu .first-level-menu__item .third-level-menu li:hover { background-color: #f8f8f8 !important; } .main-header .nav__main .first-level-menu .first-level-menu__item .third-level-menu li:hover a:hover { color: #000 !important; background-color: transparent !important; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover > a, .main-header .nav__main .first-level-menu .first-level-menu__item.active > a { color: #a3a3a3; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover > a:after, .main-header .nav__main .first-level-menu .first-level-menu__item.active > a:after { background-image: url("data:image/svg+xml,%3Csvg fill='none' version='1.1' viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 0.96244 7 8 7-8' opacity='.96' stroke='%23a3a3a3' stroke-width='2.5'/%3E%3C/svg%3E"); } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu { display: block; background-color: #ffffff; min-width: 35rem; position: absolute; top: 100%; text-align: center; left: 0; z-index: 1000; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item--has-third-level:hover > a:before, .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item--has-third-level.active > a:before { color: white; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item--has-third-level .third-level-menu:hover > a:before, .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item--has-third-level .third-level-menu.active > a:before { opacity: 0; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item { display: block; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:hover > a, .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item.active > a { color: #ffffff; height: 100%; width: 100%; display: inline-block; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:hover .third-level-menu { display: block; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:hover .third-level-menu a { color: #ffffff; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:hover .third-level-menu li a:hover, .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:hover .third-level-menu li.active a { color: #a3a3a3; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:last-child:after { border: 0; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item a { font-weight: 500; font-size: 1.6rem; } .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item:hover a, .main-header .nav__main .first-level-menu .first-level-menu__item:hover .second-level-menu .second-level__item.active > a { background-color: #000000; color: #ffffff; } @media (min-width: 993px) { .main-header .nav-secondary--mobile { display: none; } } .mm-listitem { border-color: #c2c2c2; } .first-level-menu .mm-listitem { color: #000000; } .second-level-menu .mm-listitem { color: #000000; } .third-level-menu .mm-listitem { color: #ffffff; } .mm-listview { position: relative; } .mm-listview.first-level-menu { background: #ffffff; } .mm-listview.second-level-menu { background: #f8f8f8; } .mm-listview.third-level-menu { background: #000000; } .mm-listview:after { content: ""; background: inherit; position: absolute; width: 100%; height: calc(100vh - 100% - 45px); min-height: 45px; top: 100%; left: 0; } .mm-btn:after { border-color: #a3a3a3; } .mm-navbar { border-bottom-color: #c2c2c2; background: #ffffff; } .mm-listitem--no-border-bottom { border-bottom: transparent; } .mm-listitem--no-border-bottom .mm-listitem__text img { max-width: 12.5rem; } .main-footer { background-color: #000000; color: #f2f2f2; padding: 6rem 0 2.5rem 0; letter-spacing: 0.01em; } @media (max-width: 992px) { .main-footer { padding: 2.5rem 0; } } .main-footer a { text-decoration: none; } .main-footer a:hover { text-decoration: underline; } .main-footer .footer-logo { display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 1200px) { .main-footer .footer-logo { display: none; } } @media (max-width: 992px) { .main-footer .footer-logo { margin: 0 auto 2.5rem; display: flex; } } .main-footer .footer-logo img { width: 165px; justify-content: normal; } @media (max-width: 992px) { .main-footer .footer-logo img { margin: 0 auto; width: 140px; } } .main-footer .footer-logo p { margin: 0; font-size: 1.2rem; font-weight: 700; color: #818181; line-height: 1.75rem; } @media (max-width: 1440px) { .main-footer .footer-logo p { display: none; } } @media (max-width: 992px) { .main-footer .footer-logo p { text-align: center; display: block; } } .main-footer .footer__txt--small { margin: 0; font-size: 1.2rem; font-weight: 700; color: #818181; line-height: 1.75rem; padding-top: 5px; } @media (max-width: 992px) { .main-footer .footer__txt--small { font-size: 1rem; font-weight: 700; } } @media (max-width: 992px) { .main-footer .footer-logo-tab.container { display: none; } } @media (min-width: 1201px) { .main-footer .footer-logo-tab.container { display: none; } } .main-footer .footer-logo-tab.container img { padding-left: 2rem; padding-bottom: 5rem; width: 165px; justify-content: normal; } .main-footer .container { display: flex; justify-content: space-between; } @media (max-width: 992px) { .main-footer .container { flex-wrap: wrap; } } .main-footer .footer-nav { display: flex; flex-direction: column; } @media (max-width: 1200px) { .main-footer .footer-nav--second { width: 80%; } } @media (max-width: 992px) { .main-footer .footer-nav--second { width: 100%; } } @media (max-width: 992px) { .main-footer .footer-nav { width: 100%; align-items: center; } } .main-footer .footer-nav__secondary { flex: 1 0 auto; padding-top: 2.5rem; } .main-footer .footer-nav__secondary--special { display: none; } @media (max-width: 1440px) { .main-footer .footer-nav__secondary--special > p { margin: 0; font-size: 1.2rem; font-weight: 700; color: #818181; line-height: 1.75rem; } } @media (max-width: 992px) { .main-footer .footer-nav__secondary--special > p { display: none; } } @media (max-width: 1440px) { .main-footer .footer-nav__secondary--special { display: block; } } @media (max-width: 992px) { .main-footer .footer-nav__secondary { padding-top: 0; } } .main-footer .footer-nav__secondary a { font-size: 1.2rem; } .main-footer .footer-nav__secondary ul { padding: 0 2.75rem; display: flex; } @media (max-width: 1200px) { .main-footer .footer-nav__secondary ul { padding: 0 2rem; } } @media (max-width: 992px) { .main-footer .footer-nav__secondary ul { padding: 0; justify-content: center; width: 100%; } } .main-footer .footer-nav__secondary li { padding: 0 1.75rem; } .main-footer .footer-nav__secondary li.li--last-item { padding-left: 5.25rem; } .main-footer .footer-nav__secondary li:first-child { padding-left: 0; } @media (max-width: 992px) { .main-footer .footer-nav__secondary li { padding: 0 0.5rem; } } .main-footer .footer-nav__secondary *.active { color: #00c1de; } .main-footer .footer-nav nav { width: 100%; display: flex; } @media (max-width: 992px) { .main-footer .footer-nav nav { align-items: center; } } .main-footer .footer-nav nav a { color: #818181; font-weight: 700; font-size: 1.5rem; } @media (max-width: 992px) { .main-footer .footer-nav nav a { font-size: 1rem; } } @media (max-width: 1200px) { .main-footer .footer-nav__main { max-width: 750px; } } @media (max-width: 992px) { .main-footer .footer-nav__main { flex-direction: column; } } @media (max-width: 992px) { .main-footer .footer-nav__main:not(.phone) { display: none !important; } .main-footer .footer-nav__main.phone .footer-nav__main__block { padding-bottom: 0 !important; } } .main-footer .footer-nav__main__block { padding: 0 2.75rem 6rem 2.75rem; min-width: 180px; } @media (max-width: 1200px) { .main-footer .footer-nav__main__block { padding: 0 2rem 6rem 2rem; max-width: 280px; } } @media (max-width: 992px) { .main-footer .footer-nav__main__block { text-align: center; } } .main-footer .footer-nav__main__block > a { display: inline-block; padding: 0 5px; } .main-footer .footer-nav__main__block > a img { width: 15px; height: 15px; } @media (max-width: 992px) { .main-footer .footer-nav__main__block > a { margin-top: 2rem; } } .main-footer .footer-nav__main__block h3 { margin-top: 0; } @media (max-width: 992px) { .main-footer .footer-nav__main__block h3 { margin-top: 0; text-align: center; } } .main-footer .footer-nav__main__block h3 a { color: #f2f2f2; text-transform: uppercase; } .main-footer .footer-nav__main__block ul { line-height: 2rem; display: block; } .main-footer .footer-nav__main__block--bigger { padding: 0 4.25rem; } .main-footer .footer-nav__main__block--bigger ul { display: block; line-height: 2rem; } .main-footer .footer-nav__main__block--bigger ul a { color: #f2f2f2; } .main-footer .footer-nav__main__block--bigger ul a.active { color: #00c1de; } .main-footer .footer-nav__main__block *.active { color: #00c1de; } .overview-section { padding: 10rem 0; background-color: #ffffff; position: relative; overflow: hidden; padding-bottom: calc(10rem - 30px); } .overview-section__row { margin: 0 -2.5rem; } .overview-section__row:last-child a.overview-section__block--column { margin-top: 0; margin-bottom: 0; } .overview-section__row:last-child a.overview-section__block--column:first-child { margin-top: 0; margin-bottom: 0; } @media (max-width: 992px) { .overview-section__row { margin: 0; } } .overview-section--related { padding-bottom: calc(10rem - 30px); } .overview-section--related h2 { text-align: center; } .overview-section--related .block-list { margin-bottom: 0; } @media (max-width: 992px) { .overview-section { padding: 8.5rem 0; } } @media (max-width: 540px) { .overview-section { padding: 20px 0; } } .overview-section h1, .overview-section .h1 { line-height: 1em; font-size: 7.2rem; font-weight: bold; margin-bottom: 0.5em; max-width: 1000px; } .overview-section h1:first-child, .overview-section .h1:first-child { margin-top: 0; width: 100%; text-align: left; max-width: unset; } .overview-section h1.center, .overview-section .h1.center { text-align: center; } @media (max-width: 1200px) { .overview-section h1, .overview-section .h1 { text-align: center; } } @media (max-width: 992px) { .overview-section h1, .overview-section .h1 { font-size: 8vw; } } @media (max-width: 768px) { .overview-section h1, .overview-section .h1 { font-size: 10vw; } } @media (max-width: 540px) { .overview-section h1, .overview-section .h1 { font-size: 4rem; } } .overview-section .section-title--centered h1, .overview-section .section-title--centered .h1 { max-width: 800px; text-align: center; margin-left: auto; margin-right: auto; } .overview-section h2, .overview-section h3 { margin: 0; } .overview-section h2 { font-size: 5.8rem; font-weight: 600; } @media (max-width: 540px) { .overview-section h2 { font-size: 2.8rem; } } .overview-section ul { padding: 0; list-style: none; } .overview-section ul li { padding-left: 1.4em; margin-bottom: 0.6em; position: relative; } .overview-section ul li:before { content: "\2022"; position: absolute; transform: scale(2); left: 0.2em; top: 0.35em; line-height: 0.45em; } .overview-section .overview-intro-text { margin-bottom: 1.5em; } .overview-section .overview-section__title p { font-weight: 300; margin-bottom: 0; font-size: 2.4rem; line-height: 1.4em; } .overview-section .overview-section__title--small p { font-size: 1.8rem; } .overview-section .overview-section__title + .row { margin-top: 50px; } @media (max-width: 992px) { .overview-section .overview-section__title + .row { margin-top: 0; } } @media (max-width: 992px) { .overview-section .overview-section__title { margin-top: 3rem; } .overview-section .overview-section__title h2 { text-align: center; } .overview-section .overview-section__title h1 { font-size: 10vw; text-align: center; } .overview-section .overview-section__title p { text-align: center; max-width: none; font-size: 1.8rem; } } @media (max-width: 540px) { .overview-section .overview-section__title p { font-size: 1.6rem; } } .overview-section p.market-intro { font-size: 2.4rem; font-weight: 300; line-height: 1.3em; } .overview-section .overview-section__block { display: flex; margin-top: 5rem; text-decoration: none; } .overview-section .overview-section__block .picture-block img { max-width: none; } .overview-section .overview-section__block .picture-block:after { padding-bottom: 51.6129%; } .overview-section .overview-section__block--column { flex-direction: column; padding-left: 2.5rem; margin-bottom: 5rem; } @media (max-width: 992px) { .overview-section .overview-section__block--column { padding-left: 0.5rem; } } .overview-section .overview-section__block--column:first-child { padding-right: 2.5rem; padding-left: 0.5rem; } @media (max-width: 992px) { .overview-section .overview-section__block--column:first-child { padding-right: 0.5rem; } } .overview-section .overview-section__block--column .picture-block { width: 100%; } .overview-section .overview-section__block--column .picture-block + .overview-section__block__info { width: 100%; } .overview-section .overview-section__block--column .overview-section__block__info { padding-left: 0; padding-top: 4rem; } @media (max-width: 992px) { .overview-section .overview-section__block--column .overview-section__block__info { padding-right: 0rem; } } .overview-section .overview-section__block--column .overview-section__block__info .btn { display: inline-block; } .overview-section .overview-section__block--column .overview-section__block__info h3 { max-width: 22rem; color: #000000; font-size: 2.4rem; } @media (max-width: 992px) { .overview-section .overview-section__block--column .overview-section__block__info h3 { max-width: 100%; } } .overview-section .overview-section__block--column .overview-section__block__info p { margin: 2.5rem 0; color: #000000; font-weight: 300; max-width: 80%; } @media (max-width: 992px) { .overview-section .overview-section__block--column .overview-section__block__info p { max-width: 100%; } } .overview-section a.overview-section__block, .overview-section a.overview-section__block--column:first-child { padding: 2.5rem; } .overview-section a.overview-section__block:hover { background: #00c0de; } .overview-section a.overview-section__block:hover > * { color: #ffffff; } .overview-section a.overview-section__block:hover .overview-section__block__info__title h3, .overview-section a.overview-section__block:hover .overview-section__block__info__title p { color: #ffffff; } .overview-section .overview-section__block__info { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; padding: 0 2.5rem; color: #000000; } .overview-section .overview-section__block__info h3 { text-transform: uppercase; font-size: 1.6rem; } .overview-section .overview-section__block__info p { font-size: 1.6rem; font-weight: 300; line-height: 2.2rem; overflow: hidden; max-height: 6.5rem; } .overview-section .overview-section__block__info .btn { text-transform: uppercase; display: inline-block; } .overview-section .overview-section__block__info__title { justify-content: normal; margin: 0; flex: 1 1 auto; } .overview-section-col-2 { align-items: stretch; } .overview-section-col-2 a { color: #000; } .overview-section-col-2 a:hover { text-decoration: none; } .overview-section-col-2 .overview-section__block { justify-content: space-between; } .overview-section-col-2 .overview-section__block img:not(.cover) { width: 385px; } .overview-section-col-2 .overview-section__block .picture-block { width: 385px; } @media (max-width: 1200px) { .overview-section-col-2 .overview-section__block .picture-block { width: 50%; } } .overview-section-col-2 .overview-section__block .picture-block + .overview-section__block__info { width: calc(100% - 385px); } @media (max-width: 992px) { .overview-section-col-2 .overview-section__block__info__title { height: auto; } } .overview-section-col-2 .overview-section__block--column .picture-block { width: 100%; } .overview-section-col-2 .overview-section__block--column .picture-block + .overview-section__block__info { width: 100%; } @media (max-width: 992px) { .overview-section-col-2 .overview-section__block img:not(.cover) { width: 100%; } .overview-section-col-2 .overview-section__block .picture-block { width: 100%; } .overview-section-col-2 .overview-section__block .picture-block + .overview-section__block__info { width: 100%; } } @media (max-width: 768px) { .overview-section-col-2 .overview-section__block:last-child { margin-bottom: 3rem; } } .overview-section-col-2 .overview-section__block--column img:not(.cover) { max-width: 100%; } .overview-section-col-3 { align-items: stretch; } .overview-section-col-3 .overview-section__block { justify-content: space-between; } .overview-section-col-3 .overview-section__block__wrap { padding: 0 3.75rem; } .overview-section-col-3 .overview-section__block a { color: #000; } .overview-section-col-3 .overview-section__block a:hover { text-decoration: none; } .overview-section-col-3 .overview-section__block img:not(.cover) { width: 225px; min-height: 152px; } .overview-section-col-3 .overview-section__block .picture-block { width: 225px; min-height: 152px; } .overview-section-col-3 .overview-section__block .picture-block + .overview-section__block__info { width: calc(100% - 225px); } @media (max-width: 992px) { .overview-section-col-3 .overview-section__block img:not(.cover) { width: 100%; } .overview-section-col-3 .overview-section__block .picture-block { width: 100%; } .overview-section-col-3 .overview-section__block .picture-block + .overview-section__block__info { width: 100%; } } .overview-section-col-3 .overview-section__block--column { padding: 0 0.5rem; } .overview-section-col-3 .overview-section__block--column:first-child { padding-right: 0.5rem; padding-left: 0.5rem; } .overview-section-col-3 .overview-section__block--column img { max-width: 100%; } @media (max-width: 768px) { .overview-section-col-3 .overview-section__block:last-child { margin-bottom: 3rem; } } @media (max-width: 992px) { .overview-section-col-2 .overview-section__block, .overview-section-col-3 .overview-section__block { flex-direction: column; align-items: center; text-align: center; width: 100%; } .overview-section-col-2 .overview-section__block h3, .overview-section-col-3 .overview-section__block h3 { margin-top: 2.5rem; } } .jumbotron { height: calc(100vh - 11rem); background-color: #f2f2f2; position: relative; } @media (max-width: 992px) { .jumbotron { height: auto; } } .jumbotron__overlay { background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; } .jumbotron > .picture-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .jumbotron .container { height: 100%; display: flex; justify-content: space-between; } .jumbotron__info { display: flex; flex-direction: column; justify-content: center; height: 100%; z-index: 1; } .jumbotron__info__title--big { font-size: 10rem; } @media (max-width: 992px) { .jumbotron__info { align-items: center; text-align: center; width: 100vw; } } .jumbotron__info h1 { margin-bottom: 0; margin-left: -0.3rem; margin-top: 0; } @media (max-width: 992px) { .jumbotron__info h1 { font-size: 7rem; line-height: 7.5rem; max-width: 50rem; } } @media (max-width: 768px) { .jumbotron__info h1 { width: 100%; font-size: 12vw; line-height: 13vw; } } @media (max-width: 768px) { .jumbotron__info h1 { font-size: 9vw; line-height: 10vw; } } .jumbotron__info__txt { margin-top: 2.5rem; margin-bottom: 5rem; color: #ffffff; font-weight: 700; font-size: 3rem; overflow-wrap: break-word; word-wrap: break-word; } @media (max-width: 768px) { .jumbotron__info__txt { line-height: 3.2rem; margin-bottom: 2rem; } } .jumbotron__info a { display: inline-block; } @media (max-width: 768px) { .jumbotron__info a { margin-bottom: 2.5rem; } } .jumbotron__info__subtitle { text-transform: uppercase; font-weight: 300; } .jumbotron__info__desc { font-size: 1.6rem; color: #000000; overflow: hidden; max-height: 6.5rem; } .jumbotron__img { background-size: contain; background-position: right bottom; width: 100%; background-repeat: no-repeat; } .jumbotron__img img { width: 100%; } @media (max-width: 768px) { .jumbotron__img img { max-width: 80%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; } } @media (min-width: 993px) { .jumbotron__img img { width: auto; height: 100%; } } .jumbotron--single { background-position: center; background-size: cover; height: 550px; } @media (max-width: 992px) { .jumbotron--single .jumbotron__info { justify-content: center; align-items: center; text-align: center; width: 100%; } } .jumbotron--single--light { color: #ffffff; } .jumbotron--single--light .jumbotron__info__desc { color: #ffffff; } .jumbotron--single--small h1 { max-width: 60rem; } .jumbotron--single--small h3 { text-transform: uppercase; font-weight: 300; } .jumbotron--cover { background-position: center; background-size: cover; height: 100vh; } .jumbotron--cover h1 { color: #ffffff; } .cta--primary .container { max-width: 110rem; } .cta--primary .cta__title { color: #ffffff; font-size: 7rem; } @media (max-width: 992px) { .cta--primary .cta__title { font-size: 5rem; } } @media (max-width: 540px) { .cta--primary .cta__title { font-size: 3rem; } } .cta--primary .cta__txt { color: #000000; } .cta--secondary .container { max-width: 80rem; } .cta--secondary .cta__title { max-height: 22rem; overflow: hidden; color: #ffffff; font-size: 7rem; line-height: 1.1; } @media (max-width: 1200px) { .cta--secondary .cta__title { font-size: 5rem; } } @media (max-width: 992px) { .cta--secondary .cta__title { font-size: 4rem; } } @media (max-width: 540px) { .cta--secondary .cta__title { font-size: 3rem; } } .cta--secondary .cta__txt { color: #ffffff; margin: 6rem 0; } .cta--secondary .cta__txt--lighter { color: #ffffff; } @media (max-width: 1440px) { .cta--secondary .cta__txt { margin: 2rem 0; } } @media (max-width: 992px) { .cta--secondary .cta__txt { margin: 1rem 0; } } .cta--secondary .cta__bg { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .cta--secondary .cta__bg--center-top { background-position: center top; } .cta__title { margin-top: 0; color: #ffffff; font-size: 7rem; margin-bottom: 0; } .cta .container { padding: 12.5rem 2.5rem; text-align: center; } .cta-parallax .container { padding: 0 2.5rem; text-align: center; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .cta-parallax .simpleParallax { max-height: 600px; } .cta-parallax .simpleParallax img { width: 100%; } @media (max-width: 992px) { .cta-parallax .simpleParallax { height: 600px; min-height: 50vh; } .cta-parallax .simpleParallax img { width: auto; } } .cta-parallax .overlay { height: 100%; position: absolute; top: 0; width: 100%; background: url("/../images/pixel_gris.png"); } .cta-parallax.no-bg .overlay { background: none; } .cta-video { background-color: #000000; } .cta-video__title { font-size: 5.8rem; font-weight: 500; margin-top: 0; } @media (max-width: 992px) { .cta-video__title { font-size: 5rem; } } @media (max-width: 540px) { .cta-video__title { font-size: 3rem; } } .cta-video__title, .cta-video__txt { color: #ffffff; } .cta-video__txt { margin-bottom: 5rem; } .cta-video h2, .cta-video p { color: #ffffff; } .cta-video .container { padding-top: 10rem; padding-bottom: 10rem; } @media (max-width: 992px) { .cta-video .container { padding-top: 8.5rem; padding-bottom: 8.5rem; } } .cta-video .cta-video__player { max-width: 1300px; margin: auto; } .cta-video .cta-video__player__link { position: relative; display: block; overflow: hidden; font-size: 0; cursor: pointer; } .cta-video .cta-video__player__link:before { content: ""; display: block; padding-bottom: 56%; } .cta-video .cta-video__player__link > * { position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; margin: auto; min-width: 100%; min-height: 100%; } .cta-video .cta-video__player__link:after { content: ""; position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; margin: auto; width: 64px; height: 64px; background: url(/../images/video-icon.svg) no-repeat center; background-size: contain; opacity: 0.5; transition: opacity 0.4s; } .cta-video .cta-video__player__link.playing:after { opacity: 0; } .overlay { height: 100%; width: 100%; position: absolute; top: 0; width: 100%; } .overlay--primary { background: rgba(0, 192, 222, 0.65); } .overlay--darker { background: rgba(0, 0, 0, 0.4); } .overlay--darker p { color: #ffffff; } .hamburger { display: block; right: 0; position: absolute; top: 3rem; width: 36px; z-index: 1000; transform: translate(-50%, -50%); } @media (min-width: 993px) { .hamburger { display: none; top: 5.5rem; } } .hamburger:before, .hamburger:after { background-color: #000; content: ''; display: block; height: 4px; transition: all 200ms ease-in-out; } .hamburger:before { box-shadow: 0 10px 0 #000; margin-bottom: 16px; } .mm-wrapper_opened .hamburger:before { box-shadow: 0 0 0 #000; transform: translateY(10px) rotate(45deg); } .mm-wrapper_opened .hamburger:after { transform: translateY(-10px) rotate(-45deg); } .block-list { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 10rem -25px; text-align: left; } @media (max-width: 1200px) { .block-list { margin: 10rem -25px; } } @media (max-width: 540px) { .block-list { margin-top: 0; margin-bottom: 0; } } .block-list--news--center { justify-content: center; } .block-list__block { width: calc(100% / 3 - 0.01px); padding: 30px 25px; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; font-size: 1.6rem; } .block-list__block, .block-list__block:hover { text-decoration: none; } a.block-list__block:hover { background: #00c0de; } a.block-list__block:hover > * { color: #ffffff; } @media (max-width: 768px) { .block-list__block { margin-bottom: 0; } .block-list__block span.btn { margin: 0 auto; } } @media (max-width: 768px) { .block-list__block { text-align: center; } } .block-list__block .picture-block:after { padding-bottom: 60%; } .block-list__block h2, .block-list__block h3, .block-list__block h4 { margin: 1.3em 0 0; width: 50%; min-height: 60px; font-size: 2.6rem; text-transform: uppercase; color: #000000; } .block-list__block h2 + ul, .block-list__block h3 + ul, .block-list__block h4 + ul { margin-top: 0; } @media (max-width: 768px) { .block-list__block h2, .block-list__block h3, .block-list__block h4 { width: 100%; } } .block-list__block p { font-size: 1.6rem; line-height: 1.2em; margin-bottom: 1.8em; font-weight: 300; flex: 1 1 auto; color: #000000; width: 80%; } @media (max-width: 768px) { .block-list__block p { width: 100%; margin-bottom: 1em; } } .block-list__block > a { width: 100%; } @media (max-width: 540px) { .block-list__block > a { margin: 0 auto; } } .block-list__block > a:hover { text-decoration: none; } @media (max-width: 1200px) { .block-list__block { width: 50%; } } @media (max-width: 768px) { .block-list__block { width: 100%; max-width: 575px; margin-left: auto; margin-right: auto; } .block-list__block h2, .block-list__block h3, .block-list__block h4 { margin: 1em 0 0; } .block-list__block p { margin-bottom: 1.5em; } } @media (max-width: 768px) { .block-list { margin: 15px 0; } } .block-list--background { margin: 45px 0; } .block-list--background .block-list__block { background: #f2f2f2; padding: 43px; width: calc(33% - 30px); margin: 45px 15px; font-size: 1.4rem; } .block-list--background .block-list__block.five_by_row { width: calc(20% - (30px/2)); margin: 30px 7.5px; padding: 15px; } .block-list--background .block-list__block.five_by_row h3 { flex-grow: 1; max-height: 120px; overflow: hidden; height: 120px; } .block-list--background .block-list__block.five_by_row h2, .block-list--background .block-list__block.five_by_row h3, .block-list--background .block-list__block.five_by_row h4 { margin-top: 0.5rem; width: 100%; } .block-list--background .block-list__block.five_by_row p { font-size: 1.4rem; font-weight: 400; width: 100%; } .block-list--background .block-list__block.five_by_row a.btn { width: 100%; } @media (max-width: 768px) { .block-list--background .block-list__block { margin-bottom: 0; } } .block-list--background .block-list__block:hover { background: #00c0de; color: #ffffff; } .block-list--background .block-list__block:hover * { color: #fff; } .block-list--background .block-list__block > h2, .block-list--background .block-list__block > h3, .block-list--background .block-list__block > h4 { margin-bottom: 0; } .block-list--background .block-list__block > p { font-size: 2.4rem; font-weight: 500; } @media (max-width: 1200px) { .block-list--background .block-list__block { width: calc(50% - 30px); } .block-list--background .block-list__block.five_by_row { width: calc(50% - 15px); } } @media (max-width: 768px) { .block-list--background .block-list__block { width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; } .block-list--background .block-list__block.five_by_row { width: 100%; } } @media (max-width: 768px) { .block-list--background { justify-content: center; margin-left: 0px; margin-right: 0px; } } .block-list--news .block-list__block > h2, .block-list--news .block-list__block > h3, .block-list--news .block-list__block > h4 { width: 80%; margin-bottom: 0.4em; } @media (max-width: 768px) { .block-list--news .block-list__block > h2, .block-list--news .block-list__block > h3, .block-list--news .block-list__block > h4 { width: 100%; } } .block-list--news .block-list__block > p { font-size: 2.4rem; margin-bottom: 1.3em; width: 100%; font-weight: 500; } .block-list--news .block-list__block > p + span { margin-top: 0em; } .block-list--news .block-list__block > span { margin-top: 1.3em; } @media (max-width: 1200px) { .contact-form, .career-form { margin-top: 4rem; } } .contact-form .input-wrap, .career-form .input-wrap { padding-bottom: 2em; float: left; width: 50%; } .contact-form .input-wrap__full, .career-form .input-wrap__full { width: 100%; } @media (max-width: 768px) { .contact-form .input-wrap, .career-form .input-wrap { width: 100%; } } .contact-form .input-wrap label, .career-form .input-wrap label { padding-bottom: 1em; display: block; } .contact-form .input-wrap input[type="text"], .contact-form .input-wrap input[type="email"], .career-form .input-wrap input[type="text"], .career-form .input-wrap input[type="email"] { width: 100%; height: 2em; border-color: #000; border-width: 0px 0px 2px 0px; text-indent: 1em; border-radius: 0; } .contact-form .input-wrap input[type="text"]:focus, .contact-form .input-wrap input[type="email"]:focus, .career-form .input-wrap input[type="text"]:focus, .career-form .input-wrap input[type="email"]:focus { outline: none; border-color: #f04848; } .contact-form .input-wrap input[type="submit"], .career-form .input-wrap input[type="submit"] { border-radius: 0; } .contact-form .input-wrap.left, .career-form .input-wrap.left { padding-right: 0.5em; } @media (max-width: 768px) { .contact-form .input-wrap.left, .career-form .input-wrap.left { padding-right: 0; } } .contact-form .input-wrap.right, .career-form .input-wrap.right { padding-left: 0.5em; } @media (max-width: 768px) { .contact-form .input-wrap.right, .career-form .input-wrap.right { padding-left: 0; } } .contact-form .input-wrap__txt_area, .career-form .input-wrap__txt_area { width: 100%; } .contact-form .input-wrap__txt_area.has-danger textarea, .career-form .input-wrap__txt_area.has-danger textarea { border-color: #f04848; } .contact-form .input-wrap__txt_area label, .career-form .input-wrap__txt_area label { padding-bottom: 1em; display: block; } .contact-form .input-wrap.has-danger input[type="text"], .contact-form .input-wrap.has-danger input[type="email"], .contact-form .input-wrap.has-danger select, .career-form .input-wrap.has-danger input[type="text"], .career-form .input-wrap.has-danger input[type="email"], .career-form .input-wrap.has-danger select { border-color: #f04848; } .contact-form .input-wrap.has-danger .pristine-error, .career-form .input-wrap.has-danger .pristine-error { display: none; } .contact-form .input-wrap.has-danger .text--danger, .career-form .input-wrap.has-danger .text--danger { color: #f04848; font-size: 1.2rem; } .contact-form .input-wrap select, .career-form .input-wrap select { width: 100%; border-radius: 0; } .contact-form .input-wrap .upload_wrapper, .career-form .input-wrap .upload_wrapper { position: relative; display: block; width: 100%; } .contact-form .input-wrap .upload_wrapper input[type=file], .career-form .input-wrap .upload_wrapper input[type=file] { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; opacity: 0; z-index: 2; } .contact-form .input-wrap .upload_wrapper .fake_label, .career-form .input-wrap .upload_wrapper .fake_label { position: absolute; display: block; width: 100%; height: 100%; margin-bottom: 0; top: 0; left: 0; z-index: 5; cursor: pointer; } .contact-form .input-wrap .upload_wrapper .fake, .career-form .input-wrap .upload_wrapper .fake { display: flex; flex-flow: row wrap; justify-content: space-between; } .contact-form .input-wrap .upload_wrapper .fake .text, .career-form .input-wrap .upload_wrapper .fake .text { height: 40px; width: calc(70% - 30px); padding: 0 12px; background-color: #fff; font-size: 1em; line-height: 40px; color: #141414; border: 0; border-bottom: 2px solid #000; border-radius: 0; } .contact-form .input-wrap .upload_wrapper .fake .button, .career-form .input-wrap .upload_wrapper .fake .button { position: relative; width: 30%; padding: 0 10px; background-color: #fff; font-size: 1em; line-height: 38px; text-align: center; font-weight: 600; border: 2px solid #000; color: #000; cursor: pointer; transition: all 125ms ease-in; } .contact-form .input-wrap .upload_wrapper:hover .fake .button, .career-form .input-wrap .upload_wrapper:hover .fake .button { background-color: #000; color: #ffffff; } .contact-form textarea, .career-form textarea { width: 100%; min-height: 10em; border-color: #000; outline: none; border-radius: 0; } .contact-form #fset_submit, .career-form #fset_submit { padding: 2em 0; text-align: center; } .contact-form .recaptcha, .career-form .recaptcha { display: flex; flex-row: row wrap; padding: 0; border: 0; width: 100%; } .contact-form .recaptcha .g-recaptcha, .career-form .recaptcha .g-recaptcha { margin: 0 auto; } select { height: 2em; border-color: #000; border-width: 0px 0px 2px 0px; text-indent: 10px; min-width: 15em; border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 40px; background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8cGF0aCBkPSJtMi4wNzYyIDEuMTUwNGMtMC41NTIyOSAwLTEgMC40NDc3Mi0xIDEgMS40M2UtNCAwLjIyOTg1IDAuMDc5NDYyIDAuNDUyNjQgMC4yMjQ2MSAwLjYzMDg2bC0wLjAwNTg1OTMgMC4wMDU4NTk0IDAuMDg1OTM4IDAuMDgyMDMxIDcuODEyNSA3LjU5MThjMC4wMzY1OTIgMC4wMzQyNDYgMC4wNzE4NTEgMC4wNTExOCAwLjEwNzQyIDAuMDgyMDMxIDAuMDUxMjE3IDAuMDU1NDA3IDAuMTEzMjggMC4wOTU5NzggMC4xNzU3OCAwLjEzODY3IDAuMDQzOCAwLjAyOTk1MSAwLjA4OTU1OSAwLjA2NzAyMyAwLjEzNDc3IDAuMDg5ODQzIDAuMDIxNDI4IDAuMDA5OTg0IDAuMDQyMjMzIDAuMDE4ODY3IDAuMDY0NDUzIDAuMDI3MzQ0IDAuMDk5NzAxIDAuMDQxMzk4IDAuMjAzNTMgMC4wNzAxNDYgMC4zMjIyNyAwLjA3MDMxMyAwLjAwNTYwMzEgMCAwLjAxMDA0NC0wLjAwMzgxNSAwLjAxNTYyNS0wLjAwMzkwNyAwLjAwNTU4MSA5LjJlLTUgMC4wMTAwMjIgMC4wMDM5MDcgMC4wMTU2MjUgMC4wMDM5MDcgMC4xMTg3My0xLjY3ZS00IDAuMjIyNTYtMC4wMjg5MTUgMC4zMjIyNi0wLjA3MDMxMyAwLjAyMjIyMS0wLjAwODQ3NyAwLjA0MzAyNi0wLjAxNzM2IDAuMDY0NDU0LTAuMDI3MzQ0IDAuMDQ1MjA3LTAuMDIyODIgMC4wOTA5NjYtMC4wNTk4OTIgMC4xMzQ3Ni0wLjA4OTg0MyAwLjA2MjUtMC4wNDI2OTQgMC4xMjQ1Ni0wLjA4MzI2NSAwLjE3NTc4LTAuMTM4NjcgMC4wMzU1NzItMC4wMzA4NTEgMC4wNzA4My0wLjA0Nzc4NSAwLjEwNzQyLTAuMDgyMDMxbDcuODEyNS03LjU5MTggMC4wODU5MzgtMC4wODIwMzEtMC4wMDU4Ni0wLjAwNTg1OTRjMC4xNDUxNS0wLjE3ODIyIDAuMjI0NDctMC40MDEwMSAwLjIyNDYxLTAuNjMwODYgMC0wLjU1MjI4LTAuNDQ3NzItMS0xLTEtMC4yMjEyOSAxLjAzNmUtNCAtMC40MzYyOSAwLjA3MzYwMy0wLjYxMTMzIDAuMjA4OThsLTAuMDAzOTA2LTAuMDAzOTA2Mi0wLjA2MDU0NyAwLjA1ODU5NGMtMC4wMTI2OSAwLjAxMjA0My0wLjAyNTA3IDAuMDI0NDE3LTAuMDM3MTEgMC4wMzcxMDlsLTcuMjI0NiA3LjAzNzEtNy4yMjQ2LTcuMDM3MWMtMC4wMTIwNC0wLjAxMjY5Mi0wLjAyNDQxOS0wLjAyNTA2Ni0wLjAzNzEwOS0wLjAzNzEwOWwtMC4wNjA1NDctMC4wNTg1OTQtMC4wMDM5MDYyIDAuMDAzOTA2MmMtMC4xNzUwNC0wLjEzNTM4LTAuMzkwMDQtMC4yMDg4OC0wLjYxMTMzLTAuMjA4OTh6IiBmaWxsPSIjMzMzIi8+DQo8L3N2Zz4NCg==) no-repeat right 10px center; background-size: 20px auto; } select option[data-default] { color: #888; } .contact-form { padding-bottom: 10rem; } @media (max-width: 1200px) { .contact-form { margin-top: 0rem; padding-bottom: 4rem; } } .wrapper_lightbox_confirm { position: fixed; display: flex; justify-content: center; align-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; } .wrapper_lightbox_confirm .overlay__lightbox { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; z-index: 18; } .wrapper_lightbox_confirm .light_box { position: relative; width: 550px; height: auto; max-width: 100%; padding: 60px; background-color: #ffffff; box-sizing: border-box; z-index: 18; } .wrapper_lightbox_confirm .light_box .logo { display: block; width: 160px; margin: 0 auto; } .wrapper_lightbox_confirm .light_box .x_close { position: absolute; display: block; top: 6px; right: 10px; cursor: pointer; font-size: 12px; text-transform: uppercase; color: #000000; } .wrapper_lightbox_confirm .light_box .x_close:hover { color: #5e5e5e; } .wrapper_lightbox_confirm .light_box p { margin-bottom: 40px; line-height: 22px; text-align: center; font-weight: 400; color: #000000; } @media (max-width: 992px) { .wrapper_lightbox_confirm .light_box { height: auto; padding: 50px 30px 70px; margin: 0 auto; } } @media (max-width: 768px) { .wrapper_lightbox_confirm .light_box { width: 95%; height: auto; padding: 50px 30px 70px; margin: 0 auto; } .wrapper_lightbox_confirm .light_box p { margin-bottom: 30px; } } .lt-card { padding-top: 10rem; padding-bottom: 7.5rem; } @media (max-width: 540px) { .lt-card { padding-top: 3rem; padding-bottom: 3rem; } } .lt-card.no-margin-bottom { margin-bottom: 0; } .lt-card__title { color: #000000; text-align: left; margin-top: 0; margin-bottom: 2.5rem; } .lt-card__txt { max-width: 75rem; text-align: center; margin: 5rem auto; } @media (max-width: 540px) { .lt-card__txt { margin: 2rem auto; } } .lt-card__quote { max-width: 75rem; text-align: center; margin: 5rem auto; font-style: italic; } @media (max-width: 540px) { .lt-card__quote { margin: 2rem auto; } } .lt-card__subtitle { margin: 4rem 0; line-height: 4rem; font-weight: normal; font-size: 2rem; text-transform: uppercase; } .lt-card__list { text-align: left; -webkit-padding-start: 0; padding-inline-start: 0; list-style: none; } @media (max-width: 768px) { .lt-card__list { display: block; } .lt-card__list__box { max-width: 600px; margin-left: auto; margin-right: auto; } } .lt-card__list__box { box-sizing: border-box; display: flex; flex-direction: column; } .lt-card__list__box a { color: #000; text-decoration: none; } .lt-card__list__box a:hover .lt-card__list__box__item__txt, .lt-card__list__box a:hover .lt-card__list__box__item__title { opacity: 0.5; } a.lt-card__list__box { text-decoration: none; color: #000; } a.lt-card__list__box:hover { text-decoration: none; background: #00c0de; } a.lt-card__list__box:hover > * { color: #ffffff; } .lt-card__list__box__item { text-align: center; padding: 2.5rem; } .lt-card__list__box__item--more-space { padding: 2.5rem; } .lt-card__list__box__item--more-space .lt-card__list__box__item__quote { margin: 1.55em 0; } .lt-card__list__box__item__title { text-transform: none; min-height: 4rem; } .lt-card__list__box__item__title__name { text-transform: uppercase; font-size: 1.8rem; } .lt-card__list__box__item__title__sub { font-size: 1.6rem; padding-top: 5px; } .lt-card__list__box__item__txt { line-height: 1.8em; text-align: center; margin: 1em 1.4em 1em; margin-bottom: 0; } .lt-card__list__box__item__quote { line-height: 1.4em; text-align: center; font-style: italic; margin: 1em 1.4em 1em; } .lt-card__list__box__item__img { height: 125px; display: flex; justify-content: center; align-items: center; margin-bottom: 2.5rem; } .lt-card__list__box__item__img img { max-height: 125px; max-width: 100%; } .lt-card--secondary { background-color: #f2f2f2; } .lt-card--secondary .lt-card__list__box a { color: #000; text-decoration: none; } .lt-card--secondary .lt-card__list__box__item { background-color: #f2f2f2; height: 100%; } .lt-card--secondary .lt-card__list__box__item.transparent { background-color: transparent; } .lt-card--secondary .lt-card__list__box__item__title { text-transform: uppercase; } .lt-card--secondary .lt-card__list__box__item__title.big { font-weight: 700; font-size: 2.2rem; } .board { padding-top: 10rem; padding-bottom: 7.5rem; } .board.no-margin-bottom { margin-bottom: 0; } .board__title, .board__txt { text-align: center; max-width: 75rem; margin: 5rem auto; } @media (max-width: 540px) { .board__title, .board__txt { margin: 0 auto 4rem; } } .board__title.no-margin-top, .board__txt.no-margin-top { margin-top: 0; } .board__title { margin: 0 auto 5rem auto; } .board__subtitle { text-align: center; margin: 4rem 0; line-height: 4rem; } .board__list { text-align: left; -webkit-padding-start: 0; padding-inline-start: 0; list-style: none; } @media (min-width: 993px) { .board__list { margin-left: -2rem; margin-right: -2rem; } } .board__list.custom-padding { padding: 0 14rem; } @media (max-width: 992px) { .board__list.custom-padding { padding: 0; text-align: center; } } .board__list__box { box-sizing: border-box; display: flex; flex-direction: column; padding: 1rem 2rem; position: relative; } .board__list__box.small { padding-bottom: 1rem; } @media (max-width: 768px) { .board__list__box { padding-bottom: 3rem; } } @media (max-width: 992px) { .board__list__box { width: 100%; } } .board__list__box__limit { display: block; color: inherit; } .board__list__box__limit:hover { text-decoration: none; } @media (max-width: 992px) { .board__list__box__limit { max-height: none; margin-left: auto; margin-right: auto; padding-left: 1.75rem / 2; padding-right: 1.75rem / 2; } } @media (max-width: 768px) { .board__list__box.address { width: 100%; } } .board__list__box__item { text-align: center; flex: 1 0 auto; } .board__list__box__item__title { text-transform: uppercase; } .board__list__box__item__title.small { text-transform: none; display: inline-block; } @media (max-width: 768px) { .board__list__box__item__title.small { padding: 0 2rem; } } .board__list__box__item p a { text-decoration: none; } .board__list__box__item img:not(.cover) { width: 100%; } .board__list--without-desc .board__info__title { min-height: 0px; margin-bottom: 0; } .board__list--without-desc .board__list__box { padding-bottom: 0; } .board__list--without-desc .board__list__box .board__info { padding-bottom: 0; } .board__list--without-desc .not-first-line .board__list__box { padding-top: 4rem; } .board--secondary { background: #f2f2f2; } @media (max-width: 768px) { .board--secondary .board__list__box { width: 100%; } } .board--secondary .board__list__box__item.transparent { background-color: transparent; } .board--secondary .board__list__box__item__title { font-weight: 600; } .board--secondary .board__list__box__item__title.big { font-weight: 700; font-size: 2.2rem; } .board--secondary .board__list__box__item__subtitle { font-weight: 400; } .board--secondary .board__list.custom-padding .board__list__box { padding: 0; } .board--smaller .board__title { text-align: left; max-width: none; } .board--smaller .board__info__name { font-size: 1.5rem; } .board--smaller .board__info__title { font-size: 1.3rem; line-height: 1.3em; } .board--smaller .board__list__box__limit { width: 20%; } @media (max-width: 1200px) { .board--smaller .board__list__box__limit { width: 25%; } } @media (max-width: 992px) { .board--smaller .board__list__box__limit { width: 33.33333%; } } @media (max-width: 768px) { .board--smaller .board__list__box__limit { width: 50%; } } @media (max-width: 540px) { .board--smaller .board__list__box__limit { width: 100%; } } .board__info { text-align: center; padding-top: 1rem; padding-bottom: 1rem; } .board__info__name { font-size: 2rem; margin: 0; text-align: left; } .board__info__title { font-size: 1.6rem; min-height: 45px; height: 45px; overflow: hidden; text-align: left; margin-top: 0; } .board__info__txt { text-align: left; } .board__info__txt__content { padding-bottom: 2.5rem; } .page-img { font-size: 0; } .page-img img { width: 100%; } .page-desc { padding-top: 10rem; text-align: center; } .page-desc__block { max-width: 140rem; } .page-desc__title { text-transform: uppercase; } .page-desc__txt { margin-bottom: 0; } .map-container { height: 35rem; } .map-container .map-canvas { height: 100%; } .address { background-color: #f2f2f2; text-align: center; padding: 10rem 0 10rem; } @media (max-width: 1200px) { .address { padding-bottom: 5rem; padding-top: 6rem; } } .address h2 { font-size: 8rem; margin: 0 auto; } @media (max-width: 540px) { .address h2 { font-size: 3rem; } } .address .address-details { padding: 4rem 0 0; } .address .address-col { width: 100%; max-width: 350px; margin: 0 3rem; } @media (max-width: 768px) { .address .address-col { margin: 0; } } .address .board__list { justify-content: center; } .main-content { padding-top: calc(10rem - 1em); } @media (max-width: 768px) { .main-content { padding-top: calc(4rem - 1em); } } .content-wrap { padding: 10rem 0; } @media (max-width: 992px) { .content-wrap { padding: 8.5rem 0; } } @media (max-width: 540px) { .content-wrap { padding: 6rem 0; } } .content-wrap--secondary { background-color: #f2f2f2; } .content-wrap h2 { margin-top: 0; } .content-wrap .txt-block { margin-top: 0; } .content-wrap.lt-card--secondary { padding-top: 10rem; padding-bottom: 10rem; } .content-wrap .tns-nav { margin-top: 1rem; } .page-section { padding: 2rem 0 7rem; } .page-section--404 { padding: 7.5rem 0; text-align: center; } .page-section--404 .btn { margin-top: 7.5rem; } .page-section h1 { margin: 7rem 0 0; } .page-section h2 { margin: 7rem 0 2rem; font-size: 5rem; font-weight: bold; } .page-section p { font-size: 1.8rem; margin: 1.5em 0 3rem; } @media (max-width: 992px) { .page-section__main-title--static { font-size: 5rem; } } .wrapper-content { padding-bottom: 10rem; } .details { font-size: 1.8rem; } .details__left { padding-right: 100px; } .details__right { padding-left: 100px; text-align: right; } .details .picture-block { margin-bottom: 2rem; } .details .picture-block:after { padding-bottom: 73.05315%; } .details__applications { margin-top: 100px; text-align: center; } .details__applications .block-list { text-align: left; } .details__applications .overview-intro-text { max-width: 1200px; margin: 0 auto; font-size: 2.7rem; } .details__applications h1, .details__applications h1:first-child, .details__applications .h1, .details__applications .h1:first-child { text-align: center; } .details__certifications { display: flex; flex-flow: row wrap; padding: 0 0 2rem 0; margin: 0 0px 1rem; max-width: 100%; } .details__certifications > * { margin: 10px; } .details__certifications a:nth-child(1) { margin-left: 0px; } .details__certifications img { height: 100px; } .details__resources { display: flex; flex-flow: column nowrap; align-items: stretch; padding: 1.4rem 0; width: 32rem; margin-left: auto; font-size: 1.6rem; max-width: 100%; } .details__resources > * { margin: 0.5em 0; } .details h1 { margin: 0.5em 0; } .details h3 { text-transform: uppercase; font-size: 2.4rem; } .details p { line-height: 1.45em; margin-bottom: 1.5em; } .details p + :not(p) { margin-top: 6rem; } .details ul { margin-bottom: 2em; } .details ul br { display: none; } @media (max-width: 1200px) { .details h1 { text-align: left; } } @media (max-width: 768px) { .details { width: 100%; margin-left: auto; margin-right: auto; } .details__left { padding: 0; text-align: left; } .details__right { margin-top: 2em; padding: 0; text-align: left; } .details__certifications { flex-flow: row wrap; } .details__resources { margin-left: 0; margin-right: auto; } .details .picture-block { margin-bottom: 4rem; margin-top: 4rem; } .details .picture-block:after { padding-bottom: 73.05315%; } .details h1 { text-align: center; font-size: 10vw; } .details h3 { font-size: 2.4rem; } .details p { font-size: 2rem; } .details ul li { font-size: 1.8rem; } .details .category-title { text-align: center; } } @media (max-width: 540px) { .details h1 { font-size: 4rem; } } .content-block { padding: 80px 0; display: flex; } @media (max-width: 768px) { .content-block { padding-top: 3rem; padding-bottom: 6rem; } } .content-block .container { display: flex; justify-content: center; min-width: 1600px; } @media (max-width: 1800px) { .content-block .container { min-width: 100%; } } @media (max-width: 1200px) { .content-block .container { padding-left: 80px; padding-right: 80px; } } @media (max-width: 992px) { .content-block .container { flex-direction: column; padding-left: 2.5rem; padding-right: 2.5rem; width: 100%; } } .content-block .container img:not(.cover) { width: 100%; } .content-block .container .picture-block { display: flex; flex-direction: column; justify-content: center; width: calc(50% - 27.5px); } @media (max-width: 768px) { .content-block .container .picture-block { width: 100%; } .content-block .container .picture-block:after { padding-bottom: 80.53333%; } } .content-block.first { padding-top: 0; } .content-block:nth-child(n).even { background: #ffffff; } .content-block:nth-child(n).even .container { flex-direction: row; } @media (max-width: 992px) { .content-block:nth-child(n).even .container { flex-direction: column; } } .content-block:nth-child(n).even .content-block__info { padding: 0 0 0 55px; } @media (max-width: 992px) { .content-block:nth-child(n).even .content-block__info { padding: 0; } } .content-block:nth-child(odd), .content-block:nth-child(n).odd { background: #f2f2f2; } .content-block:nth-child(odd) .container, .content-block:nth-child(n).odd .container { flex-direction: row-reverse; } @media (max-width: 992px) { .content-block:nth-child(odd) .container, .content-block:nth-child(n).odd .container { flex-direction: column; } } .content-block:nth-child(odd) .content-block__info, .content-block:nth-child(n).odd .content-block__info { padding: 0rem 55px 0 0; } @media (max-width: 992px) { .content-block:nth-child(odd) .content-block__info, .content-block:nth-child(n).odd .content-block__info { padding: 0; } } .content-block__info { width: calc(50% + 27.5px); padding: 0 0 0 55px; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 992px) { .content-block__info { width: 100%; padding: 0; } } .content-block__info__title { font-size: 5rem; margin-top: 0; } @media (max-width: 992px) { .content-block__info__title { font-size: 4rem; margin-top: 5rem; } } @media (max-width: 540px) { .content-block__info__title { font-size: 3rem; } } .content-block__info__subtitle { text-transform: uppercase; } .content-block__info__description a { color: #000000; text-decoration: underline; } @media (max-width: 540px) { .content-block__info__description { margin: 0; } } .txt-block { text-align: center; margin: 5rem 0; } @media (max-width: 992px) { .txt-block { margin: 0 0 5rem; } } @media (max-width: 540px) { .txt-block { margin: 0; } } .txt-block__title { margin-bottom: 2.5rem; font-weight: 600; } .tns-nav { text-align: center; } .tns-nav button { margin: 0 2px; border: 0; height: 0.5rem; width: 2rem; background-color: #d9d9d9; } .tns-nav button.tns-nav-active { background-color: #818181; } .slider .tns-item img { width: 100%; } .link-list { margin-top: 10rem; margin-bottom: 0; } @media (max-width: 992px) { .link-list { margin-top: 3rem; margin-bottom: 5rem; } } .link-list__link { display: flex; align-items: center; text-decoration: none; padding: 33px 60px 33px 0; color: #000000; font-weight: bold; font-size: 2rem; line-height: 2rem; border-bottom: 1px solid #000000; margin-top: -1px; position: relative; border-top: 1px solid #000000; } .link-list__link:first-child { border-top: 1px solid #000000; } .link-list__link > * { vertical-align: middle; } .link-list__link h3 { font-size: 2.7rem; line-height: 1.1em; display: inline-flex; align-items: center; justify-content: space-between; margin-right: 0.35em; } .link-list__link h3:after { content: " - "; padding-left: 1rem; } .link-list__link:after { content: ""; background: url("data:image/svg+xml,%3Csvg width='21' height='32' viewBox='0 0 21 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 30L18 16L2 2' stroke='%23000000' stroke-width='3.5'/%3E%3C/svg%3E") center no-repeat; background-size: 50% auto; width: 50px; height: 50px; display: inline-block; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .link-list__link:hover { color: #818181; text-decoration: none; border-bottom: 1px solid #818181; } .link-list__link:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='21' height='32' viewBox='0 0 21 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 30L18 16L2 2' stroke='%23818181' stroke-width='3.5'/%3E%3C/svg%3E"); } @media (max-width: 768px) { .link-list__link { display: block; } .link-list__link h3 { display: block; } .link-list__link h3:after { content: none; } } #news-gallery { margin-bottom: 30px; } .news-article { font-size: 1.8rem; } .news-article .news-date { font-size: 2.4rem; color: #818181; margin-bottom: 1em; text-align: center; } .news-article p { line-height: 1.5em; margin-bottom: 1em; } .news-article h1 { font-size: 5.7rem; line-height: 1em; margin-bottom: 1.4em; text-transform: uppercase; text-align: center; } @media (max-width: 768px) { .news-article h1 { font-size: 3.4rem; } } .news-article h2, .news-article h3 { text-transform: uppercase; font-size: 2.7rem; margin-bottom: 1em; line-height: 1em; } .news-article h4 { font-size: inherit; font-weight: bold; margin-bottom: 0; line-height: 1.5em; } .news-article h4 + p { margin-top: 0; } .news-article .picture-block { margin: 0 0 65px 85px; width: 650px; float: right; } .news-article .picture-block:after { padding-bottom: 66.15385%; } @media (max-width: 1440px) { .news-article .picture-block { width: 540px; margin: 0 0 45px 65px; } } @media (max-width: 1200px) { .news-article .picture-block { width: 480px; margin: 0 0 34px 54px; } } @media (max-width: 992px) { .news-article .picture-block { max-width: 650px; width: 100%; float: none; margin: 0 auto 34px; } } .reference-block { background: #000000; color: #ffffff; padding-top: 11rem; padding-bottom: 11rem; } @media (max-width: 540px) { .reference-block { padding-top: 3rem; padding-bottom: 3rem; } } .reference-block h2, .reference-block h3 { font-size: 5.7rem; } @media (max-width: 540px) { .reference-block h2, .reference-block h3 { font-size: 3rem; } } .reference-block ul { list-style: none; padding: 0; font-size: 2.5rem; margin-bottom: 0; } .reference-block ul li { padding: 0.3em 0; } .reference-block ul li a { color: #ffffff; text-decoration: none; } .reference-block ul li:before { content: "> "; } .career-text__title { width: 100%; font-size: 6rem; margin-bottom: 0; margin-left: -0.4rem; margin-top: 0; } @media (max-width: 768px) { .career-text__title { font-size: 3.4rem; } } .career-text__subtitle { font-size: 16px; line-height: 1.2em; margin: 10px 30px 20px 0; color: #b9b9b9 !important; max-width: 100%; } .career-text__left { width: 50%; } @media (max-width: 768px) { .career-text__left { width: 100%; } } .career-text__right { width: 50%; } @media (max-width: 768px) { .career-text__right { width: 100%; } } .career-text__center { width: 100%; text-align: center; padding: 0 30rem !important; } @media (max-width: 1200px) { .career-text__center { padding: 0 !important; } } .career-text .block { padding: 0 8rem 5rem 0; } @media (max-width: 768px) { .career-text .block { padding: 0; text-align: center; padding-bottom: 2.5rem; } } .career-text .block h3 { font-size: 3rem; margin-top: 0; } .career-text .block ul { padding: 0 0 0 0.3rem; list-style-position: outside; } @media (max-width: 768px) { .career-text .block ul { list-style-type: none; } } .career-text .block ul li { margin: 0 0 1rem; } .career-text--right { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .section_title.txt-center { text-align: center; } .map__title { list-style: none; padding: 0; } .map__title li:hover { opacity: 0.5; text-decoration: underline; } .map__title a { font-size: 5rem; text-decoration: none; color: #000000; } .map__block__list ul { list-style: none; } .map__block__list ul a { color: #000; text-decoration: none; } .map__block__list ul a:hover { text-decoration: underline; } .b-dropdown-wrapper { margin: 2.5rem 0; } .b-dropdown { position: relative; width: 100%; background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8cGF0aCBkPSJtMi4wNzYyIDEuMTUwNGMtMC41NTIyOSAwLTEgMC40NDc3Mi0xIDEgMS40M2UtNCAwLjIyOTg1IDAuMDc5NDYyIDAuNDUyNjQgMC4yMjQ2MSAwLjYzMDg2bC0wLjAwNTg1OTMgMC4wMDU4NTk0IDAuMDg1OTM4IDAuMDgyMDMxIDcuODEyNSA3LjU5MThjMC4wMzY1OTIgMC4wMzQyNDYgMC4wNzE4NTEgMC4wNTExOCAwLjEwNzQyIDAuMDgyMDMxIDAuMDUxMjE3IDAuMDU1NDA3IDAuMTEzMjggMC4wOTU5NzggMC4xNzU3OCAwLjEzODY3IDAuMDQzOCAwLjAyOTk1MSAwLjA4OTU1OSAwLjA2NzAyMyAwLjEzNDc3IDAuMDg5ODQzIDAuMDIxNDI4IDAuMDA5OTg0IDAuMDQyMjMzIDAuMDE4ODY3IDAuMDY0NDUzIDAuMDI3MzQ0IDAuMDk5NzAxIDAuMDQxMzk4IDAuMjAzNTMgMC4wNzAxNDYgMC4zMjIyNyAwLjA3MDMxMyAwLjAwNTYwMzEgMCAwLjAxMDA0NC0wLjAwMzgxNSAwLjAxNTYyNS0wLjAwMzkwNyAwLjAwNTU4MSA5LjJlLTUgMC4wMTAwMjIgMC4wMDM5MDcgMC4wMTU2MjUgMC4wMDM5MDcgMC4xMTg3My0xLjY3ZS00IDAuMjIyNTYtMC4wMjg5MTUgMC4zMjIyNi0wLjA3MDMxMyAwLjAyMjIyMS0wLjAwODQ3NyAwLjA0MzAyNi0wLjAxNzM2IDAuMDY0NDU0LTAuMDI3MzQ0IDAuMDQ1MjA3LTAuMDIyODIgMC4wOTA5NjYtMC4wNTk4OTIgMC4xMzQ3Ni0wLjA4OTg0MyAwLjA2MjUtMC4wNDI2OTQgMC4xMjQ1Ni0wLjA4MzI2NSAwLjE3NTc4LTAuMTM4NjcgMC4wMzU1NzItMC4wMzA4NTEgMC4wNzA4My0wLjA0Nzc4NSAwLjEwNzQyLTAuMDgyMDMxbDcuODEyNS03LjU5MTggMC4wODU5MzgtMC4wODIwMzEtMC4wMDU4Ni0wLjAwNTg1OTRjMC4xNDUxNS0wLjE3ODIyIDAuMjI0NDctMC40MDEwMSAwLjIyNDYxLTAuNjMwODYgMC0wLjU1MjI4LTAuNDQ3NzItMS0xLTEtMC4yMjEyOSAxLjAzNmUtNCAtMC40MzYyOSAwLjA3MzYwMy0wLjYxMTMzIDAuMjA4OThsLTAuMDAzOTA2LTAuMDAzOTA2Mi0wLjA2MDU0NyAwLjA1ODU5NGMtMC4wMTI2OSAwLjAxMjA0My0wLjAyNTA3IDAuMDI0NDE3LTAuMDM3MTEgMC4wMzcxMDlsLTcuMjI0NiA3LjAzNzEtNy4yMjQ2LTcuMDM3MWMtMC4wMTIwNC0wLjAxMjY5Mi0wLjAyNDQxOS0wLjAyNTA2Ni0wLjAzNzEwOS0wLjAzNzEwOWwtMC4wNjA1NDctMC4wNTg1OTQtMC4wMDM5MDYyIDAuMDAzOTA2MmMtMC4xNzUwNC0wLjEzNTM4LTAuMzkwMDQtMC4yMDg4OC0wLjYxMTMzLTAuMjA4OTh6IiBmaWxsPSIjMzMzIi8+DQo8L3N2Zz4NCg==) no-repeat top 14px right; background-size: 20px auto; padding: 1px 5px 1px 0; border: 0; border-radius: 0; border-bottom: 1px solid #000000; color: #000000; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.8rem; cursor: pointer; margin-left: 5px; } @media (max-width: 992px) { .b-dropdown { margin-left: 0px; } } .b-dropdown-list { padding-left: 0; padding-right: 0; display: flex; flex-flow: row wrap; margin: 15px 0; } .b-dropdown-list > * { padding-left: 0; padding-right: 0; margin: 0 3px 6px; } @media (sm-width: null) { .b-dropdown-list > * { margin-left: 0; margin-right: 0; } } @media (lg-width: null) { .b-dropdown { width: 80%; } } .breadcrumbs { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #000; background: #ffffff; border-top: 1px solid #ebebeb; padding-top: 18px; border-bottom: 1px solid #ebebeb; padding-bottom: 18px; } .breadcrumbs ul { display: flex; justify-content: flex-start; } .breadcrumbs ul li { padding: 0; } .breadcrumbs ul li:first-child a { padding-left: 0; } .breadcrumbs ul li a { color: #818181; text-decoration: none; } .breadcrumbs ul li a:hover { color: #00c0de; } .breadcrumbs ul li a, .breadcrumbs ul li span { padding: 0.6em; } .breadcrumbs ul li:not(:last-child):after { content: ""; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAeElEQVQImVXPLQpCURCA0eNfs1sebuB2g1jdgTeZH5jdjlERRJvNKii4DLFotllkwAvPLw2cmTCtnPMOGxw16qSU7ljHjEuxNm4YY44VegWiuJpggBOqAtEbsx/um9DHAS/kAkOc8cQUj4ARrtiixic2u1hi8fcHvsIPFXGP+4lwAAAAAElFTkSuQmCC) no-repeat 2px; background-size: contain; width: 10px; height: 8px; margin-top: -2px; vertical-align: middle; } @media (max-width: 768px) { .breadcrumbs { display: none; } } .testimonial { display: flex; flex-direction: column; justify-content: center; align-self: center; background-color: #f2f2f2; text-align: center; padding: 7.5rem 0; } .testimonial__content__logo { max-width: 20rem; } .testimonial__content__name { text-transform: uppercase; margin-top: 4rem; margin-bottom: 1rem; } .testimonial__content__title { margin: 0; margin-bottom: 0.5rem; } .testimonial__content__quote { margin-top: 4rem; font-style: italic; display: block; max-width: 1200px; } .gdpr-popup { position: fixed; display: none; top: -54px; bottom: auto; left: 0; right: 0; width: 100%; height: 54px; padding: 0 30px; flex-flow: nowrap; justify-content: center; align-items: center; cursor: pointer; opacity: 1; z-index: 99999; background-color: #333333; border-color: #333333; transition: top 225ms ease-in; } .gdpr-popup.visible { top: 0; display: flex; transition: top 225ms ease-in; } .gdpr-popup .gdpr-popup-text { display: block; } .gdpr-popup .gdpr-popup-text p { display: block; margin: 0 auto; padding-top: 14px; padding-bottom: 12px; font-size: 12px; font-weight: 400; line-height: 1.2em; color: #ffffff; } .gdpr-popup .gdpr-popup-text a, .gdpr-popup .gdpr-popup-text .gdpr-close { text-decoration: underline; } .gdpr-popup .gdpr-popup-text a:hover, .gdpr-popup .gdpr-popup-text .gdpr-close:hover { text-decoration: none; } .gdpr-popup .gdpr-popup-text a { margin: 0 5px 0 10px; } .gdpr-popup .gdpr-close { margin: 0 0 0 5px; } body.has-popup .gdpr-popup[data-gdpr-top] { top: 0px; } body.has-popup header { margin-top: 54px; } body.has-popup header.menu-pos { top: -54px; transition-delay: 225ms; transition: all 225ms ease-in; } body.has-popup header.sticky { margin-top: 0; } body.has-popup header.sticky + * { margin-top: 54px; } body.has-popup .section_title.for-project-top { padding-top: 90px; } body.has-popup .section_title.for-project-top.nav-pad { padding-top: 14px; transition-delay: 225ms; transition: all 225ms ease-in; } @media (max-width: 992px) { .gdpr-popup[data-gdpr-top] { height: 90px; flex-flow: column; justify-content: center; padding: 15px; } body.has-popup header { top: 0; margin-top: 90px; } body.has-popup header.menu-pos { top: -90px; } body.has-popup .section_title.for-project-top.nav-pad { padding-top: 45px; } body.has-popup .section_title.after-nav-section { padding-top: 150px; } body.has-popup .project-slider.home-slider .bg_img_vid { height: auto; transition: none; } body.has-popup.mm-wrapper_opened .gdpr-popup { transition: none; } } @-webkit-keyframes psychedelia { 0% { text-shadow: 0px 0px transparent, -20px -20px purple; } 25% { text-shadow: -20px -20px #00ff00, 0px 0px transparent; } 50% { text-shadow: 20px 20px #ff0000, -20px -20px yellow; } 75% { text-shadow: 20px -20px #0000ff, -20px -20px pink; } 100% { text-shadow: -20px -20px yellow,0px 0px transparent; } } @keyframes psychedelia { 0% { text-shadow: 0px 0px transparent, -20px -20px purple; } 25% { text-shadow: -20px -20px #00ff00, 0px 0px transparent; } 50% { text-shadow: 20px 20px #ff0000, -20px -20px yellow; } 75% { text-shadow: 20px -20px #0000ff, -20px -20px pink; } 100% { text-shadow: -20px -20px yellow,0px 0px transparent; } } @-webkit-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ee-radical { -webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite; position: relative; } .ee-radical * { -webkit-animation: psychedelia 1s linear infinite; animation: psychedelia 1s linear infinite; } .ee-radical:after { content: "OH NON!!!"; color: purple; font-size: 72px; line-height: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-animation: spin 25s linear infinite; animation: spin 25s linear infinite; -webkit-animation-direction: alternate; animation-direction: alternate; text-align: center; } .preloader, .fake-preloader { position: relative; overflow: hidden; display: block; } .preloader > *, .fake-preloader > * { opacity: 0; transition: opacity 300ms; } .preloader:after, .fake-preloader:after { content: ""; position: absolute; top: -2000px; left: -2000px; bottom: -2000px; right: -2000px; margin: auto; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; width: 56px; height: 56px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMDAwMDAwIj4NCiAgPHBhdGggZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIA0KICA8L3BhdGg+DQo8L3N2Zz4=) no-repeat center; background-size: contain; transition: opacity 300ms; opacity: 1; } .preloader.loading > *, .fake-preloader.loading > * { opacity: 0; } .preloader.loading:after, .fake-preloader.loading:after { opacity: 1; } .preloader.loaded > *, .fake-preloader.loaded > * { opacity: 1; } .preloader.loaded:after, .fake-preloader.loaded:after { opacity: 0; } .preloader.done:after, .fake-preloader.done:after { content: none; } /*# sourceMappingURL=main.css.map*/