.credits,.mobile-nav-toggle{position:fixed;text-align:right}#header,body{position:relative}#header h1,#header img{margin:0;padding:0}#header,#header *,.nav-menu a:before{transition:.3s ease-in-out}.section-title h2,.section-title p{text-transform:uppercase}#header h1,.nav-menu a,.section-title h2,.section-title p{font-family:Poppins,sans-serif}.mobile-nav,.portfolio .portfolio-wrap:hover .portfolio-info::after{bottom:15px;right:15px}body{font-family:"Open Sans",sans-serif;color:#fff;background:0 0}.counts .count-box p,h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.layout{width:100%;height:100%;background-color:rgba(0,0,0,.54)}body::before{content:"";position:fixed;background:url("../img/cover1.JPG") center center/cover #04040416;left:0;right:0;top:0;height:100vh;z-index:-1}@media (min-width:1024px){body::before{background-attachment:fixed}}.contact .info-box .social-links a:hover,.services .icon-box:hover .icon i,a{color:#3799f4}a:hover{color:#35e888;text-decoration:none}#header{height:100vh;display:flex;align-items:center;z-index:997;overflow-y:auto}#header h1{font-size:48px;line-height:1;font-weight:700}#header h1 a,#header h1 a:hover{color:#fff;line-height:1;display:inline-block}#header h2{font-size:24px;margin-top:20px;color:rgba(255,255,255,.8)}#header h2 span{color:#fff;border-bottom:2px solid #3799f4;padding-bottom:6px}#header .social-links{margin-top:40px;display:flex}#header .social-links a{font-size:16px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.1);color:#fff;line-height:1;margin-right:8px;border-radius:50%;width:40px;height:40px}#header .social-links a:hover,.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{background:#3799f4}.nav-menu{margin-top:35px}.nav-menu ul{display:flex;margin:0;padding:0;list-style:none}.mobile-nav a,.nav-menu a{display:block;position:relative}.nav-menu li+li{margin-left:30px}.nav-menu a{color:rgba(255,255,255,.7);font-size:16px;font-weight:400}.nav-menu a:before{content:"";position:absolute;height:2px;bottom:-4px;left:0;background-color:#3799f4;visibility:hidden;width:0}.nav-menu .active>a:before,.nav-menu a:hover:before,.nav-menu li:hover>a:before{visibility:visible;width:25px}.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#fff;text-decoration:none}.mobile-nav-toggle{right:15px;top:15px;z-index:9998;border:0;background:0 0;font-size:24px;transition:.4s;outline:0!important;line-height:1;cursor:pointer}.mobile-nav,.mobile-nav-overly{transition:.2s ease-in-out;position:fixed}.credits a:hover,.mobile-nav-active .mobile-nav-toggle i,.mobile-nav-toggle i,.services .icon-box h4 a,.services .icon-box:hover h4 a,.services .icon-box:hover p{color:#fff}.mobile-nav{top:55px;left:15px;z-index:9999;overflow-y:auto;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;border-radius:10px;padding:10px 0;border:2px solid rgba(255,255,255,.12)}.mobile-nav-active,.mobile-nav-overly,section{overflow:hidden}.mobile-nav *{margin:0;padding:0;list-style:none}.mobile-nav a{color:#fff;padding:10px 20px;font-weight:500;outline:0}.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#3799f4;text-decoration:none}.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;background:rgba(9,9,9,.6);display:none}.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}#header.header-top{height:80px;position:fixed;left:0;top:0;right:0;background:rgba(40,52,56,.968)}#header.header-top .social-links,#header.header-top h2{display:none}#header.header-top h1{margin-right:auto;font-size:36px}#header.header-top .container{display:flex;align-items:center}#header.header-top .nav-menu{margin:0}section{position:absolute;width:100%;top:140px;bottom:100%;opacity:0;transition:.4s ease-in-out;z-index:2}section.section-show{top:100px;bottom:auto;opacity:1;padding-bottom:45px}section .container{background:rgba(40,52,56,.968);padding:30px}@media (max-width:768px){#header.header-top{height:60px}#header.header-top h1{font-size:26px}section{top:120px}section.section-show{top:80px}}.section-title h2{font-size:14px;font-weight:500;padding:0;line-height:1px;margin:0 0 20px;letter-spacing:2px;color:#aaa}.section-title h2::after{content:"";width:120px;height:1px;display:inline-block;background:#4ceb95;margin:4px 10px}.section-title p{margin:-15px 0 15px;font-size:36px;font-weight:700;color:#fff}.about-me .content h3{font-weight:700;font-size:26px;color:#3799f4}.about-me .content ul{list-style:none;padding:0}.about-me .content ul li,.resume .resume-item ul li{padding-bottom:10px}.about-me .content ul i{font-size:20px;padding-right:2px;color:#3799f4}.about-me .content p:last-child{margin-bottom:0}.counts{padding:70px 0 60px}.counts .count-box{padding:30px 30px 25px;width:100%;position:relative;text-align:center;background:rgba(255,255,255,.08)}.counts .count-box i{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:24px;background:rgba(255,255,255,.1);padding:12px;color:#3799f4;border-radius:50px}.counts .count-box span{font-size:36px;display:block;font-weight:600;color:#fff}.counts .count-box p{padding:0;margin:0;font-size:14px}.resume .resume-item h4,.skills .progress .skill{font-family:Poppins,sans-serif;text-transform:uppercase}.skills .progress{height:50px;display:block;background:0 0}.skills .progress .skill{padding:10px 0;margin:0 0 6px;display:block;font-weight:600;color:#fff}.skills .progress .skill .val{float:right;font-style:normal}.skills .progress-bar-wrap{background:rgba(255,255,255,.15)}.skills .progress-bar{width:1px;height:10px;transition:.9s;background-color:#3799f4}.interests .icon-box{display:flex;align-items:center;padding:20px;background:rgba(255,255,255,.08);transition:.3s ease-in-out}.interests .icon-box i{font-size:32px;padding-right:10px;line-height:1}.interests .icon-box h3{font-weight:700;margin:0;padding:0;line-height:1;font-size:16px;color:#fff}.interests .icon-box:hover{background:rgba(255,255,255,.12)}.testimonials .testimonial-item{box-sizing:content-box;min-height:320px}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50%;margin:-40px 0 0 40px;position:relative;z-index:2;border:6px solid rgba(255,255,255,.12)}.testimonials .testimonial-item h3{font-size:18px;font-weight:700;margin:10px 0 5px 45px;color:#fff}.testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0 0 0 45px}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:rgba(255,255,255,.25);font-size:26px}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px}.testimonials .testimonial-item p{font-style:italic;margin:0 15px;padding:20px 20px 60px;background:rgba(255,255,255,.1);border-radius:6px;position:relative;z-index:1}.portfolio-details .portfolio-details-carousel .owl-dots,.portfolio-details .portfolio-details-carousel .owl-nav,.testimonials .owl-dots,.testimonials .owl-nav{margin-top:5px;text-align:center}.portfolio-details .portfolio-details-carousel .owl-dot,.testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.3)!important}.portfolio-details .portfolio-details-carousel .owl-dot.active,.testimonials .owl-dot.active{background-color:#3799f4!important}@media (max-width:767px){.testimonials{margin:30px 10px}}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#fff}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid rgba(255,255,255,.2);position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;color:#3799f4;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:rgba(255,255,255,.15);padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item::before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#3799f4;border:2px solid #3799f4}.services .icon-box{text-align:center;background:rgba(204,204,204,.1);padding:80px 20px;transition:.3s ease-in-out}.services .icon-box .icon{margin:0 auto 20px;width:64px;height:64px;background:#3799f4;border-radius:5px;transition:.3s ease-out;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.services .icon-box .icon i{color:#fff;font-size:28px}.services .icon-box .icon::before{position:absolute;content:'';left:-8px;top:-8px;height:100%;width:100%;background:rgba(255,255,255,.15);border-radius:5px;transition:.3s ease-out;transform:translateZ(-1px)}.services .icon-box h4{font-weight:700;margin-bottom:15px;font-size:24px}.services .icon-box p{line-height:24px;font-size:14px;margin-bottom:0}.services .icon-box:hover{background:#3799f4;border-color:#3799f4}.services .icon-box:hover .icon{background:#fff}.services .icon-box:hover .icon::before{background:#35e888}.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{padding:2px 15px;margin:0 auto 15px;list-style:none;text-align:center;border-radius:50px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:8px 16px 10px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.1);margin:0 3px 10px;transition:.3s ease-in-out;border-radius:4px}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1;background:rgba(0,0,0,.6)}.portfolio .portfolio-wrap::before{content:"";background:rgba(0,0,0,.6);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:.3s ease-in-out;z-index:2;opacity:0}.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:.3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio .portfolio-wrap .portfolio-info::before{display:block;content:"";width:48px;height:48px;position:absolute;top:35px;left:35px;border-top:3px solid #fff;border-left:3px solid #fff;transition:.5s;z-index:9994}.portfolio .portfolio-wrap .portfolio-info::after{display:block;content:"";width:48px;height:48px;position:absolute;bottom:35px;right:35px;border-bottom:3px solid #fff;border-right:3px solid #fff;transition:.5s;z-index:9994}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#fff;font-weight:600}.portfolio .portfolio-wrap .portfolio-info p{color:#fff;font-size:14px;text-transform:uppercase;padding:0;margin:0}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:.3s}.portfolio .portfolio-wrap .portfolio-links a:hover{color:#63eda3}.portfolio .portfolio-wrap:hover::before{top:0;left:0;right:0;bottom:0;opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info::before{top:15px;left:15px}.contact .info-box{color:#444;padding:20px;width:100%;background:rgba(255,255,255,.08)}.contact .info-box i.bx{font-size:24px;color:#3799f4;border-radius:50%;padding:14px;float:left;background:rgba(255,255,255,.1)}.contact .info-box h3{font-size:20px;color:rgba(255,255,255,.5);font-weight:700;margin:10px 0 8px 68px}.contact .info-box p{padding:0;color:#fff;line-height:24px;font-size:14px;margin:0 0 0 68px}.contact .info-box .social-links{margin:5px 0 0 68px;display:flex}.contact .info-box .social-links a{font-size:18px;display:inline-block;color:#fff;line-height:1;margin-right:12px;transition:.3s}.contact .php-email-form{padding:30px;background:rgba(255,255,255,.08)}.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px;font-weight:400;font-size:13px}.contact .php-email-form .error-message{display:none;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;background:#3799f4;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:rgba(255,255,255,.08);text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #3799f4;border-top-color:#eee;-webkit-animation:1s linear infinite animate-loading;animation:1s linear infinite animate-loading}.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px;background:rgba(255,255,255,.08);border:0;transition:.3s;color:#fff}.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{background-color:rgba(255,255,255,.11)}.contact .php-email-form input::-webkit-input-placeholder,.contact .php-email-form textarea::-webkit-input-placeholder{color:rgba(255,255,255,.3);opacity:1}.contact .php-email-form input::-moz-placeholder,.contact .php-email-form textarea::-moz-placeholder{color:rgba(255,255,255,.3);opacity:1}.contact .php-email-form input:-ms-input-placeholder,.contact .php-email-form textarea:-ms-input-placeholder{color:rgba(255,255,255,.3);opacity:1}.contact .php-email-form input::-ms-input-placeholder,.contact .php-email-form textarea::-ms-input-placeholder{color:rgba(255,255,255,.3);opacity:1}.contact .php-email-form input::placeholder,.contact .php-email-form textarea::placeholder{color:rgba(255,255,255,.3);opacity:1}.contact .php-email-form input{padding:20px 15px}.contact .php-email-form textarea{padding:12px 15px}.contact .php-email-form button[type=submit]{background:#3799f4;border:0;padding:10px 30px;color:#fff;transition:.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:#15bb62}@-webkit-keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.portfolio-details{padding-top:40px;background:rgba(0,0,0,.8);position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto}.portfolio-details .container{padding-top:20px;padding-bottom:40px}.portfolio-details .portfolio-title{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-info{padding-top:45px}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:400;margin-bottom:20px}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-info p{font-size:15px;padding:15px 0 0}.credits{right:0;left:0;bottom:0;padding:15px;font-size:13px;color:#fff;z-index:1}@media (max-width:992px){#header h1{font-size:36px}#header h2{font-size:20px;line-height:30px}#header .social-links{margin-top:15px}#header .container{display:flex;flex-direction:column;align-items:center}.portfolio-details .portfolio-info{padding-top:20px}.credits{text-align:center;padding:10px;background:rgba(0,0,0,.8)}}.credits a{color:#3799f4;transition:.3s}#header .arbic_name{color:#fff!important;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;font-size:60px;text-align:left;text-shadow:0 0 60px #504f4f}@media(max-width:750px){#header .arbic_name{display:block}}