/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}@charset "UTF-8"; @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(../fonts/Poppins-Regular.ttf) format("truetype"); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(../fonts/Poppins-SemiBold.ttf) format("truetype"); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(../fonts/Poppins-Bold.ttf) format("truetype"); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url(../fonts/Merriweather-Regular.ttf) format("truetype"); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; src: url(../fonts/Merriweather-Bold.ttf) format("truetype"); } /** * Foundation for Sites * Version 6.6.3 * https://get.foundation * Licensed under MIT Open Source */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: "Poppins", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .grid-container { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 75rem; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.fluid { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 100%; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; } .grid-x { display: flex; flex-flow: row wrap; } .cell { flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; } .cell.auto { flex: 1 1 0px; } .cell.shrink { flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto; } } .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex: 0 0 auto; } .grid-x > .small-1 { width: 8.33333%; } .grid-x > .small-2 { width: 16.66667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.33333%; } .grid-x > .small-5 { width: 41.66667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.33333%; } .grid-x > .small-8 { width: 66.66667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.33333%; } .grid-x > .small-11 { width: 91.66667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { flex: 1 1 0px; width: auto; } .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.33333%; } .grid-x > .medium-2 { width: 16.66667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.33333%; } .grid-x > .medium-5 { width: 41.66667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.33333%; } .grid-x > .medium-8 { width: 66.66667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.33333%; } .grid-x > .medium-11 { width: 91.66667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { flex: 1 1 0px; width: auto; } .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.33333%; } .grid-x > .large-2 { width: 16.66667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.33333%; } .grid-x > .large-5 { width: 41.66667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.33333%; } .grid-x > .large-8 { width: 66.66667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.33333%; } .grid-x > .large-11 { width: 91.66667%; } .grid-x > .large-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.33333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.66667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.33333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.66667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.33333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.66667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.33333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.66667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.33333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.66667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.33333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.66667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.33333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.66667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.33333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.66667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.33333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.66667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.33333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.66667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.33333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.66667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.33333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.66667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.33333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.66667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.33333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.66667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.33333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.66667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.33333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.66667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.33333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.66667%; } .small-up-7 > .cell { width: 14.28571%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.33333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.66667%; } .medium-up-7 > .cell { width: 14.28571%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.33333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.66667%; } .large-up-7 > .cell { width: 14.28571%; } .large-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.33333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.66667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.28571% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.33333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.66667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.28571% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.33333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.66667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.28571% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.33333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.66667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.28571% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.33333%; } .small-margin-collapse > .small-2 { width: 16.66667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.33333%; } .small-margin-collapse > .small-5 { width: 41.66667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.33333%; } .small-margin-collapse > .small-8 { width: 66.66667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.33333%; } .small-margin-collapse > .small-11 { width: 91.66667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.33333%; } .small-margin-collapse > .medium-2 { width: 16.66667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.33333%; } .small-margin-collapse > .medium-5 { width: 41.66667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.33333%; } .small-margin-collapse > .medium-8 { width: 66.66667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.33333%; } .small-margin-collapse > .medium-11 { width: 91.66667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.33333%; } .small-margin-collapse > .large-2 { width: 16.66667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.33333%; } .small-margin-collapse > .large-5 { width: 41.66667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.33333%; } .small-margin-collapse > .large-8 { width: 66.66667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.33333%; } .small-margin-collapse > .large-11 { width: 91.66667%; } .small-margin-collapse > .large-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.33333%; } .medium-margin-collapse > .small-2 { width: 16.66667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.33333%; } .medium-margin-collapse > .small-5 { width: 41.66667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.33333%; } .medium-margin-collapse > .small-8 { width: 66.66667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.33333%; } .medium-margin-collapse > .small-11 { width: 91.66667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.33333%; } .medium-margin-collapse > .medium-2 { width: 16.66667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.33333%; } .medium-margin-collapse > .medium-5 { width: 41.66667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.33333%; } .medium-margin-collapse > .medium-8 { width: 66.66667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.33333%; } .medium-margin-collapse > .medium-11 { width: 91.66667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.33333%; } .medium-margin-collapse > .large-2 { width: 16.66667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.33333%; } .medium-margin-collapse > .large-5 { width: 41.66667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.33333%; } .medium-margin-collapse > .large-8 { width: 66.66667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.33333%; } .medium-margin-collapse > .large-11 { width: 91.66667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.33333%; } .large-margin-collapse > .small-2 { width: 16.66667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.33333%; } .large-margin-collapse > .small-5 { width: 41.66667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.33333%; } .large-margin-collapse > .small-8 { width: 66.66667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.33333%; } .large-margin-collapse > .small-11 { width: 91.66667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.33333%; } .large-margin-collapse > .medium-2 { width: 16.66667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.33333%; } .large-margin-collapse > .medium-5 { width: 41.66667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.33333%; } .large-margin-collapse > .medium-8 { width: 66.66667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.33333%; } .large-margin-collapse > .medium-11 { width: 91.66667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.33333%; } .large-margin-collapse > .large-2 { width: 16.66667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.33333%; } .large-margin-collapse > .large-5 { width: 41.66667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.33333%; } .large-margin-collapse > .large-8 { width: 66.66667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.33333%; } .large-margin-collapse > .large-11 { width: 91.66667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 0.625rem); } .small-offset-1 { margin-left: 8.33333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.33333% + 0.625rem); } .small-offset-2 { margin-left: 16.66667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.66667% + 0.625rem); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 0.625rem); } .small-offset-4 { margin-left: 33.33333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.33333% + 0.625rem); } .small-offset-5 { margin-left: 41.66667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.66667% + 0.625rem); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 0.625rem); } .small-offset-7 { margin-left: 58.33333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.33333% + 0.625rem); } .small-offset-8 { margin-left: 66.66667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.66667% + 0.625rem); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 0.625rem); } .small-offset-10 { margin-left: 83.33333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.33333% + 0.625rem); } .small-offset-11 { margin-left: 91.66667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.66667% + 0.625rem); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 0.9375rem); } .medium-offset-1 { margin-left: 8.33333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.33333% + 0.9375rem); } .medium-offset-2 { margin-left: 16.66667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.66667% + 0.9375rem); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 0.9375rem); } .medium-offset-4 { margin-left: 33.33333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.33333% + 0.9375rem); } .medium-offset-5 { margin-left: 41.66667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.66667% + 0.9375rem); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 0.9375rem); } .medium-offset-7 { margin-left: 58.33333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.33333% + 0.9375rem); } .medium-offset-8 { margin-left: 66.66667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.66667% + 0.9375rem); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 0.9375rem); } .medium-offset-10 { margin-left: 83.33333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.33333% + 0.9375rem); } .medium-offset-11 { margin-left: 91.66667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.66667% + 0.9375rem); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 0.9375rem); } .large-offset-1 { margin-left: 8.33333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.33333% + 0.9375rem); } .large-offset-2 { margin-left: 16.66667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.66667% + 0.9375rem); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 0.9375rem); } .large-offset-4 { margin-left: 33.33333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.33333% + 0.9375rem); } .large-offset-5 { margin-left: 41.66667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.66667% + 0.9375rem); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 0.9375rem); } .large-offset-7 { margin-left: 58.33333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.33333% + 0.9375rem); } .large-offset-8 { margin-left: 66.66667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.66667% + 0.9375rem); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 0.9375rem); } .large-offset-10 { margin-left: 83.33333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.33333% + 0.9375rem); } .large-offset-11 { margin-left: 91.66667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.66667% + 0.9375rem); } } .grid-y { display: flex; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex-basis: auto; } } .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex: 0 0 auto; } .grid-y > .small-1 { height: 8.33333%; } .grid-y > .small-2 { height: 16.66667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.33333%; } .grid-y > .small-5 { height: 41.66667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.33333%; } .grid-y > .small-8 { height: 66.66667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.33333%; } .grid-y > .small-11 { height: 91.66667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { flex: 1 1 0px; height: auto; } .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.33333%; } .grid-y > .medium-2 { height: 16.66667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.33333%; } .grid-y > .medium-5 { height: 41.66667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.33333%; } .grid-y > .medium-8 { height: 66.66667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.33333%; } .grid-y > .medium-11 { height: 91.66667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { flex: 1 1 0px; height: auto; } .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.33333%; } .grid-y > .large-2 { height: 16.66667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.33333%; } .grid-y > .large-5 { height: 41.66667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.33333%; } .grid-y > .large-8 { height: 66.66667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.33333%; } .grid-y > .large-11 { height: 91.66667%; } .grid-y > .large-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.33333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.66667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.33333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.66667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.33333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.66667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.33333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.66667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.33333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.66667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.33333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.66667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.33333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.66667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.33333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.66667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Poppins", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #1468a0; } a img { border: 0; } hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } .content-wrapper { width: 100%; max-width: 90rem; margin: 0 auto; } section { display: block; } p { letter-spacing: 1.11px; line-height: 1.7; font-size: calc(0.35714vw + 14.85714px); } @media screen and (min-width: 1441px) { p { font-size: 1.25rem; } } a { text-decoration: underline; color: inherit; opacity: 1; transition: opacity 300ms, color 300ms; } a:hover { opacity: 0.77; color: inherit; } a[href^="javascript"] { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ul, ol { margin: 0; } li { list-style: none; } @media print, screen and (max-width: 39.99875em) { .texts p, .texts a, .texts strong, .texts li, .texts span, .texts h1, .texts h2 { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } } .colorval-1 { color: #07139d; } .colorval-2 { color: #00f06f; } .colorval-3 { color: #ff0059; } .colorval-4 { color: #fefefe; } .colorval-5 { color: #0a0a0a; } .spaceAfter.space-1, .spaceBefore.space-1 { width: 100%; height: 1.6875rem; } .spaceAfter.space-2, .spaceBefore.space-2 { width: 100%; height: 2.9375rem; } .spaceAfter.space-3, .spaceBefore.space-3 { width: 100%; height: 5.9375rem; } figure, figcaption, article { display: block; } button { display: block; cursor: pointer; } button:focus { outline: none; } h1 { font-weight: bold; line-height: 1.18; letter-spacing: 2px; } @media print, screen and (min-width: 64em) { h1 { font-size: calc(3.60577vw + 20.07692px); } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { h1 { font-size: calc(5.98958vw - 4.33333px); } } @media screen and (min-width: 1441px) { h1 { font-size: 72px; } } body.main-colorval-1 #main-wrapper, body #branding .main-colorval-1 #main-wrapper, body #main-wrapper .main-colorval-1 #main-wrapper { border-color: #07139d; } body.main-colorval-1 .bg-colored-main, body #branding .main-colorval-1 .bg-colored-main, body #main-wrapper .main-colorval-1 .bg-colored-main { background-color: #07139d; } body.main-colorval-1 .text-colored-main, body #branding .main-colorval-1 .text-colored-main, body #main-wrapper .main-colorval-1 .text-colored-main { color: #07139d; } body.main-colorval-1 .border-colored-main, body #branding .main-colorval-1 .border-colored-main, body #main-wrapper .main-colorval-1 .border-colored-main { border-color: #07139d; } body.main-colorval-1 .fill-colored-main, body #branding .main-colorval-1 .fill-colored-main, body #main-wrapper .main-colorval-1 .fill-colored-main { fill: #07139d; } body.second-colorval-1 .text-colored-second, body #branding .second-colorval-1 .text-colored-second, body #main-wrapper .second-colorval-1 .text-colored-second { color: #07139d; } body.second-colorval-1 .border-colored-second, body #branding .second-colorval-1 .border-colored-second, body #main-wrapper .second-colorval-1 .border-colored-second { border-color: #07139d; } body.second-colorval-1 .fill-colored-second, body #branding .second-colorval-1 .fill-colored-second, body #main-wrapper .second-colorval-1 .fill-colored-second { fill: #07139d; } body.second-colorval-1.fourth-colorval-none .text-colored-fourth, body #branding .second-colorval-1.fourth-colorval-none .text-colored-fourth, body #main-wrapper .second-colorval-1.fourth-colorval-none .text-colored-fourth { color: #07139d; } body.second-colorval-1.fourth-colorval-none .border-colored-fourth, body #branding .second-colorval-1.fourth-colorval-none .border-colored-fourth, body #main-wrapper .second-colorval-1.fourth-colorval-none .border-colored-fourth { border-color: #07139d; } body.third-colorval-1 .text-colored-third, body #branding .third-colorval-1 .text-colored-third, body #main-wrapper .third-colorval-1 .text-colored-third { color: #07139d; } body.third-colorval-1 .border-colored-third, body #branding .third-colorval-1 .border-colored-third, body #main-wrapper .third-colorval-1 .border-colored-third { border-color: #07139d; } body.third-colorval-1 .fill-colored-third, body #branding .third-colorval-1 .fill-colored-third, body #main-wrapper .third-colorval-1 .fill-colored-third { fill: #07139d; } body.fourth-colorval-1 .text-colored-fourth, body #branding .fourth-colorval-1 .text-colored-fourth, body #main-wrapper .fourth-colorval-1 .text-colored-fourth { color: #07139d; } body.fourth-colorval-1 .border-colored-fourth, body #branding .fourth-colorval-1 .border-colored-fourth, body #main-wrapper .fourth-colorval-1 .border-colored-fourth { border-color: #07139d; } body.fourth-colorval-1 .hover-color-childs .hover-text-colored-fourth, body.fourth-colorval-1 .hover-color-childs .hover-border-colored-fourth, body #branding .fourth-colorval-1 .hover-color-childs .hover-text-colored-fourth, body #branding .fourth-colorval-1 .hover-color-childs .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-1 .hover-color-childs .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-1 .hover-color-childs .hover-border-colored-fourth { transition: color 300ms, border-color 300ms; } body.fourth-colorval-1 .hover-color-childs:hover, body #branding .fourth-colorval-1 .hover-color-childs:hover, body #main-wrapper .fourth-colorval-1 .hover-color-childs:hover { color: #07139d; } body.fourth-colorval-1 .hover-color-childs:hover .hover-text-colored-fourth, body #branding .fourth-colorval-1 .hover-color-childs:hover .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-1 .hover-color-childs:hover .hover-text-colored-fourth { color: #07139d; } body.fourth-colorval-1 .hover-color-childs:hover .hover-border-colored-fourth, body #branding .fourth-colorval-1 .hover-color-childs:hover .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-1 .hover-color-childs:hover .hover-border-colored-fourth { border-color: #07139d; } body.fourth-colorval-1 .texts ul li:before, body #branding .fourth-colorval-1 .texts ul li:before, body #main-wrapper .fourth-colorval-1 .texts ul li:before { content: ''; display: inline-block; height: 7px; width: 7px; border-radius: 50%; background-color: #07139d; margin-right: 0.4375rem; } body.fourth-colorval-1 .texts ol, body #branding .fourth-colorval-1 .texts ol, body #main-wrapper .fourth-colorval-1 .texts ol { counter-reset: count; } body.fourth-colorval-1 .texts ol li, body #branding .fourth-colorval-1 .texts ol li, body #main-wrapper .fourth-colorval-1 .texts ol li { counter-increment: count; } body.fourth-colorval-1 .texts ol li:before, body #branding .fourth-colorval-1 .texts ol li:before, body #main-wrapper .fourth-colorval-1 .texts ol li:before { content: counter(count); padding-right: 0.4375rem; font-weight: bold; color: #07139d; } body .hover-color-childs-colorval-1 .hover-text-colored { transition: color 300ms; } body .hover-color-childs-colorval-1:hover { color: #07139d; } body .hover-color-childs-colorval-1:hover .hover-text-colored { color: #07139d !important; } body .override-childs-color-1 .overrided-text-color { color: #07139d; } body.main-colorval-2 #main-wrapper, body #branding .main-colorval-2 #main-wrapper, body #main-wrapper .main-colorval-2 #main-wrapper { border-color: #00f06f; } body.main-colorval-2 .bg-colored-main, body #branding .main-colorval-2 .bg-colored-main, body #main-wrapper .main-colorval-2 .bg-colored-main { background-color: #00f06f; } body.main-colorval-2 .text-colored-main, body #branding .main-colorval-2 .text-colored-main, body #main-wrapper .main-colorval-2 .text-colored-main { color: #00f06f; } body.main-colorval-2 .border-colored-main, body #branding .main-colorval-2 .border-colored-main, body #main-wrapper .main-colorval-2 .border-colored-main { border-color: #00f06f; } body.main-colorval-2 .fill-colored-main, body #branding .main-colorval-2 .fill-colored-main, body #main-wrapper .main-colorval-2 .fill-colored-main { fill: #00f06f; } body.second-colorval-2 .text-colored-second, body #branding .second-colorval-2 .text-colored-second, body #main-wrapper .second-colorval-2 .text-colored-second { color: #00f06f; } body.second-colorval-2 .border-colored-second, body #branding .second-colorval-2 .border-colored-second, body #main-wrapper .second-colorval-2 .border-colored-second { border-color: #00f06f; } body.second-colorval-2 .fill-colored-second, body #branding .second-colorval-2 .fill-colored-second, body #main-wrapper .second-colorval-2 .fill-colored-second { fill: #00f06f; } body.second-colorval-2.fourth-colorval-none .text-colored-fourth, body #branding .second-colorval-2.fourth-colorval-none .text-colored-fourth, body #main-wrapper .second-colorval-2.fourth-colorval-none .text-colored-fourth { color: #00f06f; } body.second-colorval-2.fourth-colorval-none .border-colored-fourth, body #branding .second-colorval-2.fourth-colorval-none .border-colored-fourth, body #main-wrapper .second-colorval-2.fourth-colorval-none .border-colored-fourth { border-color: #00f06f; } body.third-colorval-2 .text-colored-third, body #branding .third-colorval-2 .text-colored-third, body #main-wrapper .third-colorval-2 .text-colored-third { color: #00f06f; } body.third-colorval-2 .border-colored-third, body #branding .third-colorval-2 .border-colored-third, body #main-wrapper .third-colorval-2 .border-colored-third { border-color: #00f06f; } body.third-colorval-2 .fill-colored-third, body #branding .third-colorval-2 .fill-colored-third, body #main-wrapper .third-colorval-2 .fill-colored-third { fill: #00f06f; } body.fourth-colorval-2 .text-colored-fourth, body #branding .fourth-colorval-2 .text-colored-fourth, body #main-wrapper .fourth-colorval-2 .text-colored-fourth { color: #00f06f; } body.fourth-colorval-2 .border-colored-fourth, body #branding .fourth-colorval-2 .border-colored-fourth, body #main-wrapper .fourth-colorval-2 .border-colored-fourth { border-color: #00f06f; } body.fourth-colorval-2 .hover-color-childs .hover-text-colored-fourth, body.fourth-colorval-2 .hover-color-childs .hover-border-colored-fourth, body #branding .fourth-colorval-2 .hover-color-childs .hover-text-colored-fourth, body #branding .fourth-colorval-2 .hover-color-childs .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-2 .hover-color-childs .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-2 .hover-color-childs .hover-border-colored-fourth { transition: color 300ms, border-color 300ms; } body.fourth-colorval-2 .hover-color-childs:hover, body #branding .fourth-colorval-2 .hover-color-childs:hover, body #main-wrapper .fourth-colorval-2 .hover-color-childs:hover { color: #00f06f; } body.fourth-colorval-2 .hover-color-childs:hover .hover-text-colored-fourth, body #branding .fourth-colorval-2 .hover-color-childs:hover .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-2 .hover-color-childs:hover .hover-text-colored-fourth { color: #00f06f; } body.fourth-colorval-2 .hover-color-childs:hover .hover-border-colored-fourth, body #branding .fourth-colorval-2 .hover-color-childs:hover .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-2 .hover-color-childs:hover .hover-border-colored-fourth { border-color: #00f06f; } body.fourth-colorval-2 .texts ul li:before, body #branding .fourth-colorval-2 .texts ul li:before, body #main-wrapper .fourth-colorval-2 .texts ul li:before { content: ''; display: inline-block; height: 7px; width: 7px; border-radius: 50%; background-color: #00f06f; margin-right: 0.4375rem; } body.fourth-colorval-2 .texts ol, body #branding .fourth-colorval-2 .texts ol, body #main-wrapper .fourth-colorval-2 .texts ol { counter-reset: count; } body.fourth-colorval-2 .texts ol li, body #branding .fourth-colorval-2 .texts ol li, body #main-wrapper .fourth-colorval-2 .texts ol li { counter-increment: count; } body.fourth-colorval-2 .texts ol li:before, body #branding .fourth-colorval-2 .texts ol li:before, body #main-wrapper .fourth-colorval-2 .texts ol li:before { content: counter(count); padding-right: 0.4375rem; font-weight: bold; color: #00f06f; } body .hover-color-childs-colorval-2 .hover-text-colored { transition: color 300ms; } body .hover-color-childs-colorval-2:hover { color: #00f06f; } body .hover-color-childs-colorval-2:hover .hover-text-colored { color: #00f06f !important; } body .override-childs-color-2 .overrided-text-color { color: #00f06f; } body.main-colorval-3 #main-wrapper, body #branding .main-colorval-3 #main-wrapper, body #main-wrapper .main-colorval-3 #main-wrapper { border-color: #ff0059; } body.main-colorval-3 .bg-colored-main, body #branding .main-colorval-3 .bg-colored-main, body #main-wrapper .main-colorval-3 .bg-colored-main { background-color: #ff0059; } body.main-colorval-3 .text-colored-main, body #branding .main-colorval-3 .text-colored-main, body #main-wrapper .main-colorval-3 .text-colored-main { color: #ff0059; } body.main-colorval-3 .border-colored-main, body #branding .main-colorval-3 .border-colored-main, body #main-wrapper .main-colorval-3 .border-colored-main { border-color: #ff0059; } body.main-colorval-3 .fill-colored-main, body #branding .main-colorval-3 .fill-colored-main, body #main-wrapper .main-colorval-3 .fill-colored-main { fill: #ff0059; } body.second-colorval-3 .text-colored-second, body #branding .second-colorval-3 .text-colored-second, body #main-wrapper .second-colorval-3 .text-colored-second { color: #ff0059; } body.second-colorval-3 .border-colored-second, body #branding .second-colorval-3 .border-colored-second, body #main-wrapper .second-colorval-3 .border-colored-second { border-color: #ff0059; } body.second-colorval-3 .fill-colored-second, body #branding .second-colorval-3 .fill-colored-second, body #main-wrapper .second-colorval-3 .fill-colored-second { fill: #ff0059; } body.second-colorval-3.fourth-colorval-none .text-colored-fourth, body #branding .second-colorval-3.fourth-colorval-none .text-colored-fourth, body #main-wrapper .second-colorval-3.fourth-colorval-none .text-colored-fourth { color: #ff0059; } body.second-colorval-3.fourth-colorval-none .border-colored-fourth, body #branding .second-colorval-3.fourth-colorval-none .border-colored-fourth, body #main-wrapper .second-colorval-3.fourth-colorval-none .border-colored-fourth { border-color: #ff0059; } body.third-colorval-3 .text-colored-third, body #branding .third-colorval-3 .text-colored-third, body #main-wrapper .third-colorval-3 .text-colored-third { color: #ff0059; } body.third-colorval-3 .border-colored-third, body #branding .third-colorval-3 .border-colored-third, body #main-wrapper .third-colorval-3 .border-colored-third { border-color: #ff0059; } body.third-colorval-3 .fill-colored-third, body #branding .third-colorval-3 .fill-colored-third, body #main-wrapper .third-colorval-3 .fill-colored-third { fill: #ff0059; } body.fourth-colorval-3 .text-colored-fourth, body #branding .fourth-colorval-3 .text-colored-fourth, body #main-wrapper .fourth-colorval-3 .text-colored-fourth { color: #ff0059; } body.fourth-colorval-3 .border-colored-fourth, body #branding .fourth-colorval-3 .border-colored-fourth, body #main-wrapper .fourth-colorval-3 .border-colored-fourth { border-color: #ff0059; } body.fourth-colorval-3 .hover-color-childs .hover-text-colored-fourth, body.fourth-colorval-3 .hover-color-childs .hover-border-colored-fourth, body #branding .fourth-colorval-3 .hover-color-childs .hover-text-colored-fourth, body #branding .fourth-colorval-3 .hover-color-childs .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-3 .hover-color-childs .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-3 .hover-color-childs .hover-border-colored-fourth { transition: color 300ms, border-color 300ms; } body.fourth-colorval-3 .hover-color-childs:hover, body #branding .fourth-colorval-3 .hover-color-childs:hover, body #main-wrapper .fourth-colorval-3 .hover-color-childs:hover { color: #ff0059; } body.fourth-colorval-3 .hover-color-childs:hover .hover-text-colored-fourth, body #branding .fourth-colorval-3 .hover-color-childs:hover .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-3 .hover-color-childs:hover .hover-text-colored-fourth { color: #ff0059; } body.fourth-colorval-3 .hover-color-childs:hover .hover-border-colored-fourth, body #branding .fourth-colorval-3 .hover-color-childs:hover .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-3 .hover-color-childs:hover .hover-border-colored-fourth { border-color: #ff0059; } body.fourth-colorval-3 .texts ul li:before, body #branding .fourth-colorval-3 .texts ul li:before, body #main-wrapper .fourth-colorval-3 .texts ul li:before { content: ''; display: inline-block; height: 7px; width: 7px; border-radius: 50%; background-color: #ff0059; margin-right: 0.4375rem; } body.fourth-colorval-3 .texts ol, body #branding .fourth-colorval-3 .texts ol, body #main-wrapper .fourth-colorval-3 .texts ol { counter-reset: count; } body.fourth-colorval-3 .texts ol li, body #branding .fourth-colorval-3 .texts ol li, body #main-wrapper .fourth-colorval-3 .texts ol li { counter-increment: count; } body.fourth-colorval-3 .texts ol li:before, body #branding .fourth-colorval-3 .texts ol li:before, body #main-wrapper .fourth-colorval-3 .texts ol li:before { content: counter(count); padding-right: 0.4375rem; font-weight: bold; color: #ff0059; } body .hover-color-childs-colorval-3 .hover-text-colored { transition: color 300ms; } body .hover-color-childs-colorval-3:hover { color: #ff0059; } body .hover-color-childs-colorval-3:hover .hover-text-colored { color: #ff0059 !important; } body .override-childs-color-3 .overrided-text-color { color: #ff0059; } body.main-colorval-4 #main-wrapper, body #branding .main-colorval-4 #main-wrapper, body #main-wrapper .main-colorval-4 #main-wrapper { border-color: #fefefe; } body.main-colorval-4 .bg-colored-main, body #branding .main-colorval-4 .bg-colored-main, body #main-wrapper .main-colorval-4 .bg-colored-main { background-color: #fefefe; } body.main-colorval-4 .text-colored-main, body #branding .main-colorval-4 .text-colored-main, body #main-wrapper .main-colorval-4 .text-colored-main { color: #fefefe; } body.main-colorval-4 .border-colored-main, body #branding .main-colorval-4 .border-colored-main, body #main-wrapper .main-colorval-4 .border-colored-main { border-color: #fefefe; } body.main-colorval-4 .fill-colored-main, body #branding .main-colorval-4 .fill-colored-main, body #main-wrapper .main-colorval-4 .fill-colored-main { fill: #fefefe; } body.second-colorval-4 .text-colored-second, body #branding .second-colorval-4 .text-colored-second, body #main-wrapper .second-colorval-4 .text-colored-second { color: #fefefe; } body.second-colorval-4 .border-colored-second, body #branding .second-colorval-4 .border-colored-second, body #main-wrapper .second-colorval-4 .border-colored-second { border-color: #fefefe; } body.second-colorval-4 .fill-colored-second, body #branding .second-colorval-4 .fill-colored-second, body #main-wrapper .second-colorval-4 .fill-colored-second { fill: #fefefe; } body.second-colorval-4.fourth-colorval-none .text-colored-fourth, body #branding .second-colorval-4.fourth-colorval-none .text-colored-fourth, body #main-wrapper .second-colorval-4.fourth-colorval-none .text-colored-fourth { color: #fefefe; } body.second-colorval-4.fourth-colorval-none .border-colored-fourth, body #branding .second-colorval-4.fourth-colorval-none .border-colored-fourth, body #main-wrapper .second-colorval-4.fourth-colorval-none .border-colored-fourth { border-color: #fefefe; } body.third-colorval-4 .text-colored-third, body #branding .third-colorval-4 .text-colored-third, body #main-wrapper .third-colorval-4 .text-colored-third { color: #fefefe; } body.third-colorval-4 .border-colored-third, body #branding .third-colorval-4 .border-colored-third, body #main-wrapper .third-colorval-4 .border-colored-third { border-color: #fefefe; } body.third-colorval-4 .fill-colored-third, body #branding .third-colorval-4 .fill-colored-third, body #main-wrapper .third-colorval-4 .fill-colored-third { fill: #fefefe; } body.fourth-colorval-4 .text-colored-fourth, body #branding .fourth-colorval-4 .text-colored-fourth, body #main-wrapper .fourth-colorval-4 .text-colored-fourth { color: #fefefe; } body.fourth-colorval-4 .border-colored-fourth, body #branding .fourth-colorval-4 .border-colored-fourth, body #main-wrapper .fourth-colorval-4 .border-colored-fourth { border-color: #fefefe; } body.fourth-colorval-4 .hover-color-childs .hover-text-colored-fourth, body.fourth-colorval-4 .hover-color-childs .hover-border-colored-fourth, body #branding .fourth-colorval-4 .hover-color-childs .hover-text-colored-fourth, body #branding .fourth-colorval-4 .hover-color-childs .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-4 .hover-color-childs .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-4 .hover-color-childs .hover-border-colored-fourth { transition: color 300ms, border-color 300ms; } body.fourth-colorval-4 .hover-color-childs:hover, body #branding .fourth-colorval-4 .hover-color-childs:hover, body #main-wrapper .fourth-colorval-4 .hover-color-childs:hover { color: #fefefe; } body.fourth-colorval-4 .hover-color-childs:hover .hover-text-colored-fourth, body #branding .fourth-colorval-4 .hover-color-childs:hover .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-4 .hover-color-childs:hover .hover-text-colored-fourth { color: #fefefe; } body.fourth-colorval-4 .hover-color-childs:hover .hover-border-colored-fourth, body #branding .fourth-colorval-4 .hover-color-childs:hover .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-4 .hover-color-childs:hover .hover-border-colored-fourth { border-color: #fefefe; } body.fourth-colorval-4 .texts ul li:before, body #branding .fourth-colorval-4 .texts ul li:before, body #main-wrapper .fourth-colorval-4 .texts ul li:before { content: ''; display: inline-block; height: 7px; width: 7px; border-radius: 50%; background-color: #fefefe; margin-right: 0.4375rem; } body.fourth-colorval-4 .texts ol, body #branding .fourth-colorval-4 .texts ol, body #main-wrapper .fourth-colorval-4 .texts ol { counter-reset: count; } body.fourth-colorval-4 .texts ol li, body #branding .fourth-colorval-4 .texts ol li, body #main-wrapper .fourth-colorval-4 .texts ol li { counter-increment: count; } body.fourth-colorval-4 .texts ol li:before, body #branding .fourth-colorval-4 .texts ol li:before, body #main-wrapper .fourth-colorval-4 .texts ol li:before { content: counter(count); padding-right: 0.4375rem; font-weight: bold; color: #fefefe; } body .hover-color-childs-colorval-4 .hover-text-colored { transition: color 300ms; } body .hover-color-childs-colorval-4:hover { color: #fefefe; } body .hover-color-childs-colorval-4:hover .hover-text-colored { color: #fefefe !important; } body .override-childs-color-4 .overrided-text-color { color: #fefefe; } body.main-colorval-5 #main-wrapper, body #branding .main-colorval-5 #main-wrapper, body #main-wrapper .main-colorval-5 #main-wrapper { border-color: #0a0a0a; } body.main-colorval-5 .bg-colored-main, body #branding .main-colorval-5 .bg-colored-main, body #main-wrapper .main-colorval-5 .bg-colored-main { background-color: #0a0a0a; } body.main-colorval-5 .text-colored-main, body #branding .main-colorval-5 .text-colored-main, body #main-wrapper .main-colorval-5 .text-colored-main { color: #0a0a0a; } body.main-colorval-5 .border-colored-main, body #branding .main-colorval-5 .border-colored-main, body #main-wrapper .main-colorval-5 .border-colored-main { border-color: #0a0a0a; } body.main-colorval-5 .fill-colored-main, body #branding .main-colorval-5 .fill-colored-main, body #main-wrapper .main-colorval-5 .fill-colored-main { fill: #0a0a0a; } body.second-colorval-5 .text-colored-second, body #branding .second-colorval-5 .text-colored-second, body #main-wrapper .second-colorval-5 .text-colored-second { color: #0a0a0a; } body.second-colorval-5 .border-colored-second, body #branding .second-colorval-5 .border-colored-second, body #main-wrapper .second-colorval-5 .border-colored-second { border-color: #0a0a0a; } body.second-colorval-5 .fill-colored-second, body #branding .second-colorval-5 .fill-colored-second, body #main-wrapper .second-colorval-5 .fill-colored-second { fill: #0a0a0a; } body.second-colorval-5.fourth-colorval-none .text-colored-fourth, body #branding .second-colorval-5.fourth-colorval-none .text-colored-fourth, body #main-wrapper .second-colorval-5.fourth-colorval-none .text-colored-fourth { color: #0a0a0a; } body.second-colorval-5.fourth-colorval-none .border-colored-fourth, body #branding .second-colorval-5.fourth-colorval-none .border-colored-fourth, body #main-wrapper .second-colorval-5.fourth-colorval-none .border-colored-fourth { border-color: #0a0a0a; } body.third-colorval-5 .text-colored-third, body #branding .third-colorval-5 .text-colored-third, body #main-wrapper .third-colorval-5 .text-colored-third { color: #0a0a0a; } body.third-colorval-5 .border-colored-third, body #branding .third-colorval-5 .border-colored-third, body #main-wrapper .third-colorval-5 .border-colored-third { border-color: #0a0a0a; } body.third-colorval-5 .fill-colored-third, body #branding .third-colorval-5 .fill-colored-third, body #main-wrapper .third-colorval-5 .fill-colored-third { fill: #0a0a0a; } body.fourth-colorval-5 .text-colored-fourth, body #branding .fourth-colorval-5 .text-colored-fourth, body #main-wrapper .fourth-colorval-5 .text-colored-fourth { color: #0a0a0a; } body.fourth-colorval-5 .border-colored-fourth, body #branding .fourth-colorval-5 .border-colored-fourth, body #main-wrapper .fourth-colorval-5 .border-colored-fourth { border-color: #0a0a0a; } body.fourth-colorval-5 .hover-color-childs .hover-text-colored-fourth, body.fourth-colorval-5 .hover-color-childs .hover-border-colored-fourth, body #branding .fourth-colorval-5 .hover-color-childs .hover-text-colored-fourth, body #branding .fourth-colorval-5 .hover-color-childs .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-5 .hover-color-childs .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-5 .hover-color-childs .hover-border-colored-fourth { transition: color 300ms, border-color 300ms; } body.fourth-colorval-5 .hover-color-childs:hover, body #branding .fourth-colorval-5 .hover-color-childs:hover, body #main-wrapper .fourth-colorval-5 .hover-color-childs:hover { color: #0a0a0a; } body.fourth-colorval-5 .hover-color-childs:hover .hover-text-colored-fourth, body #branding .fourth-colorval-5 .hover-color-childs:hover .hover-text-colored-fourth, body #main-wrapper .fourth-colorval-5 .hover-color-childs:hover .hover-text-colored-fourth { color: #0a0a0a; } body.fourth-colorval-5 .hover-color-childs:hover .hover-border-colored-fourth, body #branding .fourth-colorval-5 .hover-color-childs:hover .hover-border-colored-fourth, body #main-wrapper .fourth-colorval-5 .hover-color-childs:hover .hover-border-colored-fourth { border-color: #0a0a0a; } body.fourth-colorval-5 .texts ul li:before, body #branding .fourth-colorval-5 .texts ul li:before, body #main-wrapper .fourth-colorval-5 .texts ul li:before { content: ''; display: inline-block; height: 7px; width: 7px; border-radius: 50%; background-color: #0a0a0a; margin-right: 0.4375rem; } body.fourth-colorval-5 .texts ol, body #branding .fourth-colorval-5 .texts ol, body #main-wrapper .fourth-colorval-5 .texts ol { counter-reset: count; } body.fourth-colorval-5 .texts ol li, body #branding .fourth-colorval-5 .texts ol li, body #main-wrapper .fourth-colorval-5 .texts ol li { counter-increment: count; } body.fourth-colorval-5 .texts ol li:before, body #branding .fourth-colorval-5 .texts ol li:before, body #main-wrapper .fourth-colorval-5 .texts ol li:before { content: counter(count); padding-right: 0.4375rem; font-weight: bold; color: #0a0a0a; } body .hover-color-childs-colorval-5 .hover-text-colored { transition: color 300ms; } body .hover-color-childs-colorval-5:hover { color: #0a0a0a; } body .hover-color-childs-colorval-5:hover .hover-text-colored { color: #0a0a0a !important; } body .override-childs-color-5 .overrided-text-color { color: #0a0a0a; } #main-wrapper { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: calc(100vh - 129px); max-width: 100vw; } @media print, screen and (max-width: 39.99875em) { #main-wrapper { min-height: calc(100vh - 104px); } } .subtitle { font-family: "Poppins", Helvetica, Roboto, Arial, sans-serif; font-weight: bold; letter-spacing: 0.88px; line-height: 1.5; margin-bottom: 0; font-size: calc(0.53571vw + 17.28571px); } @media screen and (min-width: 1441px) { .subtitle { font-size: 1.5625rem; } } .caption-wrapper { font-size: calc(0.35714vw + 10.85714px); } @media screen and (min-width: 1441px) { .caption-wrapper { font-size: 1rem; } } .texts, .downloads { margin: 0 auto; width: 100%; max-width: 42.1875rem; } @media print, screen and (min-width: 64em) { .texts, .downloads { width: 47%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .texts, .downloads { padding: 0 30px; } } .slider-button { position: absolute; top: 0; height: 100%; padding: 0.4375rem; width: 91px; max-width: 91px; z-index: 1; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; transition: background-color 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .slider-button span svg { height: 2.875rem; width: 2.0625rem; } .slider-button.slider-prev { left: 0; } .slider-button.slider-next { right: 0; } body:not(.touch-user) .slider-button:hover { background-color: rgba(255, 255, 255, 0.3); } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .slider-button { width: 71px; max-width: 71px; } } @media print, screen and (max-width: 39.99875em) { .slider-button { width: 41px; max-width: 41px; } .slider-button span svg { width: 20px; height: 32px; } } .filtered-img-wrapper { position: relative; width: 100%; height: 100%; } .filtered-img-wrapper .inner-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .filtered-img-wrapper .inner-wrapper svg { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100%; min-height: 100%; } .filtered-img-wrapper.homeslide .inner-wrapper { position: absolute !important; } .category-links .subtitle { margin-bottom: 0.6875rem; } .category-links ul li a { display: block; text-decoration: none; transition: all 0ms; } .category-links ul li a span.hover-text-colored-fourth { font-weight: bold; border-bottom: 1px solid #0a0a0a; } .category-links .mgnlLikeBtn { transition: opacity 300ms; } .category-links li:hover .mgnlLikeBtn { opacity: 1 !important; } @media print, screen and (max-width: 39.99875em) { .mgnlLikeBtn { display: none !important; } } @media print, screen and (min-width: 64em) { .infobox, .collapsibleTexts, .textImage, .images-slider, .image, .video-wrapper, .category-links { margin-bottom: 2.8125rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .infobox, .collapsibleTexts, .textImage, .images-slider, .image, .video-wrapper, .category-links { margin-bottom: 2.3125rem; } } @media print, screen and (max-width: 39.99875em) { .infobox, .collapsibleTexts, .textImage, .images-slider, .image, .video-wrapper, .category-links { margin-bottom: 2.0625rem; } } .placeholder #main-wrapper { background-color: #07139d; } .placeholder .spiral { fill: #0a0a0a !important; } .placeholder footer { position: absolute; bottom: 0; left: 0; max-width: 100vw; padding-top: 10px !important; padding-bottom: 10px !important; } .placeholder footer .address { display: none !important; } .placeholder footer .disclaimer { margin-top: 0 !important; } .placeholder #burger, .placeholder #burger-nav { display: none; } @media print, screen and (max-width: 39.99875em) { #home #branding .branding-wrapper, .placeholder #branding .branding-wrapper { height: 6.5rem; } #home #branding .branding-wrapper #logo, .placeholder #branding .branding-wrapper #logo { display: block; } #home #branding .branding-wrapper #moblogo, .placeholder #branding .branding-wrapper #moblogo { display: none; } } body:not(.editmode) #logo { overflow: hidden; } .placeholder #branding #logo svg .home { fill: #0a0a0a !important; } .placeholder #branding #logo svg .onpage { fill: transparent !important; } #branding { position: relative; width: 100%; z-index: 10; } #branding .branding-wrapper { background-color: #fefefe; width: 100%; margin: 0 auto; max-width: 90rem; height: 8.0625rem; } @media print, screen and (max-width: 39.99875em) { #branding .branding-wrapper { height: 4.8125rem; } } #branding #moblogo { display: none; } #branding #logo { position: relative; height: 100%; padding: 24px 0 20px 25px; width: 18.125rem; } @media print, screen and (max-width: 39.99875em) { #branding #logo { width: 10.625rem; } } #branding #logo .logo-outer-wrapper { display: block; position: absolute; top: 24px; left: 41px; bottom: 20px; text-decoration: none; } @media print, screen and (max-width: 39.99875em) { #branding #logo .logo-outer-wrapper { left: 34px; top: 29px; } } #branding #logo svg { max-height: 100%; height: 5.21875rem; } @media print, screen and (max-width: 39.99875em) { #branding #logo svg { height: auto; width: 8.1875rem; } } #branding #logo svg g.home { transition: fill 200ms; } #branding #logo svg g.onpage { transition: fill 400ms; fill: transparent; } #branding #logo svg g.text.hover g.onpage.color-none, #branding #logo svg g.text.hover g.onpage.colorval-5, #branding #logo svg g.text.hover g.onpage.colorval-4 { fill: #0a0a0a; } #branding #logo svg g.text.hover g.onpage.colorval-1 { fill: #07139d; } #branding #logo svg g.text.hover g.onpage.colorval-2 { fill: #00f06f; } #branding #logo svg g.text.hover g.onpage.colorval-3 { fill: #ff0059; } #branding #logo svg g.text.hover g.home { fill: transparent; } #branding #logo svg g.spiral { fill: #0a0a0a; } #branding #logo svg g.spiral.active.color-none, #branding #logo svg g.spiral.active.colorval-5, #branding #logo svg g.spiral.active.colorval-4 { fill: #0a0a0a; } #branding #logo svg g.spiral.active.colorval-1 { fill: #07139d; } #branding #logo svg g.spiral.active.colorval-2 { fill: #00f06f; } #branding #logo svg g.spiral.active.colorval-3 { fill: #ff0059; } #branding #logo svg g.active g.home, #branding #logo svg g.text:hover g.home { fill: transparent; } #branding #logo svg g.active.color-none g.onpage, #branding #logo svg g.active.colorval-5 g.onpage, #branding #logo svg g.active.colorval-4 g.onpage, #branding #logo svg g.text:hover.color-none g.onpage, #branding #logo svg g.text:hover.colorval-5 g.onpage, #branding #logo svg g.text:hover.colorval-4 g.onpage { fill: #0a0a0a; } #branding #logo svg g.active.colorval-1 g.onpage, #branding #logo svg g.text:hover.colorval-1 g.onpage { fill: #07139d; } #branding #logo svg g.active.colorval-2 g.onpage, #branding #logo svg g.text:hover.colorval-2 g.onpage { fill: #00f06f; } #branding #logo svg g.active.colorval-3 g.onpage, #branding #logo svg g.text:hover.colorval-3 g.onpage { fill: #ff0059; } #branding #logo .links { position: absolute; top: 24px; right: 0; width: 62.3%; height: calc(100% - 44px); } #branding #logo .links .logo-links { display: block; height: 31%; } @media print, screen and (max-width: 39.99875em) { #branding #logo { display: none; } #branding #moblogo { display: block; height: 100%; width: 65%; padding-left: 25px; line-height: 4.8125rem; } #branding #moblogo a { text-decoration: none; line-height: 2.75rem; } #branding #moblogo svg { vertical-align: middle; } #branding #moblogo span { display: inline-block; text-transform: uppercase; font-size: 1.25rem; font-weight: bold; padding-left: 0.4375rem; vertical-align: middle; } } #branding #search { position: absolute; top: 0; right: 3.75rem; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; padding-right: 1.5625rem; } #branding #search.close button svg .search { opacity: 0; } #branding #search.close button svg .close { opacity: 1; } #branding #search button { height: 2.1875rem; width: 2.1875rem; margin-left: 0.9375rem; padding-bottom: 3px; } #branding #search button svg { max-height: 100%; max-width: 100%; width: 1.875rem; height: 1.875rem; } #branding #search button svg path { transition: opacity 300ms; } #branding #search button svg .close { opacity: 0; } #branding #search input { border-top: none; border-left: none; border-right: none; border-radius: 0; border-bottom-width: 0; width: 0; max-width: 0; transition: max-width 300ms, width 300ms; font-size: calc(0.35714vw + 14.85714px); } #branding #search input:focus { outline: none; } @media print, screen and (min-width: 64em) { #branding #search:before { content: ''; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 700ms; width: 0; } #branding #search.active:before, #branding #search.set:before { opacity: 1; width: 100vw; } #branding #search.active input, #branding #search.set input { border-bottom-width: 2px; width: 33.625rem; max-width: 33.625rem; } #branding #search.active input, #branding #search.active button, #branding #search.set input, #branding #search.set button { position: relative; z-index: 1; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { #branding #search { right: 4.375rem; } #branding #search button { height: 1.5625rem; width: 1.5625rem; } #branding #search.active input, #branding #search.set input { border-bottom-width: 2px; width: calc(100vw - 415px); max-width: calc(100vw - 415px); } } @media print, screen and (max-width: 39.99875em) { #branding #search button { height: 1.5625rem; width: 1.5625rem; } #branding #search.active { z-index: 2; } #branding #search.active:before { content: ''; background-color: rgba(255, 255, 255, 0.9); position: fixed; top: 0; left: 0; right: 0; bottom: 0; } #branding #search.active input, #branding #search.active button { position: relative; z-index: 1; } #branding #search.active input { border-bottom-width: 2px; width: calc(100vw - 160px); max-width: calc(100vw - 160px); } } #home .smallarea-editor { width: 157px; position: absolute; top: 20px; right: 30px; transform: translatex(100%); } #home .smallarea-editor .mgnlEditorBar.end, #home .smallarea-editor .status-indicator { display: none; } #home .smallarea-editor.geschichte { top: 50px; } #home .smallarea-editor.basel { top: 80px; } nav { display: none; position: absolute; right: 8.75rem; top: 0; height: 100%; background-color: #fefefe; } @media print, screen and (min-width: 64em) { nav { display: block; max-width: calc(100vw - 440px); } nav ul.nav { height: 100%; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; } nav ul.nav > li.has-subpages:hover .color-bar, nav ul.nav > li.has-subpages.open .color-bar { display: block; } nav ul.nav li { position: relative; margin-right: 0.9375rem; padding-left: 0.9375rem; max-width: calc(12.01923vw + 126.92308px); } } @media screen and (min-width: 64em) and (min-width: 1441px) { nav ul.nav li { max-width: 18.75rem; } } @media print, screen and (min-width: 64em) { nav ul.nav li.active a { color: #B9B9B9; } nav ul.nav li a { position: relative; display: inline-block; font-weight: bold; letter-spacing: 0.88px; line-height: 1.5rem; text-decoration: none; padding-left: 1.875rem; } nav ul.nav li a:before { content: "+"; position: absolute; display: inline-block; left: 0; top: -1px; font-family: Merriweather, Helvetica, sans-serif; font-size: 2.1875rem; vertical-align: middle; line-height: 1.5rem; } nav ul.nav li.has-subpages > .color-bar { top: 7px; } nav ul.nav li.has-subpages li:last-child .color-bar { top: -7px; } nav ul.nav li .color-bar { position: absolute; display: none; width: 3px; height: 100%; top: 0; left: 24px; } nav ul.nav li:hover, nav ul.nav li.open { background-color: #fefefe; } nav ul.nav li:hover a, nav ul.nav li.open a { color: #B9B9B9; } nav ul.nav li:hover a:before, nav ul.nav li.open a:before { content: "-"; opacity: 0; } nav ul.nav li:hover a:hover, nav ul.nav li.open a:hover { color: inherit; } nav ul.nav li:hover a:hover:before, nav ul.nav li.open a:hover:before { opacity: 1; } nav ul.nav li:hover .subnav, nav ul.nav li.open .subnav { max-height: 500px; transition: max-height 300ms; } nav ul.nav li .subnav { position: absolute; width: auto; min-width: 100%; max-height: 0; transition: max-height 100ms; background-color: #fefefe; left: 0; z-index: 3; overflow: hidden; } nav ul.nav li .nav { position: relative; margin: 0; left: 0; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } nav ul.nav li .nav a { white-space: nowrap; color: #B9B9B9; } } @keyframes lineTop { 0% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; } } @keyframes lineTopRev { 0% { opacity: 0; } 50% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @keyframes lineMiddle { 0% { opacity: 1; } 25% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @keyframes lineMiddleRev { 0% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes lineBottom { 0% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @keyframes lineBottomRev { 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @keyframes closeAppear { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } } @keyframes closeDisappear { 0% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; } } @keyframes svgAppear { 0% { transform: scale(1); } 70% { transform: scale(1); } 76% { transform: scale(0); } 90% { transform: scale(1.5); } 100% { transform: scale(1); } } #burger { position: absolute; top: 50%; right: 1.5625rem; transform: translateY(-50%); cursor: pointer; z-index: 3; } #burger svg path { fill: #0a0a0a; } #burger svg .close { fill: #0a0a0a; opacity: 0; } #burger.rev svg path.top { animation: lineTopRev 400ms ease-in-out 0ms 1 forwards; } #burger.rev svg path.middle { animation: lineMiddleRev 400ms ease-in-out 0ms 1 forwards; } #burger.rev svg path.bottom { animation: lineBottomRev 400ms ease-in-out 0ms 1 forwards; } #burger.rev svg .close { animation: closeDisappear 400ms ease-in-out 0ms 1 forwards; } #burger.active svg { animation: svgAppear 400ms ease-in-out 0ms 1 forwards; } #burger.active svg path.top { animation: lineTop 400ms ease-in-out 0ms 1 forwards; } #burger.active svg path.middle { animation: lineMiddle 400ms ease-in-out 0ms 1 forwards; } #burger.active svg path.bottom { animation: lineBottom 400ms ease-in-out 0ms 1 forwards; } #burger.active svg .close { animation: closeAppear 400ms ease-in-out 0ms 1 forwards; } #burger-nav, .bottom-overlay { height: 100vh; max-height: 100vh; transition: transform 400ms; background-color: #fefefe; } .bottom-overlay { position: fixed; display: block; width: 100%; bottom: 0; left: 0; transform: translateY(100%); } #burger-nav { position: fixed; top: 0; left: 0; width: 100%; overflow: hidden; transform: translateY(-100%); } #burger-nav .burger-nav-inner { max-width: calc(100% + 30px); width: calc(100% + 30px); padding: 8.0625rem 3.125rem 1.875rem 1.25rem; overflow: auto; max-height: 100%; -webkit-overflow-scrolling: touch; } #burger-nav .section { margin-bottom: 1.875rem; } #burger-nav .group-head { text-align: center; } #burger-nav .group-head .page-title { font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 3.125rem; } @media print, screen and (max-width: 39.99875em) { #burger-nav .group-head .page-title { font-size: 1.875rem; } } #burger-nav .main-sub { position: relative; padding-left: calc(50% - 85px); overflow: hidden; transition: height 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); max-height: 600px; } @media print, screen and (max-width: 39.99875em) { #burger-nav .main-sub { padding-left: 0; text-align: center; } #burger-nav .main-sub ul li { padding: 0.3125rem 0; } #burger-nav .main-sub ul li a { padding-left: 0; } #burger-nav .main-sub ul li.has-subpages > a { padding-left: 25px; } } #burger-nav .main-sub a { font-weight: bold; letter-spacing: 0.88px; line-height: 1.5; text-decoration: none; } #burger-nav .main-sub ul { margin-left: 0; } #burger-nav .main-sub ul a { padding-left: 25px; } #burger-nav .main-sub > .nav > li .subnav { max-height: 0; overflow: hidden; transition: max-height 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } #burger-nav .main-sub > .nav > li li.has-subpages > a span:before { content: '+'; } #burger-nav .main-sub > .nav > li.open .subnav, #burger-nav .main-sub > .nav > li.active .subnav { max-height: 900px; } #burger-nav .main-sub > .nav > li.open.has-subpages > a span:before, #burger-nav .main-sub > .nav > li.active.has-subpages > a span:before { content: '-'; } #burger-nav .main-sub > .nav > li.closed .subnav { max-height: 0; } #burger-nav .main-sub > .nav > li.closed.has-subpages > a span:before { content: '+'; } #burger-nav .main-sub > .nav > li:not(.active):not(.open) a span { color: #0a0a0a; } #burger-nav .main-sub > .nav > li.has-subpages > a { position: relative; } #burger-nav .main-sub > .nav > li.has-subpages > a span { display: inline-block; } #burger-nav .main-sub > .nav > li.has-subpages > a span:before { content: "+"; position: absolute; display: inline-block; left: 0; top: 0; color: inherit; font-family: Merriweather, Helvetica, sans-serif; font-size: 1.875rem; line-height: 20px; } #burger-nav .main-sub > .nav > li .subnav li:not(.active):not(.open) a { opacity: 0.5; } #burger-nav .main-sub > .nav > li .subnav li:not(.active):not(.open) a span { color: #0a0a0a; } #burger-nav .nav { position: relative; } #burger-nav .section.closed .page-title span { color: #0a0a0a; } #burger-nav .section.closed .main-sub { max-height: 0; height: 0; } body:not(.navexp) #burger-nav:not(.js-handled) .icon path { fill: #fefefe; transition: fill 0ms; transition-delay: 0ms; } body.navexp { padding-top: 8.0625rem; } body.navexp #branding { position: fixed; width: 100%; top: 0; left: 0; } body.navexp #burger-nav, body.navexp .bottom-overlay { transform: translateY(0); } #home .homeSlider { width: 100%; } #home .homeSlider .inner-wrapper { position: relative; width: 100%; } #home .homeSlider .inner-wrapper .links { position: absolute; top: 0; right: 0; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; z-index: 1; } #home .homeSlider .inner-wrapper .title-bar { display: block; position: relative; width: 5.3125rem; height: calc(100vh - 129px); text-decoration: none; } #home .homeSlider .inner-wrapper .title-bar:hover { opacity: 1; } #home .homeSlider .inner-wrapper .title-bar:hover .colored-overlay { opacity: 1; } #home .homeSlider .inner-wrapper .colored-overlay { position: absolute; top: 0; width: 100%; max-width: 100%; bottom: 0; left: 0; transition: opacity 300ms, width 300ms, max-width 300ms; opacity: 0.8; } #home .homeSlider .inner-wrapper .title { position: relative; width: 100%; height: 100%; z-index: 1; } #home .homeSlider .inner-wrapper h2 { display: block; margin: 0; height: 5.3125rem; width: calc(100vh - 129px); font-weight: bold; letter-spacing: 1px; text-align: center; transform: rotateZ(-90deg) translateX(-100%); transform-origin: 0 0; color: #fefefe; line-height: 1.41; text-transform: uppercase; font-size: calc(3.75vw + 6px); } @media screen and (min-width: 1441px) { #home .homeSlider .inner-wrapper h2 { font-size: 3.75rem; } } @media screen and (max-height: 600px) and (min-width: 1200px) { #home .homeSlider .inner-wrapper h2 { font-size: 2.3125rem; line-height: 5.3125rem; } } @media screen and (min-width: 941px) { #home .homeSlider .inner-wrapper .colored-overlay { width: 5.3125rem; } } #home .homeSlider .inner-wrapper .slider { width: 100%; } #home .homeSlider .inner-wrapper .slider .swiper-slide, #home .homeSlider .inner-wrapper .slider.swiper-slide-active, #home .homeSlider .inner-wrapper .slider.active { width: 100vw; max-width: 100vw; } #home .homeSlider .inner-wrapper .slider .slider-image { height: calc(100vh - 129px); min-height: 12.5rem; } #home .homeSlider .inner-wrapper .slider .slider-text { left: 0; right: auto; padding-left: 100px; overflow: visible; width: calc((100% - 3 * 85px) / 2); } #home .homeSlider .inner-wrapper .slider .slider-text p { width: calc((100vw - 3 * 85px) / 2); overflow: visible; } #home .homeSlider .inner-wrapper .slider .slider-text .article-title { font-size: calc(4.64286vw + 5.14286px); } @media screen and (min-width: 1441px) { #home .homeSlider .inner-wrapper .slider .slider-text .article-title { font-size: 4.5rem; } } #home .homeSlider .inner-wrapper .slider .slider-text .bg-color { opacity: 0.9; mix-blend-mode: multiply; } #home .homeSlider .inner-wrapper .slider .all-articles { display: none; } #home .homeSlider[data-links='1'] .slider-next { right: 5.3125rem; } #home .homeSlider[data-links='2'] .slider-next { right: 10.625rem; } #home .homeSlider[data-links='3'] .slider-next { right: 15.9375rem; } #home .homeSlider[data-links='4'] .slider-next { right: 21.25rem; } #home .homeSlider[data-links='5'] .slider-next { right: 26.5625rem; } @media screen and (max-width: 940px) { #home .homeSlider .inner-wrapper .slider .slider-image { height: calc(50vh - 54px); } #home .homeSlider .inner-wrapper .slider .slider-text { width: 50%; padding-left: 50px; min-width: 12.5rem; } #home .homeSlider .inner-wrapper .slider .slider-text p { width: 50vw; } #home .homeSlider .inner-wrapper .slider .link-text { margin-bottom: 0; } #home .homeSlider .inner-wrapper .slider .slider-next { right: 0; } #home .homeSlider .inner-wrapper .links { position: relative; width: 100%; } #home .homeSlider .inner-wrapper .links .title-bar { height: calc(50vh - 50px); min-height: 12.5rem; width: 100%; margin: 0; } #home .homeSlider .inner-wrapper .links .colored-overlay { opacity: 1; } #home .homeSlider .inner-wrapper .links h2 { width: calc(50vh - 39px); padding-right: 2.5rem; text-align: right; } #home .homeSlider[data-links='1'] .links > div { width: 100%; } #home .homeSlider[data-links='1'] .links > div h2 { line-height: 100vw; } #home .homeSlider[data-links='2'] .links > div { width: 50%; } #home .homeSlider[data-links='2'] .links > div h2 { line-height: 50vw; } #home .homeSlider[data-links='3'] .links > div { width: 33.33333%; } #home .homeSlider[data-links='3'] .links > div h2 { line-height: 33.33333vw; } #home .homeSlider[data-links='4'] .links > div { width: 25%; } #home .homeSlider[data-links='4'] .links > div h2 { line-height: 25vw; } #home .homeSlider[data-links='5'] .links > div { width: 20%; } #home .homeSlider[data-links='5'] .links > div h2 { line-height: 20vw; } } @media screen and (max-width: 940px) and (max-width: 600px) { #home .homeSlider .inner-wrapper .slider .slider-text { width: calc(100vw - 36px); padding-left: 40px; min-width: 12.5rem; } #home .homeSlider .inner-wrapper .slider .slider-text .text-wrapper { padding: 10px 0; } #home .homeSlider .inner-wrapper .slider .slider-text .text-wrapper .article-title { width: 100%; } } .fblogo { display: none; opacity: 0; } .fllbck-logo .fblogo { display: block; opacity: 1 !important; width: 74%; } .anim-logo #LogoAnimation { display: block; opacity: 1; } #LogoAnimation { transition: opacity 300ms; position: absolute; top: 24px; left: 25px; bottom: 20px; width: 77%; opacity: 0; } #builtUp { position: absolute; top: 0; left: -1.5px; right: 0; bottom: 0; } #homeLink { position: absolute; width: 90px; height: 100%; top: 0; left: 0; z-index: 99; } #anim-stadt { position: absolute; top: 0; opacity: 0; z-index: 3; } @media print, screen and (max-width: 39.99875em) { #anim-stadt { top: 14px; } } #anim-geschichte { position: absolute; top: 24px; opacity: 0; z-index: 2; } #anim-basel { position: absolute; top: 47.5px; opacity: 0; z-index: 1; } @media print, screen and (max-width: 39.99875em) { #anim-basel { top: 52px; } } .basel, .stadt, .geschichte, .geschichten, .makingOf, .projekt { cursor: pointer; } .OneOfTree { width: 100%; height: 35.5px; left: 16px; } @media print, screen and (max-width: 39.99875em) { .OneOfTree { height: 1.8125rem; } } #standard-page .content-wrapper { width: 90rem; max-width: 100%; min-height: inherit; } .articles-list { width: 100%; min-height: inherit; } .articles-list .all-articles { position: relative; text-align: center; overflow: hidden; height: 3.625rem; } .articles-list .all-articles:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); overflow: hidden; } .articles-list .all-articles a { display: inline-block; position: relative; margin: 0 auto; color: #fefefe; padding-top: 10px; } @media screen and (min-width: 1441px) { .articles-list .all-articles a { font-size: 1.5625rem; } } @media print, screen and (max-width: 39.99875em) { .articles-list .all-articles a { width: 100%; text-align: center; } } .articles-list .all-articles a span { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 6.25rem; height: 4.375rem; } @media print, screen and (max-width: 39.99875em) { .articles-list .all-articles a span { position: relative; top: -20px; transform: translateY(0); margin: 0 auto; } } .articles-list .all-articles a p { display: inline-block; transform: translateX(50%); margin: 0; font-weight: bold; letter-spacing: 0.88px; line-height: 1.52; text-align: center; font-size: calc(1.07143vw + 9.57143px); padding-left: 3.125rem; } @media screen and (max-width: 1441px) { .articles-list .all-articles a p { font-size: 1.5625rem; } } @media print, screen and (max-width: 39.99875em) { .articles-list .all-articles a p { display: none; } } .articles-list .article-year { position: relative; font-weight: bold; letter-spacing: 0.88px; line-height: 1.5; margin-bottom: 0; font-size: calc(0.71429vw + 9.71429px); } @media screen and (min-width: 1441px) { .articles-list .article-year { font-size: 1.25rem; } } .articles-list .article-title { position: relative; font-weight: bold; letter-spacing: 1.5px; line-height: 1.25; overflow: hidden; word-break: break-word; font-size: calc(2.67857vw + 11.42857px); } @media screen and (min-width: 1441px) { .articles-list .article-title { font-size: 3.125rem; } } @media print, screen and (max-width: 39.99875em) { .articles-list .article-title, .articles-list .link-text { width: 70vw; } } .articles-list .link-text { position: relative; margin-top: 2.5rem; font-weight: bold; letter-spacing: 1px; line-height: 40px; font-size: calc(0.71429vw + 14.71429px); } @media screen and (min-width: 1441px) { .articles-list .link-text { font-size: 1.5625rem; } } .articles-list .link-text span.arrow { max-height: 100%; font-family: Merriweather, Helvetica, sans-serif; vertical-align: middle; font-size: calc(1.33929vw + 20.71429px); } @media screen and (min-width: 1441px) { .articles-list .link-text span.arrow { font-size: 2.5rem; } } .articles-slider.single_slide .slider-button { display: none; } .articles-slider .swiper-slide { overflow: hidden; width: 67vw; max-width: 67vw; } .articles-slider .swiper-slide.swiper-slide-active .text-colored-second, .articles-slider .swiper-slide.active .text-colored-second { opacity: 1; } .articles-slider .swiper-slide.swiper-slide-active .text-colored-third, .articles-slider .swiper-slide.active .text-colored-third { opacity: 0; } .articles-slider .swiper-slide.swiper-slide-active .slider-text, .articles-slider .swiper-slide.active .slider-text { width: 50%; } @media print, screen and (max-width: 63.99875em) { .articles-slider .swiper-slide.swiper-slide-active .slider-text, .articles-slider .swiper-slide.active .slider-text { width: 70%; } } @media print, screen and (max-width: 63.99875em) { .articles-slider .swiper-slide { width: 100vw; max-width: 100vw; } } .articles-slider .slider-image { position: relative; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: calc(100vh - 187px); } @media print, screen and (max-width: 39.99875em) { .articles-slider .slider-image { height: calc(100vh - 135px); } } .articles-slider .slider-image .filtered-img-wrapper .inner-wrapper { right: 43%; } @media print, screen and (max-width: 39.99875em) { .articles-slider .slider-image .filtered-img-wrapper .inner-wrapper { right: 0; } } .articles-slider .slider-text { position: absolute; width: 75%; min-width: calc(33.5vw); top: 0; right: 0; height: 100%; transition: opacity 400ms, width 700ms; } .articles-slider .slider-text .bg-color { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .articles-slider .slider-text.text-colored-second { opacity: 1; } .articles-slider .slider-text.text-colored-third { opacity: 1; } .articles-slider .slider-text .text-wrapper { width: 33vw; padding: 40px; box-sizing: border-box; top: 0; left: 0; height: 100%; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } @media print, screen and (max-width: 63.99875em) { .articles-slider .slider-text .text-wrapper { width: 100%; } } @media screen and (max-width: 700px) { .articles-slider .slider-text .text-wrapper { padding: 25px 0 25px 38px; } } @media print, screen and (max-width: 39.99875em) { .articles-slider .slider-text { right: auto; left: 0; width: 66%; } .articles-slider .slider-text .bg-color { width: 50vw; } .articles-slider .slider-text .text-wrapper { width: 100%; } } @-webkit-keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } } @keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } } @-webkit-keyframes bounce-right { 0% { -webkit-transform: translateX(48px); transform: translateX(48px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateX(26px); transform: translateX(26px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateX(13px); transform: translateX(13px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateX(6.5px); transform: translateX(6.5px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateX(4px); transform: translateX(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87%, 98% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes bounce-right { 0% { -webkit-transform: translateX(48px); transform: translateX(48px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateX(26px); transform: translateX(26px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateX(13px); transform: translateX(13px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateX(6.5px); transform: translateX(6.5px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateX(4px); transform: translateX(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87%, 98% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } body:not(.touch-user) .articles-list-wrapper .entry .text .link-text:hover .arrow { -webkit-animation: slide-out-right 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; animation: slide-out-right 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } .articles-list-wrapper { width: 100%; max-width: 90rem; margin: 0 auto; padding: 1.25rem 3.125rem; min-height: 100vh; } @media print, screen and (max-width: 39.99875em) { .articles-list-wrapper { padding: 1.25rem 0.625rem; } } .articles-list-wrapper .entry { display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flext-start; align-items: flext-start; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 1rem; cursor: pointer; transition: color 700ms; } .articles-list-wrapper .entry .img-year { position: relative; width: 30%; text-align: right; } @media print, screen and (max-width: 39.99875em) { .articles-list-wrapper .entry .img-year { width: 3.75rem; } } .articles-list-wrapper .entry .image { position: absolute; right: 0; max-width: 100%; width: 100%; max-height: 100%; height: 100%; overflow: hidden; opacity: 0; transition: opacity 700ms; } @media print, screen and (max-width: 39.99875em) { .articles-list-wrapper .entry .image { overflow: visible; max-height: 70px; } } .articles-list-wrapper .entry .image img { max-width: 100%; max-height: 100%; } .articles-list-wrapper .entry:hover .image { opacity: 0.7; } .articles-list-wrapper .entry .article-year { position: relative; top: 15px; right: -11px; } @media print, screen and (max-width: 39.99875em) { .articles-list-wrapper .entry .article-year { right: 5px; top: 10px; } } .articles-list-wrapper .entry .text { width: 68%; padding-top: 10px; } .articles-list-wrapper .entry .text .description { width: 80%; letter-spacing: 1px; line-height: 1.5; color: #fefefe; font-size: calc(0.71429vw + 9.71429px); } @media screen and (min-width: 1441px) { .articles-list-wrapper .entry .text .description { font-size: 1.25rem; } } .articles-list-wrapper .entry .text .description.bold { font-weight: bold; } .articles-list-wrapper .entry .text .link-text { position: relative; text-decoration: none; padding-right: 3.125rem; font-size: calc(0.71429vw + 9.71429px); } @media screen and (min-width: 1441px) { .articles-list-wrapper .entry .text .link-text { font-size: 1.25rem; } } .articles-list-wrapper .entry .text .link-text .arrow { margin-left: 0.625rem; position: absolute; top: 0; font-size: calc(0.89286vw + 17.14286px); line-height: 1; } @media screen and (min-width: 1441px) { .articles-list-wrapper .entry .text .link-text .arrow { font-size: 1.875rem; } } @media print, screen and (max-width: 39.99875em) { .articles-list-wrapper .entry .text { width: calc(100% - 50px); } .articles-list-wrapper .entry .text .article-title, .articles-list-wrapper .entry .text .description { width: 100%; } } .articles-list-wrapper .entry .collapsible { position: relative; overflow: hidden; max-height: 0; transition: max-height 400ms; } .articles-list-wrapper .entry .collapsible .collapsible-wrapper { position: relative; top: 0; left: 0; height: auto; transform: translateY(20px); opacity: 0; transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .articles-list-wrapper .entry .collapsible.open .collapsible-wrapper { opacity: 1; transform: translateY(0) scale(1); } @media print, screen and (max-width: 39.99875em) { .articles-list-wrapper .entry.active .article-title { min-height: 49px; } } .articles-list-wrapper .entry.active .collapsible { max-height: 1500px; } .articles-list-wrapper .entry.active .image { opacity: 1; } .articles-list-wrapper .entry.active .text .link-text .arrow { -webkit-animation: bounce-right 1.2s both; animation: bounce-right 1.2s both; } @keyframes titleAppear { 0% { transform: translateX(-10px) translateY(-13px); } 100% { transform: translateX(0) translateY(0); opacity: 1; } } @keyframes authorAppear { 0% { transform: translateX(9px) translateY(2px); } 100% { transform: translateX(0) translateY(0); opacity: 1; } } @keyframes infoAppear { 0% { transform: translateY(0); } 100% { transform: translateY(100%); opacity: 1; } } .editmode .article-header { margin-bottom: 470px !important; } .article-header { position: relative; } @media print, screen and (min-width: 40em) { .article-header { background-color: unset !important; } } .article-header .infos { position: absolute; width: 25%; bottom: 0; opacity: 0; animation: infoAppear 400ms ease-in-out 700ms 1 forwards; z-index: 1; } @media print, screen and (max-width: 63.99875em) { .article-header .infos { width: 100%; } } .article-header .infos .infos-inner { margin: 0 auto; width: 100%; max-width: 11.25rem; } @media print, screen and (max-width: 63.99875em) { .article-header .infos .infos-inner { display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; max-width: 100%; padding: 0 1.25rem; } .article-header .infos .infos-inner .categories { padding: 0 0.625rem; width: 28%; } .article-header .infos .infos-inner .categories .category { margin-right: 4px; } } @media print, screen and (max-width: 63.99875em) and (min-width: 64em) { .article-header .infos .infos-inner .categories { height: 4rem; } } @media print, screen and (max-width: 63.99875em) and (max-width: 63.99875em) { .article-header .infos .infos-inner .categories { min-height: 3.0625rem; width: 50%; } } @media print, screen and (max-width: 63.99875em) and (max-width: 39.99875em) { .article-header .infos .infos-inner .categories a { color: #9b9b9b; } } .article-header .infos .infos-inner .mobsharebtn { display: none; width: 1.5625rem; height: 1.5625rem; } .article-header .infos .infos-inner .mobsharebtn svg { max-width: 100%; max-height: 100%; } .article-header .infos .infos-inner .mobsharebtn svg g path { fill: #9b9b9b; } @media print, screen and (max-width: 39.99875em) { .article-header .infos .infos-inner .mobsharebtn { display: block; line-height: 3.0625rem; } .article-header .infos .infos-inner .mobsharebtn svg { vertical-align: middle; } } .article-header .infos .infos-inner .shareIcons.active .shareLinks { opacity: 1; } .article-header .infos .infos-inner .shareIcons { margin-right: 1.25rem; } @media print, screen and (max-width: 63.99875em) { .article-header .infos .infos-inner .shareIcons { min-height: 3.0625rem; } } .article-header .infos .infos-inner .shareIcons .share_group { display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; } @media print, screen and (max-width: 39.99875em) { .article-header .infos .infos-inner .shareIcons .shareLinks { opacity: 0; position: absolute; top: 0; right: 1.25rem; transition: opacity 300ms, transform 300ms; } .article-header .infos .infos-inner .shareIcons .shareLinks .icon { width: 1.5625rem; height: 1.5625rem; } .article-header .infos .infos-inner .shareIcons .shareLinks .icon svg { width: 1.5625rem; height: 1.5625rem; } } .article-header .infos .infos-inner .shareIcons .icon { display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0 0.625rem; } .article-header .infos .infos-inner .shareIcons .icon svg { vertical-align: middle; } .article-header .infos .infos-inner .shareIcons .icon:first-child { margin-left: 0; } .article-header .infos .infos-inner .shareIcons .icon:last-child { margin-right: 0; } .article-header .infos .infos-inner .year-wrapper { position: relative; display: inline-block; text-align: center; margin-bottom: 3.75rem; } @media print, screen and (max-width: 63.99875em) { .article-header .infos .infos-inner .year-wrapper { margin-bottom: 0; } } .article-header .infos .infos-inner .line { display: inline-block; height: 15.3125rem; width: 0.4375rem; } @media print, screen and (max-width: 63.99875em) { .article-header .infos .infos-inner .line { height: 2.3125rem; width: 0.25rem; left: 3.8125rem; } } .article-header .infos .infos-inner p.year { display: inline; font-weight: bold; letter-spacing: 0.88px; line-height: 1.4; margin: 0; font-size: calc(2.67857vw + 21.42857px); margin-bottom: 3.75rem; } @media screen and (min-width: 1441px) { .article-header .infos .infos-inner p.year { font-size: 3.75rem; } } @media print, screen and (max-width: 63.99875em) { .article-header .infos .infos-inner p.year { margin-left: 1.25rem; padding-right: 0.625rem; } } .article-header .infos .infos-inner .categories { display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 3.3125rem; } @media print, screen and (max-width: 63.99875em) { .article-header .infos .infos-inner .categories { display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 0; } } .article-header .infos .infos-inner .category { font-weight: 600; letter-spacing: 0.88px; line-height: 1.4; text-decoration: none; font-size: calc(1.33929vw + 5.71429px); } @media screen and (min-width: 1441px) { .article-header .infos .infos-inner .category { font-size: 1.5625rem; } } .article-header .infos .infos-inner.no-year { padding-top: 1.875rem; } .article-header.slider { width: 100%; min-height: calc(59.28571vw + 40.28571px); } @media screen and (min-width: 1441px) { .article-header.slider { min-height: 55.875rem; } } @media print, screen and (max-width: 63.99875em) { .article-header.slider { margin-bottom: 5.4375rem; } } .article-header.slider .slider-wrapper { position: relative; width: 100%; max-width: 90rem; margin: 0 auto; padding-top: 2.9375rem; z-index: 0; } @media print, screen and (min-width: 40em) { .article-header.slider .slider-wrapper .slider-inner { position: absolute; width: 90%; max-width: 76.875rem; transition: transform 1200ms; right: -2.0625rem; z-index: 0; } } @media print, screen and (max-width: 39.99875em) { .article-header.slider .slider-wrapper .slider-inner { padding-top: 1rem; } .article-header.slider .slider-wrapper .slider-inner .images-slider, .article-header.slider .slider-wrapper .slider-inner .image-header { padding-bottom: 3.125rem; } .article-header.slider .slider-wrapper .slider-inner .images-slider:before, .article-header.slider .slider-wrapper .slider-inner .images-slider:after, .article-header.slider .slider-wrapper .slider-inner .image-header:before, .article-header.slider .slider-wrapper .slider-inner .image-header:after { display: none; } } .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper { position: relative; padding: 0; margin: 0; } .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .sizer { padding-bottom: 56.25%; } .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .play-btn-wrapper { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; transition: opacity 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .play-btn-wrapper .play-btn { width: 10vw; height: 10vw; } .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .play-btn-wrapper .play-btn .around { height: 100%; width: 100%; border: 0.49vw solid #fefefe; border-radius: 50%; } @media print, screen and (min-width: 40em) { .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .play-btn-wrapper .play-btn .around { border: 0.49vw solid #fefefe; } } @media print, screen and (max-width: 39.99875em) { .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .play-btn-wrapper .play-btn .around { border: 1.33vw solid #fefefe; } } .article-header.slider .slider-wrapper .slider-inner .video .video-wrapper .play-btn-wrapper .play-btn .triangle { position: absolute; top: 50%; left: 50%; transform: translateX(-40%) translateY(-50%); border-top: 2.08vw solid transparent; border-bottom: 2.08vw solid transparent; border-left: 4.17vw solid white; } .article-header.slider .slider-wrapper .slider-inner .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .article-header.slider .slider-wrapper .pagination, .article-header.slider .slider-wrapper .slider-text { opacity: 0; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .article-header.slider .slider-wrapper .slider-text { max-width: calc(77vw - 120px); } } .article-header.slider .slider-wrapper .pagination { right: 6vw; } @media print, screen and (max-width: 39.99875em) { .article-header.slider .slider-wrapper { padding: 0; } .article-header.slider .slider-wrapper .pagination { right: 1.3125rem; } } @media print, screen and (max-width: 63.99875em) { .article-header.slider .slider-wrapper .pagination { background-color: transparent; } } .article-header.slider .bg-color-left { position: absolute; height: 100%; width: calc(44vw - 33px); max-width: calc(44vw - 33px); transition: opacity 300ms, max-width 700ms, width 700ms; mix-blend-mode: multiply; top: 0; } @media print, screen and (max-width: 39.99875em) { .article-header.slider .bg-color-left { display: none; } } @media screen and (min-width: 1441px) and (max-width: 1900px) { .article-header.slider .bg-color-left { width: calc(50vw - 33px); max-width: calc(50vw - 33px); } } .article-header.slider .text-wrapper { position: relative; transition: min-height 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media print, screen and (min-width: 40em) { .article-header.slider .text-wrapper { top: -2.9375rem; min-height: calc(59.28571vw + 40.28571px); width: 44vw; max-width: 44vw; left: -2.0625rem; } } @media print, screen and (max-width: 39.99875em) { .article-header.slider .text-wrapper { top: 0; width: 100%; } } @media screen and (min-width: 1441px) { .article-header.slider .text-wrapper { min-height: 55.875rem; } } .article-header.slider .text-wrapper .text-inner { position: relative; padding-bottom: 3.125rem; } @media print, screen and (min-width: 40em) { .article-header.slider .text-wrapper .text-inner { padding-top: 5.875rem; width: 110%; max-width: 43.5625rem; transform: translateX(19%); z-index: 2; left: -2.0625rem; min-height: calc(59.28571vw + 40.28571px); transition: min-height 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } } @media print, screen and (max-width: 39.99875em) { .article-header.slider .text-wrapper .text-inner { padding-left: 1rem; padding-right: 1rem; } } @media screen and (min-width: 1441px) { .article-header.slider .text-wrapper .text-inner { min-height: 55.875rem; transform: translateX(19%); } } @media screen and (min-width: 1441px) and (max-width: 1900px) { .article-header.slider .text-wrapper .text-inner { left: 10vw; } } @media screen and (min-width: 1901px) { .article-header.slider .text-wrapper .text-inner { left: 19vw; } } .article-header.slider .text-wrapper .text-inner .band_nr { position: relative; font-weight: bold; letter-spacing: 0.88px; line-height: 1.5; font-size: calc(0.71429vw + 9.71429px); } @media screen and (min-width: 1441px) { .article-header.slider .text-wrapper .text-inner .band_nr { font-size: 1.25rem; } } .article-header.slider .text-wrapper .text-inner h1 { opacity: 0; animation: titleAppear 700ms ease-in-out 200ms 1 forwards; font-size: calc(4.46429vw + 7.71429px); margin-bottom: calc(6.25vw - 20px); } @media screen and (min-width: 1441px) { .article-header.slider .text-wrapper .text-inner h1 { margin-bottom: 4.375rem; font-size: 4.5rem; } } .article-header.slider .text-wrapper .text-inner .author { position: absolute; bottom: 10px; max-width: 76%; letter-spacing: 1px; line-height: 1.53; font-size: calc(0.80357vw + 9.42857px); opacity: 0; animation: authorAppear 400ms ease-in-out 700ms 1 forwards; text-decoration: none; } @media screen and (min-width: 1441px) { .article-header.slider .text-wrapper .text-inner .author { font-size: 21px; } } .article-header.slider .text-wrapper .text-inner .author:hover { text-decoration: underline; } .article-header.slider .bg-color-right { position: absolute; display: none; background-color: #e9e9e9; top: 2.9375rem; right: calc((1230px + 145px) / 2 - (50vw - 33px)); width: 0; max-width: 76.875rem; } @media print, screen and (max-width: 39.99875em) { .article-header.slider .bg-color-right { right: -1rem; } } @media screen and (min-width: 1441px) { .article-header.slider .bg-color-right { display: block; width: 90%; } } .article-header.slider .bg-color-right .sizer { position: relative; height: 0; padding-bottom: 60%; } .article-header.slider .bg-color-right .sizer.video-ratio { padding-bottom: 56.25%; } .article-header.slider.active .slider-wrapper { z-index: 1; } .article-header.slider.active .images-slider:before, .article-header.slider.active .images-slider:after, .article-header.slider.active .image-header:before, .article-header.slider.active .image-header:after { opacity: 0; } .article-header.slider.active .slider-inner { transform: translateY(-5px) translateX(-5px); z-index: 3; } @media print, screen and (max-width: 39.99875em) { .article-header.slider.active .slider-inner { transform: none; } } @media screen and (min-width: 1441px) { .article-header.slider.active .slider-inner { transform: translateX(-5px); } } .article-header.slider.active .slider-inner .video-wrapper .play-btn-wrapper { opacity: 0; } @media print, screen and (min-width: 40em) { .article-header.slider.active .text-wrapper { padding-top: 50vw; } .article-header.slider.active .text-wrapper .text-inner { min-height: 0; } } @media screen and (min-width: 1440px) { .article-header.slider.active .text-wrapper { padding-top: 750px; } } .article-header.slider.active .bg-color-left { width: calc(73vw - 33px); max-width: calc(73vw - 33px); } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .article-header.slider.active .bg-color-left { width: 77vw; max-width: 77vw; } } @media print, screen and (max-width: 39.99875em) { .article-header.slider.active .bg-color-left { width: calc(100vw - 77px); max-width: calc(100vw - 77px); padding-bottom: 150px; } } .article-header.slider.active .pagination, .article-header.slider.active .slider-text { opacity: 1; } .article-header.no-image { height: auto; } .article-header.no-image .text-wrapper { position: relative; width: 100%; z-index: 1; } @media print, screen and (min-width: 40em) { .article-header.no-image .text-wrapper { left: -2.0625rem; width: calc(100% + 2 * 33px); padding: 3.875rem 4.125rem; } } @media print, screen and (max-width: 39.99875em) { .article-header.no-image .text-wrapper { padding: 1.875rem 2rem; left: -1rem; width: calc(100% + 16px); } } .article-header.no-image .text-wrapper .text-inner { margin: 0 auto; width: 100%; height: 100%; max-width: 58.4375rem; } .article-header.no-image .text-wrapper .text-inner a { text-decoration: none; } .article-header.no-image .text-wrapper .text-inner a:hover { opacity: 1; text-decoration: underline; } .article-header.no-image .infos .infos-inner .line { height: 9.0625rem; } @media print, screen and (max-width: 63.99875em) { .article-header.no-image .infos .infos-inner .line { height: 2.3125rem; width: 0.25rem; left: 3.8125rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .article-header.no-image { position: relative; margin-bottom: 6.25rem; } } @media print, screen and (max-width: 39.99875em) { .article-header.no-image { position: relative; margin-bottom: 6.25rem; } } #main-wrapper .hider { display: none; } #article #main-wrapper { position: relative; box-sizing: border-box; padding-right: 2.0625rem; padding-left: 2.0625rem; } #article #main-wrapper .article-border { position: absolute; width: 2.0625rem; bottom: 0; } #article #main-wrapper .article-border.left-border { top: 0; left: 0; } #article #main-wrapper .article-border.right-border { top: 2.9375rem; right: 0; } @media print, screen and (max-width: 63.99875em) { #article #main-wrapper .article-border.right-border { top: 0; } } @media print, screen and (max-width: 39.99875em) { #article #main-wrapper { padding-right: 1rem; padding-left: 1rem; } #article #main-wrapper .article-border { width: 1rem; } } @media print, screen and (min-width: 40em) { #article #main-wrapper { overflow: hidden; } #article #main-wrapper .hider { content: ""; display: block; position: absolute; width: 2.0625rem; top: 0; right: -2.0625rem; height: 2.9375rem; background-color: #fefefe; } } #article .content-wrapper { padding-top: 4.0625rem; padding-right: 1.125rem; padding-left: 1.125rem; } @media print, screen and (max-width: 39.99875em) { #article .content-wrapper { padding-top: 1.125rem; } } #article .related-articles-header { width: 90rem; max-width: 100%; padding-right: 1.125rem; padding-left: 1.125rem; padding-top: 2.9375rem; } #article .related-articles-title { margin-bottom: 1.25rem; } #article .articles-list.related-articles { min-height: 0; } #article .articles-list.related-articles .articles-slider .slider-image { height: calc(18.30357vw + 261.42857px); } @media screen and (min-width: 1441px) { #article .articles-list.related-articles .articles-slider .slider-image { height: 32.8125rem; } } #article .articles-list.related-articles .articles-slider .article-title { font-size: calc(1.33929vw + 20.71429px); } @media screen and (min-width: 1441px) { #article .articles-list.related-articles .articles-slider .article-title { font-size: 2.5rem; } } #article .articles-list.related-articles .articles-slider .link-text { bottom: 0; } #article .articles-list.related-articles .all-articles { margin-top: 1.25rem; position: relative; width: 100vw; left: -2.0625rem; } @media print, screen and (max-width: 39.99875em) { #article .articles-list.related-articles .all-articles { left: -1rem; } } footer { display: block; } @media print, screen and (min-width: 64em) { footer { padding-top: 12.5rem; padding-bottom: 1.6875rem; } } footer .footer-wrapper { width: 90rem; max-width: 100%; margin: 0 auto; padding: 0 calc(88px - 33px); } @media print, screen and (max-width: 39.99875em) { footer .footer-wrapper { padding: 0 0.625rem; } } footer .footer-wrapper .address p, footer .footer-wrapper .address li, footer .footer-wrapper .address a, footer .footer-wrapper .address td, footer .footer-wrapper .address span { letter-spacing: 0.32px; line-height: 1.5; font-size: calc(0.53571vw + 14.28571px); } @media screen and (min-width: 1441px) { footer .footer-wrapper .address p, footer .footer-wrapper .address li, footer .footer-wrapper .address a, footer .footer-wrapper .address td, footer .footer-wrapper .address span { font-size: 1.375rem; } } footer .footer-wrapper .disclaimer { margin-top: 300px; padding-bottom: 0.625rem; } footer .footer-wrapper .disclaimer p, footer .footer-wrapper .disclaimer li, footer .footer-wrapper .disclaimer a, footer .footer-wrapper .disclaimer td, footer .footer-wrapper .disclaimer span { letter-spacing: 0.5px; line-height: 1.5; margin: 0; font-size: calc(0.35714vw + 10.85714px); } @media screen and (min-width: 1441px) { footer .footer-wrapper .disclaimer p, footer .footer-wrapper .disclaimer li, footer .footer-wrapper .disclaimer a, footer .footer-wrapper .disclaimer td, footer .footer-wrapper .disclaimer span { font-size: 1rem; } } .images-slider, .image-header { padding-bottom: 6.25rem; } .images-slider:before, .images-slider:after, .image-header:before, .image-header:after { content: ""; position: absolute; top: 0; width: 5.6875rem; height: calc(100% - 100px); z-index: 2; transition: opacity 300ms; } @media print, screen and (max-width: 39.99875em) { .images-slider:before, .images-slider:after, .image-header:before, .image-header:after { width: 1.25rem; } } .images-slider.active:before, .images-slider.active:after, .image-header.active:before, .image-header.active:after { opacity: 0; } .images-slider:before, .image-header:before { right: 5.6875rem; background-color: rgba(255, 255, 255, 0.5); } @media print, screen and (max-width: 39.99875em) { .images-slider:before, .image-header:before { right: 1.25rem; } } .images-slider:after, .image-header:after { right: 0; background-color: rgba(255, 255, 255, 0.8); } .images-slider .slider-image, .image-header .slider-image { position: relative; width: 100%; max-width: 82rem; background-position: center; background-size: cover; background-repeat: no-repeat; } .images-slider .slider-image .sizer, .image-header .slider-image .sizer { position: relative; height: 0; padding-bottom: 60%; } .images-slider .slider-button, .image-header .slider-button { height: calc(100% - 100px); z-index: 3; } .images-slider .slider-text, .image-header .slider-text { position: absolute; bottom: 0; padding-top: 1.5625rem; transform: translateY(100%); max-width: 32.75rem; width: calc(100% - 100px); z-index: 1; } .images-slider .slider-text p, .image-header .slider-text p { letter-spacing: 0.5px; margin: 0; line-height: 1.5; font-size: calc(0.26786vw + 11.14286px); } @media screen and (min-width: 1441px) { .images-slider .slider-text p, .image-header .slider-text p { font-size: 0.9375rem; } } @media print, screen and (max-width: 39.99875em) { .images-slider .slider-text, .image-header .slider-text { padding-top: 0.625rem; padding-left: 0.625rem; } } .images-slider .pagination, .image-header .pagination { position: absolute; right: 0; left: auto; bottom: 2.9375rem; font-weight: bold; letter-spacing: 0.88px; width: 5.9375rem; text-align: right; background-color: #fefefe; z-index: 1; line-height: 1.5; font-size: calc(1.16071vw + 13.28571px); } @media screen and (min-width: 1441px) { .images-slider .pagination, .image-header .pagination { font-size: 1.875rem; } } @media print, screen and (max-width: 39.99875em) { .images-slider .pagination, .image-header .pagination { width: 3.625rem; bottom: 3.875rem; } } .textImageWrap { position: relative; } .textImageWrap .texts { font-family: Merriweather, Helvetica, sans-serif; } .textImageWrap .texts h2 { position: relative; display: block; font-weight: bold; line-height: 1.25; letter-spacing: 0.88px; width: 100%; max-width: 31.0625rem; z-index: 1; font-size: calc(0.625vw + 21px); } @media screen and (min-width: 1441px) { .textImageWrap .texts h2 { font-size: 1.875rem; } } .textImageWrap .texts h2 span.quote-mark { position: absolute; display: block; top: 0; left: 0; font-weight: 600; letter-spacing: 1.1px; line-height: 150px; transform: translateX(-63%) translateY(-40%); opacity: 0.77; z-index: -1; font-size: calc(2.85714vw + 73.85714px); } @media screen and (min-width: 1441px) { .textImageWrap .texts h2 span.quote-mark { font-size: 7.1875rem; } } @media print, screen and (max-width: 39.99875em) { .textImageWrap .texts h2 { padding-left: 1.625rem; } .textImageWrap .texts h2 span.quote-mark { transform: translateX(-11%) translateY(-43%); } } .textImageWrap .image { position: relative; } @media print, screen and (min-width: 64em) { .textImageWrap .image { padding: 0 14.4%; } } .textImageWrap .image img { width: 100%; } .textImageWrap .image .overlay-caption { position: absolute; top: 50%; right: 0; width: 70%; max-width: 37.375rem; transform: translateY(-50%); font-weight: bold; letter-spacing: 0.88px; line-height: 1.5; font-size: calc(3.75vw + 6px); } @media screen and (min-width: 1441px) { .textImageWrap .image .overlay-caption { font-size: 3.75rem; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .textImageWrap .image .overlay-caption { top: -60px; transform: translateY(0); max-width: 55%; line-height: 1.2; } } .textImageWrap .caption-wrapper { max-width: 100%; padding: 6px 19px 6px 19px; } .textImageWrap .texts ~ .image-bottom { margin-top: 3.4375rem; } @media print, screen and (min-width: 64em) { .textImageWrap .images-slider-wrapper { padding: 0 6.45%; } } .textImageWrap.quote { padding-top: 4.375rem; padding-bottom: 4.375rem; } @media print, screen and (max-width: 39.99875em) { .textImageWrap.quote { padding-top: 2.9375rem; padding-bottom: 2.9375rem; } } .textImageWrap.textImage.no-text .text-image-right { width: 100%; min-height: 1px; } @media print, screen and (min-width: 64em) { .textImageWrap.textImage.no-text .image.image-right { position: relative; margin-left: auto; margin-right: 0; } } @media print, screen and (min-width: 64em) { .textImage.with-image { display: inline-block; width: 100%; } .textImage.with-image .text-image-right { width: 73.4%; float: left; } .textImage.with-image .text-image-right .texts { width: 63.9%; margin-left: auto; margin-right: 0; } .textImage.with-image .image-right { width: 26.5%; float: left; padding-left: 1.8125rem; padding-right: 1rem; } } .texts ul li, .texts ul p, .texts ul a, .texts ul span, .texts ol li, .texts ol p, .texts ol a, .texts ol span { margin-bottom: 0.4375rem; letter-spacing: 1.11px; line-height: 1.7; font-size: calc(0.35714vw + 14.85714px); } @media screen and (min-width: 1441px) { .texts ul li, .texts ul p, .texts ul a, .texts ul span, .texts ol li, .texts ol p, .texts ol a, .texts ol span { font-size: 1.25rem; } } .texts ul li, .texts ol li { position: relative; padding-left: 1.375rem; } .texts ul li:before, .texts ol li:before { position: absolute; left: 0; top: 0; } .texts ol li:before { letter-spacing: 1.11px; line-height: 1.7; font-size: calc(0.35714vw + 14.85714px); } @media screen and (min-width: 1441px) { .texts ol li:before { font-size: 1.25rem; } } .texts ul li:before { margin-top: calc(0.44643vw + 8.57143px); } @media screen and (min-width: 1441px) { .texts ul li:before { margin-top: 15px; } } @media print, screen and (min-width: 64em) { .content-wrapper > .infobox:nth-child(2), .content-wrapper > .imagesSlider:nth-child(2) { margin-top: 450px; } .content-wrapper > .infobox:nth-child(1), .content-wrapper > .imagesSlider:nth-child(1) { margin-top: 500px; } } .infobox { position: relative; } .infobox:before { content: ""; display: block; background-color: inherit; position: absolute; width: 100vw; height: 100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 0; } @media print, screen and (min-width: 64em) { .infobox { padding: 3.9375rem 6.45%; } } @media print, screen and (max-width: 63.99875em) { .infobox { padding: 3.125rem 0; } } @media print, screen and (min-width: 64em) { .infobox.no-slides { padding: 3.9375rem 0; } } .infobox h2 { position: absolute; top: 1rem; font-family: "Poppins", Helvetica, Roboto, Arial, sans-serif; font-size: 1.5625rem; font-weight: bold; letter-spacing: 0.88px; line-height: 1.5; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .infobox h2 { font-size: 1.25rem; } } @media print, screen and (max-width: 39.99875em) { .infobox h2 { font-size: 1rem; } } .infobox .slider-button { width: 27px; } .infobox .slider-button.swiper-button-disabled { display: none; } .infobox .slider-prev { transform: translateX(-30px); } .infobox .slider-next { transform: translateX(30px); } .inner-box { position: relative; display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } @media print, screen and (max-width: 39.99875em) { .inner-box figure { min-width: 100%; } .inner-box .text { min-width: 100%; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .inner-box figure { width: 74%; } .inner-box .text { width: 61%; } } @media print, screen and (min-width: 64em) { .inner-box figure, .inner-box .text { width: 100%; } } @media print, screen and (min-width: 64em) { .inner-box figure .image-wrapper { max-width: 85%; } } .inner-box figure figcaption { padding-top: 0.4375rem; } .inner-box .text { top: -9px; position: relative; } .inner-box .text p, .inner-box .text li, .inner-box .text a, .inner-box .text strong, .inner-box .text td { font-size: 1rem; letter-spacing: 1.11px; line-height: 2; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .inner-box .text p, .inner-box .text li, .inner-box .text a, .inner-box .text strong, .inner-box .text td { font-size: 0.9375rem; } } @media print, screen and (max-width: 39.99875em) { .inner-box .text p, .inner-box .text li, .inner-box .text a, .inner-box .text strong, .inner-box .text td { font-size: 0.875rem; } } .infobox.no-slides .inner-box .text { top: 0; width: 100%; } .infobox.no-slides .inner-box .text p { margin-bottom: 0; } .collapsibleTexts .subtitle { min-height: 2.0625rem; margin-bottom: 0.875rem; } .collapsibleTexts button { position: relative; width: 100%; font-size: 1.0625rem; font-weight: bold; line-height: 1.5625rem; padding: 4px 23px 4px 0; text-align: left; } .collapsibleTexts button:after { content: "+"; display: block; position: absolute; font-size: 29px; font-family: Merriweather, Helvetica, sans-serif; right: 0; top: 0.125rem; } .collapsibleTexts .text { max-height: 0; opacity: 0; transition: max-height 300ms, opacity 300ms; } .collapsibleTexts .text p, .collapsibleTexts .text li, .collapsibleTexts .text a, .collapsibleTexts .text td { font-size: 1rem; line-height: 1.5625rem; } .collapsibleTexts .collapsible.opened button:after { content: "-"; } .collapsibleTexts .collapsible.opened .text { max-height: 1500px; overflow: auto; opacity: 1; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .collapsibleTexts .collapsible.opened .text { max-height: 2000px; } } @media print, screen and (max-width: 39.99875em) { .collapsibleTexts .collapsible.opened .text { max-height: 3000px; } } @media print, screen and (min-width: 64em) { .video-wrapper { padding: 0 6.45%; } } .video { position: relative; width: 100%; } .video .sizer { height: 0; padding-bottom: 61.25%; } .video .sizer iframe { position: absolute; width: 100%; max-width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; } @media print, screen and (max-width: 63.99875em) { .video .sizer { padding-bottom: 74.25%; } } .overlay-main { opacity: 0; transition: transform 200ms ease-in-out, top 200ms ease-in-out, left 200ms ease-in-out, max-height 200ms ease-in-out, max-width 200ms ease-in-out, opacity 500ms; position: fixed; max-height: 0; max-width: 0; top: 50%; left: 50%; z-index: -1; overflow: hidden; transform: translateX(-50%) translateY(-50%); cursor: pointer; } .overlay-main.open { max-height: 100vh; height: 100vh; max-width: 100vw; width: 100vw; opacity: 1; z-index: 99; } .overlay-main.open .overlay-wrapper { height: calc( 100vh - 60px); width: calc( 100vw - 60px); } @media print, screen and (max-width: 39.99875em) { .overlay-main.open .overlay-wrapper { height: 100%; width: 100%; } } .overlay-main .overlay-wrapper { position: absolute; display: block; width: 63.125rem; max-width: calc(100% - 80px); max-height: 100vh; overflow: auto; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } @media print, screen and (max-width: 39.99875em) { .overlay-main .overlay-wrapper { max-width: 100%; } } .overlay-main .closeBtn { position: absolute; top: 0; right: 20px; margin-left: auto; height: 1.875rem; width: 1.875rem; cursor: pointer; margin-bottom: 0.1875rem; z-index: 1; } body.touch-user .overlay-main .closeBtn { display: block; } @media print, screen and (max-width: 39.99875em) { .overlay-main .closeBtn { top: 10px; right: 10px; } } .overlay-main .closeBtn:focus { outline: none; } .overlay-wrapper { text-align: center; max-height: calc( 100vh - 60px); max-width: calc( 100vw - 60px); } @media print, screen and (max-width: 39.99875em) { .overlay-wrapper { max-height: 100%; max-width: 100%; } } .overlay-wrapper .fs-view-content-wrapper { height: 100%; max-height: 100%; width: 100%; max-width: 100%; } .overlay-wrapper .fs-view { position: relative; display: inline-block; max-height: calc(100vh - 60px); max-width: calc(100vw - 80px); top: 50%; transform: translateY(-50%); } .overlay-wrapper .fs-view * { max-height: calc( 100vh - 126px); max-width: calc( 100vw - 118px); } @media print, screen and (max-width: 39.99875em) { .overlay-wrapper .fs-view { max-height: calc(100vh - 40px); max-width: calc(100vw - 40px); } .overlay-wrapper .fs-view * { max-height: 100%; max-width: 100%; } } .overlay-wrapper .fs-view img { width: auto !important; height: auto !important; } #fs-view .fs-view { transition: opacity 500ms; transition-delay: 300ms; } #fs-view .fs-view.loading { opacity: 0; transition: opacity 0ms; transition-delay: 0ms; } #fs-view .fs-view .image-wrapper { display: block; } #fs-view .fs-view .image-wrapper .show-icon { display: none; } .fs-view { cursor: pointer; } .fs-view .image-wrapper { position: relative; } .fs-view .image-wrapper .show-icon { position: absolute; top: 0; right: 0; width: 30px; height: 30px; } .fs-view .image-wrapper .show-icon span.icon { display: block; max-width: 100%; max-height: 100%; } .fs-view .image-wrapper .show-icon span.icon svg { width: 1.875rem; height: 1.875rem; max-width: 100%; } @media print { .article-border, .mgnlLikeBtn { display: none !important; } #main-wrapper { border: none !important; } #branding { display: none; } .article-header { min-height: 0 !important; } .article-header .infos { display: none; } .article-header .text-wrapper { width: 100% !important; max-width: 100vw !important; padding: 33px !important; min-height: 0 !important; } .article-header .bg-color-left { display: none !important; } .article-header .text-inner { position: static !important; width: 100% !important; max-width: 100% !important; transform: none !important; min-height: 0 !important; } .article-header .slider-wrapper { display: none; } .texts { width: 100% !important; max-width: none !important; } .texts .text { width: 100%; max-width: 100%; } .articles-list { display: none; } .infobox .inner-box { display: block; } .infobox .inner-box .swiper-slide { display: block; width: 100%; } .collapsibleTexts .collapsible .text { max-height: none; height: auto; opacity: 1; } .collapsibleTexts .collapsible .key:after { display: none; } h1 { font-size: 30px !important; } .quote-mark { display: none !important; } .spaceAfter, .spaceBefore { display: none !important; } .images-slider-wrapper { display: none; } .related-articles-header { display: none; } }