blockquote,body,button,dd,dl,figcaption,figure,h1,h2,h3,h4,li,p{margin:0}
*,:after,:before,pre{box-sizing:border-box}
hr,img,time{display:block}
.article-style,.home-header,.video,blockquote,blockquote *,pre{position:relative}
.article-style,.article-style figcaption,.bodyFixed,.imgFull,.video,blockquote{overflow:hidden}
hr,img{max-width:100%}
.article-style,.article-style figcaption,.imgFull,.slidein{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.article-header p a,.intro p a,.list-item:hover .h3 a,.projects-footer>p a{text-decoration:underline}
.kt .link-dark:hover,.kt .link-light:hover,.kt a:hover,a{text-decoration:none}
.error>div,.footer-site,.projects-footer{text-align:center}
.footer-site .footer-contact,body,html{scroll-behavior:smooth}

@font-face {
	font-family: 'ArcaMajora3';
	src: url("/assets/fonts/ArcaMajora3-Bold.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.anchor-item:before,.closeClone:before,[class*=" icon-link"]:before,[class^=icon-link]:before{font-family:"Montserrat"!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.anchor-item{font-family:Montserrat}
.closeClone:before{content:"\e701"}
/*.anchor-item:before{content:"\e702";font-size:1rem;font-weight:700;margin-right:.5rem}*/
.icon-link-archive:before,.icon-link-code:before,.icon-link-document:before,.icon-link-image:before,.icon-link-video:before,.icon-link:before{font-size:.7rem;font-weight:700;margin-right:.5rem}
.icon-link:before{content:"\e702"}
.icon-link-document:before{content:"\e704";font-size:.8rem;font-weight:400}
.icon-link-archive:before{content:"\e705";font-size:1rem;font-weight:400}
.icon-link-video:before{content:"\e706";font-size:.8rem;font-weight:400}
.icon-link-code:before{content:"\e707";display:inline-block;transform:translateY(2px)}
.icon-link-image:before{content:"\e703";font-size:.9rem;font-weight:400}
body{text-rendering:optimizeSpeed}
a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}
img{height:auto}
button,input,select,textarea{font:inherit}
button{font-size:100%;font-family:inherit;border:0;padding:0;line-height:1;background:0 0}
body,button,html{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
body,html{font-size:18px;line-height:30px;color:#3e3e3e}
h1,h1.title,h2,h3,h4,h5,h6{font-weight:700;text-rendering:optimizeLegibility;margin-bottom:16px;font-family:ArcaMajora3;color:#151515;}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,a,a strong,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1.title{font-size:60px;line-height:64px;margin-bottom:20px}
.h1,h1{font-size:48px;line-height:52px;font-weight:400}
.h2,h2{font-size:36px;line-height:40px;font-weight:600}
.h3,.h4,h3,h4{line-height:32px}
.h3,h3{font-size:24px}
.h4,h4{font-size:21px}
.h5,h5{font-size:18px;line-height:28px}
.h6,h6{font-size:16px;line-height:24px}
p+h2,p+h3,p+h4,p+h5,p+h6{margin-top:24px}
li ul{margin-bottom:0}
p{line-height:28px;margin-bottom:16px;}
p strong{font-weight:700}
.small p{line-height:1.7}
i{font-weight:400}
hr{border:none;border-bottom:1px solid #ddd;margin:1.65em 0}
blockquote{padding:5vmin 3vmin;color:#000;font-size:115%;margin-bottom:1.65em;font-weight:700;font-style:italic;background:#f8f8f8}
blockquote *{z-index:3}
.video{height:0;padding-bottom:56.25%;width:100%}
.link-dark,.link-light{padding:9px 15px;border-radius:5px;font-weight:600;font-size:.7rem;display:inline-block}
.video .html5,.video embed,.video iframe,.video object{z-index:9;position:absolute;top:0;left:0;width:100%!important;height:100%!important}
pre{overflow:auto;margin:1em 0;padding:20px;-moz-tab-size:2;-o-tab-size:2;tab-size:2;background:var(--dark);font-weight:400;font-style:normal;font-size:14px;line-height:1.6;-webkit-font-smoothing:auto;font-family:Consolas,Courier New,Courier,monospace}
pre code{color:var(--grey)}
.link-light{background-color:#f3f3f3;color:#424242}
.link-dark,.link-light{letter-spacing:1px;text-transform:uppercase}
.link-dark{background-color:#15151d;color:#f3f3f3}
.link-dark-big,.link-light-big{padding:9px 15px;font-size:.9rem;border-radius:5px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.link-light-big{background-color:#f3f3f3;color:#424242}
.link-dark-big{background-color:#15151d;color:#f3f3f3}
.link-dark.link-absolute,.link-light.link-absolute{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-99999px;background-color:transparent}
time{font-size:.8rem;margin-bottom:1em}
.articleTags{padding-top:1em}
.tag-boutton{font-size:.68rem;display:inline-block;padding:2px 7px;margin-bottom:5px;border-radius:5px;white-space:nowrap;font-weight:600;border:1px solid #939393}
.tag-boutton.tagActive{color:#868686;border:1px solid transparent;background-color:#000}
.tag-boutton.tagActive span{margin-right:1px;padding-right:5px;border-right:1px solid #868686}
@-webkit-keyframes contentAnim{0%{opacity:0;transform:translateY(-1em)}
to{opacity:1;transform:translateY(0)}
}
@keyframes contentAnim{0%{opacity:0;transform:translateY(-1em)}
to{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes slideout{0%{opacity:1}
50%{top:15vh;opacity:1}
to{top:0;opacity:.7}
}
@keyframes slideout{0%{opacity:1}
50%{top:15vh;opacity:1}
to{top:0;opacity:.7}
}
@-webkit-keyframes animMenu{0%{opacity:0;transform:translateY(-2em) translateX(-50%)}
to{opacity:1;transform:translateY(0) translateX(-50%)}
}
@keyframes animMenu{0%{opacity:0;transform:translateY(-2em) translateX(-50%)}
to{opacity:1;transform:translateY(0) translateX(-50%)}
}
@-webkit-keyframes animPopupImg{0%{opacity:0;transform:translateY(-2em)}
to{opacity:1;transform:translateY(0)}
}
@keyframes animPopupImg{0%{opacity:0;transform:translateY(-2em)}
to{opacity:1;transform:translateY(0)}
}
.header{min-height:50px}
.home-header{height:calc(100vh - 4em);background-color:#000;display:flex;flex-direction:column;margin-bottom:1px}
.home-header.home-header-white{background-color:#fff}
.home-header h1{margin-left:.5em;font-size:calc(2rem + 3vmin);margin-top:auto;margin-bottom:auto;width:90%;max-width:350px;z-index:1;line-height:1.2;font-weight:700;display:inline-block}
.home-header h1 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;padding:0 10px 7px}
.article-style figcaption h3,.article-style figcaption h3 a{padding-top:5px;padding-bottom:5px;padding-right:13px;padding-left:0;color:#000;font-weight:700}
.home-header h1.home-h1-black span{color:#000}
.home-header:after{top:0;left:0;content:"";position:absolute;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:0}
.intro{width:100%;max-width:48rem;margin:2rem auto}
.intro>h2{margin-bottom:1.35em}
.intro p{font-size:1.45rem;line-height:1.6}
.logosite{display:flex;justify-content:center;color:#000;font-size:1.3rem;font-weight:600}
.header,main{margin-left:auto;margin-right:auto;width:calc(100% - 2.7rem)}
.error{height:50vh;display:flex;justify-content:center;align-items:center}
.btnOpenClone,.overlay{width:100%;height:100%}
.error>div{max-width:700px}

.animated-items-container{display:flex;flex-direction:row;flex-wrap:wrap;max-width:1920px;margin:auto}

.gallery-container{max-width:1920px;margin:auto}

.galleries-container{display:-ms-grid;grid-gap:6rem 2.5rem;width:100%;max-width:70rem;margin:0 auto;padding:4.5em 0;border-left:border-top:1px solid #202020;border-top:none;}

.article-style{margin-left:0.9em;margin-bottom:1.8em;margin-right:0.9em;display:inline-block;z-index:8;flex-direction:column;align-items:center,width:350px;}
.imgFull,.slidein .thumb{display:none}
.thumb{width:100%}
.duplicated{opacity:.25}
.article-style figcaption h3{margin-bottom:0;letter-spacing:1px;background:#fff;transition:margin-right .15s}
.btnOpenClone{position:absolute;top:0;left:0;cursor:zoom-in;z-index:2}
.article-style figcaption{position:absolute;top:0rem;text-align:right;transition:opacity .25s;opacity:0.6;}
.article-style:hover figcaption{opacity:1;z-index:3}
.article-style>figure{order:1;margin:0;width:100%;background-color:#0d0c0c}
.blog-text>.h1,.list-items>h2,.list-items>p{margin-left:auto;margin-right:auto}
.article-animated-content{order:2;display:none;width:100%;background-color:#fff;z-index:-1}
.article-animated-content h2{color:#131313;font-weight:700;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1em 0;margin-bottom:0;text-transform:uppercase}
.article-animated-content a.goProject{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-99999px}
.article-animated-content p{position:relative;line-height:1.4;color:#424242}
.article-animated-content p a{color:#357cff}
.imgFull{width:100%}
.imgFull .html5{width:100%;max-width:100%;height:auto}
.slidein .imgFull{display:block}
.closeClone,.slidein .articleBtn,.slidein .btnOpenClone,.slidein figcaption{display:none}
.bodyFixed .article-animated:not(.slidein){transform:scale(.9) rotate(2deg) translateZ(0);transition:transform .2s ease-in-out}
.bodyFixed .article-animated:not(.slidein):nth-child(2n){transform:scale(.9) rotate(-2deg)}
.slidein{will-change:top,left,width;position:fixed;overflow-y:auto;cursor:text;max-height:80vh;transition:top .25s,left .25s,width .25s}
.slideout{z-index:9;-webkit-animation:slideout .2s linear forwards;animation:slideout .2s linear forwards}
.lightBox,.lightBox img{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.slidein .article-animated-content{display:block;z-index:-1}
.slidein .article-animated-content header,.slidein .article-animated-content p{opacity:0;transform:translateY(-1em)}
.slidein .article-animated-content header{-webkit-animation:contentAnim .18s linear .25s forwards;animation:contentAnim .18s linear .25s forwards}
.slidein .article-animated-content p{-webkit-animation:contentAnim .18s linear .3s forwards;animation:contentAnim .18s linear .3s forwards}
.overlay{position:fixed;top:-100vh;left:-100vw;transition:background-color .1s linear .1s,top 0s linear .1s,left 0s linear .1s;background-color:rgba(15,15,15,.2);z-index:9;cursor:zoom-out}
.closeClone,img.kt-img-lightbox-js{cursor:pointer;width:100%;}
.overlay.overlayVisible{transition:background-color .2s,top 0s,left 0s;top:0;left:0}
.slidein .closeClone{display:block}
.closeClone{z-index:10;position:absolute;top:1em}
.closeClone:before{background:#fff;display:block;color:#000;padding:10px;font-size:1rem;text-align:center;cursor:pointer;border-radius:50%}
.blog-text>.h1,.blog-text>p,.projects-footer>h2 span,.projects-footer>rem;p{color:#fff}
.list-items{background:linear-gradient(0deg,#f8f8f8 0,hsla(0,0%,100%,0));border-bottom:1px solid #eee;padding:9em 0}
.list-items>h2{max-width:65rem;font-weight:400}
.blog-text>p,.list-items>p{font-weight:600;max-width:65rem}
.list-items>h2 span{display:block;max-width:700px}
.list-items-container{max-width:900px;margin:0em auto auto;padding-left:0}
.list-item{padding:2rem;background-color:#f8f8f8;border-radius:0rem;list-style:none;border:1px solid #f0f0f0;margin-left:auto;margin-right:auto;margin-bottom:3em;}
.list-item h2.h3{font-weight:700}
.list-item h2.h3 a{color:#000;white-space:normal}
.list-item p{font-size:17px;margin-bottom:2em}
.list-item figure img{margin-left:auto;margin-right:auto;}
.blog-items{background-color:#ffffff}
.blog-items.blog-items-home{align-items:center;justify-content:space-between}
.blog-text{padding:1em 2em 2em}
.blog-text>.h1{max-width:65rem}
.blog-text>.h1 span{display:block;max-width:700px}
.blog-text>p{margin-left:auto;margin-right:auto;margin-bottom:1.65em}
.projects-footer>h2,.projects-footer>p{padding:0 1em;max-width:45rem;margin-left:auto;margin-right:auto}
.blog-items-container{position:relative;padding:4.5em 0}
.blog-items-container:not(.blog-items-container-blog){display:-ms-grid;display:grid;-ms-grid-columns:(auto)[7];grid-template-columns:repeat(7,auto);align-items:center;grid-gap:5rem;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow: auto}
.blog-item:not(.blog-item-blog){width:350px}
.blog-item:not(.blog-item-blog):first-child{margin-left:3em}
.blog-item{position:relative;white-space:normal;display:inline-block;padding:2rem;background-color:#f8f8f8;border-radius:0rem;border:1px solid #f0f0f0}
.blog-item-blog .mini-thumb,.blog-item .mini-thumb{right:0;box-shadow:-10px 10px 30px 0 #000;border-radius:5px;-o-object-fit:cover;object-fit:cover;position:absolute}
.blog-item figure,.blog-item h3{margin-bottom:1em}
.blog-item figure img{margin:0 auto}
.blog-item.blog-mini-thumb-item .h3{max-width:200px;line-height:1.2}
.blog-item .mini-thumb{top:0;transform:translate(2em,-3em);width:120px;height:120px}
.lightBox,.lightBox .closelightbox{top:0;left:0;width:100%;height:100%}
.projects-footer{background-color:#f8f8f8;border-bottom:1px solid #eee;padding:2em 0;margin-top:1px;margin-left:auto;margin-right:auto;max-width:1920px}
.projects-footer>h2{font-weight:400}
.pagination ul,.topNav ul{margin:0;padding:0;list-style:none}
.navInput{display:none}
.topNav{position:fixed;top:0;left:0;width:100%;padding:0.5% 2em;background-color:#fff;z-index:9;justify-content:space-between;align-items:center;}
.topNav,.topNav ul{display:flex;flex-direction:row}
.topNav ul li{margin-left:1.2rem}
.topNav ul li a{padding:5px 0;font-weight:700}
.topNav ul li a.menuActive,.topNav ul li a:focus{border-bottom:1px solid #000}
.menuBtns{display:none}
.blog-items:not(.blog-items-home){display:block}
.blog-items-container-blog{display:-ms-grid;display:grid;grid-gap:6rem 2.5rem;width:100%;max-width:70rem;margin:0 auto;padding:4em 2em}
.lightBox.lightBoxVisible,.pagination{display:flex}
.blog-text-blog>.h1,.blog-text-blog>p{max-width:70rem}
.blog-item-blog .mini-thumb{top:0;transform:translate(1em,-3em)}
.pagination{flex-direction:row;justify-content:center;padding:0 1em 5em}
.gallery-header{text-align: left;max-width:1300px;margin-right:auto;margin-left:0.9em;}
.pagination ul{display:flex;flex-direction:row}
.pagination ul li a,.pagination ul li span{display:inline-block;line-height:normal;padding:5px 1em;background:#1f1f1f;margin:3px;font-size:.81rem;border-radius:2px;color:#fff;border:1px solid transparent}
.pagination ul li .currentPage{border:1px solid #707070}
.article-header{max-width:45rem;margin:1em auto 2.65em}
.article-header p{font-size:1.45rem;font-weight:500;line-height:1.6}
.gallery-img .imgCaption p,.kt figcaption{font-size:85%;line-height:1.4;font-weight:600}
.article-container.kt section{max-width:45rem;margin-left:auto;margin-right:auto;}
.article-container.kt section h2,.article-container.kt section h3{max-width:600px}
.article-container.kt section h2{font-size:1.89rem}
.article-container.kt section>h2{margin-bottom:1em;font-weight:500;color:#313131;font-size:1.89rem}
.article-container.kt section.section-large{max-width:65rem;padding:1.65em;background-color:#f8f8f8}
.gallery-img figure img{width:100%}
.gallery-img .imgCaption{padding:2em 0}
.page-title{margin-bottom:0px;}
.kt hr{margin:0 0 1.65em}
.kt figure{margin-bottom:1.65em}
.kt figure.img-fullwidth img{width:100%}
.kt figcaption{padding:.5rem}
.kt p{font-size:18px;line-height:30px}
.kt h3,.kt h4,.kt h5{font-weight:700}
.kt .link-dark,.kt .link-light,.kt a{color:#357cff;white-space:nowrap;font-weight:600}
.kt .link-dark,.kt .link-light{text-transform:none;font-size:1rem;font-weight:600;letter-spacing:normal}
.kt .link-dark{color:#f3f3f3}
figure.full img{width:100%}
.info-red{padding:2em;background-color:rgba(255,115,115,.39);margin-bottom:0}
.lightBox{display:none;position:fixed;background:rgba(0,0,0,.9);justify-content:center;align-items:center;padding:2em;-webkit-animation-name:contentAnim;animation-name:contentAnim;-webkit-animation-duration:.2s;animation-duration:.2s;z-index:10}
.lightBox .closelightbox{position:absolute;color:#fff;z-index:1;cursor:zoom-out}
.lightBox .closelightbox span{position:absolute;top:1em;right:1.65em;font-size:1.5em;font-weight:400}
.lightBox img{max-width:90vw;max-height:90vh;position:relative;z-index:2;-webkit-animation-name:animPopupImg;animation-name:animPopupImg;-webkit-animation-duration:.25s;animation-duration:.25s}
.footer-site .footer-logo{padding:6em 0}
.footer-site .social img,.footer-site .social svg{width:auto;max-height:18px;display:inline-block}
.footer-site .footer-contact{background-color:#f8f8f8;padding:0em 1em}
.footer-site .contact-text{max-width:600px;margin:0 auto 2em}
.footer-site .copyright{margin-top:2em;font-size:13px;opacity:.8;display:block}
.footer-site .footer-email,.footer-site .tel{margin:0 10px;display:inline-block}
@media (min-width:32rem){.header,main{width:calc(100% - 4rem)}
}
@media (min-width:48rem){.home-header h1{margin-left:5vw;font-size:calc(2rem + 5vmin);line-height:1.05}
.article-container.kt section.section-large{padding:3em 4em}
}
@media (min-width:810px){.article-style{width:45%}
.article-animated-content{padding:0 2em}
.article-animated-content p{height:105px;overflow:hidden}
.article-animated-content p:before{content:"...";position:absolute;left:50%;transform:translateX(-50%);bottom:0}
.article-animated{transition:transform .15s linear .15s}
.overlay.overlayVisible{background-color:rgba(13,12,12,.92)}
}
@media (min-width:651px){.closeClone{right:1em}
}
@media (min-width:769px){.blog-items-container-blog{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1050px){
.list-items-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(470px,1fr));grid-auto-flow:dense;grid-gap:2rem}
.list-item.list-item-large{-ms-grid-column-span:2;grid-column:span 2}
.blog-items{display:flex;flex-direction:row}
.blog-text:not(.blog-text-blog){width:30%;padding:0 2em}
.blog-text{min-width:400px}
.blog-items-container:not(.blog-items-container-blog){width:65%;border-left:1px solid #202020;border-top:none}
}
@media (min-width:1170px){.article-style{width:30%}
}
@media (min-width:1890px){.article-style{width:23%}
}
@media (max-width:768px){.blog-items-container-blog{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
}
@media (max-width:650px){.slidein{max-width:100%;height:100%;max-height:100%;min-height:100%;width:90vw!important;left:5vw!important}
.overlay.overlayVisible{background-color:#fff}
}
@media (max-width:709px){.article-style{margin-bottom:1em;width:90%;}
.article-animated{transition:transform 0s linear 0s}
}
@media (max-width:64rem){.menuBtn1,.menuBtn2,.menuBtns,.topNav .nav-mobile{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.topNav .nav-mobile{display:none;opacity:0}
.navInput:checked~.home-h1{transition:opacity .2s;opacity:0}
.navInput:checked~.topNav .nav-mobile{opacity:1;display:flex;flex-direction:column;background:#000;position:absolute;width:calc(90% - 4em);text-align:right;top:100px;left:50%;padding:3em 0;-webkit-animation-name:animMenu;animation-name:animMenu;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:5px;box-shadow:0 10px 20px 0 rgba(0,0,0,.815)}
.navInput:checked~.topNav .nav-mobile.nav-mobile-home{border:1px solid #888}
.navInput:checked~.topNav .nav-mobile a{color:#fff;padding:.5em;margin-bottom:5px;display:inline-block;margin-right:1em;text-transform:uppercase;font-weight:500;letter-spacing:1px}
.menuBtns{position:relative;display:block;width:50px;height:50px;cursor:pointer;background-color:#fff}
.menuBtn1,.menuBtn2{position:absolute;top:50%;left:50%;width:28px;height:28px;fill:#000}
.menuBtn1{transition:all .2s;transform:translate(-50%,-50%) scale(1);opacity:1}
.menuBtn2{transition:all .2s;transform:translate(-50%,-50%) scale(.5);opacity:0}
.navInput:checked~.topNav .menuBtns .menuBtn2{transition:all .2s;transform:translate(-50%,-50%) scale(1);opacity:1}
.navInput:checked~.topNav .menuBtns .menuBtn1{transition:all .2s;transform:translate(-50%,-50%) scale(.5);opacity:0}
}
@media (max-width:48rem){.slidein figure{margin-top:4.65em}
}
.topNav a{font-size:13px;}
video:focus{outline:none;}