body{margin:0;padding:0;font-family:'Montserrat',sans-serif}.white-back{background-color:#fff}.green-back{background-color:#38d9c4}::-moz-selection{background:#38d9c4;color:#fff}::selection{background:#38d9c4;color:#fff}::-moz-selection{background:#38d9c4;color:#fff}.displayflex{display:-webkit-box;display:-ms-flexbox;display:flex}p{font-size:16px;line-height:19px;color:#552633;letter-spacing:0;margin:0 0 16px 0;font-weight:300}p:last-child{margin:0}a{text-decoration:none}a,a:hover{transition:all ease .5s;-webkit-transition:all ease .5s}@-webkit-keyframes fadeInUp{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:none;transform:none}}@-webkit-keyframes fadeIn{0%{opacity:0;-ms-filter:"alpha(opacity=0)"}100%{opacity:1;-ms-filter:"alpha(opacity=100)"}}@keyframes fadeIn{0%{opacity:0;-ms-filter:"alpha(opacity=0)"}100%{opacity:1;-ms-filter:"alpha(opacity=100)"}}@-webkit-keyframes fadeInDown{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInBackground{0%{opacity:0;-ms-filter:"alpha(opacity=0)"}100%{opacity:.05;-ms-filter:"alpha(opacity=5)"}}@keyframes fadeInBackground{0%{opacity:0;-ms-filter:"alpha(opacity=0)"}100%{opacity:.05;-ms-filter:"alpha(opacity=5)"}}@-webkit-keyframes fadeInGradient{0%{opacity:0;-ms-filter:"alpha(opacity=0)"}100%{opacity:1;-ms-filter:"alpha(opacity=100)"}}@keyframes fadeInGradient{0%{opacity:0;-ms-filter:"alpha(opacity=0)"}100%{opacity:1;-ms-filter:"alpha(opacity=100)"}}@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes moveDown{0%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@-webkit-keyframes OpenDoor{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}35%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}65%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes OpenDoor{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}35%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}65%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-ms-filter:"alpha(opacity=100)"}100%{opacity:0;-ms-filter:"alpha(opacity=0)"}}@keyframes fadeOut{0%{opacity:1;-ms-filter:"alpha(opacity=100)"}100%{opacity:0;-ms-filter:"alpha(opacity=0)"}}@-webkit-keyframes whiteBack{0%{background-color:transparent}100%{background-color:#fff}}@keyframes whiteBack{0%{background-color:transparent}100%{background-color:#fff}}#loadingMask{width:100%;height:100%;position:fixed;background:#fff;z-index:1000002}.alerte-landscape{position:fixed;width:100vw;height:100vh;background:#38d9c4;z-index:999;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.alerte-landscape img{margin-bottom:20px;width:80px;height:80px;display:inline-block}.alerte-landscape p{text-align:center;padding:0;position:relative;width:80%;margin:0 10%;font-weight:600;text-transform:uppercase;font-size:10px;color:#FFF;letter-spacing:1.2px;line-height:15px}.alerte-landscape p strong{color:#009b85}.open-webiste{position:fixed;width:100%;height:100vh;top:0;left:0;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;z-index:3}.open-webiste .door{position:fixed;width:calc(100%);height:calc(100vh);top:0;left:0;background:#38d9c4;z-index:3}body.loaded .open-webiste .door{-webkit-animation-name:OpenDoor;animation-name:OpenDoor;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:1s;animation-delay:1s}.open-webiste .smalllogo{position:relative;z-index:2}.open-webiste .smalllogo img{width:142px;height:100px;display:inline-block}body.loaded .open-webiste .smalllogo{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.5s;animation-delay:1.5s}body.loaded #accueil{-webkit-animation-name:whiteBack;animation-name:whiteBack;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:2.5s;animation-delay:2.5s}.accueil{-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;-ms-flex-line-pack:center;align-content:center;position:relative;z-index:6;width:100%;height:100vh}.logo-title{width:100%;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;margin:-100px 0 40px}body.loaded .logo-title{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:3s;animation-delay:3s}.accueil .logo-sd{width:110px;height:160px;display:inline-block}.accueil h2{text-align:left;font-size:15px;text-transform:uppercase;line-height:20px;color:#009b85;letter-spacing:2px;font-weight:300;margin:57px 0 0 15px}.accueil h2 strong{font-weight:700}.accueil h1{font-size:15px;line-height:20px;color:#009b85;letter-spacing:3.5px;text-transform:uppercase;font-weight:400;text-align:center;margin:0}.accueil h1 strong{color:#00caae;font-weight:600}body.loaded .accueil h1{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:4s;animation-delay:4s}#accueil .mailto{font-weight:600;text-transform:uppercase;font-size:10px;color:#38d9c4;letter-spacing:1.2px;line-height:10px;margin:0;text-decoration:none;position:absolute;top:20px;right:20px;z-index:12}#accueil .mailto:hover{color:#009b85}body.loaded #accueil .mailto{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:5s;animation-delay:5s}.gradient{background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);width:100%;height:100vh;position:absolute;top:0;left:0;z-index:5;-webkit-animation-name:fadeInGradient;animation-name:fadeInGradient;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:2.5s;animation-delay:2.5s}.background-home{background-image:url(//www.designsd.fr/wp-content/themes/simonderain/./assets/images/background_code_b.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100vh;top:0;position:absolute;left:0;z-index:4;opacity:.04;-ms-filter:"alpha(opacity=4)"}body.loaded .background-home{-webkit-animation-name:fadeInBackground;animation-name:fadeInBackground;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:2.5s;animation-delay:2.5s}.skills{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:absolute;z-index:6;bottom:30px;left:30px}body.loaded .skills{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:5s;animation-delay:5s}.skills p{font-weight:600;text-transform:uppercase;font-size:10px;color:#38d9c4;letter-spacing:1.2px;line-height:10px;margin:0}.skills .dividerup{width:1px;height:30px;background:#38d9c4;margin:0 20px}.skills img{width:157px;height:20px;display:inline-block}.link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:absolute;z-index:6;bottom:30px;right:30px;background:#38d9c4;border-radius:50px;padding:15px 25px;transition:all ease 1s;-webkit-transition:all ease 1s;cursor:pointer}.link:hover{background:#009b85;transition:all ease 1s;-webkit-transition:all ease 1s}body.loaded .link{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:5s;animation-delay:5s}.link span{font-weight:600;text-transform:uppercase;font-size:10px;color:#fff;letter-spacing:1.2px;line-height:10px;margin:0}.link img{width:9px;height:12px;display:inline-block;margin:0 0 0 10px;position:relative;top:-1px;-webkit-animation-name:moveDown;animation-name:moveDown;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.projects{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px;box-sizing:border-box;position:relative;z-index:14;width:100%}.project{width:calc((100%/3) - 7px);margin:0 0 45px 0}.project .img{width:100%;height:40vw;position:relative;overflow:hidden}.project .img .singleimg{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;transition:all ease 1.5s;-webkit-transition:all ease 1.5s}.project .img a,.project .img a:hover{cursor:-webkit-image-set(url(//www.designsd.fr/wp-content/themes/simonderain/assets/images/cursor.png) 1x,url(//www.designsd.fr/wp-content/themes/simonderain/assets/images/cursor@2x.png) 2x) 0 0,pointer}@-moz-document url-prefix(){.project .img a,.project .img a:hover{cursor:url(//www.designsd.fr/wp-content/themes/simonderain/assets/images/cursor.png),pointer}}.project .img a{display:block;width:100%;height:100%;position:absolute}.project .img a:hover .singleimg{-webkit-filter:grayscale(100%) opacity(0.7);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncA type="table" tableValues="0 0.7" /></feComponentTransfer></filter></svg>#filter');filter:grayscale(100%) opacity(0.7);-webkit-transform:scale(1.05);transform:scale(1.05);transition:all ease 1.5s;-webkit-transition:all ease 1.5s}.project .details{width:calc(100% - 50px);background:#fff;position:relative;z-index:25;margin-top:-100px;padding:25px 25px 0 25px;box-sizing:border-box}.project .details h3{font-family:'Playfair Display',serif;font-size:25px;line-height:33px;color:#223a5c;margin:0}.project .details h4{font-weight:300;font-size:13px;line-height:19px;color:#00caae;letter-spacing:0;margin:0 0 25px 0}.project .details p{font-weight:300;font-size:13px;line-height:19px;color:#552633;letter-spacing:0;margin:0 0 15px 0}.project .details .weblink{font-weight:600;text-transform:uppercase;font-size:10px;color:#00caae;letter-spacing:1.2px;line-height:10px;margin:0;position:relative;transition:all ease 1s;-webkit-transition:all ease 1s}.project .details .weblink:hover{color:#009b85;transition:all ease 1s;-webkit-transition:all ease 1s}.project .details .weblink:after{content:'';width:100%;height:3px;background:#009b85;position:absolute;bottom:-11px;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:.3s ease;transition:.3s ease}.project .details .weblink:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:.3s ease;transition:.3s ease}.contact{position:relative;width:100%;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:relative;z-index:4;background:#38d9c4}.contact .container{display:inline-block;text-align:left;position:relative;z-index:5}.merci{font-weight:700;font-size:80px;line-height:70px;color:#fff;letter-spacing:1px;margin:0;text-transform:uppercase}.coordonnees{font-weight:700;font-size:13px;color:#38d9c4;letter-spacing:.83px;text-transform:uppercase;position:relative;margin:10px 0 0 0 !important}.coordonnees a{color:#38d9c4;letter-spacing:.83px;position:relative}.coordonnees a:hover{color:#38d9c4}.coordonnees a:after{content:'';width:99.6%;height:3px;background:#fff;position:absolute;bottom:-11px;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:.3s ease;transition:.3s ease}.coordonnees a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:.3s ease;transition:.3s ease}.background-foot{background-image:url(//www.designsd.fr/wp-content/themes/simonderain/./assets/images/fonds-etoile.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100vh;top:0;position:absolute;left:0;z-index:4;opacity:.6;-ms-filter:"alpha(opacity=60)"}.error{background-image:url(//www.designsd.fr/wp-content/themes/simonderain/./assets/images/lost.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100vh;top:0;position:fixed;left:0;z-index:4;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.error .content-error{position:relative;z-index:6;margin:0 0 70px 0}.error h1{text-align:left;font-size:45px;text-transform:uppercase;line-height:20px;color:#38d9c4;letter-spacing:2px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.error h2{font-size:15px;text-transform:uppercase;line-height:20px;color:#FFF;letter-spacing:2px;font-weight:600;margin:10px 0 40px 0;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}.error p{font-weight:600;text-transform:uppercase;font-size:10px;color:#fff;letter-spacing:1.2px;line-height:10px;margin:0;text-align:center}.error p a{color:#009b85;position:relative}.error p a:after{content:'';width:100%;height:2px;background:#009b85;position:absolute;bottom:-6px;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:.3s ease;transition:.3s ease}.error p a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:.3s ease;transition:.3s ease}.home-back{font-size:10px;text-transform:uppercase;line-height:20px;color:#FFF;letter-spacing:2px;font-weight:500;margin:20px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.5);position:fixed;top:0;left:0;text-align:center;width:100%}.home-back strong{font-weight:800}.gradient-error{width:100%;height:100vh;top:0;position:fixed;left:0;z-index:5;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)}@media only screen and (max-width:992px){.project{width:calc((100%/2) - 5px);margin:0 0 45px 0}.project .img{width:100%;height:60vw;position:relative;overflow:hidden}.contact .container{display:inline-block;text-align:left;position:relative;z-index:5;padding:0 100px;box-sizing:border-box}.coordonnees{font-weight:700;font-size:15px;color:#38d9c4;letter-spacing:.83px;text-transform:uppercase;position:relative;margin:15px 0 0 0 !important}}@media only screen and (max-width:750px){.accueil h1{font-size:12px;line-height:16px;color:#009b85;letter-spacing:2.5px;text-transform:uppercase;font-weight:400;text-align:center;margin:0;padding:0 30px;box-sizing:border-box}.accueil h1 strong{display:inline-block}.link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:absolute;z-index:6;bottom:100px;right:0;background:#38d9c4;border-radius:50px;padding:15px 25px;transition:all ease 1s;-webkit-transition:all ease 1s;cursor:pointer;width:60%;min-width:210px;margin:0 20%;box-sizing:border-box}.skills{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;position:absolute;z-index:6;bottom:30px;left:30px;width:calc(100% - 60px)}.skills p{font-weight:600;text-transform:uppercase;font-size:10px;color:#38d9c4;letter-spacing:1.2px;line-height:10px;margin:0;width:70px;text-align:right}.skills .dividerup{width:1px;height:30px;background:#38d9c4;margin:0 15px}.project{width:100%;margin:0 0 45px 0}.project .img{width:100%;height:70vh;position:relative;overflow:hidden}.project .details{width:calc(100% - 50px);background:#fff;position:relative;z-index:25;margin-top:-100px;padding:15px 15px 0 15px;box-sizing:border-box}.project .details h3{font-family:'Playfair Display',serif;font-size:23px;line-height:33px;color:#223a5c;margin:0}.contact .container{display:inline-block;text-align:left;position:relative;z-index:5;padding:0 40px;box-sizing:border-box}.merci{font-weight:700;font-size:30px;line-height:30px;color:#fff;letter-spacing:1px;margin:0;text-transform:uppercase}.coordonnees{font-weight:700;font-size:15px;color:#38d9c4;letter-spacing:.83px;text-transform:uppercase;position:relative;margin:15px 0 0 0 !important}.coordonnees em{display:block}}@media only screen and (min-width:320px) and (max-width:768px) and (orientation:landscape){.alerte-landscape{display:-webkit-box;display:-ms-flexbox;display:flex}}