a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:circular;src:url(../fonts/Circular/circular-book.eot?#iefix) format("embedded-opentype"),url(../fonts/Circular/circular-book.otf) format("opentype"),url(../fonts/Circular/circular-book.woff) format("woff"),url(../fonts/Circular/circular-book.ttf) format("truetype"),url(../fonts/Circular/circular-book.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:circular;src:url(../fonts/Circular/circular-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Circular/circular-bold.otf) format("opentype"),url(../fonts/Circular/circular-bold.woff) format("woff"),url(../fonts/Circular/circular-bold.ttf) format("truetype"),url(../fonts/Circular/circular-bold.svg) format("svg");font-weight:700;font-style:normal}@font-face{font-family:circular;src:url(../fonts/Circular/circular-black.eot?#iefix) format("embedded-opentype"),url(../fonts/Circular/circular-black.otf) format("opentype"),url(../fonts/Circular/circular-black.woff) format("woff"),url(../fonts/Circular/circular-black.ttf) format("truetype"),url(../fonts/Circular/circular-black.svg) format("svg");font-weight:900;font-style:normal}*{box-sizing:border-box}body{width:100%;min-height:100vh;color:#d5d6d7;font-family:circular,sans-serif;font-weight:300;background:#34393e}header{float:left;width:100%;padding:50px;clear:both;background:linear-gradient(180deg,#34393e 0,#2c3035 200%);background-color:#34393e;box-shadow:-15px -15px 26px #3c4247,2px 2px 5px #3c4247,10px 10px 20px #2c3035,-10px -10px 19px #3c4247;border-bottom:2px solid #3c4247}@media all and (max-width:745px){header{padding:50px 20px}}header .title{position:relative;z-index:2;display:flex;float:left;padding-bottom:15px;clear:both;border-bottom:2px solid #7c7d7f}@media all and (max-width:745px){header .title{flex-direction:column}}header h1,header h2{color:#d5d6d7;font-size:40px}header h1{margin-right:10px;color:#00d07b;font-weight:700}header h1 a{color:#00d07b;text-decoration:none}header p{position:relative;z-index:1;float:left;width:100%;padding-top:15px;margin-top:-2px;clear:both;color:#7c7d7f;border-top:2px solid #2c3035}footer{float:left;width:100%;padding:20px 0;clear:both}footer p{color:#b2b5b6;font-size:12px}footer p a{color:#b2b5b6;text-decoration:none}footer p a.about{color:#00d07b;font-weight:700}.container{max-width:60vw;margin:auto}@media all and (max-width:1080px){.container{max-width:80vw}}@media all and (max-width:745px){.container{float:left;width:calc(100% - 40px);max-width:calc(100% - 40px);margin:0 20px;clear:both}}.grid{box-sizing:border-box;display:grid;float:left;width:100%;margin:10vh 0;clear:both;grid-template-columns:repeat(4,1fr);grid-gap:30px}@media all and (max-width:1368px){.grid{width:100%;grid-template-columns:repeat(3,calc(100% / 3 - 20px));grid-gap:20px}}@media all and (max-width:1080px){.grid{width:100%;grid-template-columns:repeat(2,calc(100% / 2 - 20px));grid-gap:20px}}.item-sound{position:relative;flex-direction:column;justify-content:space-between;z-index:2;display:flex;width:100%;min-height:100px;padding:20px;text-decoration:none;background:#31363a;border:2px solid #31363a;border-radius:20px;transition:all .8s cubic-bezier(.16,1,.3,1);opacity:0}.item-sound#pierre_3{background:url(../img/usage.png);background-repeat:no-repeat;background-position:center;background-size:cover}.item-sound.opacity{transition:all .8s cubic-bezier(.16,1,.3,1);opacity:1}.item-sound:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';box-shadow:10px 10px 0 #34393e,-10px -10px 0 #34393e;border-radius:20px;transition:all .8s cubic-bezier(.16,1,.3,1);opacity:0}.item-sound:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:'';box-shadow:inset 5px 5px 19px #34393e,inset -5px -5px 19px #34393e;border-radius:20px;transition:all .8s cubic-bezier(.16,1,.3,1);opacity:0}.item-sound.appear{background:#34393e;border:2px solid #3c4247;transform:translate(0);transition:all .8s cubic-bezier(.16,1,.3,1);opacity:1}.item-sound.appear:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';box-shadow:10px 10px 19px #2c3035,-10px -10px 19px #3c4247;border-radius:20px;transition:all .8s cubic-bezier(.16,1,.3,1);opacity:1}.item-sound.appear:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:'';box-shadow:inset 5px 5px 10px #2c3035,inset -5px -5px 10px #3c4247;border-radius:20px;transition:all .8s cubic-bezier(.16,1,.3,1);opacity:0}@media all and (max-width:745px){.item-sound{height:auto;box-shadow:5px 5px 10px #2c3035,-5px -5px 10px #3c4247}}.item-sound *{transform:scale(.95);transition:all .8s cubic-bezier(.16,1,.3,1)}.item-sound.appear-text *{transform:scale(1);transition:all .8s cubic-bezier(.16,1,.3,1);opacity:1}.item-sound h2{width:calc(100% - 30px);margin-bottom:20px;color:#b2b5b6;line-height:1.4}.item-sound em{color:#7c7d7f;font-size:12px}.item-sound i{position:absolute;right:20px;bottom:15px;align-items:center;justify-content:center;z-index:10;display:flex;width:25px;height:25px;border-radius:15px}.item-sound i:hover{background:#34393e;box-shadow:inset 2px 2px 4px #24272b,inset -2px -2px 4px #444b51;border-radius:28px}.item-sound i:hover img{transform:scale(.9)}.item-sound i img{width:60%;transform:scale(1);opacity:.5}.item-sound .duration{position:absolute;top:25px;right:20px;font-size:10px;text-transform:lowercase}.item-sound.play{background:#34393e;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:1}.item-sound.play:before{transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0}.item-sound.play:after{transition:all .5s cubic-bezier(.16,1,.3,1);opacity:1}.item-sound.play *{transform:scale(.97);transition:all .5s cubic-bezier(.16,1,.3,1)}.fallback-copy{position:fixed;top:50%;left:50%;align-items:center;justify-content:center;z-index:100;display:flex;min-width:20vw;height:5vh;color:#fff;font-weight:700;text-align:center;background-color:#00d07b;border-radius:5vw;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.fallback-copy.active{transition:all .5s cubic-bezier(.16,1,.3,1);opacity:1;pointer-events:none}.autoplay{position:fixed;top:50%;left:50%;align-items:center;justify-content:space-evenly;z-index:100;display:flex;min-width:20vw;color:#fff;font-weight:700;background-color:#00d07b;border-radius:5vw;padding:20px;transform:translate(-50%,-50%);cursor:pointer;display:none}.autoplay img{max-height:50px;margin-right:10px}.testimonial .intro{float:left;width:100%;margin-top:50px;clear:both}.testimonial .intro h2{font-size:35px}.testimonial .testi{width:100%;padding-top:20px;color:#b2b5b6;border-top:2px solid #2c3035}.testimonial .testi .note{float:left;width:100%;margin-bottom:20px;clear:both;color:#7c7d7f;font-size:15px;letter-spacing:5px}.testimonial .testi .note .strong{margin-right:5px;color:#00d07b;font-size:25px;font-weight:700}.testimonial .testi .cite{margin-bottom:20px;font-size:20px;line-height:1.4}.testimonial .testi .author{color:#7c7d7f;font-size:14px}.testimonial .testi .link-disable{color:#7c7d7f;text-decoration:line-through}.testimonial .testi em{font-size:14px;font-style:italic}