@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
@charset "UTF-8";
/* stylelint-disable selector-no-vendor-prefix */
/*
* Configuration :
*/
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@font-face {
font-family: "SharpGrotesk";
src: url(../fonts/SharpGroteskSmBold-20.woff2?fb45c69ce982334aa2817c3a54ff2044) format("woff");
}
:root {
--green-50: #FCFFE5;
--green-100: #F4FFAC;
--green-200: #ECFF73;
--green-300: #DDFF00;
--green-400: #A7CC52;
--green-500: #5F993D;
--green-600: #2B6629;
--green-700: #1D4728;
--green-800: #12382B;
--green-900: #062B25;
--pink-50: #F2EDFF;
--pink-100: #FFE0FF;
--pink-200: #FFD4FF;
--pink-300: #FFC7FF;
--pink-400: #E28AE5;
--pink-500: #AD59B2;
--pink-600: #783380;
--pink-700: #531C5C;
--pink-800: #340C3D;
--pink-900: #210128;
--purple-50: #E5E7FF;
--purple-100: #CCCFFF;
--purple-200: #ADB1FF;
--purple-300: #8187FF;
--purple-400: #6D74DA;
--purple-500: #575FB1;
--purple-600: #424A89;
--purple-700: #2C3563;
--purple-800: #16203A;
--purple-900: #111B31;
--gold-50: #FFFAED;
--gold-100: #EDE1C5;
--gold-200: #D4C39B;
--gold-300: #B9A574;
--gold-400: #A1906F;
--gold-500: #877964;
--gold-600: #6E6358;
--gold-700: #544E48;
--gold-800: #3B3735;
--gold-900: #211F1E;
--orange-50: #FFF3E5;
--orange-100: #FFCF99;
--orange-200: #FFAB4D;
--orange-300: #FF8700;
--orange-400: #d35400;
--orange-500: #b34700;
--orange-600: #8f3a00;
--orange-700: #5c2e00;
--orange-800: #3b1d00;
--orange-900: #2e1700;
--primary-50: var(--pink-50);
--primary-100: var(--pink-100);
--primary-200: var(--pink-200);
--primary-300: var(--pink-300);
--primary-400: var(--pink-400);
--primary-500: var(--pink-500);
--primary-600: var(--pink-600);
--primary-700: var(--pink-700);
--primary-800: var(--pink-800);
--primary-900: var(--pink-900);
}
/*
* Base :
*/
html,
body {
height: 100%;
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
*:before,
*:after {
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
overflow-wrap: break-word;
}
* {
outline-color: #fff;
outline-offset: 5px;
}
[hidden] {
display: none !important;
}
html.html-locked body {
overflow: hidden;
touch-action: none;
}
html {
min-width: 300px;
font-size: 16px;
background-color: var(--gold-900);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
optgroup,
select,
textarea {
font-family: "Inter", sans-serif;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
a {
color: var(--primary-300);
text-decoration: underline;
cursor: pointer;
}
a strong {
color: currentColor;
}
a:hover {
color: currentColor;
}
code {
padding: 0.25em 0.5em 0.25em;
font-size: 0.875em;
font-weight: normal;
color: rgb(150.2073170732, 28.25, 19.2926829268);
background-color: #373737;
}
hr {
display: block;
height: 2px;
margin: 1.5rem 0;
background-color: #ddd;
border: none;
}
img {
max-width: 100%;
height: auto;
}
input[type=checkbox],
input[type=radio] {
vertical-align: baseline;
}
small {
font-size: 0.875em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
font-weight: 700;
color: currentColor;
}
fieldset {
border: none;
}
pre {
padding: 1.25rem 1.5rem;
overflow-x: auto;
font-size: 0.875em;
color: #fff;
word-wrap: normal;
white-space: pre;
background-color: #373737;
-webkit-overflow-scrolling: touch;
}
pre code {
padding: 0;
font-size: 1em;
color: currentColor;
background-color: transparent;
}
table td,
table th {
vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
text-align: inherit;
}
table th {
color: 700;
}
/* Custom generic: from here is personal customisation of the reset */
*[hidden] {
display: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
input,
button {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button {
cursor: pointer;
border: 0 none;
border-radius: 0;
}
* {
box-sizing: border-box;
}
body {
position: relative;
overflow-x: hidden;
overflow-y: scroll;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #fff;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
/*
If you want to increase the size of the all website at some breakpoint do it here on the html!
*/
.main-layout {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
min-height: 100vh;
background: var(--gold-900);
overflow: clip;
}
.main-layout__head, .main-layout__foot {
flex-grow: 0;
flex-shrink: 0;
}
.main-layout__body {
flex-grow: 1;
flex-shrink: 0;
}
.main-layout__body-foot .section {
padding-bottom: 0rem;
}
.main-layout__foot {
margin-top: 3rem;
}
@media screen and (max-width: 767px) {
.main-layout__foot {
margin-top: 2rem;
}
}
.main-layout--404 .breadcrumb {
display: none;
}
.main-layout--404 .hero-404__container {
text-align: center;
}
.main-layout--404 .hero-404__description-rich-text {
margin-left: auto;
}
@media screen and (min-width: 1024px) {
.main-layout--404 .hero-404__description-rich-text {
max-width: 31.25rem;
margin-left: auto;
}
.main-layout--404 .head-wave {
padding-top: 21.875rem !important;
}
.main-layout--404 .head-wave__blave {
transform: translate3d(-50%, -70%, 0);
}
}
/*
* Components :
*/
@media screen and (max-width: 767px) {
.min-md {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.max-md {
display: none !important;
}
}
.title {
word-break: break-word;
font-weight: 400;
font-family: "SharpGrotesk", sans-serif;
line-height: 1.125;
}
.title strong, .title b, .title .pink {
color: var(--primary-300);
font-weight: 600;
}
.title em,
.title span {
font-weight: inherit;
}
.title--main {
font-family: "Inter", sans-serif;
font-weight: 400;
}
.title--main strong, .title--main b, .title--main .pink {
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
/*
Juste to let you know it's almost a copy->past from bulma.
You can see the comportement of the content on there docs:
@source https://bulma.io/documentation/elements/content/
*/
.rich-text {
font-weight: 300;
}
.rich-text .pink {
color: var(--primary-300);
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
.rich-text .intro {
font-size: 1.5rem;
}
.rich-text li + li {
margin-top: 0.25em;
}
.rich-text p:not(:last-child),
.rich-text dl:not(:last-child),
.rich-text ol:not(:last-child),
.rich-text ul:not(:last-child),
.rich-text blockquote:not(:last-child),
.rich-text pre:not(:last-child),
.rich-text table:not(:last-child) {
margin-bottom: 1em;
}
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
color: #fff;
font-weight: 400;
line-height: 1.125;
}
.rich-text h1 {
margin-bottom: 0.5em;
font-size: 3rem;
}
@media screen and (max-width: 767px) {
.rich-text h1 {
font-size: 2rem;
}
}
.rich-text h1:first-child {
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.rich-text h1:first-child {
font-size: 2rem;
}
}
.rich-text h1:not(:first-child) {
margin-top: 1em;
}
.rich-text h2 {
margin-bottom: 0.5714em;
font-size: 1.75em;
}
.rich-text h2:not(:first-child) {
margin-top: 1.1428em;
}
.rich-text h3 {
margin-bottom: 0.6666em;
font-size: 1.5em;
}
.rich-text h3:not(:first-child) {
margin-top: 1.3333em;
}
.rich-text h4 {
margin-bottom: 0.8em;
font-size: 1.25em;
}
.rich-text h5 {
margin-bottom: 0.8888em;
font-size: 1.125em;
}
.rich-text h6 {
margin-bottom: 1em;
font-size: 1em;
}
.rich-text p {
font-weight: 300;
}
.rich-text ol, .rich-text ul {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 1rem 0;
list-style: none;
}
.rich-text ol:not(:last-child), .rich-text ul:not(:last-child) {
margin-bottom: 1rem;
}
.rich-text ol {
--ol-spacing-left: 3.0625rem;
list-style-position: outside;
counter-reset: item;
margin-left: 0;
display: flex;
flex-direction: column;
gap: 1rem;
margin-left: var(--ol-spacing-left);
counter-reset: list-counter;
}
.rich-text ol:not(:last-child) {
margin-bottom: 1rem;
}
.rich-text ol > li {
counter-increment: list-counter;
}
.rich-text ol > li::before {
flex-shrink: 0;
width: 2rem;
height: 2rem;
content: counter(list-counter);
background: var(--primary-600);
border-radius: calc(infinity * 1px);
color: var(--primary-300);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
font-family: "SharpGrotesk", sans-serif;
display: inline-flex;
margin-top: -0.3125rem;
margin-left: calc(var(--ol-spacing-left) * -1);
margin-right: 1rem;
}
.rich-text ol > li:first-child {
margin-top: 0.375rem;
}
.rich-text ol > li + li {
margin-top: 0.375rem;
}
.rich-text li ul {
counter-reset: item;
}
.rich-text ul:not(.rich-text-numbers__list) {
--ul-spacing-left: 2.25rem;
margin-left: var(--ul-spacing-left);
}
.rich-text ul:not(.rich-text-numbers__list) ul {
list-style: disc outside;
margin-top: 0.5em;
list-style-type: circle;
}
.rich-text ul:not(.rich-text-numbers__list) ul ul {
list-style-type: square;
}
.rich-text ul:not(.rich-text-numbers__list) li:before {
flex-shrink: 0;
width: 0.5rem;
height: 0.5rem;
content: "";
background: #fff;
border-radius: calc(infinity * 1px);
margin-top: 0.4375rem;
display: inline-block;
margin-right: 1rem;
background: #fff;
border-radius: calc(infinity * 1px);
margin-top: 0.4375rem;
margin-left: calc(var(--ul-spacing-left) * -1 + 12px);
}
.rich-text dd {
margin-left: 2em;
}
.rich-text figure {
margin-right: 2em;
margin-left: 2em;
text-align: center;
}
.rich-text figure:not(:first-child) {
margin-top: 2em;
}
.rich-text figure:not(:last-child) {
margin-bottom: 2em;
}
.rich-text figure img {
display: inline-block;
}
.rich-text figure figcaption {
font-style: italic;
}
.rich-text pre {
-webkit-overflow-scrolling: touch;
padding: 1.25em 1.5em;
overflow-x: auto;
white-space: pre;
word-wrap: normal;
}
.rich-text sup,
.rich-text sub {
font-size: 75%;
}
.rich-text b, .rich-text strong {
font-weight: 700;
color: var(--primary-300);
}
.rich-text table {
width: 100%;
}
.rich-text table td,
.rich-text table th {
padding: 0.5em 0.75em;
vertical-align: top;
border: 1px solid 0.4375rem;
border-width: 0 0 1px;
}
.rich-text table th {
color: #fff;
}
.rich-text table th:not([align]) {
text-align: inherit;
}
.rich-text table thead td,
.rich-text table thead th {
color: #fff;
border-width: 0 0 2px;
}
.rich-text table tfoot td,
.rich-text table tfoot th {
color: #fff;
border-width: 2px 0 0;
}
.rich-text table tbody tr:last-child td,
.rich-text table tbody tr:last-child th {
border-bottom-width: 0;
}
.rich-text .tabs li + li {
margin-top: 0;
}
.rich-text .field--name-field-media-oembed-video {
aspect-ratio: 16/9;
width: 100%;
position: relative;
margin: 1.5rem 0;
}
.rich-text .field--name-field-media-oembed-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.rich-text-numbers {
margin: 4rem 0;
}
.rich-text-numbers__list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.rich-text-numbers__el {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 0.625rem;
padding: 1.125rem 0;
border-bottom: 1px solid var(--primary-600);
}
.rich-text-numbers__value {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-300);
line-height: 0.8;
}
.rich-text-numbers__label {
font-size: 1rem;
font-weight: 300;
}
.rich-text-numbers:last-child {
margin-bottom: 0;
}
.rich-text-numbers li:before {
display: none;
}
.rich-text-blockquote {
margin: 2.5rem 0;
padding-left: 1.5rem;
border-left: 1px solid var(--primary-600);
}
@media screen and (max-width: 767px) {
.rich-text-blockquote {
padding-left: 1rem;
}
}
.rich-text-blockquote__item {
font-style: italic;
font-weight: 300;
font-size: 1.125rem;
margin-bottom: 1.125rem;
}
.rich-text-blockquote__item:before {
content: "“";
}
.rich-text-blockquote__item:after {
content: "”";
}
.rich-text-blockquote__item p, .rich-text-blockquote__item:before, .rich-text-blockquote__item:after {
display: inline;
}
.rich-text-blockquote__author {
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
color: var(--primary-300);
margin: 0 !important;
}
.rich-text-blockquote__sub-author {
font-size: 0.875rem;
font-weight: 300;
margin: 0;
}
.rich-text-blockquote:last-child {
margin-bottom: 0;
}
.button {
display: inline-block;
position: relative;
height: 3rem;
padding: 0.75rem 1.5625rem;
font-family: "Inter", sans-serif;
font-size: 0.875rem;
font-weight: 700;
color: var(--primary-900);
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
background: var(--primary-300);
border-color: var(--primary-300);
border-style: solid;
border-width: 0.0625rem;
border-radius: calc(infinity * 1px);
outline: none;
transition: background-color 0.2s linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1), box-shadow 0.6s linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1), outline 0s linear;
}
.button .icon {
color: var(--primary-800);
}
.button .icon:not(:first-child) {
margin-right: -0.25rem;
margin-left: 0.375rem;
}
.button .icon:not(:last-child) {
margin-right: 0.375rem;
margin-left: -0.25rem;
}
.button:before {
position: absolute;
display: block;
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: calc(100% + 0.5rem * 2);
height: calc(100% + 0.5rem * 2);
left: -0.5rem;
top: -0.5rem;
background: var(--primary-300);
opacity: 0;
border-radius: calc(infinity * 1px);
transform: scale(0.9);
transition-property: opacity, transform;
transition-duration: 0.3s, 0.3s;
transition-timing-function: ease, ease;
}
.button:hover:active {
box-shadow: 0 0 0 0.0625rem hsl(from var(--primary-300) h s calc(l - 5));
}
.button:hover:before, .button:focus-visible:before {
opacity: 0.15;
transform: scale(1, 1);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.button:focus-visible {
outline: 2px solid #fff;
outline-offset: 5px;
}
.button:hover {
color: var(--primary-900);
background: hsl(from var(--primary-300) h s calc(l - 5));
border-color: hsl(from var(--primary-300) h s calc(l - 5));
}
.button[disabled] {
pointer-events: none;
filter: grayscale(1);
opacity: 0.5;
}
.button {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
}
.button--outlined {
color: #fff;
background: transparent;
border-color: var(--primary-300);
}
.button--outlined .icon {
color: var(--primary-400);
}
.button--outlined:hover:active {
box-shadow: 0 0 0 0.0625rem var(--primary-300);
}
.button--outlined:hover {
color: #fff;
background: transparent;
border-color: var(--primary-300);
}
.button--outlined.button--loading:after {
border-bottom-color: #fff;
border-left-color: #fff;
}
.button--has-link {
color: var(--primary-300);
text-decoration: underline;
background: transparent;
border-color: transparent;
}
.button--has-link:hover:active {
box-shadow: 0 0 0 0.0625rem hsl(from var(--primary-300) h s calc(l - 5));
}
.button--has-link:hover, .button--has-link:hover:active {
box-shadow: inherit;
}
.button--has-link:hover {
color: hsl(from var(--primary-300) h s calc(l - 5));
background: transparent;
border-color: transparent;
}
.button--has-link.button--loading:after {
border-bottom-color: var(--primary-300);
border-left-color: var(--primary-300);
}
.button--loading {
color: transparent;
pointer-events: none;
}
.button--loading::after {
position: relative;
top: calc(50% - 1em * 0.5);
left: calc(50% - 1em * 0.5);
display: block;
width: 1em;
height: 1em;
content: "";
border: 2px solid var(--primary-900);
border-top-color: transparent;
border-right-color: transparent;
border-radius: 99999px;
animation: spinAround 500ms infinite linear;
position: absolute;
}
.button--submit:disabled {
color: transparent;
}
.button-wrapper > a {
display: inline-block;
position: relative;
height: 3rem;
padding: 0.75rem 1.5625rem;
font-family: "Inter", sans-serif;
font-size: 0.875rem;
font-weight: 700;
color: var(--primary-900);
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
background: var(--primary-300);
border-color: var(--primary-300);
border-style: solid;
border-width: 0.0625rem;
border-radius: calc(infinity * 1px);
outline: none;
transition: background-color 0.2s linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1), box-shadow 0.6s linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1), outline 0s linear;
}
.button-wrapper > a .icon {
color: var(--primary-800);
}
.button-wrapper > a .icon:not(:first-child) {
margin-right: -0.25rem;
margin-left: 0.375rem;
}
.button-wrapper > a .icon:not(:last-child) {
margin-right: 0.375rem;
margin-left: -0.25rem;
}
.button-wrapper > a:before {
position: absolute;
display: block;
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: calc(100% + 0.5rem * 2);
height: calc(100% + 0.5rem * 2);
left: -0.5rem;
top: -0.5rem;
background: var(--primary-300);
opacity: 0;
border-radius: calc(infinity * 1px);
transform: scale(0.9);
transition-property: opacity, transform;
transition-duration: 0.3s, 0.3s;
transition-timing-function: ease, ease;
}
.button-wrapper > a:hover:active {
box-shadow: 0 0 0 0.0625rem hsl(from var(--primary-300) h s calc(l - 5));
}
.button-wrapper > a:hover:before, .button-wrapper > a:focus-visible:before {
opacity: 0.15;
transform: scale(1, 1);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.button-wrapper > a:focus-visible {
outline: 2px solid #fff;
outline-offset: 5px;
}
.button-wrapper > a:hover {
color: var(--primary-900);
background: hsl(from var(--primary-300) h s calc(l - 5));
border-color: hsl(from var(--primary-300) h s calc(l - 5));
}
.button-wrapper > a[disabled] {
pointer-events: none;
filter: grayscale(1);
opacity: 0.5;
}
.button-wrapper > a {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
}
.button-wrapper--outlined > a {
color: #fff;
background: transparent;
border-color: var(--primary-300);
}
.button-wrapper--outlined > a .icon {
color: var(--primary-400);
}
.button-wrapper--outlined > a:hover:active {
box-shadow: 0 0 0 0.0625rem var(--primary-300);
}
.button-wrapper--outlined > a:hover {
color: #fff;
background: transparent;
border-color: var(--primary-300);
}
.button-wrapper--outlined > a.button--loading:after {
border-bottom-color: #fff;
border-left-color: #fff;
}
.buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 0.5rem;
align-items: center;
justify-content: flex-start;
}
.buttons--centered {
justify-content: center;
}
.buttons--right {
justify-content: flex-end;
}
.tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.tags__el, .tags > a {
padding: 0.3125rem 1rem;
line-height: 1.2;
border-radius: calc(infinity * 1px);
border: 1px solid var(--primary-300);
background: var(--primary-900);
font-weight: 700;
font-size: 0.75rem;
white-space: nowrap;
}
@keyframes animBtnBef {
50% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0, 0, 0) rotate(45deg);
}
}
@keyframes animBtnAft {
50% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0, 0, 0) rotate(-45deg);
}
}
@keyframes animBtnBefBSCA {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 0, 0) rotate(135deg);
}
}
@keyframes animBtnAftBSCA {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 0, 0) rotate(225deg);
}
}
.burger {
position: relative;
width: 2.5rem;
height: 2.5rem;
background: rgba(0, 0, 0, 0.08);
border-radius: 50%;
}
.burger .burger__lines {
position: absolute;
left: 50%;
top: 50%;
width: calc(2.5rem / 2.3);
height: 2px;
background: var(--primary-300);
transform: translate3d(-50%, -50%, 0);
border-radius: 99999px;
}
.burger .burger__lines:before, .burger .burger__lines:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: var(--primary-300);
border-radius: 99999px;
}
.burger .burger__lines:before {
top: 0;
transform: translate3d(0, calc(2.5rem / 8), 0);
}
.burger .burger__lines:after {
bottom: 0;
transform: translate3d(0, calc(2.5rem / -8), 0);
}
.burger {
transition: all 0.6s linear(0, 0.438 5.2%, 0.755 10.8%, 0.971 17.1%, 1.043 20.6%, 1.092 24.3%, 1.125 29.3%, 1.131 35.2%, 1.114 41.6%, 1.043 58.9%, 1.018 68%, 1.003 80.3%, 1);
}
.burger .burger__lines {
transition: all 0.9s linear(0, 0.438 5.2%, 0.755 10.8%, 0.971 17.1%, 1.043 20.6%, 1.092 24.3%, 1.125 29.3%, 1.131 35.2%, 1.114 41.6%, 1.043 58.9%, 1.018 68%, 1.003 80.3%, 1);
}
.burger .burger__lines:before, .burger .burger__lines:after {
transition: all 0.6s linear(0, 0.618 4.6%, 1.072 9.7%, 1.358 15.3%, 1.446 18.4%, 1.497 21.7%, 1.512 23.9%, 1.514 26.2%, 1.481 31.5%, 1.421 36.4%, 1.174 53.4%, 1.108 59.5%, 1.059 65.7%, 1.028 71.9%, 1.009 78.9%, 1);
}
.burger.burger--hover {
background: rgba(0, 0, 0, 0.08);
}
.burger.burger--hover .burger__lines:before {
transform: translate3d(0, calc(2.5rem / (8 / 1.5)), 0);
}
.burger.burger--hover .burger__lines:after {
transform: translate3d(0, calc(2.5rem / (-8 / 1.5)), 0);
}
.burger.burger--active .burger__lines {
background: transparent;
transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.burger.burger--active .burger__lines:before {
animation: animBtnBef forwards 0.6s linear(0, 0.438 5.2%, 0.755 10.8%, 0.971 17.1%, 1.043 20.6%, 1.092 24.3%, 1.125 29.3%, 1.131 35.2%, 1.114 41.6%, 1.043 58.9%, 1.018 68%, 1.003 80.3%, 1);
}
.burger.burger--active .burger__lines:after {
animation: animBtnAft forwards 0.6s linear(0, 0.438 5.2%, 0.755 10.8%, 0.971 17.1%, 1.043 20.6%, 1.092 24.3%, 1.125 29.3%, 1.131 35.2%, 1.114 41.6%, 1.043 58.9%, 1.018 68%, 1.003 80.3%, 1);
}
.icobox {
display: flex;
align-items: center;
gap: 0.375rem;
background: transparent;
position: relative;
border-radius: 0px;
z-index: 2;
}
.icobox__label {
font-weight: 700;
font-size: 0.75rem;
color: var(--primary-300);
}
.icobox__box {
flex-shrink: 0;
width: 3rem;
height: 3rem;
position: relative;
color: var(--primary-300);
display: flex;
align-items: center;
justify-content: center;
}
.icobox__icon, .icobox__value {
position: relative;
z-index: 3;
}
.icobox__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.icobox__bg path {
stroke: var(--primary-300);
}
.icobox__bg {
z-index: 2;
}
.icobox__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.icobox__shadow path {
fill: var(--primary-300);
}
.icobox__shadow {
z-index: 1;
opacity: 0;
transition-property: opacity, transform;
transition-duration: 0.3s, 0.3s;
transition-timing-function: ease, ease;
}
.icobox:hover {
color: var(--primary-300);
}
.icobox:hover .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.icobox:focus-visible {
border-radius: 1rem;
outline: 2px solid #fff;
}
.icobox--vertical {
flex-direction: column-reverse;
}
.icobox--filled .icobox__box {
color: var(--primary-800);
}
.icobox--filled .icobox__bg path {
stroke: trasnparent;
}
.icobox--filled .icobox__bg path {
fill: var(--primary-300);
}
.icobox--label:focus-visible {
border-radius: 0.125rem;
}
.icobox--menu {
background: #000;
padding: 1rem;
margin: -1rem;
outline-offset: -0.625rem;
background: var(--gold-900);
}
.icobox--menu:focus-visible {
border-radius: 1rem;
}
.icobox--sm .icobox__box {
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
}
.icobox--xs .icobox__box {
flex-shrink: 0;
width: 1.875rem;
height: 1.875rem;
}
.icobox#icoboxBurger {
z-index: 4;
}
.header {
position: relative;
background: transparent;
color: #fff;
padding: 2.25rem 52px;
}
@media screen and (max-width: 1023px) {
.header {
padding: 1rem 16px;
}
}
.header__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.header__actions-md {
display: flex;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 1279px) {
.header__actions-md {
display: none;
}
}
.header__search-wrapper {
display: flex;
align-items: center;
gap: 0.5rem;
}
.header__search-input {
position: relative;
display: flex;
align-items: center;
min-width: 12.5rem;
height: 3.125rem;
border: 1px solid var(--primary-300);
border-radius: calc(infinity * 1px);
background: transparent;
z-index: 5;
}
.header__search-input .language-switcher__panel {
top: calc(100% + 0.5rem);
left: 0;
right: auto;
min-width: 12.5rem;
}
.header__search-input-button {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
height: 100%;
padding: 0 0.75rem;
background: transparent;
border: none;
cursor: pointer;
outline: none;
}
.header__search-input-button:hover .header__search-text {
color: var(--primary-300);
}
.header__search-input-button:focus-visible {
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
outline-offset: 2px;
border-radius: calc(infinity * 1px);
}
.header__search-text {
color: #fff;
font-size: 1rem;
white-space: nowrap;
transition: color 0.2s ease;
}
.header__search-flag {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.header__search-button {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
padding: 0;
background: transparent;
border: 1px solid var(--primary-300);
border-radius: 50%;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
outline: none;
}
.header__search-button:hover {
border-color: var(--primary-500);
}
.header__search-button:focus-visible {
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
outline-offset: 2px;
}
.header__search-button .icon {
color: var(--primary-300);
}
.header__actions-sm {
display: flex;
align-items: flex-start;
gap: 1.5rem;
}
@media screen and (min-width: 1280px) {
.header__actions-sm {
display: none;
}
}
@media screen and (max-width: 1279px) {
.header__logo {
width: 10.4375rem;
}
}
.header__button {
padding-left: 1.25rem;
padding-right: 1.25rem;
font-weight: 300;
}
.springbok-logo__text {
color: #fff;
}
.springbok-logo__blop {
color: var(--primary-300);
}
.header-menu {
z-index: 5;
align-self: stretch;
}
@media screen and (max-width: 1279px) {
.header-menu {
display: none;
}
}
.header-menu__list {
display: flex;
align-items: center;
height: 100%;
gap: 2rem;
position: relative;
}
.header-menu__link {
font-weight: 700;
font-size: 1rem;
background: transparent;
display: inline-block;
overflow: hidden;
position: relative;
margin: 0;
border: none;
vertical-align: middle;
padding: 0;
padding-bottom: 0.375rem;
margin-bottom: -0.375rem;
color: #fff;
text-decoration: none;
}
.header-menu__link:before {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--primary-300);
transform: scaleX(0);
transform-origin: left;
transform-origin: right bottom;
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header-menu__link:hover:before, .header-menu__link:focus:before, .header-menu__link:focus-visible:before, .header-menu__link--active:before, .header-menu__link[aria-expanded=true]:before {
transform: scaleX(1);
transform-origin: left bottom;
}
.header-menu__link--submenu {
display: inline-flex;
align-items: center;
gap: 0.125rem;
}
.header-menu__link--active .header-menu__link-arrow, .header-menu__link[aria-expanded=true] .header-menu__link-arrow {
transform: rotate(180deg);
}
.header-menu__link-arrow {
flex-shrink: 0;
position: relative;
border: none;
transition: all 0.3s ease;
flex-shrink: 0;
width: 1.5625rem;
height: 1.5625rem;
height: 1.25rem;
}
.header-menu__link-arrow:after {
position: absolute;
display: block;
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
margin-top: calc(0.625rem / -2);
pointer-events: none;
border: 2px solid var(--primary-300);
border-top: 0;
border-right: 0;
border-radius: 2px;
transform: rotate(-45deg);
transform-origin: center;
margin-top: 4px;
margin-left: 8px;
}
@keyframes slideIn {
from {
transform: translateX(-0.625rem);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.header-submenu {
position: absolute;
opacity: 0;
pointer-events: none;
left: 0;
bottom: -2.25rem;
width: 100%;
transform: translate3d(0, 100%, 0);
padding: 2.5rem 0;
z-index: 4;
}
.header-submenu__list {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 14rem;
gap: 1rem;
}
.header-submenu__link {
text-decoration: none;
color: #fff;
display: block;
padding: 0.25rem 0;
opacity: 0;
}
@media (prefers-reduced-motion) {
.header-submenu__link {
transition: none !important;
animation: none !important;
opacity: 1;
}
}
.header-submenu__link:hover {
color: var(--primary-300);
}
.header-submenu.is-disclosure-active {
opacity: 1;
pointer-events: initial;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(1) .header-submenu__link {
animation-delay: 0.05s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(2) .header-submenu__link {
animation-delay: 0.1s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(3) .header-submenu__link {
animation-delay: 0.15s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(4) .header-submenu__link {
animation-delay: 0.2s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(5) .header-submenu__link {
animation-delay: 0.25s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(6) .header-submenu__link {
animation-delay: 0.3s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(7) .header-submenu__link {
animation-delay: 0.35s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(8) .header-submenu__link {
animation-delay: 0.4s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(9) .header-submenu__link {
animation-delay: 0.45s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(10) .header-submenu__link {
animation-delay: 0.5s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(11) .header-submenu__link {
animation-delay: 0.55s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(12) .header-submenu__link {
animation-delay: 0.6s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(13) .header-submenu__link {
animation-delay: 0.65s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(14) .header-submenu__link {
animation-delay: 0.7s;
}
.header-submenu.is-disclosure-active .header-submenu__el:nth-child(15) .header-submenu__link {
animation-delay: 0.75s;
}
.header-submenu.is-disclosure-active .header-submenu__link {
animation: slideIn 0.3s forwards;
}
.header-submenu-background {
position: absolute;
background: #000;
transition: all 0.3s ease;
bottom: 0;
left: -100vw;
height: 150px;
width: 300vw;
transform: translate3d(0, 100%, 0);
opacity: 0;
pointer-events: none;
z-index: 4;
}
@media screen and (max-width: 1279px) {
.header-submenu-background {
display: none;
}
}
.header-submenu-background.is-disclosure-active {
opacity: 1;
pointer-events: initial;
}
@media screen and (min-width: 1280px) {
.header-menu-sm {
display: none;
}
}
.header-menu-sm {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--gold-900);
opacity: 0.5;
z-index: 4;
opacity: 0;
pointer-events: none;
overflow-y: scroll;
padding: 0 52px;
padding-top: 6.25rem;
}
@media screen and (max-width: 1023px) {
.header-menu-sm {
padding: 0 16px;
padding-top: 3.75rem;
}
}
.header-menu-sm__list {
display: flex;
flex-direction: column;
align-items: center;
}
.header-menu-sm__el {
width: 100%;
border-bottom: 1px solid var(--primary-600);
}
.header-menu-sm__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.375rem 0;
text-decoration: none;
color: #fff;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
background: transparent;
width: 100%;
}
.header-menu-sm__link--active .header-menu-sm__link-arrow, .header-menu-sm__link[aria-expanded=true] .header-menu-sm__link-arrow {
transform: rotate(180deg);
}
.header-menu-sm__link-label {
font-weight: 700;
font-size: 1rem;
}
.header-menu-sm__link-arrow {
flex-shrink: 0;
position: relative;
border: none;
transition: all 0.3s ease;
flex-shrink: 0;
width: 1.5625rem;
height: 1.5625rem;
}
.header-menu-sm__link-arrow:after {
position: absolute;
display: block;
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
margin-top: calc(0.625rem / -2);
pointer-events: none;
border: 2px solid var(--primary-300);
border-top: 0;
border-right: 0;
border-radius: 2px;
transform: rotate(-45deg);
transform-origin: center;
margin-top: 6px;
margin-left: 8px;
}
.header-menu-sm--active, .header-menu-sm.is-disclosure-active {
opacity: 1;
pointer-events: initial;
}
@keyframes slideIn {
from {
transform: translateX(-0.625rem);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.header-submenu-sm {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: all 0.3s ease-out;
opacity: 0;
margin: -1rem 0 0 0;
pointer-events: none;
}
.header-submenu-sm__list {
padding: 0 0 1rem 1rem;
grid-column: 1;
grid-row: 1;
min-height: 0;
}
.header-submenu-sm__link {
display: block;
padding: 0.5rem 0;
font-size: 1rem;
text-decoration: none;
color: #fff;
opacity: 0;
transition: opacity 0.3s ease;
}
.header-submenu-sm.is-disclosure-active {
pointer-events: initial;
grid-template-rows: 1fr;
opacity: 1;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(1) .header-submenu-sm__link {
animation-delay: 0.05s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(2) .header-submenu-sm__link {
animation-delay: 0.1s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(3) .header-submenu-sm__link {
animation-delay: 0.15s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(4) .header-submenu-sm__link {
animation-delay: 0.2s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(5) .header-submenu-sm__link {
animation-delay: 0.25s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(6) .header-submenu-sm__link {
animation-delay: 0.3s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(7) .header-submenu-sm__link {
animation-delay: 0.35s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(8) .header-submenu-sm__link {
animation-delay: 0.4s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(9) .header-submenu-sm__link {
animation-delay: 0.45s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__el:nth-child(10) .header-submenu-sm__link {
animation-delay: 0.5s;
}
.header-submenu-sm.is-disclosure-active .header-submenu-sm__link {
animation: slideIn 0.3s forwards;
}
.language-switcher {
position: relative;
display: inline-block;
z-index: 5;
}
.language-switcher__button {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
background: transparent;
border: 1px solid var(--primary-300);
border-radius: 50%;
cursor: pointer;
transition: all 0.2s ease;
outline: none;
}
.language-switcher__button:hover {
border-color: var(--primary-500);
}
.language-switcher__button:focus-visible {
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
outline-offset: 2px;
}
.language-switcher__button[aria-expanded=true] {
border-color: var(--primary-300);
}
.language-switcher__flag {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
overflow: hidden;
}
.language-switcher__panel {
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
opacity: 0;
pointer-events: none;
transform: translate3d(0, -0.625rem, 0);
padding: 0.5rem;
background: var(--gold-900);
border: 1px solid var(--primary-300);
border-radius: 0.5rem;
min-width: 10.75rem;
z-index: 4;
transition: all 0.3s ease;
}
.language-switcher__panel.is-disclosure-active {
opacity: 1;
pointer-events: initial;
transform: translate3d(0, 0, 0);
}
.language-switcher__list {
display: flex;
flex-direction: column;
gap: 0.25rem;
list-style: none;
margin: 0;
padding: 0;
}
.language-switcher__item {
margin: 0;
}
.language-switcher__link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.5rem 0.75rem;
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: all 0.2s ease;
}
.language-switcher__link:hover {
background: var(--primary-700);
color: var(--primary-300);
}
.language-switcher__link--active {
background: var(--primary-700);
color: var(--primary-300);
}
.language-switcher__label {
font-size: 1rem;
}
.footer {
padding: 4rem 52px;
}
@media screen and (max-width: 1023px) {
.footer {
padding: 2rem 16px;
}
}
.footer {
background: var(--primary-900);
color: #fff;
}
@media screen and (max-width: 767px) {
.footer {
padding: 0;
background: transparent;
}
}
.footer__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
display: flex;
gap: 3.75rem;
}
@media screen and (max-width: 1023px) {
.footer__container {
gap: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.footer__container {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.footer__container-aside {
padding: 0rem 16px;
}
}
@media screen and (min-width: 768px) {
.footer__container-aside {
max-width: 26.25rem;
}
}
.footer__container-inner {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.footer__container-inner {
padding: 2.125rem 16px;
background: var(--primary-900);
}
}
.footer__container-inner-top {
width: 100%;
}
@media screen and (min-width: 1280px) {
.footer__container-inner-top {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
}
.footer-menu {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 1.75rem;
}
@media screen and (min-width: 768px) {
.footer-menu {
display: grid;
gap: 1.75rem;
grid-template-rows: repeat(4, minmax(0, 1fr));
grid-auto-flow: column;
}
}
.footer-menu-link {
color: #fff;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
text-decoration: none;
display: inline-block;
overflow: hidden;
position: relative;
margin: 0;
border: none;
vertical-align: middle;
padding: 0;
padding-bottom: 0.375rem;
margin-bottom: -0.375rem;
color: #fff;
text-decoration: none;
}
.footer-menu-link:before {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--primary-300);
transform: scaleX(0);
transform-origin: left;
transform-origin: right bottom;
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footer-menu-link:hover:before, .footer-menu-link:focus:before, .footer-menu-link:focus-visible:before, .footer-menu-link--active:before, .footer-menu-link[aria-expanded=true]:before {
transform: scaleX(1);
transform-origin: left bottom;
}
@media screen and (max-width: 1279px) {
.footer-socials {
margin-top: 1.875rem;
padding-top: 1.875rem;
border-top: 1px solid var(--primary-600);
}
}
.footer-socials__label {
font-size: 1rem;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
margin-bottom: 1rem;
}
.footer-socials__list {
display: flex;
gap: 1rem;
}
.footer-logos {
display: grid;
gap: 1.5rem 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 1279px) {
.footer-logos {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.footer-logos {
width: 100%;
}
.footer-logos__item {
display: flex;
align-items: center;
justify-content: center;
min-height: 5.875rem;
gap: 2rem;
color: #fff;
padding: 1.125rem;
border: 1px solid var(--primary-600);
border-radius: 1rem;
text-decoration: none;
}
.footer-logos__item-label {
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
.footer-logos a {
color: #fff;
}
.footer-legals {
display: flex;
flex-wrap: wrap;
gap: 1.25rem 1.875rem;
color: #fff;
font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
.footer-legals {
justify-content: center;
align-items: center;
}
}
.footer-legal-link {
color: #fff;
font-size: 0.875rem;
text-decoration: none;
}
a.footer-legal-link {
text-decoration: underline;
}
.breadcrumb {
padding: 0.75rem 52px;
}
@media screen and (max-width: 1023px) {
.breadcrumb {
padding: 0.75rem 16px;
}
}
.breadcrumb {
padding-top: 0;
}
@media screen and (max-width: 767px) {
.breadcrumb {
padding-top: 0;
}
}
.breadcrumb__list {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
display: flex;
align-items: center;
gap: 0.25rem 0.5rem;
flex-wrap: wrap;
}
.breadcrumb__el, .breadcrumb__no-link, .breadcrumb__link {
display: flex;
align-items: center;
gap: 0.25rem;
}
.breadcrumb__separator {
color: var(--primary-300);
}
.breadcrumb__link, .breadcrumb__no-link {
font-weight: 700;
font-size: 0.875rem;
}
.breadcrumb__link {
color: rgba(from #fff r g b/0.6);
text-decoration: underline;
text-underline-offset: 2px;
}
.breadcrumb__link:hover {
color: rgba(from #fff r g b/0.6);
}
.breadcrumb__link-icon {
color: var(--primary-400);
}
.get-inspired {
position: relative;
z-index: 2;
border-radius: 1rem;
border: 1px solid var(--primary-600);
background: transparent;
padding: 2rem 3rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 1023px) {
.get-inspired {
padding: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.get-inspired__icon {
display: none;
}
}
.get-inspired__icon svg {
display: inline-block;
}
@media screen and (max-width: 767px) {
.get-inspired__icon {
text-align: center;
}
.get-inspired__icon svg {
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
}
}
.get-inspired__icon {
margin-bottom: 1.5rem;
}
.get-inspired__icon-rect {
color: var(--primary-700);
}
@media screen and (max-width: 767px) {
.get-inspired__icon-rect {
color: transparent;
}
}
.get-inspired__icon-path {
color: var(--primary-300);
}
.get-inspired__title {
font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
.get-inspired__title {
text-align: center;
}
}
.get-inspired__title {
font-weight: 500;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.get-inspired__description-rich-text {
text-align: center;
}
}
.get-inspired__webform {
margin-top: 1.5rem;
}
.pager {
padding: 0 52px;
}
@media screen and (max-width: 1023px) {
.pager {
padding: 0 16px;
}
}
.pager__items {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0.375rem;
}
.pager__item a {
text-decoration: none;
border-radius: 1rem;
}
.pager__item--active a {
pointer-events: none;
}
.pager__icobox .icobox__bg path {
stroke: transparent;
}
.pager__icobox .icobox__shadow path {
fill: var(--primary-300);
}
@media screen and (max-width: 767px) {
.pager__icobox-active .icobox__box {
flex-shrink: 0;
width: 1.75rem;
height: 1.75rem;
}
}
.pager__icobox-active .icobox__value {
color: var(--primary-900);
}
.pager__icobox-active .icobox__bg path {
stroke: transparent;
}
.pager__icobox-active .icobox__bg path {
fill: var(--primary-300);
}
.ajax-progress.ajax-progress-fullscreen {
flex-shrink: 0;
width: 3.75rem;
height: 3.75rem;
border-radius: 0.5rem;
background: var(--primary-900);
display: flex;
align-items: center;
justify-content: center;
}
.ajax-progress.ajax-progress-fullscreen:after {
position: relative;
display: block;
width: 1.5625rem;
height: 1.5625rem;
content: "";
border: 3px solid white;
border-top-color: transparent;
border-right-color: transparent;
border-radius: 99999px;
animation: spinAround 500ms infinite linear;
}
@keyframes blaveBounceGoBack {
0% {
transform: translate3d(-50%, -50%, 0) scale(1);
}
50% {
transform: translate3d(-50%, -50%, 0) scale(1.5);
}
100% {
transform: translate3d(-50%, -50%, 0) scale(1);
}
}
@keyframes blaveBounce {
0% {
transform: translate3d(-50%, -50%, 0) scale(1);
}
100% {
transform: translate3d(-50%, -50%, 0) scale(1.5);
}
}
@keyframes blaveFade {
0% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(1);
}
10% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(3.5);
}
}
@keyframes blaveStrockWidth {
0% {
stroke-width: 0.01px;
}
10% {
stroke-width: 1px;
}
100% {
stroke-width: 0.01px;
}
}
.blave {
flex-shrink: 0;
width: 41.875rem;
height: 41.875rem;
z-index: 1;
position: relative;
pointer-events: none;
}
@media (prefers-reduced-motion) {
.blave {
transition: none !important;
animation: none !important;
display: none;
}
}
.blave__wave {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.blave__wave path {
stroke: var(--primary-300);
}
.blave--1, .blave--2, .blave--3 {
padding: 50vh 0;
}
.blave--1 .blave__wave:nth-child(3n+1) {
width: 90.5%;
height: 90.5%;
animation-delay: 500ms;
}
.blave--1 .blave__wave:nth-child(3n+2) {
width: 81%;
height: 81%;
animation-delay: 400ms;
}
.blave--1 .blave__wave:nth-child(3n+3) {
width: 71.5%;
height: 71.5%;
animation-delay: 300ms;
}
.blave--1 .blave__wave:nth-child(3n+4) {
width: 62%;
height: 62%;
animation-delay: 200ms;
}
.blave--1 .blave__wave:nth-child(3n+5) {
width: 52.5%;
height: 52.5%;
animation-delay: 100ms;
}
.blave--1 .blave__wave:nth-child(3n+6) {
width: 43%;
height: 43%;
animation-delay: 0ms;
}
.blave--1 .blave__wave:nth-child(1) path {
stroke-width: 0.06px;
}
.blave--1 .blave__wave:nth-child(2) path {
stroke-width: 0.12px;
}
.blave--1 .blave__wave:nth-child(3) path {
stroke-width: 0.19px;
}
.blave--1 .blave__wave:nth-child(4) path {
stroke-width: 0.25px;
}
.blave--1 .blave__wave:nth-child(5) path {
stroke-width: 0.5px;
}
.blave--1 .blave__wave:nth-child(6) path {
stroke-width: 1px;
}
.blave--1 .blave__wave {
animation-name: blaveBounceGoBack;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear(0, 0.166 3.5%, 0.292 6.6%, 0.409 10%, 0.514 13.7%, 0.607 17.7%, 0.686 21.9%, 0.754 26.5%, 0.812 31.6%, 0.858 36.9%, 0.896 42.7%, 0.95 56.4%, 0.98 74.2%, 1);
}
.blave--2 .blave__wave:nth-child(3n+1) {
width: 30%;
height: 90.5%;
animation-delay: -7000ms;
}
.blave--2 .blave__wave:nth-child(3n+1) path {
animation-delay: -7000ms;
}
.blave--2 .blave__wave:nth-child(3n+2) {
width: 30%;
height: 81%;
animation-delay: -14000ms;
}
.blave--2 .blave__wave:nth-child(3n+2) path {
animation-delay: -14000ms;
}
.blave--2 .blave__wave:nth-child(3n+3) {
width: 30%;
height: 71.5%;
animation-delay: -21000ms;
}
.blave--2 .blave__wave:nth-child(3n+3) path {
animation-delay: -21000ms;
}
.blave--2 .blave__wave:nth-child(3n+4) {
width: 30%;
height: 62%;
animation-delay: -28000ms;
}
.blave--2 .blave__wave:nth-child(3n+4) path {
animation-delay: -28000ms;
}
.blave--2 .blave__wave:nth-child(3n+5) {
width: 30%;
height: 52.5%;
animation-delay: -35000ms;
}
.blave--2 .blave__wave:nth-child(3n+5) path {
animation-delay: -35000ms;
}
.blave--2 .blave__wave:nth-child(3n+6) {
width: 30%;
height: 43%;
animation-delay: -42000ms;
}
.blave--2 .blave__wave:nth-child(3n+6) path {
animation-delay: -42000ms;
}
.blave--2 .blave__wave {
animation-name: blaveFade;
animation-duration: 42000ms;
animation-iteration-count: infinite;
animation-direction: initial;
animation-timing-function: linear;
}
.blave--2 .blave__wave path {
animation-name: blaveStrockWidth;
animation-duration: 42000ms;
animation-iteration-count: infinite;
animation-direction: initial;
animation-timing-function: linear;
}
.blave--3 .blave__wave:nth-child(3n+1) {
width: 90.5%;
height: 90.5%;
animation-delay: 500ms;
}
.blave--3 .blave__wave:nth-child(3n+2) {
width: 81%;
height: 81%;
animation-delay: 400ms;
}
.blave--3 .blave__wave:nth-child(3n+3) {
width: 71.5%;
height: 71.5%;
animation-delay: 300ms;
}
.blave--3 .blave__wave:nth-child(3n+4) {
width: 62%;
height: 62%;
animation-delay: 200ms;
}
.blave--3 .blave__wave:nth-child(3n+5) {
width: 52.5%;
height: 52.5%;
animation-delay: 100ms;
}
.blave--3 .blave__wave:nth-child(3n+6) {
width: 43%;
height: 43%;
animation-delay: 0ms;
}
.blave--3 .blave__wave:nth-child(1) path {
stroke-width: 0.06px;
}
.blave--3 .blave__wave:nth-child(2) path {
stroke-width: 0.12px;
}
.blave--3 .blave__wave:nth-child(3) path {
stroke-width: 0.19px;
}
.blave--3 .blave__wave:nth-child(4) path {
stroke-width: 0.25px;
}
.blave--3 .blave__wave:nth-child(5) path {
stroke-width: 0.5px;
}
.blave--3 .blave__wave:nth-child(6) path {
stroke-width: 1px;
}
.blave--3 .blave__wave {
animation-name: blaveBounce;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-direction: initial;
animation-timing-function: linear(0, 0.724 8.8%, 0.886 12.4%, 0.924 14.1%, 0.937 15.8%, 0.926 17.3%, 0.894 18.9%, 0.771 22.1%, -0.248 37.2%, -0.43 41.2%, -0.515 45%, -0.525 46.6%, -0.521 48.2%, -0.469 51.6%, -0.04 65.1%, 0.039 68.5%, 0.086 71.9%, 0.103 74.7%, 0.102 77.7%, 0.015 91%, 0.003 95%, 0);
}
.head-wave {
overflow: hidden;
position: relative;
padding-top: 31.25rem !important;
margin-bottom: -6.25rem !important;
}
@media screen and (max-width: 1023px) {
.head-wave {
padding-top: 42vw !important;
}
}
@media screen and (max-width: 489px) {
.head-wave {
padding-top: 70vw !important;
}
}
@media (prefers-reduced-motion) {
.head-wave {
transition: none !important;
animation: none !important;
display: none;
padding-top: 12.5rem !important;
}
}
.head-wave__blave {
position: absolute;
top: 0;
left: 50%;
transform: translate3d(-50%, -60%, 0);
width: 75rem;
height: auto;
}
@media screen and (max-width: 1023px) {
.head-wave__blave {
width: 110vw;
}
}
@media screen and (max-width: 489px) {
.head-wave__blave {
width: 200vw;
}
}
.head-wave__container {
margin-top: -6.25rem !important;
}
.head-wave--section {
margin-bottom: 0rem !important;
}
:root {
interpolate-size: allow-keywords;
}
.disclosure-html {
border-bottom: 1px solid var(--primary-600);
}
.disclosure-html__summary {
cursor: pointer;
display: flex;
align-items: center;
gap: 1.5rem;
width: 100%;
justify-content: space-between;
padding: 1.5rem 0;
border-radius: 0.75rem;
outline-offset: 7px;
}
.disclosure-html__summary-content {
flex-grow: 1;
}
.disclosure-html__summary-icon {
color: var(--primary-400);
transition: all 0.3s ease;
}
.disclosure-html__content {
padding: 0 0 1.625rem 0;
opacity: 0;
transition: opacity 0.5s ease-out;
}
.disclosure-html::details-content {
transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
height: 0;
overflow: clip;
}
.disclosure-html[open]::details-content {
height: auto;
}
.disclosure-html[open] .disclosure-html__summary-icon {
transform: rotate(180deg);
}
.disclosure-html[open] .disclosure-html__content {
opacity: 1;
}
@media screen and (min-width: 768px) {
.disclosure-html--box {
border: 1px solid var(--primary-600);
border-radius: 0.75rem;
}
}
.disclosure-html--box {
padding: 0rem;
}
.disclosure-html--box .disclosure-html__summary {
padding: 1.5rem 0.75rem;
}
@media screen and (max-width: 767px) {
.disclosure-html--box .disclosure-html__summary {
padding: 1.125rem 0;
}
}
.disclosure-html--box .disclosure-html__content {
padding: 0.75rem;
padding-top: 0rem;
}
@media screen and (max-width: 767px) {
.disclosure-html--box .disclosure-html__content {
padding: 0.75rem 0;
padding-top: 0;
margin-top: -0.125rem;
}
}
.disclosure-html--box {
transition: all 0.3s ease;
}
.disclosure-html--box:hover {
border-color: var(--primary-300);
}
summary::-webkit-details-marker {
display: none;
}
.partner-head-items {
gap: 1rem;
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media screen and (max-width: 1279px) {
.partner-head-items {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media screen and (max-width: 1023px) {
.partner-head-items {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.partner-head-items {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.partner-head-item {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--primary-600);
border-radius: 0.5rem;
padding: 0.75rem 1.375rem;
transition: all 0.3s ease;
}
.partner-head-item img {
min-height: 1.25rem;
}
.partner-head-item:hover {
background: var(--primary-800);
border-color: var(--primary-300);
}
.partner-item {
padding-bottom: 2.375rem;
border-bottom: 1px solid var(--primary-600);
display: flex;
flex-direction: column;
gap: 1rem;
}
.partner-disclosure-head {
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
width: 100%;
font-size: 1rem;
font-weight: 300;
}
@media screen and (min-width: 768px) {
.partner-disclosure-head {
flex-direction: column;
align-items: start;
gap: 1rem;
}
.partner-disclosure-head img {
min-height: 3.75rem;
}
}
.partner-disclosure-body__title {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-300);
}
.partner-disclosure-body__tags-title {
font-size: 0.875rem;
font-weight: 700;
margin-bottom: 0.75rem;
}
.partner-disclosure-body__tags-wrapper .tags {
justify-content: start;
}
.partner-disclosure-body__rich-text {
margin: 1.5rem 0;
}
.info-list {
display: grid;
margin: 1.5rem 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.info-list__item {
border-left: 1px solid var(--primary-600);
padding: 0.75rem 1rem;
}
.info-list__item:first-child, .info-list__item:nth-child(2) {
padding-top: 0;
}
.info-list__item:last-child, .info-list__item:nth-last-child(2) {
padding-bottom: 0;
}
.info-list__item-label {
font-size: 0.875rem;
}
.info-list__item-value {
font-size: 1rem;
font-weight: 700;
}
.tabs-wrapper {
background: #000;
padding: 1rem;
}
.tabs {
--count: 1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0rem;
position: relative;
}
.tabs:after {
position: absolute;
display: block;
content: "";
left: 0;
width: 33%;
height: 100%;
background: #fff;
border-radius: 0.5rem;
transition: all 0.4s ease;
opacity: 0.2;
transform: translateX(calc(100% * (var(--count) - 1)));
}
.tabs:has(.tab:nth-of-type(2):hover) {
--count: 2;
}
.tabs:has(.tab:nth-of-type(3):hover) {
--count: 3;
}
.tab {
z-index: 2;
position: relative;
background: transparent;
color: #fff;
padding: 0.625rem;
}
@keyframes infinite-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-12.9375rem * 21));
}
}
@keyframes infinite-scroll-mobile {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-12.9375rem * 35));
}
}
.infinite-slider {
position: relative;
width: 100%;
margin: auto;
}
.infinite-slider__slide-track {
list-style: none;
display: flex;
width: 452.8125rem;
animation: infinite-scroll 200s linear infinite;
animation-play-state: var(--carousel-infinite-slider--animation-state, running);
}
.infinite-slider__slide {
display: flex;
align-items: center;
justify-content: center;
width: 12.9375rem;
}
.infinite-slider__slide img {
max-width: 12.1875rem;
}
.infinite-slider:hover {
--carousel-infinite-slider--animation-state: paused;
}
.infinite-slider--stopped {
--carousel-infinite-slider--animation-state: paused;
}
@media screen and (max-width: 767px) {
.infinite-slider {
--carousel-infinite-slider--gutter: 1.25rem;
}
.infinite-slider__slide-track {
width: 452.8125rem;
animation: infinite-scroll-mobile 200s linear infinite;
animation-play-state: var(--carousel-infinite-slider--animation-state, running);
}
.infinite-slider .slide {
width: 12.9375rem;
}
}
.infinite-slider-play-stop {
background: transparent;
color: #fff;
opacity: 0.3;
margin: 0 auto;
display: block;
margin-top: 1.5rem;
border-radius: calc(infinity * 1px);
}
.infinite-slider-play-stop__play {
display: none;
}
.infinite-slider-play-stop--stopped .infinite-slider-play-stop__pause {
display: none;
}
.infinite-slider-play-stop--stopped .infinite-slider-play-stop__play {
display: block;
}
.main-filters__title {
font-size: 1.5rem;
}
.main-filters__form-item label {
display: none;
}
.main-filters__form-item [type=submit] {
display: none !important;
}
.main-filters__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.main-filters__group-list {
display: flex;
flex-direction: column;
}
.main-filters__group-el {
border-bottom: 1px solid var(--primary-600);
padding: 1rem 0;
}
.main-filters__group-title {
font-weight: 700;
}
.main-filters__group-head {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.main-filters__results {
margin-top: 1.5rem;
}
.main-filters__results button {
width: 100%;
}
.filters-head-item {
display: flex;
align-items: center;
background-color: transparent;
padding: 0;
vertical-align: middle;
color: #fff;
gap: 0.25rem;
text-decoration: none;
}
.filters-head-item__icon {
color: var(--primary-500);
}
.main-layout--page-cases .views-element-container header {
display: none;
}
.modal {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow-y: scroll;
background: rgba(from var(--primary-900) r g b/0.95);
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.modal {
padding: 2rem 16px;
}
}
.modal__close {
background: transparent;
color: var(--primary-500);
border: none;
}
.modal__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.modal__dialog {
position: relative;
z-index: 2;
height: 100%;
display: block;
width: 100%;
max-width: 66.5rem;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.modal__dialog {
display: flex;
flex-direction: column;
}
}
.modal__dialog-head {
display: flex;
justify-content: flex-end;
margin-bottom: 2.5rem;
}
.modal__dialog-body {
flex-grow: 1;
}
.modal__img {
border-radius: 0.5rem;
}
.modal--video .modal__dialog {
display: flex;
flex-direction: column;
}
.modal--video .modal__dialog-body {
display: flex;
align-items: center;
justify-content: center;
margin-top: -3rem;
}
.modal--open {
display: block;
}
.modal--open .modal__dialog {
animation: 0.3s modal-opening-keyframes forwards;
}
.modal--open .modal__overlay {
animation: 0.3s modal-overlay-opening-keyframes forwards;
}
.modal--close {
display: block;
pointer-events: none;
}
.modal--close .modal__dialog {
animation: 0.3s modal-closing-keyframes forwards;
}
.modal--close .modal__overlay {
animation: 0.3s modal-overlay-closing-keyframes forwards;
}
@keyframes modal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
filter: blur(0);
}
}
@keyframes modal-closing-keyframes {
from {
opacity: 1;
transform: none;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes modal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes modal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.modal-video {
position: relative;
width: 80%;
border-radius: 1rem;
overflow: hidden;
}
.modal-video__focus-out {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
pointer-events: none;
z-index: 1;
}
@keyframes slideInRight {
from {
transform: translate3d(12.5rem, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.fullscreen-modal {
opacity: 0;
pointer-events: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 6;
}
@media screen and (min-width: 768px) {
.fullscreen-modal {
display: flex;
justify-content: flex-end;
}
}
.fullscreen-modal__inner {
position: relative;
z-index: 2;
padding: 2.25rem 52px;
}
@media screen and (max-width: 1023px) {
.fullscreen-modal__inner {
padding: 1rem 16px;
}
}
.fullscreen-modal__inner {
padding-top: 0;
max-height: 100vh;
overflow-y: scroll;
}
@media screen and (max-width: 1023px) {
.fullscreen-modal__inner {
padding-top: 0;
}
}
.fullscreen-modal__inner {
width: 50%;
max-width: 33.75rem;
height: 100%;
background: var(--gold-900);
}
@media screen and (max-width: 767px) {
.fullscreen-modal__inner {
max-width: initial;
width: 100%;
}
}
.fullscreen-modal__inner-head {
display: flex;
justify-content: flex-end;
padding: 2.25rem 0;
}
@media screen and (max-width: 1023px) {
.fullscreen-modal__inner-head {
padding: 1rem 0;
}
}
.fullscreen-modal__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 1;
background: rgba(from black r g b/0.5);
}
.fullscreen-modal--active {
opacity: 1;
pointer-events: initial;
}
@media screen and (min-width: 768px) {
.fullscreen-modal--active .fullscreen-modal__inner {
animation: slideInRight 0.2s ease-out forwards;
}
}
.share-links {
display: inline-block;
padding: 1rem 1.875rem;
border-radius: 1rem;
border: 1px solid var(--primary-600);
margin-top: 3.75rem;
}
@media screen and (max-width: 1023px) {
.share-links {
width: 100%;
}
}
.share-links__title {
color: #fff;
font-weight: 700;
text-align: center;
margin-bottom: 1rem;
}
.share-links__list {
display: flex;
justify-content: center;
align-items: center;
gap: 1.25rem;
}
.plyr--video {
--plyr-color-main: var(--primary-300);
--plyr-video-controls-background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
}
.plyr--video .plyr__controls {
padding-top: 3.125rem;
}
.plyr--video .plyr__control svg {
position: relative;
z-index: 2;
}
.plyr--video .plyr__control:before {
position: absolute;
display: block;
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: var(--plyr-color-main);
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100%;
mask-size: 100%;
transition-property: opacity, transform;
transition-duration: 0.3s, 0.3s;
transition-timing-function: ease, ease;
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: transparent;
}
.plyr--video .plyr__control:focus-visible:before,
.plyr--video .plyr__control:hover:before,
.plyr--video .plyr__control[aria-expanded=true]:before {
opacity: 0.2;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.plyr--video .plyr__control--overlaid {
--plyr-video-control-color-hover: var(--primary-900);
--plyr-video-control-color: var(--primary-900);
border-radius: 0px;
border: none;
background: none;
}
.plyr--video .plyr__control--overlaid:after {
position: absolute;
display: block;
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: var(--plyr-color-main);
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100%;
mask-size: 100%;
opacity: 1;
}
@keyframes copyLinkTooltipFadeInOut {
0% {
opacity: 0;
transform: translate3d(-50%, -50%, 0);
}
15% {
opacity: 1;
transform: translate3d(-50%, -110%, 0);
}
85% {
opacity: 1;
transform: translate3d(-50%, -110%, 0);
}
100% {
opacity: 0;
transform: translate3d(-50%, -150%, 0);
}
}
.copy-link {
position: relative;
text-decoration: none;
}
.copy-link-tooltip {
position: absolute;
left: 50%;
top: 0;
display: inline-block;
padding: 0.5rem 0.75rem;
background-color: #000;
color: #fff;
text-decoration: none !important;
border-radius: 0.5rem;
font-size: 0.875rem;
transform: translate3d(-50%, -100%, 0);
z-index: 5;
opacity: 0;
pointer-events: none;
}
.copy-link-tooltip__text {
position: relative;
z-index: 2;
}
.copy-link-tooltip__tail {
position: absolute;
left: 50%;
transform: translate3d(-50%, 0, 0);
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
}
.copy-link-tooltip__tail:after {
position: absolute;
display: block;
content: "";
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
border-radius: 0.375rem;
background: #000;
left: 50%;
bottom: 0;
transform: rotate(45deg) translate3d(-50%, 20%, 0);
}
.copy-link-tooltip--active {
animation: copyLinkTooltipFadeInOut 2s ease-in-out;
animation-fill-mode: forwards;
}
.download-block {
border: 1px solid var(--primary-600);
border-radius: 0.5rem;
padding: 1.5rem;
}
.download-block__head {
margin-bottom: 1.5rem;
}
.download-block__title {
font-size: 1.5rem;
margin-bottom: 0.3125rem;
}
.download-block__form .button-submit-container, .download-block__form .button {
width: 100%;
}
.download-block__buttons {
display: none;
}
.download-block__button {
width: 100%;
}
.download-block--submitted .download-block__form {
display: none;
}
.download-block--submitted .download-block__buttons {
display: flex;
animation: fade-in-slide-up 1.5s linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.gallery-item,
.gallery-item-masonry {
background: transparent;
outline-offset: -5px;
border-radius: 1rem;
padding: 0rem;
height: 17.5rem;
}
.gallery-item__img,
.gallery-item-masonry__img {
border-radius: 0.5rem;
overflow: hidden;
max-height: 80vh;
}
.gallery-item__inner,
.gallery-item-masonry__inner {
display: flex;
justify-content: center;
}
.gallery-item-masonry {
padding: 0.75rem;
height: 17.5rem;
}
@media screen and (max-width: 767px) {
.gallery-item-masonry {
padding: 0.625rem;
height: 13.75rem;
}
}
.gallery-item-masonry__inner {
position: relative;
height: 100%;
}
.gallery-item-masonry__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 0.5rem;
overflow: hidden;
}
.gallery-item-masonry--sm {
width: 16.666%;
}
@media screen and (max-width: 1023px) {
.gallery-item-masonry--sm {
width: 25%;
}
}
@media screen and (max-width: 639px) {
.gallery-item-masonry--sm {
width: 50%;
}
}
.gallery-item-masonry--lg {
width: 33.333%;
}
@media screen and (max-width: 1023px) {
.gallery-item-masonry--lg {
width: 50%;
}
}
@media screen and (max-width: 639px) {
.gallery-item-masonry--lg {
width: 50%;
}
}
.hero-detail__img {
position: relative;
aspect-ratio: 416/436;
}
@media screen and (max-width: 1023px) {
.hero-detail__img {
aspect-ratio: 16/9;
}
}
@media screen and (max-width: 639px) {
.hero-detail__img {
aspect-ratio: 416/436;
}
}
.hero-detail__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 1rem;
}
.hero-detail__tags-wrapper .tags {
justify-content: flex-start;
}
.hero-detail__tags-wrapper {
margin: 1.5rem 0;
}
@media screen and (min-width: 1024px) {
.hero-detail__tags-wrapper {
display: none;
}
}
.hero-detail__title {
font-size: 1.75rem;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
margin: 2rem 0;
}
@media screen and (min-width: 1024px) {
.hero-detail__title {
display: none;
}
}
.hero-detail__buttons {
margin: 1.5rem 0;
flex-wrap: nowrap;
}
.hero-detail__button {
flex-grow: 1;
}
.hero-homepage {
min-height: calc(100vh - 7.5rem);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 1.5rem;
text-align: center;
padding: 0 52px;
}
@media screen and (max-width: 1023px) {
.hero-homepage {
padding: 0 16px;
}
}
@media screen and (max-height: 1100px) {
.hero-homepage {
padding-bottom: 6.25rem;
}
}
@media screen and (max-height: 1100px) and (max-width: 767px) {
.hero-homepage {
padding-top: 3.75rem;
}
}
.hero-homepage__container {
display: block;
width: 100%;
max-width: 39.5rem;
margin: 0 auto;
}
.hero-homepage__title {
margin-top: 1.5rem;
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.hero-homepage__title {
font-size: 3rem;
}
}
.hero-homepage__title {
font-family: "Inter", sans-serif;
font-weight: 400;
}
.hero-homepage__title strong, .hero-homepage__title b, .hero-homepage__title .pink {
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
.hero-homepage__buttons {
margin-top: 2rem;
justify-content: center;
}
.homepage-video-link {
position: relative;
display: block;
border: none;
background: transparent;
border-radius: 1.5rem;
}
.homepage-video-link__thumbnail-img {
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.homepage-video-link__thumbnail-border {
position: absolute;
left: 0%;
top: -1%;
width: 102%;
height: 102%;
transition: all 0.3s ease;
opacity: 0;
}
.homepage-video-link__thumbnail-border path {
stroke: var(--primary-300);
}
.homepage-video-link__thumbnail-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.homepage-video-link__thumbnail-play .icobox__icon {
left: 0.125rem;
}
.homepage-video-link:hover .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.homepage-video-link:hover .homepage-video-link__thumbnail-border {
opacity: 1;
}
.hero-service {
display: flex;
justify-content: center;
flex-direction: column;
justify-content: flex-end;
gap: 1.5rem;
text-align: center;
padding: 0 52px;
}
@media screen and (max-width: 1023px) {
.hero-service {
padding: 0 16px;
}
}
.hero-service__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
margin-bottom: 3.125rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.hero-service__container {
text-align: left;
}
}
.hero-service__icon {
text-align: center;
}
@media screen and (max-width: 767px) {
.hero-service__icon {
text-align: left;
}
}
.hero-service__icon img {
display: inline-block;
width: 8rem;
}
@media screen and (max-width: 767px) {
.hero-service__icon img {
width: 4rem;
}
}
.hero-service__title {
margin: 1.5rem 0;
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.hero-service__title {
font-size: 2.25rem;
margin-top: 1.25rem;
}
}
.hero-service__description-rich-text {
display: block;
width: 100%;
max-width: 39.5rem;
margin: 0 auto;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.hero-service__description-rich-text {
margin-left: 0;
}
}
.hero-404 {
display: flex;
justify-content: center;
flex-direction: column;
justify-content: flex-end;
gap: 1.5rem;
text-align: center;
padding: 0 52px;
}
@media screen and (max-width: 1023px) {
.hero-404 {
padding: 0 16px;
}
}
.hero-404__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
margin-bottom: 3.125rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.hero-404__container {
text-align: left;
}
}
.hero-404__icon {
text-align: center;
}
@media screen and (max-width: 767px) {
.hero-404__icon {
text-align: left;
width: 4rem;
margin: 0 auto;
}
}
.hero-404__icon svg {
display: inline-block;
width: 8rem;
}
@media screen and (max-width: 767px) {
.hero-404__icon svg {
width: 100%;
height: auto;
}
}
.hero-404__title {
margin: 1.5rem 0;
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.hero-404__title {
font-size: 2.25rem;
margin-top: 1.25rem;
}
}
@media screen and (max-width: 489px) {
.hero-404__title {
width: 16rem;
margin: 1.5rem auto;
}
}
.hero-404__description-rich-text {
display: block;
width: 100%;
max-width: 39.5rem;
margin: 0 auto;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.hero-404__description-rich-text {
margin-left: 0;
}
}
.hero-404__button-wrapper {
margin-top: 1.5rem;
margin-bottom: 3rem;
}
.hero-big-intro {
min-height: calc(50vh - 7.5rem);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 2rem;
text-align: center;
padding: 4rem 52px;
}
@media screen and (max-width: 1023px) {
.hero-big-intro {
padding: 3rem 16px;
}
}
.hero-big-intro__container {
display: block;
width: 100%;
max-width: 53rem;
margin: 0 auto;
text-align: center;
}
.hero-big-intro__title {
font-size: 4rem;
margin: 2rem auto;
}
@media screen and (max-width: 767px) {
.hero-big-intro__title {
font-size: 2.5rem;
}
}
.hero-big-intro__button-wrapper {
margin-top: 4rem;
}
.card-main {
overflow: hidden;
border-radius: 0.5rem;
background: var(--primary-800);
color: #fff;
display: flex;
flex-direction: column;
height: 100%;
transition: all 0.3s ease;
text-decoration: none;
}
.card-main__body {
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
flex-grow: 1;
}
.card-main__body-top {
display: flex;
flex-direction: column;
gap: 1rem;
flex-grow: 1;
}
.card-main__infos {
display: flex;
flex-wrap: wrap;
gap: 0.4375rem 1rem;
}
.card-main__info {
font-weight: 300;
display: flex;
gap: 0.25rem;
}
.card-main__info-icon {
flex-shrink: 0;
color: var(--primary-400);
}
.card-main__tags {
justify-content: flex-start;
margin-bottom: -0.25rem;
}
.card-main__title {
font-size: 1.25rem;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
line-height: 1.225;
margin-bottom: -0.25rem;
}
.card-main__description-rich-text {
font-weight: 300;
}
.card-main__separator {
height: 0.0625rem;
background: var(--primary-600);
}
.card-main {
position: relative;
}
.card-main:after {
position: absolute;
display: block;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid var(--primary-300);
border-radius: 1rem;
opacity: 0;
transition: all 0.3s ease;
z-index: 2;
}
.card-main:hover:after, .card-main:focus:after {
opacity: 1;
}
.card-main:hover .icobox__shadow, .card-main:focus .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.card-main:after {
border-radius: 0.5rem;
}
.card-main:hover .button:before {
opacity: 0.15;
transform: scale(1, 1);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.card-box {
display: block;
border: 1px solid var(--primary-600);
border-radius: 0.5rem;
background: transparent;
height: 100%;
color: #fff;
text-decoration: none;
transition: all 0.3s ease;
}
@media screen and (max-width: 639px) {
.card-box {
flex-direction: row;
}
}
.card-box__inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 1rem;
height: 100%;
}
.card-box__icon img {
max-width: 2.5rem;
}
.card-box__icon, .card-box__arrow {
flex-shrink: 0;
}
.card-box__arrow {
color: var(--primary-300);
}
.card-box__container-text {
flex-grow: 1;
}
.card-box__title {
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
margin-bottom: 0.625rem;
}
.card-box__description-rich-text {
font-weight: 300;
font-size: 0.875rem;
}
.card-box__description-rich-text:last-child {
margin-bottom: 1rem;
}
.card-box__icobox .icobox__bg path {
stroke: transparent;
}
.card-box__icobox .icobox__shadow path {
fill: var(--primary-300);
}
a.card-box:hover {
border-color: var(--primary-300);
background: var(--primary-800);
}
a.card-box:hover .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.card-location {
border: 1px solid var(--primary-600);
border-radius: 0.5rem;
padding: 1.5rem;
}
@media screen and (max-width: 767px) {
.card-location {
padding: 1.5rem 1rem;
}
}
.card-location__title {
font-size: 1.25rem;
margin-bottom: 1rem;
font-weight: 700;
}
.card-location__list {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.card-location address {
font-style: normal;
}
.card-location-link {
display: flex;
align-items: center;
gap: 0.5rem;
color: #fff;
text-decoration: none;
}
.card-location-link br:nth-of-type(2) {
display: none;
}
.card-location-link__value {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: var(--primary-300);
display: flex;
gap: 0.3125rem;
align-items: center;
}
@media screen and (max-width: 767px) {
.card-location-link__value {
word-break: break-word;
}
}
.card-location-link__value-icon {
color: var(--primary-300);
}
.card-location-link .icobox__icon {
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
}
.card-location-link .address-line1:after {
content: ",";
}
.card-location-link .locality:after {
content: ",";
}
.card-location-link:hover .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.card-location-link--address {
align-items: flex-start;
}
.card-case {
border-radius: 1rem;
background: var(--primary-800);
color: #fff;
transition: all 0.3s ease;
text-decoration: none;
position: relative;
display: block;
height: 30rem;
}
.card-case:before {
position: absolute;
display: block;
content: "";
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.7;
border-radius: 1rem;
background: linear-gradient(to top, var(--primary-900) 0%, rgba(from var(--primary-900) r g b/0.6) 50%, rgba(from var(--primary-900) r g b/0) 100%);
}
.card-case__tags-wrapper .tags__el {
background: var(--primary-800);
}
.card-case__tags-wrapper {
display: none;
}
.card-case__tags-wrapper--home-only {
display: block;
}
.card-case__tags-wrapper .tags {
justify-content: flex-start;
}
.card-case__suptitle {
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125;
margin-bottom: 0.375rem;
}
.card-case__title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.125;
}
.card-case__iconbox {
flex-shrink: 0;
}
.card-case__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1rem;
padding: 1.5rem;
position: relative;
border-radius: 1rem;
z-index: 2;
background: rgba(from var(--primary-900) r g b/0.24);
height: 100%;
}
.card-case__foot {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 1.5rem;
}
.card-case__background img {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 1rem;
}
.card-case {
position: relative;
}
.card-case:after {
position: absolute;
display: block;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid var(--primary-300);
border-radius: 1rem;
opacity: 0;
transition: all 0.3s ease;
z-index: 2;
}
.card-case:hover:after, .card-case:focus:after {
opacity: 1;
}
.card-case:hover .icobox__shadow, .card-case:focus .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.node-type-homepage .card-case__tags {
display: none;
}
.node-type-homepage .card-case__tags--home-only {
display: flex;
}
.card-releated-case {
background: var(--primary-900);
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
vertical-align: middle;
text-decoration: none;
color: #fff;
border-radius: 0.5rem;
border: 1px solid var(--primary-900);
transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
.card-releated-case {
padding: 1.5rem;
gap: 1.5rem;
border-radius: 1rem;
}
}
.card-releated-case__body {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
@media screen and (min-width: 768px) {
.card-releated-case__body {
gap: 1rem;
}
}
.card-releated-case__body-content {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.75rem;
}
@media screen and (min-width: 768px) {
.card-releated-case__body-content {
gap: 1rem;
}
}
.card-releated-case__body-head {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.25rem;
justify-content: space-between;
}
.card-releated-case__foot {
display: flex;
align-items: flex-end;
gap: 0.75rem;
}
@media screen and (min-width: 768px) {
.card-releated-case__foot {
gap: 1rem;
justify-content: space-between;
align-items: center;
}
}
.card-releated-case__foot--desktop {
display: none;
margin-top: auto;
}
@media screen and (min-width: 768px) {
.card-releated-case__foot--desktop {
display: flex;
}
}
.card-releated-case__foot--mobile {
display: flex;
width: 100%;
}
@media screen and (min-width: 768px) {
.card-releated-case__foot--mobile {
display: none;
}
}
.card-releated-case__img {
flex-shrink: 0;
width: 6rem;
height: 6rem;
flex-shrink: 0;
border-radius: 0.5rem;
overflow: hidden;
position: relative;
}
.card-releated-case__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.card-releated-case__title {
font-size: 1.125rem;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
.card-releated-case__subtitle {
font-size: 1.125rem;
font-weight: 400;
}
.card-releated-case__tags-wrapper .tags {
justify-content: flex-start;
flex-grow: 1;
}
.card-releated-case__icobox .icobox__bg path {
stroke: transparent;
}
.card-releated-case__icobox .icobox__shadow path {
fill: var(--primary-300);
}
.card-releated-case:hover {
border-color: var(--primary-300);
background: var(--primary-800);
}
.card-releated-case:hover .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.card-expert {
width: 100%;
height: 30rem;
position: relative;
border-radius: 1rem;
overflow: hidden;
}
.card-expert__front, .card-expert__back {
padding: 2rem 1.5rem;
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 2;
}
.card-expert__front {
display: flex;
align-items: flex-end;
background: transparent;
color: #fff;
cursor: grab;
padding-top: 1.5rem;
border-radius: 1rem;
outline-offset: -5px;
}
.card-expert__front:before {
position: absolute;
display: block;
content: "";
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.7;
border-radius: 1rem;
background: linear-gradient(to top, var(--primary-900) 0%, rgba(from var(--primary-900) r g b/0) 50%, rgba(from var(--primary-900) r g b/0) 100%);
}
.card-expert__back {
opacity: 0;
pointer-events: none;
background: transparent;
visibility: hidden;
}
.card-expert__back-inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
opacity: 0;
}
.card-expert__back-inner .perfect-scrollbar {
width: calc(100% + 3rem);
margin-left: -1.5rem;
margin-bottom: -2rem;
padding: 2rem 1.5rem;
overflow-x: hidden;
}
.card-expert__back-bg {
flex-shrink: 0;
width: 3rem;
height: 3rem;
color: var(--primary-900);
position: absolute;
right: 1.5rem;
bottom: 2rem;
z-index: 1;
}
.card-expert__front-inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
gap: 1.5rem;
width: 100%;
}
.card-expert__front-inner-body {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.875rem;
}
.card-expert__front-inner-head {
flex-grow: 1;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.card-expert__title-container {
flex-grow: 1;
}
.card-expert__title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.125rem;
}
.card-expert__subtitle {
font-size: 1.125rem;
font-weight: 300;
line-height: 1.225;
}
.card-expert__info-link {
display: inline-flex;
cursor: pointer;
flex-shrink: 0;
}
.card-expert__description-rich-text {
margin-top: 1rem;
}
.card-expert__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.card-expert__background img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.card-expert__icobox-close {
position: absolute;
right: 0;
top: 0;
color: var(--primary-100);
outline-offset: 0.375rem !important;
border-radius: 1rem !important;
}
.card-expert__links {
display: flex;
gap: 0.875rem;
}
.card-expert__links--back {
margin-top: 1.25rem;
}
.card-expert__back {
transition: all 0.2s ease;
}
.card-expert__back-bg {
transition: all 0.2s ease;
}
.card-expert--active .card-expert__front {
pointer-events: none;
visibility: hidden;
}
.card-expert--active .card-expert__back {
visibility: visible;
pointer-events: initial;
opacity: 1;
background: var(--primary-900);
transition: background 0.2s ease 0.1s;
}
.card-expert--active .card-expert__back-inner {
opacity: 1;
transition: all 0.1s ease 0.2s;
}
.card-expert--active .card-expert__back-bg {
transform: scale(20);
}
.card-expert--internal .card-expert__links {
width: 100%;
justify-content: center;
}
.card-expert--internal .card-expert__front-foot > div {
width: 100%;
}
.card-expert--internal .card-expert__front-foot-head {
margin-bottom: 1.25rem;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.card-expert--internal .card-expert__title-container {
text-align: center;
}
.card-expert:not(.card-expert--internal) {
position: relative;
}
.card-expert:not(.card-expert--internal) .card-expert__back {
z-index: 3;
}
.card-expert:not(.card-expert--internal):after {
position: absolute;
display: block;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid var(--primary-300);
border-radius: 1rem;
opacity: 0;
transition: all 0.3s ease;
z-index: 2;
}
.card-expert:not(.card-expert--internal):hover:after, .card-expert:not(.card-expert--internal):focus:after {
opacity: 1;
}
.card-expert:not(.card-expert--internal):hover .card-expert__icobox .icobox__shadow, .card-expert:not(.card-expert--internal):focus .card-expert__icobox .icobox__shadow {
opacity: 0.15;
transform: scale(1.3);
transition-duration: 0.1s, 0.6s;
transition-timing-function: ease, linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.card-expert-sm {
padding: 1.5rem;
border: 0.0625rem solid var(--primary-600);
border-radius: 1rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.card-expert-sm__body {
display: flex;
align-items: center;
gap: 1rem;
}
.card-expert-sm__foot {
display: flex;
align-items: center;
gap: 0.8125rem;
}
.card-expert-sm__img {
flex-shrink: 0;
width: 6.25rem;
height: 6.25rem;
position: relative;
}
.card-expert-sm__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: calc(infinity * 1px);
}
.card-expert-sm__title {
font-size: 1.5rem;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
.aside-export-block {
margin: 3rem 0;
}
.aside-export-block__title {
font-size: 1.75rem;
margin-bottom: 1.5rem;
}
.section {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section {
padding: 2rem 16px;
}
}
.section__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
position: relative;
}
.section__head {
margin-bottom: 1.5rem;
}
.section__title {
font-size: 3rem;
}
@media screen and (max-width: 767px) {
.section__title {
font-size: 2.25rem;
}
}
.section__title {
font-family: "Inter", sans-serif;
font-weight: 400;
}
.section__title strong, .section__title b, .section__title .pink {
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
}
.section__subtitle {
font-size: 1.5rem;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.section__subtitle {
font-size: 1rem;
}
}
.section__description-rich-text {
margin-top: 0.625rem;
}
.section__buttons {
margin-top: 1.5rem;
justify-content: center;
}
.section-cta {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-cta {
padding: 2rem 16px;
}
}
.section-cta__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
z-index: 2;
background: var(--primary-800);
padding: 5rem;
min-height: 14.6875rem;
border-radius: 1rem;
overflow: hidden;
position: relative;
display: flex;
align-items: stretch;
}
@media screen and (max-width: 639px) {
.section-cta__container {
min-height: 27.375rem;
padding: 1.5rem;
}
}
.section-cta__inner {
position: relative;
width: 100%;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2.5rem;
}
@media screen and (max-width: 639px) {
.section-cta__inner {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
}
.section-cta__title {
font-size: 3rem;
max-width: 45.625rem;
}
@media screen and (max-width: 767px) {
.section-cta__title {
font-size: 1.75rem;
}
}
.section-cta__shape {
flex-shrink: 0;
width: 19.375rem;
height: 19.375rem;
position: absolute;
right: 0;
bottom: 0;
transform: translate3d(30%, 70%, 0);
}
.section-cta__shape path {
fill: var(--primary-600);
}
.section-cta__shape {
z-index: 1;
}
@media screen and (max-width: 767px) {
.section-cta__shape {
transform: translate3d(30%, 55%, 0);
}
}
.section-cta__blave {
position: absolute !important;
left: 0;
top: 50%;
transform: translate3d(-9.375rem, -50%, 0);
}
@media screen and (max-width: 639px) {
.section-cta__blave {
display: none;
}
}
.section-main-items {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-main-items {
padding: 2rem 16px;
}
}
.section-main-items__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-main-items__container-swiper .swiper {
padding: 0.625rem;
margin: -0.625rem;
}
.section-main-items__list {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-main-items__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-main-items__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 639px) {
.section-main-items__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.list-main-items {
display: flex;
gap: 1rem;
border-bottom: 1px solid var(--primary-600);
margin: 2.25rem 0;
margin-top: 1rem;
}
@media screen and (max-width: 767px) {
.list-main-items__el {
width: 33.33%;
}
}
.list-main-items__link {
width: 100%;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
padding: 1rem 1.5rem;
border-bottom: 1px solid var(--primary-600);
margin-bottom: -1px;
}
.list-main-items__link--active {
font-weight: 700;
color: var(--primary-300);
border-bottom: 1px solid var(--primary-300);
}
.section-services {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-services {
padding: 2rem 16px;
}
}
.section-services__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-services__list {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-services__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-services__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 639px) {
.section-services__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-expert-steps {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-expert-steps {
padding: 2rem 16px;
}
}
.section-expert-steps__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-expert-steps .card-box__icon {
color: var(--primary-300);
font-weight: 700;
background-color: var(--primary-700);
width: 2.5rem;
height: 2.5rem;
border-radius: calc(infinity * 1px);
display: flex;
align-items: center;
justify-content: center;
}
.section-expert-steps__list {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-expert-steps__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-expert-steps__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 639px) {
.section-expert-steps__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-cases {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-cases {
padding: 2rem 16px;
}
}
.section-cases__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-cases__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
}
@media screen and (max-width: 767px) {
.section-cases__buttons {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.section-cases__button {
width: 100%;
}
}
.section-cases__list {
display: grid;
gap: 0.75rem;
margin: 1.5rem 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-cases__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 639px) {
.section-cases__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-releated-cases {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-releated-cases {
padding: 2rem 16px;
}
}
.section-releated-cases__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-releated-cases__list {
display: grid;
gap: 0.75rem;
margin: 1.5rem 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1279px) {
.section-releated-cases__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 1023px) {
.section-releated-cases__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-experts {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-experts {
padding: 2rem 16px;
}
}
.section-experts {
overflow: hidden;
}
.section-experts__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-gallery {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-gallery {
padding: 2rem 16px;
}
}
.section-gallery__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-gallery__head {
display: block;
width: 100%;
max-width: 53rem;
margin: 0 auto;
margin-left: 0;
margin-bottom: 1.5rem;
}
.section-gallery__foot {
margin-top: 1.5rem;
}
.section-gallery__title {
font-size: 2.5rem;
font-weight: 500;
margin-bottom: 1rem;
}
.section-gallery__items {
display: flex;
flex-wrap: wrap;
margin: -0.75rem;
}
@media screen and (max-width: 767px) {
.section-gallery__items {
margin: -0.625rem;
}
}
.section-contact {
position: relative;
}
.section-contact__body {
display: block;
width: 100%;
max-width: 39.5rem;
margin: 0 auto;
margin-left: 0;
position: relative;
z-index: 2;
}
.section-contact__blave {
position: absolute;
right: 0%;
top: 50%;
transform: translate3d(50%, -50%, 0) scale(1.5);
width: 40vw;
height: 40vw;
}
@media screen and (max-width: 1023px) {
.section-contact__blave {
display: none;
}
}
.section-clients__title {
text-align: center;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.section-clients__title {
font-size: 1.5rem;
}
}
.section-tabs__head {
margin-bottom: 0.75rem;
}
.tab-item__inner {
display: block;
width: 100%;
max-width: 66.5rem;
margin: 0 auto;
display: flex;
align-items: center;
gap: 2rem;
}
@media screen and (max-width: 767px) {
.tab-item__inner {
max-width: 29.125rem;
flex-direction: column-reverse;
}
}
.tab-item__title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.tab-item__description-rich-text {
margin-bottom: 1.5rem;
}
.tab-item__img-container {
aspect-ratio: 1/1;
min-width: 29.125rem;
border-radius: calc(infinity * 1px);
position: relative;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.tab-item__img-container {
min-width: initial;
width: 100%;
}
}
.tab-item__img-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-awards__head {
margin-bottom: 4.375rem;
}
@media screen and (max-width: 767px) {
.section-awards__head {
margin-bottom: 2.625rem;
}
}
.section-awards__title {
text-align: center;
}
.section-awards__body {
display: flex;
justify-content: space-between;
align-items: start;
gap: 3.75rem;
}
@media screen and (max-width: 767px) {
.section-awards__body {
gap: 0rem;
flex-direction: column;
}
}
@media screen and (min-width: 768px) {
.section-awards__body > *:first-child {
display: flex;
margin-top: 3.75rem;
align-items: flex-end;
justify-content: center;
width: 100%;
max-width: 39.375rem;
flex-shrink: 0;
}
.section-awards__body > *:nth-child(2) {
width: 100%;
max-width: 32.75rem;
}
}
.awards-list-others {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.awards-list-others {
gap: 1rem;
}
}
@media screen and (max-width: 767px) {
.awards-list-others {
margin-top: 1.25rem;
}
}
.awards-list-others + .pager {
margin-top: 2rem;
}
@media screen and (max-width: 767px) {
.awards-list-others + .pager {
margin-top: 1.5rem;
}
}
.award-latest-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.award-latest-item__trophy {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.5rem;
}
.award-latest-item__trophy img {
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.award-latest-item__trophy img {
max-width: 70%;
}
}
.award-latest-item__trophy-blave {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 1;
}
@media screen and (max-width: 767px) {
.award-latest-item__trophy-blave {
max-width: 250%;
}
}
.award-latest-item__body {
z-index: 2;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.award-latest-item__title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
.award-latest-item__buttons {
margin-top: 2rem;
}
@media screen and (max-width: 767px) {
.award-latest-item__buttons {
margin-top: 1.5rem;
}
}
.award-disclosure-head {
font-size: 1rem;
}
.award-disclosure-head__agency {
font-weight: 700;
margin-right: 1rem;
}
@media screen and (max-width: 639px) {
.award-disclosure-head__agency {
margin-right: 0.25rem;
}
}
.award-disclosure-head__title {
font-weight: 300;
}
.award-disclosure-body {
position: relative;
display: flex;
align-items: flex-end;
}
@media screen and (min-width: 768px) {
.award-disclosure-body {
aspect-ratio: 500/144;
}
}
@media screen and (max-width: 767px) {
.award-disclosure-body {
min-height: 9.375rem;
}
}
.award-disclosure-body {
padding: 1rem;
background: #000;
border-radius: 0.5rem;
overflow: hidden;
}
.award-disclosure-body__background {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.award-disclosure-body__background:after {
position: absolute;
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
background: linear-gradient(to top, var(--primary-900) 0%, rgba(from var(--primary-900) r g b/0.6) 50%, rgba(from var(--primary-900) r g b/0) 100%);
}
.award-disclosure-body__background img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.award-disclosure-body__foot {
z-index: 2;
position: relative;
display: flex;
gap: 1.5rem;
align-items: center;
justify-content: space-between;
width: 100%;
}
.award-disclosure-body__title {
font-size: 1.5rem;
font-weight: 700;
}
.award-disclosure-body__subtitle {
font-size: 1.125rem;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.award-disclosure-body .icon-box__box {
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
}
}
.section-partner__head {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.section-partner__head {
margin-bottom: 1.875rem;
}
}
.section-partner__head-logos {
margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
.section-partner__head-logos {
display: none;
}
}
.section-partner__container {
position: relative;
max-width: 100%;
}
.section-partner__container-inner {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-partner__aside {
position: absolute;
height: 100%;
right: 0px;
top: 0px;
width: 1px;
}
@media screen and (max-width: 1023px) {
.section-partner__aside {
display: none;
}
}
.section-partner__list {
width: 60%;
min-width: 39.5rem;
}
@media screen and (max-width: 1023px) {
.section-partner__list {
min-width: 100%;
}
}
.section-partner__list > li:not(:last-child) {
margin-bottom: 2.375rem;
}
.section-partner__blave {
position: sticky;
right: 0%;
top: 0px;
transform: translate3d(calc(-50% + 1.625rem), 0, 0) scale(1.5);
width: 40vw;
height: 40vw;
}
@media screen and (max-width: 1023px) {
.section-partner__blave {
display: none;
}
}
.section-expertise {
padding: 3rem 52px;
}
@media screen and (max-width: 1023px) {
.section-expertise {
padding: 2rem 16px;
}
}
.section-expertise__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-expertise__list > div > div {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-expertise__list > div > div {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-expertise__list > div > div {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 639px) {
.section-expertise__list > div > div {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-location__list {
display: grid;
gap: 0.75rem;
margin: 1.5rem 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-location__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-location__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-form__container {
padding: 1.5rem;
border: 1px solid var(--primary-600);
border-radius: 0.5rem;
}
.section-form__description-rich-text {
margin-top: 0.75rem;
}
.section-key-points__list {
display: grid;
gap: 0.75rem;
margin: 1.5rem 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-key-points__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-key-points__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-rich-text__container-inner {
display: block;
width: 100%;
max-width: 39.5rem;
margin: 0 auto;
}
.section-cases-teaser {
padding: 4rem 52px;
}
@media screen and (max-width: 1023px) {
.section-cases-teaser {
padding: 2rem 16px;
}
}
.section-cases-teaser {
width: 100%;
}
.section-cases-teaser__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.section-cases-teaser__title {
font-weight: 700;
font-size: 3rem;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
.section-cases-teaser__title {
font-size: 1.75rem;
}
}
.section-cases-teaser__inner {
width: 100%;
display: flex;
gap: 1rem;
}
@media screen and (max-width: 767px) {
.section-cases-teaser__inner {
flex-direction: column;
}
}
.section-cases-teaser__inner-last {
width: 100%;
max-width: 26rem;
flex-grow: 1;
}
@media screen and (max-width: 767px) {
.section-cases-teaser__inner-last {
max-width: initial;
}
}
.section-cases-teaser__inner-last > div, .section-cases-teaser__inner-last > div > div, .section-cases-teaser__inner-last .card-case {
height: 100%;
min-height: 25.125rem;
}
.section-cases-teaser__inner-others {
width: 100%;
flex-grow: 1;
}
.section-cases-teaser__inner-others > div > div {
display: flex;
gap: 1rem;
flex-direction: column;
align-items: stretch;
}
.section-cases-teaser__buttons {
justify-content: center;
margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
.section-cases-teaser__buttons .button {
width: 100%;
}
}
.section-numbers__head {
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.section-numbers__head {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 639px) {
.section-numbers__head {
margin-bottom: 1.5rem;
}
}
.section-numbers__list ol {
list-style: none;
counter-reset: item;
display: grid;
gap: 1.5rem 1.5rem;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media screen and (max-width: 1279px) {
.section-numbers__list ol {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 1023px) {
.section-numbers__list ol {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-numbers__list ol {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-numbers__list li {
counter-increment: item;
display: flex;
align-items: center;
gap: 1rem;
}
@media screen and (min-width: 768px) {
.section-numbers__list li {
align-items: flex-start;
flex-direction: column;
}
}
.section-numbers__list li:before {
flex-shrink: 0;
width: 2rem;
height: 2rem;
content: counter(item);
background: var(--primary-600);
border-radius: calc(infinity * 1px);
color: var(--primary-300);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-family: "SharpGrotesk", sans-serif;
font-weight: 600;
font-family: "SharpGrotesk", sans-serif;
}
.section-numbers__list--length-4 ol {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 1279px) {
.section-numbers__list--length-4 ol {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 1023px) {
.section-numbers__list--length-4 ol {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-numbers__list--length-4 ol {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-numbers__list--length-3 ol {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
.section-numbers__list--length-3 ol {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.section-numbers__list--length-3 ol {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-text-expert__container {
display: block;
width: 100%;
max-width: 66.5rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 4rem;
}
@media screen and (max-width: 767px) {
.section-text-expert__container {
flex-direction: column;
gap: 4rem;
}
}
.section-text-expert__container-text {
width: 100%;
max-width: 39.5rem;
}
.section-text-expert__container-expert {
width: 100%;
max-width: 19.25rem;
}
@media screen and (max-width: 489px) {
.section-text-expert__container-expert {
max-width: 100%;
}
}
.section-text-expert__title {
font-size: 3rem;
margin-bottom: 1.5rem;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.section-text-expert__title {
font-size: 1.75rem;
}
}
.section-text-expert__button-wrapper {
margin-top: 2rem;
}
.section-text-expert--expert-text .section-text-expert__container {
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.section-text-expert--expert-text .section-text-expert__container {
flex-direction: column;
}
}
.section-text-img__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 4rem;
}
@media screen and (max-width: 767px) {
.section-text-img__container {
flex-direction: column;
gap: 4rem;
}
}
.section-text-img__container-text {
width: 100%;
max-width: 39.5rem;
}
.section-text-img__container-img {
width: 100%;
max-width: 32.75rem;
}
@media screen and (max-width: 767px) {
.section-text-img__container-img {
max-width: 100%;
}
}
.section-text-img__container-img img {
border-radius: 0.5rem;
}
.section-text-img__title {
font-size: 3rem;
margin-bottom: 1.5rem;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.section-text-img__title {
font-size: 1.75rem;
}
}
.section-text-img__button-wrapper {
margin-top: 2rem;
}
.section-text-img--img-text .section-text-img__container {
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.section-text-img--img-text .section-text-img__container {
flex-direction: column;
}
}
.section-quote__container {
display: block;
width: 100%;
max-width: 53rem;
margin: 0 auto;
text-align: center;
}
.section-quote__quote {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 2rem;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
.section-quote__quote {
font-size: 1.625rem;
}
}
.section-quote__author {
font-family: "SharpGrotesk", sans-serif;
font-weight: 700;
font-size: 1rem;
color: var(--primary-300);
}
.section-quote__author {
font-weight: 300;
font-size: 0.875rem;
}
.section-quote__button-wrapper {
margin-top: 2rem;
}
.section-webform-expert__container-head {
text-align: left;
}
.section-webform-expert__container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4rem;
}
@media screen and (max-width: 767px) {
.section-webform-expert__container {
flex-direction: column;
gap: 4rem;
}
}
.section-webform-expert__container-text {
width: 100%;
max-width: 39.5rem;
}
.section-webform-expert__container-text, .section-webform-expert .card-expert {
position: relative;
z-index: 2;
}
.section-webform-expert__container-expert {
position: relative;
width: 100%;
max-width: 19.25rem;
}
@media screen and (max-width: 489px) {
.section-webform-expert__container-expert {
max-width: 100%;
}
}
.section-webform-expert__title {
font-size: 3rem;
margin-bottom: 2.5rem;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.section-webform-expert__title {
font-size: 1.75rem;
}
}
.section-webform-expert__title strong, .section-webform-expert__title b, .section-webform-expert__title .pink {
display: block;
}
.section-webform-expert__button-wrapper {
margin-top: 2rem;
}
.section-webform-expert__blave {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.section-webform-expert--expert-webform .section-webform-expert__container {
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.section-webform-expert--expert-webform .section-webform-expert__container {
flex-direction: column;
}
}
.page-detail {
padding: 4rem 52px;
}
@media screen and (max-width: 1023px) {
.page-detail {
padding: 2rem 16px;
}
}
.page-detail__container {
display: block;
width: 100%;
max-width: 80rem;
margin: 0 auto;
display: flex;
flex-direction: row-reverse;
gap: 7.75rem;
}
@media screen and (max-width: 1279px) {
.page-detail__container {
gap: 3.875rem;
}
}
@media screen and (max-width: 1023px) {
.page-detail__container {
gap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.page-detail__container {
flex-direction: column-reverse;
}
}
.page-detail__aside {
position: relative;
flex-shrink: 0;
width: 100%;
max-width: 26.25rem;
}
@media screen and (max-width: 1279px) {
.page-detail__aside {
max-width: 35%;
}
}
@media screen and (max-width: 1023px) {
.page-detail__aside {
max-width: initial;
}
}
.page-detail__aside > div:not(:first-child) {
margin-top: 3.75rem;
}
.page-detail__aside-inner {
position: sticky;
right: 0px;
top: 7.75rem;
}
@media screen and (max-width: 1279px) {
.page-detail__aside-inner {
top: 3.875rem;
}
}
@media screen and (max-width: 1023px) {
.page-detail__aside-inner {
top: 2rem;
}
}
.page-detail__body {
width: 100%;
max-width: 39.5rem;
}
@media screen and (max-width: 1279px) {
.page-detail__body {
max-width: 65%;
}
}
@media screen and (max-width: 1023px) {
.page-detail__body {
max-width: initial;
}
}
.page-detail__tags-wrapper {
margin-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
.page-detail__tags-wrapper {
display: none;
}
}
.page-detail__tags-wrapper .tags {
justify-content: flex-start;
}
.page-detail__title {
font-weight: 700;
font-size: 3rem;
margin-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
.page-detail__title {
display: none;
}
}
/**
* Swiper 11.2.10
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 28, 2025
*/
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
/* Navigation font end */
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
/*
Swiper Experts
*/
.container-swiper-experts {
display: flex;
flex-direction: column-reverse;
}
@media screen and (max-width: 1023px) {
.container-swiper-experts .swiper {
max-width: 80%;
margin-left: 0;
overflow: visible;
}
}
@media screen and (max-width: 767px) {
.container-swiper-experts .swiper {
max-width: 100%;
}
}
@media screen and (max-width: 639px) {
.container-swiper-experts .swiper {
max-width: 70%;
}
}
@media screen and (max-width: 489px) {
.container-swiper-experts .swiper {
max-width: 100%;
}
}
.container-swiper-experts .swiper-slide {
height: auto;
flex-shrink: 0;
}
.swiper-experts-foot {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.swiper-experts-foot {
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.swiper-experts-foot__nav-prev, .swiper-experts-foot__nav-next {
display: none;
}
}
.swiper-experts-foot__nav-full {
display: flex;
gap: 1.5rem;
}
@media screen and (max-width: 767px) {
.swiper-experts-foot__nav-full {
display: none;
}
}
.container-swiper-experts {
--swiper-pagination-color: var(--primary-300);
--swiper-pagination-bullet-width: 1.3125rem;
--swiper-pagination-bullet-height: 0.25rem;
--swiper-pagination-bullet-border-radius: calc(infinity * 1px);
--swiper-pagination-bullet-inactive-color: var(--primary-300);
--swiper-pagination-bullet-inactive-opacity: 0.5;
--swiper-pagination-bullet-horizontal-gap: 0.25rem;
}
.container-swiper-experts .swiper-pagination {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 1;
height: 1.875rem;
display: flex;
align-items: center;
justify-content: center;
padding-left: 3rem;
padding-right: 3rem;
}
/*
Swiper Gallery
*/
.swiper-gallery-foot {
position: relative;
display: flex;
align-items: center;
margin-top: 2.5rem;
justify-content: space-between;
}
.container-swiper-gallery .swiper {
border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
.container-swiper-gallery {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.container-swiper-gallery .swiper {
flex-grow: 1;
width: 100%;
display: flex;
align-items: center;
margin-bottom: 5rem;
}
}
.container-swiper-gallery .swiper-pagination {
position: relative;
z-index: 1;
}
.container-swiper-nav-tabs {
--swiper-nav-tabs--slide-width: 104px;
--swiper-nav-tabs--slide-offset-left: 0px;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 639px) {
.container-swiper-nav-tabs {
border-bottom: 1px solid var(--primary-600);
}
}
.container-swiper-nav-tabs .swiper {
overflow: initial;
}
@media screen and (max-width: 639px) {
.container-swiper-nav-tabs .swiper {
width: 0.625rem;
margin-left: 0;
margin-bottom: -1px;
}
}
.container-swiper-nav-tabs .swiper-wrapper {
border-bottom: 1px solid var(--primary-600);
}
.container-swiper-nav-tabs .swiper-slide {
width: auto;
background: transparent;
}
.container-swiper-nav-tabs .swiper-slide .swiper-slide-nav-tab {
cursor: pointer;
transition: font-weight 0.3s ease;
width: auto;
color: #fff;
padding: 1rem 1.5rem;
border-bottom: 1px solid var(--primary-600);
margin-bottom: -0.0625rem;
background: transparent;
}
@media screen and (max-width: 767px) {
.container-swiper-nav-tabs .swiper-slide .swiper-slide-nav-tab {
padding: 1rem 1rem;
}
}
.container-swiper-nav-tabs .swiper-slide-thumb-active .swiper-slide-nav-tab {
font-weight: 700;
color: var(--primary-300);
}
.container-swiper-nav-tabs .swiper-slide:first-child {
z-index: 4;
}
.container-swiper-nav-tabs .swiper-slide:first-child:after {
position: absolute;
display: block;
content: "";
height: 1px;
background: var(--primary-300);
width: var(--swiper-nav-tabs--slide-width);
left: var(--swiper-nav-tabs--slide-offset-left);
bottom: -0.0625rem;
transition: all 0.3s ease-out;
}
/*
Shared
*/
.swiper-button {
position: relative;
z-index: 3;
color: var(--primary-300);
cursor: pointer;
background: transparent;
}
.swiper-button__arrow {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.swiper-button__border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.swiper-button--disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.perfect-scrollbar {
overflow: hidden;
position: relative;
max-height: calc(100% - 3.75rem);
}
/*
* Form :
*/
.webform-submission-form {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.webform-submission-form .button {
min-width: 12.5rem;
}
@media screen and (max-width: 767px) {
.webform-submission-form .button {
min-width: auto;
width: 100%;
}
}
.get-inspired form .button {
width: 100%;
}
.form-grid-cols-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
@media screen and (max-width: 767px) {
.form-grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.form-item--error-message {
margin-top: 0.3125rem;
color: var(--primary-300);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px var(--primary-800) inset !important;
}
.form-type-search-api-autocomplete {
position: relative;
}
.form-type-search-api-autocomplete:before {
position: absolute;
display: block;
content: "";
flex-shrink: 0;
width: 1.125rem;
height: 1.125rem;
top: 50%;
transform: translateY(-50%);
left: 0.9375rem;
background-color: var(--primary-300);
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.form-type-search-api-autocomplete input {
padding-left: 2.5rem !important;
border-radius: calc(infinity * 1px) !important;
border-color: var(--primary-300) !important;
margin: 1.5rem 0;
}
.form-type-search-api-autocomplete input:-moz-placeholder {
color: rgba(from #fff r g b/0.7) !important;
}
.form-type-search-api-autocomplete input::-moz-placeholder {
color: rgba(from #fff r g b/0.7) !important;
}
.form-type-search-api-autocomplete input::-webkit-input-placeholder {
color: rgba(from #fff r g b/0.7) !important;
}
.form-type-search-api-autocomplete input.ui-autocomplete-loading {
flex-shrink: 0;
width: 0.9375rem;
height: 0.9375rem;
background-image: url('data:image/svg+xml;charset=UTF-8,') !important;
background-size: 0.9375rem !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 0.9375rem) center !important;
}
.form-actions.form-wrapper {
position: relative;
display: flex;
}
.form-actions.form-wrapper .ajax-progress {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
flex-shrink: 0;
width: 0.9375rem;
height: 0.9375rem;
background-image: url('data:image/svg+xml;charset=UTF-8,') !important;
background-size: 0.9375rem !important;
background-repeat: no-repeat !important;
}
.form-actions.form-wrapper .ajax-progress .throbber, .form-actions.form-wrapper .ajax-progress .message {
display: none;
}
.button-submit-container {
position: relative;
}
@keyframes fade-in-slide-up {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.webform-confirmation__message {
font-weight: 500;
animation: fade-in-slide-up 1s linear(0, 0.304 2.3%, 0.569 4.7%, 0.794 7.2%, 0.986 9.9%, 1.067 11.3%, 1.138 12.7%, 1.198 14.1%, 1.252 15.6%, 1.296 17.1%, 1.333 18.7%, 1.363 20.4%, 1.385 22.1%, 1.394 23.2%, 1.401 24.3%, 1.405 25.5%, 1.406 26.7%, 1.404 28%, 1.4 29.3%, 1.393 30.7%, 1.382 32.2%, 1.362 34.5%, 1.334 37.2%, 1.196 48.7%, 1.135 54.4%, 1.106 57.5%, 1.082 60.5%, 1.062 63.6%, 1.045 66.7%, 1.032 69.6%, 1.021 72.7%, 1.013 76%, 1.007 79.5%, 1.001 87.2%, 1);
}
.webform-confirmation__message:before {
position: absolute;
display: block;
content: "";
position: relative;
display: inline-block;
margin-right: 0rem;
margin-bottom: -0.375rem;
flex-shrink: 0;
width: 1.625rem;
height: 1.625rem;
background-color: var(--primary-300);
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.form-item.form-type-email > label, .form-item.form-type-email legend, .form-item.form-type-textfield > label, .form-item.form-type-textfield legend, .form-item.form-type-tel > label, .form-item.form-type-tel legend, .form-item.form-type-textarea > label, .form-item.form-type-textarea legend,
.form-item.form-type-textarea > label,
.form-item.form-type-textarea legend,
.form-item.form-type-select > label,
.form-item.form-type-select legend,
.js-webform-type-radios > label,
.js-webform-type-radios legend {
display: block;
font-weight: 700;
margin-bottom: 0.75rem;
}
/* stylelint-disable selector-no-qualifying-type */
.form-item.form-type-email input, .form-item.form-type-email textarea, .form-item.form-type-textfield input, .form-item.form-type-textfield textarea, .form-item.form-type-tel input, .form-item.form-type-tel textarea, .form-item.form-type-textarea input, .form-item.form-type-textarea textarea {
display: block;
width: 100%;
max-width: 100%;
height: 3rem;
padding: 0.75rem 0.9375rem 0.75rem 0.9375rem;
color: #fff;
background: var(--primary-800);
border: 0.0625rem solid var(--primary-600);
border-radius: 0.25rem;
outline: none;
transition: all 0.2s ease, outline 0s linear;
}
.form-item.form-type-email input:hover, .form-item.form-type-email textarea:hover, .form-item.form-type-textfield input:hover, .form-item.form-type-textfield textarea:hover, .form-item.form-type-tel input:hover, .form-item.form-type-tel textarea:hover, .form-item.form-type-textarea input:hover, .form-item.form-type-textarea textarea:hover {
border-color: var(--primary-500);
}
.form-item.form-type-email input:focus, .form-item.form-type-email textarea:focus, .form-item.form-type-textfield input:focus, .form-item.form-type-textfield textarea:focus, .form-item.form-type-tel input:focus, .form-item.form-type-tel textarea:focus, .form-item.form-type-textarea input:focus, .form-item.form-type-textarea textarea:focus {
border-color: var(--primary-300);
}
.form-item.form-type-email input:focus-visible, .form-item.form-type-email textarea:focus-visible, .form-item.form-type-textfield input:focus-visible, .form-item.form-type-textfield textarea:focus-visible, .form-item.form-type-tel input:focus-visible, .form-item.form-type-tel textarea:focus-visible, .form-item.form-type-textarea input:focus-visible, .form-item.form-type-textarea textarea:focus-visible {
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
}
.form-item.form-type-email input[disabled], fieldset[disabled] .form-item.form-type-email input, .form-item.form-type-email textarea[disabled], fieldset[disabled] .form-item.form-type-email textarea, .form-item.form-type-textfield input[disabled], fieldset[disabled] .form-item.form-type-textfield input, .form-item.form-type-textfield textarea[disabled], fieldset[disabled] .form-item.form-type-textfield textarea, .form-item.form-type-tel input[disabled], fieldset[disabled] .form-item.form-type-tel input, .form-item.form-type-tel textarea[disabled], fieldset[disabled] .form-item.form-type-tel textarea, .form-item.form-type-textarea input[disabled], fieldset[disabled] .form-item.form-type-textarea input, .form-item.form-type-textarea textarea[disabled], fieldset[disabled] .form-item.form-type-textarea textarea {
color: #999;
background-color: #fafafa;
border-color: #fafafa;
box-shadow: none;
}
.form-item.form-type-email input:-moz-placeholder, .form-item.form-type-email textarea:-moz-placeholder, .form-item.form-type-textfield input:-moz-placeholder, .form-item.form-type-textfield textarea:-moz-placeholder, .form-item.form-type-tel input:-moz-placeholder, .form-item.form-type-tel textarea:-moz-placeholder, .form-item.form-type-textarea input:-moz-placeholder, .form-item.form-type-textarea textarea:-moz-placeholder {
color: #999;
}
.form-item.form-type-email input::-moz-placeholder, .form-item.form-type-email textarea::-moz-placeholder, .form-item.form-type-textfield input::-moz-placeholder, .form-item.form-type-textfield textarea::-moz-placeholder, .form-item.form-type-tel input::-moz-placeholder, .form-item.form-type-tel textarea::-moz-placeholder, .form-item.form-type-textarea input::-moz-placeholder, .form-item.form-type-textarea textarea::-moz-placeholder {
color: #999;
}
.form-item.form-type-email input::-webkit-input-placeholder, .form-item.form-type-email textarea::-webkit-input-placeholder, .form-item.form-type-textfield input::-webkit-input-placeholder, .form-item.form-type-textfield textarea::-webkit-input-placeholder, .form-item.form-type-tel input::-webkit-input-placeholder, .form-item.form-type-tel textarea::-webkit-input-placeholder, .form-item.form-type-textarea input::-webkit-input-placeholder, .form-item.form-type-textarea textarea::-webkit-input-placeholder {
color: #999;
}
.form-item.form-type-email input--filling-up, .form-item.form-type-email textarea--filling-up, .form-item.form-type-textfield input--filling-up, .form-item.form-type-textfield textarea--filling-up, .form-item.form-type-tel input--filling-up, .form-item.form-type-tel textarea--filling-up, .form-item.form-type-textarea input--filling-up, .form-item.form-type-textarea textarea--filling-up {
box-shadow: 0 0 0 0.0625rem var(--primary-300);
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
}
.iti {
width: 100%;
display: flex;
gap: 0.75rem;
}
.iti__flag-container {
position: relative;
color: #000;
height: 3rem;
padding: 0.75rem;
background: var(--primary-800);
border: 0.0625rem solid var(--primary-600);
border-radius: 0.25rem;
outline: none;
transition: all 0.2s ease, outline 0s linear;
}
.iti__flag-container:hover {
border-color: var(--primary-500);
}
.iti__flag-container:focus {
border-color: var(--primary-300);
}
.iti__flag-container:focus-visible {
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
}
.iti__selected-flag {
padding: 0;
margin: 0;
}
.iti__arrow {
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
position: relative;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.iti__arrow:after {
position: absolute;
display: block;
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
margin-top: calc(0.625rem / -2);
pointer-events: none;
border: 2px solid var(--primary-300);
border-top: 0;
border-right: 0;
border-radius: 2px;
transform: rotate(-45deg);
transform-origin: center;
position: relative;
}
.iti input {
flex-grow: 1;
}
.form-item.form-type-textarea textarea {
display: block;
height: auto;
min-width: 100%;
max-width: 100%;
resize: vertical;
}
.form-item.form-type-textarea textarea:not([rows]) {
min-height: 8em;
max-height: 40em;
}
.form-item.form-type-textarea textarea[rows] {
height: initial;
}
.select {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.select select {
display: block;
width: 100%;
height: 3rem;
padding: 0.75rem 0.9375rem;
padding-right: 2.34375rem;
font-size: 1rem;
color: #fff;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
cursor: pointer;
background: var(--primary-800);
border: 0.0625rem solid var(--primary-600);
border-radius: 0.25rem;
outline: none;
box-shadow: none;
transition: all 0.2s ease, outline 0s linear;
}
.select select:hover {
border-color: var(--primary-500);
}
.select select:focus {
border-color: var(--primary-300);
}
.select select:focus-visible {
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
}
.select select:invalid {
color: #999;
}
.select:after {
display: block;
width: 0.625rem;
height: 0.625rem;
margin-top: calc(0.625rem / -2);
pointer-events: none;
border: 2px solid var(--primary-300);
border-top: 0;
border-right: 0;
border-radius: 2px;
transform: rotate(-45deg);
transform-origin: center;
content: " ";
position: absolute;
top: 50%;
margin-top: calc(0.625rem / 10 * 7 / -1);
right: 1.125rem;
z-index: 4;
}
/* stylelint-disable selector-no-qualifying-type */
/* stylelint-disable selector-max-compound-selectors */
@keyframes check1 {
0% {
opacity: 1;
stroke-dasharray: 20;
stroke-dashoffset: 20;
}
100% {
opacity: 1;
stroke-dasharray: 20;
stroke-dashoffset: 0;
}
}
@keyframes check2 {
0% {
opacity: 1;
stroke-dasharray: 18;
stroke-dashoffset: 18;
}
100% {
opacity: 1;
stroke-dasharray: 18;
stroke-dashoffset: 0;
}
}
@keyframes check3 {
0% {
opacity: 1;
stroke-dasharray: 24;
stroke-dashoffset: 24;
}
100% {
opacity: 1;
stroke-dasharray: 24;
stroke-dashoffset: 0;
}
}
.check-svg {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate3d(-50%, -50%, 0);
}
.check-svg-path {
opacity: 0;
fill: none;
stroke: var(--primary-600);
stroke-width: 1;
}
input[type=checkbox]:checked ~ * .check-svg--1 .check-svg-path,
input[type=radio]:checked ~ * .check-svg--1 .check-svg-path {
animation: check1 0.2s ease-out 0.1s forwards;
}
input[type=checkbox]:checked ~ * .check-svg--2 .check-svg-path,
input[type=radio]:checked ~ * .check-svg--2 .check-svg-path {
animation: check2 0.2s ease-out 0.1s forwards;
}
input[type=checkbox]:checked ~ * .check-svg--3 .check-svg-path,
input[type=radio]:checked ~ * .check-svg--3 .check-svg-path {
animation: check3 0.2s ease-out 0.1s forwards;
}
.checkbox {
position: relative;
display: inline-block;
width: auto;
color: #fff;
cursor: pointer;
}
.checkbox__input {
position: absolute;
cursor: pointer;
opacity: 0;
}
.checkbox__inner {
display: inline-flex;
gap: 0.75rem;
padding-left: 0.75rem;
}
.checkbox__label {
font-weight: 400;
font-size: 0.75rem;
cursor: pointer !important;
}
.checkbox__check {
position: relative;
display: block;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
color: transparent;
background: var(--primary-800);
border: 0.0625rem solid var(--primary-600);
border-radius: 0.25rem;
transition: all 0.2s ease;
}
.checkbox .check-svg-path {
stroke: var(--primary-800);
stroke-width: 1;
}
.checkbox__input:hover ~ * .checkbox__check {
border-color: var(--primary-500);
}
.checkbox__input:checked ~ * .checkbox__check {
background: var(--primary-300);
border-color: var(--primary-300);
}
.checkbox__input:focus ~ * .checkbox__check {
border-color: var(--primary-300);
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
}
.checkbox-wrapper .checkbox__inner {
padding-left: 0rem;
}
.checkbox-wrapper .checkbox__label {
font-size: 1rem;
}
.checkbox-wrapper .facet-item__value {
display: none;
}
.checkbox-wrapper .check-svg-path {
animation: none !important;
opacity: 1 !important;
stroke-dasharray: 20 !important;
stroke-dashoffset: 0 !important;
}
.checkbox-wrapper input[type=checkbox]:hover ~ .checkbox .checkbox__check {
border-color: var(--primary-500);
}
.checkbox-wrapper input[type=checkbox]:checked ~ .checkbox .check-svg-path {
stroke: var(--primary-800);
stroke-width: 1;
}
.checkbox-wrapper input[type=checkbox]:checked ~ .checkbox .checkbox__check {
background: var(--primary-300);
border-color: var(--primary-300);
}
.checkbox-wrapper input[type=checkbox]:focus ~ .checkbox .checkbox__check {
border-color: var(--primary-300);
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
}
.facets-widget-checkbox ul {
margin-top: 1.375rem;
}
.facets-widget-checkbox ul > li {
margin: 0.75rem 0;
}
.radio {
position: relative;
display: inline-block;
width: auto;
cursor: pointer;
}
.radio__input {
position: absolute;
cursor: pointer;
opacity: 0;
}
.radio__label {
font-weight: 400;
color: #fff;
cursor: pointer !important;
}
.radio__inner {
display: inline-flex;
align-items: center;
}
.radio__radio {
position: relative;
display: inline-flex;
width: 1.875rem;
min-width: 1.875rem;
height: 1.875rem;
margin-right: 0.625em;
color: transparent;
background: var(--primary-800);
border: 0.0625rem solid var(--primary-600);
border-radius: 50%;
transition: all 0.2s ease;
}
.radio__radio:after {
position: absolute;
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 1.0625rem;
height: 1.0625rem;
border-radius: 50%;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
transform: translate3d(-50%, -50%, 0) scale(0.7);
}
.radio__input:hover ~ * .radio__radio {
border-color: var(--primary-500);
}
.radio__input:checked ~ * .radio__radio {
background: var(--primary-800);
border-color: var(--primary-300);
}
.radio__input:checked ~ * .radio__radio:after {
background: var(--primary-300);
transform: translate3d(-50%, -50%, 0) scale(1);
}
.radio__input:focus-visible ~ * .radio__radio {
border-color: var(--primary-300);
outline: 0.1875rem solid rgba(from var(--primary-300) r g b/0.1);
outline: 2px solid white;
outline-offset: 2px;
}
.js-webform-radios {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.ui-widget.ui-widget-content {
background-color: transparent;
border-color: transparent;
border-bottom: 1px solid transparent;
color: #fff;
width: 22.75rem;
padding: 0.9375rem 0;
position: relative;
padding-top: 1.875rem;
}
.ui-widget.ui-widget-content:before {
position: absolute;
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: calc(100% - 0.9375rem);
top: initial;
bottom: 0;
border-radius: 0.75rem;
border: 1px solid var(--primary-300);
background: var(--primary-800);
}
.ui-widget.ui-widget-content .ui-menu-item {
position: relative;
}
.search-api-autocomplete-search .ui-menu-item-wrapper {
color: #fff;
}
.search-api-autocomplete-search .ui-menu-item-wrapper .search-api-autocomplete-suggestion {
padding: 0.3125rem 0.9375rem;
}
.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
background: var(--primary-300);
color: #000;
}
/*
* Exceptions
*/
@media (prefers-reduced-motion) {
*, *::before, *::after {
transition: none !important;
animation: none !important;
}
}