@import url("https://fonts.googleapis.com/css?family=Ubuntu:400i|Work+Sans:400,500,700&display=swap");/*!
Theme Name: wp-timeforoceans
Theme URI: #
Description: Theme for TimeForOceans. Design, Integration, Development - Paul-Henri Trouillet.
Version: 1.0.0
Author: Paul-Henri Trouillet
Author URI: http://paulhenritrouillet.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*//*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
article:nth-child(1n){-webkit-animation-delay:200ms;animation-delay:200ms}
article:nth-child(2n){-webkit-animation-delay:400ms;animation-delay:400ms}
article:nth-child(3n){-webkit-animation-delay:600ms;animation-delay:600ms}
article:nth-child(4n){-webkit-animation-delay:800ms;animation-delay:800ms}
article:nth-child(5n){-webkit-animation-delay:1000ms;animation-delay:1000ms}
.fish:nth-child(1n){-webkit-animation-delay:17500ms;animation-delay:17500ms}
.fish:nth-child(2n){-webkit-animation-delay:18000ms;animation-delay:18000ms}
.fish:nth-child(3n){-webkit-animation-delay:18500ms;animation-delay:18500ms}
@font-face{font-family:"jostBold";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/jost/jostBold.eot");src:url("assets/font/jost/jostBold.eot#iefix") format("embedded-opentype"),url("assets/font/jost/jostBold.woff") format("woff"),url("assets/font/jost/jostBold.ttf") format("truetype"),url("assets/font/jost/jostBold.svg#jostBold") format("svg")}
@font-face{font-family:"jostBoldItalic";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/jost/jostBoldItalic.eot");src:url("assets/font/jost/jostBoldItalic.eot#iefix") format("embedded-opentype"),url("assets/font/jost/jostBoldItalic.woff") format("woff"),url("assets/font/jost/jostBoldItalic.ttf") format("truetype"),url("assets/font/jost/jostBoldItalic.svg#jostBoldItalic") format("svg")}
@font-face{font-family:"jostBook";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/jost/jostBook.eot");src:url("assets/font/jost/jostBook.eot#iefix") format("embedded-opentype"),url("assets/font/jost/jostBook.woff") format("woff"),url("assets/font/jost/jostBook.ttf") format("truetype"),url("assets/font/jost/jostBook.svg#jostBook") format("svg")}
@font-face{font-family:"jostBookItalic";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/jost/jostBookItalic.eot");src:url("assets/font/jost/jostBookItalic.eot#iefix") format("embedded-opentype"),url("assets/font/jost/jostBookItalic.woff") format("woff"),url("assets/font/jost/jostBookItalic.ttf") format("truetype"),url("assets/font/jost/jostBookItalic.svg#jostBookItalic") format("svg")}
@font-face{font-family:"jostHeavy";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/jost/jostHeavy.eot");src:url("assets/font/jost/jostHeavy.eot#iefix") format("embedded-opentype"),url("assets/font/jost/jostHeavy.woff") format("woff"),url("assets/font/jost/jostHeavy.ttf") format("truetype"),url("assets/font/jost/jostHeavy.svg#jostHeavy") format("svg")}
@font-face{font-family:"jostMedium";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/jost/jostMedium.eot");src:url("assets/font/jost/jostMedium.eot#iefix") format("embedded-opentype"),url("assets/font/jost/jostMedium.woff") format("woff"),url("assets/font/jost/jostMedium.ttf") format("truetype"),url("assets/font/jost/jostMedium.svg#jostMedium") format("svg")}
@font-face{font-family:"icomoon";font-style:normal;font-weight:normal;font-font-display:fallback;src:url("assets/font/icomoon/icomoon.eot");src:url("assets/font/icomoon/icomoon.eot#iefix") format("embedded-opentype"),url("assets/font/icomoon/icomoon.woff") format("woff"),url("assets/font/icomoon/icomoon.ttf") format("truetype"),url("assets/font/icomoon/icomoon.svg#icomoon") format("svg")}
.jostHeavy{font-family:'jostHeavy'}
.jostMedium{font-family:'jostMedium'}
.icomoon{font-family:'icomoon'}
html{line-height:1.3;font-family:"Work Sans",sans-serif;font-size:18px}
.title{font-family:"jostBold";text-align:center}
h1{font-size:30px;margin:0;line-height:1.4}
h2{font-size:24px;margin:0 0 30px 0;line-height:1.3}
h2.title{position:relative}
h2.title:after{content:'';display:inline-block;position:absolute;top:55px;width:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:6px;background-color:#00c1de;border-radius:3px}
h3,h4{font-family:"jostBook"}
small{font-size:75%}
.uppercase{text-transform:uppercase}
strong{font-weight:normal}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0 !important;font:inherit}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
.owl-height{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 100ms ease;transition:-webkit-transform 100ms ease;transition:transform 100ms ease;transition:transform 100ms ease,-webkit-transform 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
html{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}
::-moz-selection{background-color:#00c1de;color:#fff}
::selection{background-color:#00c1de;color:#fff}
::-moz-selection{background-color:#00c1de;color:#fff}
ul:not(.browser-default){padding-left:0;list-style-type:none}
ul:not(.browser-default)>li{list-style-type:none}
a{color:#00c1de;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-transition:color .2s;transition:color .2s}
a:focus{outline:0}
a:hover,a:active{outline:0}
a.no-psel:before,a.no-psel:after{content:none !important}
.clearfix{clear:both}
blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #05192a}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#00c1de;border:0 none #fff;border-radius:50px;cursor:pointer}
::-webkit-scrollbar-thumb:hover{background:#fff}
::-webkit-scrollbar-thumb:active{background:#00c1de}
::-webkit-scrollbar-thumb:hover{background:#00c1de}
::-webkit-scrollbar-track{background:transparent;border:0 none #fff;border-radius:0}
::-webkit-scrollbar-track:hover{background:transparent}
::-webkit-scrollbar-track:active{background:transparent}
::-webkit-scrollbar-corner{background:transparent}
.show{display:block !important}
.hide{display:none}
.container{margin:0 auto;width:90%;max-width:1720px}
.grid--illustrations,.grid--partners,.grid--news,.grid--footer,.grid--rs{display:grid;grid-template-columns:1fr;grid-template-rows:auto}
.grid--illustrations .item,.grid--partners .item,.grid--news .item,.grid--footer .item,.grid--rs .item{justify-self:center}
.grid--footer{grid-gap:50px}
.grid--footer .item{max-width:340px}
.grid--rs{grid-gap:10px}
body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden;background-color:#05192a;color:#fff;-webkit-transition:background-color .3s;transition:background-color .3s;will-change:background-color,opacity;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
body.menuOpen,body.bigEyelidOpenVid,body.bigEyelidOpenPic,body.media--zoomIn,body.isLoading{overflow-y:hidden}
body.menuOpen{background-color:rgba(5,25,42,0.9)}
body.bigEyelidOpenPic:not(.menuOpen) header.header .go,body.bigEyelidOpenVid header.header .go{display:none}
body.media--zoomIn footer.footer,body.media--zoomIn .bottom-section{visibility:hidden}
body.isLoading header.header .menu,body.isLoading header.header .go{display:none}
main.main{position:relative;height:auto;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.logoTFO{height:380px}
.logoTFO .logoTFO--container{position:absolute;width:264px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.logoTFO .logoTFO--container .logoTFO__eye{width:226px;height:138px;margin-bottom:20px;background-image:url("assets/img/eye.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.logoTFO .logoTFO--container .logoTFO__text{width:100%;height:110px;background-image:url("assets/img/logoTFO_text.svg");background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:10px}
.logoTFO .logoTFO--container .logoTFO__line:before,.logoTFO .logoTFO--container .logoTFO__line:after{content:'';display:inline-block;position:absolute;left:50%;width:0;height:2px;will-change:width;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:#fff}
.logoTFO .logoTFO--container .logoTFO__line.active:before{-webkit-animation-name:lineLeftGrowUp;animation-name:lineLeftGrowUp}
.logoTFO .logoTFO--container .logoTFO__line.active:after{-webkit-animation-name:lineRightGrowUp;animation-name:lineRightGrowUp}
.logoTFO .logoTFO--container .logoTFO__partners{display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:70px}
.logoTFO .logoTFO--container .logoTFO__partners .lp{height:100%;width:80px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;will-change:opacity;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1;animation-duration:1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.logoTFO .logoTFO--container .logoTFO__partners .suez{background-image:url("assets/img/logo-suez-noshadow.svg");-webkit-animation-delay:.5s;animation-delay:.5s}
.logoTFO .logoTFO--container .logoTFO__partners .bouygues{background-image:url("assets/img/logo-bouygues-noshadow.svg");-webkit-animation-delay:.3s;animation-delay:.3s}
.logoTFO .logoTFO--container .logoTFO__partners .boulogne{background-image:url("assets/img/logo-boulogne-noshadow.svg");-webkit-animation-delay:.5s;animation-delay:.5s}
p.mail .dot{display:inline-block;position:relative;margin-left:24px}
p.mail .dot:before{content:'';display:block;position:absolute;left:-21px;top:0;width:18px;height:18px;background-image:url("assets/img/picto-dot.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.chevron{cursor:pointer;width:52px;height:20px}
.chevron:before,.chevron:after{content:'';display:block;position:absolute;width:30px;height:6px;border-radius:3px;background-color:#00c1de;bottom:6px;will-change:transform}
.chevron:before{-webkit-transform:rotate(30deg);transform:rotate(30deg);left:0}
.chevron:after{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);right:0}
span.line{display:block;position:relative;width:30px;height:30px}
span.line:after,span.line:before{content:'';display:inline-block;position:absolute;width:17px;height:4px;border-radius:2px;background-color:#fff;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;will-change:transform;top:50%}
span.line:before{left:0;-webkit-transform:translateY(-50%) rotate(30deg);transform:translateY(-50%) rotate(30deg)}
span.line:after{right:0;-webkit-transform:translateY(-50%) rotate(-30deg);transform:translateY(-50%) rotate(-30deg)}
span.line.active:after,span.line.active:before{text-shadow:0 0 10px rgba(0,193,222,0.4);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
span.line.active:before{width:15px}
span.line.active:after{right:0}
.eye{width:150px;height:47px;background-image:url("assets/img/half-eye.svg");background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.8}
.close{position:relative;width:40px;height:40px;cursor:pointer;pointer-events:initial}
.close:before,.close:after{content:'';display:inline-block;position:absolute;display:inline-block;width:100%;height:6px;border-radius:3px;background-color:#00c1de;will-change:transform;top:50%}
.close:before{-webkit-transform:translateY(-50%) rotate(-35deg);transform:translateY(-50%) rotate(-35deg)}
.close:after{-webkit-transform:translateY(-50%) rotate(35deg);transform:translateY(-50%) rotate(35deg)}
.button--link{display:block;text-align:center}
.button--link span{display:inline-block;position:relative;height:45px;line-height:38px;border-width:3px;border-color:#00c1de;border-style:solid;border-radius:25px;font-family:'Work Sans';font-weight:700;color:#fff;text-align:center;padding:0 30px;cursor:pointer}
.button--link span:before,.button--link span:after{content:'';display:inline-block;position:absolute}
.button--link span:before{width:12px;height:21px;right:-5px;top:9px;background-color:#05192a}
.button--link span:after{width:25px;height:11px;right:-14px;top:14px;background-image:url("assets/img/picto-arrow-white.svg");background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-transition:right .6s,left .6s;transition:right .6s,left .6s;will-change:right}
.button--link span:active:after{right:-40px;-webkit-transition:right 0s;transition:right 0s}
.button--loadmore{position:relative;margin:0 auto 80px auto;width:200px;height:50px;border:4px solid #00c1de;border-radius:25px;line-height:40px;text-align:center;color:#fff;z-index:5;cursor:pointer;z-index:5}
.button--loadmore.category,.button--loadmore.reload,.button--loadmore.date{display:none}
.background--pupil{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);will-change:transform;width:1400px;height:1400px;z-index:-1}
.background--pupil .overlay{display:block;position:absolute;width:calc(100% + 3px);height:calc(100% + 2px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background-color:rgba(5,25,42,0.85);background-image:url("assets/img/texture-bluedark.svg");background-repeat:repeat;background-position:0 -100%;will-change:transform,width,height;z-index:3}
.background--pupil .pupil{position:absolute;width:100%;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;-webkit-box-shadow:-15px 5px 15px -5px rgba(5,25,42,0.7),15px 5px 15px -5px rgba(5,25,42,0.7),-5px -16px 0 -8px #fff,5px -16px 0 -8px #fff,0 -55px 35px -40px rgba(0,193,222,0.4);box-shadow:-15px 5px 15px -5px rgba(5,25,42,0.7),15px 5px 15px -5px rgba(5,25,42,0.7),-5px -16px 0 -8px #fff,5px -16px 0 -8px #fff,0 -55px 35px -40px rgba(0,193,222,0.4);overflow:hidden;will-change:transform,width,height;z-index:2}
.background--pupil .pupil img.img-parallax{position:absolute;width:auto;height:110%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top 50ms;transition:top 50ms;will-change:top,transform,width,height}
.sail{position:absolute;width:934px;height:972px;bottom:-100px;left:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-image:url("assets/img/sail.svg");background-size:100%;background-position:center 0;background-repeat:no-repeat;will-change:transform;z-index:4}
.copyright{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;will-change:transform}
.copyright p{margin:0;font-family:"jostBook";font-size:15px;color:rgba(255,255,255,0.8)}
.copyright p a{color:rgba(255,255,255,0.8)}
.copyright p a:hover{color:#00c1de}
.copyright:before{content:'';display:inline-block;position:absolute;top:-15px;width:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:6px;background-color:#00c1de;border-radius:3px;will-change:transform}
ul.iris{display:inline-block;padding-left:25px}
ul.iris li{position:relative;margin:2px 0}
ul.iris li:after{content:'';display:block;position:absolute;left:-25px;top:3px;width:17px;height:17px;background-image:url("assets/img/picto-dot.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.date-post{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;border-radius:50%;background-color:#05192a;-webkit-box-shadow:2px 2px 0 0 #00c1de;box-shadow:2px 2px 0 0 #00c1de}
.date-post .data{display:inline-block;font-family:"jostBold";color:#fff;font-size:16px}
.date-post .day{font-size:14px;line-height:.7;margin-top:7px}
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.load-spinner{position:absolute;display:none;width:50px;height:50px;top:100px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-image:url("assets/img/rolling-bluedark.svg");background-size:70%;background-position:center;background-repeat:no-repeat}
.lp-yt{top:50% !important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
span.sc{color:#00c1de}
span.cit{font-family:"Ubuntu",sans-serif;color:#00c1de}
.google-credit{font-size:12px;color:#fff;opacity:.7}
.google-credit a{color:#fff}
.grecaptcha-badge{visibility:hidden}
#firstLoading{opacity:1;background-color:#05192a}
#firstLoading .wave-loader{display:block}
.loading--container{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;opacity:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100vw;height:100vh;background-color:#fff;pointer-events:none;z-index:900}
.loading--container .loading{font-family:"jostBold";color:#fff;font-size:9vw;text-align:center}
.loading--container .wave-loader{display:none;background-image:url("assets/img/wave.png");-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);text-shadow:0 0 rgba(255,255,255,0.06);-webkit-animation-name:waveAnimation,loadingAnimationMobile;animation-name:waveAnimation,loadingAnimationMobile;-webkit-animation-duration:500ms,7000ms;animation-duration:500ms,7000ms;-webkit-animation-timing-function:linear,linear;animation-timing-function:linear,linear;-webkit-animation-iteration-count:infinite,infinite;animation-iteration-count:infinite,infinite;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate;background-repeat:repeat-x}
.item--container .repere{top:140px}
.item--container .item{position:relative}
.item--container .item p.caption{margin:20px 0}
.item--container .item .data{font-family:'jostHeavy';font-size:27px;line-height:1}
.item--container .item .quote{font-family:"Ubuntu",sans-serif;color:#00c1de}
.owl_testimony div{display:inline-block}
.owl_testimony .owl-nav,.owl_testimony .owl-dots{display:none}
.social--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:340px}
.social--container .button--sn{width:60px;height:60px;border-radius:50%;border-width:3px;border-color:#fff;border-style:solid;text-align:center;line-height:2.3;-webkit-transition:color .2s;transition:color .2s;will-change:color;font-family:"icomoon";font-size:24px;color:#fff;text-align:center;cursor:pointer}
.social--container .button--sn:hover{color:#00c1de;-webkit-transition:color 0s;transition:color 0s}
.social--container.share{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}
.social--container.share .button--sn{margin-right:15px}
.tweets--container .tweet{position:relative;font-family:"Ubuntu",sans-serif}
.tweets--container .tweet:before{content:'';display:block;position:absolute;background-image:url("assets/img/picto-quotes.svg");background-size:contain;background-repeat:no-repeat}
.tweets--container .tweet a{color:#fff;-webkit-transition:color 250ms;transition:color 250ms}
.tweets--container .tweet a:hover{color:#00c1de}
.ep--container .item{text-align:justify;margin-bottom:50px}
.ep--container .item .logo-ep{width:300px;height:160px;background-size:100%;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto}
.ep--container .item span.line{margin:48px auto}
.ep--container .suez .logo-ep{background-image:url("assets/img/logo-suez-noshadow.svg")}
.ep--container .bouygues .logo-ep{background-image:url("assets/img/logo-bouygues-noshadow.svg")}
.ep--container .boulogne .logo-ep{background-image:url("assets/img/logo-boulogne-noshadow.svg")}
.ep--container .goodplanet .logo-ep{background-image:url("assets/img/logo-goodplanet.svg")}
.ep--container .noplasticinmysea .logo-ep{background-image:url("assets/img/logo-noplasticinmysea.svg");background-size:80%}
.ep--container .coiunesco .logo-ep{background-image:url("assets/img/logo-coiunesco.svg")}
.ep--container a.button--link{margin-top:80px}
.porthole--container{position:relative;width:340px;height:340px;border-radius:50%;margin:0 auto;-webkit-transition:height .1s;transition:height .1s}
.porthole--container .porthole--bg{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}
.porthole--container .porthole--bg .sail{position:absolute;width:110%;height:110%;background-image:url("assets/img/sail-white.svg");background-size:75%;background-position:75% 0;background-repeat:no-repeat;pointer-events:none;z-index:4}
.porthole--container .porthole--bg .overlay{position:absolute;margin:0;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:2}
.porthole--container .porthole--content{position:absolute;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;pointer-events:none;z-index:4}
.porthole--container .porthole--content .sheet{position:absolute;width:100%;height:100%;border-radius:50%;background-color:rgba(5,25,42,0.8);-webkit-transition:top .1s,right .1s,bottom .1s,left .1s;transition:top .1s,right .1s,bottom .1s,left .1s;z-index:1}
.porthole--container .porthole--content .sheet .sheet-open{position:absolute;width:150px;height:50px;pointer-events:initial;cursor:pointer}
.porthole--container .porthole--content .sheet .sheet-open .icon{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;background-size:contain;background-repeat:no-repeat;-webkit-transition:background-position .2s;transition:background-position .2s}
.porthole--container .porthole--content .sheet .sheet-open:hover .icon{-webkit-transition:background-position .1s;transition:background-position .1s}
.porthole--container .porthole--content .sheet .sheet-close{position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.porthole--container .porthole--content .sheet .sheet-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:80%;text-align:center;overflow:hidden}
.porthole--container .porthole--content .sheet .sheet-content h3{position:relative;margin:40px 0 80px 0;font-size:26px}
.porthole--container .porthole--content .sheet .sheet-content h3:after{content:'';position:absolute;display:block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-26px;width:28px;height:4px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,0.4);box-shadow:0 0 5px 0 rgba(255,255,255,0.4)}
.porthole--container .porthole--content .sheet .sheet-content .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:70%;overflow-y:auto;padding:0 20px}
.porthole--container .porthole--content .sheet .sheet-content .text p.cit{color:#00c1de;font-family:"Ubuntu",sans-serif}
.porthole--container .porthole--content .sheet .sheet-content .text li{text-align:left;padding-left:60px;list-style:none;position:relative;margin:5px 0}
.porthole--container .porthole--content .sheet .sheet-content .text li span:not(.cit){color:#00c1de;display:inline-block;position:absolute;left:0}
.porthole--container .porthole--content .sheet .sheet-content .text p{text-align:justify}
.porthole--container .porthole--content .sheet.open{-webkit-transition:.2s;transition:.2s;pointer-events:initial;z-index:2}
.porthole--container .porthole--content .sheet.top{top:-100%}
.porthole--container .porthole--content .sheet.top .sheet-open{bottom:-44px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.porthole--container .porthole--content .sheet.top .sheet-open .icon{background-size:86%;background-image:url("assets/img/picto-hook.svg");background-position:50% 10px}
.porthole--container .porthole--content .sheet.top .sheet-open:hover .icon{background-position:50% 14px}
.porthole--container .porthole--content .sheet.top.open{top:0}
.porthole--container .porthole--content .sheet.right{right:-100%}
.porthole--container .porthole--content .sheet.right .sheet-open{left:-92px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.porthole--container .porthole--content .sheet.right .sheet-open .eye{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.porthole--container .porthole--content .sheet.right .sheet-open .icon{background-size:80%;background-image:url("assets/img/picto-folder.svg");background-position:0 50%}
.porthole--container .porthole--content .sheet.right .sheet-open:hover .icon{background-position:-4px 50%}
.porthole--container .porthole--content .sheet.right.open{right:0}
.porthole--container .porthole--content .sheet.bottom{bottom:-100%}
.porthole--container .porthole--content .sheet.bottom .sheet-open{top:-41px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.porthole--container .porthole--content .sheet.bottom .sheet-open .eye{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.porthole--container .porthole--content .sheet.bottom .sheet-open .icon{background-size:120%;background-image:url("assets/img/picto-star.svg");background-position:50% 2px;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}
.porthole--container .porthole--content .sheet.bottom .sheet-open:hover .icon{background-position:50% 6px}
.porthole--container .porthole--content .sheet.bottom.open{bottom:0}
.porthole--container .porthole--content .sheet.left{left:-100%}
.porthole--container .porthole--content .sheet.left .sheet-open{right:-92px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.porthole--container .porthole--content .sheet.left .sheet-open .eye{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.porthole--container .porthole--content .sheet.left .sheet-open .icon{background-size:110%;background-image:url("assets/img/picto-sail.svg");background-position:2px -4px}
.porthole--container .porthole--content .sheet.left .sheet-open:hover .icon{background-position:6px -4px}
.porthole--container .porthole--content .sheet.left.open{left:0}
.porthole--container.sheetContentOpen{height:700px;border-radius:50% / 170px}
.porthole--container.sheetContentOpen .porthole--bg,.porthole--container.sheetContentOpen .img-bg,.porthole--container.sheetContentOpen .overlay,.porthole--container.sheetContentOpen .porthole--content,.porthole--container.sheetContentOpen .sheet{border-radius:50% / 170px}
.porthole--container.sheetContentOpen .slide-member{border-radius:50% / 170px !important}
.porthole--container.sheetContentOpen .porthole--bg .sail{display:none}
.porthole--container.sheetContentOpen .porthole--bg .overlay{background-image:none}
.porthole--container.sheetContentOpen .porthole--bg .overlay:after{display:none !important}
.accordion--container{position:relative;width:100%;margin:80px 0;-webkit-transition:opacity .1s;transition:opacity .1s;will-change:opacity;z-index:5}
.accordion--container .accordion-item{text-align:center}
.accordion--container .accordion-item .accordion-trigger{position:relative;font-family:"jostBold";font-size:30px;color:#00c1de;-webkit-transition:text-shadow .2s;transition:text-shadow .2s;will-change:text-shadow;cursor:pointer}
.accordion--container .accordion-item .accordion-trigger span.line{margin:25px auto 25px auto}
.accordion--container .accordion-item .accordion-trigger:hover span.line:after,.accordion--container .accordion-item .accordion-trigger:hover span.line:before{-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.3);box-shadow:0 0 25px 0 rgba(0,193,222,0.3)}
.accordion--container .accordion-item .accordion-content p{font-size:0;opacity:0;color:#fff;-webkit-transition:text-shadow .2s,font-size .2s,opacity .2s;transition:text-shadow .2s,font-size .2s,opacity .2s;will-change:text-shadow,font-size,opacity}
.accordion--container .accordion-item.show .accordion-trigger{color:#00c1de}
.accordion--container .accordion-item.show .accordion-trigger span.line:after,.accordion--container .accordion-item.show .accordion-trigger span.line:before{text-shadow:0 0 10px rgba(0,193,222,0.4);-webkit-transform:none;transform:none}
.accordion--container .accordion-item.show .accordion-trigger span.line:before{width:15px}
.accordion--container .accordion-item.show .accordion-trigger span.line:after{right:0}
.accordion--container .accordion-item.show .accordion-content{margin-bottom:20px}
.accordion--container .accordion-item.show .accordion-content p{font-size:inherit;opacity:1;-webkit-transition:text-shadow .3s,font-size .3s,opacity .6s;transition:text-shadow .3s,font-size .3s,opacity .6s}
.table--container{position:relative;width:100%;-webkit-transition:opacity .1s;transition:opacity .1s;z-index:5}
.table--container .table-item .table-content:not(:first-child){margin-top:30px}
.table--container .table-item .table-content .table-title{position:relative;font-family:"jostBold";font-size:30px;color:#fff;margin-bottom:60px;text-align:center}
.table--container .table-item .table-content .table-title:after{content:'';display:inline-block;position:absolute;width:30px;height:4px;border-radius:2px;background-color:#fff;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);will-change:transform;-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.3);box-shadow:0 0 25px 0 rgba(0,193,222,0.3)}
.table--container .table-item .table-content table{width:100%}
.table--container .table-item .table-content table tr td{font-family:"Ubuntu",sans-serif;width:50%}
.table--container .table-item .table-content table tr td:nth-child(even){color:#fff;text-align:left;padding-left:10px}
.table--container .table-item .table-content table tr td:nth-child(odd){color:#00c1de;text-align:right;padding-right:10px}
.filter{--rf:90px;--sf:105px;--srf:50px;position:relative;width:var(--srf);height:var(--srf);border-radius:50%;-webkit-transition:-webkit-box-shadow 200ms;transition:-webkit-box-shadow 200ms;transition:box-shadow 200ms;transition:box-shadow 200ms,-webkit-box-shadow 200ms;will-change:opacity,background-color,box-shadow}
.filter:after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-size:45%;background-position:center;background-repeat:no-repeat;-webkit-transition:background-image 250ms;transition:background-image 250ms}
.filter.race:after{background-image:url("assets/img/picto-sail-cat.svg");background-size:55%;background-position:47% 45%}
.filter.hangar:after{background-image:url("assets/img/picto-boathouse.svg");background-size:38%;background-position:50% 55%}
.filter.harbor:after{background-image:url("assets/img/picto-harbor-pontoon.svg")}
.filter.photo:after{background-image:url("assets/img/picto-photo.svg")}
.filter.pdf:after{background-image:url("assets/img/picto-pdf-white.svg");background-size:27%}
.filter.communique:after{background-image:url("assets/img/picto-megaphone.svg");background-size:30%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.filter.dossier:after{background-image:url("assets/img/picto-folder-ns.svg");-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.filter.micro:after{background-image:url("assets/img/picto-micro-white.svg")}
.filter.camera:after{background-image:url("assets/img/picto-camera.svg")}
.filter.asso:after{background-image:url("assets/img/picto-asso.svg")}
.filter.artiste:after{background-image:url("assets/img/picto-artiste.svg");background-size:50%}
.filter.institute:after{background-image:url("assets/img/picto-institute.svg");background-size:35%}
.filter.lowtech:after{background-image:url("assets/img/picto-lowtech.svg");background-size:40%}
.filter.kids:after{background-image:url("assets/img/picto-kids.svg")}
.fa,.fm{cursor:pointer}
.filter--container{position:relative;height:283px;max-width:900px;margin:0 auto}
.filter--container .filters{position:relative;height:182px}
.filter--container .filters .filter{position:absolute;width:var(--rf);height:var(--rf);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width 100ms,height 100ms,left 100ms;transition:width 100ms,height 100ms,left 100ms;will-change:left,top,width,height}
.filter--container .filters .filter:after{z-index:2}
.filter--container .filters .filter.main{cursor:pointer;z-index:1}
.filter--container .filters .filter.main:before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-color:#05192a;border-radius:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:1}
.filter--container .filters .filter.main:after{background-image:url("assets/img/picto-filter-white.svg");-webkit-transition:background-image 100ms,-webkit-transform 100ms;transition:background-image 100ms,-webkit-transform 100ms;transition:background-image 100ms,transform 100ms;transition:background-image 100ms,transform 100ms,-webkit-transform 100ms;will-change:background-image,transform}
.filter--container .filters .filter:not(.main){opacity:0;background-color:transparent;pointer-events:none;-webkit-animation-duration:150ms;animation-duration:150ms;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:width 300ms,height 300ms,left 300ms;transition:width 300ms,height 300ms,left 300ms;z-index:-1}
.filter--container .filters.hovered .filter:not(.main){width:60px;height:60px;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:#05192a;-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.15);box-shadow:0 0 25px 0 rgba(0,193,222,0.15);z-index:2}
.filter--container .filters.hovered .filter.f_1{left:calc(50% - 70px);top:54%}
.filter--container .filters.hovered .filter.f_2{left:calc(50% + 70px);top:54%}
.filter--container .filters.open .filter.main{pointer-events:none;z-index:-1}
.filter--container .filters.open .filter.main:before{-webkit-animation-name:pulseMainWhenFilltersOpen;animation-name:pulseMainWhenFilltersOpen;-webkit-animation-duration:306ms;animation-duration:306ms;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.filter--container .filters.open .filter:not(.main){width:var(--rf);height:var(--rf);pointer-events:initial;background-color:#05192a;-webkit-transition:width 300ms,height 300ms,left 300ms,background-color 300ms,-webkit-box-shadow 200ms;transition:width 300ms,height 300ms,left 300ms,background-color 300ms,-webkit-box-shadow 200ms;transition:width 300ms,height 300ms,left 300ms,background-color 300ms,box-shadow 200ms;transition:width 300ms,height 300ms,left 300ms,background-color 300ms,box-shadow 200ms,-webkit-box-shadow 200ms;-webkit-animation-name:fadeIn;animation-name:fadeIn;z-index:2}
.filter--container .filters.open .filter:not(.main):before{content:'';position:absolute;opacity:0;width:100%;height:100%;border-radius:50%;background-size:45%;-webkit-transform:translateY(-70%);transform:translateY(-70%);background-position:center;background-repeat:no-repeat;background-image:url("assets/img/picto-filter-blue.svg");-webkit-transition:opacity 200ms;transition:opacity 200ms;will-change:opacity}
.filter--container .filters.open .filter:not(.main):hover{-webkit-box-shadow:4px 0 0 0 #00c1de,-4px 0 0 0 #00c1de,0 4px 0 0 #00c1de,0 -4px 0 0 #00c1de;box-shadow:4px 0 0 0 #00c1de,-4px 0 0 0 #00c1de,0 4px 0 0 #00c1de,0 -4px 0 0 #00c1de}
.filter--container .filters.open .filter:not(.main):hover:before{opacity:1}
.filter--container .filters.open .filter:not(.main).active{-webkit-box-shadow:4px 0 0 0 #00c1de,-4px 0 0 0 #00c1de,0 4px 0 0 #00c1de,0 -4px 0 0 #00c1de;box-shadow:4px 0 0 0 #00c1de,-4px 0 0 0 #00c1de,0 4px 0 0 #00c1de,0 -4px 0 0 #00c1de}
.filter--container .filters.open .filter:not(.main).active:before{opacity:1}
.filter--container .filters.open.x-3 .filter.f_1{left:calc(50% - var(--sf));top:60%}
.filter--container .filters.open.x-3 .filter.f_2{left:calc(50% + var(--sf));top:60%}
.filter--container .filters.open.x-3 .filter.f_3{left:calc(65% + var(--sf));top:77%}
.filter--container .filters.open.x-4 .filter.main{display:none}
.filter--container .filters.open.x-4 .filter.f_1{left:calc(40% - var(--sf));top:60%}
.filter--container .filters.open.x-4 .filter.f_0{left:calc(50% - 48px);top:55%}
.filter--container .filters.open.x-4 .filter.f_2{left:calc(50% + 48px);top:55%}
.filter--container .filters.open.x-4 .filter.f_3{left:calc(60% + var(--sf));top:60%}
.filter--container h2.title{position:relative;margin-top:40px}
.filter--container h2.title:before{content:'';display:inline-block;position:absolute;width:25px;height:11px;background-image:url("assets/img/picto-arrow-bluedark.svg");background-size:100%;background-position:50% 50%;background-repeat:no-repeat;left:50%;-webkit-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg);top:-30px}
.filter--container h2.title span.main:after{content:'filtre'}
.filter--container h2.title span.filtered{display:none}
.filter--container h2.title .nb{position:absolute;display:block;border-radius:50%;background-color:#05192a;color:#fff;font-family:"Work Sans",sans-serif;font-size:12px;text-align:center;line-height:27px;margin-top:-2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:26px;height:26px}
.filter--container h2.title.hovered:before{-webkit-animation-name:bounceArrowFilter;animation-name:bounceArrowFilter;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:700ms;animation-delay:700ms}
.filter--container h2.title.hovered span.main:after{content:'click'}
.filter--container h2.title.open:before,.filter--container h2.title.reloaded:before{display:none}
.filter--container h2.title.open span.main:after,.filter--container h2.title.reloaded span.main:after{display:none}
.side-filter--container{position:fixed;width:80px;left:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5}
.side-filter--container .side-filters .filter{background-color:#05192a;margin:10px 0;opacity:0;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.side-filter--container .side-filters .filter span.cp{position:absolute;display:block;width:calc(var(--srf) / 4);height:calc(var(--srf) / 4);border-radius:50%;top:0;right:0;color:#fff;background-color:#00c1de;font-size:10px;line-height:calc(var(--srf) / 4);text-align:center}
.side-filter--container .side-filters .filter:hover{-webkit-box-shadow:3px 0 0 0 #00c1de,-3px 0 0 0 #00c1de,0 3px 0 0 #00c1de,0 -3px 0 0 #00c1de;box-shadow:3px 0 0 0 #00c1de,-3px 0 0 0 #00c1de,0 3px 0 0 #00c1de,0 -3px 0 0 #00c1de}
.side-filter--container .side-filters .filter.active{-webkit-box-shadow:3px 0 0 0 #00c1de,-3px 0 0 0 #00c1de,0 3px 0 0 #00c1de,0 -3px 0 0 #00c1de;box-shadow:3px 0 0 0 #00c1de,-3px 0 0 0 #00c1de,0 3px 0 0 #00c1de,0 -3px 0 0 #00c1de}
.side-filter--container .side-filters .filter:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}
.side-filter--container .side-filters .filter:nth-child(2){-webkit-animation-delay:150ms;animation-delay:150ms}
.side-filter--container .side-filters .filter:nth-child(3){-webkit-animation-delay:350ms;animation-delay:350ms}
.side-filter--container .side-filters .filter:nth-child(4){-webkit-animation-delay:500ms;animation-delay:500ms}
.side-filter--container .side-filters .filter:nth-child(5){-webkit-animation-delay:650ms;animation-delay:650ms}
.side-filter--container .side-filters [data-catName]{position:relative}
.side-filter--container .side-filters [data-catName]:before{content:attr(data-catName);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:1px;display:inline-block;width:0;height:30px;padding:5px 15px 5px 30px;border-radius:5px / 15px;background:#05192a;color:transparent;font-size:14px;white-space:nowrap;-webkit-transition:color 0ms,left 0ms;transition:color 0ms,left 0ms}
.side-filter--container .side-filters [data-catName]:hover:before{color:#fff;width:auto;left:calc(var(--srf) - 20px);-webkit-transition:color 350ms,left 250ms;transition:color 350ms,left 250ms;-webkit-box-shadow:3px 0 0 0 #00c1de;box-shadow:3px 0 0 0 #00c1de}
.search--container{width:100%;margin:40px 0}
.archive--container .list-archive{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-height:60px;line-height:60px;border-radius:42px 42px / 40px 40px;height:auto;border-width:4px;border-color:#00c1de;border-style:solid;padding:0 64px;will-change:height}
.archive--container .list-archive:before{content:'';display:block;position:absolute;width:30px;height:30px;left:14px;top:14px;background-image:url("assets/img/picto-folder.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.archive--container .list-archive li.year{position:relative;display:inline-block;margin:0;width:70px;text-align:left}
.archive--container .list-archive li.year:before{content:'';display:block;position:absolute;left:-14px;top:25px;width:14px;height:9px;background-image:url("assets/img/picto-arrowhead.svg");background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms,-webkit-transform 200ms;will-change:transform}
.archive--container .list-archive li.year span.title{color:#fff;cursor:pointer}
.archive--container .list-archive li.year ul.archive-sub-menu{margin:0;height:auto;-webkit-margin-before:-10px !important;margin-block-start:-10px !important;-webkit-margin-after:14px;margin-block-end:14px}
.archive--container .list-archive li.year ul.archive-sub-menu li.filter-month{position:relative;height:20px;line-height:20px;color:#00c1de;-webkit-transition:.2s;transition:.2s;cursor:pointer;text-transform:capitalize}
.archive--container .list-archive li.year ul.archive-sub-menu li.filter-month span{top:3px;right:-5px;font-size:10px;color:#fff}
.archive--container .list-archive li.year ul.archive-sub-menu li.filter-month:hover,.archive--container .list-archive li.year ul.archive-sub-menu li.filter-month.active{color:#fff}
.archive--container .list-archive li.year.selected:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.post_nav--container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 80px auto;z-index:5}
.post_nav--container .button--link.start span:before{left:-5px}
.post_nav--container .button--link.start span:after{left:-14px;top:14px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.post_nav--container .button--link.start span:active:after{left:-40px;-webkit-transition:left 0s;transition:left 0s}
.post_nav--container .button--link.finish{position:absolute;right:0}
.overlay-drop{position:relative;width:100%;height:100%;pointer-events:none}
.overlay-drop:after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:270px;background-image:url("assets/img/overlay_drop.png");background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-filter:blur(1px);filter:blur(1px);opacity:.4}
.lastpost--container{text-align:center}
.lastpost--container article.lastpost{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:140px}
.lastpost--container article.lastpost .img-circle{position:relative;width:140px;height:140px;border-radius:50%;border:3px solid #fff;overflow:hidden;margin:10px 0}
.lastpost--container article.lastpost .img-circle:after{content:'';display:block;position:absolute;top:15px;width:100%;height:100%;border-radius:50%;opacity:.3;background-image:url("assets/img/sail-white.svg");background-size:80%;background-position:center;background-repeat:no-repeat;z-index:2}
.lastpost--container article.lastpost .img-circle img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:100%;z-index:1}
.lastpost--container article.lastpost h4{color:#fff;font-size:15px;text-align:center;padding:0 10px;margin:0}
.comment--container{margin-top:80px;padding:20px 30px;background-color:#05192a;border-radius:50px;color:#fff;-webkit-box-shadow:0 0 90px -75px;box-shadow:0 0 90px -75px}
.comment--container h2{margin:20px 0 40px 0 !important}
.comment--container .comment-list{margin-bottom:40px}
.comment--container .comment-list .comment{position:relative;min-height:90px;padding:10px 0;margin-bottom:20px;border-radius:7px 0 0 7px / 5px 0 0 5px;border-left:2px solid #00c1de}
.comment--container .comment-list .comment p{display:block;min-height:70px;width:calc(100% - 100px);margin:0 0 0 100px;padding:0 10px 20px 0;text-align:left !important;font-size:16px}
.comment--container .comment-list .comment a{font-size:14px}
.comment--container .comment-list .comment .comment-info{display:inline-block;position:absolute;width:auto;left:10px;top:0;font-size:12px;font-family:"Ubuntu",sans-serif;opacity:.7}
.comment--container .comment-list .comment .comment-author.vcard{display:inline-block;position:absolute;width:40px;height:40px;top:35px;left:10px}
.comment--container .comment-list .comment .comment-author.vcard img{border-radius:50%;border:2px solid rgba(255,255,255,0.7)}
.comment--container .comment-list .comment .comment-edit-link{display:inline-block;position:absolute;bottom:0;left:10px}
.comment--container .comment-list .comment .reply{display:inline-block;position:absolute;bottom:0;right:0}
.comment--container .comment-list .comment .comment-awaiting-moderation{position:absolute;bottom:0;left:10px;font-size:12px;color:#00c1de}
.comment--container .comment-list .comment.depth-2{margin:20px 0 20px 40px}
.comment--container .comment-respond .comment-form p{font-size:14px}
.comment--container .comment-respond .comment-form p div.error{padding:5px 0 0 0;color:#00c1de}
.comment--container .comment-respond .comment-form span.note{opacity:.5;font-size:12px;font-family:"Ubuntu",sans-serif;float:left;height:45px;padding-top:5px}
.comment--container .comment-respond .comment-form p.textarea{position:relative}
.comment--container .comment-respond .comment-form p.textarea textarea{padding-top:12px;resize:vertical;height:105px}
.comment--container .comment-respond .comment-form p.textarea .counter-caract{position:absolute;right:0;top:-25px;color:#00c1de;font-size:16px}
.comment--container .comment-respond .comment-form p.send span.submit{float:right;position:relative}
.comment--container .comment-respond .comment-form p.send span.submit:before{right:-2px;z-index:1}
.comment--container .comment-respond .comment-form p.send span.submit:after{right:-10px;z-index:2}
.comment--container .comment-respond .comment-form p.send span.submit input[type=submit]{position:absolute;right:0}
.running-race{display:block;position:fixed;bottom:10px;left:calc(-85% + 40px);width:85%;height:40px;background-color:#05192a;border-width:3px 3px 3px 0;border-color:#00c1de;border-style:solid;border-radius:0 50px 50px 0;-webkit-transition:left 0ms;transition:left 0ms;-webkit-animation-name:runningRace;animation-name:runningRace;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-iteration-count:2;animation-iteration-count:2;z-index:800}
.running-race .rr--content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;top:0}
.running-race .rr--content:before{content:'La course du moment';display:inline-block;position:absolute;color:#fff;top:-26px;left:10px;font-family:"jostBook";font-size:17px;opacity:1}
.running-race .rr--content h3{font-size:12px;padding:0 10px 0 10px}
.running-race .rr--content .flip-box{position:absolute;right:2px;top:2px;background-color:transparent;-webkit-perspective:1000px;perspective:1000px;width:30px;height:30px}
.running-race .rr--content .flip-box .flip-box-inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation-name:flipBox;animation-name:flipBox;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-iteration-count:2;animation-iteration-count:2}
.running-race .rr--content .flip-box .flip-box-inner .flip-front,.running-race .rr--content .flip-box .flip-box-inner .flip-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.running-race .rr--content .flip-box .flip-box-inner .flip-front{border-radius:50%;background-color:#00c1de;background-image:url("assets/img/picto-sail.svg");background-size:contain;background-position:-2px -2px;background-repeat:no-repeat}
.running-race .rr--content .flip-box .flip-box-inner .flip-back{border-radius:50%;overflow:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.running-race .rr--content .flip-box .flip-box-inner .flip-back img{width:100%;height:auto}
input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],select,textarea{height:50px;width:100%;border:4px solid transparent;padding:0 20px;color:#05192a;border-radius:25px}
input:not([type]):focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=time]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,select:focus,textarea:focus{border-left:4px solid #00c1de;outline:0}
input[type=checkbox]{position:absolute;opacity:0}
input[type=checkbox]+label{position:relative;cursor:pointer;padding:0}
input[type=checkbox]+label:before{content:'';margin-right:10px;display:inline-block;vertical-align:middle;width:30px;height:30px;background:#fff;border-radius:50%}
input[type=checkbox]:focus+label:before{-webkit-box-shadow:none;box-shadow:none}
input[type=checkbox]:checked+label:after{content:'';display:block;position:absolute;width:30px;height:22px;background-image:url("assets/img/picto-checked.svg");background-size:contain;background-position:center;background-repeat:no-repeat;top:-3px;left:4px}
::-webkit-input-placeholder{color:#05192a}
::-moz-placeholder{color:#05192a}
:-ms-input-placeholder{color:#05192a}
::-ms-input-placeholder{color:#05192a}
::placeholder{color:#05192a}
input[type=submit]:focus{outline:0}
.submit{position:absolute;top:0;height:50px;width:auto}
.submit input[type=submit]{height:50px;line-height:36px;border-radius:25px;width:auto;padding:0 30px;background-color:#05192a;border:3px solid #00c1de;font-family:'Work Sans';text-align:center;color:#fff}
.submit:before,.submit:after{content:'';display:inline-block;position:absolute}
.submit:before{width:12px;height:21px;background-color:#05192a}
.submit:after{width:25px;height:11px;background-image:url("assets/img/picto-arrow-white.svg");background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-transition:right .6s;transition:right .6s}
.form-single{position:relative}
.form-single .mj{border-radius:25px;overflow:hidden}
.form-single span.submit{right:0;height:50px;cursor:pointer;pointer-events:none}
.form-single span.submit:before{right:-1px;top:14px}
.form-single span.submit:after{right:-10px;top:19px}
.form-single span.submit:active:after{right:-40px;-webkit-transition:right 0s;transition:right 0s}
p.send{position:relative;height:45px}
p.send .submit:before{right:20px;top:13px}
p.send .submit:after{right:10px;top:18px}
p.send .submit:active:after{right:-30px;-webkit-transition:right 0s;transition:right 0s}
.wpcf7 form.wpcf7-form p{margin:0 0 10px 0}
.wpcf7 form.wpcf7-form p.textarea{margin:0 0 4px 0}
.wpcf7 form.wpcf7-form span.message textarea{height:100px;resize:vertical;padding:10px 20px}
.wpcf7 form.wpcf7-form span.wpcf7-not-valid-tip{font-size:13px;margin:5px 0 0 20px;font-family:"Ubuntu",sans-serif;color:#00c1de}
.wpcf7 form.wpcf7-form p.send span.submit{right:-20px}
.wpcf7 form.wpcf7-form p.send span.submit input.wpcf7-submit{margin-right:20px}
.wpcf7 form.wpcf7-form p.send span.quiz-nr{height:36px}
.wpcf7 form.wpcf7-form p.send span.quiz-nr label{display:block;position:relative;height:50px;width:150px}
.wpcf7 form.wpcf7-form p.send span.quiz-nr label span{position:absolute;left:0;color:#05192a;height:50px;width:100px;line-height:50px;text-align:left;padding-left:20px}
.wpcf7 form.wpcf7-form p.send span.quiz-nr label span:after{content:'=';margin-left:5px}
.wpcf7 form.wpcf7-form .ajax-loader{top:14px;left:-70px;position:absolute;background-image:url("assets/img/rolling.svg");background-repeat:no-repeat;background-size:100%}
.wpcf7 form.wpcf7-form .wpcf7-response-output{position:absolute;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"jostBookItalic";text-transform:uppercase;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:100%;margin:0;border-radius:30px;border-width:4px;border-color:#00c1de;border-style:solid;background-color:rgba(5,25,42,0.9);pointer-events:none}
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output,.wpcf7 form.wpcf7-form.sent .wpcf7-response-output{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.viewer--container .big-eyelid{position:fixed;display:none;width:110vw;height:150vh;background-color:#05192a;top:-180vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:0 0 60% 60% / 0 0 17% 17%;-webkit-animation-name:eyeClosing;animation-name:eyeClosing;-webkit-animation-duration:700ms;animation-duration:700ms;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:903}
.viewer--container .viewer{display:none;position:fixed;top:0;height:100vh;width:100vw;background-color:#05192a;overflow:hidden;z-index:902}
.viewer--container .view{position:relative;width:100%;height:100%;pointer-events:none;background-color:rgba(255,255,255,0.04);z-index:904}
.viewer--container .view .corner{position:absolute;width:120px;height:94px;background-image:url("assets/img/corner.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.viewer--container .view .corner.tl{top:-1px;left:-1px}
.viewer--container .view .corner.tr{top:-1px;right:-1px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.viewer--container .view .corner.br{right:-1px;bottom:-1px;-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}
.viewer--container .view .corner.bl{left:-1px;bottom:-1px;-webkit-transform:scaleY(-1);transform:scaleY(-1)}
.viewer--container.video .viewer .video-overlay{display:block;position:absolute;width:100%;height:100%;top:0;background-color:#05192a;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:1}
.viewer--container.video .viewer .video-overlay.overlay-animation-in{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.viewer--container.video .viewer .video-overlay .logoTFO{position:absolute;width:264px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.viewer--container.video .viewer .video-background{background:transparent;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-99}
.viewer--container.video .viewer .video-foreground,.viewer--container.video .viewer .video-background iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-transform:scale(1.1);transform:scale(1.1)}
.viewer--container.video .viewer .chevron.down{position:absolute;left:10px;bottom:10px;z-index:1000}
.viewer--container.video .viewer .mute{position:absolute;width:25px;height:42px;right:15px;bottom:10px;background-image:url("assets/img/picto-mute.svg");background-size:contain;background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10000}
.viewer--container.video .viewer .mute.muted:before,.viewer--container.video .viewer .mute.muted:after{content:'';width:15px;height:3px;border-radius:3px;background-color:#00c1de;position:absolute;right:-6px;top:20px}
.viewer--container.video .viewer .mute.muted:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.viewer--container.video .viewer .mute.muted:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.viewer--container.picture .viewer .close{position:absolute;z-index:1000}
.viewer--container.picture .viewer .close-viewer{left:10px;top:10px}
.viewer--container.picture .viewer .nav-slider{position:fixed;bottom:30px;cursor:pointer;z-index:904}
.viewer--container.picture .viewer .nav-slider.prev{left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.viewer--container.picture .viewer .nav-slider.next{right:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.viewer--container.picture .viewer .owl-carousel{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:901}
.viewer--container.picture .viewer .owl-carousel .slide-item{height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}
.viewer--container.picture .viewer .owl-carousel .boat-model{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px;height:272px}
.viewer--container.picture .viewer .owl-carousel .boat-model img{display:block;width:100%}
.viewer--container.picture .viewer .caption--container{position:absolute;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:548px;height:170px;background-image:url("assets/img/caption-bg.svg");background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transition:bottom .1s;transition:bottom .1s;z-index:904}
.viewer--container.picture .viewer .caption--container .owl_caption .owl-item.active .slide-item{opacity:1;-webkit-transition:opacity .1s;transition:opacity .1s}
.viewer--container.picture .viewer .caption--container .owl_caption .slide-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 auto;width:80%;height:170px;color:#fff;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
.viewer--container.picture .viewer .caption--container .owl_caption .slide-item ul.iris{margin:0 auto}
.viewer--container.picture .viewer .caption--container .owl_caption .slide-item p{text-align:center;margin:10px 0;font-family:"jostBook";font-size:22px}
.viewer--container.picture .viewer .close-caption{width:20px;height:20px;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.viewer--container.picture .viewer .close-caption:before,.viewer--container.picture .viewer .close-caption:after{height:4px;border-radius:2px;-webkit-transition:width .1s,-webkit-transform .1s;transition:width .1s,-webkit-transform .1s;transition:width .1s,transform .1s;transition:width .1s,transform .1s,-webkit-transform .1s}
.viewer--container.picture .viewer .caption--container.hide-caption{bottom:-130px;-webkit-transition:bottom .3s;transition:bottom .3s}
.viewer--container.picture .viewer .caption--container.hide-caption .close-caption{top:8px}
.viewer--container.picture .viewer .caption--container.hide-caption .close-caption:before,.viewer--container.picture .viewer .caption--container.hide-caption .close-caption:after{width:58%;-webkit-transition:width .3s,-webkit-transform .3s;transition:width .3s,-webkit-transform .3s;transition:width .3s,transform .3s;transition:width .3s,transform .3s,-webkit-transform .3s}
.viewer--container.picture .viewer .caption--container.hide-caption .close-caption:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);left:0}
.viewer--container.picture .viewer .caption--container.hide-caption .close-caption:after{-webkit-transform:rotate(30deg);transform:rotate(30deg);right:0}
header.header .logo{display:block;position:relative;width:150px;height:92px;margin:40px auto;cursor:pointer;background-image:url("assets/img/eye.svg");background-size:contain;background-position:center;background-repeat:no-repeat;z-index:800}
header.header .logo .eyelid{display:inline-block;position:absolute;width:0;height:0;opacity:0;border-radius:80% 0;background-color:#05192a;top:-120%;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);z-index:902;-webkit-transition:top .05s,opacity .07s,-webkit-box-shadow .1s;transition:top .05s,opacity .07s,-webkit-box-shadow .1s;transition:top .05s,opacity .07s,box-shadow .1s;transition:top .05s,opacity .07s,box-shadow .1s,-webkit-box-shadow .1s}
header.header .logo .eyelid .link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;width:100px;top:40px;left:20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;pointer-events:none}
header.header .logo .eyelid .link a{display:inline-block;height:30px;line-height:30px;font-size:14px;font-family:'jostMedium';color:#fff;text-align:center}
header.header .logo .eyelid .link a:hover{text-shadow:0 0 10px rgba(0,193,222,0.4);color:rgba(255,255,255,0.9)}
header.header .logo:hover .eyelid{width:123px;height:123px;opacity:1;top:46px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-box-shadow:3px 3px 6px -5px #00c1de;box-shadow:3px 3px 6px -5px #00c1de}
header.header .logo:hover .eyelid .link{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;pointer-events:initial}
header.header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;right:10px;top:10px;cursor:pointer;z-index:1000}
header.header .menu span{height:6px;background-color:#00c1de;border-radius:3px;margin-bottom:7px}
header.header .menu span:nth-child(1){width:14px;-ms-flex-item-align:end;align-self:flex-end}
header.header .menu span:nth-child(2){width:28px;-ms-flex-item-align:end;align-self:flex-end}
header.header .menu span:nth-child(3){width:42px;margin-bottom:0}
header.header .go{position:fixed;bottom:10px;right:10px;border-width:5px;border-color:#00c1de;border-style:solid;border-radius:6px;width:42px;height:34px;-webkit-transition:border-color .2s;transition:border-color .2s;cursor:pointer;z-index:1000}
header.header .go span{display:block;position:relative;width:32px;height:20px}
header.header .go span:before,header.header .go span:after{content:"";display:inline-block;position:absolute;width:24px;height:5px;background-color:#00c1de;border-radius:3px;top:5px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
header.header .go span:after{right:-5px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
header.header .go span:before{left:-5px;-webkit-transform:rotate(25deg);transform:rotate(25deg)}
header.header .up{border-color:transparent}
header.header .up span:after{-webkit-transform:rotate(25deg);transform:rotate(25deg)}
header.header .up span:before{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
header.header nav.nav{position:absolute;top:0;min-height:100vh;width:100%;pointer-events:none}
header.header nav.nav:before,header.header nav.nav:after{content:'';display:block;position:fixed;width:100%;height:0;background-color:#05192a;-webkit-transition:height .1s;transition:height .1s;z-index:905}
header.header nav.nav:before{top:0}
header.header nav.nav:after{bottom:0}
header.header nav.nav .nav--container{position:relative;width:100%;height:90%;opacity:0;overflow-y:auto;z-index:906}
header.header nav.nav .nav--container .menu--container{position:absolute;top:150px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);margin:0;width:90%}
header.header nav.nav .nav--container .menu--container li.menu-item{min-width:150px;height:50px;line-height:50px;text-align:center;margin:5px 0}
header.header nav.nav .nav--container .menu--container li.menu-item a{display:block;font-size:20px;font-family:'jostMedium';color:#fff;height:100%;-webkit-transition:color .3s,text-shadow .2s;transition:color .3s,text-shadow .2s;line-height:1}
header.header nav.nav .nav--container .menu--container li.current-menu-item,header.header nav.nav .nav--container .menu--container li:hover{text-shadow:0 0 10px rgba(0,193,222,0.4)}
header.header nav.nav .nav--container .menu--container li.current-menu-item a,header.header nav.nav .nav--container .menu--container li:hover a{color:rgba(255,255,255,0.9)}
header.header nav.nav .nav--container .menu--container li.menu-item.parent{display:block;height:auto;cursor:pointer}
header.header nav.nav .nav--container .menu--container li.menu-item.parent a{min-height:50px}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu{display:none;position:relative}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child a{color:#00c1de}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child:hover a:after,header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child.current-menu-item a:after{content:'-';display:inline-block;color:#fff;margin-left:10px}
header.header nav.nav.downZindex:before,header.header nav.nav.downZindex:after{z-index:900}
header.header nav.nav.downZindex .nav--container{z-index:901}
header.header .nav.open{pointer-events:initial}
header.header .nav.open:before,header.header .nav.open:after{height:50vh;-webkit-transition:height .2s;transition:height .2s}
header.header .nav.open .nav--container{position:fixed;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
footer.footer{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;padding:80px 0;background-color:#05192a;color:#fff;z-index:6}
footer.footer:before{content:'';display:inline-block;position:absolute;top:0;width:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:6px;background-color:#00c1de;border-radius:3px}
footer.footer .item--container .item{position:relative;height:auto;width:100%}
footer.footer .item--container .item .item__content{padding:20px 0}
footer.footer .item--container .item .item__content h2{text-align:left;font-family:'jostMedium'}
footer.footer .item--container .item .item__content h2:after{display:none}
footer.footer .item--container .logoTFO{height:380px}
footer.footer .item--container .logoTFO .logoTFO--container{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
footer.footer .item--container .contact p{position:relative;margin:25px 0 25px 50px;font-size:16px}
footer.footer .item--container .contact p:before{content:'';display:inline-block;position:absolute;width:28px;height:24px;left:-50px;background-size:contain;background-position:center;background-repeat:no-repeat}
footer.footer .item--container .contact p:nth-child(2):before{background-image:url("assets/img/picto-contact.svg")}
footer.footer .item--container .contact p:nth-child(3):before{background-image:url("assets/img/picto-mail.svg")}
footer.footer .item--container .contact p:nth-child(4):before{background-image:url("assets/img/picto-tel.svg")}
footer.footer .item--container .location .map{height:244px;width:100%;border-radius:25px}
footer.footer .item--container .location .map .gm-style-cc,footer.footer .item--container .location .map .gmnoprint a,footer.footer .item--container .location .map .gmnoprint span{display:none}
footer.footer .item--container .location .map .gmnoprint div,footer.footer .item--container .location .map .gm-fullscreen-control{background:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}
footer.footer .item--container .location .map .gmnoprint div button,footer.footer .item--container .location .map .gm-fullscreen-control button{background-size:100% !important;background-position:center !important;background-repeat:no-repeat !important}
footer.footer .item--container .location .map .gmnoprint div button img,footer.footer .item--container .location .map .gm-fullscreen-control button img{display:none}
footer.footer .item--container .location .map .gmnoprint div button:first-child,footer.footer .item--container .location .map .gm-fullscreen-control button:first-child{background-image:url("assets/img/picto-more.svg") !important}
footer.footer .item--container .location .map .gmnoprint div button:last-child,footer.footer .item--container .location .map .gm-fullscreen-control button:last-child{background-image:url("assets/img/picto-less.svg") !important}
footer.footer .item--container .location .map .gm-fullscreen-control{background-image:url("assets/img/picto-fullscreen.svg") !important;background-size:100% !important;background-position:center !important;background-repeat:no-repeat !important}
footer.footer .item--container .location .map .gm-fullscreen-control img{display:none}
footer.footer .item--container .newsletter .social--container a:first-child{margin-left:0}
footer.footer .item--container .last_tweet .tweets--container .tweet{margin:50px auto 0 auto;font-size:14px}
footer.footer .item--container .last_tweet .tweets--container .tweet:before{width:50px;height:50px;top:-50px;left:0;background-position:-12px 50%}
section.section{position:relative;min-height:calc(100vh - 160px);padding:80px 0;height:auto}
section.section .content{margin:120px 0 0 0}
section.section .content p.section{text-align:center;margin:80px auto}
.section.report{min-height:calc(100vh - 80px);padding:0 0 80px 0}
.section.report .content .item--container .item{text-align:center}
.section.report .content .item--container .item .quote{padding:0 10%}
.section.report .content .item--container .item .illu--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:150px}
.section.report .content .item--container .item .illu--container .illu{position:relative;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.report .content .item--container .item .illu--container .illu .elem{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain}
.section.report .content .item--container .item .illu--container .factory{width:128px;height:122px;-webkit-animation-delay:500ms;animation-delay:500ms}
.section.report .content .item--container .item .illu--container .factory .wall_factory{bottom:-5px;width:128px;height:122px;background-image:url("assets/img/wall_factory.svg");z-index:2}
.section.report .content .item--container .item .illu--container .factory .windows{width:49px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:25px;left:11px}
.section.report .content .item--container .item .illu--container .factory .windows span{height:7px;width:27px;margin:3px auto}
.section.report .content .item--container .item .illu--container .factory .doors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:28px;bottom:2px;right:11px;z-index:1}
.section.report .content .item--container .item .illu--container .factory .doors span{height:26px;width:14px;margin:0 2px}
.section.report .content .item--container .item .illu--container .factory .windows span,.section.report .content .item--container .item .illu--container .factory .doors span{display:inline-block;-webkit-animation-name:factoryLighting;animation-name:factoryLighting;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.report .content .item--container .item .illu--container .factory .windows span:nth-child(1),.section.report .content .item--container .item .illu--container .factory .doors span:nth-child(1){-webkit-animation-delay:2s;animation-delay:2s}
.section.report .content .item--container .item .illu--container .factory .windows span:nth-child(2),.section.report .content .item--container .item .illu--container .factory .doors span:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}
.section.report .content .item--container .item .illu--container .factory .windows span:nth-child(3),.section.report .content .item--container .item .illu--container .factory .doors span:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s}
.section.report .content .item--container .item .illu--container .factory .windows span:nth-child(4),.section.report .content .item--container .item .illu--container .factory .doors span:nth-child(4){-webkit-animation-delay:5s;animation-delay:5s}
.section.report .content .item--container .item .illu--container .factory .floor{width:52px;height:22px;bottom:9px;left:10px;background-image:url("assets/img/floor.svg");background-repeat:repeat-x;background-position:9px 50%;-webkit-animation-name:factoryFloorActivity;animation-name:factoryFloorActivity;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:6s;animation-delay:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}
.section.report .content .item--container .item .illu--container .factory .smoke{width:1px;height:160px;right:26px;bottom:0;z-index:3}
.section.report .content .item--container .item .illu--container .factory .smoke span{display:block;position:absolute;bottom:50px;left:-14px;margin-left:-20px;height:0;width:0;border:35px solid #fff;border-radius:35px;opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.section.report .content .item--container .item .illu--container .factory .smoke span:nth-child(odd){-webkit-animation-name:smokeR;animation-name:smokeR}
.section.report .content .item--container .item .illu--container .factory .smoke span:nth-child(even){-webkit-animation-name:smokeL;animation-name:smokeL}
.section.report .content .item--container .item .illu--container .factory .smoke span.s0{-webkit-animation-delay:6s;animation-delay:6s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s1{-webkit-animation-delay:7s;animation-delay:7s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s2{-webkit-animation-delay:8s;animation-delay:8s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s3{-webkit-animation-delay:9s;animation-delay:9s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s4{-webkit-animation-delay:10s;animation-delay:10s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s5{-webkit-animation-delay:11s;animation-delay:11s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s6{-webkit-animation-delay:12s;animation-delay:12s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s7{-webkit-animation-delay:13s;animation-delay:13s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s8{-webkit-animation-delay:14s;animation-delay:14s}
.section.report .content .item--container .item .illu--container .factory .smoke span.s9{-webkit-animation-delay:15s;animation-delay:15s}
.section.report .content .item--container .item .illu--container .dump{width:260px;height:130px;-webkit-animation-delay:1000ms;animation-delay:1000ms}
.section.report .content .item--container .item .illu--container .dump .conveyor_belt{bottom:1px;width:138px;height:54px;background-image:url("assets/img/conveyor_belt.svg")}
.section.report .content .item--container .item .illu--container .dump .gearing{bottom:12px;width:32px;height:32px;background-image:url("assets/img/gearing.svg");-webkit-animation:rotating 5s linear 7s infinite;animation:rotating 5s linear 7s infinite}
.section.report .content .item--container .item .illu--container .dump .gearing.g1{left:10px}
.section.report .content .item--container .item .illu--container .dump .gearing.g2{left:50px}
.section.report .content .item--container .item .illu--container .dump .gearing.g3{left:90px}
.section.report .content .item--container .item .illu--container .dump .sea{bottom:0;right:0;width:120px;height:24px;background-image:url("assets/img/sea-small.svg")}
.section.report .content .item--container .item .illu--container .dump .bottle{width:28px;height:63px;background-image:url("assets/img/bottle.svg");top:15px;left:10px;opacity:0;-webkit-animation-name:bottle;animation-name:bottle;-webkit-animation-duration:10000ms;animation-duration:10000ms;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:8000ms;animation-delay:8000ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.section.report .content .item--container .item .illu--container .death{width:280px;height:112px;-webkit-animation-delay:1500ms;animation-delay:1500ms}
.section.report .content .item--container .item .illu--container .death .sea-tall{bottom:-9px;width:280px;height:30px;background-image:url("assets/img/sea-tall.svg");-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:3}
.section.report .content .item--container .item .illu--container .death .sea-small{top:35px;left:45px;width:190px;height:30px;background-image:url("assets/img/sea-small.svg");-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:9s;animation-delay:9s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:2}
.section.report .content .item--container .item .illu--container .death .fish{width:100px;height:70px;background-image:url("assets/img/fish.svg");opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.report .content .item--container .item .illu--container .death .fish.f1{bottom:-33px;left:130px;-webkit-transform:rotate(117deg);transform:rotate(117deg);z-index:4}
.section.report .content .item--container .item .illu--container .death .fish.f2{background-size:86% 86%;bottom:-33px;left:45px;-webkit-transform:rotate(75deg);transform:rotate(75deg);z-index:2}
.section.report .content .item--container .item .illu--container .death .fish.f3{background-size:72% 72%;top:20px;left:80px;-webkit-transform:rotate(127deg);transform:rotate(127deg);z-index:1}
.section.report .content .item--container .item .illu--container .beaker{width:120px;height:113px;-webkit-animation-delay:2000ms;animation-delay:2000ms}
.section.report .content .item--container .item .illu--container .beaker .glass{width:120px;height:129px;background-image:url("assets/img/glass.svg")}
.section.report .content .item--container .item .illu--container .beaker .water{display:none;bottom:18px;left:40px;width:40px;height:55px;-webkit-transform:perspective(32px) rotateX(36deg);transform:perspective(32px) rotateX(36deg);background-image:url("assets/img/water.svg");background-repeat:repeat-x;-webkit-animation:fillBeakerUp 10s linear,10s fillBeakerStable 10s linear infinite;animation:fillBeakerUp 10s linear,10s fillBeakerStable 10s linear infinite;background-size:100% 100%}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container{display:none;width:14px;height:14px;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .bubble{width:12px;height:12px;border-radius:50%;border-width:1px;border-color:#fff;border-style:solid;background-image:url("assets/img/bubble_reflection.svg");background-size:200% 200%;background-position:-7px -7px;opacity:0;-webkit-animation-name:bubblerise;animation-name:bubblerise;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .pop-group{position:absolute;height:12px;width:12px;top:0;opacity:0;left:50%;-webkit-transform:translate(-50%) scale(0);transform:translate(-50%) scale(0);-webkit-animation-name:bubblePop;animation-name:bubblePop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .pop-group span{display:block;position:absolute;height:1px;width:4px;background-color:#fff;border-radius:1px}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .pop-group span:nth-child(1){left:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .pop-group span:nth-child(2){right:-3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .pop-group span:nth-child(3){left:-3px;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container .pop-group span:nth-child(4){right:-3px;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.tall-1{-webkit-animation-name:bubbleriseContainer;animation-name:bubbleriseContainer;-webkit-animation-delay:var(--ad);animation-delay:var(--ad)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.tall-1 .bubble{-webkit-animation-delay:var(--ad);animation-delay:var(--ad)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.tall-1 .pop-group{-webkit-animation-delay:calc(2000ms + var(--ad));animation-delay:calc(2000ms + var(--ad))}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.tall-2{-webkit-animation-name:bubbleriseContainer-2;animation-name:bubbleriseContainer-2;-webkit-animation-delay:var(--ad);animation-delay:var(--ad)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.tall-2 .bubble{-webkit-animation-delay:var(--ad);animation-delay:var(--ad)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.tall-2 .pop-group{-webkit-animation-delay:calc(2000ms + var(--ad));animation-delay:calc(2000ms + var(--ad))}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.small{-webkit-animation-name:bubbleriseContainer;animation-name:bubbleriseContainer;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-animation-delay:var(--ad);animation-delay:var(--ad)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.small .bubble{-webkit-animation-delay:var(--ad);animation-delay:var(--ad)}
.section.report .content .item--container .item .illu--container .beaker .bubbles-container.small .pop-group{-webkit-animation-delay:calc(2000ms + var(--ad));animation-delay:calc(2000ms + var(--ad))}
.section.report .content p.section{margin:40px auto 20px auto}
.section.report .chevron.down{position:absolute;left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.section.project p.section{margin:0 auto}
.section.project .tabs--container{margin-top:80px}
.section.project .tabs--container .tabs-nav{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:end}
.section.project .tabs--container .tabs-nav .tab-button{font-family:"jostBold";font-size:28px;min-width:100px;width:auto;text-align:center;-ms-flex-item-align:end;align-self:flex-end;margin:0 15px;cursor:pointer;opacity:.85}
.section.project .tabs--container .tabs-nav .tab-button.tab-active,.section.project .tabs--container .tabs-nav .tab-button:hover{-webkit-transform:scale(1.3);transform:scale(1.3);height:100%;text-shadow:0 0 10px rgba(0,193,222,0.4);-ms-flex-item-align:start;align-self:flex-start;opacity:1}
.section.project .tabs--container .tabs-nav .tab-button:nth-child(1){text-align:right}
.section.project .tabs--container .tabs-nav .tab-button:nth-child(2){text-align:center}
.section.project .tabs--container .tabs-nav .tab-button:nth-child(3){text-align:left}
.section.project .tabs--container .tab-content{display:none}
.section.project .tabs--container .tab-content.tab-active{display:block}
.section.project .tabs--container .tab-content .tab-porthole{position:relative;width:100%;max-width:1062px;height:200px;margin:10px auto 0 auto;border-radius:270px;-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.3);box-shadow:0 0 25px 0 rgba(0,193,222,0.3);overflow:hidden}
.section.project .tabs--container .tab-content .tab-porthole img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;z-index:1}
.section.project .tabs--container .tab-content .tab-porthole .overlay-drop{border:6px solid rgba(127,237,254,0.6);border-radius:270px;z-index:2}
.section.project .tabs--container .tab-content .tab-text p{margin:40px auto}
.section.partners .content .elt-box{margin-top:50px}
.section.partners .content .elt-box .elt .logo-p{width:300px;height:200px;margin:0 auto;background-size:contain;background-repeat:no-repeat}
.section.partners .content .elt-box .elt .logo-p.club{background-image:url("assets/img/logo-club.svg");background-position:center 32px}
.section.partners .content .elt-box .elt .logo-p.assos{background-image:url("assets/img/logo-assos.svg");background-position:center}
.section.partners .content .elt-box .elt p{margin:0 auto 50px auto;text-align:center}
.section.counter .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.section.counter .content .counter{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.section.counter .content .counter ul li{display:inline-block;font-size:18px;list-style-type:none;padding:1em;text-align:center;font-family:"Ubuntu",sans-serif;min-width:120px;width:100%}
.section.counter .content .counter ul li span{display:block;font-size:60px;color:#00c1de;font-family:"jostBold"}
.section.counter .content .button--link{margin-top:90px}
.section.news .item--container .item{margin-top:100px}
.section.news .item--container .item:first-child{margin-top:inherit}
.section.news .item--container .item:nth-child(2){padding-bottom:130px}
.section.news .item--container .item h3{color:#fff;font-size:14px;text-align:center;margin:0}
.section.news .item--container .item .circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:300px;height:300px;border-radius:50%;border-width:6px;border-color:#fff;border-style:solid;overflow:hidden;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s;margin-bottom:60px;cursor:pointer}
.section.news .item--container .item .circle:hover{-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.3);box-shadow:0 0 25px 0 rgba(0,193,222,0.3);-webkit-transition:-webkit-box-shadow .1s;transition:-webkit-box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s}
.section.news .item--container .item .circle:hover .overlay-circle{top:0;-webkit-transition:top .1s;transition:top .1s}
.section.news .item--container .item .circle:hover .overlay-circle p.excerpt,.section.news .item--container .item .circle:hover .overlay-circle .more{opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s}
.section.news .item--container .item .circle img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:100%}
.section.news .item--container .item .circle .overlay-circle{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:-60%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;border-radius:50%;background-color:rgba(5,25,42,0.8);-webkit-box-shadow:0 15px 10px -15px rgba(0,193,222,0.3);box-shadow:0 15px 10px -15px rgba(0,193,222,0.3);-webkit-transition:top .2s;transition:top .2s;z-index:2}
.section.news .item--container .item .circle .overlay-circle p.excerpt{position:absolute;text-align:center;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-flex-item-align:center;align-self:center;width:260px;max-height:220px;opacity:0;font-size:12px}
.section.news .item--container .item .circle .overlay-circle .more{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:'jostHeavy';font-size:45px;color:#fff;opacity:0}
.section.news .item--container .item .circle h3{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:20%;width:180px;max-height:96px;height:auto;-ms-flex-item-align:center;align-self:center;z-index:3}
.section.news .item--container .item .tweets--container .tweet{margin:100px auto 0 auto;text-align:center;font-size:16px}
.section.news .item--container .item .tweets--container .tweet:before{width:100px;height:100px;top:-100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-position:center}
.section.news .item--container .item .social--container{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.section.testimony .item--container{overflow:hidden}
.section.testimony .item--container .item{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.section.testimony .item--container .item h4.name{font-size:20px;margin:0}
.section.testimony .item--container .item .thumb{position:relative;margin:30px auto 0 auto;width:156px;height:156px;border-width:3px;border-color:#fff;border-style:solid;border-radius:50%;overflow:hidden}
.section.testimony .item--container .item .thumb img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto}
.section.testimony .item--container .item p.comment{position:relative;font-family:"Ubuntu",sans-serif;font-size:16px;margin:100px auto 30px auto;text-align:justify}
.section.testimony .item--container .item p.comment:before{content:'';display:block;position:absolute;top:-100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;height:100px;background-image:url("assets/img/picto-quotes.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.section.testimony .item--container .item h4.statut{color:#00c1de;font-size:16px}
.section.skipper .content .porthole--container .circle-mask{display:none}
.section.skipper .content .porthole--container .porthole--bg .img-bg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:100%;border-radius:50%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;z-index:-1}
.section.skipper .content .porthole--container .porthole--bg .sail{opacity:.3}
.section.skipper .content .porthole--container .porthole--bg .overlay{border-width:6px;border-style:solid}
.section.skipper .content .porthole--container .porthole--bg .overlay:after{content:'';width:100%;height:100%;display:block;border-radius:50%;background-image:url("assets/img/texture-bluedark.svg");background-repeat:repeat;opacity:.25}
.section.skipper .content .porthole--container .porthole--content{width:calc(100% - 12px);height:calc(100% - 12px)}
.section.boat .content .porthole--container{z-index:1}
.section.boat .content .porthole--container .img-boat{position:absolute;top:43%;left:53%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:auto;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;z-index:4;pointer-events:none}
.section.boat .content .porthole--container .porthole--bg{cursor:pointer;-webkit-box-shadow:0 0 25px -5px rgba(255,255,255,0.3);box-shadow:0 0 25px -5px rgba(255,255,255,0.3)}
.section.boat .content .porthole--container .porthole--bg .sail{opacity:.05}
.section.boat .content .porthole--container .porthole--bg .overlay{background-color:rgba(5,25,42,0.5)}
.section.team .content .porthole--container{overflow:hidden;border-width:6px;border-color:#fff;border-style:solid;background:#05192a;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;will-change:opacity}
.section.team .content .porthole--container .owl-carousel{height:100%}
.section.team .content .porthole--container .owl-carousel .owl-stage-outer{height:100%}
.section.team .content .porthole--container .owl-carousel .owl-stage-outer .owl-stage{height:100%}
.section.team .content .porthole--container .owl-carousel .owl-stage-outer .owl-stage .owl-item{height:100%}
.section.team .content .porthole--container .owl-carousel .owl-nav,.section.team .content .porthole--container .owl-carousel .owl-dots{display:none}
.section.team .content .porthole--container .porthole--bg{position:absolute;top:0;-webkit-box-shadow:0 0 25px -5px rgba(255,255,255,0.3);box-shadow:0 0 25px -5px rgba(255,255,255,0.3)}
.section.team .content .porthole--container .porthole--bg .sail{opacity:.1;z-index:3}
.section.team .content .porthole--container .porthole--bg .overlay{background-image:url("assets/img/texture-bluedark.svg");background-repeat:repeat;opacity:.25}
.section.team .content .porthole--container .slide-member{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden}
.section.team .content .porthole--container .slide-member .member-img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:100%;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;pointer-events:none}
.section.team .content .porthole--container .slide-member .porthole--content{width:100%;height:100%}
.section.team .content .porthole--container .slide-member .info-member{position:absolute;text-align:center;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.section.team .content .porthole--container .slide-member .info-member p{color:#fff;font-family:"jostBoldItalic";margin:0;-webkit-transform:translateX(250%);transform:translateX(250%)}
.section.team .content .porthole--container .slide-member .info-member p.poste-member{color:#00c1de;font-family:"jostBook";font-size:16px;margin-top:5px}
.section.team .content .porthole--container .nav-member{position:absolute;width:150px;height:50px;pointer-events:initial;cursor:pointer;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:6}
.section.team .content .porthole--container .nav-member.next{right:-57px}
.section.team .content .porthole--container .nav-member.next .sheet-open .eye{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.section.team .content .porthole--container .nav-member.next .sheet-open .line{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}
.section.team .content .porthole--container .owl-item.active .slide-member .info-member p{-webkit-animation-name:textSlide;animation-name:textSlide;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:150ms;animation-delay:150ms}
.section.team .content .porthole--container .owl-item.active .slide-member .info-member .poste-member{-webkit-animation-delay:200ms;animation-delay:200ms}
.section.engaged-partners .content .ep--container .item .tgr-p{cursor:pointer}
.section.engaged-partners .content .ep--container .item .item-content p span.dots{display:inline}
.section.engaged-partners .content .ep--container .item .item-content p span.hidden{opacity:0;font-size:0;-webkit-transition:font-size .1s,opacity .3s;transition:font-size .1s,opacity .3s}
.section.engaged-partners .content .ep--container .item .item-content p:hover{opacity:.9;-webkit-transition:opacity .2s;transition:opacity .2s}
.section.engaged-partners .content .ep--container .item .item-content .button--link{display:none;margin-top:50px}
.section.engaged-partners .content .ep--container .item .item-content.show p span.dots{display:none}
.section.engaged-partners .content .ep--container .item .item-content.show p span.hidden{opacity:1;font-size:inherit;-webkit-transition:font-size .3s,opacity .5s;transition:font-size .3s,opacity .5s}
.section.engaged-partners .content .ep--container .item .item-content.show .button--link{display:inherit}
.section.technical-partners .content .item--container{overflow:hidden;height:36vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-bottom:80px}
.section.technical-partners .content .item--container .item{display:inline-block;width:30vh;height:30vh;border-width:5px;border-color:#00c1de;border-style:solid;border-radius:50%;background-size:80%;background-position:center;background-repeat:no-repeat;-webkit-transition:-webkit-box-shadow .1s;transition:-webkit-box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s}
.section.technical-partners .content .item--container .item:hover{-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.3);box-shadow:0 0 25px 0 rgba(0,193,222,0.3);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}
.section.technical-partners .content .other-partners{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 60px auto}
.section.technical-partners .content .other-partners h2{text-align:center;margin:0}
.section.technical-partners .content .other-partners ul.iris{margin:60px auto 0 auto;padding-left:25px}
.section.technical-partners .content .other-partners ul.iris li a{color:#fff;-webkit-transition:color .1s;transition:color .1s}
.section.technical-partners .content .other-partners ul.iris li a:hover{color:#00c1de;-webkit-transition:color .3s;transition:color .3s}
.section.assos .content .logo-ep{height:200px}
.section.club .content .club--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-wrap:wrap;flex-wrap:wrap}
.section.club .content .club--container .club{width:50vh;margin:50px 20px}
.section.club .content .club--container .club a{display:block;width:40vh;height:40vh;margin:0 auto;border-width:5px;border-color:#00c1de;border-style:solid;border-radius:50%;background-position:center;background-repeat:no-repeat;-webkit-transition:-webkit-box-shadow .1s;transition:-webkit-box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s}
.section.club .content .club--container .club a:hover{-webkit-box-shadow:0 0 25px 0 rgba(0,193,222,0.3);box-shadow:0 0 25px 0 rgba(0,193,222,0.3);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}
.section.club .content .club--container .club p{text-align:justify}
.section.racing .content .switch{position:relative;width:150px;height:45px;border-radius:25px;border-width:3px;border-color:#00c1de;border-style:solid;margin:80px auto 0 auto;cursor:pointer}
.section.racing .content .switch:before{content:'À venir';display:block;line-height:35px;padding:0 20px;font-weight:700}
.section.racing .content .switch:after{content:'';display:inline-block;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background-color:#00c1de;border-radius:50%;-webkit-transition:right .1s;transition:right .1s}
.section.racing .content .switch:hover:before{text-shadow:0 0 10px rgba(0,193,222,0.4)}
.section.racing .content .switch:hover:after{-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,0.4);box-shadow:0 0 5px 0 rgba(255,255,255,0.4)}
.section.racing .content .switch.switched:before{content:'Archives';text-align:right}
.section.racing .content .switch.switched:after{right:114px;-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,0.4);box-shadow:0 0 5px 0 rgba(255,255,255,0.4)}
.section.racing .content .globe--container{display:none;position:relative;width:100%;margin-top:80px}
.section.racing .content .globe--container .porthole--container{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;will-change:opacity}
.section.racing .content .globe--container .porthole--container .porthole--bg{-webkit-box-shadow:0 0 25px -5px rgba(255,255,255,0.2);box-shadow:0 0 25px -5px rgba(255,255,255,0.2)}
.section.racing .content .globe--container .porthole--container .porthole--bg .sail{opacity:.02;-webkit-transition:opacity .4s;transition:opacity .4s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth{position:relative;margin:0;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:#00c1de;z-index:3}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth:before{content:'';display:block;position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 100px 100px,transparent,#05192a);-webkit-box-shadow:-40px 10px 70px 10px #05192a inset;box-shadow:-40px 10px 70px 10px #05192a inset}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth img.world-map{position:absolute;pointer-events:none;top:0;left:-8.5%;width:1438px;height:100%;-webkit-transition:opacity 1s;transition:opacity 1s;will-change:transform,opacity,animation-play-state}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:300s;animation-duration:300s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container{display:none;position:absolute;pointer-events:none;overflow:visible;opacity:0;top:0;width:auto;height:100%;background-image:url("assets/img/earth.svg");background-size:cover;background-repeat:repeat;background-position:0 0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,opacity;z-index:2}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered{-webkit-animation-play-state:paused;animation-play-state:paused}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered .race,.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered .village,.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered .check-point{-webkit-animation-play-state:paused;animation-play-state:paused}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered-again{-webkit-animation-play-state:paused;animation-play-state:paused}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered-again .race,.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered-again .village,.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.hovered-again .check-point{-webkit-animation-play-state:paused;animation-play-state:paused}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container path.race{fill:none;stroke:#00c1de;stroke-linecap:round;stroke-width:3px;stroke-dasharray:3000;stroke-dashoffset:3000;will-change:stroke-dashoffset;-webkit-animation-name:dash;animation-name:dash;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:2}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container.show{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:1}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container circle.village{stroke-width:8;fill:#00c1de;stroke:#fff;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container circle.village.start{-webkit-animation-name:dasharrayStart;animation-name:dasharrayStart;-webkit-animation-duration:1s;animation-duration:1s;stroke-dasharray:0 100;-webkit-animation-delay:.5s;animation-delay:.5s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container circle.village.finish{-webkit-animation-name:dasharrayFinish;animation-name:dasharrayFinish;-webkit-animation-duration:2s;animation-duration:2s;stroke-dasharray:0 100}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container path.check-point{opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth svg.race--container .pop{pointer-events:initial;cursor:pointer}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-vg{left:-30%;-webkit-animation-name:rotateGlobeVG;animation-name:rotateGlobeVG;-webkit-animation-duration:21s;animation-duration:21s;-webkit-animation-delay:3s;animation-delay:3s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-vg #race_vg{-webkit-animation-duration:30s;animation-duration:30s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-vg #race_vg_futur{-webkit-animation-duration:30s;animation-duration:30s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-vg circle.village.finish{-webkit-animation-delay:27s;animation-delay:27s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-nyc{left:.2%;-webkit-animation-name:rotateGlobeNYC;animation-name:rotateGlobeNYC;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:1.2s;animation-delay:1.2s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-nyc #race_nyc{-webkit-animation-duration:60s;animation-duration:60s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-nyc circle.village.finish{-webkit-animation-delay:8s;animation-delay:8s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-tjv{left:-30%;-webkit-animation-name:rotateGlobeTJV;animation-name:rotateGlobeTJV;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:1.2s;animation-delay:1.2s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-tjv #race_tjv{-webkit-animation-duration:60s;animation-duration:60s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-tjv circle.village.finish{-webkit-animation-delay:8s;animation-delay:8s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-tjv-2021{left:-30%;-webkit-animation-name:rotateGlobeTJV;animation-name:rotateGlobeTJV;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:1.2s;animation-delay:1.2s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-tjv-2021 #race_tjv-2021{-webkit-animation-duration:60s;animation-duration:60s}
.section.racing .content .globe--container .porthole--container .porthole--bg figure.earth .race-tjv-2021 circle.village.finish{-webkit-animation-delay:11s;animation-delay:11s}
.section.racing .content .globe--container .porthole--container .porthole--bg.show-race .sail{opacity:0}
.section.racing .content .globe--container .porthole--container .porthole--bg.show-race figure.earth img.world-map{opacity:0}
.section.racing .content .globe--container .porthole--container .porthole--bg.show-race figure.earth .spin{-webkit-transition:-webkit-animation-play-state .5s;transition:-webkit-animation-play-state .5s;transition:animation-play-state .5s;transition:animation-play-state .5s,-webkit-animation-play-state .5s;-webkit-animation-play-state:paused;animation-play-state:paused}
.section.racing .content .globe--container .pop--container{position:absolute;display:none;-webkit-transition:opacity 250ms;transition:opacity 250ms;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;max-width:340px;max-height:340px;border-radius:50%;background-color:rgba(5,25,42,0.9);overflow:hidden !important;z-index:6}
.section.racing .content .globe--container .pop--container .close{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:20px}
.section.racing .content .globe--container .pop--container .pop-content{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.section.racing .content .globe--container .pop--container .pop-content .video--container{width:80%;height:auto;overflow:hidden;border-radius:25px;margin:10px 0 20px 0}
.section.racing .content .globe--container .pop--container .pop-content .video--container .video-responsive .load-spinner{background-image:url("assets/img/rolling.svg")}
.section.racing .content .globe--container .pop--container .pop-content h3{margin:35px 0 0 0;font-size:12px}
.section.racing .content .table--container .table-item{display:none}
.section.blog .content .result-content p.no-result{margin:100px auto;text-align:center}
.section.blog .content .result-content p.no-result span{font-family:"jostBold";font-size:35px;color:#00c1de}
.section.blog .content article.ticket{position:relative;opacity:0;width:100%;max-width:1032px;height:auto;margin:120px auto;background-color:#05192a;border-radius:50px / 50px;-webkit-box-shadow:1px 0 0 0 #00c1de,-1px 0 0 0 #00c1de,0 1px 0 0 #00c1de,0 -1px 0 0 #00c1de;box-shadow:1px 0 0 0 #00c1de,-1px 0 0 0 #00c1de,0 1px 0 0 #00c1de,0 -1px 0 0 #00c1de;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:-webkit-box-shadow 100ms;transition:-webkit-box-shadow 100ms;transition:box-shadow 100ms;transition:box-shadow 100ms,-webkit-box-shadow 100ms;will-change:transform,width,box-shadow}
.section.blog .content article.ticket a{display:block;width:100%;height:100%;border-radius:110px;color:#fff}
.section.blog .content article.ticket .date-post{top:-30px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:70px;height:70px}
.section.blog .content article.ticket .txt-content{display:inline-block;position:relative;width:100%;height:100%;padding:60px 45px 80px 40px;text-align:center}
.section.blog .content article.ticket .txt-content p:not(.if){overflow:hidden}
.section.blog .content article.ticket .txt-content h2{margin:0;color:#fff;font-size:20px;line-height:1.1}
.section.blog .content article.ticket .txt-content .info{position:absolute;width:100%;height:40px;top:50%;right:-50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:3000}
.section.blog .content article.ticket .txt-content .info p.if{height:100%;font-family:"Ubuntu",sans-serif;font-size:14px;text-align:center;margin:0}
.section.blog .content article.ticket .txt-content .info p.if span{color:#00c1de}
.section.blog .content article.ticket .thumb{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-60px;height:140px;width:140px;border-radius:50%;border-width:14px;border-color:#05192a;border-style:solid;overflow:hidden;-webkit-box-shadow:2px 2px 0 0 #00c1de;box-shadow:2px 2px 0 0 #00c1de}
.section.blog .content article.ticket .thumb img{position:absolute;width:auto;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}
.section.blog .content article.ticket:nth-child(1){margin:140px auto 120px auto}
.section.single-post .content .filter--container .filter{pointer-events:none !important;cursor:initial}
.section.single-post .content h1{position:relative;width:100%;max-width:970px;min-height:100px;height:auto;font-size:20px;color:#fff;background-color:#05192a;border-radius:50px;margin:80px auto 160px auto;padding:40px 20px 20px 20px}
.section.single-post .content h1 .date-post{top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;height:60px}
.section.single-post .content .the-content{width:100%}
.section.single-post .content .the-content h2{position:relative;font-family:"jostBoldItalic";margin-top:80px}
.section.single-post .content .the-content h2:after{content:'';display:block;position:absolute;width:30px;height:4px;border-radius:2px;background-color:#00c1de;left:0;bottom:-14px}
.section.single-post .content .the-content p{text-align:justify}
.section.single-post .content .the-content p.on-sail{text-shadow:0 1px 0 rgba(255,255,255,0.4)}
.section.single-post .content .the-content ul{padding-left:20px;list-style-type:disc}
.section.single-post .content .the-content ul li{list-style-type:disc}
.section.single-post .content .the-content blockquote.wp-block-quote{position:relative;border-left:0;margin:50px 0;padding-left:100px;font-family:"Ubuntu",sans-serif}
.section.single-post .content .the-content blockquote.wp-block-quote:before{content:'';position:absolute;display:inline-block;width:100px;height:85px;left:0;top:0;background-image:url("assets/img/picto-quotes-bluedark.svg");background-size:120%;background-position:-16px -24px;background-repeat:no-repeat}
.section.single-post .content .the-content figure.wp-block-image{margin:60px 0 0 0;text-align:center;font-family:"Ubuntu",sans-serif;max-width:700px}
.section.single-post .content .the-content figure.wp-block-image img{border-radius:80px / 80px;width:100%;height:auto}
.section.single-post .content .the-content figure.wp-block-embed{margin:60px 0 0 0}
.section.single-post .content .the-content figure.wp-block-embed .wp-block-embed__wrapper{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.section.single-post .content .the-content figure.wp-block-embed .wp-block-embed__wrapper iframe{left:0;top:0;height:100%;width:100%;position:absolute;border-radius:25px}
.section.single-post .content .the-content .source{margin:80px 0;font-family:"Ubuntu",sans-serif}
.section.single-post .content .the-content .source span{color:#00c1de}
.section.single-post .content .the-content .action-link{position:relative;height:60px}
.section.single-post .content .the-content .action-link .social--container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:75px}
.section.single-post .content .the-content .action-link .printomatictext{display:block;position:absolute;top:0;width:60px;height:60px;background-image:url("assets/img/picto-print.svg");background-size:50%;background-position:center;background-repeat:no-repeat;font-size:0;border:3px solid #05192a;border-radius:50%;-webkit-transition:background-color 350ms;transition:background-color 350ms}
.section.single-post .content .the-content .action-link .printomatictext:hover{background-image:url("assets/img/picto-print-blue.svg")}
.section.single-post .content .social--container .button--sn{border-color:#05192a;color:#05192a;-webkit-transition:color .2s;transition:color .2s}
.section.single-post .content .social--container .button--sn:hover{color:#00c1de;-webkit-transition:color 0s;transition:color 0s}
.section.single-post .content .social--container a:first-child{margin-left:0}
.section.single-post .bottom-section .sidebar{overflow:hidden}
.section.media .content .result-content{margin-top:120px;width:100%;min-height:400px}
.section.media .content article.media{opacity:0;position:relative;width:100%;border-radius:25px;text-align:center;color:#fff;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-box-shadow:0 0 90px -75px;box-shadow:0 0 90px -75px;background-color:rgba(5,25,42,0.1)}
.section.media .content article.media h2{font-family:"Ubuntu",sans-serif;margin:0}
.section.media .content article.media .article-container{position:relative;width:100%;height:100%;border-radius:25px;overflow:hidden}
.section.media .content article.media .filter{position:absolute;right:0;top:0;z-index:2}
.section.media .content article.media .filter:after{left:0}
.section.media .content article.media .download{position:absolute;width:20px;height:30px;bottom:20px;right:30px;cursor:pointer;z-index:10}
.section.media .content article.media .download:before,.section.media .content article.media .download:after{content:'';display:inline-block;position:absolute}
.section.media .content article.media .download:before{height:3px;width:20px;background-color:#fff;border-radius:3px;bottom:0}
.section.media .content article.media .download:after{width:20px;height:20px;top:3px;background-image:url("assets/img/picto-arrow-white.svg");background-size:17px 10px;background-position:center;background-repeat:no-repeat;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.section.media .content article.media .download:hover:before{background-color:#00c1de}
.section.media .content article.media .download:hover:after{background-image:url("assets/img/picto-arrow-blue.svg")}
.section.media .content article.podcast{background-color:#05192a;padding:20px;height:360px}
.section.media .content article.podcast h2{font-size:20px;margin:10px 0 0 0}
.section.media .content article.podcast h3{color:#00c1de;font-size:16px;margin:10px 0 0 0}
.section.media .content article.podcast .wavesurfer{position:absolute;bottom:110px;width:calc(100% - 40px);cursor:pointer}
.section.media .content article.podcast .wavesurfer .loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:30px;line-height:30px;font-size:30px}
.section.media .content article.podcast .controls{position:absolute;width:calc(100% - 40px);height:60px;bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.section.media .content article.podcast .controls .play-audio{position:relative;width:40px;height:40px;cursor:pointer}
.section.media .content article.podcast .controls .play-audio .action{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.section.media .content article.podcast .controls .play-audio .play .icon{-webkit-transition:fill 250ms;transition:fill 250ms}
.section.media .content article.podcast .controls .play-audio .pause{display:none;height:18px;width:14px}
.section.media .content article.podcast .controls .play-audio .pause:before,.section.media .content article.podcast .controls .play-audio .pause:after{content:'';display:inline-block;position:absolute;height:100%;width:4px;border-radius:2px;background-color:#fff;-webkit-transition:background-color 250ms;transition:background-color 250ms}
.section.media .content article.podcast .controls .play-audio .pause:before{left:0}
.section.media .content article.podcast .controls .play-audio .pause:after{right:0}
.section.media .content article.podcast .controls .play-audio.clicked .pause{display:block}
.section.media .content article.podcast .controls .play-audio.clicked .play{display:none}
.section.media .content article.podcast .controls .play-audio:hover .play .icon{fill:#00c1de}
.section.media .content article.podcast .controls .play-audio:hover .pause:before,.section.media .content article.podcast .controls .play-audio:hover .pause:after{background-color:#00c1de}
.section.media .content article.podcast .controls .volbox{margin-bottom:4px}
.section.media .content article.podcast .controls .volbox .volume{-webkit-appearance:none;padding:0;font:inherit;outline:0;height:4px;border-radius:2px;background-color:#fff;cursor:pointer}
.section.media .content article.podcast .controls .volbox input[type=range]::-moz-range-track{border:inherit;background:transparent}
.section.media .content article.podcast .controls .volbox input[type=range]::-ms-track{border:inherit;color:transparent;background:transparent}
.section.media .content article.podcast .controls .volbox input[type=range]::-ms-fill-lower,.section.media .content article.podcast .controls .volbox input[type=range]::-ms-fill-upper{background:transparent}
.section.media .content article.podcast .controls .volbox input[type=range]::-ms-tooltip{display:none}
.section.media .content article.podcast .controls .volbox input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border:0;border-radius:50%;background-color:#00c1de;background-image:url("assets/img/pupil.svg");background-size:78%;background-position:3px 3px;background-repeat:no-repeat}
.section.media .content article.podcast .controls .volbox input[type=range]::-moz-range-thumb{width:25px;height:25px;border:0;border-radius:50%;background-color:#00c1de;background-image:url("assets/img/pupil.svg");background-size:78%;background-position:3px 3px;background-repeat:no-repeat}
.section.media .content article.podcast .controls .volbox input[type=range]::-ms-thumb{width:25px;height:25px;border-radius:50%;border:0;background-color:#00c1de;background-image:url("assets/img/pupil.svg");background-size:78%;background-position:3px 3px;background-repeat:no-repeat}
.section.media .content article.podcast .timer{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - 40px);bottom:20px;font-size:14px}
.section.media .content article.podcast .timer span{min-width:40px;text-align:center}
.section.media .content article.podcast:hover .filter.micro:after{background-image:url("assets/img/picto-micro-blue.svg")}
.section.media .content article.video .load-spinner{display:block}
.section.media .content article.presse{height:500px;background-image:url("assets/img/picto-pdf.svg");background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer}
.section.media .content article.presse a{display:block;width:100%;height:100%}
.section.media .content article.presse:hover .filter.pdf:after{background-image:url("assets/img/picto-pdf-blue.svg")}
.section.media .content article.presse .filter.type{left:-10px;right:inherit}
.section.media .content article.image{cursor:-webkit-zoom-in;cursor:zoom-in}
.section.media .content article.image .close{position:fixed;z-index:1000;display:none}
.section.media .content article.image .close:before,.section.media .content article.image .close:after{left:0}
.section.media .content article.image .close-zoomIn{left:10px;top:10px}
.section.media .content article.image h2{position:absolute;display:block;width:100%;height:50px;line-height:50px;font-size:12px;top:calc(100% - 50px);left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-color:#05192a;z-index:1}
.section.media .content article.image p.desc{display:none}
.section.media .content article.image img{display:block;position:absolute;width:100%;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.section.media .content article.image.square .article-container{min-height:340px}
.section.media .content article.image.landscape .article-container{min-height:200px}
.section.media .content article.image.portrait .article-container{min-height:500px}
.section.media .content article.image.zoomIn{position:fixed;cursor:-webkit-zoom-out;cursor:zoom-out;width:100vw;height:100vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:inherit;z-index:1000;background-color:#05192a}
.section.media .content article.image.zoomIn .download{display:none}
.section.media .content article.image.zoomIn .close{display:block}
.section.media .content article.image.zoomIn .article-container{border-radius:inherit}
.section.media .content article.image.zoomIn .filter{display:none}
.section.media .content article.image.zoomIn h2{background-color:#05192a !important;opacity:1 !important;width:100% !important;height:50px !important;line-height:50px !important;font-size:16px !important;top:calc(100% - 50px) !important;-webkit-transform:translate(-50%,0) !important;transform:translate(-50%,0) !important;padding-right:62px;z-index:1}
.section.media .content article.image.zoomIn:hover img{opacity:1}
.section.media .content article.image.portrait.zoomIn img,.section.media .content article.image.square.zoomIn img{height:100% !important;width:auto !important}
.section.media .bottom-section .sidebar p{color:#fff;text-align:center}
.section.error404{position:relative}
.section.error404 .msg{position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#00c1de;z-index:10;text-align:center}
.section.error404 .msg span{font-size:150px;font-family:"jostBold"}
.section.error404 #myCanvas{z-index:9;position:absolute;bottom:-2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200%;height:100%}
body.blog,body.single-post,body.page-template-media,body.error404{background-color:#fff;color:#05192a}
body.blog .logo.not-nav .eyelid,body.single-post .logo.not-nav .eyelid,body.page-template-media .logo.not-nav .eyelid,body.error404 .logo.not-nav .eyelid{background-color:#fff}
body.blog .logo.not-nav .eyelid .link a,body.single-post .logo.not-nav .eyelid .link a,body.page-template-media .logo.not-nav .eyelid .link a,body.error404 .logo.not-nav .eyelid .link a{color:#05192a}
body.blog .logo.not-nav .eyelid .link a:hover,body.single-post .logo.not-nav .eyelid .link a:hover,body.page-template-media .logo.not-nav .eyelid .link a:hover,body.error404 .logo.not-nav .eyelid .link a:hover{text-shadow:none}
body.blog main.main,body.single-post main.main,body.page-template-media main.main,body.error404 main.main{overflow:hidden}
body.blog main.main section.section,body.single-post main.main section.section,body.page-template-media main.main section.section,body.error404 main.main section.section{padding:80px 0 0 0}
body.blog main.main section.section .content,body.single-post main.main section.section .content,body.page-template-media main.main section.section .content,body.error404 main.main section.section .content{position:relative;margin:170px 0 0 0;z-index:5}
body.blog main.main section.section .bottom-section,body.single-post main.main section.section .bottom-section,body.page-template-media main.main section.section .bottom-section,body.error404 main.main section.section .bottom-section{position:relative;padding:0 0 100px 0;margin-top:300px;background-color:#05192a}
body.blog main.main section.section .bottom-section .sail-blog,body.single-post main.main section.section .bottom-section .sail-blog,body.page-template-media main.main section.section .bottom-section .sail-blog,body.error404 main.main section.section .bottom-section .sail-blog{position:absolute;top:-835px;width:1920px;height:960px;left:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-image:url("assets/img/sail-blog.svg");background-size:100%;background-position:center 0;background-repeat:no-repeat;will-change:transform;z-index:4}
body.blog main.main section.section .bottom-section .sail-blog:before,body.single-post main.main section.section .bottom-section .sail-blog:before,body.page-template-media main.main section.section .bottom-section .sail-blog:before,body.error404 main.main section.section .bottom-section .sail-blog:before{content:'';display:block;position:absolute;width:100vh;height:211px;background-color:#05192a;left:-99vh;bottom:0}
body.blog main.main section.section .bottom-section .sail-blog:after,body.single-post main.main section.section .bottom-section .sail-blog:after,body.page-template-media main.main section.section .bottom-section .sail-blog:after,body.error404 main.main section.section .bottom-section .sail-blog:after{content:'';display:block;position:absolute;width:100vh;height:211px;background-color:#05192a;right:-99vh;bottom:0}
body.blog main.main section.section .bottom-section .sidebar,body.single-post main.main section.section .bottom-section .sidebar,body.page-template-media main.main section.section .bottom-section .sidebar,body.error404 main.main section.section .bottom-section .sidebar{position:relative;width:100%;max-width:500px;height:auto;margin:0 auto;z-index:5}
body.blog main.main section.section .bottom-section .sidebar h3,body.single-post main.main section.section .bottom-section .sidebar h3,body.page-template-media main.main section.section .bottom-section .sidebar h3,body.error404 main.main section.section .bottom-section .sidebar h3{color:#fff;font-family:"jostBoldItalic";font-size:18px}
body.blog main.main .background--pupil,body.single-post main.main .background--pupil,body.page-template-media main.main .background--pupil,body.error404 main.main .background--pupil{top:430px;width:2450px;height:2450px;-webkit-transition:height 350ms width 350ms;transition:height 350ms width 350ms}
body.blog main.main .background--pupil .pupil,body.single-post main.main .background--pupil .pupil,body.page-template-media main.main .background--pupil .pupil,body.error404 main.main .background--pupil .pupil{-webkit-box-shadow:-5px -16px 0 -8px #05192a,5px -16px 0 -8px #05192a,0 -55px 35px -40px rgba(5,25,42,0.07);box-shadow:-5px -16px 0 -8px #05192a,5px -16px 0 -8px #05192a,0 -55px 35px -40px rgba(5,25,42,0.07)}
body.blog main.main .background--pupil .pupil:after,body.single-post main.main .background--pupil .pupil:after,body.page-template-media main.main .background--pupil .pupil:after,body.error404 main.main .background--pupil .pupil:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background-color:rgba(255,255,255,0.8);background-image:url("assets/img/texture-white.svg");background-repeat:repeat;z-index:2}
body.blog main.main .background--pupil .pupil img.img-parallax,body.single-post main.main .background--pupil .pupil img.img-parallax,body.page-template-media main.main .background--pupil .pupil img.img-parallax,body.error404 main.main .background--pupil .pupil img.img-parallax{top:-30%;-webkit-filter:grayscale(100%);filter:grayscale(100%);z-index:1}
body.single-post main.main .section.single-post .bottom-section h3{text-align:center}
body.login{font-family:"Work Sans",sans-serif;background-color:#05192a}
body.login .message{border-radius:25px;color:#00c1de;border-left-color:transparent;background-color:#05192a;text-align:center}
body.login #login_error{border-radius:25px;color:#00c1de;border-left-color:transparent;background-color:#05192a;text-align:center}
body.login #login_error a{text-decoration:underline}
body.login #login_error a:hover{opacity:.5}
body.login #login_error a:focus{-webkit-box-shadow:none;box-shadow:none}
body.login #login{width:360px;padding-top:0}
body.login #login h1{position:relative;margin:0 0 20px 0}
body.login #login h1:focus{outline:none !important}
body.login #login h1 a{display:block;margin:0;width:100%;height:140px;background-image:url("assets/img/eye.svg");background-repeat:no-repeat;background-size:contain;background-position:center}
body.login #login form{margin:0 0 10px 0;padding:24px 30px;background-color:#05192a;border:2px solid #00c1de;border-radius:50px}
body.login #login form input[type=text],body.login #login form input[type=password]{padding:0 20px;background-color:#fff}
body.login #login form input[type=text]:focus,body.login #login form input[type=password]:focus{border-width:0 0 0 4px;border-color:#00c1de;border-style:solid;outline:none !important;padding:0 17px;-webkit-box-shadow:none !important;box-shadow:none !important}
body.login #login form input[type=checkbox]:checked+label:after{top:2px}
body.login #login form .submit{position:relative;display:inline-block;height:45px;float:right}
body.login #login form .submit input[type=submit]{height:45px;line-height:36px;border-radius:25px;width:auto;padding:0 30px;background-color:#05192a;border:2px solid #00c1de;font-family:'Work Sans';text-align:center;color:#fff}
body.login #login form .submit input[type=submit]:focus{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}
body.login #login form .submit:before,body.login #login form .submit:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0}
body.login #login form .submit:after{right:-10px}
body.login #login #nav,body.login #login #backtoblog{margin:5px 0;padding:0;text-align:center}
body.login #login #nav a,body.login #login #backtoblog a{color:#fff}
body.login #login #nav a:hover,body.login #login #backtoblog a:hover{color:#00c1de}
body.login #login #nav a:focus,body.login #login #backtoblog a:focus{-webkit-box-shadow:none;box-shadow:none}
@media(min-aspect-ratio:16 / 9){.viewer--container.video .viewer .video-foreground{height:300%;top:-100%}
}@media(max-aspect-ratio:16 / 9){.viewer--container.video .viewer .video-foreground{width:300%;left:-100%}
}@media only screen and (min-width:601px){.grid--footer{grid-gap:50px}
.grid--footer .item{max-width:inherit}
.grid--rs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-auto-rows:84px;grid-template-rows:inherit;grid-auto-flow:dense}
.grid--rs .item{max-width:inherit}
.grid--rs .presse{grid-column-end:span 3;grid-row-end:span 4}
.grid--rs .podcast{grid-column-end:span 4;grid-row-end:span 4}
.grid--rs .video{grid-column-end:span 4;grid-row-end:span 3}
.grid--rs .landscape{grid-column-end:span 3;grid-row-end:span 2}
.grid--rs .portrait{grid-column-end:span 3;grid-row-end:span 4}
.grid--rs .square{grid-column-end:span 4;grid-row-end:span 4}
.container{width:90%}
.viewer--container .viewer .view .corner{width:150px;height:117px}
.sail{width:1474px;height:1533px}
.filter{--rf:124px;--sf:156px;--srf:80px}
.filter--container .filters .filter.main:hover:before{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.filter--container .filters .filter.main:hover:after{-webkit-transform:translateY(-70%);transform:translateY(-70%);background-image:url("assets/img/picto-filter-blue.svg");-webkit-transition:background-image 200ms,-webkit-transform 200ms;transition:background-image 200ms,-webkit-transform 200ms;transition:background-image 200ms,transform 200ms;transition:background-image 200ms,transform 200ms,-webkit-transform 200ms}
.filter--container .filters.open.x-4 .filter.f_1{top:65%}
.filter--container .filters.open.x-4 .filter.f_0{left:calc(50% - 78px)}
.filter--container .filters.open.x-4 .filter.f_2{left:calc(50% + 78px)}
.filter--container .filters.open.x-4 .filter.f_3{top:65%}
.filter--container .filters.open.x-5 .filter.f_4{left:calc(30% - var(--sf));top:70%}
.filter--container .filters.open.x-5 .filter.f_1{left:calc(35% - 48px);top:55%}
.filter--container .filters.open.x-5 .filter.f_2{left:calc(65% + 48px);top:55%}
.filter--container .filters.open.x-5 .filter.f_3{left:calc(70% + var(--sf));top:70%}
.side-filter--container{left:20px}
.side-filter--container .side-filters .filter span.cp{font-size:12px}
main.main .background--pupil{width:2300px;height:2300px}
main.main .section.project .tabs--container .tab-content .tab-porthole{height:300px}
main.main .section.project .tabs--container .tab-content .tab-text{padding:0 15%}
main.main .section.counter .counter{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
main.main .section.counter .counter ul li{width:auto}
main.main .section.news .item--container .item h3{font-size:18px}
main.main .section.news .item--container .item .circle{width:430px;height:430px}
main.main .section.news .item--container .item .circle .overlay-circle p.excerpt{width:320px;max-height:220px;font-size:16px}
main.main .section.news .item--container .item .circle .overlay-circle .more{bottom:17px}
main.main .section.news .item--container .item .circle h3{top:20%;width:220px;max-height:96px}
main.main .section.news .item--container .item .tweets--container{padding:0 10%}
main.main .section.news .item--container .item .social--container{bottom:-8px}
main.main .section.testimony .item--container .item p.comment{width:80%}
main.main .section.media .content article.podcast,main.main .section.media .content article.presse{height:inherit}
main.main .section.media .content article.image .article-container{min-height:inherit}
main.main .section.club .club--container .club{width:40vh}
main.main .section.club .club--container .club a{width:30vh;height:30vh}
footer.footer .item--container .item .item__content{padding:20px}
body.blog main.main section.section .content article.ticket,body.single-post main.main section.section .content article.ticket,body.page-template-media main.main section.section .content article.ticket{width:80%}
body.blog main.main section.section .content article.ticket .txt-content,body.single-post main.main section.section .content article.ticket .txt-content,body.page-template-media main.main section.section .content article.ticket .txt-content{padding:60px 25px 80px 20px}
body.blog main.main section.section .content article.ticket .txt-content h2,body.single-post main.main section.section .content article.ticket .txt-content h2,body.page-template-media main.main section.section .content article.ticket .txt-content h2{font-size:24px}
body.blog main.main section.section .bottom-section .sail-blog,body.single-post main.main section.section .bottom-section .sail-blog,body.page-template-media main.main section.section .bottom-section .sail-blog{left:55%}
}@media only screen and (min-width:1025px){.grid--illustrations{grid-template-columns:repeat(2,1fr);grid-column-gap:100px}
.grid--partners{grid-template-columns:repeat(3,1fr)}
.grid--news{grid-template-columns:repeat(2,1fr)}
.grid--news .item:nth-child(2){grid-row:2;grid-column:1 / span 2}
.grid--footer{grid-template-columns:repeat(12,1fr);grid-template-rows:370px auto}
.grid--footer .item.logoTFO{grid-column:span 3}
.grid--footer .item:nth-child(2){grid-column:span 4}
.grid--footer .item:nth-child(3){grid-column:span 5}
.grid--footer .item:nth-child(n+4){grid-row:2;grid-column:span 4}
.grid--footer .item{justify-self:inherit}
h1{font-size:35px}
h2{font-size:25px;margin:0 0 34px 0}
h2.title:after{top:60px;width:70px}
.logoTFO .logoTFO--container{width:180px;height:auto}
.logoTFO .logoTFO--container .logoTFO__eye{width:150px;height:92px}
.logoTFO .logoTFO--container .logoTFO__text{height:70px}
.logoTFO .logoTFO--container .logoTFO__partners{height:54px}
.logoTFO .logoTFO--container .logoTFO__partners .lp{width:55px}
.copyright:before{width:70px}
.button--link:hover span:after{right:-4px;-webkit-transition:right .3s;transition:right .3s}
.button--link:active span:after{right:-40px;-webkit-transition:right 0s;transition:right 0s}
.button--link.start:hover span:after{right:inherit;left:-4px;-webkit-transition:left .3s;transition:left .3s}
.button--link.start:active span:after{right:inherit;left:-40px}
.loading--container .loading{font-size:100px}
.loading--container .wave-loader{-webkit-animation-name:waveAnimation,loadingAnimation;animation-name:waveAnimation,loadingAnimation}
.ep--container .item{width:240px}
.ep--container .item .logo-ep{width:240px;height:124px}
.ep--container .item .quote{padding:0}
.viewer--container .viewer .view .corner{width:200px;height:157px}
.viewer--container.video .viewer .video-overlay .logoTFO{width:180px}
.viewer--container.video .viewer .chevron.down,.viewer--container.video .viewer .mute{bottom:30px}
.viewer--container.video .viewer .mute{right:calc(5% - 40px)}
.viewer--container.video .viewer .mute.muted:before,.viewer--container.video .viewer .mute.muted:after{width:20px;height:4px;right:-8px}
.viewer--container.picture .viewer .close-viewer{top:22px}
.viewer--container.picture .viewer .nav-slider{bottom:50px}
.date-post .data{font-size:20px}
.date-post .day{font-size:18px}
.porthole--container{width:806px;height:806px;max-height:806px}
.porthole--container .porthole--bg .sail{background-position:50% 106%}
.porthole--container .porthole--content .sheet .sheet-content{width:70%}
.porthole--container .porthole--content .sheet .sheet-content .text{max-height:45vh}
.porthole--container .porthole--content .sheet.top .sheet-close{top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.porthole--container .porthole--content .sheet.right .sheet-close{left:inherit;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.porthole--container .porthole--content .sheet.bottom .sheet-close{top:inherit;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.porthole--container .porthole--content .sheet.left .sheet-close{left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.porthole--container.sheetContentOpen{height:806px;border-radius:50%}
.porthole--container.sheetContentOpen .porthole--bg,.porthole--container.sheetContentOpen .img-bg,.porthole--container.sheetContentOpen .overlay,.porthole--container.sheetContentOpen .porthole--content,.porthole--container.sheetContentOpen .sheet{border-radius:50%}
.accordion--container{position:absolute;margin:0;width:30%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}
.accordion--container .accordion-item{text-align:right}
.accordion--container .accordion-item .accordion-trigger span.line{margin:25px 0 25px auto}
.accordion--container .accordion-item .accordion-content{overflow-y:auto;width:100%;max-height:50vh;margin-left:10px}
.accordion--container .accordion-item .accordion-content p{padding:0 10px 0 0}
.table--container{position:absolute;top:350px;width:30%;height:86vh;right:0}
.table--container .table-item .table-content .table-title{text-align:left}
.table--container .table-item .table-content .table-title:after{left:0;-webkit-transform:none;transform:none}
.table--container .table-item .table-content table tr td:nth-child(even){text-align:left;padding-left:0;width:auto}
.table--container .table-item .table-content table tr td:nth-child(odd){text-align:left;padding-right:0;width:110px}
.circle-mask{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:160px;height:530px;background-image:url("assets/img/circle-line.svg");background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.date-post{-webkit-box-shadow:2px 4px 0 0 #00c1de;box-shadow:2px 4px 0 0 #00c1de}
.sail{width:1797px;height:1870px;left:47%;bottom:-6px}
.filter{--rf:154px;--sf:186px;--srf:80px}
.filter--container{height:288px}
.filter--container h2.title .load-spinner{top:100px}
.filter--container .filters.open.x-4 .filter.f_0{left:calc(50% - 93px);top:50%}
.filter--container .filters.open.x-4 .filter.f_2{left:calc(50% + 93px);top:50%}
.filter--container .filters.open.x-5 .filter.f_4{left:calc(35% - var(--sf));top:70%}
.filter--container .filters.open.x-5 .filter.f_1{left:calc(53% - var(--sf));top:55%}
.filter--container .filters.open.x-5 .filter.f_2{left:calc(62.5% + 48px);top:55%}
.filter--container .filters.open.x-5 .filter.f_3{left:calc(65% + var(--sf));top:70%}
.comment--container .comment-list .comment p{font-size:inherit}
.running-race{bottom:30px;left:-205px;width:300px;height:100px;-webkit-animation-name:none;animation-name:none}
.running-race:hover{left:0;-webkit-transition:left 100ms;transition:left 100ms}
.running-race:hover .rr--content:before{opacity:1}
.running-race:hover .rr--content .flip-box .flip-box-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:-webkit-transform 500ms;transition:-webkit-transform 500ms;transition:transform 500ms;transition:transform 500ms,-webkit-transform 500ms}
.running-race .rr--content:before{opacity:0}
.running-race .rr--content h3{font-size:17px;padding:0 100px 0 10px}
.running-race .rr--content .flip-box{right:10px;top:10px;width:75px;height:75px}
.running-race .rr--content .flip-box .flip-box-inner{-webkit-animation-name:none;animation-name:none;-webkit-transition:-webkit-transform 250ms;transition:-webkit-transform 250ms;transition:transform 250ms;transition:transform 250ms,-webkit-transform 250ms}
header.header .logo{position:fixed}
header.header .logo:hover .eyelid{top:50%}
header.header .menu{right:calc(5% - 45px);top:30px}
header.header .go{right:calc(5% - 45px);bottom:30px}
header.header nav.nav{height:100vh}
header.header nav.nav .nav--container{position:fixed}
header.header nav.nav .nav--container .logo{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0}
header.header nav.nav .nav--container .logo:after{content:'';display:inline-block;position:absolute;width:260px;height:260px;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:901}
header.header nav.nav .nav--container .menu--container{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:980px;height:660px}
header.header nav.nav .nav--container .menu--container li.menu-item{display:inline-block;position:absolute}
header.header nav.nav .nav--container .menu--container li.menu-item a{font-size:30px;line-height:inherit}
header.header nav.nav .nav--container .menu--container li.menu-item a:before,header.header nav.nav .nav--container .menu--container li.menu-item a:after{content:'';display:inline-block;position:absolute}
header.header nav.nav .nav--container .menu--container li:nth-child(1){left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}
header.header nav.nav .nav--container .menu--container li:nth-child(1) a:before{width:350px;height:350px;top:-95px;left:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);border-top-right-radius:400px 400px}
header.header nav.nav .nav--container .menu--container li:nth-child(2){right:0;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:left}
header.header nav.nav .nav--container .menu--container li:nth-child(2) a:before{width:310px;height:150px;top:50%;right:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:360px 360px 0 0}
header.header nav.nav .nav--container .menu--container li:nth-child(3){right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:right}
header.header nav.nav .nav--container .menu--container li:nth-child(3) a:before{width:500px;height:180px;top:50%;right:-35px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0 150px 150px 0}
header.header nav.nav .nav--container .menu--container li:nth-child(4){right:0;top:75%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:left}
header.header nav.nav .nav--container .menu--container li:nth-child(4) a:before{width:310px;height:150px;top:50%;right:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0 0 360px 360px}
header.header nav.nav .nav--container .menu--container li:nth-child(5){bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}
header.header nav.nav .nav--container .menu--container li:nth-child(5) a{padding-top:10px;line-height:28px}
header.header nav.nav .nav--container .menu--container li:nth-child(5) a:before{width:350px;height:350px;bottom:-95px;left:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);border-bottom-left-radius:450px 450px}
header.header nav.nav .nav--container .menu--container li:nth-child(6){left:0;top:75%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);text-align:right}
header.header nav.nav .nav--container .menu--container li:nth-child(6) a:before{width:310px;height:150px;top:50%;left:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0 0 360px 360px}
header.header nav.nav .nav--container .menu--container li:nth-child(7){top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left}
header.header nav.nav .nav--container .menu--container li:nth-child(7) a:before{width:500px;height:180px;top:50%;left:-35px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:150px 0 0 150px}
header.header nav.nav .nav--container .menu--container li:nth-child(8){left:0;top:25%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);text-align:right}
header.header nav.nav .nav--container .menu--container li:nth-child(8) a:before{width:310px;height:150px;top:50%;left:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:360px 360px 0 0}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;width:270px;height:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child{position:relative;left:0;-webkit-transform:none;transform:none;text-align:left;height:25px}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child a{height:25px}
header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child a:before,header.header nav.nav .nav--container .menu--container li.menu-item.parent ul.sub-menu li.menu-item.child a:after{display:none}
header.header nav.nav .nav--container .menu--container li.menu-item.parent:hover .trigger-sub-menu{opacity:.1}
header.header nav.nav .nav--container .menu--container li.menu-item.parent:hover ul.sub-menu{display:-webkit-box;display:-ms-flexbox;display:flex}
header.header nav.nav .nav--container .menu--container li.menu-item.parent.current-menu-item ul.sub-menu{display:-webkit-box;display:-ms-flexbox;display:flex}
header.header nav.nav .nav--container .menu--container li.menu-item.parent.current-menu-item .trigger-sub-menu{opacity:.1}
main.main .background--pupil{width:2700px;height:2700px}
main.main section.section{min-height:100vh}
main.main section.section .content .item--container .item .data{font-size:31px}
main.main section.section .content p.section{width:50%}
main.main .section.report{padding:80px 0}
main.main .section.counter .counter{height:400px}
main.main .section.counter .counter ul li{font-size:30px;min-width:200px}
main.main .section.counter .counter ul li span{font-size:100px}
main.main .section.project .tabs--container .tabs-nav .tab-button{font-size:36px;min-width:160px;margin:0 20px}
main.main .section.project .tabs--container .tab-content .tab-porthole{height:532px}
main.main .section.project .tabs--container .tab-content .tab-text p{width:560px;padding:0}
main.main .section.partners .content .elt-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
main.main .section.partners .content .elt-box .elt{width:50%}
main.main .section.partners .content .elt-box .elt p{padding:0 10%}
main.main .section.news .item--container .item{margin-top:0}
main.main .section.news .item--container .item:nth-child(2){padding-top:80px}
main.main .section.skipper h2.title:after{display:none}
main.main .section.skipper .content{margin:100px 0 100px 0}
main.main .section.skipper .content .porthole--container .circle-mask{display:block;position:absolute;background-image:url("assets/img/circle-mask-porthole.svg");height:120%;max-height:870px}
main.main .section.skipper .content .porthole--container .porthole--bg .overlay{border-width:8px}
main.main .section.skipper .content .porthole--container .porthole--bg:hover{cursor:pointer}
main.main .section.skipper .content .porthole--container .porthole--bg:hover .img-bg:not(.sheetOpen){-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);-webkit-transition:-webkit-transform 350ms;transition:-webkit-transform 350ms;transition:transform 350ms;transition:transform 350ms,-webkit-transform 350ms}
main.main .section.skipper .content .porthole--container .porthole--content{width:calc(100% - 16px);height:calc(100% - 16px)}
main.main .section.boat .container{position:relative}
main.main .section.boat .content{margin:240px 0 70px 0}
main.main .section.boat .content .porthole--container .img-boat{z-index:-1}
main.main .section.boat .content .accordion--container{top:calc(50% + 175px)}
main.main .section.boat .content .table--container .table-item .table-content table tr td:nth-child(odd){width:200px}
main.main .section.boat .content.hovered .porthole--container .img-boat{z-index:4;cursor:pointer;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
main.main .section.boat .content.hovered .accordion--container,main.main .section.boat .content.hovered .table--container{opacity:.3;-webkit-transition:opacity .2s;transition:opacity .2s}
main.main .section.team .content .porthole--container .slide-member .info-member{bottom:50px}
main.main .section.team .content .porthole--container .slide-member .info-member p{font-size:24px}
main.main .section.team .content .porthole--container .slide-member .info-member p.poste-member{font-size:20px}
main.main .section.racing .globe--container .porthole--container .porthole--bg figure.earth img.world-map{width:3410px}
main.main .section.racing .globe--container.pop-open .accordion--container,main.main .section.racing .globe--container.pop-open .table--container{opacity:.3;-webkit-transition:opacity .2s;transition:opacity .2s}
main.main .section.racing .globe--container.pop-open .pop--container{max-width:806px;max-height:806px}
main.main .section.racing .globe--container.pop-open .pop--container .pop-content .video--container{margin:50px 0}
main.main .section.racing .globe--container.pop-open .pop--container .pop-content h3{font-size:22px;margin:0}
main.main .section.racing .accordion--container{top:calc(50% + 62px);width:25%}
main.main .section.racing .accordion--container .accordion-item .accordion-trigger{font-size:26px}
main.main .section.racing .table--container{top:125px;width:25%}
main.main .section.racing .table--container .table-item{display:none}
main.main .section.media .content .result_content{padding:0 50px}
main.main .section.media .content article.media .article-container{min-height:inherit}
main.main .section.media .content article.media .filter{right:-10px;top:-10px}
main.main .section.media .content article.image .close-zoomIn{top:calc(100% - 62px)}
main.main .section.media .content article.image h2{opacity:0;width:80%;top:50%;bottom:inherit;height:auto;line-height:inherit;background-color:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:18px}
main.main .section.media .content article.image:hover{background-color:#05192a;background-image:url("assets/img/texture-bluedark.svg");background-repeat:repeat;-webkit-transition:background-color 250ms;transition:background-color 250ms}
main.main .section.media .content article.image:hover h2{opacity:1;-webkit-transition:opacity 250ms;transition:opacity 250ms}
main.main .section.media .content article.image:hover img{opacity:.1}
main.main .section.media .content article.image.zoomIn h2{padding-right:0}
main.main .section.media .content article.image.zoomIn:hover img{opacity:1}
main.main .section.media .bs-media .sidebar{top:-300px !important;left:79%}
main.main .section.media .bs-media .sidebar p{text-align:right}
main.main .section.error404 #myCanvas{width:120%}
footer.footer:before{width:70px}
footer.footer .item--container .item .item__content{padding:20px 0}
footer.footer .item--container .logoTFO .logoTFO--container{left:75px;top:-23px}
footer.footer .item--container .last_tweet .tweets--container .tweet{font-size:13px}
body.blog main.main section.section,body.single-post main.main section.section,body.page-template-media main.main section.section{min-height:1600px;padding-bottom:80px}
body.blog main.main section.section .content,body.single-post main.main section.section .content,body.page-template-media main.main section.section .content{margin:170px 0 600px 0}
body.blog main.main section.section .content article.ticket,body.single-post main.main section.section .content article.ticket,body.page-template-media main.main section.section .content article.ticket{height:260px;min-height:inherit;border-radius:130px;margin:80px auto}
body.blog main.main section.section .content article.ticket .date-post,body.single-post main.main section.section .content article.ticket .date-post,body.page-template-media main.main section.section .content article.ticket .date-post{left:-44px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:110px;height:110px}
body.blog main.main section.section .content article.ticket .txt-content,body.single-post main.main section.section .content article.ticket .txt-content,body.page-template-media main.main section.section .content article.ticket .txt-content{width:calc(100% - 280px);padding:30px 0 20px 100px;text-align:left}
body.blog main.main section.section .content article.ticket .txt-content h2,body.single-post main.main section.section .content article.ticket .txt-content h2,body.page-template-media main.main section.section .content article.ticket .txt-content h2{max-height:50px;overflow:hidden}
body.blog main.main section.section .content article.ticket .txt-content p:not(.info),body.single-post main.main section.section .content article.ticket .txt-content p:not(.info),body.page-template-media main.main section.section .content article.ticket .txt-content p:not(.info){min-height:inherit;max-height:95px}
body.blog main.main section.section .content article.ticket .txt-content .info,body.single-post main.main section.section .content article.ticket .txt-content .info,body.page-template-media main.main section.section .content article.ticket .txt-content .info{-webkit-transform:inherit;transform:inherit;top:inherit;right:inherit;bottom:0;left:110px}
body.blog main.main section.section .content article.ticket .txt-content .info p.if,body.single-post main.main section.section .content article.ticket .txt-content .info p.if,body.page-template-media main.main section.section .content article.ticket .txt-content .info p.if{text-align:left}
body.blog main.main section.section .content article.ticket .thumb,body.single-post main.main section.section .content article.ticket .thumb,body.page-template-media main.main section.section .content article.ticket .thumb{position:relative;left:inherit;bottom:inherit;-webkit-transform:inherit;transform:inherit;float:right;margin:30px 36px 0 0;height:200px;width:200px;border-width:0;-webkit-box-shadow:3px 4px 0 0 #00c1de;box-shadow:3px 4px 0 0 #00c1de}
body.blog main.main section.section .content article.ticket:nth-child(1),body.single-post main.main section.section .content article.ticket:nth-child(1),body.page-template-media main.main section.section .content article.ticket:nth-child(1){margin:120px auto 80px auto}
body.blog main.main section.section .bottom-section,body.single-post main.main section.section .bottom-section,body.page-template-media main.main section.section .bottom-section{position:absolute;margin-top:inherit;padding:0;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}
body.blog main.main section.section .bottom-section .sail-blog,body.single-post main.main section.section .bottom-section .sail-blog,body.page-template-media main.main section.section .bottom-section .sail-blog{top:-1480px;width:3400px;height:1700px;left:60%}
body.blog main.main section.section .bottom-section .sail-blog:before,body.single-post main.main section.section .bottom-section .sail-blog:before,body.page-template-media main.main section.section .bottom-section .sail-blog:before{height:373px}
body.blog main.main section.section .bottom-section .sail-blog:after,body.single-post main.main section.section .bottom-section .sail-blog:after,body.page-template-media main.main section.section .bottom-section .sail-blog:after{height:373px}
body.blog main.main section.section .bottom-section .button--loadmore,body.single-post main.main section.section .bottom-section .button--loadmore,body.page-template-media main.main section.section .bottom-section .button--loadmore{margin:0 auto 160px auto}
body.blog main.main section.section .bottom-section .post_nav--container,body.single-post main.main section.section .bottom-section .post_nav--container,body.page-template-media main.main section.section .bottom-section .post_nav--container{margin:0 auto 100px auto;padding-top:100px}
body.blog main.main section.section .bottom-section .sidebar,body.single-post main.main section.section .bottom-section .sidebar,body.page-template-media main.main section.section .bottom-section .sidebar{position:absolute;max-width:400px;top:-420px;left:79%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
body.blog main.main section.section .bottom-section .sidebar h3,body.single-post main.main section.section .bottom-section .sidebar h3,body.page-template-media main.main section.section .bottom-section .sidebar h3{text-align:right}
body.blog main.main section.section .bottom-section .sidebar .search--container,body.single-post main.main section.section .bottom-section .sidebar .search--container,body.page-template-media main.main section.section .bottom-section .sidebar .search--container{width:80%;margin:40px 0 40px 80px}
body.blog main.main .background--pupil .pupil img.img-parallax,body.single-post main.main .background--pupil .pupil img.img-parallax,body.page-template-media main.main .background--pupil .pupil img.img-parallax{top:-17%}
body.single-post main.main .section.single-post .content h1{width:80%;padding:30px;font-size:30px}
body.single-post main.main .section.single-post .content h1 .date-post{top:-74px;width:70px;height:70px;-webkit-box-shadow:none;box-shadow:none}
body.single-post main.main .section.single-post .content .the-content{max-width:840px;margin:0 auto}
body.single-post main.main .section.single-post .bottom-section{padding-top:80px}
body.single-post main.main .section.single-post .bottom-section .sidebar{max-width:600px;left:70%;top:-260px}
body.single-post main.main .background--pupil{width:3200px;height:3200px}
}@media only screen and (min-width:1601px){.grid--illustrations{grid-template-columns:repeat(4,1fr)}
.grid--news{grid-template-columns:repeat(3,1fr)}
.grid--news .item:nth-child(2){grid-row:inherit;grid-column:inherit}
.grid--footer{grid-template-columns:repeat(12,1fr);grid-template-rows:350px auto}
.grid--footer .item.logoTFO{grid-column:span 3}
.grid--footer .item:nth-child(2){grid-column:span 3}
.grid--footer .item:nth-child(3){grid-column:span 6}
.grid--footer .item:nth-child(n+4){grid-row:2;grid-column:span 4}
h1{font-size:45px}
h2{font-size:35px;margin:0 0 41px 0}
h2.title:after{top:80px;width:90px}
.logoTFO .logoTFO--container{width:264px}
.logoTFO .logoTFO--container .logoTFO__eye{width:226px;height:138px}
.logoTFO .logoTFO--container .logoTFO__text{height:110px}
.logoTFO .logoTFO--container .logoTFO__partners{height:70px}
.logoTFO .logoTFO--container .logoTFO__partners .lp{width:80px}
.copyright:before{width:90px}
.chevron{width:60px;height:20px}
.chevron:before,.chevron:after{width:34px}
.ep--container .item{width:360px}
.ep--container .item .logo-ep{width:310px;height:160px}
.viewer--container .viewer .view .corner{width:230px;height:180px}
.viewer--container.video .viewer .video-overlay .logoTFO{width:264px}
.viewer--container.video .viewer .chevron.down{left:calc(5% - 64px)}
.viewer--container.video .viewer .mute{width:35px;height:60px;right:calc(5% - 64px)}
.viewer--container.video .viewer .mute.muted:before,.viewer--container.video .viewer .mute.muted:after{width:26px;right:-10px;top:28px}
.viewer--container.picture .viewer .close-viewer{width:60px;height:60px;left:calc(5% - 70px)}
.viewer--container.picture .viewer .chevron.prev{left:calc(5% - 74px)}
.viewer--container.picture .viewer .chevron.next{right:calc(5% - 74px)}
.filter--container{height:308px}
.filter--container h2.title .load-spinner{top:120px}
.circle-mask{height:650px}
header.header .logo{width:226px;height:138px}
header.header .logo .eyelid .link{width:200px;top:30px;left:0}
header.header .logo .eyelid .link a{height:50px;line-height:50px;font-size:20px}
header.header .logo:hover .eyelid{width:185px;height:185px}
header.header .logo:hover .eyelid .link{top:50px}
header.header .menu{right:calc(5% - 62px)}
header.header .menu span{height:6px;border-radius:3px;margin-bottom:10px}
header.header .menu span:nth-child(1){width:19px}
header.header .menu span:nth-child(2){width:38px}
header.header .menu span:nth-child(3){width:57px}
header.header .go{right:calc(5% - 62px);border-width:6px;border-radius:7px;width:58px;height:40px}
header.header .go span{width:45px;height:30px}
header.header .go span:before,header.header .go span:after{width:31px;height:6px;border-radius:3px;top:7px}
header.header nav.nav .nav--container .logo:after{width:385px;height:385px}
header.header nav.nav .nav--container .menu--container{width:1100px;height:780px}
header.header nav.nav .nav--container .menu--container li:nth-child(1) a:before{width:400px;height:400px}
header.header nav.nav .nav--container .menu--container li:nth-child(2) a:before{width:360px;height:190px}
header.header nav.nav .nav--container .menu--container li:nth-child(3) a:before{width:500px;height:200px}
header.header nav.nav .nav--container .menu--container li:nth-child(4) a:before{width:360px;height:190px}
header.header nav.nav .nav--container .menu--container li:nth-child(5) a{padding-top:inherit;line-height:inherit}
header.header nav.nav .nav--container .menu--container li:nth-child(5) a:before{width:400px;height:400px}
header.header nav.nav .nav--container .menu--container li:nth-child(6) a:before{width:360px;height:190px}
header.header nav.nav .nav--container .menu--container li:nth-child(7) a:before{width:500px;height:200px}
header.header nav.nav .nav--container .menu--container li:nth-child(8) a:before{width:360px;height:190px}
main.main section.section .content .item--container .item .data{font-size:40px}
main.main section.section .content .item--container .item .quote{padding:0}
main.main .section.news .item--container .item:nth-child(2){padding-bottom:0;padding-top:0}
main.main .section.technical-partners .content .item--container{height:40vh}
main.main .section.technical-partners .content .item--container a.item{width:34vh;height:34vh}
main.main .section.media .content article.image .close-zoomIn{width:60px;height:60px;top:calc(100% - 82px);left:calc(5% - 70px)}
main.main .section.media .bottom-section .sidebar p{color:#fff;text-align:right}
footer.footer{padding:0}
footer.footer:before{width:90px}
footer.footer .item--container .item:not(:nth-child(2)) .item__content{padding:20px}
footer.footer .item--container .logoTFO .logoTFO--container{left:113px}
footer.footer .item--container .last_tweet .tweets--container .tweet{font-size:14px}
body.blog main.main section.section .content,body.single-post main.main section.section .content,body.page-template-media main.main section.section .content{margin:135px 0 600px 0}
body.blog main.main section.section .content article.ticket .txt-content h2,body.single-post main.main section.section .content article.ticket .txt-content h2,body.page-template-media main.main section.section .content article.ticket .txt-content h2{font-size:30px;max-height:68px}
body.blog main.main section.section .bottom-section .sidebar,body.single-post main.main section.section .bottom-section .sidebar,body.page-template-media main.main section.section .bottom-section .sidebar{max-width:520px;left:76%}
body.blog main.main section.section .bottom-section .sidebar .search--container,body.single-post main.main section.section .bottom-section .sidebar .search--container,body.page-template-media main.main section.section .bottom-section .sidebar .search--container{width:80%;margin:40px 0 40px 100px}
body.blog main.main .background--pupil,body.single-post main.main .background--pupil,body.page-template-media main.main .background--pupil{width:3000px;height:3000px}
body.blog main.main .background--pupil .pupil img.img-parallax,body.single-post main.main .background--pupil .pupil img.img-parallax,body.page-template-media main.main .background--pupil .pupil img.img-parallax{top:-14%}
body.single-post main.main .section.single-post .content h1{width:60%}
body.single-post main.main .section.single-post .content .the-content{max-width:900px}
body.single-post main.main .section.single-post .bottom-section .sidebar{max-width:720px;left:71%}
}@media screen and (max-width:600px){.filter--container .filters.open.x-5 .filter:not(.main){width:40px;height:40px}
.filter--container .filters.open.x-5 .filter:not(.main).active{-webkit-box-shadow:2px 0 0 0 #00c1de,-2px 0 0 0 #00c1de,0 2px 0 0 #00c1de,0 -2px 0 0 #00c1de;box-shadow:2px 0 0 0 #00c1de,-2px 0 0 0 #00c1de,0 2px 0 0 #00c1de,0 -2px 0 0 #00c1de}
.filter--container .filters.open.x-5 .filter.f_0{left:calc(50% + 43px);top:22%}
.filter--container .filters.open.x-5 .filter.f_1{left:calc(50% - 43px);top:22%}
.filter--container .filters.open.x-5 .filter.f_2{left:calc(50% + 65px);top:43%}
.filter--container .filters.open.x-5 .filter.f_3{left:50%;top:13%}
.filter--container .filters.open.x-5 .filter.f_4{left:calc(50% - 65px);top:43%}
}@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(0.95,0.95,0.95);transform:scale3d(0.95,0.95,0.95)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes pulse{from{-webkit-transform:scale3d(0.95,0.95,0.95);transform:scale3d(0.95,0.95,0.95)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@-webkit-keyframes rotating{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes bottle{0%{opacity:0}
2%{opacity:1}
38%{-webkit-transform:translate(95px,0);transform:translate(95px,0)}
40%{-webkit-transform:translate(100px,0) rotate(5deg);transform:translate(100px,0) rotate(5deg)}
44%{-webkit-transform:translate(110px,5px) rotate(20deg);transform:translate(110px,5px) rotate(20deg)}
48%{-webkit-transform:translate(125px,20px) rotate(40deg);transform:translate(125px,20px) rotate(40deg)}
50%{-webkit-transform:translate(145px,76px) rotate(70deg);transform:translate(145px,76px) rotate(70deg)}
54%{-webkit-transform:translate(150px,66px) rotate(30deg);transform:translate(150px,66px) rotate(30deg)}
58%{-webkit-transform:translate(160px,68px) rotate(-10deg);transform:translate(160px,68px) rotate(-10deg)}
62%{-webkit-transform:translate(170px,66px) rotate(10deg);transform:translate(170px,66px) rotate(10deg)}
66%{-webkit-transform:translate(180px,68px) rotate(-5deg);transform:translate(180px,68px) rotate(-5deg)}
70%{-webkit-transform:translate(190px,66px) rotate(5deg);transform:translate(190px,66px) rotate(5deg)}
90%{opacity:1}
100%{-webkit-transform:translate(240px,90px);transform:translate(240px,90px);opacity:0}
}@keyframes bottle{0{opacity:0}
2%{opacity:1}
38%{-webkit-transform:translate(95px,0);transform:translate(95px,0)}
40%{-webkit-transform:translate(100px,0) rotate(5deg);transform:translate(100px,0) rotate(5deg)}
44%{-webkit-transform:translate(110px,5px) rotate(20deg);transform:translate(110px,5px) rotate(20deg)}
48%{-webkit-transform:translate(125px,20px) rotate(40deg);transform:translate(125px,20px) rotate(40deg)}
50%{-webkit-transform:translate(145px,76px) rotate(70deg);transform:translate(145px,76px) rotate(70deg)}
54%{-webkit-transform:translate(150px,66px) rotate(30deg);transform:translate(150px,66px) rotate(30deg)}
58%{-webkit-transform:translate(160px,68px) rotate(-10deg);transform:translate(160px,68px) rotate(-10deg)}
62%{-webkit-transform:translate(170px,66px) rotate(10deg);transform:translate(170px,66px) rotate(10deg)}
66%{-webkit-transform:translate(180px,68px) rotate(-5deg);transform:translate(180px,68px) rotate(-5deg)}
70%{-webkit-transform:translate(190px,66px) rotate(5deg);transform:translate(190px,66px) rotate(5deg)}
90%{opacity:1}
100%{-webkit-transform:translate(240px,90px);transform:translate(240px,90px);opacity:0}
}@-webkit-keyframes factoryFloorActivity{0%{background-position:0 50%}
100%{background-position:500px 50%}
}@keyframes factoryFloorActivity{0%{background-position:0 50%}
100%{background-position:500px 50%}
}@-webkit-keyframes factoryLighting{0%{background-color:transparent}
19%{background-color:transparent}
20%{background-color:#fff}
47%{-webkit-box-shadow:0 0 0 rgba(0,193,222,0);box-shadow:0 0 0 rgba(0,193,222,0)}
50%{background-color:#fff;-webkit-box-shadow:0 0 2px #00c1de;box-shadow:0 0 2px #00c1de}
52%{background-color:#fff;-webkit-box-shadow:0 0 0 rgba(0,193,222,0);box-shadow:0 0 0 rgba(0,193,222,0)}
54%{background-color:#fff;-webkit-box-shadow:0 0 2px #00c1de;box-shadow:0 0 2px #00c1de}
100%{background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,193,222,0.6);box-shadow:0 0 10px rgba(0,193,222,0.6)}
}@keyframes factoryLighting{0%{background-color:transparent}
19%{background-color:transparent}
20%{background-color:#fff}
47%{-webkit-box-shadow:0 0 0 rgba(0,193,222,0);box-shadow:0 0 0 rgba(0,193,222,0)}
50%{background-color:#fff;-webkit-box-shadow:0 0 2px #00c1de;box-shadow:0 0 2px #00c1de}
52%{background-color:#fff;-webkit-box-shadow:0 0 0 rgba(0,193,222,0);box-shadow:0 0 0 rgba(0,193,222,0)}
54%{background-color:#fff;-webkit-box-shadow:0 0 2px #00c1de;box-shadow:0 0 2px #00c1de}
100%{background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,193,222,0.6);box-shadow:0 0 10px rgba(0,193,222,0.6)}
}@-webkit-keyframes smokeL{0%{-webkit-transform:scale(0.2) translate(0,0);transform:scale(0.2) translate(0,0)}
10%{opacity:1;-webkit-transform:scale(0.2) translate(0,-5px);transform:scale(0.2) translate(0,-5px)}
100%{opacity:0;-webkit-transform:scale(1) translate(40px,-130px);transform:scale(1) translate(40px,-130px)}
}@keyframes smokeL{0%{-webkit-transform:scale(0.2) translate(0,0);transform:scale(0.2) translate(0,0)}
10%{opacity:1;-webkit-transform:scale(0.2) translate(0,-5px);transform:scale(0.2) translate(0,-5px)}
100%{opacity:0;-webkit-transform:scale(1) translate(40px,-130px);transform:scale(1) translate(40px,-130px)}
}@-webkit-keyframes smokeR{0%{-webkit-transform:scale(0.2) translate(0,0);transform:scale(0.2) translate(0,0)}
10%{opacity:1;-webkit-transform:scale(0.2) translate(0,-5px);transform:scale(0.2) translate(0,-5px)}
100%{opacity:0;-webkit-transform:scale(1) translate(80px,-130px);transform:scale(1) translate(80px,-130px)}
}@keyframes smokeR{0%{-webkit-transform:scale(0.2) translate(0,0);transform:scale(0.2) translate(0,0)}
10%{opacity:1;-webkit-transform:scale(0.2) translate(0,-5px);transform:scale(0.2) translate(0,-5px)}
100%{opacity:0;-webkit-transform:scale(1) translate(80px,-130px);transform:scale(1) translate(80px,-130px)}
}@-webkit-keyframes floating{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{-webkit-transform:translate(1px,-2px);transform:translate(1px,-2px)}
50%{-webkit-transform:translate(-1px,2px);transform:translate(-1px,2px)}
75%{-webkit-transform:translate(1px,-2px);transform:translate(1px,-2px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}@keyframes floating{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{-webkit-transform:translate(1px,-2px);transform:translate(1px,-2px)}
50%{-webkit-transform:translate(-1px,2px);transform:translate(-1px,2px)}
75%{-webkit-transform:translate(1px,-2px);transform:translate(1px,-2px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}@-webkit-keyframes fillBeakerUp{0%{background-position:0 100px}
40%{background-position:1000px 0}
100%{background-position:2000px 0}
}@keyframes fillBeakerUp{0%{background-position:0 100px}
40%{background-position:1000px 0}
100%{background-position:2000px 0}
}@-webkit-keyframes fillBeakerStable{0%{background-position:2000px 0}
100%{background-position:3000px 0}
}@keyframes fillBeakerStable{0%{background-position:2000px 0}
100%{background-position:3000px 0}
}@-webkit-keyframes bubbleriseContainer{0%{left:34%;bottom:-2px}
10%{left:35%}
30%{left:39%}
100%{left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}@keyframes bubbleriseContainer{0%{left:34%;bottom:-2px}
10%{left:35%}
30%{left:39%}
100%{left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}@-webkit-keyframes bubbleriseContainer-2{0%{left:61%;bottom:-2px}
10%{left:60%}
30%{left:55%}
100%{left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}@keyframes bubbleriseContainer-2{0%{left:61%;bottom:-2px}
10%{left:60%}
30%{left:55%}
100%{left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}@-webkit-keyframes bubblerise{0%{opacity:0;-webkit-transform:rotate(0);transform:rotate(0)}
10%{opacity:1}
99%{opacity:1}
100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}
}@keyframes bubblerise{0%{opacity:0;-webkit-transform:rotate(0);transform:rotate(0)}
10%{opacity:1}
99%{opacity:1}
100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}
}@-webkit-keyframes bubblePop{10%{opacity:1}
10%{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}
100%{top:-10%;-webkit-transform:translate(-50%) scale(2);transform:translate(-50%) scale(2)}
}@keyframes bubblePop{10%{opacity:1}
10%{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}
100%{top:-10%;-webkit-transform:translate(-50%) scale(2);transform:translate(-50%) scale(2)}
}@-webkit-keyframes lineLeftGrowUp{0%{width:0}
100%{width:50%;left:0}
}@keyframes lineLeftGrowUp{0%{width:0}
100%{width:50%;left:0}
}@-webkit-keyframes lineRightGrowUp{0%{width:0}
100%{width:50%}
}@keyframes lineRightGrowUp{0%{width:0}
100%{width:50%}
}@-webkit-keyframes eyeClosing{0%{top:-180vh}
60%{top:0}100%{top:-180vh}
}@keyframes eyeClosing{0%{top:-180vh}
60%{top:0}100%{top:-180vh}
}@-webkit-keyframes spin{to{-webkit-transform:translateX(-2604px);transform:translateX(-2604px)}
}@keyframes spin{to{-webkit-transform:translateX(-2604px);transform:translateX(-2604px)}
}@-webkit-keyframes dash{to{stroke-dashoffset:0}
}@keyframes dash{to{stroke-dashoffset:0}
}@-webkit-keyframes dasharrayStart{to{stroke-dasharray:100 100}
}@keyframes dasharrayStart{to{stroke-dasharray:100 100}
}@-webkit-keyframes dasharrayFinish{to{stroke-dasharray:1 0}
}@keyframes dasharrayFinish{to{stroke-dasharray:1 0}
}@-webkit-keyframes rotateGlobeVG{to{-webkit-transform:translateX(-55%);transform:translateX(-55%)}
}@keyframes rotateGlobeVG{to{-webkit-transform:translateX(-55%);transform:translateX(-55%)}
}@-webkit-keyframes rotateGlobeNYC{to{-webkit-transform:translateX(-9.1%);transform:translateX(-9.1%)}
}@keyframes rotateGlobeNYC{to{-webkit-transform:translateX(-9.1%);transform:translateX(-9.1%)}
}@-webkit-keyframes rotateGlobeTJV{to{-webkit-transform:translateX(0.2%);transform:translateX(0.2%)}
}@keyframes rotateGlobeTJV{to{-webkit-transform:translateX(0.2%);transform:translateX(0.2%)}
}@-webkit-keyframes pulseMainWhenFilltersOpen{from{-webkit-transform:scale3d(0.95,0.95,0.95);transform:scale3d(0.95,0.95,0.95)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
98%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
99%{background-color:#00c1de}
100%{-webkit-transform:scale3d(0.99,0.99,0.99);transform:scale3d(0.99,0.99,0.99)}
}@keyframes pulseMainWhenFilltersOpen{from{-webkit-transform:scale3d(0.95,0.95,0.95);transform:scale3d(0.95,0.95,0.95)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
98%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
99%{background-color:#00c1de}
100%{-webkit-transform:scale3d(0.99,0.99,0.99);transform:scale3d(0.99,0.99,0.99)}
}@-webkit-keyframes bounceArrowFilter{0%{top:-30px}
35%{top:-30px}
45%{top:-15px}
55%{top:-30px}
65%{top:-15px}
75%{top:-30px}
100%{top:-30px}
}@keyframes bounceArrowFilter{0%{top:-30px}
35%{top:-30px}
45%{top:-15px}
55%{top:-30px}
65%{top:-15px}
75%{top:-30px}
100%{top:-30px}
}@-webkit-keyframes popUp{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}@keyframes popUp{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}@-webkit-keyframes popDown{0%{-webkit-transform:scale(1);transform:scale(1)}
70%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(0);transform:scale(0)}
}@keyframes popDown{0%{-webkit-transform:scale(1);transform:scale(1)}
70%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(0);transform:scale(0)}
}@-webkit-keyframes textSlide{0%{-webkit-transform:translateX(250%);transform:translateX(250%)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes textSlide{0%{-webkit-transform:translateX(250%);transform:translateX(250%)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes waveAnimation{0%{background-position:0 bottom}
100%{background-position:200px bottom}
}@keyframes waveAnimation{0%{background-position:0 bottom}
100%{background-position:200px bottom}
}@-webkit-keyframes loadingAnimation{0%{background-size:200px 40px}
100%{background-size:200px 130px}
}@keyframes loadingAnimation{0%{background-size:200px 40px}
100%{background-size:200px 130px}
}@-webkit-keyframes loadingAnimationMobile{0%{background-size:200px 15px}
100%{background-size:200px 50px}
}@keyframes loadingAnimationMobile{0%{background-size:200px 15px}
100%{background-size:200px 50px}
}@-webkit-keyframes runningRace{0%{left:calc(-85% + 40px)}
2%{left:0}20%{left:0}
21%{left:calc(-85% + 40px)}
100%{left:calc(-85% + 40px)}
}@keyframes runningRace{0%{left:calc(-85% + 40px)}
2%{left:0}20%{left:0}
21%{left:calc(-85% + 40px)}
100%{left:calc(-85% + 40px)}
}@-webkit-keyframes flipBox{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
5%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
20%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
25%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(0);transform:rotateY(0)}
}@keyframes flipBox{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
5%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
20%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
25%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(0);transform:rotateY(0)}
}