/* Theme Name: Lumipod Theme URI: # Author: Jeremy Bornerand Author URI: http://jeremybornerand.com/ Description: Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. transat-text indivisible the-seasons */ @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:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));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:transparent;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;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.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}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:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));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 transparent;border-top:var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);border-width:var(--plyr-menu-arrow-size,4px);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 transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;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.plyr__tab-focus: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.plyr__tab-focus: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:rgba(0,0,0,.1);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:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.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].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);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]{-webkit-appearance:none;background:transparent;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));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:transparent;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent 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{-webkit-appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height, 13px)/2*-1 - 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:transparent;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 rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));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:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;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:transparent;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 rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));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]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.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:"\2044";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));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 transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));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.plyr__tab-focus .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__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .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__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.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__buffer,.plyr__progress input[type=range]{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{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;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:transparent}.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,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.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);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.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.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));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(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));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.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));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:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.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:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;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;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;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:after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,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 transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));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__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;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;-o-object-fit:contain;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} /** * Swiper 6.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 18, 2020 */ @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-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * 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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .grecaptcha-badge{ display: none!important; } /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { clear: both; } /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #434343; font-family: "indivisible", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; margin: 0 0 0.75em; padding: 1.5em 0 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; } h1 { font-size: 24px; } h2, .home.blog .entry-title { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 13px; } h6 { font-size: 15px; } p { margin: 0 0 1.5em; padding: 0; } dfn, cite, em, i { font-style: italic; } blockquote { color: #666; font-size: 18px; font-size: 1.125rem; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 0; } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } blockquote { quotes: "" ""; } q { quotes: "“" "â€" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } :focus { outline: none; } /*-------------------------------------------------------------- 6.0 Forms --------------------------------------------------------------*/ label { color: #333; display: block; font-weight: 800; margin-bottom: 0.5em; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } button, input[type="button"], input[type="submit"] { background-color: #222; border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 1em 2em; text-shadow: none; transition: all 0.4s ease; } input + button, input + input[type="button"], input + input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #ddd; color: #222; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #767676; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #333; font-family: "indivisible", "Helvetica Neue", helvetica, arial, sans-serif; } :-moz-placeholder { color: #333; font-family: "indivisible", "Helvetica Neue", helvetica, arial, sans-serif; } ::-moz-placeholder { color: #333; font-family: "indivisible", "Helvetica Neue", helvetica, arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #333; font-family: "indivisible", "Helvetica Neue", helvetica, arial, sans-serif; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em; } /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a { color: #434343; text-decoration: none; } a:focus { outline: none!important; } a:hover, a:active { color: #000; outline: 0; } svg{ -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } /*-------------------------------------------------------------- 12.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 13.0 Layout --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* html,body{ overflow-x: hidden; } */ body.home, body.fondnoir{ background: #1D1D1D; } body{ opacity: 0; background: #F3F1EF; transition: opacity 0.8s ease, background 0.4s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wrapper{ max-width: 1410px; width: 100%; position: relative; margin: 0 auto; padding: 0 100px; } .wrap { width: 100%; position: relative; margin: 0 auto; padding: 0 50px; } .clear{ clear: both; } a{ transition: all 0.4s ease, font-weight 0s; } ul.bxslider{ list-style: none; margin: 0; padding: 0; } .wow{ visibility: hidden; } p:last-child, ul:last-child{ margin-bottom: 0; } /*-------------------------------------------------------------- 13.1 Header --------------------------------------------------------------*/ .site-header { position: fixed; left: 0; top: 0; width: 100%; z-index: 20; transition: background 0.4s 0s ease, top 0.4s ease; } .info{ display: none; } .scrolled:not(.scrollup) .site-header { top: var(--mhh); transition: background 0.4s 0.4s ease, top 0.4s ease; } body.scrolled .site-header { background: #F3F1EF; } body.prof.scrolled .site-header { background: #1D1D1D; } .site-title svg path, .site-title svg rect{ transition: fill 0.4s ease; } body.home:not(.scrolled) .site-title svg path, body.home:not(.scrolled) .site-title svg rect, body.fondnoir:not(.scrolled) .site-title svg path, body.fondnoir:not(.scrolled) .site-title svg rect, body.solo:not(.scrolled) .site-title svg path, body.solo:not(.scrolled) .site-title svg rect, body.prof.scrolled .site-title svg path, body.prof.scrolled .site-title svg rect { fill: #fff; } .site-title{ line-height: 1; margin: 0; padding: 0; } .site-title a{ display: block; width: 200px; } .site-title svg{ display: block; width: 100%; } .headc{ display: flex; align-items: center; justify-content: space-between; padding: 18px 0; } .menu{ display: flex; gap: 50px; } .menu > div + div .main-menu{ gap: 0; } .menu .wpml-ls-menu-item.wpml-ls-current-language a{ font-weight: 700; } .main-menu > li{ display: flex; align-items: center; } .menu > div + div .main-menu > li + li:before{ content: '|'; color: #434343; transition: color 0.4s ease; margin: 0 5px 0 4px; transform: translate(0, -1px); } .menu > div + div .main-menu a:after{ display: none!important; } .main-menu{ list-style: none; margin: 0; padding: 0; line-height: 1; display: flex; gap: 50px; align-items: center; } .main-menu a{ font-family: 'transat-text'; text-transform: uppercase; font-size: 14px; letter-spacing: 0.1em; font-weight: 400; position: relative; line-height: 1; display: block; padding: 5px 0; color: #434343!important; } .main-menu a:after{ content: ''; display: block; width: 0; height: 1px; background: #434343; position: absolute; left: 0; bottom: 0; transition: width 0.6s cubic-bezier(.7,0,.3,1), background 0.4s ease; opacity: 1; } body.home:not(.scrolled) .main-menu a, body.fondnoir:not(.scrolled) .main-menu a, body.solo:not(.scrolled) .main-menu a, body.prof.scrolled .main-menu a{ color: #fff!important; } body.home:not(.scrolled) .menu > div + div .main-menu > li + li:before, body.fondnoir:not(.scrolled) .menu > div + div .main-menu > li + li:before, body.solo:not(.scrolled) .menu > div + div .main-menu > li + li:before, body.prof.scrolled .menu > div + div .main-menu > li + li:before{ color: #fff; } body.home:not(.scrolled) .main-menu a:after, body.fondnoir:not(.scrolled) .main-menu a:after, body.solo:not(.scrolled) .main-menu a:after, body.prof.scrolled .main-menu a:after{ background: #fff; } .main-menu a:hover:after, .main-menu .current-menu-item a:after{ width: calc(100% - 0.1em); } .boutonc{ display: block; position: fixed; right: 0; bottom: 20%; transform: translate(0,-50%); } .boutonc a{ display: block; background: #141010; color: #fff; font-family: 'transat-text'; text-transform: uppercase; font-size: 14px; letter-spacing: 0.1em; font-weight: 400; line-height: 1; padding: 18px 20px 18px 25px; transform: rotate(90deg) translate(50%,0); transform-origin: right top; opacity: 0; } .scrolled2 .boutonc a{ opacity: 1; } .boutonc a:hover{ background: #282828; } .scrollefooter .boutonc, .pagecontact .boutonc{ pointer-events: none; } .scrollefooter .boutonc a, .pagecontact .boutonc a{ opacity: 0; } .footopcr{ transition: opacity 0.4s ease; } .pagecontact .footopcr{ opacity: 0; } .info{ background: #1D1D1D; color: #fff; text-align: center; position: relative; font-size: 13px; padding: 12px 0; } .closeinfo{ color: #fff; position: absolute; right: 30px; top: 50%; transform: translate(0,-50%); } .closeinfo:hover{ color: #fff; opacity: 0.6; } /*-------------------------------------------------------------- 13.3 Regular Content --------------------------------------------------------------*/ .site-content { } .hometop{ width: 100%; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ position: fixed; display: flex; align-items: center; justify-content: center; background: #1D1D1D; margin: 0 !important; } .hometop h1{ font-family: 'the-seasons', serif; color: #fff; line-height: 1; font-weight: 700; text-transform: uppercase; margin: 0; padding: 0; font-size: 30px; position: relative; z-index: 2; overflow: hidden; } .sftopc .txtitre{ overflow: hidden; } .hometop h1 span, .sftopc .txtitre span{ display: block; position: relative; opacity: 0; /* transform: translate(0px, 30px); */ animation: showInn 1s 2.2s forwards; } @keyframes showIn { to { opacity: 1; transform: translate(0px, 0); } } @keyframes showInn { to { opacity: 1; } } .hometop:before{ content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); z-index: 1; } .hometop:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); z-index: 1; } .bgvid{ position: absolute; left: 50%; top: 50%; /* min-width: 100%; */ /* min-height: 140%; */ width: 100%; height: 100%; z-index: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: #1D1D1D url(assets/css/AjaxLoader.gif) no-repeat center center; background-size: 16px; object-fit: cover; } /* .hometop iframe, .step2 iframe, .solotopff iframe{ position: absolute; left: calc(50% - 1px); top: 50%; transform: translate(calc(-50% + 1px), -50%); transition: opacity .4s ease; min-height: 105% !important; min-width: 105% !important; max-width: unset !important; aspect-ratio: 1.8 / 1; } .imgparal iframe{ position: fixed; left: calc(50% - 1px); top: 50%; transform: translate(calc(-50% + 1px), -50%); transition: opacity .4s ease; min-height: 105% !important; min-width: 105% !important; max-width: unset !important; aspect-ratio: 1.8 / 1; } */ .homeslider{ position: absolute; left: 0; top: 0; width: 100%; z-index: 0; background: #171717; } .homeslider .swiper-container{ transition: opacity 0.8s ease; opacity: 0; } .loaded2 .homeslider .swiper-container{ opacity: 1; } .slider{ position: relative; } .homeslider, .homeslider .swiper-container, .homeslider .swiper-wrapper, .homeslider .swiper-slide{ height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ } .homeslider.initialise .swiper-slide:not(:first-child){ opacity: 0; } .slider .swiper-slide{ position: relative; width: 100%; min-width: 100%; padding: 55% 0 0; } .slider .swiper-slide img, .pagetop img, .fond img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ object-fit: cover; transition: filter 0.8s ease; margin: 0; } .homeslider .swiper-slide img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ object-fit: cover; transform: scale(1.15); transition: filter 0.8s ease, transform 20s 1s linear; } .homeslider.encours .swiper-slide.swiper-slide-active img { transform: scale(1); transition: filter 0.8s ease, transform 20s linear; } @keyframes zoomOut { from{ transform: scale(1.15); } to { transform: scale(1); } } @keyframes zoomIn { from{ transform: scale(1); } 50% { transform: scale(1.15); } 100%{ transform: scale(1); } } .solotopff img{ animation: 50s zoomIn infinite linear; } .homeslider .swiper-slide img{ filter:blur(5px); } .loaded3 .homeslider .swiper-slide img{ filter:blur(0); } .homeslider .swiper-slide a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; padding: 115px 0; align-items: flex-end; color: #fff; z-index: 2; box-sizing: border-box; } .homeslider .swiper-slide a:before{ content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); z-index: 1; } .homeslider .swiper-slide a:after{ content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); z-index: 1; } .margtop{ position: relative; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ pointer-events: none; } .homecontent{ background: #1D1D1D; position: relative; /* height: calc(var(--vh) * 100); padding-bottom: env(safe-area-inset-bottom); */ height: 100vh; display: flex; align-items: center; justify-content: center; } .hometxt{ font-family: 'the-seasons', serif; font-size: 50px; line-height: 1.1; text-align: center; } .homecontent .wrapper{ max-width: 1150px; } .char{ color: #000; /* transition: color 0.15s ease; */ } .paral{ position: relative; } .step1{ position: relative; background-color: #1D1D1D; /* background-position: center center; background-size: cover; background-attachment: fixed; */ overflow: hidden; clip-path: inset(0); /* height: calc(var(--vh) * 100); padding-bottom: env(safe-area-inset-bottom); */ height: 100svh; display: flex; align-items: center; justify-content: center; } .step1:before { content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .step1:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .step1 .wrapper{ max-width: 925px; z-index: 2; } .step1 .txt{ color: #fff; text-align: center; font-size: 17px; line-height: 1.7; } .step2{ position: relative; overflow: hidden; /* height: calc(var(--vh) * 100); padding-bottom: env(safe-area-inset-bottom); */ height: 100svh; margin: 0 !important; } #page{ position: relative; z-index: 0; } .scrolledp .hometop{ opacity: 0!important; pointer-events: none!important; z-index: -2; } .scrolledp .hometop *{ pointer-events: none!important; } .wrapper.wrapperxs{ max-width: 710px; } .newszone{ position: relative; text-align: center; padding: 140px 0 120px; background: #F3F1EF; } .titre{ font-family: 'the-seasons', serif; font-size: 47px; line-height: 1; text-align: center; font-weight: normal; margin: 0 0 0.6em; padding: 0; } .newszone .txt{ font-size: 14px; } .form{ margin: 30px 0 0; } .form input[type="text"], .form input[type="email"]{ background: transparent; border-radius: 0; font-size: 16px; font-weight: 500; padding: 24px 0; line-height: 1; border: 0; border-bottom: 1px solid #bbbbbb; } .form button{ margin: 50px 0 0; background: transparent !important; border: 0; border-bottom: 1px solid #434343; color: #434343; font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; padding: 0 0 5px; border-radius: 0; } .form button:hover{ border-bottom: 1px solid #141010; color: #141010; } .sliderprods{ position: relative; padding: 100px 50px; overflow: hidden; background: #fff; pointer-events: none; } .hozir{ overflow: hidden; } .horizontal-section{ background: #fff; } .horizontal-wrapper::before{ content: ''; display: block; width: 0; flex-shrink: 0; } .horizontal-wrapper::after { content: ''; display: block; width: 10px; flex-shrink: 0; } .horizontal-wrapper{ /* height: calc(var(--vh) * 100); padding-bottom: env(safe-area-inset-bottom); */ height: 100svh; padding: 130px 0; display: flex; gap: 50px; flex-wrap: nowrap; /* Pas de retour à la ligne */ } .horizbloc{ display: block; flex: 0 0 calc((100% - 2 * 70px) / 3); } .horizbloc a{ display: flex; height: 100%; gap: 30px; flex-direction: column; } .horizbloc + .horizbloc{ margin-left: 20px; } .sliderprods.scrok{ pointer-events: all; } .sliderprods .swiper-container{ overflow: visible; } .horizbloc .vignimg{ padding: 0; flex: 1; } .vignimg{ position: relative; width: 100%; padding: 140% 0 0; overflow: hidden; } .swiper-slide{ box-sizing: border-box; } .vignimg h3{ font-size: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; position: absolute; left: 0; bottom: 40px; z-index: 2; color: #fff; padding: 0 30px; line-height: 1; margin: 0; width: 100%; text-align: center; } .vignimg img{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%,-50%); transition: width 0.8s ease,height 0.8s ease; } .sliderprods a:hover .vignimg img, .horizbloc a:hover .vignimg img{ width: 105%; height: 105%; } .horizbloc .vigntxt{ margin: 0; } .vigntxt{ text-align: center; padding: 0 10%; margin: 30px 0 0; } .vignimg:after { content: ''; display: block; width: 100%; height: 70%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } @keyframes slides { from { transform: translateX(0); } to { transform: translateX(-100%); } } .logos { overflow: hidden; padding: 60px 0px; white-space: nowrap; position: relative; background: #fff; } .logo_items { display: inline-block; vertical-align: middle; animation: 35s slides infinite linear; } /* .logos:hover .logo_items { animation-play-state: paused; } */ .logo_items img{ display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 160px; max-height: 35px; margin: 0 30px; } #content{ background: #F3F1EF; transition: background 0.4s ease; } body.fondnoir , .fondnoir #content{ background: #1D1D1D; } .wrapper.wrapperxl{ max-width: 1520px; } .zonetexteimage{ padding: 110px 0; } .ztc{ display: flex; flex-wrap: wrap; align-items: center; } .zimg{ width: 46%; } .zimgg{ display: block; position: relative; width: 100%; padding: 140% 0 0; } .ztxt{ width: 54%; padding: 0 0 0 140px; transition: opacity 1s ease, transform 1s ease; opacity: 0; transform: translate(0,50px); max-width: 560px; } .ztc2{ justify-content: flex-end; } .step1 .txt{ transition: opacity 1s ease, transform 1s ease; opacity: 0; transform: translate(0,50px); } .scrok .ztxt, .step1.scrok .txt { opacity: 1; transform: translate(0,0); } .ztc2 .ztxt{ text-align: right; padding-left: 0; padding-right: 140px; } .ztc2 .zimg{ order: 2; } .surtitre{ font-family: transat-text; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; margin: 0 0 22px; font-size: 15px; } .titress{ font-size: 40px; line-height: 1; font-weight: 300; margin: 0 0 25px; padding: 0; letter-spacing: -0.06em; } .boutons{ margin: 30px 0 0; display: flex; gap: 30px; position: relative; z-index: 0; } .ztc2 .ztxt .boutons{ justify-content: flex-end; } .bouton{ display: block; text-transform: uppercase; letter-spacing: 0.1em; /* border-bottom: 1px solid; */ position: relative; } .bouton:after { content: ''; display: block; width: calc(100% - 0.1em); height: 1px; transition: width 0.6s cubic-bezier(.7,0,.3,1), background 0.4s ease; position: absolute; left: 0; bottom: 0; background: #434343; z-index: -1; } .bouton:hover:after{ width: 0; } .bouton.blc{ color: #fff; } .bouton.blc:after{ background: #fff; } .slideproj{ position: relative; overflow: hidden; } .slideproj .bouton{ position: absolute; left: 50%; bottom: 120px; z-index: 3; transform: translate(-50%,0); white-space: nowrap; } .slideproj .swiper-container{ overflow: visible; } .slideproj .wrapper{ max-width: 1230px; } .slideproj .swiper-slide{ width: 100%; padding: 60% 0 0; } .slidtxt{ text-align: center; position: absolute; z-index: 2; left: 0; padding: 0 30px; top: 50%; width: 100%; transform: translate(0,-50%); } .slidtxt .sto{ display: block; font-family: transat-text; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; margin: 0 auto 10px; } .slidtxt h3{ font-family: the-seasons, serif; padding: 0; margin: 0; font-weight: normal; font-size: 36px; line-height: 1; letter-spacing: -0.015em; } .slideproj .swiper-slide a{ color: #fff; } .slideproj .swiper-slide:before { content: ''; display: block; width: 100%; height: 40%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .slideproj .swiper-slide:after{ content: ''; display: block; width: 100%; height: 60%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .slideproj .swiper-button-prev, .avislider .swiper-button-prev{ left: 50%; transform: translate(-100%, 0); margin-left: -5px; } .slideproj .swiper-button-next, .avislider .swiper-button-next{ right: 50%; transform: translate(100%, 0); margin-right: -5px; } .slideproj .swiper-button-prev, .slideproj .swiper-button-next, .avislider .swiper-button-prev, .avislider .swiper-button-next{ display: block; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; color: #fff; line-height: 40px; text-align: center; font-size: 15px; transition: all 0.4s ease; top: auto; bottom: 40px; } .slideproj .swiper-button-prev:hover, .slideproj .swiper-button-next:hover, .avislider .swiper-button-prev:hover, .avislider .swiper-button-next:hover{ background: #fff; color: #464646; } .pagecont{ padding-top: 270px; padding-bottom: 100px; } .pagecont.archi{ padding-top: 210px; } .pagecontc{ display: flex; } .pagecontcontact .pagecontc{ flex-wrap: wrap; } .pagecontcontact .pagecontc > *{ width: 50%; } .pagectxt{ padding-right: 15%; } .pagectxt h1{ font-size: 60px; font-weight: 300; letter-spacing: -0.08em; line-height: 1; padding: 0; margin: 0 0 0.7em; } .pagecontcontact .txt{ line-height: 1.7; } .formu .gform_wrapper.gravity-theme .gform_fields{ grid-row-gap: 30px; } .formu .gfield--input-type-html{ margin: 3em 0; } .formu .gform_wrapper.gravity-theme .gfield_label { display: inline-block; font-size: 15px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 14px; padding: 0; } .formu .gform_wrapper.gravity-theme input[type=date], .formu .gform_wrapper.gravity-theme input[type=datetime-local], .formu .gform_wrapper.gravity-theme input[type=datetime], .formu .gform_wrapper.gravity-theme input[type=email], .formu .gform_wrapper.gravity-theme input[type=number], .formu .gform_wrapper.gravity-theme input[type=tel], .formu .gform_wrapper.gravity-theme input[type=text] { background: transparent; border-radius: 0; border: 0; border-bottom: 1px solid #989898; padding: 0 0 20px; } .formu .gform_wrapper.gravity-theme select, .formu .gform_wrapper.gravity-theme textarea{ background: transparent; border-radius: 0; border: 1px solid #989898; padding: 20px; resize: none; height: auto; } .formu .ginput_container_select, .formu .address_country{ position: relative; } .formu .gform_heading{ display: none; } .formu select { -webkit-appearance: none; -moz-appearance: none; padding-right: 52px; text-overflow: ellipsis; text-transform: uppercase; } .formu select::-ms-expand { display: none; } .formu select + svg{ text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; right: 22px; top: 21px; color: #222228; z-index: 0; pointer-events: none; font-size: 22px; } .formu .address_country select + svg { top: auto; bottom: 21px; } .formu .gform_wrapper.gravity-theme .ginput_complex label, .formu .gform_wrapper.gravity-theme .ginput_complex legend { display: block; font-size: 10px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 4px; } .formu .iti__flag-container{ bottom: 0 !important; top: auto !important; } .formu .iti__selected-flag{ padding: 0 6px 20px 0!important; gap: 5px; background: transparent !important; /* border: 1px solid #989898; */ } .formu .iti--separate-dial-code .iti__selected-flag{ background: transparent !important; } .formu .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{ background: transparent !important; } .formu .gform_wrapper.gravity-theme .ginput_complex input[type=text]{ padding: 0 0 10px; } .formu .iti__flag { margin-left: 0; } .formu .iti--separate-dial-code .iti__selected-dial-code { margin-left: 0 !important; font-size: 15px; } .formu .ginput_container_consent{ display: flex; gap: 20px; position: relative; } .formu .ginput_container_consent input[type="checkbox"]{ margin: 0; width: 18px; opacity: 0; } .formu .ginput_container_consent input[type="checkbox"] + label{ margin: 0; } .formu .ginput_container_consent input[type="checkbox"] + label:before{ content: ''; display: block; width: 18px; height: 18px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 2px; border: 1px solid #d9d9d9; } .formu .ginput_container_consent input[type="checkbox"]:checked + label:after{ content: ''; display: block; width: 10px; height: 10px; background: #434343; border-radius: 50%; position: absolute; left: 4px; top: 6px; } .formu .gform_wrapper.gravity-theme .gform_footer{ margin: 50px 0 0; padding: 0; justify-content: flex-end; } .formu .gform_wrapper.gravity-theme .gform_footer button, .formu .gform_wrapper.gravity-theme .gform_footer input{ margin: 0; padding: 0 0 3px; font-weight: normal; background: transparent !important; color: #434343; text-transform: uppercase; font-size: 17px; letter-spacing: 0.1em; border-bottom: 1px solid; border-radius: 0; } fieldset.gfield--type-consent, .gfield--type-mailchimp{ position: relative; } .formu .gform_wrapper.gravity-theme fieldset.gfield--type-consent{ margin-top: 20px; } div.gfield + fieldset.gfield--type-consent:before, .gfield--type-mailchimp:before{ content: '* champs obligatoires'; position: absolute; right: 0; font-size: 12px; top: -40px; } .gfield--type-mailchimp ul{ list-style: none; } #popup{ display: none; text-align: center; max-width: 560px; padding: 90px 60px; } .pagecontact .fancybox-slide--html { padding: 0; } .pagecontact .fancybox-bg { background: rgba(0, 0, 0, 0.6); } .pagecontact .fancybox-toolbar, .pagecontact .fancybox-navigation{ display: none!important; } .pagecontact .fancybox-button svg { width: 22px; } .titrepop{ font-size: 40px; font-weight: 300; letter-spacing: -0.08em; line-height: 1; padding: 0; margin: 0 0 0.7em; } #popup .txt{ font-size: 15px; } .pagecontfaq{ color: #fff; } .section > a{ position: relative; font-size: 51px; font-weight: 300; letter-spacing: -0.08em; line-height: 1; padding: 30px 65px 30px 0; margin: 0; color: #fff; display: block; border-bottom: 1px solid #707070; } .section > a span{ transition: opacity 0.4s ease; } .section > a:before, .question > a:before{ content: ''; display: block; width: 17px; height: 1px; background: #fff; position: absolute; top: 50%; right: 25px; transform: translate(0,-50%); } .section > a:after, .question > a:after{ content: ''; display: block; height: 17px; width: 1px; background: #fff; position: absolute; top: 50%; right: 33px; transform: translate(0,-50%); transition: height 0.4s ease; } .section.ouvert > a:after, .question.ouvert > a:after{ height: 0; } .questions{ display: none; padding: 50px 0 150px; } .question + .question{ margin-top: 25px; } .question > a{ position: relative; display: block; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 18px; letter-spacing: 0.04em; padding-right: 65px; } .section > a:hover span, .question > a:hover{ opacity: 0.6; } .question .txt{ display: none; padding: 20px 15% 35px 0; line-height: 1.7; } .projet{ position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .projet + .projet{ margin-top: 20px; } .projdesc{ width: 40%; position: sticky; top: 0; padding-top: 140px; padding-bottom: 60px; /* padding-right: 10%; */ } .projdesc h2{ font-family: the-seasons; font-size: 41px; font-weight: normal; padding: 0; line-height: 1; margin: 0; } .projimg{ width: 50%; } .projimgg{ position: relative; display: block; width: 100%; /*height: calc(100vh - 200px); height: calc(100 * var(--vh)); */ padding: 140% 0 0; overflow: hidden; } .projimgg img{ transition: all 1s ease; opacity: 0; transform: scale(1.03); } .projimgg.viewport img{ opacity: 1; transform: scale(1); } .tags{ margin: 0 0 20px; display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; } .tags span{ text-transform: uppercase; letter-spacing: 0.1em; } .tags span + span:before{ content: ''; display: inline-block; width: 1px; height: 10px; background: #434343; margin: 0 10px 0 0; } .projet .txt{ margin: 20px 0 0; line-height: 1.7; } .projet .boutons { margin: 50px 0 0; } .archiveprod .pagecont{ padding: 0; } .nofoot .site-footer{ opacity: 0!important; pointer-events: none!important; } .nofoot .pagespace{ display: none!important; } .menuprods{ position: fixed; left: 0; bottom: 0; padding-bottom: 50px; width: 100%; z-index: 3; } .menuprods a{ font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 400; color: #fff; } .menuprods a.actif{ font-weight: 600; } .menuprodsc{ display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; } .prodslider, .prodslideri{ position: absolute; left: 0; top: 0; width: 100%; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ } .prodslider{ z-index: 2; color: #fff; } .prodslideri .swiper-container:before { content: ''; display: block; width: 100%; height: 80%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(74, 73, 73, 0.83) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; mix-blend-mode: multiply; } .prodslideri .swiper-container:after{ content: ''; display: block; width: 100%; height: 80%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, rgba(21, 21, 21, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; mix-blend-mode: multiply; } .prodslider .swiper-slide{ display: flex; align-items: center; justify-content: center; text-align: center; } .prodslider .swiper-container{ z-index: 2; } .prodslider h2{ font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; margin: 0 0 35px; } .prodslider .boutons{ justify-content: center; } .intro{ font-size: 42px; font-weight: 300; line-height: 1; } .prodslideri .swiper-container, .prodslideri .swiper-wrapper, .prodslideri .swiper-slide, .prodslider .swiper-container, .prodslider .swiper-wrapper, .prodslider .swiper-slide{ height: 100%; } .solotop{ background: #1D1D1D; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ position: relative; } .solotopp{ height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .solotop:before, .solotimg:before { content: ''; display: block; width: 100%; height: 45%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(74, 73, 73, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; mix-blend-mode: multiply; } .prodd .solotop:before { height: 80%; background: linear-gradient(to bottom, rgba(74, 73, 73, 0.83) 0%, rgba(0, 0, 0, 0) 100%); } .prodd .solotop:after { height: 80%; } .solotop:after, .solotimg:after{ content: ''; display: block; width: 100%; height: 65%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, rgba(21, 21, 21, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; mix-blend-mode: multiply; } /* .solotimg{ height: 100vh; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; } */ .solotop .wrapper{ z-index: 2; color: #fff; text-align: center; } .solotop .h1{ font-family: 'the-seasons', serif; font-size: 50px; line-height: 1; padding: 0; margin: 0; font-weight: normal; } .txt strong{ font-weight: 600; } .solotop .surtitre{ margin: 0 0 5px; font-size: 18px; font-weight: 500; } .prodd .solotop{ /* background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; */ overflow: hidden; clip-path: inset(0); } .prodd .solotopi{ } .prodd .solotop .surtitre{ font-family: indivisible; margin: 0 0 35px; font-size: 15px; font-weight: 500; letter-spacing: 0.1em; } /* .prodd .solotop:before, .prodd .solotop:after{ display: none; } */ .prodd .solotop .boutons{ opacity: 0!important; pointer-events: none!important; } .solotop .ville{ font-size: 18px; margin: 25px 0 0; } .txtscroll{ position: absolute; left: 0; bottom: 40px; z-index: 2; color: #fff; width: 100%; overflow: hidden; } .txtscroll > div{ display: flex; } .txtscroll p{ margin: 0; font-size: 15px; white-space: nowrap; } .txtscroll p:first-child:before, .txtscroll p + p:before{ content: '\2013'; margin: 0 6px; } .txtscroll b{ font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; } .txtscroll span{ font-weight: 600; } .txtscroll b + span:before{ content: '|'; font-weight: normal; margin: 0 7px 0 4px; } .txtscroll span + span:before{ content: ','; margin: 0 5px 0 0; } .projcont{ background: #F3F1EF; padding: 1px 0; position: relative; } .projcont.solop{ padding-top: 70px; } .prodd .projcont{ margin-top: -60px; } .projcont:empty{ display: none; } .prodtxt{ padding: 110px 0; } .prodtxtt{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .prodtxttt{ width: 600px; } .prodatas{ width: 25%; /* text-transform: uppercase; */ } .txt{ line-height: 1.7; } .txt h2, .txtitre{ font-size: 42px; font-weight: 300; letter-spacing: -0.05em; line-height: 1; } .txt h2:not(:last-child){ margin: 0 0 0.4em; } .txt h3:not(.txtitre){ font-family: transat-text; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; font-size: 18px; } .wrapper.wrapperm{ max-width: 980px; } .bigvid{ display: block; width: 100%; } .bloc:not(.nomarg), .bloc:not(.nomarg) + .bloc.nomarg{ margin-top: 150px; } .bloc:last-child{ margin-bottom: 150px; } .bloc.nomarg:first-child{ margin-top: -1px; } .bloc.nomarg:last-child{ margin-bottom: -1px; } .bloc.bloc-texte + .bloc.bloc-boutons{ margin-top: 75px; } .bloc.bloc-image + .bloc.bloc-image{ margin-top: 20px; } .bloc-texte.centre{ text-align: center; } .bloc-boutons .boutons{ margin: 0; justify-content: center; } .bloc-multi_images img, .bloc-image img{ display: block; width: 100%; } .imagess{ margin: 20px 0; display: flex; gap: 20px; } .imagess:first-child{ margin-top: 0; } .imagess:last-child{ margin-bottom: 0; } .bloc-six_images .imagess{ flex-wrap: wrap; } .bloc-six_images .imag{ flex: 0 0 calc(33.33% - 14px); } .imag{ flex: 1; } .imagg{ position: relative; width: 100%; padding: 140% 0 0; } .imgparal{ position: relative; display: block; width: 100%; /* height: calc(var(--vh) * 100); padding-bottom: env(safe-area-inset-bottom); */ height: 100svh; overflow: hidden; clip-path: inset(0); /* background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; clip: rect(auto, auto, auto, auto); backface-visibility: hidden; */ } .imgparal .imgparall, .step1f{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } .prodd .solotopi{ position: fixed; left: 0; top: 0; right: 0; height: 100svh; background-repeat: no-repeat; background-size: cover; background-position: center center; } .bloc-citation{ text-align: center; } .cita{ font-family: the-seasons; font-size: 36px; font-weight: normal; padding: 0; line-height: 1.2; margin: 0; } .oteur{ font-family: transat-text; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; font-size: 15px; margin: 35px 0 0; } .imgslider .swiper-slide{ width: 100%; padding: 66% 0 0; } .plyr__poster{ background-size: cover; } :root { --plyr-color-main: #1d1d1d; } .caracteristiques{ display: flex; gap: 150px; } .caracteristiques > *{ flex: 1; } .txt ul{ padding-left: 14px; } .cara + .cara{ margin-top: 50px; } .caracteristiquer{ padding-top: 10px; } .cols{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .colimg{ width: 50%; } .imgslider.imgsliderr .swiper-slide{ padding: 140% 0 0; } .coltxt{ width: 40%; } .droity .colimg{ order: 1; } .droity .coltxt{ text-align: right; } .txt p a, .txt li a{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .modeblc{ padding: 200px 0; background: #fff; } .modeblc .wrapper.wrapperm { max-width: 1150px; } .histoiretop img{ display: block; } .fondnoir #content.altfd{ background: transparent; } .histoiretop{ position: relative; text-align: center; color: #fff; z-index: 0; margin-top: -80px; } .histoiretop .surtitre{ font-size: 18px; margin-bottom: 60px; } .histoiretop .cita{ font-size: 50px; display: block; margin: 0 auto 20vw; max-width: 980px; } .histoiretop:after{ content: ''; display: block; width: 100%; height: 100px; position: absolute; left: 0; bottom: -1px; z-index: -1; background: #F3F1EF; } .histoiretop .cita{ line-height: 1.1; } .solotopi.solotopim{ display: none; } .solotopf{ position: sticky; top: 0; /* height: calc(var(--vh) * 100); */ height: 100vh; /* padding-bottom: env(safe-area-inset-bottom); */ overflow: hidden; /* background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; */ } .solotopf:before { content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(74, 73, 73, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; mix-blend-mode: multiply; } .solotopf:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, rgba(21, 21, 21, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; mix-blend-mode: multiply; } .solotopf.solotopff:after{ background: linear-gradient(to top, rgba(21, 21, 21, 0.8) 0%, rgba(0, 0, 0, 0) 100%); } .sftop{ position: relative; z-index: 1; } .sftopc{ height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; } .sftopc + .sftopc{ align-items: flex-start; padding-top: 5vw; } .sftopc:first-child{ margin-top: calc(var(--vh) * -100); margin-top: -100svh; } .sftopc .txtitre{ margin: 0; line-height: 1; } .sftopc .cita{ display: block; margin: 0 auto; max-width: 980px; } .sftopc .oteur{ margin: 50px 0 0; } .solotopf .bigvid{ position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; } .protop{ height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; } .protop .wrapper{ padding-top: 210px; padding-bottom: 140px; animation: showIn 0.8s 1s forwards; opacity: 0; } .protop .surtitre{ font-size: 17px; margin: 0 0 35px; } .protop .cita{ font-size: 50px; display: block; margin: 0 auto; max-width: 1025px; line-height: 1.1; } .protop .boutons, .avis .boutons{ justify-content: center; margin-top: 50px; } .projcont.fdblack { background: #1D1D1D; color: #fff; } .txt a{ color: inherit; } .txt a:hover{ color: inherit; opacity: 0.6; } .avis{ position: relative; height: calc(var(--vh) * 100); height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ /* display: flex; */ align-items: center; justify-content: center; color: #fff; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; } .avis .swiper-slide:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(29,29,29,0.65); mix-blend-mode: multiply; } .avislider{ text-align: center; position: relative; z-index: 1; height: 100%; } .avislider .swiper-container{ height: 100%; } .avislider .swiper-wrapper{ align-items: center; height: 100%; } .avis .swiper-slide .wrapper{ z-index: 1; } .avis .cita{ display: block; margin: 0 auto; max-width: 990px; } .avislider .swiper-button-prev, .avislider .swiper-button-next{ bottom: 80px; } .avis .swiper-slide{ height: 100%; display: flex; align-items: center; } .swipefd{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; } .avis .swiper-slide img{ display: block; margin: 0 auto 50px; height: 74px; width: auto; } .bloc-normal .txtitre{ /* font-family: the-seasons; font-weight: normal; */ } .grille{ display: flex; overflow: hidden; } .grille > *{ flex: 1; } .article{ position: relative; display: flex; } .article a{ display: block; position: relative; color: #fff; width: 100%; padding: 50vw 0 0; } .article a:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(29,29,29,0.65); mix-blend-mode: multiply; transition: opacity 0.7s ease; opacity: 0; z-index: 1; } .article a:hover:before{ opacity: 1; } .articltxt{ position: absolute; z-index: 1; left: 0; width: 100%; bottom: 0; opacity: 0; transform: translate(0,20px); transition: opacity 0.7s ease, transform 0.7s ease; padding: 50px; } .articltxt .tags{ margin-bottom: 10px; } .article a:hover .articltxt{ opacity: 1; transform: translate(0,0); } .articltxt h3{ font-family: 'the-seasons', serif; color: #fff; line-height: 1.2; font-weight: 400; font-size: 38px; padding: 0; margin: 0; } .articltxt .tags span + span:before{ background: #fff; } .cabineslider{ position: relative; padding: 0 60px; } .cabineslider .swiper-slide{ display: flex; align-items: center; gap: 80px; } .cabineslider .swiper-slide > *{ flex: 1; } .cabr .txtitre{ font-size: 37px; } .swiper-button-next:after, .swiper-button-prev:after{ display: none; } .cabineslider .swiper-button-prev{ left: 0; } .cabineslider .swiper-button-next{ right: 0; } .cabineslider .swiper-button-prev, .cabineslider .swiper-button-next{ display: block; width: 46px; height: 46px; border: 1px solid #969696; border-radius: 50%; color: #464646; line-height: 46px; text-align: center; font-size: 19px; transition: all 0.4s ease; } .cabineslider .swiper-button-prev:hover, .cabineslider .swiper-button-next:hover{ background: #eee; } .fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs, .fancybox-infobar{ display: none!important; } .fancybox-bg{ background: #fff; } .fancybox-is-open .fancybox-bg{ opacity: 1; } .fancybox-slide--image{ padding: 0; } .fancybox-toolbar{ opacity: 1 !important; visibility: visible !important; bottom: 65px; top: auto; left: 50%; right: auto; transform: translate(-50%, 0); width: 46px; margin-left: 60px; } .fancybox-navigation .fancybox-button{ opacity: 1 !important; visibility: visible !important; width: 46px; height: 46px; border-radius: 50%; display: block !important; background: transparent; padding: 0; border: 1px solid #fff; color: #fff; bottom: 65px; top: auto; left: 50%; right: auto; transform: translate(-50%, 0); } .fancybox-navigation .fancybox-button--arrow_left{ margin-left: -60px; } .fancybox-navigation .fancybox-button--arrow_right{ } .fancybox-navigation .fancybox-button[disabled]{ opacity: 0.2 !important; pointer-events: none; } .fancybox-button:hover{ background: transparent!important; } .fancybox-button--close{ opacity: 1 !important; visibility: visible !important; width: 46px; height: 46px; border-radius: 50%; display: block !important; background: transparent; padding: 0; border: 1px solid #fff; color: #fff; } .fancybox-slide--image .fancybox-content:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; mix-blend-mode: multiply; background: linear-gradient(to bottom, rgba(74,73,73,0) 0%,rgba(74,73,73,0.7) 100%); } .fancybox-content{ opacity: 0!important; transition: opacity 0.4s ease!important; } .fancybox-slide--complete .fancybox-content{ opacity: 1!important; } .fancybox-navigation .fancybox-button div { padding: 0; } .fancybox-button svg{ width: 11px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } /* 404 page */ .slideproj .swiper-slide img, .zimgg img, .projimgg img, .prodslideri img, .solotop img, .imag img, .imgslider .swiper-slide img, .solotimg img, .solotopf img, .article img, .fancybox-slide.is-landscape .fancybox-content img, .bloc-multi_images .multislider img, .bloc-six_images .multislider img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .error404 .page-content { padding-bottom: 4em; } .error404 .page-content .search-form, .search .page-content .search-form { margin-bottom: 3em; } /*-------------------------------------------------------------- 13.6 Footer --------------------------------------------------------------*/ #cookie-law-info-bar{ background-color: rgba(90, 90, 90, 0.4) !important; padding: 25px !important; text-align: center !important; box-shadow:none!important; transform: translate(0,100%); transition: transform 0.8s ease; } .loaded3 #cookie-law-info-bar{ transform: translate(0,0); } #cookie-law-info-bar .cli-bar-container{ justify-content: center; gap: 100px; align-items: center; } #cookie-law-info-bar .cli-bar-message{ font-size: 13px; width: auto !important; } #cookie-law-info-bar .cli-bar-btn_container{ gap: 30px; width: auto !important; margin: 0!important; } #cookie-law-info-bar .cli-bar-btn_container a{ font-family: 'transat-text'; text-transform: uppercase; color: #fff; font-size: 12px; letter-spacing: 0.1em; font-weight: 500; background: transparent !important; text-decoration-thickness: 1px; text-underline-offset: 5px; margin: 0 !important; } #cookie-law-info-bar .cli-bar-btn_container a#cookie_action_close_header_reject{ text-decoration: none!important; } .pagespace{ height: var(--fh); pointer-events: none; } .site-footer { background: #1D1D1D; color: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: -1; transition: opacity 0.4s ease; } .leave .site-footer { opacity: 0; } .footop{ padding: 120px 0 35px; border-bottom: 1px solid rgba(112, 112, 112, 0.54); } .footopc{ display: flex; justify-content: space-between; align-items: flex-end; } .footopcl{ display: flex; flex-direction: column; gap: 40px; } .logo{ display: block; background: url(assets/images/logo.svg) no-repeat center center/contain; width: 200px; height: 40px; } .footer-menu, .copy-menu, .social-menu{ list-style: none; margin: 0; padding: 0; line-height: 1; display: flex; align-items: center; } .footer-menu{ gap: 50px; } .footer-menu a{ font-family: 'transat-text'; text-transform: uppercase; color: #8C8680; font-size: 14px; letter-spacing: 0.1em; font-weight: 300; white-space: nowrap; } .footopcr{ text-align: right; font-size: 13px; letter-spacing: 0.05em; line-height: 1.8; padding-bottom: 45px; padding-right: 45px; } .footopcr a{ color: #fff; } .footopcr a:hover{ color: #707070; } .footopcr h3{ font-weight: 300; font-size: 26px; line-height: 1; margin: 0 0 20px; letter-spacing: -0.07em; } .copy-menu a, .social-menu a{ color: #707070; } .footer-menu a:hover, .copy-menu a:hover, .social-menu a:hover{ color: #fff; } .footbot{ padding: 25px 0; color: #707070; } .footbotc{ display: flex; align-items: center; justify-content: space-between; } .footbotc1{ display: flex; align-items: center; font-size: 13px; gap: 40px; } .copy-menu{ gap: 40px; } .social-menu{ gap: 10px; } .social-menu a{ font-size: 20px; } /*-------------------------------------------------------------- 16.0 Media --------------------------------------------------------------*/ img, video { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } img.alignleft, img.alignright { float: none; margin: 0; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-size: 0.8125rem; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .gform_wrapper.gravity-theme .ginput_container_address span.address_country{ flex: 0 0 100%; } .gfield_checkbox { display: flex; white-space: nowrap; gap: 40px; } :root{ --vh: 1vh; --dot-size: 4px; /* diamètre initial */ --bar-thickness: 2px; /* épaisseur des barres/cibles */ --bar-length: 17px; /* longueur des barres/cibles */ --gap: 3px; /* espace entre points */ --anim: 260ms cubic-bezier(.2,.9,.3,1); --color: #434343; } .hamburger{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; border: 0; background: transparent; cursor: pointer; width: 37px; } /* points / éléments */ .hamburger .dot{ display: block; width: var(--dot-size); height: var(--dot-size); background: var(--color); border-radius: 50%; margin: calc(var(--gap) / 2) 0; transform-origin: center; transition: width var(--anim), height var(--anim), border-radius var(--anim), transform var(--anim), opacity var(--anim), margin var(--anim); box-sizing: border-box; } /* état "ouvert" (classe .is-open ajoutée via JS ou input:checked pour CSS-only) */ .hamburger.is-open .top, .hamburger.is-open .bottom{ /* devenir des barres : largeur -> longueur, hauteur -> épaisseur, radius -> petit arrondi */ width: var(--bar-length); height: var(--bar-thickness); border-radius: 2px; margin: 0; } /* Middle disparaît */ .hamburger.is-open .middle{ opacity: 0; transform: scaleX(0); margin: 0; } /* Déplacer et pivoter top & bottom pour former la croix */ .hamburger.is-open .top{ transform: translateY(3px) rotate(45deg); } .hamburger.is-open .bottom{ transform: translateY(-3px) rotate(-45deg); } .hamburger:hover,.hamburger:focus{ background: transparent; /* outline: 2px solid Highlight; outline-offset: 3px; */ } .multislider{ margin: 20px 0; } /* iframe[src*="vimeo.com"]{ opacity: 0; transition: opacity 0.4s ease; } */ .plyr__video-wrapper, .plyr__video-wrapper iframe{ background-color: #1d1d1d!important; } .playeur:not(.notparal) { background-color: #1d1d1d; position: absolute; left: calc(50% - 1px); top: 50%; transform: translate(calc(-50% + 1px), -50%); transition: opacity .4s ease; min-height: 105% !important; min-width: 105% !important; max-width: unset !important; aspect-ratio: 1.8 / 1; } .playeur:not(.notparal) iframe{ max-width: unset !important; position: absolute; left: calc(50% - 1px); top: 50%; transform: translate(calc(-50% + 1px), -50%); min-height: 105% !important; min-width: 105% !important; max-width: unset !important; aspect-ratio: 1.8 / 1; } .playeur:not(.notparal).plyr--full-ui .plyr__video-embed > .plyr__video-embed__container{ transform: translateY(0)!important; padding-bottom: 0!important; position: absolute; left: 0; top: 0; height: 100% !important; width: 100% !important; } .imgparal .plyr__video-wrapper{ aspect-ratio: unset!important; height: 100% !important; width: 100% !important; } .playeur.notparal{ background-color: #1d1d1d; position: relative; width: 100%; height: auto; } .playeur:not(.notparal):not(.moby){ aspect-ratio: 3 / 1; } .imgparal .playeur{ position: fixed; } .prodslider .swiper-pagination{ display: none; } .gform_wrapper.gravity-theme .gfield-choice-input + label{ text-transform: uppercase; } /* .formu .iti__flag{ background-image: url(assets/images/flags.png) !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .formu .iti__flag { background-image: url(assets/images/flags2x.png) !important; } } */ #field_1_19{ display: none; } .mc4wp-response:not(:empty){ color: #fff; margin: 30px 0 0; background: #1D1D1D; padding: 30px; border-radius: 5px; } .io-sentinel { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .playeur .plyr__controls, .playeur .plyr__time, .playeur .plyr__progress, .playeur .plyr__menu { display: none !important; } #barba-wrapper .wpml-ls{ display: none !important; } /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ @media (min-aspect-ratio: 16/9) { .playeur:not(.notparal):not(.moby) { aspect-ratio: 1 / 1!important; } } @media (orientation: portrait) { .fancybox-slide.is-portrait .fancybox-content{ transform: translate(0, 0)!important; width: 100%!important; height: 100%!important; } .fancybox-slide.is-portrait .fancybox-content img{ object-fit: cover; } .fancybox-navigation .fancybox-button, .fancybox-toolbar{ mix-blend-mode: difference; } } @media (orientation: landscape) { .fancybox-slide.is-landscape .fancybox-content{ transform: translate(0, 0)!important; width: 100%!important; height: 100%!important; } } @media screen and (max-width: 1499px) { .horizbloc .vigntxt{ padding: 0 20px; } } @media screen and (max-width: 1399px) { .main-menu, .footer-menu { gap: 40px; } } @media screen and (max-width: 1299px) { .main-menu, .footer-menu, .copy-menu { gap: 30px; } .footopcr{ padding-right: 0; } .protop .cita, .histoiretop .cita{ font-size: 40px; max-width: 800px; } .wrap, .wrapper{ padding-left: 60px; padding-right: 60px; } .pagectxt h1 { font-size: 50px; } .solotop .h1, .section > a{ font-size: 46px; } .hometxt, .titre{ font-size: 40px; } .txt h2, .txtitre, .titress, .intro, .projdesc h2 { font-size: 38px; } .articltxt h3{ font-size: 36px; } .tags{ font-size: 12px; } .vigntxt{ padding: 0; } .articltxt{ padding: 40px; } } @media screen and (max-width: 1199px) { .wrap, .wrapper { padding-left: 40px; padding-right: 40px; } .slideproj .wrapper { padding-left: 80px; padding-right: 80px; } .site-title a{ width: 170px; } .menu{ gap: 40px; } .footopcr h3{ font-size: 24px; } .main-menu a, .footer-menu a{ font-size: 12px; } .info, #cookie-law-info-bar .cli-bar-message, .footopcr{ font-size: 12px; } .footbotc1{ font-size: 11px; } .hometxt, .titre { font-size: 35px; } .ztxt{ padding: 0 0 0 80px; } .ztc2 .ztxt{ padding-right: 80px; } .wrapper.wrapperxs { max-width: 610px; } .pagecont { padding-top: 220px; } .pagecont.archi { padding-top: 190px; } .articltxt .tags{ font-size: 10px; gap: 8px; } .articltxt .tags span + span:before{ height: 8px; margin: 0 9px 0 0; } .boutonc a{ font-size: 13px; padding: 12px 14px 12px 16px; } .horizontal-wrapper{ padding: 90px 0; } .horizbloc{ flex: 0 0 calc((100% - 10px) / 3); } } @media screen and (min-width: 1024px) { .hamburger, .menu .menu-social-container, .menu .menu-copyright-mobile-container, li.hidedesk, .mob{ display: none!important; } .menu{ display: flex!important; } .caracteristiquer{ display: block!important; } iframe.moby, .playeur.moby{ position: absolute; left: -999em; top: -999em; } } @media screen and (max-width: 1023px) { iframe.desky, .playeur.desky{ position: absolute; left: -999em; top: -999em; } .headc{ justify-content: center; } .hamburger{ display: inline-flex; position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); z-index: 2; } .menuc{ position: fixed; left: 0; top: -999em; background: #1D1D1D; color: #fff; width: 100%; height: 100dvh; overflow: auto; opacity: 0; transition: opacity 0.4s ease,transform 0.4s ease,top 0s 0.4s ease; } .menuon .menuc{ opacity: 1; top: 0; transition: opacity 0.4s ease,transform 0.4s ease,top 0s 0s ease; } .menu{ position: relative; display: flex; min-height: calc(var(--vh) * 100); min-height: 100svh; /* padding-bottom: env(safe-area-inset-bottom); */ flex-direction: column; justify-content: flex-end; align-items: center; padding: 70px 40px; gap: 50px; } .menu .menu-langues-container{ position: absolute; left: 50%; top: 26px; transform: translate(-50%, 0); } .menu .menu-principal-container .main-menu, .menu .menu-main-menu-container .main-menu, .copy-menu{ gap: 14px; flex-direction: column; } .main-menu a{ font-size: 18px; color: #fff !important; } .main-menu a:after{ background: #fff !important; } .menu-langues-container .main-menu a{ font-size: 17px; } .menu > div + div .main-menu > li + li:before{ margin: 0 10px 0 9px; color: #fff !important; } .copy-menu{ font-size: 13px; } .boutonc{ display: none!important; } .menu .social-menu { gap: 15px; } .menu .social-menu a { color: #fff; font-size: 25px; } .menu .social-menu a:hover { color: #707070; } body.home:not(.scrolled) .hamburger .dot, body.fondnoir:not(.scrolled) .hamburger .dot, body.solo:not(.scrolled) .hamburger .dot, body.prof.scrolled .hamburger .dot { background: #fff; } body.menuon .hamburger .dot{ background: #fff!important; } .closeinfo{ right: 15px; } .mob{ display: block; } .desk{ display: none!important; } .vidpad{ padding: 180% 0 0 0!important; } /* .hometop iframe.mob, .step2 iframe.mob, .solotopff iframe.mob{ aspect-ratio: 1 / 1.8; } */ .playeur.moby{ aspect-ratio: 1 / 1.7; } .playeur.notparal.moby iframe{ margin: -1px 0 0; } .playeur:not(.notparal):not(.moby){ } #cookie-law-info-bar .cli-bar-container{ flex-direction: column; gap: 20px; } .cli-style-v2 .cli-bar-message{ text-align: center; } .step1 .txt{ font-size: 16px; } .horizontal-wrapper{ gap: 40px; } .horizbloc + .horizbloc { margin-left: 0; } .horizbloc{ flex: 0 0 calc((100% - 2 * 40px) / 1.4); } .vigntxt { padding: 0 20px; } .horizontal-wrapper::after{ width: 1px; } .ztc{ flex-direction: column; gap: 50px; } .zimg { width: 100%; } .zimgg { padding: 66% 0 0; } .ztxt { padding: 0 40px!important; text-align: center; opacity: 1!important; transform: translate(0, 0)!important; width: 100%; max-width: 640px; } .ztc2 .zimg { order: 0; } .ztc2 .ztxt { padding-right: 0; text-align: center; } .ztxt .boutons, .ztc2 .ztxt .boutons { justify-content: center; } footer .menu-footer-container, .footopcr, footer .menu-copyright-container{ display: none; } .footop { padding: 40px 0 0; border-bottom: 0; } .footopc{ justify-content: center; } .footbotc{ flex-direction: column; gap: 20px; } .footbotc1{ order: 1; font-size: 13px; } .social-menu a { font-size: 22px; } .logo{ width: 162px; height: 32px; } .logo_items img{ max-width: 135px; max-height: 28px; margin: 0 22px; } .txt h2, .txtitre, .titress, .intro, .projdesc h2, .cabr .txtitre { font-size: 34px; } .zonetexteimage { padding: 0 0 110px 0; } .zonetexteimage .wrapper{ padding: 0; } .slideproj .swiper-slide { padding: 124% 0 0; } .homecontent .wrapper, .step1 .wrapper { padding-left: 100px; padding-right: 100px; } .menuprodsc{ gap: 30px; } .prodtxtt{ justify-content: center; text-align: center; gap: 40px; } .caracteristiques, .cabineslider .swiper-slide { flex-direction: column; gap: 40px; } .caracteristiquel{ text-align: center; } .caracteristiquer{ display: none; border-top: 1px solid #707070; padding-top: 40px; } .expa{ display: flex; text-align: center; font-size: 20px; position: relative; align-items: center; } .expa svg{ margin: 0 20px; transition: transform 0.4s ease; } .expa.on svg{ transform: rotate(180deg); } .expa span{ width: 100%; height: 1px; background: #707070; } .article a{ padding: 124% 0 0; } .article.div3{ display: none; } .articltxt .tags{ justify-content: center; } .articltxt h3 { font-size: 30px; text-align: center; } .modeblc { padding: 100px 0; text-align: center; } .modeblc .boutons{ justify-content: center; } .bloc:not(.nomarg), .bloc:not(.nomarg) + .bloc.nomarg { margin-top: 100px; } .bloc:last-child { margin-bottom: 100px; } .bloc.nomarg + .bloc.bloc-texte_images{ margin-top: 0!important; } #bloc1.bloc.bloc-texte_images{ margin-top: -1px!important; } .cita{ font-size: 30px; } .avis .cita{ font-size: 23px; } .avis .oteur{ font-size: 13px; margin: 20px 0 0; } .histoiretop .surtitre { font-size: 15px; } .protop .cita, .histoiretop .cita { font-size: 34px; max-width: 520px; } .protop .cita { max-width: 630px; } .cols{ gap: 50px; } .colimg { width: 100%; } .imgslider.imgsliderr .swiper-slide { padding: 66% 0 0; } .coltxt { width: 100%; text-align: center; padding-left: 40px; padding-right: 40px; } .droity .colimg{ order: 0; } .bloc-texte_images .wrapper{ padding: 0; } .droity .coltxt { text-align: center; } .pagecont.archi { padding-top: 170px; } /* .projimg { width: 100%; } .projdesc{ order: 1; width: 100%; } */ .projdesc { width: 50%; position: sticky; top: 80px; padding-top: 40px; padding-bottom: 0; padding-right: 30px; } .projet .txt{ font-size: 12px; } .tags { font-size: 11px; } .projet .boutons { margin: 30px 0 0; } .pagecont { padding-top: 200px; } .pagecontcontact .pagecontc > * { width: 100%; } .pagecontcontact .pagecontc{ gap: 50px; } .pagectxt { padding-right: 0; text-align: center; } .prodatas { width: 100%; } .imgparal .playeur{ min-height: 108% !important; } .menuon.scrolled:not(.scrollup) .site-header{ top: 0!important; } .histoiretop{ margin-top: calc(100svh - 100vh - 80px); } } @media screen and (max-width: 767px) { .wrap, .wrapper { padding-left: 30px; padding-right: 30px; } .info .txt { line-height: 1.2; } .hamburger{ right: 10px; } .menu{ padding: 70px 30px 50px; gap: 40px; } .info, #cookie-law-info-bar .cli-bar-message, .footopcr { font-size: 11px; } #cookie-law-info-bar .cli-bar-container{ gap: 15px; } .horizontal-wrapper{ gap: 30px; padding: 60px 0; } .horizbloc { flex: 0 0 calc((100% - 2 * 30px) - 20px); } .hometop h1{ font-size: 26px; } .hometxt, .titre { font-size: 30px; } .txt h2, .txtitre, .titress, .intro, .projdesc h2, .cabr .txtitre { font-size: 30px; } /* .intro { font-size: 26px; } .prodslider .swiper-slide .wrapper{ padding-left: 20px; padding-right: 20px; }*/ .homecontent .wrapper, .step1 .wrapper { padding-left: 50px; padding-right: 50px; } .zimgg { padding: 124% 0 0; } .logo_items img { max-width: 125px; max-height: 25px; margin: 0 20px; } .slideproj .wrapper { padding-left: 0; padding-right: 0; } .slideproj .swiper-slide { height: calc(var(--vh) * 100); height: 100svh; padding: 0; } .ztxt .txt br, .menuprods, .intro br, .imag + .imag, .article.div2{ display: none; } .bloc:not(.nomarg), .bloc:not(.nomarg) + .bloc.nomarg { margin-top: 60px; } .bloc:last-child { margin-bottom: 60px; } .cabineslider{ padding: 0; } .cabineslider .swiper-button-prev, .cabineslider .swiper-button-next{ top: auto; margin: 0; bottom: -70px; transform: scale(0.7); } .cabineslider .swiper-button-prev { left: 50%; margin-left: -45px !important; } .cabineslider .swiper-button-next { right: 50%; margin-right: -45px !important; } .modeblc { padding: 60px 0 120px; } .slideproj .swiper-button-prev, .slideproj .swiper-button-next, .avislider .swiper-button-prev, .avislider .swiper-button-next{ bottom: 50px; } .slideproj .swiper-button-next, .avislider .swiper-button-next{ transform: scale(0.7) translate(100%, 0); margin-right: -10px; } .slideproj .swiper-button-prev, .avislider .swiper-button-prev{ transform: scale(0.7) translate(-100%, 0); margin-left: -10px; } .logo_items{ animation-duration: 25s; } .prodd .projcont { margin-top: -30px; } .sftopc .cita{ font-size: 25px; } .histoiretop img { width: calc(100% + 60px); max-width: 9999em; margin-left: -30px; } .protop{ min-height: 100vh; min-height: 100svh; height: auto; } .protop .wrapper { padding-top: 120px; padding-bottom: 80px; } .protop .surtitre { font-size: 15px; margin: 0 0 30px; } .avis, .avislider, .avislider .swiper-container, .avislider .swiper-wrapper{ height: auto; } .avislider .swiper-wrapper{ align-items: unset; } .avis .swiper-slide{ /* min-height: 100vh; */ min-height: 100svh; height: auto; padding: 80px 0 120px; } .imgslider.imgsliderr .swiper-slide { padding: 124% 0 0; } .pagecont { padding-top: 120px; } .formu .gform_wrapper.gravity-theme ul.gfield_checkbox li label, .formu .gform_wrapper.gravity-theme ul.gfield_radio li label{ width: auto; } .formu .gform_wrapper.gravity-theme .gfield_checkbox label, .formu .gform_wrapper.gravity-theme .gfield_radio label{ font-size: 14px; } .formu .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1; min-height: 0; } .formu .gfield--type-mailchimp{ padding-top: 30px; } .formu .gfield--input-type-html { margin: 1em 0; } .formu .gform_wrapper.gravity-theme .gform_footer{ justify-content: center; } .formu .gform_wrapper.gravity-theme select, .formu .gform_wrapper.gravity-theme textarea{ padding: 16px 18px; } .formu select + svg{ top: 17px; } .formu .address_country select + svg{ bottom: 17px; } .formu .iti__selected-flag{ padding: 0 6px 17px 0 !important; } .section > a { font-size: 30px; padding: 30px 30px 30px 0; } .question > a{ font-size: 15px; padding-right: 30px; } .section > a:before, .question > a:before{ right: 0; } .section > a:after, .question > a:after{ right: 8px; } .question + .question { margin-top: 20px; } .questions { padding: 36px 0 60px; } .question .txt{ padding-right: 0; } .pagecont.archi { padding-top: var(--hh); } /* .infon .pagecont.archi { padding-top: 128px; } */ .projimg { width: 100%; } .projdesc { order: 2; width: 100%; position: relative; top: 0; padding-top: 40px; padding-bottom: 0; padding-right: 30px; padding-left: 30px; text-align: center; } .pagecont.archi .wrapper{ padding: 0; } .projdesc .tags, .projet .boutons{ justify-content: center; } .projet .txt { font-size: 14px; } .projet + .projet { margin-top: 80px; } .solotop .h1 { font-size: 39px; } .solotop .surtitre, .solotop .ville{ font-size: 15px; } .solotop .surtitre{ margin: 0 0 12px; } .solotop .ville{ margin: 14px 0 0; } .bloc-texte{ text-align: center; } .tags span + span:before{ margin: 0 10px -1px 0; } .fancybox-navigation .fancybox-button, .fancybox-toolbar{ bottom: 40px; } .gfield_checkbox{ gap: 30px; } .histoiretop{ margin-top: calc(100svh - 100vh - 50px); } .histopimg{ position: relative; display: block; width: calc(100% + 60px); max-width: 9999em; margin-left: -30px; padding: 100% 0 0; } .histopimg img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; margin-left: 0; } .prodslider .swiper-pagination{ display: block; left: 0; bottom: 40px; width: 100%; } .prodslider .swiper-pagination-bullet{ border: 1px solid #fff; background: transparent; opacity: 1!important; margin: 0 5px; width: 10px; height: 10px; } .prodslider .swiper-pagination-bullet-active{ background: #fff; } .solotopff img{ animation: 25s zoomIn infinite linear; } #popup{ padding: 60px 40px; } .titrepop { font-size: 31px; } #popup .txt { font-size: 14px; } } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print {}