/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;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,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}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{padding:.35em .75em .625em}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}body{font-family:roboto;background-color:#212121;height:4000px;font-size:small}.container{width:1170px;margin:auto}.clear{clear:both}button{cursor:pointer;transition:all .6s ease-in-out}button:hover{filter:invert(80%)}p{color:#888;text-transform:lowercase;text-align:justify;line-height:1.7;letter-spacing:1px}h2,h3{text-transform:uppercase;font-weight:700;font-family:roboto;color:#555}.red{color:red}.green{color:green}.white{color:#fff}.purple{color:purple}.b-red{background:red}.b-gereen{background:green}.b-white{background:#fff}.b-purple{background:purple}.header .slider{min-height:600px;overflow:hidden;background-image:url(/images/41843e9584cb81f4d7ece9dd792e4d19c4518d5c/slider.jpg);-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.header .slider .intro{min-height:600px;text-align:center;color:#fff;margin:auto;width:100%;position:relative}.header .slider .intro h1{padding-top:3px;padding-bottom:3px;border-bottom:2px solid #fff;border-top:2px solid #fff;max-width:652px;text-transform:uppercase;font-size:50px;position:absolute;margin:0 259px;top:250px}.header .slider .intro button{max-width:200px;width:180px;border:1px solid #fff;background:0 0;color:#fff;padding:15px 20px;text-transform:uppercase;position:absolute;right:485px;top:350px}.header .slider .intro button:hover{filter:none;border:1px solid #2dcc70;color:#2ddc70;font-weight:700;background:#fff}.header .navbar{background-color:#252f31;overflow:hidden}.header .navbar h2{text-transform:uppercase;color:#fff;float:left;padding:6px;padding-left:0;font-size:24px}.header .navbar h2 span:first-child{text-transform:uppercase;background-color:#4b5557;color:#fff;float:left;font-size:24px;padding:4px 8px 4px 8px;margin-right:22px;outline:8px solid #4b5557;line-height:90%}.header .navbar h2 span:nth-child(2){color:#28cf7d}.header .navbar ul{margin-top:20px;list-style:none;float:right;overflow:hidden}.header .navbar ul li{float:left;padding:10px 0 10px 44px;color:#fff;text-transform:uppercase}.header .navbar ul li a{text-decoration:none;color:#fff;font-size:14px;transition:all .6s ease-in-out}.header .navbar ul li .active,.header .navbar ul li a:hover{color:#28cf7c}.features{background:#fff;overflow:hidden}.features .feat{padding-top:60px;padding-bottom:25px;width:30%;background:#fff;float:left;height:200px}.features>div div:nth-child(2),.features>div div:nth-child(3){padding-left:5%}.features .feat h2{text-transform:uppercase;padding-bottom:20px;padding-top:0;font-weight:700;font-family:roboto;color:#555;font-size:22px}.features .feat p{text-transform:capitalize;font-size:14px;font-family:roboto;line-height:1.7;color:#888;letter-spacing:1px;text-align:justify}#about-me{overflow:hidden;margin-bottom:-3px;background-color:#f2f2f2}#about-me .image{width:38%;float:left;height:600px}#about-me .image img{width:100%;height:100%}#about-me .info{width:60%;float:left;background-color:#f2f2f2;padding-left:2%;margin-bottom:40px;margin-top:20px}#about-me .info>h2{margin:50px 0 0 50px;padding:15px 0 0 15px;text-transform:uppercase;font-size:22px;font-weight:700;font-family:roboto;color:#555}#about-me .info>p:nth-child(2){margin:30px 0 30px 65px}#about-me .info>p:nth-child(3){margin:0 0 0 65px}#about-me .info>p{text-transform:capitalize;font-size:14px;font-family:roboto;line-height:1.7;color:#888;letter-spacing:1px;text-align:justify}#about-me .info .hobbies{overflow:hidden;margin:30px 0 0 70px}#about-me .info .hobbies .hobby{float:left;width:42%;min-height:50px;max-height:150px;margin:25px 0 0 0}#about-me .info .hobbies .hobby:nth-child(2),#about-me .info .hobbies .hobby:nth-child(4){padding-left:16%}#about-me .info .hobbies .hobby .icon{float:left;width:18%;min-height:50px;padding-right:2%}#about-me .info .hobbies .hobby .icon img{max-width:80%;max-height:50px;padding-top:0;margin-top:0}#about-me .info .hobbies .hobby .h-nfo{float:left;width:80%}#about-me .info .hobbies .hobby .h-nfo h2{margin:0;text-transform:uppercase;font-size:16px;font-weight:700;font-family:roboto;color:#555}#about-me .info .hobbies .hobby .h-nfo p{text-transform:capitalize;font-size:12px;font-family:roboto;line-height:1.7;color:#888;text-align:justify}.my-skills{background-color:#fff;overflow:hidden}.my-skills .progresse,.my-skills .skills{padding-bottom:20px;padding-top:60px;width:47.5%;background-color:#fff;min-height:300px;float:left}.my-skills .skills{margin-right:2.5%}.my-skills .progresse{padding-left:2.5%;padding-bottom:70px}.my-skills .skills h2{text-transform:uppercase;padding-bottom:20px;padding-top:0;font-weight:700;font-family:roboto;color:#555;font-size:24px}.my-skills .skills p{padding-right:15px;text-transform:capitalize;font-size:13px;font-family:roboto;line-height:1.7;color:#888;text-align:justify}.my-skills .skills button{font-weight:700;margin-top:20px;background:0 0;padding:10px 20px;color:#2dcc70;border:1px solid #2dcc70;text-transform:uppercase}.my-skills .progresse h3{text-transform:uppercase;padding-bottom:15px;padding-top:35px;font-weight:700;font-family:roboto;color:#555;margin:0}.my-skills .progresse .prog-line{width:100%;height:25px;background:#ddd}.my-skills .progresse .prog-line .prog{background:#2dcc70;text-align:right;line-height:25px;color:#fff;transition:all 1s ease-in-out}.my-skills .progresse .prog-line .prog:hover{filter:saturate(8)}.resume{background:#f2f2f2;padding-bottom:40px;padding-top:40px;text-align:center;width:100%}.resume h2{text-transform:uppercase;padding-bottom:20px;padding-top:0;font-weight:700;font-family:roboto;color:#555;font-size:24px}.resume p{width:70%;text-transform:capitalize;font-size:14px;font-family:roboto;line-height:1.7;color:#888;text-align:center;margin:auto;padding-bottom:30px}.resume button{font-size:12px;font-weight:700;margin-top:20px;margin-bottom:30px;background:0 0;padding:10px 30px;color:#2dcc70;border:1px solid #2dcc70;text-transform:uppercase}.my-education{background-color:#fff;overflow:hidden}.my-education .certificats,.my-education .education{width:47.5%;background-color:#fff;float:left;min-height:300px}.my-education .education{padding-right:2.5%;padding-top:50px;padding-bottom:30px}.my-education .certificats{padding-left:2.5%;padding-top:100px;padding-bottom:50px}.my-education .education h2{text-transform:uppercase;padding-bottom:20px;padding-top:0;font-weight:700;font-family:roboto;color:#555;font-size:24px}.my-education .education p{padding-right:15px;text-transform:capitalize;font-size:13px;font-family:roboto;line-height:1.7;color:#888;text-align:justify;padding-bottom:30px}.my-education .certificats .certificat{padding-top:30px;padding-bottom:30px}.my-education .certificats .certificat h3{margin:0 0;font-size:16px}.my-education .certificats .certificat h4{margin:10px 2px;text-transform:capitalize;font-weight:700;font-family:roboto;color:#777;font-size:10px}.my-education .certificats .certificat span{background-color:#2dcc70;display:inline-block;padding:3px 5px;text-transform:uppercase;margin:0;color:#fff;font-size:10px}.my-education .certificats .certificat hr{border:0;background-color:#999;height:2px;margin:25px 0}.my-education .certificats .certificat p{font-size:12px}hr{border:0;border-color:#999;background-color:#ededed;height:3px;margin:0 0}.work-exp{background-color:#fff;overflow:hidden}.work-exp .exps,.work-exp .work{width:47.5%;background-color:#fff;float:left;min-height:300px}.work-exp .work{padding-right:2.5%;padding-top:50px;padding-bottom:30px}.work-exp .exps{padding-left:2.5%;padding-top:100px;padding-bottom:50px}.work-exp .work h2{text-transform:uppercase;padding-bottom:20px;padding-top:0;font-weight:700;font-family:roboto;color:#555;font-size:24px}.work-exp .work p{padding-right:15px;text-transform:capitalize;font-size:13px;font-family:roboto;line-height:1.7;color:#888;text-align:justify;padding-bottom:30px}.work-exp .exps .exp{padding-top:30px;padding-bottom:30px}.work-exp .exps .exp h3{margin:0 0;font-size:16px}.work-exp .exps .exp h4{margin:10px 2px;text-transform:capitalize;font-weight:700;font-family:roboto;color:#777;font-size:10px}.work-exp .exps .exp span{background-color:#2dcc70;display:inline-block;padding:3px 5px;text-transform:uppercase;margin:0;color:#fff;font-size:10px}.work-exp .exps .exp hr{border:0;background-color:#999;height:1px;margin:0}.work-exp .exps .exp p{font-size:12px}.testimonials{background:#f2f2f2;padding-bottom:50px;padding-top:60px;text-align:center;width:100%}.testimonials h3{margin-top:20px;margin-bottom:30px;text-transform:uppercase;padding-bottom:0;padding-top:10px;font-weight:700;font-family:roboto;color:#555;font-size:16px}.testimonials q{font-style:italic;text-transform:inherit;font-size:18px;font-family:roboto;line-height:1.7;color:#888;text-align:center;margin:auto}.testimonials ul{width:20%;min-height:30px;margin:auto;padding-left:0;list-style:none}.testimonials ul li{display:inline-block;width:8px;height:8px;background-color:#fff;border:1px solid #2dcc70;border-radius:50%;margin:.5px}.testimonials ul .active{background-color:#2dcc70}.my-portfolio{padding:1px;text-align:center;background:#fff}.my-portfolio .container>h2{text-transform:uppercase;padding-bottom:20px;margin-top:0;padding-top:70px;font-weight:700;font-family:roboto,monospace,sans-serif;color:#555;font-size:26px}.my-portfolio .container>p{text-transform:inherit;font-size:16px;font-family:arial,roboto;line-height:1.5;color:#a2a2a2;text-align:center;margin:auto;margin-bottom:30px;letter-spacing:.1px;word-spacing:0}.my-portfolio .portfolio{overflow:hidden}.my-portfolio .portfolio>div{position:relative;overflow:hidden;float:left;width:30%;height:350px;margin-bottom:24px;margin-top:25px;background:#f2f2f2;outline:1px solid #2dcc70;box-shadow:1px 2px 6px 2px #aaa}.my-portfolio .portfolio>div:hover{outline:1px solid #fff}.my-portfolio .portfolio .m-l{margin-left:4.75%}.my-portfolio .portfolio .m-l-1{margin-left:.1%}.my-portfolio .portfolio>div>div{width:90%;height:20%;margin:auto;position:fixed;left:0;z-index:2;position:relative;left:0;top:10px;transition:4s}.my-portfolio .portfolio>div img{z-index:1;width:100%;height:900px;filter:blur(0);transition:3s}.my-portfolio .portfolio>div:hover img{transform:translateY(-710px);filter:blur(5px) brightness(150%)}.my-portfolio .portfolio>div:hover>div{transform:translateY(280px)}.my-portfolio .portfolio>div>div h2{text-align:left;vertical-align:top;font-size:14px;margin:0;margin-top:10px;padding-bottom:10px;color:#2dcc70}.my-portfolio .portfolio>div>div hr{width:100%;height:1px;border:0;background-color:#888;margin-bottom:5px}.my-portfolio .portfolio>div>div a{display:inline-block;width:100%;text-align:left;font-size:12px;color:#888;padding-bottom:10px;text-decoration:none}.my-portfolio .portfolio>div>div a:hover{text-decoration:underline}.contact-me{background:#252f31;overflow:hidden}.contact-me .contacts-info{float:left;width:45%;margin-right:5%;margin-top:70px}.contact-me .contacts-info h2{color:#fff;margin-top:0;margin-left:0;margin-bottom:40px}.contact-me .contacts-info p{color:#73797b;font-size:12px;line-height:2}.contact-me .contacts-info ul{list-style:square inside;display:block;background:0 0;padding-left:0;color:#73797b;line-height:1.7;margin:35px 0}.contact-me .contacts-info h3{display:inline-block;color:#b6b6b6;text-transform:capitalize;font-size:14px;padding-top:0;margin-top:0}.contact-me .contacts-info span{display:inline-block;color:#73797b;margin-left:20px}.contact-me .form{float:left;width:45%;overflow:hidden;margin-left:5%;margin-top:100px}form{padding-top:0;width:100%;border:none}fieldset{padding:0;border:0;width:100%}label{margin-top:20px;color:#b6b6b6;font-size:14px;font-weight:700;text-transform:capitalize}input{display:block;background:#4b5557;padding:17.5px 2%;margin:10px 1% 25px 0;width:95%;border:none;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;transition:all 1s;font-weight:700}textarea{background:#4b5557;min-width:50px;width:94%;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;margin-top:10px;padding:2%;border:none;overflow:auto;resize:both;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;transition:all .8s}textarea:hover{box-shadow:1px 2px 6px 1px #4b5557}input[name=button]{width:auto;background:#191e22;border:none;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:15px 30px;margin-top:30px;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;transition:all .8s;margin-bottom:100px}input:focus{box-shadow:1px 2px 6px 1px #aaa;background:#fff;margin:20px 0 20px 1px;padding-left:10px;padding-right:10px;max-width:97%;width:50%;box-shadow:2px 0 2px 2px #2dcc70}input:hover{box-shadow:1px 2px 6px 1px #add8e6}input[name=button]:hover{box-shadow:1px 2px 6px 1px #aaa;margin-bottom:50px;margin-top:30px;padding:30px 50px;background:#191e22;width:auto;box-shadow:1px 2px 6px 1px #999}.footer{text-align:center;background:#191e22;padding:20px;overflow:hidden}.footer h6{text-align:center;display:inline-block;color:#4b5559;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin:35px 0 35px 0;cursor:default}.footer h6:hover span{color:#999}.footer .foot-social{margin:auto;margin-bottom:35px;width:30%}.footer .foot-social .social{display:inline-block;background:#485053;width:10%;height:35.1px;border-radius:50%;margin:0 1%;overflow:hidden;border:1px solid #191e22;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.footer .foot-social .social a{display:block;max-width:100%;max-height:100%}.footer .foot-social .social img{width:100%;height:100%;vertical-align:middle;text-align:center;color:red;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}img#t-icon{width:150%;height:150%;float:left;position:relative;top:-8px;left:-25%}.footer .foot-social .social h6:hover{cursor:pointer}.footer .foot-social .social:hover{border:1px solid #add8e6}.footer .foot-social .social img:hover{filter:invert(100%)}