/* Theme Name: LPG 2023 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. */ :root { --main-bg-color: #fff; } #page{ background: var(--main-bg-color); z-index: 0; position: relative; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-Light.eot'); src: url('assets/fonts/Wigrum-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-Light.woff2') format('woff2'), url('assets/fonts/Wigrum-Light.woff') format('woff'), url('assets/fonts/Wigrum-Light.ttf') format('truetype'), url('assets/fonts/Wigrum-Light.svg#Wigrum-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-Italic.eot'); src: url('assets/fonts/Wigrum-Italic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-Italic.woff2') format('woff2'), url('assets/fonts/Wigrum-Italic.woff') format('woff'), url('assets/fonts/Wigrum-Italic.ttf') format('truetype'), url('assets/fonts/Wigrum-Italic.svg#Wigrum-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-LightItalic.eot'); src: url('assets/fonts/Wigrum-LightItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-LightItalic.woff2') format('woff2'), url('assets/fonts/Wigrum-LightItalic.woff') format('woff'), url('assets/fonts/Wigrum-LightItalic.ttf') format('truetype'), url('assets/fonts/Wigrum-LightItalic.svg#Wigrum-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-BlackItalic.eot'); src: url('assets/fonts/Wigrum-BlackItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-BlackItalic.woff2') format('woff2'), url('assets/fonts/Wigrum-BlackItalic.woff') format('woff'), url('assets/fonts/Wigrum-BlackItalic.ttf') format('truetype'), url('assets/fonts/Wigrum-BlackItalic.svg#Wigrum-BlackItalic') format('svg'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-Regular.eot'); src: url('assets/fonts/Wigrum-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-Regular.woff2') format('woff2'), url('assets/fonts/Wigrum-Regular.woff') format('woff'), url('assets/fonts/Wigrum-Regular.ttf') format('truetype'), url('assets/fonts/Wigrum-Regular.svg#Wigrum-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-Bold.eot'); src: url('assets/fonts/Wigrum-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-Bold.woff2') format('woff2'), url('assets/fonts/Wigrum-Bold.woff') format('woff'), url('assets/fonts/Wigrum-Bold.ttf') format('truetype'), url('assets/fonts/Wigrum-Bold.svg#Wigrum-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-Medium.eot'); src: url('assets/fonts/Wigrum-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-Medium.woff2') format('woff2'), url('assets/fonts/Wigrum-Medium.woff') format('woff'), url('assets/fonts/Wigrum-Medium.ttf') format('truetype'), url('assets/fonts/Wigrum-Medium.svg#Wigrum-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-MediumItalic.eot'); src: url('assets/fonts/Wigrum-MediumItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-MediumItalic.woff2') format('woff2'), url('assets/fonts/Wigrum-MediumItalic.woff') format('woff'), url('assets/fonts/Wigrum-MediumItalic.ttf') format('truetype'), url('assets/fonts/Wigrum-MediumItalic.svg#Wigrum-MediumItalic') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-BoldItalic.eot'); src: url('assets/fonts/Wigrum-BoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-BoldItalic.woff2') format('woff2'), url('assets/fonts/Wigrum-BoldItalic.woff') format('woff'), url('assets/fonts/Wigrum-BoldItalic.ttf') format('truetype'), url('assets/fonts/Wigrum-BoldItalic.svg#Wigrum-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Wigrum'; src: url('assets/fonts/Wigrum-Black.eot'); src: url('assets/fonts/Wigrum-Black.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Wigrum-Black.woff2') format('woff2'), url('assets/fonts/Wigrum-Black.woff') format('woff'), url('assets/fonts/Wigrum-Black.ttf') format('truetype'), url('assets/fonts/Wigrum-Black.svg#Wigrum-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Druk'; src: url('assets/fonts/Druk-Bold.eot'); src: url('assets/fonts/Druk-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Druk-Bold.woff2') format('woff2'), url('assets/fonts/Druk-Bold.woff') format('woff'), url('assets/fonts/Druk-Bold.ttf') format('truetype'), url('assets/fonts/Druk-Bold.svg#Druk-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } .bx-wrapper{position:relative;margin:0 auto;padding:0}.bx-wrapper img{max-width:100%;display:block;margin:0 auto}.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:20px;width:100%;z-index:3;line-height:normal}.bx-wrapper .bx-loading{min-height:50px;background:url(assets/css/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:0}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:0 0;text-indent:-9999px;display:block;width:8px;height:8px;margin:0 5px;outline:0;border:1px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff}.bx-wrapper .bx-controls-direction a.bx-prev{background-color:#fff;left:20px;right:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23636363'%2F%3E%3C%2Fsvg%3E")}.bx-wrapper .bx-controls-direction a.bx-next{background-color:#fff;right:20px;left:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23636363'%2F%3E%3C%2Fsvg%3E")}.bx-wrapper .bx-controls-direction a.bx-prev:hover{background-color:#99ca3c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}.bx-wrapper .bx-controls-direction a.bx-next:hover{background-color:#99ca3c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;z-index:3;text-indent:-999em;cursor:pointer;background-color:#424345;-moz-background-size:10px 17px;-webkit-background-size:10px 17px;background-size:10px 17px;border-radius:50%;background-position:center;background-repeat:no-repeat;-webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.bx-wrapper .bx-controls-direction a.disabled{background-color:#b1b1b1!important}.slidy .bx-wrapper .bx-controls-direction a.bx-prev{left:50%;right:auto;margin-left:-350px;background-image:url(assets/css/fleches_big.png);background-color:transparent;background-position:left center;background-repeat:no-repeat;background-size:70px 100px}.slidy .bx-wrapper .bx-controls-direction a.bx-next{right:50%;margin-right:-350px;left:auto;background-image:url(assets/css/fleches_big.png);background-color:transparent;background-position:right center;background-repeat:no-repeat;background-size:70px 100px}.slidy .bx-wrapper .bx-controls-direction a.bx-next:hover,.slidy .bx-wrapper .bx-controls-direction a.bx-prev:hover{background-color:transparent}.slidy .bx-wrapper .bx-controls-direction a{position:absolute;top:auto;bottom:70px;width:35px;height:100px;margin-top:-50px;z-index:0;text-indent:-999em;cursor:pointer;-moz-background-size:70px 100px;-webkit-background-size:70px 100px;background-size:70px 100px;background-repeat:no-repeat;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(assets/css/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(assets/css/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.conty{padding:0 109px}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:0;width:135px;height:160px;margin-top:0;z-index:10;cursor:pointer;line-height:160px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.swiper-button-nextt,.swiper-button-nexttt,.swiper-button-prevv,.swiper-button-prevvv{position:absolute;top:0;width:135px;height:160px;margin-top:0;z-index:10;cursor:pointer;line-height:160px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.swiper-button-next span,.swiper-button-nextt span,.swiper-button-prev span,.swiper-button-prevv span{font-size:12px;font-weight:300;text-transform:uppercase;letter-spacing:0;line-height:17px;display:inline-block;vertical-align:middle;width:100%;margin-top:-34px;position:relative}.swiper-button-next span,.swiper-button-nextt span{text-align:right}.swiper-button-next.swiper-button-disabled,.swiper-button-nextt.swiper-button-disabled,.swiper-button-nexttt.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled,.swiper-button-prevv.swiper-button-disabled,.swiper-button-prevvv.swiper-button-disabled{opacity:1}.swiper-button-prevv span{padding:0 0 0 40px}.swiper-button-prevv span:before{content:'\f137';font-family:FontAwesome;position:absolute;left:10px;font-size:20px;top:8px}.swiper-button-nextt span{padding:0 40px 0 0}.swiper-button-nextt span:after{content:'\f138';font-family:FontAwesome;position:absolute;right:10px;font-size:20px;top:8px}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../images/fleches_horizontales.png);background-position:left center;left:16px;right:auto}.swiper-button-prev,.swiper-button-prevv{left:0;right:auto}.swiper-button-prevv{background:#fff;left:0;border-top:20px solid #316481;border-bottom:20px solid #316481}.swiper-button-prev{background-image:url(../images/fleches_horizontales.png);background-position:left bottom;left:0}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url(../images/fleches_horizontales.png)}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(../images/fleches_horizontales.png)}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../images/fleches_horizontales.png);right:16px;left:auto;background-position:right center}.swiper-button-next,.swiper-button-nextt{right:0}.swiper-button-nextt{background:#fff;right:0;border-top:20px solid #316481;border-bottom:20px solid #316481}.swiper-button-next{background:#fff;right:0}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url(../images/fleches_horizontales.png)}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url(../images/fleches_horizontales.png)}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} @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{from{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);height:100%;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:calc(10px * 2);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(calc(10px * -4));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:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.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}a.plyr__control::after,a.plyr__control::before{display: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{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:calc(10px / 4);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:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);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__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{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:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.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:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);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-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-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:calc(calc(10px * .7) * 4);padding-right:calc(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:calc((calc(10px * .7) * 1.5) - 4px);right:calc((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:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(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:calc((calc(10px * .7) * 1.5) - 4px);left:calc((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:calc(calc(10px * .7)/ 2);margin-top:calc(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:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);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((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);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:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);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;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-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;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);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:calc(5px / 2);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{background:0 0;border:0;border-radius:calc(5px / 2);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;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);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;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);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;-ms-user-select:none;user-select:none;background:currentColor}.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);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.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-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__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:calc(768px - 1)){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.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:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(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 .1s ease,opacity .2s .1s ease;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 rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);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%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.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:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);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:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.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 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,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:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.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:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);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;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.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(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),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:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);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:calc(10px * 3.5);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:calc(10px * 1.5);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:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.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 rgba(255,255,255,.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,rgba(255,255,255,.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 rgba(255,255,255,.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,rgba(255,255,255,.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 rgba(255,255,255,.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,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor: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:-ms-fullscreen .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__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.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__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.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__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.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;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.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:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.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:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,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 rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);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:calc(3px - 1px);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:calc(3px - 1px);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;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger:not(.offy){transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear}.hamburger-box{width:33px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:0}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:33px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-14px}.hamburger-inner::after{bottom:-14px}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)} /*-------------------------------------------------------------- >>> 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 { scroll-behavior: initial; } html, body { width: 100%; min-height: 100%; } 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: #000; font-family: "Montserrat", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 1.66; } 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; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; 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: "Baskervville", serif; } :-moz-placeholder { color: #333; font-family: "Baskervville", serif; } ::-moz-placeholder { color: #333; font-family: "Baskervville", serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #333; font-family: "Baskervville", 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: #000; text-decoration: none; } a:focus { outline: none!important; } a:hover, a:active { color: #777; outline: 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{ opacity: 0; background: #fff; -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; transition: opacity 0.8s ease; -webkit-font-smoothing: antialiased; } .wrapper{ max-width: 1560px; width: 100%; position: relative; margin: 0 auto; padding: 0 50px; } .wrap { width: 100%; position: relative; margin: 0 auto; padding: 0 50px; } .clear{ clear: both; } a{ transition: all 0.4s ease; } ul.bxslider{ list-style: none; margin: 0; padding: 0; } .wow{ visibility: hidden; } p:last-child, ul:last-child{ margin-bottom: 0; } .phrase > span{ text-transform: lowercase; } /*-------------------------------------------------------------- 13.1 Header --------------------------------------------------------------*/ body, .site-header, .topll, header .swiper-slide{ -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; } .filtreson .hamburger:not(.offy){ opacity: 0; } .site-header { width: 100%; position: fixed; /* background: white; */ padding: 34px 0; left: 0; top: 0; z-index: 100; display: flex; align-items: center; justify-content: flex-end; padding-right: 40px; } body.singlo .site-header{ background: var(--main-bg-color); } body:not(.biglogo) .site-title a{ z-index: 101; } .site-title{ padding: 0; margin: 0; line-height: 1; } .site-title a{ position: fixed; left: 30px; top: 34px; font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 1; font-family: 'Wigrum'; padding-left: 29px; color: black; display: block; text-align: center; width: 264px; transition: all 0.8s ease; z-index: 999; } .accueil:not(.initload) .site-title a{ transition: all 0s 0s ease!important; } .accueil.biglogo:not(.menuon) .site-title a{ left: 0; top: 50%; margin-top: -286px; font-size: 154px; width: 100%; padding: 0; transition: all 0.8s ease; /* z-index: -1; */ mix-blend-mode: difference; color: white; text-align: center; } .site-title a:hover{ //opacity: 0.6; } .site-title a:before{ content: ''; display: block; width: 27px; height: 20px; background: url(assets/images/lpg.svg) no-repeat center center; background-size: contain; position: fixed; left: 30px; top: 35px; transition: all 0.8s ease; } .accueil.biglogo:not(.menuon) .site-title a:before{ left: -30px; } .menu{ display: flex; align-items: center; justify-content: center; margin: 5px 0 0; position: relative; z-index: 1; } .main-menu{ list-style: none; margin: 0; padding: 0; line-height: 1; -webkit-transition: margin 0.4s ease, opacity 0.4s ease; -moz-transition: margin 0.4s ease, opacity 0.4s ease; -o-transition: margin 0.4s ease, opacity 0.4s ease; transition: margin 0.4s ease, opacity 0.4s ease; } .main-menu.off{ margin-top: -34px; opacity: 0; z-index: -1; } .main-menu li{ display: inline-block; vertical-align: middle; } .main-menu li + li{ margin-left: 70px; } .main-menu li a{ display: block; font-size: 15px; text-transform: uppercase; font-weight: 500; /* color: rgb(0 0 0 / 40%); */ color: black; font-family: 'Wigrum'; } .bigmenu .main-menu li a{ color: white; } .main-menu li a:hover, .main-menu li.current-menu-item a{ color: black; } .topl, .topr{ width: 50%; display: inline-block; vertical-align: top; } .topr > *{ display: inline-block; vertical-align: middle; } .topr{ text-align: right; margin-top: 16px; } .toprr{ font-family: 'Baskervville'; font-size: 12px; transform: translate(0, 2px); } .toprr ul{ list-style: none; margin: 0; padding: 0; } .toprr ul li{ display: inline-block; vertical-align: middle; } .toprr ul li + li{ margin-left: 10px; } .toprr strong{ font-weight: 700; font-family: 'Montserrat'; } .toprr strong a{ font-weight: normal; } .toprr em a, .toprr a em{ font-style: normal; color: #777; } .toprr em a:hover, .toprr a:hover em, .lang-menu li a:hover{ color: black; } .lang-menu{ list-style: none; margin: 0 0 0 55px; padding: 0; } .lang-menu li{ display: inline-block; vertical-align: middle; } .lang-menu li + li{ margin-left: 5px; } .lang-menu li + li:before{ content: ' / '; } .lang-menu li a{ color: #777777; } .lang-menu li.wpml-ls-current-language a{ font-weight: 700; color: black; } .topll{ position: absolute; /* background: white; */ min-height: 28px; left: 298px; top: 31px; width: 450px; } .topll > *{ display: inline-block; vertical-align: middle; } #main > .phrase{ display: none; } .phrase{ width: 100%; padding-left: 7px; font-family: 'Baskervville'; font-size: 28px; line-height: 1; } .swiper-container { width: 100%; height: 36px; } .swiper-slide { text-align: left; background: transparent; line-height: 36px; height: 36px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .site-content-contain{ -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .lienshead{ display: flex; align-items: center; /* position: absolute; right: 230px; top: 36px; */ margin: 0 0 0 70px; } .lienshead{} .lienshead a + a{ margin-left: 70px; } .couleurs{ display: flex; align-items: center; /* position: absolute; right: 30px; top: 37px; */ margin: 0 0 0 70px; } .couleurs input{ display: none; } .couleurs > a:not(.couleur){ display: block; width: 20px; height: 20px; background: url(assets/images/pot.svg) no-repeat center center/contain; } .couleur{ display: block; border: 2px solid #000000; border-radius: 50%; width: 16px; height: 16px; } .couleur + .couleur{ margin-left: 20px; } .autoslide .swiper-container { width: 100%; height: auto; } .autoslide .swiper-slide{ height: auto; line-height: 1; } .autoslide .swiper-slide img{ display: block; margin: 0 auto; width: auto; height: auto; max-width: 45vw; max-height: 40vh; } .autoslide .swiper-slide .swiper-slidec{ display: block; margin: 0 auto; width: 625px; height: 416px; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } /*-------------------------------------------------------------- 13.3 Regular Content --------------------------------------------------------------*/ .accueil .site-footer{ margin: 0; } .accueil #content { padding-top: 0; } #content{ padding-top: 153px; } .prehome{ position: fixed; z-index: 101; background-color: white; width: 100%; height: 100%; -webkit-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1); } .prehome.off{ transform: translate(0,-100%); } .prehome img.gif{ position: absolute; left: 50%; top: 50%; display: block; z-index: 1; max-height: 410px; transform: translate(-50%,-50%); } .prehome li{ background-position: center center; background-repeat: no-repeat; background-size: cover; } .prehome > a{ position: absolute; left: 50%; width: 65px; height: 61px; bottom: 40px; transform: translate(-50%,0); background: url(assets/images/fleche.svg) no-repeat center center; background-size: 25px 21px; } .hometop .left, .hometop .right { display: inline-block; vertical-align: top; } .hometop .left{ width: 33.33%; font-size: 20px; line-height: 1.5; } .hometop .right { width: 66.66%; padding-left: 25px; } .filtres{ font-family: 'Baskervville'; font-size: 18px; } .filtres a{ color: #777; } .colored .filtres a{ color: #fff; } .filtres a:hover, .filtres a.actif{ color: black; } .filtres a + a{ margin-left: 0; } .filtres a + a:before{ content: ' - '; } #masonryContainer{ margin: 35px -25px 0; } .post{ display: inline-block; vertical-align: top; width: 33.33%; padding: 25px; text-align: center; color: white; position: relative; } .blogimg{ display: flex; width: 100%; justify-content: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #EEE; align-items: center; position: relative; } .blogimg a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; } .blogimg:hover a, .bloginfosc:hover{ opacity: 1; color: white; } .bloginfosc{ position: absolute; z-index: 1; opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; width: calc(100% - 50px); padding: 0 20px; display: flex; justify-content: center; align-items: center; top: 25px; height: calc(100% - 50px); background: rgba(0,0,0,0.4); color: white; } .blogimg:hover .bloginfosc{ opacity: 1; } .bloginfosc h3{ font-weight: 600; text-transform: uppercase; margin: 0; padding: 0; } .bloginfosc h4{ font-family: 'Baskervville'; font-weight: 400; margin: 0; padding: 0; } .singletop{ margin-bottom: 50px; } .singletop .left{ width: 33.33%; display: inline-block; vertical-align: top; } .singletop .right{ width: 66.66%; display: inline-block; vertical-align: top; padding-left: 25px; font-size: 22px; line-height: 1.2; } a.back{ font-size: 12px; font-family: 'Baskervville'; } .bloc + .bloc{ margin-top: 50px; } .img img{ display: block; width: 100%; } .imgs{ margin: -25px; } .img{ display: inline-block; vertical-align: top; width: 33.33%; padding: 25px; } .bloc-citation{ text-align: center; margin: 125px 0!important; font-size: 32px; line-height: 1.2; font-family: 'Baskervville'; } .bloc-citation .auteur{ font-size: 16px; font-style: italic; margin-top: 25px; } .bloc-deux_colonnes .left{ display: inline-block; vertical-align: top; width: 50%; padding: 0 25px 0 0; } .bloc-deux_colonnes .right{ display: inline-block; vertical-align: top; width: 50%; padding: 0 0 0 25px; } .bloc-deux_colonnes.verti .left, .bloc-deux_colonnes.verti .right{ vertical-align: middle; } .txt{ font-size: 22px; line-height: 1.33; } .blok + .blok{ margin-top: 60px; } .credit, .col{ display: inline-block; vertical-align: top; width: 50%; padding-right: 50px; } .credit{ padding: 20px 50px 20px 0; font-family: 'Baskervville'; font-size: 17px; line-height: 1.2; } .credit strong, .credit b{ font-family: 'Montserrat'; font-size: 15px; font-weight: 700; text-transform: uppercase; } .col{ font-family: 'Baskervville'; font-size: 20px; line-height: 1.4; } .col p{ margin: 0; } .contactc{ padding-top: 40px; } .contactc .wrapper{ max-width: 675px; text-align: center; } .contactc h1{ font-weight: 600; margin: 0; padding: 0; font-size: 42px; } .contactc h2{ font-size: 42px; font-family: 'Baskervville'; font-style: italic; margin: 0; padding: 0; font-weight: normal; } .contactc .swiper-container{ height: 60px; } .contactc .swiper-wrapper{} .contactc .swiper-slide{ line-height: 60px; height: 60px; text-align: center; justify-content: center; } .contactcc{ margin: 80px 0; } .contactcc h3{ font-size: 20px; font-weight: 700; text-transform: uppercase; } .contactcc h4{ font-size: 18px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; } .contactcc p{ font-size: 24px; font-family: 'Baskervville'; } .contactcc p a{ color: #2017FF; } .colored .contactcc p a{ color: #fff } .contactcc p a:hover{ color: black; } .contactcc p + h4{ padding-top: 0; } .aboutop{ padding: 40px 0 130px; } .aboutop .left{ display: inline-block; vertical-align: middle; width: 33.33%; padding-right: 25px; } .aboutop .left img{ display: block; width: 100%; } .aboutop .right{ display: inline-block; vertical-align: middle; width: 66.66%; padding-left: 25px; font-size: 31px; font-family: 'Baskervville'; line-height: 1.2; } .aboutop .right strong{ font-family: 'Wigrum'; font-size: 27px; } .expertiz{ margin-top: 150px; } .expertiz .left{ width: 33.33%; display: inline-block; vertical-align: top; } .expertiz .left h2{ font-size: 90px; font-family: 'Baskervville'; line-height: 1.2; margin: 0; padding: 0; font-style: italic; font-weight: normal; } .expertiz .right{ width: 66.66%; display: inline-block; vertical-align: top; } .expertise{ display: inline-block; width: 50%; padding: 25px 0 25px 190px; vertical-align: top; font-size: 18px; font-family: 'Baskervville'; line-height: 1.3; } .expertise p.titre{ font-size: 18px; margin: 0 0 5px; font-family: 'Montserrat'; } @keyframes slide-left { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .o__loop--left{ position: relative; opacity: 1; height: 150px; background: black; margin-top: 80px; } .o__loop--left p { line-height: 150px; letter-spacing: 0; white-space: nowrap; text-transform: uppercase; font-size: 80px; font-weight: 700; position: absolute; color: var(--main-bg-color); left: 0; animation: slide-left 1200s linear infinite 0s; } .clients{ margin: 150px 0; text-align: center; } .clients .wrapper{ max-width: 1440px; } .clients h3, .membres h3{ text-transform: uppercase; font-size: 24px; padding: 0; margin: 0 0 90px; text-align: center; } .clientss{ font-size: 30px; font-family: 'Baskervville'; line-height: 1.5; } .membres ul{ list-style: none; margin: -30px -15px; padding: 0; } .membres ul li{ display: inline-block; vertical-align: top; width: 33.33%; padding: 30px 15px; text-align: center; font-size: 18px; line-height: 1.2; } .membres ul li p{ margin-bottom: 0; } .membres ul li .blogimg + p{ margin-top: 30px; } .membres ul li .blogimg.empty{ border: 1px solid #707070; background: var(--main-bg-color); padding: 0 20px; } .colored .membres ul li .blogimg.empty{ border-color: #fff; } .membres ul li .blogimg{ font-size: 24px; font-weight: 700; } .membres ul li p.nom{ font-weight: 700; } .membres ul li p.poste{ font-family: 'Baskervville'; } .membres ul li p.poste a{ color: #2017FF; } .colored .membres ul li p.poste a{ color: #fff; } .membres ul li p.poste a:hover{ color: black!important; } .bloc-image img{ display: block; width: 100%; } .error-404{ margin: 140px 0; text-align: center; font-size: 26px; font-weight: 700; } .page-title{ font-size: 70px; margin-bottom: 0.5em; } .txt404{ display: block; width: 100%; margin: 50px auto 0; max-width: 760px; } .error-404 .txt404 p a{ text-decoration: underline; } .bloc-video .wrap > iframe, .bgvid, #player, .blok-video iframe{ display: block; width: 100%; margin: 0; } .bloc-video, .blok-video{ --plyr-color-main : #2017FF } p.related{ font-weight: 700; text-transform: uppercase; text-align: center; font-size: 20px; margin: 100px 0 -30px; position: relative; padding-top: 100px; } p.related:after{ content: ''; display: block; width: calc(100% - 100px); height: 1px; background: #dcdcdc; position: absolute; left: 50px; top: 0; } .newsitem .blogimg{ position: relative; } .newsitem .blogimg:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 5px solid #000; } .newsitemm{ position: relative; z-index: 1; } .newsitemm h3{ font-size: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: 18px; line-height: 1; } .newsitemm > p{ font-family: 'Baskervville'; font-weight: 400; color: black; } .newsitemm .sml_subscribe input[type=submit], .newsitemm .mc4wp-form input[type=submit]{ font-family: 'Montserrat'; font-weight: 700; font-size: 15px; } .newsitemm .sml_subscribe input[type=text], .newsitemm .mc4wp-form input[type=email]{ text-align: center; color: black; font-family: 'Baskervville'; background: transparent; border: 0; border-bottom: 1px solid #000; } .newsitemm ::-webkit-input-placeholder { color: black; font-style: italic; font-family: "Baskervville", serif; } .newsitemm :-moz-placeholder { color: black; font-style: italic; font-family: "Baskervville", serif; } .newsitemm ::-moz-placeholder { color: black; font-style: italic; font-family: "Baskervville", serif; } .newsitemm :-ms-input-placeholder { color: black; font-style: italic; font-family: "Baskervville", serif; } .bloc-formulaire .wrapper, .private .wrapper{ max-width: 660px; } .bloc-formulaire .gform_wrapper form, .private .gform_wrapper form{ text-align: center; } .bloc-formulaire .gform_wrapper ul.gform_fields li.gfield.gfield_html, .private .gform_wrapper ul.gform_fields li.gfield.gfield_html{ margin-top: 0; padding: 0; font-family: "Baskervville", serif; font-style: italic; font-size: 24px; line-height: 1.3!important; margin-bottom: 30px; } .bloc-formulaire .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .private .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%; color: black; font-family: 'Baskervville'; background: transparent; border: 0; font-size: 24px; border-bottom: 1px solid #000; border-radius: 0; } .bloc-formulaire ::-webkit-input-placeholder, .private ::-webkit-input-placeholder { color: black; font-family: "Baskervville", serif; } .bloc-formulaire :-moz-placeholder, .private :-moz-placeholder { color: black; font-family: "Baskervville", serif; } .bloc-formulaire ::-moz-placeholder, .private ::-moz-placeholder { color: black; font-family: "Baskervville", serif; } .bloc-formulaire :-ms-input-placeholder, .private :-ms-input-placeholder { color: black; font-family: "Baskervville", serif; } .bloc-formulaire .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half), .private .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100%!important; } .bloc-formulaire .gform_wrapper li.gfield.gfield_error, .bloc-formulaire .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .private .gform_wrapper li.gfield.gfield_error, .private .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background-color: transparent; border-top: 0; border-bottom: 0; } .bloc-formulaire .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .private .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ border-top: 0; border-left: 0; border-right: 0; } .bloc-formulaire .gform_wrapper ul.gform_fields li.gfield, .private .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } .bloc-formulaire .gform_wrapper .gform_footer input.button, .bloc-formulaire .gform_wrapper .gform_footer input[type=submit], .bloc-formulaire .gform_wrapper .gform_page_footer input.button, .bloc-formulaire .gform_wrapper .gform_page_footer input[type=submit], .private .gform_wrapper .gform_footer input.button, .private .gform_wrapper .gform_footer input[type=submit], .private .gform_wrapper .gform_page_footer input.button, .private .gform_wrapper .gform_page_footer input[type=submit] { margin: 0; background: transparent!important; color: black!important; font-size: 30px; padding: 0; } .bloc{ position: relative; } .private{ position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); width: 100%; padding: 30px 0 20px; backdrop-filter: blur(7px); } .colored .private{ background: var(--main-bg-colorr); } .blok-image img{ display: block; width: 100%; } .grecaptcha-badge { display:none!important; } /* 404 page */ .error404 .page-content { padding-bottom: 4em; } .error404 .page-content .search-form, .search .page-content .search-form { margin-bottom: 3em; } /*-------------------------------------------------------------- 13.6 Footer --------------------------------------------------------------*/ .cookies{ display: block; position: fixed; z-index: 9; right: 100px; top: 100%; background: #F0F0F0; padding: 50px 140px 65px 70px; width: calc(100% - 40px); max-width: 600px; border-top: 15px solid #F0DB3B; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; } .cookies.on{ transform: translate(0,-100%); } .cookies p{ font-family: 'Baskervville'; font-size: 20px; line-height: 1.2; } .cookies p a{ font-style: italic; border-bottom: 1px solid; display: inline-block; line-height: 1; } .cookies > a{ position: absolute; font-weight: 700; font-size: 15px; text-decoration: underline; right: 50px; bottom: 30px; } .site-footer { /* background: #F5F5F5; */ margin: 50px 0 0; } .accueil .site-footer{ padding: 0; align-items: flex-end; flex-direction: initial; text-align: left; } .accueil .site-footer .fp-overflow{ width: 100%; -webkit-transform: translate3d(0,0,0); } .site-footer .wrap{ padding: 75px 50px 50px; } .accueil .site-footer .wrap{ padding-top: 75px; padding-bottom: 50px; } .site-footer .left{ width: 33.33%; display: inline-block; vertical-align: top; position: relative; font-size: 17px; line-height: 1.3; } .site-footer .left a{ color: #2017FF; } .site-footer .left a:hover{ color: black; } .site-footer .middle, .site-footer .right{ width: 33.33%; display: inline-block; vertical-align: top; padding-left: 25px; padding-top: 35px; } .site-footer .right{ position: relative; } .backtotop{ display: block; position: absolute; right: 0; bottom: 100%; width: 38px; height: 38px; background: #000; color: #fff; text-align: center; line-height: 38px; border-radius: 50%; font-size: 26px; margin-bottom: 36px; } .backtotop:hover{ background: rgba(0,0,0,0.5); } .logo{ position: relative; font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 1; font-family: 'Wigrum'; padding-left: 29px; } .logo:before{ content: ''; display: block; width: 27px; height: 20px; background: url(assets/images/lpg.svg) no-repeat center center; background-size: contain; position: absolute; left: 0; top: 1px; } .logo + span{ font-family: 'Baskervville'; font-size: 13px; font-weight: normal; display: block; text-transform: none; margin: 12px 0 16px; } p.titre{ font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1; font-family: 'Wigrum'; margin: 0 0 27px; } .social-menu, .footer-menu{ list-style: none; margin: 0; padding: 0; font-family: 'Baskervville'; line-height: 1.4; } .social-menu{ min-height: 134px; } .social-menu li, .footer-menu li{ display: block; } .social-menu li a{ font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1; font-family: 'Wigrum'; } .footer-menu li a{ font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1; font-family: 'Wigrum'; } .social-menu li + li{ margin-top: 15px; } .footmenu{ margin-top: 20px; } .copy{ font-size: 12px; margin-top: 5px; } .site-footer .right > div.copy{ font-family: 'Wigrum'; font-size: 15px; font-weight: 500; margin-top: 57px; text-transform: uppercase; margin-bottom: 0; line-height: 1; } .social-menu li a, .footer-menu li a{ color: #000; } .social-menu li a:hover, .footer-menu li a:hover{ color: #000; opacity: 0.6; } .site-footer .right > div{ margin: -16px 0 8px; font-family: 'Baskervville'; font-size: 17px; } .sml_subscribe p{ margin-bottom: 0; } .mc4wp-form, .mc4wp-form-fields{ position: relative; } .sml_subscribe input[type=text], .mc4wp-form input[type=email]{ border-radius: 30px; border: 2px solid #000; padding: 0 17px; line-height: 36px; font-family: 'Baskervville'; background: transparent; } .sml_subscribe input[type=submit], .mc4wp-form input[type=submit], .mc4wp-form button{ background: transparent!important; color: black; position: absolute; right: 0; top: 50%; font-size: 25px; margin: 0; vertical-align: middle; padding: 0 15px; transform: translate(0,-50%); } .sml_subscribe input[type=submit]:hover, .mc4wp-form input[type=submit]:hover, .mc4wp-form button:hover{ color: #4B4B4B; } .newsitemm{ padding: 0 85px; } .mc4wp-response:not(:empty){ font-size: 17px; position: absolute; left: 0; top: 0; margin: 0; background: #000; color: #fff; width: 100%; height: 100%; line-height: 40px; padding: 0 16px; border-radius: 30px; font-family: 'Baskervville'; } .error-404 img{ display: block; margin: 0 auto; width: auto; height: auto; max-height: 400px; } .jBox-Tooltip .jBox-container { border-radius: 28px; box-shadow: none; border: 2px solid #000; line-height: 1; font-weight: 500; } .jBox-pointer-top:after { left: 5px; top: 6px; box-shadow: -2px -2px 0 #000; } .jBox-pointer-bottom:after { box-shadow: 2px 2px 2px #000; } .jBox-wrapper{ padding-top: 20px!important; /* margin-top: 6px; */ } .jBox-pointer-top { top: 8px!important; } #jBox4{ transform: translate(-12px,0); } #jBox4 .jBox-pointer-top{ /* transform: translate(0,0)!important; */ } .jBox-content{ overflow: hidden; } #picker-wrapper, .couleurs > #slider-wrapper{ display: none!important; } #slider-wrapper { width: 10px; height: 124px; position: relative; transform-origin: left top; transform: rotate(270deg) translate(-13px,0px); } .slidewhite{ display: block; position: absolute; right: 1px; bottom: 3px; font-size: 12px; } #slider{ border-radius: 12px; overflow: hidden; height: 105px; } #slider-indicator { width: 15px; height: 15px; position: absolute; border-radius: 50%; background: var(--main-bg-color); border: 2px solid #000; transform: translate(-2px,0); } .clr-hue{ width: 100%; height: 8px; margin: 4px 0; } .test{ position: relative; z-index: 1; } .test img{ display: block; width: 575px; margin: 0 auto; } .section{ display: flex; min-height: 100vh; align-items: center; justify-content: center; } #colophon.section{ min-height: 0; } .autoslide{ width: 100%; } /*-------------------------------------------------------------- 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; } .cookies p{ margin-bottom: 0; } #main > .scrolly{ display: none; } .archtitle, .filtresmobiles, a.plus{ display: none; } a.plus{ width: 72px; height: 72px; position: fixed; z-index: 10; border-radius: 50%; right: 20px; top: 36%; background: #2424FF; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } a.plus span{ content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(assets/images/croix.svg) center center no-repeat; background-size: contain; } /* a.plus.on span{ display: none; } */ a.plus.on{ transform: scale(50); } .hamburger.offy, .sousmenu{ display: none; } .hamburger.offy{ background: #2424FF; z-index: 99; top: 37%; right: 26px; position: fixed; } .pagecont{ max-width: 800px; } .pagecont h1{ font-size: 40px; } .pagecont h2{ font-size: 32px; } .pagecont h3{ font-family: 'Baskervville'; font-size: 28px; font-weight: normal; } .pagecont .txt{ font-size: 23px; } .scrolly{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #EEE; z-index: -1; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .menuon .scrolly{ opacity: 0; } #cookie-law-info-bar{ width: calc(100% - 60px); max-width: 750px; left: auto; right: 90px; padding: 50px 60px 30px!important; } .cli-bar-message{ font-family: 'Baskervville',serif; font-size: 17px; line-height: 1.5; } .cli-style-v2 .cli-bar-message { width: 100%; } .cli-bar-message b{ font-family: "Montserrat", "Helvetica Neue", helvetica, arial, sans-serif; text-transform: uppercase; } .cli-style-v2{ display: block; } .cli-bar-btn_container{ margin: 30px -5px 0!important; display: flex; justify-content: space-between; } .cli-bar-btn_container a{ flex: 1; margin: 0 5px; text-transform: uppercase; font-weight: 900!important; border: 4px solid; font-size: 14px!important; } html:not(.mobile) #page, html:not(.mobile) #page a, html:not(.mobile) #cookie-law-info-bar, html:not(.mobile) .cli-bar-btn_container a{ cursor: none; } .cursor { position: fixed; left: 0; top: 0; pointer-events: none; } html.mobile .cursor{ display: none!important; } .cursor--small { width: 16px; height: 16px; left: -8px; top: -8px; border-radius: 50%; z-index: 11000; background: #000; transition: all 0.4s cubic-bezier(0.770, 0.000, 0.175, 1.000), transform 0s; -moz-transition: all 0.4s cubic-bezier(0.770, 0.000, 0.175, 1.000), transform 0.01s linear; } .cursor--canvas { width: 100vw; height: 100vh; z-index: 12000; } .cursor--small.exp{ width: 60px; height: 60px; left: -30px; top: -30px; } .cursor--small > span{ display: block; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.4s ease; } .cursor--small > span.hcase{ opacity: 0; height: 8px; background: url(assets/images/voir.svg) no-repeat center center/contain; } .cursor--small > span.hbaro{ opacity: 0; height: 8px; background: url(assets/images/lire.svg) no-repeat center center/contain; } .cursor--small > span.hlien{ opacity: 0; height: 25px; background: url(assets/images/yeux.svg) no-repeat center center/contain; } .cursor--small.exp.hc .hcase, .cursor--small.exp.hl .hbaro, .cursor--small.exp.hlie .hlien{ opacity: 1; } .druk{ font-size: 168px; font-family: 'Druk'; line-height: 1; margin: 0; padding: 14px 0 0!important; text-align: center; text-transform: uppercase; line-height: 93%; } .fp-overflow > .wrap{ overflow: hidden; } /* h3.screen3{ text-align: center; margin: 0; padding: 0 0 14px!important; line-height: 104px; font-size: 90px; font-weight: 500; } */ .section2{ min-height: 200vh; } .sectionn{ position: absolute; } /* .section3{ position: -webkit-sticky; position: sticky; top: 0; } */ h3.screen3{ font-family: 'Baskervville'; font-size: 25px; line-height: 1; text-align: center; font-weight: normal; } h3.screen3 em{ font-family: 'Baskervville'; font-weight: normal; font-size: 111px; line-height: 104px; } .test p{ text-align: center; font-size: 30px; font-weight: 700; } .sousection{ width: 100%; position: absolute; left: 0; top: 0; transform: translate(0,-100%); display: flex; align-items: center; } #main > .expertiss{ display: none; width: 100%; position: absolute; left: 0; top: 0; align-items: center; text-align: center; } #main[etape="1"] #fullpage + .sousection, .section3.active.fp-completely + .section4 .sousection, #fullpage[etapecharge="2"] .section4 .sousection, #main[etape="2"] #fullpage[etapecharge="3"] .section4 .sousection, #main[etape="4"] #fullpage[etapecharge="4"] .section5 .expertiss, #main[etape="5"] #fullpage[etapecharge="4"] .section5 .expertiss, #main[etape="4"] #fullpage[etapecharge="5"] .section5 .expertiss{ display: none; } #fullpage[etapecharge="2"] + .sousection, #main[etape="2"] #fullpage[etapecharge="3"] + .sousection, #main[etape="1"] #fullpage[etapecharge="2"] .section4 .sousection, #main[etape="4"] #fullpage[etapecharge="4"] + .sousection + .expertiss, #main[etape="5"] #fullpage[etapecharge="4"] + .sousection + .expertiss, #main[etape="5"] #fullpage[etapecharge="5"] + .sousection + .expertiss, #main[etape="4"] #fullpage[etapecharge="5"] + .sousection + .expertiss{ display: flex; } #fullpage[etapecharge="3"] .section4 .sousection{ display: flex; transform: translate(0,0); } .section4.etapeok .sousection{ position: absolute; transform: translate(0,0); } #fullpage + .sousection{ display: none; position: fixed; left: 0; top: 0; transform: translate(0,0); z-index: -1; } /* html, body { min-height: 100%; height: auto; } html { scroll-behavior: initial; } */ .liens a{ display: block; font-family: 'Wigrum'; font-size: 15px; font-weight: 500; color: black!important; } .liens a:hover, .liens + p a:hover{ opacity: 0.6; } .liens a + a{ margin-top: 18px; } .liens a span{ display: inline-block; width: 45px; vertical-align: middle; } .liens a span img, .lienshead a img{ display: block; } .liens + p{ font-family: 'Wigrum'; font-size: 15px; font-weight: 500; text-transform: uppercase; margin: 20px 0 0; } .liens + p a{ color: black!important; text-decoration: underline; } .section5{ text-align: center; } .surtitre{ font-family: 'Baskervville'; font-size: 25px; line-height: 1; } .grosmots{ font-family: 'Wigrum'; font-style: normal; font-weight: 700; font-size: 128px; line-height: 1.2; text-transform: uppercase; padding: 12px 0 0; } .sect5txt{ font-family: 'Baskervville'; font-size: 25px; line-height: 1; display: block; max-width: 675px; margin: 0 auto; } .piedsect{ font-family: 'Wigrum'; font-size: 45px; font-weight: 500; text-align: center; line-height: 45px; margin-bottom: 70px; } .piedsect em{ font-family: 'Baskervville'; font-size: 53px; } .piedbout{ text-align: center; margin-bottom: 0px; margin-top: 20px; } .bouton{ font-family: 'Wigrum'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 38px; border: 1px solid #000; color: #000; white-space: nowrap; padding: 4px 25px 0; text-transform: uppercase; display: inline-block; border-radius: 25px; } .bouton:hover{ background: #000; color: white; } .expertiss{ overflow: hidden; } .categories{ display: block; width: 100%; /*position: absolute; position: -webkit-sticky; position: sticky; bottom: 0; */ /* position: absolute; left: -999em; top: 0; z-index: 1; overflow: hidden; */ } .categoriesc{ /* position: absolute; left: 0; top: 50%; width: 100%; transform: translate(0,-50%); */ position: relative; top: 0; width: 100%; } /* .categoriesc.step1{ position: fixed; } .categoriesc.step2{ position: absolute; top: auto; bottom: 0; } .categoriesc.stop{ position: relative!important; } */ /* .categories:after{ content: ''; position: absolute; left: 0; top: var(--hh); background: transparent; z-index: -1; height: calc(100% - var(--hh)); width: 100%; transition: background 0.4s 0s linear; } .offy .categories{ z-index: 0; } .offy .categories:after{ background: var(--main-bg-color); transition: background 0.4s 1s linear; } */ .fp-viewing-4 .categories, .fp-viewing-5 .categories, .fp-viewing-6 .categories{ left: 0; } .categorie{ height: 33.33%; transition: all 1s cubic-bezier(0.770, 0.000, 0.175, 1.000), background 0s; overflow: hidden; background: var(--main-bg-color); } .categorie.actif{ /* height: 100%!important; */ background: var(--main-bg-color); } .categorie > a{ font-family: 'Druk'; line-height: 1; font-size: 168px; background: var(--main-bg-color); text-align: center; text-transform: uppercase; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; } .categorie > a:hover{ color: #000; } .categorie.actif{ /* padding-top: var(--hh); */ } .categorie.actif > a{ /* height: 33.33%; */ background: var(--main-bg-color)!important; color: #000!important; /* transform: translate(0,-2vh); */ height: 275px; padding: 100px 0 10px; } .categoriec{ position: absolute; left: -999em; } .categorie.actif .categoriec { display: block; position: relative; left: 0; } .categoriectxt{ display: block; margin: 0 auto; font-family: 'Baskervville'; font-size: 25px; line-height: 1; max-width: 1100px; padding: 0 50px; transition: all 1s ease; transform: translate(0,10vh); text-align: center; opacity: 0; } .categorie.actif .categoriectxt{ opacity: 1; transform: translate(0,0); } .categorie:nth-of-type(even){ transform: translate(100%,0); } .categorie:nth-of-type(odd){ transform: translate(-100%,0); } /* .section5{ min-height: 300vh; } .section5n{ position: absolute; width: 100%; min-height: 300vh; } */ .section5n{ position: relative; padding-top: 100vh; z-index: 0; } .section5.offy{ background: var(--main-bg-color);; } .section5a{ position: absolute; left: 0; width: 100%; top: 0; z-index: -1; } .section5a.step1{ position: fixed; } .section5a.step1.step2{ position: absolute; top: auto; bottom: 0; z-index: -1; } /* .section5.offy .section5a{ top: unset; bottom: 0; } */ .section5b:not(.is-inview){ /* position: -webkit-sticky; position: sticky; top: 0; */ } .section5b{ /* position: sticky; top: 0; align-items: center; */ display: block; min-height: var(--wh); padding-top: var(--hh); } .section5b.scrollto5 .categorie{ transform: translate(0,0)!important; } .categorie:not(.actif), .categorie > a{ height: var(--chs); } .categorie.actif{ height: var(--wh); } .vignettes{ height: calc(var(--wh) - 350px); } .step2 .expertiss{ opacity: 0; } .section6{ padding-top: 60px; background: var(--main-bg-color); position: relative; z-index: 1; } .scrolledtobottomm .categories{ background: var(--main-bg-color); } .homy{ position: relative; overflow: hidden; } .homebottom{ position: absolute; top: 100%; width: 100%; min-height: 100vh; display: flex; align-items: flex-end; } .homebottomc{ width: 100%; } .scrolledtobottom .homebottom{ position: relative; top: 0; width: 100%; } .section6 .wrap > h3{ font-family: 'Druk'; line-height: 1; font-size: 70px; text-align: center; text-transform: uppercase; margin: 0 0 15px; } .postsc{ margin: 0 -25px; } .categorie:nth-of-type(odd) > a{ background: #000; color: var(--main-bg-color); } .categorie > a:hover{ opacity: 0.8; } .vignettes{ padding-top: 40px; } .vignettes .swiper-container, .vignettes .swiper-wrapper, .vignettes .swiper-slide{ height: 100%; } .vignettes .swiper-slide{ margin-left: 30px; } .vignettes .swiper-slide:last-child{ padding-right: 30px; } .vignettes .blogimg, .voirtout{ height: calc(100% - 90px)!important; } .vignettes .blogimg a{ height: 100%!important; } .swiperbuts{ height: 90px; display: flex; justify-content: space-between; align-items: center; } .swiperbuts h3{ margin: 0; font-size: 20px; font-family: 'Wigrum'; } .swiperbuts h3 span{ font-weight: normal; } .swiperbuts h3 span:before{ content: '-'; margin: 0 5px; } .vignettes .swiper-slide { text-align: left; background: transparent; line-height: 1; height: auto; display: block; width: 40vw; } .vignettes .blogimg{ /* height: auto; padding: 10% 0 0; */ } .categories.white{ background: var(--main-bg-color); } .voirtout{ border: 1px solid #000; color: #000; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-family: 'Wigrum'; font-weight: 700; font-size: 20px; text-transform: uppercase; } .voirtout:hover{ background: #000; color: var(--main-bg-color); } .jBox-container, .jBox-pointer:after { background: var(--main-bg-color); } .lenis.lenis-smooth { scroll-behavior: auto; } html.lenis { height: auto; } .categories .nicescroll-rails { opacity: 0!important; } /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ @media screen and (max-width: 1590px) { .main-menu li + li, .lienshead, .lienshead a + a, .couleurs{ margin-left: 60px; } } @media screen and (max-width: 1490px) { .newsitemm { padding: 0 45px; } .error-404 { margin: 70px 0; } .main-menu li + li, .lienshead, .lienshead a + a, .couleurs{ margin-left: 50px; } } @media screen and (max-width: 1390px) { .lang-menu{ margin: 0 0 0 30px; } .phrase{ font-size: 23px; } .site-title a{ font-size: 26px; width: 246px; } .aboutop .right{ font-size: 28px; } .aboutop .right strong{ font-size: 24px; } .page-title { font-size: 56px; } .newsitemm { padding: 0px 25px; } .newsitemm h3 { font-size: 22px; } .newsitemm .mc4wp-form input[type=submit]{ margin-top: 15px; } .newsitemm > p{ margin-bottom: 0; } .newsitemm .mc4wp-form{ margin-top: 12px; } /*.site-footer { padding: 140px 0 70px 0; } .singletop { margin-bottom: 70px; }*/ .txt{ font-size: 21px; } .topr{ margin-top: 14px; } .main-menu li + li, .lienshead, .lienshead a + a, .couleurs { margin-left: 40px; } .autoslide .swiper-slide .swiper-slidec{ width: 41vw; height: 30vw; } .accueil.biglogo:not(.menuon) .site-title a{ margin-top: -254px; font-size: 130px; } .druk, .categorie > a { font-size: 140px; } .grosmots{ font-size: 118px; } .topll{ left: 276px; } .categorie.actif > a{ height: 240px; padding: 80px 0 10px; } .vignettes { height: calc(var(--wh) - 315px); } } @media screen and (max-width: 1290px) { .wrap, .wrapper{ padding: 0 30px; } p.related:after{ width: calc(100% - 60px); left:30px; } #masonryContainer { margin: 35px -15px 0; } .post{ padding: 15px; } .bloginfosc{ width: calc(100% - 30px); padding: 0 20px; top: 15px; height: calc(100% - 30px); } .hometop .left{ font-size: 18px; } .topll { left: 245px; } #content { padding-top: 110px; } .site-title a { top: 37px; font-size: 22px; width: 212px; /* padding-left: 32px; */ } .site-title a:before{ width: 26px; height: 20px; } .phrase { font-size: 22px; transform: translate(0, 1px); } /* .logo{ font-size: 26px; } .logo:before{ width: 72px; height: 53px; } */ .lang-menu { font-size: 13px; } .bloginfosc h3{ font-size: 16px; } .logo span{ font-size: 15px; margin: 30px 0 30px; } .bloginfosc h4{ font-size: 14px; } .site-footer .left{ font-size: 16px; } /* .site-footer { padding: 120px 0 50px 0; } */ .expertiz .left h2 { font-size: 75px; } .o__loop--left p{ line-height: 95px; font-size: 50px; } .o__loop--left{ height: 95px; } .clientss { font-size: 24px; } .img{ padding: 15px; } .imgs { margin: -15px; } .bloc-deux_colonnes .left{ padding: 0 15px 0 0; } .bloc-deux_colonnes .right{ padding: 0 0 0 15px; } .bloc-citation{ margin: 90px 0!important; } .bloc-citation .wrapper > p{ margin-bottom: 20px; } /* .txt { font-size: 22px; } */ .credit { padding: 20px 30px 20px 0; font-size: 18px; } .credit strong, .credit b, .expertise p.titre{ font-size: 15px; } .expertise{ font-size: 16px; } .expertiz { margin-top: 90px; } .clients { margin: 90px 0; } .clients h3, .membres h3{ font-size: 22px; padding: 0; margin: 0 0 50px; } .membres ul li .blogimg { font-size: 18px; } .aboutop { padding: 40px 0 90px; } .contactcc { margin: 60px 0 30px; } .contactc h1, .contactc h2{ font-size: 36px; } .contactcc h3 { font-size: 18px; } .contactcc h4 { font-size: 16px; } .contactcc p{ font-size: 20px; } .page-title { font-size: 46px; } .error-404{ font-size: 20px; } .error-404 img{ max-height: 360px; } .cookies{ padding: 22px 30px 58px 30px; max-width: 400px; right: 50px; } .cookies p{ font-size: 18px; } .cookies > a{ font-size: 14px; right: 30px; bottom: 20px; } /* .footmenu { margin-top: 80px; } */ .expertise{ padding-left: 130px; } .toprr{ transform: translate(0, 1px); } .topr { margin-top: 14px; } /* .site-footer .middle, .site-footer .right{ padding-top: 8px; } */ #cookie-law-info-bar{ right: 30px; } .grosmots{ line-height: 1; } .accueil.biglogo:not(.menuon) .site-title a { margin-top: -20vw; font-size: 10vw; } .druk, .categorie > a { font-size: 110px; } .categoriectxt{ font-size: 22px; } .categorie.actif > a { height: 204px; } .vignettes { height: calc(var(--wh) - 270px); } .grosmots { font-size: 10vw; } .postsc { margin: 0 -15px; } .site-footer .wrap{ padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 1190px) { .main-menu li + li, .lienshead, .lienshead a + a, .couleurs { margin-left: 34px; } .topl{ width: 64%; } .topr{ margin-top: 0; width: 36%; } .toprr ul li { display: block; } .newsitemm { padding: 0px 20px; } .hometop .left { font-size: 16px; } .newsitemm h3 { font-size: 18px; margin-bottom: 6px; } .newsitemm p{ font-size: 12px; } .newsitemm .mc4wp-form { margin-top: 0; } .site-footer .right > div{ font-size: 15px; /* margin-bottom: 18px; */ } p.titre, .filtres, .membres ul li { font-size: 16px; } .membres ul li .blogimg { font-size: 17px; } .expertise{ padding-left: 110px; } .newsitemm .mc4wp-form input[type=submit]{ font-size: 13px; } .liens + p{ font-size: 14px; } .categoriectxt{ font-size: 21px; } } @media screen and (min-width: 1100px) { .main-menu li ul, .hamburger, .bigmenu, .filtresmobiles, .hamburger.offy, .sousmenu, a.fleche{ display: none!important; } } @media screen and (max-width: 1099px) { .accueil.biglogo:not(.menuon) .site-title a{ z-index: 2; } .accueil:not(.menuon) .site-title a{ mix-blend-mode: difference; color: white; } .accueil:not(.menuon) .site-title a:before{ background-image:url(assets/images/lpg-w.svg); } .col{ font-size: 17px; } .main-menu.off{ opacity: 1!important; margin-top: 0; z-index: 0; } .hamburger{ position: fixed; right: 15px; top: 10px; z-index: 101; } .topl .main-menu, .topr > *:not(.hamburger), .hometop, .couleurs, .lienshead, .menu{ display: none; } .topl{ width: 100%; } .topr{ margin: 0; } .site-header{ padding: 0; height: 80px; } .site-header .wrap{ height: 46px; } #content { padding-top: 95px; } .site-footer .middle, .site-footer .right{ padding-top: 0; } .social-menu { min-height: 0; } .site-footer .wrap{ padding-bottom: 40px; } .site-footer .right > div.copy{ margin-top: 33px; } /* #content { margin-top: 76px; } */ .homy #masonryContainer { margin-top: -15px; } .post{ width: 50%; } .singletop .right { font-size: 20px; } .singletop { margin-bottom: 30px; } .site-footer .left{ width: 100%; margin-bottom: 40px; } .site-footer .middle, .site-footer .right { width: 50%; padding-left: 0; } .logo span{ margin: 15px 0 25px; } .bigmenu{ display: none; position: fixed; left: 0; top: 0; background: black; color: white; width: 100%; z-index: 99; padding-top: 76px; height: 100%; } .filtresmobiles{ display: none; position: fixed; left: 0; top: 0; background: transparent; color: white; width: 100%; z-index: 98; padding-top: 76px; height: 100%; } .filtresmobiles a{ color: white; } .menuon .site-header{ background: black; } body.singlo.menuon .site-header{ background: black!important; } .filtreson .site-header{ background: #2424FF; } .menuon .site-title a, .menuon .phrase, .filtreson .site-title a, .filtreson .phrase{ color: white; } .menuon .site-title a:before, .filtreson .site-title a:before{ background: url(assets/images/lpg-w.svg) no-repeat center center; background-size: contain; } .main-menu li{ display: block; } .main-menu li a:hover, .main-menu li.current-menu-item a{ color: white; } .main-menu li + li { margin-left: 0; margin-top: 7vw; } .bigmenu .wrap > *{ margin-top: 7vw; } .bigmenu .social-menu li a{ color: white; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1; font-family: 'Wigrum'; } .bigmenu .social-menu li + li { margin-top: 15px; } .main-menu li a{ font-size: 58px; } .post:not(.newsitem) .blogimg{ display: block; } .bloginfosc{ position: relative; color: black; opacity: 1; background: transparent; width: 100%; height: auto; top: 0; margin-top: 10px; } a.plus{ display: block; } li.worky{ position: relative; } a.fleche{ position: absolute; right: -20px; width: 55px; height: 61px; top: 0; padding: 20px; transform: translate(0,0); background: url(assets/images/fleche.svg) no-repeat center center; background-size: 15px 13px; } .prehome > a{ width: 60px; height: 57px; bottom: 25px; background-size: 20px 17px; } .filtresmobiless{ padding: 0 30px 30px; } .filtresmobiless > p{ font-family: 'Baskervville'; font-size: 18px; font-style: italic; margin-bottom: 15px; } .filtresmobiless > a, .main-menu li .sousmenu > a{ font-family: 'Baskervville'; font-size: 30px; font-style: italic; display: block; line-height: 1; text-transform: none; font-weight: normal; } .filtresmobiless .filtres a, .main-menu li .sousmenu .filtres a{ font-size: 30px; display: block; line-height: 1; margin-top: 6px; text-transform: none; font-weight: normal; font-family: 'Baskervville'; padding: 0; } .filtresmobiless .filtres + .filtres, .sousmenu .filtres + .filtres{ margin-top: 30px; } .filtres a + a:before{ display: none; } .lang-menu{ font-size: 14px; margin: 35px 0 60px!important; } .lang-menu li.wpml-ls-current-language a, .lang-menu li + li:before{ color: white; } .contactm ul{ list-style: none; margin: 0; padding: 0; font-size: 14px; } .contactm li{ display: block; } .contactm li b, .contactm li strong{ font-weight: normal; } .contactm li a{ color: white; } .contactm li em a, .contactm li a em{ color: #9898FF; font-style: normal; } .bigmenu .wrap{ padding-bottom: 80px; /* min-height: 100%; */ } .hometxt{ margin-bottom: 40px; } .copym{ position: absolute; left: 30px; bottom: 30px; font-size: 10px; } .sousmenu{ padding-left: 40px; padding-bottom: 20px; } .singletop .left { width: 90px; line-height: 1.2; } .singletop .right{ width: calc(100% - 90px); font-size: 18px; } .singletop .right br{ display: none; } .bloc-deux_colonnes .left{ width: 100%; padding-right: 0; } .bloc-deux_colonnes .right { width: 100%; padding: 30px 0 0 0; } .txt { font-size: 18px; } .img{ width: 100%; } .bloc + .bloc, .blok + .blok { margin-top: 30px; } .bloc-citation { font-size: 27px; margin: 60px 0!important; } .bloc-citation .auteur { font-size: 16px; } .credits{ margin: -20px 0; } .bloc-formulaire .gform_wrapper ul.gform_fields li.gfield.gfield_html, .private .gform_wrapper ul.gform_fields li.gfield.gfield_html{ font-size: 20px; margin-bottom: 20px; } .bloc-formulaire .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .private .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ font-size: 20px; } .bloc-formulaire .gform_wrapper .gform_footer input.button, .bloc-formulaire .gform_wrapper .gform_footer input[type=submit], .bloc-formulaire .gform_wrapper .gform_page_footer input.button, .bloc-formulaire .gform_wrapper .gform_page_footer input[type=submit], .private .gform_wrapper .gform_footer input.button, .private .gform_wrapper .gform_footer input[type=submit], .private .gform_wrapper .gform_page_footer input.button, .private .gform_wrapper .gform_page_footer input[type=submit]{ font-size: 22px; } body .gform_wrapper .gform_footer{ margin: 0; padding-bottom: 0; } error-404 { margin: 50px 0 0; font-size: 18px; } .page-title { font-size: 36px; } .aboutop { padding: 30px 0 50px; } .aboutop .right { font-size: 20px; } .aboutop .right strong { font-size: 18px; } .expertiz { margin-top: 30px; } .expertiz .left{ width: 100%; text-align: center; } .expertiz .left h2 { font-size: 45px; } .expertiz .right { width: 100%; margin-top: 25px; } .expertise { padding: 15px 0; } .o__loop--left { height: 70px; margin-top: 40px; } .o__loop--left p { line-height: 70px; font-size: 30px; } .clients { margin: 50px 0; } .clients h3, .membres h3 { font-size: 18px; margin: 0 0 28px; } .clientss { font-size: 20px; } .membres ul li .blogimg + p { margin-top: 13px; } .membres ul{ margin: -15px; } .membres ul li { font-size: 14px; padding: 15px; } .membres ul li .blogimg { font-size: 15px; } .private{ padding: 20px 0 0; } .pagecont h1 { font-size: 34px; } .pagecont h2, .pagecont h3 { font-size: 24px; } .pagecont .txt { font-size: 18px; } .section1{ height: 200vh; position: relative; } .autoslide { width: 100%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); } .autoslide .swiper-slide .swiper-slidec { transition: all 1s cubic-bezier(0.770, 0.000, 0.175, 1.000); } .scrolled .autoslide .swiper-slide .swiper-slidec { width: 100%; height: 100vh; } .accueil:not(.menuon) .hamburger{ mix-blend-mode: difference; } .accueil:not(.menuon) .hamburger-inner, .accueil:not(.menuon) .hamburger-inner::after, .accueil:not(.menuon) .hamburger-inner::before{ background: white; } .etape1 .autoslide{ position: absolute; top: auto; bottom: 0; transform: translate(-50%,0); } .section5a, .section5a.step1{ position: relative; } .section5a.step1.step2{ position: relative; z-index: 0; } .section5b .categorie { transform: translate(0,0)!important; } .section5n{ padding-top: 0; } .section:not(.section1):not(#colophon){ min-height: 0!important; padding: 6vw 0; } .section6{ padding-top: 12vw; } .sectionn { position: relative; } .homebottom, .scrolledtobottom .homebottom { position: relative; top: 0; width: 100%; } .footmenu { margin-top: 34px; } .section6 .wrap > h3{ font-size: 50px; } .bigmenu .liens a{ color: white!important; } .bigmenu{ padding-bottom: 60px; } .bigmenu .liens{ padding-top: 10px; } .bigmenu .liens a + a { margin-top: 10px; } .bigmenu .liens a span{ width: 40px; } } @media screen and (max-width: 1023px) { .accueil.biglogo:not(.menuon) .site-title a { margin-top: -39vw; } .autoslide .swiper-slide .swiper-slidec { width: 55vw; height: 70vw; } h3.screen3, .sect5txt, .categoriectxt{ font-size: 20px; } .druk{ font-size: 90px; } .categorie.actif > a { height: 230px; } .vignettes { height: calc(var(--wh) - 330px); } .vignettes .swiper-slide{ width: 80vw; } .categoriectxt{ min-height: 100px; } } @media screen and (max-width: 767px) { .hamburger.offy{ top: 46%; right: 14px; } /* .site-header { padding: 20px 0; } */ .prehome > a { width: 55px; height: 55px; bottom: 10px; background-size: 15px 13px; } .prehome img.gif{ max-height: 999em; max-width: 80%; } .wrap, .wrapper { padding: 0 30px; } .hamburger{ /*right: 5px; top: -10px; */ } .site-title a { top: 29px; width: 238px; font-size: 25px; line-height: 26px; } .site-title a:before{ top: 29px; } a.plus{ right: 8px; } .post{ width: 100%; } .topll > * { display: block; } .phrase { width: 100%; transform: translate(0, 0); } .homy #masonryContainer { margin-left: -45px; margin-right: -45px; } .phrase { font-size: 16px; padding-left: 60px; } .swiper-container{ height: 22px; } .swiper-slide{ line-height: 22px; height: 22px; } #content { /* margin-top: 86px; */ padding-top: 80px; } .bigmenu, .filtresmobiles{ padding-top: 80px; } .hometxt { margin-bottom: 30px; font-size: 12px; } .bigmenu .wrap > * { margin-top: 14vw; } .sousmenu{ padding-left: 0; } .filtresmobiless .filtres a, .main-menu li .sousmenu .filtres a { font-size: 26px; } .main-menu li + li{ margin-top: 10vw; } .main-menu li a { font-size: 45px; } .lang-menu{ margin: 20px 0 40px!important; } .bigmenu .wrap { padding-bottom: 80px; padding: 0 30px; } .copym{ left: 20px; } a.fleche{ top: -12px; } .bloginfosc h3 { font-size: 14px; } .cookies { padding: 20px 20px 40px 20px; right: 0; left: 0; border-top: 0; border-right: 5px solid #F0DB3B; } .cookies p { font-size: 14px; } .cookies > a { font-size: 10px; right: 20px; bottom: 15px; } a.plus{ top: 44%; } .archy a.plus { top: 51%; } .filtresmobiless { padding: 0 30px 30px; } .post.item.newsitem{ display: none; } .site-footer { padding: 0; margin: 0; } .footer-menu li a { font-size: 15px; } .copy { font-size: 7px; } .accueil .site-footer .wrap { padding-top: 75px; padding-bottom: 40px; } .site-footer .left{ margin-bottom: 0; } .site-footer .middle, .site-footer .right, .site-footer .right > div.footmenu{ margin: 30px 0 0; border-top: 1px solid #000; padding: 30px 0 0; } .site-footer .right > div.copy{ margin-top: 4px; } .site-footer .right > div:not(.footmenu) { /* font-size: 10px; margin: -14px 0 15px; */ } /* p.titre, .social-menu li a, .sml_subscribe input[type=submit], .mc4wp-form input[type=submit], .site-footer .left{ font-size: 12px; } */ p.titre{ margin: 0 0 20px; } .site-footer .middle { width: 100%; } .site-footer .right { width: 100%; } .footmenu { margin-top: 20px; } /* .sml_subscribe input[type=text], .mc4wp-form input[type=email]{ font-size: 11px; padding: 0.4em; } */ .sml_subscribe input[type=submit], .mc4wp-form input[type=submit]{ margin-top: 14px; } .logo { font-size: 25px; } /* .logo + span { margin: 8px 0 18px; font-size: 12px; } .logo:before { width: 42px; height: 32px; margin-bottom: 9px; } .footmenu > *{ width: 40%; }*/ .footmenu > *.copy{ width: 60%; } .phrase > span{ opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .scrolled .phrase > span{ opacity: 1; } /* .archtitle{ display: block; font-family: 'Baskervville'; text-align: left; padding-left: 52px; padding-right: 20px; color: #2424FF; font-weight: normal; font-size: 30px; margin: 0 0 18px; line-height: 1; } */ .contactc h1{ font-size: 25px; } .contactc h2 { font-size: 23px; } .contactc .swiper-container { height: 45px; } .contactc .swiper-slide{ line-height: 45px; height: 45px; } .contactcc h3, .contactcc h4 { font-size: 14px; } .contactcc p { font-size: 18px; } .contactcc { margin: 50px 0 10px; } .page-title { font-size: 34px; } .error-404 { margin: 40px 0; font-size: 14px; } .error-404 img { max-height: 999em; max-width: 80%; } .txt404{ margin-top: 30px; } .aboutop .right{ font-size: 18px; padding-left: 0; width: 100%; } .aboutop .left{ padding-right: 0; padding-top: 30px; width: 100%; } .aboutop .right strong { font-size: 16px; } .aboutop .left img { display: block; width: auto; height: auto; margin: 0 auto; max-width: 100%; max-height: 200px; } .aboutop { padding: 30px 0 30px; } .aboutvideo .wrap{ padding: 0; } .expertiz .left h2 { font-size: 32px; } .expertise { font-size: 12px; padding: 10px 10px 10px 0; } .credit strong, .credit b, .expertise p.titre { font-size: 12px; } /* .o__loop--left { height: 40px; margin-top: 30px; } .o__loop--left p { line-height: 40px; font-size: 20px; } */ .clients { margin: 40px 0; } .clients h3, .membres h3 { font-size: 14px; margin: 0 0 20px; } .clientss { font-size: 14px; } .membres ul { margin: -10px; } .membres ul li { font-size: 12px; padding: 10px; width: 50%; } .membres ul li .blogimg { font-size: 12px; } .bloc-formulaire .gform_wrapper ul.gform_fields li.gfield.gfield_html, .private .gform_wrapper ul.gform_fields li.gfield.gfield_html { font-size: 14px; margin-bottom: 0; } .bloc-formulaire .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .private .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 14px; } .bloc-formulaire .gform_wrapper .gform_footer input.button, .bloc-formulaire .gform_wrapper .gform_footer input[type=submit], .bloc-formulaire .gform_wrapper .gform_page_footer input.button, .bloc-formulaire .gform_wrapper .gform_page_footer input[type=submit], .private .gform_wrapper .gform_footer input.button, .private .gform_wrapper .gform_footer input[type=submit], .private .gform_wrapper .gform_page_footer input.button, .private .gform_wrapper .gform_page_footer input[type=submit] { font-size: 18px; line-height: 1! important; min-height: 0!important; } .bloc-deux_colonnes .right{ padding: 20px 0 0 0; } p.related{ font-size: 14px; margin: 60px 0 -20px; padding-top: 60px; } p.related:after{ width: calc(100% - 40px); left:20px; } .txt { font-size: 14px; } .singletop .left { width: 80px; } .singletop .right { width: calc(100% - 80px); font-size: 14px; padding-left: 0; } .bloc-image.pleiny .wrap, .bloc-video.pleiny .wrap{ padding: 0; } .blok-image.pleiny{ margin-left: -20px; margin-right: -20px; } .bloc-citation { font-size: 18px; margin: 40px 0!important; } .bloc-citation .auteur { font-size: 12px; margin-top: 15px; } .imgs { margin: -10px; } .img { padding: 10px; } .bloc + .bloc, .blok + .blok { margin-top: 20px; } .credits { margin: -10px 0; } .credit { padding: 10px 20px 10px 0; font-size: 14px; } .col{ padding-right: 20px; font-size: 14px; } .pagecont h1 { font-size: 26px; } .pagecont h2, .pagecont h3 { font-size: 20px; } .pagecont .txt { font-size: 14px; } #cookie-law-info-bar{ width: 100%; right: 0; padding: 30px 30px 20px!important; } .cli-bar-btn_container{ display: block; } .cli-bar-message{ font-size: 16px; line-height: 1.3; } .cli-bar-btn_container a{ font-size: 12px!important; display: block; } .cli-tab-header a.cli-nav-link{ max-width: 140px; } /* .footmenu > *{ display: inline-block; vertical-align: middle; width: 50%; } */ .accueil.biglogo:not(.menuon) .site-title a { margin-top: -45vw; } .autoslide .swiper-slide .swiper-slidec { width: 58vw; height: 84vw; } .druk, .categorie > a{ font-size: 70px; } .section:not(.section1):not(#colophon){ padding: 10vw 0; } .section5b{ padding-top: 10vw; min-height: 0; } .section6 { padding-top: 20vw; } .druk br{ display: none; } .grosmots { font-size: 40px; line-height: 1.2; margin-bottom: 10px; } h3.screen3, .sect5txt, .categoriectxt { font-size: 15px; } .topll { left: 0; top: 28px; position: relative; } .singletop { margin-bottom: 15px; margin-top: 10px; } .section2{ padding-bottom: 0!important; } .vignettes .swiper-slide{ width: 75vw; } .categoriectxt{ padding: 0 30px; } .swiperbuts { height: 60px; } .swiperbuts h3 { font-size: 15px; } .bouton{ font-size: 15px; line-height: 29px; } .backtotop{ right: 30px; top: 0; margin: 57px 0 0; } .categorie.actif > a{ height: 160px; padding: 70px 0 10px; } .vignettes { height: calc(var(--wh) - 260px); padding-top: 30px; } } @media screen and (max-width: 374px) { .main-menu li a { font-size: 46px; } a.fleche{ top: 8px; } .contactc h1{ font-size: 23px; } .contactc h2 { font-size: 20px; } } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print {}