@import url(https://fonts.googleapis.com/css?family=Raleway);#footer,.btn,.edit-padding,.media-icon{overflow:hidden}.heading,nav .container ul li a{color:#FFF;display:inline-block}*{font-family:Raleway,sans-serif;outline:0}body{background-color:#2C3E50}.padding-main{padding-top:50px;padding-bottom:50px}div.hr{width:90%;background:-webkit-gradient(linear,left top,right top,from(#34495e),color-stop(#D0D0D0),color-stop(#FFF),color-stop(#D0D0D0),to(#34495e));background:-webkit-linear-gradient(left,#34495e,#D0D0D0,#FFF,#D0D0D0,#34495e);background:-o-linear-gradient(left,#34495e,#D0D0D0,#FFF,#D0D0D0,#34495e);background:linear-gradient(90deg,#34495e,#D0D0D0,#FFF,#D0D0D0,#34495e);border-radius:100%;height:1px;margin:auto}.heading{text-transform:uppercase;margin-bottom:30px;border-bottom:3px solid #1e90ff;padding-bottom:5px;position:relative;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;font-size:32px}#about h3+i,.btn::after,.heading::after,.heading::before{-webkit-transition:all .3s linear}@media (max-width:767px){.heading{font-size:28px;font-weight:100}}.heading::after,.heading::before{content:"";position:absolute;top:83.7%;left:-15px;height:15px;width:15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:transparent;border:3px solid #1e90ff;-o-transition:all .3s linear;transition:all .3s linear;-webkit-box-shadow:inset 0 0 0 3px #FFF;box-shadow:inset 0 0 0 3px #FFF}.heading::before{left:auto;right:-15px}.media-icon,nav{position:absolute;left:0;width:100%}.media-icon{background-color:#34495e;-webkit-box-shadow:0 0 7px rgba(51,51,51,.8);box-shadow:0 0 7px rgba(51,51,51,.8);height:30px;top:0;color:#FFF}.date{text-shadow:0 0 7px rgba(255,255,255,.5)}.media-icon ul{float:right}.media-icon ul li{float:left}.media-icon ul li a{padding:7px 12px;font-size:16px;line-height:30px;color:#FFF;-webkit-transition:all .35s linear;-o-transition:all .35s linear;transition:all .35s linear}.media-icon ul li a:hover{background-color:#1e90ff}.media-icon .row div:first-of-type{line-height:30px}@media(max-width:767px){.media-icon ul{text-align:center}.media-icon ul,.media-icon ul li{float:none}.media-icon ul li{display:inline-block}}#clock{font-family:Tahoma}nav{background-color:#34495e;top:30px;-webkit-box-shadow:0 0 7px rgba(51,51,51,.8);box-shadow:0 0 7px rgba(51,51,51,.8);border-top:4px solid #1e90ff;height:100px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;z-index:999}.active,nav .container ul li:hover{background-color:#1e90ff}nav .container ul{float:right;width:100%}nav .container ul li{float:left;width:20%;font-size:18px;color:#FFF;text-transform:uppercase;text-align:center!important;height:96px;margin-top:0;position:relative;cursor:pointer;-webkit-transition:background .4s linear;-o-transition:background .4s linear;transition:background .4s linear}#about h3+i,.btn::after{-o-transition:all .3s linear}nav .container ul li a{height:100px;width:100%;padding:20px 0}nav .container ul li i{font-size:30px}@media(min-width:768px){nav .container ul li a::after{content:"accueil";position:absolute;top:55%;left:calc(50% - 24px);font-size:16px;text-transform:uppercase}nav .container ul li:nth-of-type(2) a::after{content:"à-propos";left:calc(50% - 28px)}nav .container ul li:nth-of-type(3) a::after{content:"portfolio";left:calc(50% - 44px)}nav .container ul li:nth-of-type(4) a::after{content:"compétences";left:calc(50% - 26px)}nav .container ul li:last-of-type a::after{content:"contact";left:calc(50% - 37px)}}@media(max-width:767px){nav .container ul li a{line-height:0;height:60px}nav .container ul li{height:56px}nav{height:60px}nav .container ul li i{line-height:12px}}.active{border-bottom:4px solid #fff}.nav-fixed{position:fixed;top:0;left:0;width:100%;margin:0;z-index:999999}#home h1,.btn{color:#FFF;position:relative}#home{height:100vh;width:100%;background-image:url(/javax.faces.resource/home.jpg.xhtml?ln=images);background-size:cover;background-repeat:no-repeat}#home>div,.btn::after{height:100%;width:100%}#home>div{background-color:rgba(52,73,94,.71);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;border:10px solid rgba(255,255,255,.1)}#home h1{font-size:4em}#home h1+p{font-size:18px;color:#FFF}#home h1+p>span{font-weight:200;font-size:22px;text-transform:capitalize}#about h3,#subscribe h4,.circle~p{text-transform:uppercase}@media (max-width:767px){#home h1{font-size:2.65em}}.btn{padding:10px 40px;font-size:20px;background:0 0;border:2px solid #1e90ff;border-radius:3px;margin-top:5px;z-index:2;outline:0}.btn::after{content:"";position:absolute;top:0;left:0;z-index:-1;transition:all .3s linear}.btn:hover::after{-webkit-box-shadow:inset 0 0 0 25px #1e90ff;box-shadow:inset 0 0 0 25px #1e90ff}.typed-cursor{-webkit-animation:shadow .7s infinite ease-in-out;animation:shadow .7s infinite ease-in-out}@-webkit-keyframes shadow{0%{opacity:1}100%{opacity:0}}@keyframes shadow{0%{opacity:1}100%{opacity:0}}#about p{width:90%;margin:30px auto;color:#D0D0D0;line-height:1.7}#about h3{color:#FFF;font-weight:100;letter-spacing:.5px}#about h3+i{font-size:50px;color:#AAA;margin-bottom:15px;transition:all .3s linear}#about .row>div>div,#subscribe form input{-webkit-transition:all .3s linear;-o-transition:all .3s linear}#about h3~p{color:#D0D0D0;line-height:1.7;padding:0 2px}#about .row>div>div{padding-top:20px;padding-bottom:30px;transition:all .3s linear;-webkit-box-shadow:inset 0 0 50px rgba(255,255,255,.05);box-shadow:inset 0 0 50px rgba(255,255,255,.05);margin-top:20px;margin-bottom:20px}#about .row>div>div:hover{-webkit-box-shadow:inset 0 0 50px rgba(255,255,255,.05),0 0 7px rgba(255,255,255,.3);box-shadow:inset 0 0 50px rgba(255,255,255,.05),0 0 7px rgba(255,255,255,.3)}#about .row>div>div:hover i{color:#1e90ff}.ser-rotate p{color:#D0D0D0;padding:0 2px}#portfolio h2{margin-bottom:100px}#portfolio .container>.row>.col-sm-6>div{position:relative;max-height:250px;margin-bottom:40px;background-image:url(/javax.faces.resource/tagdirectory.png.xhtml?ln=images);background-size:cover;min-height:250px;background-position:center center;background-repeat:no-repeat;border:10px solid #34495e;-webkit-box-shadow:inset 0 0 0 250px rgba(0,0,0,.3);box-shadow:inset 0 0 0 250px rgba(0,0,0,.3);overflow:hidden}#portfolio .container>.row>.col-sm-6:nth-of-type(2)>div{background-image:url(/javax.faces.resource/echangedeliens.png.xhtml?ln=images)}#portfolio .container>.row>.col-sm-6:nth-of-type(3)>div{background-image:url(/javax.faces.resource/kezako.png.xhtml?ln=images)}#portfolio .container>.row>.col-sm-6:nth-of-type(4)>div{background-image:url(/javax.faces.resource/entagdirectory.png.xhtml?ln=images)}#portfolio .container>.row>.col-sm-6:nth-of-type(5)>div{background-image:url(/javax.faces.resource/backlinks.png.xhtml?ln=images)}#portfolio .container>.row>.col-sm-6:nth-of-type(6)>div{background-image:url(/javax.faces.resource/keezakoo.png.xhtml?ln=images)}#portfolio .container>.row>.col-sm-6:nth-of-type(7)>div{background-image:url(/javax.faces.resource/retrogeekzone.png.xhtml?ln=images)}#portfolio .hov-img{height:250px;width:100%;position:relative;top:0;left:0;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}#portfolio .hov-img>div{height:100%;width:50%;position:absolute;top:0;left:-50%;background-color:#2C3E50;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}#portfolio .hov-img:hover>div:first-of-type{left:0}#portfolio .hov-img>div:last-of-type{left:100%}#portfolio .hov-img:hover>div:last-of-type{left:50%}#portfolio .hov-img>div:nth-of-type(2),#portfolio .hov-img>div:nth-of-type(2) a{z-index:9;width:100%;color:#FFF;font-size:18px;background:0 0;left:0}#numbers,#subscribe{background-attachment:fixed;background-size:cover}#portfolio .hov-img>div:nth-of-type(2) a i{height:60px;width:60px;background-color:rgba(255,255,255,.1);border-radius:50%;line-height:60px;text-align:center;position:relative;top:-60px;left:5px;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}#portfolio .hov-img>div:nth-of-type(2) a:hover i{background-color:#1e90ff}#portfolio .hov-img:hover>div:nth-of-type(2) a i{top:85px}#portfolio .hov-img>div:nth-of-type(2)>i{position:absolute;right:15px;bottom:-30px;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}#portfolio .hov-img:hover>div:nth-of-type(2)>i{bottom:30px}#subscribe{background-image:url(http://placehold.it/1920x1000);min-height:300px}.slick-dots>li:last-of-type>button::after,.slick-dots>li:nth-of-type(2)>button::after,.slick-dots>li>button::after{background-image:url(http://placehold.it/80x80)}#subscribe>div{min-height:300px;width:100%;background-color:rgba(0,0,0,.8)}#numbers,#numbers>div,#slick-slider>div{min-height:350px}#subscribe h4{text-align:left;font-size:28px;color:#1e90ff;font-weight:700}@media(max-width:767px){#subscribe h4{font-size:22px}}#subscribe form input{background-color:rgba(255,255,255,.1);width:300px;padding:15px 0 15px 10px;outline:0;font-size:18px;color:#FFF;border:1px solid transparent;border-bottom:4px solid #FFF;transition:all .3s linear;margin:15px 0}#subscribe form input::-webkit-input-placeholder{color:#D0D0D0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:relative;top:0}#subscribe form input:-ms-input-placeholder{color:#D0D0D0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:relative;top:0}#subscribe form input::placeholder{color:#D0D0D0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:relative;top:0}#subscribe form input:focus::-webkit-input-placeholder{position:relative;top:-18px;font-size:14px}#subscribe form input:focus:-ms-input-placeholder{position:relative;top:-18px;font-size:14px}#subscribe form input:focus::placeholder{position:relative;top:-18px;font-size:14px}#subscribe form input+button{margin-left:-5px;padding-top:13px;padding-bottom:17px}#subscribe form input+button:hover::after{-webkit-box-shadow:inset 0 0 0 45px #1e90ff;box-shadow:inset 0 0 0 45px #1e90ff}@media (max-width:767px){#subscribe form input{display:block;width:100%;margin:15px auto}#subscribe form input+button{display:block;margin:auto}}#projects h2{margin-bottom:100px}@media(max-width:767px){.temp-info{text-align:center!important;padding:20px 0}}#projects .row>div img{width:100%;position:relative;top:0;left:0;-webkit-transition:all 15s linear;-o-transition:all 15s linear;transition:all 15s linear}#projects .row>div img:hover{top:-1890px}.edit-padding{padding:0!important;height:423px}.temp-info{text-align:left;color:#FFF}.temp-info h4{font-size:25px;margin-bottom:25px}.temp-info span{font-size:18px;margin-right:10px;color:#D0D0D0}.temp-info p{margin-top:25px}#Said-aboutus .text-center{margin-bottom:50px}#Said-aboutus .taps>span{display:block;height:50px;line-height:50px;font-size:20px;color:#DDD;padding-left:35px;background-color:rgba(30,144,255,.2);cursor:pointer;position:relative}#Said-aboutus .taps>span::after{position:absolute;top:0;right:30px;color:#AAA;font-family:FontAwesome;content:"\f067";font-size:30px}#Said-aboutus .taps>span+div{padding:25px 10px;color:#FFF;background-color:rgba(0,0,0,.35);margin:0}#Said-aboutus .taps>span:not(:first-of-type)+div{display:none}.span-active{background-color:rgba(30,144,255,.6)!important;color:#FFF!important}.span-active::after{content:"\f068"!important}#testimonial h2{margin-bottom:80px}.slick-dots{list-style:none}.slick-dots>li>button{height:0;width:0;position:relative;border:none;padding:0;outline:0}.slick-dots>li>button::after,.slick-dots>li>button::before{content:"";height:60px;width:60px;border-radius:50%;-webkit-box-shadow:0 0 7px rgba(255,255,255,.3);box-shadow:0 0 7px rgba(255,255,255,.3);border:4px solid #1e90ff;position:absolute;left:-117px;top:4px;outline:0;background-size:cover;background-repeat:no-repeat;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;z-index:99}.slick-dots>li>button::before{background-color:rgba(51,51,51,.7);z-index:2}.slick-dots>li:nth-of-type(2)>button::after,.slick-dots>li:nth-of-type(2)>button::before{left:-47px;top:-16px}.slick-dots>li:last-of-type>button::after,.slick-dots>li:last-of-type>button::before{left:23px;top:-37px}.slick-active>button::after{-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important;-webkit-box-shadow:0 0 7px #333!important;box-shadow:0 0 7px #333!important}.slick-active>button::before{opacity:0}.slick-slider img{display:block;margin:30px auto 20px;border-radius:50px;background-color:#34495e;padding:3px;border:3px solid #1e90ff}#contact h4,.circle,.slick-slider h4{display:inline-block}.slick-slider h4+p{color:#DDD}.slick-slider h4{color:#FFF;font-size:20px;margin:0 auto 25px;border-bottom:2px solid #FFF;padding-bottom:15px;position:relative}.slick-slider h4::after,.slick-slider h4::before{content:"";position:absolute;height:16px;width:16px;background-color:#FFF;opacity:1;border-radius:50%;top:calc(100% - 8px);left:-16px}.slick-slider h4::after{left:auto;right:-16px}#numbers{background-image:url(http://placehold.it/1920x1000);background-repeat:no-repeat}#numbers>div{width:100%;background-color:rgba(0,0,0,.7)}#numbers .col-md-3>div{color:#DDD;font-size:35px;padding-top:70px;font-weight:700}#numbers .col-md-3 i{font-size:50px!important;color:#FFF}#numbers .col-md-3 p:last-of-type{color:#FFF;text-transform:uppercase}#clients{color:#FFF;font-size:18px}#clients h2{margin-bottom:80px}#clients .row>div{margin-top:20px;margin-bottom:20px}#skills h2{margin-bottom:80px}#skills .col-md-4 p{margin-top:15px;color:#FFF;font-size:18px;position:relative}.circle{margin:20px auto 0;width:140px;height:140px;position:relative}.circle~p{font-size:18px;margin-bottom:50px;font-family:Tahoma}.progressbar-text{font-weight:100!important;font-family:Tahoma}#contact h2{margin-bottom:80px}#contact h4{font-size:20px;color:#FFF;border-bottom:4px solid #1e90ff;padding-bottom:5px;margin-bottom:30px}#contact .col-sm-4{margin-bottom:35px}@media(min-width:768px){#contact .col-sm-4{text-align:left}}#contact h4~p,#contact h4~p a{color:#DDD;font-size:18px}#contact h4~p{margin-bottom:15px}#contact h4~p i{font-size:25px;color:#1e90ff;position:relative;top:2px}#contact form input,#contact form>button,#contact form>textarea{display:block;width:100%;margin-bottom:20px}#contact form>textarea{max-width:100%;min-height:100px;height:200px;resize:none}#contact form input,#contact form>textarea{padding:15px 10px;border:none;background:0 0;font-size:18px;color:#FFF;background-color:rgba(0,0,0,.3)}#contact form input{padding-left:40px}#contact form>.input{position:relative;z-index:1}#contact form span.form_span{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}#contact form input+span.form_span::after,#contact form input+span.form_span::before{content:"";position:absolute;top:100%;left:0;height:3px;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;width:0;background-color:#1e90ff}#contact form input:focus~span.form_span::after{width:100%}#contact form input:focus~span.form_span::before{color:#1e90ff}#contact form input+span.form_span::before{width:30px;content:"\f007";font-family:FontAwesome;color:#FFF;font-size:25px;top:20%;background:0 0;left:8px}#contact form .input:last-of-type input span.form_span::before{content:"\f0e0"}#footer{height:50px;color:#FFF;background-color:#34495e;-webkit-box-shadow:0 0 7px #333,inset 0 0 7px rgba(51,51,51,.4);box-shadow:0 0 7px #333,inset 0 0 7px rgba(51,51,51,.4)}#footer h5{line-height:35px}#footer .list-unstyled li{color:#FFF;display:inline-block}#footer .list-unstyled li a i{font-size:20px;height:50px;color:#FFF;line-height:38px;padding:10px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}#footer .list-unstyled li a i:hover{background-color:#1e90ff}