@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Bad+Script&display=swap);
@font-face{font-family:Ogg-Roman;src:url(../assets/fonts/Ogg-Roman.otf);font-display: swap;}
@font-face{font-family:WS-Light;src:url(../assets/fonts/WorkSans-Light.otf);font-display: swap;}
@font-face{font-family:WS-Light-t;src:url(../assets/fonts/WorkSans-Light.ttf);font-display: swap;}
@font-face{font-family:WS-Med;src:url(../assets/fonts/WorkSans-Medium.otf);font-display: swap;}
@font-face{font-family:WS-Med-t;src:url(../assets/fonts/WorkSans-Medium.ttf);font-display: swap;}
@font-face{font-family:WS-Reg;src:url(../assets/fonts/WorkSans-Regular.otf);font-display: swap;}
@font-face{font-family:PFD-Reg;src:url(../assets/fonts/PlayfairDisplay-Regular.ttf);font-display: swap;}
.centerx,.header__basic--black .header__img,.section__crazy__color .wrapper__color .wrapper__panel .color .color__el h3,.section__handsketch__color .wrapper__audrio .color .color__el h3,.section__handsketch__color .wrapper__audrio img,.section__woy__color .wrapper__audrio .color .color__el h3,.section__woy__color .wrapper__audrio img{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.centery,.header__basic--studio .header__img,.section__404 .title__block,.section__jobs .jobs__ul .jobs__ul__li .jobs__ul__li__a i,.section__site .site__template .site__template__bar .template__button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.centerxy,.flux__el--twitter p,.job__title .close--profil i,.job__title .title__block,.loading .loading__elements #display,.loading .loading__elements #progress,.navigation__project .navigation__project__block .content__text,.navigation__project .navigation__project__block:nth-child(2) .link,.other__team .profil__team .profil__team__li a img,.section__404 .overlay__404,.section__about .background__about .play i,.section__customer .customers .customers__li img,.section__projets .awards .awards__li a img,.section__projets .swiper-projets .swiper-slide .swiper-slide-block-content .text__content,.section__team .swiper-slide .slide__img .overlay,nav .center__navigation{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.swiper-button-next{width:50px!important;height:44px!important;margin-top:0!important}
.swiper-button-prev{position:absolute;top:82%!important;width:50px!important;height:44px!important;margin-top:-19px!important;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none!important;left:0!important;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none!important;right:0!important;left:auto;top:0!important}
article,aside,footer,header,nav,section{display:block}
figcaption,figure,main{display:block}
figure{margin:0}pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.main__title{color:#f2f3f3;text-transform:uppercase;font-weight:900;font-size:2.6em;letter-spacing:1px;margin:0}.main__title span{color:#ff2d71}.main__subtitle{margin:2px 0;font-weight:700;font-size:.9em;color:#f2f3f3}@media (min-width:768px){.main__subtitle{font-size:1.1em}}.main__subtitle span{color:#00a8af;font-style:italic}.link{display:inline-block;width:auto;position:relative;text-decoration:none;color:#21272b;font-size:.7em;font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease-in-out;margin-left:-36px}.link:hover{letter-spacing:2px}.link__apply{display:block;width:150px;padding:16px 12px;background-color:#00a8af;border:2px solid #00a8af;border-radius:1px;color:#f2f3f3;text-decoration:none;text-transform:uppercase;text-align:center;font-weight:700;font-size:.813em;letter-spacing:1px;transition:all .3s ease-in-out}.link__apply:hover{background-color:transparent;letter-spacing:3px;border-radius:1px}.link__apply:active{background-color:transparent;letter-spacing:3px;border-radius:1px}.link__apply:focus{background-color:transparent;letter-spacing:3px;border-radius:1px}.swiper-container{width:100%;height:auto;margin-left:auto;margin-right:auto;position:relative;cursor:-webkit-grab;cursor:grab}@media (min-width:1200px){.swiper-container{height:550px}}.swiper-button-next,.swiper-button-prev{width:50px;height:50px;background-image:none;background-color:#e4e4e4;z-index:2;cursor:pointer}.swiper-button-next i{position:relative;left:50%;top:19px;color:#21272b;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-in-out}.swiper-button-prev i{position:relative;left:50%;top:20px;color:#21272b;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-in-out}@-webkit-keyframes arrowRight{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}50%{-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}}@keyframes arrowRight{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}50%{-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}}.swiper-button-next:hover i,.swiper-button-prev:hover i{-webkit-animation:arrowRight 1s infinite;animation:arrowRight 1s infinite}.swiper-button-next{position:absolute;top:0;right:0;margin-top:0}@media (min-width:1200px){.swiper-button-next{right:300px;background-color:#f2f3f3}}.swiper-button-prev{position:absolute;top:auto;bottom:0;left:0}@media (min-width:1200px){.swiper-button-prev{bottom:74px;background-color:#f2f3f3}}.swiper-slide{text-align:center;font-size:18px;width:100%;display:flex}.swiper-slide__block{width:100%;margin:0 auto;height:100%;text-align:left}.swiper-slide__block .swiper-slide__block__img{width:100%;height:auto;overflow:hidden}.swiper-slide__block .swiper-slide__block__img a{display:block;width:100%;height:100%}@media (min-width:1200px){.swiper-slide__block .swiper-slide__block__img{width:65%;max-height:476px;height:476px;max-width:735px;overflow:hidden;position:relative}}.swiper-slide__block .swiper-slide__block__img img{width:100%;height:auto;transition:all .3s ease-in-out}@media (min-width:1200px){.swiper-slide__block .swiper-slide__block__img img{position:absolute;top:0;left:0;width:auto;height:100%}}.swiper-slide__block .swiper-slide__block__img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(.5);filter:brightness(.5)}.swiper-slide__block .swiper-slide__block__text{width:85%;height:auto;margin:0 auto;margin-top:50px;position:relative}@media (min-width:768px){.swiper-slide__block .swiper-slide__block__text{margin-top:100px}}@media (min-width:1200px){.swiper-slide__block .swiper-slide__block__text{width:40%;height:100%;max-height:476px;max-width:400px;position:absolute;background-color:transparent;top:0;right:0;margin-top:0;padding:0}.swiper-slide__block .swiper-slide__block__text:before{content:"";display:block;width:75%;max-width:408px;height:100%;background-color:#fff;position:absolute;left:-100px}}.swiper-slide__block .main__title{color:#f2f3f3;text-transform:uppercase;font-weight:100;font-size:2.6em;letter-spacing:1px;margin:0;text-shadow:7px 7px 16px #d2d2d2}.swiper-slide__block .main__title span{color:#ff2d71}@media (min-width:768px){.swiper-slide__block .main__title{font-size:24px}}@media (min-width:1200px){.swiper-slide__block .main__title{margin-top:60px;margin-left:-36px;font-family:PFD-Reg;letter-spacing:2px;line-height:28px}}.swiper-slide__block .main__subtitle{margin:10px 0;font-weight:100;font-size:.9em;color:#f2f3f3}@media (min-width:768px){.swiper-slide__block .main__subtitle{font-size:.9em;margin-left:-36px;font-family:WS-Light;padding-top:12px;line-height:19px}}.swiper-slide__block .main__subtitle span{font-style:normal;color:#00a8af;letter-spacing:1px}.swiper-slide__block .main__subtitle,.swiper-slide__block .main__title,.swiper-slide__block .paragraphe{color:#222;z-index:2;position:relative}.s
wiper-slide__block .paragraphe{max-width:413px;text-shadow:7px 7px 16px #d2d2d2;margin-top:24px;font-size:16px;text-align:justify;margin-left:-36px;font-family:WS-Light}
.swiper-slide__block .number{font-size:12em;font-weight:900;width:100%;display:block;color:rgba(16,47,65,.04);position:relative;bottom:100px;z-index:1;text-align:right;margin:0;line-height:120px}
@media (min-width:1200px)
{.swiper-slide__block .number{margin-top:0;font-size:8em;position:absolute;top:0;right:45px}}
.loading{width:100%;height:100vh;background-color:#f8f8f8;position:fixed;left:0;top:0;z-index:9999;-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}
.loading .loading__elements{width:100%;height:50%}.loading .loading__elements #progress{display:block;width:300px;height:30px;z-index:1;background-color:#000;transition:all .3s ease-in-out}
.loading .loading__elements #progress::-webkit-progress-bar{display:block;width:100%;transition:all .3s}
.loading .loading__elements #progress::-webkit-progress-value{background-color:rgba(131,201,207,.8);background:-webkit-linear-gradient(#00a8af,#83c9cf)}
.loading .loading__elements progress[value]::-webkit-progress-bar{background-color:#f8f8f8;border-radius:2px;box-shadow:none}
.loading .loading__elements #display{display:block;font-size:5em;z-index:2;font-weight:900;text-align:center;margin-bottom:50px;color:#21272b}
.section__slider{width:100%;height:auto}@media (min-width:1200px){.section__slider{padding:0 0}}
.section__slider .container__center{width:100%;position:relative;margin-left:auto;margin-right:auto}

@media (min-width:992px){.section__slider .container__center{max-width:1200px;width:85%}
.section__slider .container__center:after{content:"";display:block;width:100%;height:50px;position:absolute;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#f2f3f3,rgba(248,248,248,0))}}

@media (min-width:992px){.section__slider .container__center{max-width:1070px;width:100%}}
@media (max-width:768px){.swiper-slide__block .paragraphe{font-size:14px;margin-left:0}
.swiper-slide__block .main__title{font-size:20px}.swiper-slide__block .number{font-size:5em;font-weight:900;width:100%;display:block;color:rgba(16,47,65,.04);position:relative;bottom:414px;z-index:1;text-align:right;margin:0;line-height:0}
.swiper-button-prev{top:36%!important}.project{margin-top:0}.link{margin-left:0}}