*{word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none}body{color:#666;font-size:15px;font-weight:300;letter-spacing:.5px;line-height:1.8;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#000}img{height:auto;max-width:100%}ul{list-style:none;padding:0}p{margin:0}a:hover{outline:none;text-decoration:none}.text_white{color:#fff}.padding_0{padding:0}.gray_bg{background:#fafafa}.dark_bg_1{background:#000}.dark_bg_2{background:#0f1113}.form-control::-webkit-input-placeholder{color:#666;opacity:1}.form-control:-ms-input-placeholder{color:#666;opacity:1}.form-control::-ms-input-placeholder{color:#666;opacity:1}.form-control::placeholder{color:#666;opacity:1}.preloader{background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999}.spinner{font-size:10px;height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;text-indent:-12345px;top:50%;width:50px;z-index:10000}.double-bounce1,.double-bounce2{-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite;background-color:#000;border-radius:50%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.section_padding{padding:100px 0}.pb_70{padding-bottom:70px}.section_heading{padding-bottom:100px;padding-top:0;position:relative}.section_heading:after{background-color:#000;bottom:70px;content:"";display:block;height:30px;left:50%;position:absolute;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:3px}.dark_heading.section_heading:after{background-color:#fff;content:"";position:absolute}.section_heading h2{color:#000;font-size:40px;font-weight:600;margin-bottom:10px;margin-top:0}.dark_heading.section_heading h2{color:#fff}.section_heading p{margin:0 auto 20px;max-width:530px}.main_btn{background:#000!important;border:none;border-radius:30px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;letter-spacing:.6px!important;line-height:10px!important;margin-top:30px;padding:23px 40px!important;position:relative;text-transform:capitalize!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out 0s}.dark_bg_btn{background:#fff;color:#000}.main_btn:focus,.main_btn:hover{background:#000;color:#fff}.dark_bg_btn:focus,.dark_bg_btn:hover{background:#fff;color:#000}.main_btn:after,.main_btn:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .5s ease 0s}.main_btn:hover:before{background:hsla(0,0%,100%,.7);left:60%;right:60%}.dark_bg_btn:hover:before{background:rgba(0,0,0,.7);left:60%;right:60%}.main_btn:hover:after{background:hsla(0,0%,100%,.7);bottom:60%;top:60%}.dark_bg_btn:hover:after{background:rgba(0,0,0,.7);bottom:60%;top:60%}.about_btn .main_btn.contact_btn{margin-right:15px}.about_btn .contact_number{background:transparent;border:1px solid #000;border-radius:30px;font-size:14px;font-weight:600;letter-spacing:.6px;line-height:10px;margin-top:30px;padding:23px 40px}.about_btn .dark_cn{background:transparent;border:1px solid #fff;color:#fff}.about_btn .contact_number:focus{background:transparent;border:1px solid #000;box-shadow:none}.about_btn .dark_cn:focus{background:transparent;border:1px solid #fff;box-shadow:none}.blog_btn{padding:20px 30px}.main_banner{height:700px}.banner_bg,.main_banner{background-repeat:no-repeat;background-size:cover}.banner_bg{background-position:50%;position:relative}.banner_bg:before{background:hsla(0,0%,100%,.452);bottom:0;content:"";height:100%;position:absolute;right:0;width:100%}.banner_bg_2{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.banner_bg_2:before{background:rgba(0,0,0,.5);bottom:0;content:"";height:100%;position:absolute;right:0;width:100%}.parallax_bg{background-attachment:fixed}#particles-js{height:100%;position:absolute;top:0;width:100%}.display_table{display:table;height:100%;width:100%}.display_table_cell{display:table-cell;vertical-align:middle}.banner_content .sm_title{color:#000;font-size:22px;font-weight:600}.banner_bg_2 .sm_title{color:#fff}.banner_content h1{color:#000;font-size:52px;margin:0 0 5px}.banner_bg_2 .banner_content h1{color:#fff}.banner_content h1 span .fw_300{font-weight:300}.banner_content h1 span .fw_800{font-weight:800}.banner_content .sub_title span{background:#ffffff75;border-radius:16px;color:#666;font-size:14px;font-weight:400;margin:10px;padding:1px 10px;position:relative;text-transform:uppercase}.banner_bg_2 .banner_content .sub_title span{color:#fff;font-weight:400;position:relative}.banner_content .sub_title span:before{background:#666;border-radius:50%;bottom:0;content:"";height:4px;right:-12px;top:10px;width:4px}.banner_social_link{margin-top:12px}.banner_social_link li{display:inline-block;margin:0 5px}.banner_social_link a{border-radius:50%;color:#000;display:block;font-size:22px;line-height:45px;position:relative;text-decoration:none;transition:.3s;width:45px;z-index:0}.banner_bg_2 .banner_social_link a{color:#fff}.banner_social_link a:before{background:#000;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);transition:.3s;width:100%;z-index:-1}.banner_bg_2 .banner_social_link a:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.banner_social_link a:hover:before{-webkit-transform:scale(1);transform:scale(1)}.banner_social_link a:hover{color:#fff}.banner_bg_2 .banner_social_link a:hover{color:#000}#home .mouse{animation:finger 1s 0s infinite;border-radius:15px;bottom:100px;height:42px;left:50%;margin-left:-12px;position:absolute;width:22px}.mouse i{color:#373840;font-size:30px}.banner_bg_2 .mouse i{color:#fff;font-size:30px}@keyframes intro{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes finger{0%{opacity:1}to{opacity:0;transform:translateY(20px)}}#about{background:hsla(0,0%,100%,.452)}.about_content_area h5{font-size:18px;font-weight:500;margin-top:0}.dark_bg_1 .about_content_area h5{color:#fff}.about_content_area h3{font-size:30px;font-weight:600;line-height:28px;margin:15px 0;position:relative}.about_content_area .experience{color:rgba(0,0,0,.06);font-size:44px;font-size:150px;font-weight:600;left:0;margin:15px 0;position:absolute;right:0;top:20px;z-index:-1}.dark_bg_1 .about_content_area .experience{color:hsla(0,0%,100%,.08);z-index:1}.dark_bg_1 .about_content_area h3{color:#fff}.about_me{margin-top:30px}.about_me .email a{color:#666}.about_me div{margin-bottom:20px}.about_me span{color:#000;display:inline-block;font-size:15px;font-weight:600;margin-right:30px;position:relative;width:150px}.progress_area{margin:0 0 -25px;width:100%}.skillbar{float:left;margin:0 0 15px;width:100%}.skillbar>span{color:#fff;display:table;font-size:15px;line-height:1;margin:0 0 10px;text-transform:capitalize}#about .skillbar>span{color:gray}.skillbar>.progress{background:rgba(0,0,0,.1);border-radius:0;height:5px;overflow:visible}.dark_bg_1 .skillbar>.progress{background:hsla(0,0%,100%,.1);border-radius:0;height:5px;overflow:visible}.skillbar>.progress .progress-bar{background:#000;height:100%;overflow:visible;position:relative}.dark_bg_1 .skillbar>.progress .progress-bar{background:#fff}.skillbar>.progress .progress-bar span{background:#000;border-radius:10px!important;border-radius:2px;bottom:100%;font-size:12px;margin-bottom:-14px;padding:2px 9px;position:absolute;right:-8px}.dark_bg_1 .skillbar>.progress .progress-bar span{background:#fff;color:#000}.progress,.progress-bar{box-shadow:none}.resume-container h3{font-size:30px;font-weight:600;margin-bottom:30px;margin-left:15px}.dark_bg_1 .resume-container h3{color:#fff}.resume-container h3 i{font-size:30px;margin-right:15px}.dark_bg_1 .resume-container h3 i{color:#fff}.single_resume strong{color:#000;font-size:14px}.single_resume{box-shadow:0 -1px 30px rgba(0,0,0,.1);display:block;margin-bottom:30px;padding:30px;position:relative}.dark_bg_1 .single_resume{box-shadow:0 -1px 30px hsla(0,0%,100%,.2);display:block;position:relative}.single_resume:after{background:#000;bottom:0;content:"";height:2px;left:0;margin:0 auto;position:absolute;right:0;transition:all .3s ease;width:90%}.single_resume:hover:after{width:100%}.cta_section{background:url(bcf3b72c9d5ebb0f417a.jpg);background-attachment:fixed;background-size:cover;padding:100px 0;position:relative}.cta_section:before{background:hsla(0,0%,100%,.46);bottom:0;content:"";height:100%;position:absolute;right:0;width:100%}.cta_content h3{color:#000;font-size:30px;margin-bottom:0;margin-top:0;position:relative}.blog_slide_area{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around}.single_blog{width:300px}.blog-thumb small{color:#000;display:block;font-weight:600}.dark_bg_1 .blog-thumb small{color:#fff}.blog-thumb small .fa{margin-right:5px}.blog-thumb small,.blog-thumb small+span{display:inline-block;vertical-align:middle}.blog-thumb small+span{color:#666;font-size:10px;font-weight:700;margin-left:2px;text-transform:capitalize}.blog-info a h4{font-size:22px;margin:0;padding:8px 0 12px;transition:all .3s ease;-webkit-transition:all .3s ease}.dark_bg_1 .blog-info a h4{color:#fff}.blog-info a h4:hover{color:#000}.dark_bg_1 .blog-info a h4:hover{color:#fff}.blog-info{background:#fff;box-shadow:0 1px 30px rgba(0,0,0,.1);padding:30px}.dark_bg_1 .blog-info{background:#000;box-shadow:0 1px 30px hsla(0,0%,100%,.2)}@media screen and (max-width:500px){#home h1{font-size:35px}.banner_content .sub_title{display:flex;flex-direction:column}}*{font-family:PT Sans Narrow,sans-serif;margin:0;padding:0}.leftul{cursor:pointer;display:flex;float:left;font-weight:700;justify-content:space-around;padding:10px;width:100%}.startShowHeaderSpan{animation:rotateSpanHeader 1s;display:inline-block;margin:0 2px;transition:.5s;width:auto}@keyframes rotateSpanHeader{0%{display:block;opacity:.1;transform:rotateX(180deg)}20%{opacity:.4;transform:rotateX(120deg)}50%{opacity:.8;transform:rotateX(60deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes HideSpanHeader{0%{transform:rotateY(180deg)}20%{opacity:.8;transform:rotateY(120deg)}50%{opacity:.5;transform:rotateY(60deg)}to{display:none;opacity:0;transform:rotateY(0deg)}}#blog>i{margin:auto;padding:0}.leftul li .icon{color:#fff;font-size:25px;line-height:20px!important;margin:3px}#header a{color:#4a4a4a;text-decoration:none}#header li{list-style-type:none;margin:10px;padding:10px;text-align:center}#header{position:fixed;top:0;width:100%;z-index:2}.def{height:200px;margin:2em 0;width:500px}.def,.title{text-align:left}.maincard{align-items:center;flex-wrap:wrap;justify-content:center;margin:3em 0}.maincard p{margin:20px auto;max-width:280px;text-align:center}.containermaincard{align-content:normal;align-items:center;display:flex;flex-flow:row;justify-content:center}.containermaincard img{max-width:500px}.cardprojectphoto{margin:0!important}@media only screen and (min-width:900px){.cardprojectphoto img{height:200px}}.btn{border:none;border-bottom-right-radius:9px 42px;border-top-left-radius:9px 42px;padding:15px}.prog{background:linear-gradient(45deg,#00f3a5,#aaf9d4)}.serv{background:linear-gradient(45deg,#ff0954,#e0e0e0)}.meca{background:linear-gradient(45deg,#75dccb,#efda49)}@media only screen and (max-width:900px){.card img{width:60%}.def{box-sizing:border-box;width:340px}#card1,#card3,.card:nth-child(3){flex-direction:column-reverse}#contact img{width:100%}#contact{flex-direction:column-reverse}#formcontact{background:linear-gradient(180deg,#fff,#d8edee 90%,#a5dcf0)}.leftul{margin:auto;width:100%}.containermaincard{flex-flow:column-reverse}}.containercard{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:40px 0}body .containercard .card{border-radius:15px;box-shadow:inset 5px 5px 5px rgba(0,0,0,.2),inset -5px -5px 15px hsla(0,0%,100%,.1),5px 5px 15px rgba(0,0,0,.3),-5px -5px 15px hsla(0,0%,100%,.1);height:440px;margin:30px;min-width:320px;position:relative;transition:.5s}body .containercard .card .box{align-items:center;background:#2a2b2f;border-radius:15px;bottom:20px;display:flex;justify-content:center;left:20px;overflow:hidden;position:absolute;right:20px;top:20px;transition:.5s}#projects .containercard .card .box{background:#1e866d!important}body .containercard .card .box:before{background:hsla(0,0%,100%,.03);content:"";height:100%;left:0;position:absolute;top:0;width:50%}body .containercard .card .box .content{padding:20px;text-align:center}body .containercard .card .box .content h2{color:hsla(0,0%,100%,.1);font-size:8rem;position:absolute;right:30px;top:-10px}body .containercard .card .box .content h3{color:#fff;font-size:1.8rem;margin-bottom:15px;transition:.5s;z-index:1}body .containercard .card .box .content p{color:hsla(0,0%,100%,.9);font-size:16px;font-weight:300;transition:.5s;z-index:1}.h1style h1,.h2style h2{color:#080808;font-family:Raleway,sans-serif;font-size:40px;font-weight:300;margin:0;padding:0;position:relative;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}.h2style h2{font-size:20px}.h1style h1 span{display:block;font-size:.5em;line-height:1.3}.h1style h1 em{font-style:normal;font-weight:600}.h1style h1,.h2style h2{text-transform:capitalize}.h1style h1:before,.h2style h2:before{background-color:#c50000;bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}.h1style h1 span{color:rgba(0,0,0,.4);font-size:13px;font-weight:500;letter-spacing:4px;line-height:3em;padding-bottom:10px;padding-left:.25em;text-transform:uppercase}.alt-two h1,.alt-two h2{text-align:center}.alt-two h1:before,.alt-two h2:before{left:50%;margin-left:-30px}.alt-two h2:before{top:30px}.card a i,.card a span{vertical-align:middle}.fstalert{margin:auto;text-align:center;width:50%}.linkproject{background:#fff;border-top-left-radius:73px 13px;border-top-right-radius:10px 52px;box-shadow:1px 1px 10px #fff;color:#2a4475;cursor:pointer;display:inline-block;padding:10px;position:relative;white-space:pre}.cv{margin-top:7em}.contact{background:#fff;border-radius:4px;-moz-box-shadow:0 0 28px rgba(0,0,0,.3);-webkit-box-shadow:0 0 28px rgba(0,0,0,.3);box-shadow:0 0 28px rgba(0,0,0,.3);margin:20px auto;overflow:hidden;position:relative;text-align:center}.contact,.one,.two{height:600px;width:400px}.one,.two{display:block;margin:0 auto;position:absolute;-webkit-transition:all .6s cubic-bezier(.175,.885,.32,1.275);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.one{background:#fff;margin-top:20px;top:0}.two{background:linear-gradient(45deg,#21f2b5,#00f);top:600px}.two h3{color:#fff;padding-top:240px}.contact .logooffre{display:block;height:auto;margin:20px auto}.logooffre i{color:#00f;font-size:200px}.one .heading{color:#607d8b;font-size:20px;font-weight:900;margin-top:40px}.contact p,.one .heading{text-transform:capitalize}.contact p{color:#b7b7b7;font-size:13px;font-weight:lighter}#cv input[type=email]{border:none;border-bottom:3px solid #00f;height:60px;margin-bottom:20px;margin-top:20px;overflow:auto;padding-bottom:-80px;padding-left:10px;position:relative;width:85%}#contact input[type=button]{background:linear-gradient(45deg,#00f3a5,#00f);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 60px;text-transform:capitalize}input[type=text]:active:focus::-webkit-input-placeholder,input[type=text]:focus::-webkit-input-placeholder{display:block;font-size:12px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}::-webkit-placeholder{color:#b7b7b7;font-size:14px;text-transform:capitalize;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}::placeholder{color:#b7b7b7;font-size:14px;text-transform:capitalize;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#cv .close{color:#fff;font-size:30px}#contact{box-shadow:0 0 3px 1px #227171;display:flex;margin:85px 0}#formcontact{background:linear-gradient(180deg,#a5dcf0 76%,#d8edee 90%,#fff);flex-grow:1;padding:2em 0;text-align:center}#formcontact input[type=submit]{background:linear-gradient(45deg,#00b7ff,#00abff);border:none;border-radius:5px;box-shadow:0 0 7px -4px #000;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;margin:10px;padding:15px;text-transform:capitalize;width:200px}#formcontact input[type=email]{border:none;border-radius:7px;font-size:16px;margin:25px 0;padding:10px;text-align:center;text-align:left;white-space:normal;width:30em}textarea{border:none;border-radius:10px;height:8em;padding:10px;resize:none;width:30em}#contact img{display:block;width:430px}#contact .err{color:red;font-size:12px;margin-top:10px}#contact .loader{color:green}.allrights{font-size:20px;padding-bottom:15px;text-align:center;width:100%}.thank{justify-content:space-evenly;margin-top:3em;text-align:center;width:100%}.thank,.usefullinks{align-items:center;display:flex;flex-wrap:wrap}.usefullinks{align-content:space-between;flex-direction:row;justify-content:center}.usefullinks a{color:#000;display:block;margin:7px;padding:4px}