*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:none !important}html,body{width:100%;height:100%}body{font-size:16px;font-family:"Roboto",sans-serif;line-height:1.65;color:#e1e1e1;background-color:#6b6c6d;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif;font-weight:700;color:#fff}img{border:0 none;max-width:100%;vertical-align:middle;height:auto}a:not([href]):not([tabindex]){color:#fff}a,a:hover,a:focus{color:inherit;text-decoration:none}ul,ol{margin:0 0 24px 20px;color:#fff}figcaption{font-size:14px;text-align:center}blockquote{padding:0 0 0 30px;font-size:15px;font-family:Georgia,"Times New Roman",Times,serif;line-height:24px;font-style:italic;font-weight:400;border-left:4px solid #fff}blockquote em,blockquote i,blockquote cite{font-style:normal}code,kbd,tt,var,samp,pre{color:inherit}hr{border-top-color:#444}pre{white-space:pre-wrap;word-wrap:break-word;font-size:14px;padding:24px;color:#b7b7b7;background-color:#333537}select{-webkit-appearance:none;background-image:url(//ziadnahas.com/wp-content/themes/watson/css/../img/arrow.svg);background-position:calc(100% - 15px) 50%;background-size:11px;background-repeat:no-repeat;background-color:transparent;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.1);max-width:100%;padding:8px 30px 8px 15px;cursor:pointer}select option{color:#000}button{border:2px solid #fff;color:#fff}button:after{background-color:#fff}button:hover,button:focus{color:#000}input[type=text],input[type=email],input[type=search],textarea{width:100%;border:2px solid #999;padding:5px 10px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative;z-index:1;background-color:transparent;color:#fff}table{margin-bottom:24px;width:100%}th,td{padding:10px}table,th,td{border:2px solid #444 !important}table th{font-weight:900;text-align:center;background-color:#333537}dl,dd{margin-bottom:24px}dd{-webkit-margin-start:40px;margin-inline-start:40px}.mt-0{margin-top:0 !important}.mt-5{margin-top:5px !important}.mt-10{margin-top:10px !important}.mt-15{margin-top:15px !important}.mt-20{margin-top:20px !important}.mt-25{margin-top:25px !important}.mt-30{margin-top:30px !important}.mt-35{margin-top:35px !important}.mt-40{margin-top:40px !important}.mt-45{margin-top:45px !important}.mt-50{margin-top:50px !important}.mt-55{margin-top:55px !important}.mt-60{margin-top:60px !important}.mt-62{margin-top:62px !important}.mt-65{margin-top:65px !important}.mt-70{margin-top:70px !important}.mt-75{margin-top:75px !important}.mt-80{margin-top:80px !important}.mt-85{margin-top:85px !important}.mt-90{margin-top:90px !important}.mt-95{margin-top:95px !important}.mt-100{margin-top:100px !important}.mb-0{margin-bottom:0 !important}.mb-5{margin-bottom:5px !important}.mb-10{margin-bottom:10px !important}.mb-15{margin-bottom:15px !important}.mb-20{margin-bottom:20px !important}.mb-25{margin-bottom:25px !important}.mb-30{margin-bottom:30px !important}.mb-35{margin-bottom:35px !important}.mb-40{margin-bottom:40px !important}.mb-45{margin-bottom:45px !important}.mb-50{margin-bottom:50px !important}.mb-55{margin-bottom:55px !important}.mb-60{margin-bottom:60px !important}.mb-62{margin-bottom:62px !important}.mb-65{margin-bottom:65px !important}.mb-70{margin-bottom:70px !important}.mb-75{margin-bottom:75px !important}.mb-80{margin-bottom:80px !important}.mb-85{margin-bottom:85px !important}.mb-90{margin-bottom:90px !important}.mb-95{margin-bottom:95px !important}.mb-100{margin-bottom:100px !important}.m-0{margin:0 !important}.pt-0{padding-top:0 !important}.pt-5{padding-top:5px !important}.pt-10{padding-top:10px !important}.pt-15{padding-top:15px !important}.pt-20{padding-top:20px !important}.pt-25{padding-top:25px !important}.pt-30{padding-top:30px !important}.pt-35{padding-top:35px !important}.pt-40{padding-top:40px !important}.pt-45{padding-top:45px !important}.pt-50{padding-top:50px !important}.pt-55{padding-top:55px !important}.pt-60{padding-top:60px !important}.pt-65{padding-top:65px !important}.pt-70{padding-top:70px !important}.pt-75{padding-top:75px !important}.pt-80{padding-top:80px !important}.pt-85{padding-top:85px !important}.pt-90{padding-top:90px !important}.pt-95{padding-top:95px !important}.pt-100{padding-top:100px !important}.pb-0{padding-bottom:0 !important}.pb-5{padding-bottom:5px !important}.pb-10{padding-bottom:10px !important}.pb-15{padding-bottom:15px !important}.pb-20{padding-bottom:20px !important}.pb-25{padding-bottom:25px !important}.pb-30{padding-bottom:30px !important}.pb-35{padding-bottom:35px !important}.pb-40{padding-bottom:40px !important}.pb-45{padding-bottom:45px !important}.pb-50{padding-bottom:50px !important}.pb-55{padding-bottom:55px !important}.pb-60{padding-bottom:60px !important}.pb-65{padding-bottom:65px !important}.pb-70{padding-bottom:70px !important}.pb-75{padding-bottom:75px !important}.pb-80{padding-bottom:80px !important}.pb-85{padding-bottom:85px !important}.pb-90{padding-bottom:90px !important}.pb-95{padding-bottom:95px !important}.pb-100{padding-bottom:100px !important}.p-0{padding:0 !important}.page-heading{margin-bottom:50px;padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.2)}.page-heading .icon{float:right;font-size:38px;line-height:1em;color:#fff}.page-heading h2{font-size:36px;letter-spacing:1.5px;line-height:1em;text-transform:capitalize;position:relative;color:#fff;display:inline;word-break:break-word}.subheading{position:relative;margin-bottom:50px;text-align:center;font-size:22px;line-height:1em;letter-spacing:.5px}.subheading span{display:inline-block;position:relative;padding:5px 10px;border-bottom:2px solid rgba(255,255,255,.6)}.subheading span:before,.subheading span:after{position:absolute;content:"";width:2px;height:5px;bottom:0;background-color:rgba(255,255,255,.6)}.subheading span:before{left:0}.subheading span:after{right:0}.input{display:block;position:relative}.input__field{width:100%;padding:5px 10px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative;z-index:1;background-color:transparent;border:2px solid #999;color:#fff}.input__field.cf-error{border-color:red}.input__field:focus{outline:none;border-color:#fff}.input__label{font-weight:500;position:absolute;top:7px;left:12px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:0}.input--filled .input__field{border-color:#fff}.input__field:focus+.input__label,.input--filled .input__label{font-size:14px;top:-25px;left:0}textarea{resize:none;height:auto}button,.btn-main{padding:10px 20px;text-transform:uppercase;background-color:transparent;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:500;position:relative;line-height:100%;letter-spacing:1px;overflow:hidden;border:2px solid #fff;color:#fff}button:hover:after,button:focus:after,.btn-main:hover:after,.btn-main:focus:after{opacity:1;left:0;width:100%;color:#000}button:after,.btn-main:after{position:absolute;content:"";width:30%;height:100%;top:0;left:35%;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:-1;background-color:#fff}.preloader{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:10000;background-color:#2c2d2f}.preloader .loader{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.preloader .loader h4{margin-bottom:10px;font-weight:700;color:heading-color}.loader span{display:inline-block;width:.6em;height:.6em;margin:.19em;background:#007db6;border-radius:.6em;-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate}.loader span:nth-of-type(2){background:#008fb2;-webkit-animation-delay:.2s;animation-delay:.2s}.loader span:nth-of-type(3){background:#009b9e;-webkit-animation-delay:.4s;animation-delay:.4s}.loader span:nth-of-type(4){background:#00a77d;-webkit-animation-delay:.6s;animation-delay:.6s}.loader span:nth-of-type(5){background:#00b247;-webkit-animation-delay:.8s;animation-delay:.8s}.loader span:nth-of-type(6){background:#5ab027;-webkit-animation-delay:1s;animation-delay:1s}.loader span:nth-of-type(7){background:#a0b61e;-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes loading{0%{opacity:0}100%{opacity:1}}@keyframes loading{0%{opacity:0}100%{opacity:1}}.header-main{position:fixed;top:0;height:100%;z-index:300;width:200px;left:0;text-align:center;z-index:999;background-color:#17181b}.header-main .simplebar-content{min-height:100%}header .nav-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:100vh}.header-main .header-main-inner{overflow-x:hidden;height:100%}.header-main .image-container{position:relative}.header-main .image-container img{position:relative}.header-main .image-container .header-name{position:absolute;left:0;bottom:0;margin-bottom:0;width:100%;color:#fff;font-size:20px;font-weight:700;padding:10px 0;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:1}.header-main .image-container .header-name:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;z-index:-1;background-color:#17181b}.header-main .name-container .header-name{width:100%;color:#fff;font-size:20px;font-weight:700;margin-bottom:0;text-shadow:0 2px 10px rgb(0 0 0/50%)}.header-main .name-container{padding:30px 0;border-bottom:1px solid #202226}.header-main nav.nav-menu ul{margin:0}.header-main nav.nav-menu ul li{font-size:12px;letter-spacing:1px;text-transform:uppercase;text-align:left;list-style:none;border-bottom:1px solid #202226}.header-main nav.nav-menu ul li a{position:relative;display:block;padding:14px 0 12px 10px;margin:0 25px;opacity:.6;color:#fff}.header-main nav.nav-menu ul li a:hover{opacity:1}.nav-menu .current-menu-item>a{opacity:1 !important}.header-main nav.nav-menu ul li.has-menu-icon>a{padding:14px 0 12px 40px}.header-main nav.nav-menu ul li a span.nav-menu-icon{font-size:20px;position:absolute;left:11px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#primary-menu a .link-before,#primary-menu a .link-after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}#primary-menu a .link-before{right:100%}#primary-menu a .link-before:after{content:'\e875';font-family:'Linearicons-Free'}#primary-menu a .link-after{left:100%}#primary-menu a .link-after:after{content:'\e876';font-family:'Linearicons-Free'}.header-main nav.nav-menu ul li a.active{color:#fff}header .header-mobile{position:fixed;top:0;left:0;height:50px;width:100%;z-index:10;display:none;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#17181b}header .header-mobile h2{color:#fff;font-size:24px;text-transform:uppercase;line-height:50px;white-space:nowrap;text-align:center;margin-bottom:0;padding-left:50px;padding-right:50px}.header-main .header-toggle{position:absolute;height:50px;width:50px;line-height:50px;border-right:1px solid #3b3c43;background-color:#17181b;font-size:20px;text-align:center;right:-50px;cursor:pointer;display:none}.header-content .menu-close{display:none}.header-content.on .menu-open{display:none}.header-content.on .menu-close{display:inline-block}.header-main .nav-footer{width:100%;margin-top:auto !important;padding-top:2em}.header-main .nav-footer .social{text-align:center;margin:0;list-style:none;margin-bottom:10px}.header-main .nav-footer .social li{display:inline-block;font-size:18px;margin-right:10px}.header-main .nav-footer .social li a{opacity:.6;color:#fff;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.header-main .nav-footer .social li:hover a{opacity:1 !important}.header-main .nav-footer .social li:last-child{margin-right:0}.header-main .nav-footer .copy p{font-size:12px;color:#a2a2a2}.site-main{position:fixed;top:0;left:200px;right:0;width:auto;height:100%;-webkit-perspective:1200px;perspective:1200px;overflow:hidden}.site-main .pt-page{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;overflow:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:0;background-color:#2c2d2f}.site-main .pt-page .section-container{max-width:1440px;width:89%;padding-top:50px;padding-bottom:50px;margin:0 auto}.site-main .pt-page .container-fluid{overflow:hidden;padding:0 60px;position:relative}.site-main .page-active{visibility:visible;opacity:1;z-index:1}.site-main .pt-page-ontop{z-index:999}.admin-bar .header-main,.admin-bar .site-main,.admin-bar .ajax-portfolio-popup{margin-top:32px;height:calc(100% - 32px)}.admin-bar .header-main .nav-container{min-height:calc(100vh - 32px)}.admin-bar header .header-mobile{top:46px !important}.banner{position:relative;background-size:cover;background-position:center;height:100vh}.admin-bar .banner{height:calc(100vh - 32px)}.banner:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;background-color:#151515;opacity:.5}.banner .banner-content{color:#fff;position:absolute;top:50%;width:100%;text-align:center;display:block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.banner .banner-content h1{letter-spacing:2px;font-size:62px;font-weight:500;color:#fff;margin-bottom:20px}.banner .banner-content h1 .lname{font-weight:900}.banner .banner-content p{font-weight:300;font-size:28px}.banner .banner-content .static-text{padding-bottom:3px}.banner .banner-content p .cd-words-wrapper b,.banner .banner-content p .simple-text{font-weight:700}.banner .cd-headline.type .static-text{display:inline-block}.banner .banner-content p .simple-text,.banner .banner-content .cd-headline.clip .cd-words-wrapper b,.banner .banner-content .cd-headline.type .cd-words-wrapper b,.banner .banner-content .cd-headline.rotate-1 .cd-words-wrapper b,.banner .banner-content .cd-headline.slide .cd-words-wrapper b,.banner .banner-content .cd-headline.zoom .cd-words-wrapper b,.banner .banner-content .cd-headline.push .cd-words-wrapper b{border-bottom:2px solid #fff}#bg-video video{-o-object-fit:cover;object-fit:cover;width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:-1}.banner .banner-slider{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1}.banner #particles-js{position:absolute;top:0;right:0;bottom:0;left:0}.mfp-container button:after{display:none}.about h3{font-size:22px}.about .about-info ul{margin:0;list-style:none}.about .about-info ul li{line-height:1em;margin-bottom:15px}.about .about-info ul li:last-child{margin-bottom:0}.about .about-info ul li span.title{font-family:"Playfair Display",serif;font-size:16px;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block;margin-right:15px;padding-bottom:1px;border-bottom:2px solid #fff;color:#fff}.about .about-info ul li span.title:after{content:':';position:absolute;top:0;right:-10px}.services .service-item{text-align:center;margin-bottom:40px;position:relative}.services .service-item .icon{font-size:50px;margin-bottom:10px;line-height:1em;color:#fff}.services .service-item h4{font-size:18px;font-weight:600}.services .service-item .desc{font-size:14.5px;line-height:22px;margin-bottom:0;margin-top:15px;margin-bottom:15px}.clients .client-logo img{width:auto;max-height:100px;margin:auto;opacity:.7;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.clients .client-logo img:hover{opacity:1}.testimonials .testimonial-item{position:relative;padding:5px}.testimonials .testimonial-item .testimonial-content{width:100%;border-radius:50px 0;padding-top:20px;padding-bottom:20px;padding-left:100px;padding-right:20px;font-size:14px;position:relative;background-color:#17181b;-webkit-filter:drop-shadow(0px 5px 5px rgba(0,0,0,.2));filter:drop-shadow(0px 5px 5px rgba(0,0,0,.2))}.testimonials .testimonial-item .testimonial-content p{margin-bottom:0}.testimonials .testimonial-item .testimonial-content:before{content:"\f10d";position:absolute;left:5%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;font-family:"Font Awesome 5 Free";font-weight:900;color:#e1e1e1}.testimonials .testimonial-item .testimonial-content:after{position:absolute;content:"";left:15px;top:100%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #17181b}.testimonials .testimonial-item .testimonial-meta{margin-top:20px;margin-left:15px}.testimonials .testimonial-item .testimonial-meta img{width:60px;height:60px;float:left;border-radius:20px 0;margin-right:10px}.testimonials .testimonial-item .testimonial-meta .meta-info h4{font-size:18px;font-weight:400;margin-bottom:0}.testimonials .testimonial-item .testimonial-meta .meta-info p{font-size:14px}.resume ul.timeline{margin:15px 0;list-style:none;position:relative;width:100%}.resume ul.timeline li{position:relative;padding:30px 20px;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.resume ul.timeline li:not(:first-child){margin-top:60px}.resume ul.timeline li span.line-left{width:2px;height:100%;left:0;top:0;position:absolute;background-color:#e1e1e1}.resume ul.timeline li span.line-left:before,.resume ul.timeline li span.line-left:after{content:"";width:10px;height:10px;border-radius:50%;position:absolute;left:-4px;top:-10px;border:2px solid #e1e1e1}.resume ul.timeline li span.line-left:after{top:100%}.resume .timeline .content{margin-left:10px}.resume .timeline .content h4{font-size:18px;font-weight:700;letter-spacing:.5px;line-height:26px;margin:0}.resume .timeline .content h5{margin-top:6px;margin-bottom:5px;font-size:12px;font-family:"Roboto",sans-serif;font-weight:600}.resume .timeline .content .info{margin-bottom:0}.resume .timeline .year{height:100%;width:100%;left:10px;top:0;position:absolute;pointer-events:none;font-weight:500;font-size:14px;color:#fff}.resume .timeline .year .from,.resume .timeline .year .to{position:absolute}.resume .timeline .year span{pointer-events:all}.resume .timeline .year span.to{top:-18px}.resume .timeline .year span.from{bottom:-18px}.resume .skills{margin-bottom:30px}.skills .skill-item{padding:0 20px;margin-bottom:20px}.skills .skill-item:last-child{margin-bottom:0}.skill-item .progress-title{font-size:16px;font-weight:500;margin:0 0 10px;text-transform:uppercase}.skill-item .progress{height:10px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;overflow:visible;background-color:#404144}.skill-item .progress .progress-bar{-webkit-box-shadow:none;box-shadow:none;position:relative;background-color:#fff;overflow:visible}.skill-item .progress .progress-bar:after{content:"";display:block;border:10px solid transparent;border-bottom:18px solid transparent;position:absolute;top:-18px;right:-12px;border-bottom-color:#fff}.skill-item .progress .progress-value{font-size:15px;font-weight:700;position:absolute;top:-20px;right:-20px;color:#fff}.portfolio .portfolio-filter{margin-bottom:30px}.portfolio .portfolio-filter ul{display:inline-block;margin:0 auto;border-radius:27px;line-height:0;list-style:none;border:1px dashed rgba(255,255,255,.2)}.portfolio .portfolio-filter ul li{display:inline-block;font-size:16px;cursor:pointer;font-family:"Roboto",sans-serif;position:relative;text-transform:uppercase;padding:20px;overflow:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;color:#e1e1e1}.portfolio .portfolio-filter ul li.active{border-radius:27px;background-color:#fff;color:#2c2d2f}.portfolio{overflow:hidden}.portfolio .portfolio-item{padding-left:1em;padding-right:1em}.portfolio .portfolio-item figure{position:relative;overflow:hidden;border-radius:10px;margin-bottom:1rem !important}.portfolio .portfolio-item figure:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.portfolio .portfolio-item figure:hover:before{opacity:.7}.portfolio .portfolio-item figure:hover figcaption h4{margin-bottom:0}.portfolio .portfolio-item figure:hover figcaption h4,.portfolio .portfolio-item figure:hover figcaption p{opacity:1;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.portfolio .portfolio-item figure figcaption{position:absolute;left:0;top:50%;padding-left:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:left}.portfolio .portfolio-item figure figcaption h4,.portfolio .portfolio-item figure figcaption p{opacity:0;color:#fff;-webkit-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.portfolio .portfolio-item figure figcaption h4{font-size:20px;font-weight:700;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}.portfolio .portfolio-item figure figcaption p{font-size:16px;padding-top:10px;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.portfolio .portfolio-item a figure:after{position:absolute;font-family:"Font Awesome 5 Free";font-weight:900;bottom:20px;right:25px;color:#fff;font-size:26px;opacity:0;-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);-webkit-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.portfolio .portfolio-item a figure:hover:after{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.portfolio .portfolio-item a.image-icon figure:after{content:"\f03e"}.portfolio .portfolio-item a.video-icon figure:after{content:"\f03d"}.portfolio .portfolio-item a.music-icon figure:after{content:"\f001"}.portfolio .portfolio-item a.ajax-icon figure:after{content:"\f15c"}.portfolio .portfolio-item a.link-icon figure:after{content:"\f0c1"}.portfolio .portfolio-item a.book-icon figure:after{content:"\f518"}.portfolio-no-image{height:200px;width:100%;background-color:#000}.project-intro h3{font-size:22px}.project-intro .signature{width:50%}.project-intro .project-info ul{margin:0;list-style:none}.project-intro .project-info ul li{line-height:1em;margin-bottom:20px}.project-intro .project-info ul li span.title{font-family:"Playfair Display",serif;font-size:16px;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block;margin-right:15px;padding-bottom:3px;border-bottom:2px solid #fff;color:#fff}.project-intro .project-info ul li span.title:after{content:':';position:absolute;top:0;right:-10px}.project-intro .project-link{margin-top:20px;color:#fff}.project-intro .project-link a{padding-bottom:3px;font-weight:500;border-bottom:2px solid #fff}.single-portfolio .post-navigation .nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:45px;margin-bottom:40px}.single-portfolio .post-navigation .nav-links a{position:relative;text-transform:uppercase;font-size:16px}.single-portfolio .post-navigation .nav-links .nav-previous a{padding-left:20px}.single-portfolio .post-navigation .nav-links .nav-previous a:before{content:'\f104';font-family:"Font Awesome 5 Free";position:absolute;top:0;left:0;font-size:24px;line-height:18px;font-weight:900;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.single-portfolio .post-navigation .nav-links .nav-previous a:hover:before{left:-4px}.single-portfolio .post-navigation .nav-links .nav-next a{padding-right:20px}.single-portfolio .post-navigation .nav-links .nav-next a:before{content:'\f105';font-family:"Font Awesome 5 Free";position:absolute;top:0;right:0;font-size:24px;line-height:18px;font-weight:900;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.single-portfolio .post-navigation .nav-links .nav-next a:hover:before{right:-4px}.blog-list .blog-item{position:relative;display:block;margin-bottom:50px;overflow:hidden;background-color:#2c2d2f;border:1px solid #222324}.blog-list .blog-item .blog-image{min-height:100px;background-color:#17181b}.blog-list .blog-item .blog-image img{-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;min-height:100px;max-height:400px;width:100%;-o-object-fit:cover;object-fit:cover}.blog-list .blog-item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.blog-list .blog-item .blog-content{padding:28px 16px 28px;text-align:center;width:85%;position:relative;margin-left:auto;margin-right:auto;margin-top:-40px;background-color:#2c2d2f}.blog-list .blog-item .blog-content.no-thumbnail{margin-top:0 !important}.blog-list .blog-item .blog-content .categories{margin-bottom:7px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1.5px}.blog-list .blog-item .blog-content .blog-title{margin-bottom:6px;font-size:21px;letter-spacing:.5px;-ms-word-wrap:break-word;word-wrap:break-word}.blog-list .blog-item .blog-content .blog-date{font-family:serif;font-style:italic;font-size:14px}.blog-list .blog-item .blog-content .blog-date,.post-page .post-heading .post-date{color:#e1e1e1}.blog-navigation .nav-links{margin:0 auto}.blog-navigation .page-numbers{margin:0;margin-top:-8px;text-align:center;list-style:none}.blog-navigation .page-numbers li{display:inline-block;font-size:20px;font-weight:500;padding-right:15px;min-width:2vw;text-align:center}.blog-navigation .page-numbers li:last-child{padding-right:0}.blog-navigation .page-numbers li a{color:#fff;opacity:.6}.blog-navigation .page-numbers .current{color:#fff}.blog-navigation .page-numbers li a:hover{text-decoration:underline;opacity:1}.blog-button{margin-top:7px;margin-bottom:50px}.contact-section #map{width:100%;height:200px}.contact .contact-info{text-align:center}.contact .contact-info .info-item .icon{position:relative;display:inline-block;text-align:center;font-size:30px;line-height:1em;margin-top:15px;margin-bottom:15px}.contact .contact-info .info-item h5{font-size:18px;font-weight:500;margin-bottom:0}#contact-form .alert-container{text-align:center}#contact-form .alert-container .alert{border-radius:0}.ajax-portfolio-popup{background-color:#2c2d2f;position:fixed;display:block;top:0;left:0;height:100%;width:100%;z-index:1000;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;overflow-y:scroll;overflow:hidden}.ajax-portfolio-popup.on{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ajax-portfolio-popup .navigation-wrap{position:fixed;top:0;left:0;width:100%;text-align:center;height:80px;background-color:#17181b;z-index:10}.ajax-portfolio-popup .navigation-wrap .popup-close{color:#fff;font-size:30px;line-height:80px;cursor:pointer}.ajax-portfolio-popup .content-wrap{position:absolute;top:0;left:0;right:0;bottom:0;margin-top:80px;overflow-x:hidden;overflow-y:scroll}.ajax-portfolio-popup .content-wrap{-ms-overflow-style:none;scrollbar-width:none}.ajax-portfolio-popup .content-wrap::-webkit-scrollbar{width:0;background:0 0}.ajax-portfolio-popup .portfolio-title{margin-top:40px;display:inline-block;border-bottom:2px solid #fff;padding-bottom:3px}.ajax-portfolio-popup .content-wrap .popup-content{margin-top:40px;margin-bottom:40px}.ajax-portfolio-popup .ajax-loader{position:fixed;display:none;content:"";height:60px;width:60px;top:30%;left:calc(100vw/2 - 30px);-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid #444;border-right:6px solid #e3e3e3;border-bottom:6px solid #e3e3e3;border-top:6px solid #e3e3e3;border-radius:100%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ajax-portfolio-popup .single-work h1{font-size:36px;font-weight:700;letter-spacing:1.5px}.ajax-portfolio-popup .single-work .information li{display:inline-block;margin:0 20px;font-size:18px}.ajax-portfolio-popup .single-work .information li span.title{font-family:"Playfair Display",serif;font-size:18px;font-weight:700}#error-page .error-content{position:absolute;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%,-55%);-ms-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}#error-page .error-content .error-title{font-size:48px;font-weight:900}#error-page .error-content .error-subtitle{font-size:14px;font-weight:600;margin-bottom:30px}@media screen and (min-width:1440px){.site-main .pt-page .section-container{max-width:1440px}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1440px !important}.about .about-info-outer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width:991px){.about .about-info{margin-top:40px}.blog-page .blog-heading{margin-top:0}}@media screen and (max-width:767px){header .header-main{left:-200px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}header .header-main .header-name,header .header-main .name-container{display:none !important}header .header-mobile{display:block;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}header .header-content.on .header-main{left:0}.admin-bar .site-main{margin-top:96px;height:calc(100% - 96px)}.admin-bar .header-main,.admin-bar #sidebar,.admin-bar .ajax-portfolio-popup{margin-top:46px;height:calc(100% - 46px)}.admin-bar .header-main .nav-container{min-height:calc(100vh - 46px)}.site-main{margin-top:50px;height:calc(100% - 50px)}.header-main .header-toggle{display:block}#main{left:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.admin-bar .banner{height:calc(100vh - 96px)}.banner{height:calc(100vh - 50px)}.banner-section .banner-content h1{font-size:50px}.banner-section .banner-content p.cd-headline{font-size:22px}}@media screen and (max-width:575px){.about-section .about .signature{width:70%}.resume-section ul.education,.resume-section ul.experience{padding:0}.resume-section ul.education span.year,.resume-section ul.experience span.year{left:42px}.resume-section .skills .skill-item{padding:0}.portfolio .portfolio-filter ul{border:none}}