#demonote { display: none !important;}
img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
    display: none !important;}
*{margin:0;padding:0}a{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;outline:none;text-decoration:none !important;box-shadow:none;color:#212529}a:hover{color:#000}a:focus{outline:none;text-decoration:none !important;box-shadow:none}#pp-nav li .active span,.pp-slidesNav .active span{background:#c49b66}.first-section{background-color:#121213}.first-section .lang{position:absolute;top:20%;left:0;background-color:#000;z-index:1}.first-section .lang a{padding:6px 18px;line-height:29px;font-weight:bold;font-family:sans-serif;color:#d2d2d2}.first-section .lang .active{background-color:#c49b66;color:#000}.first-section canvas{display:block;position:relative;margin:auto;-webkit-mask-image:-webkit-gradient(linear, left 0%, left bottom, from(transparent), to(#000))}.first-section .overlay{position:absolute;top:26%;left:0;bottom:0;right:0;text-align:center;font-family:sans-serif;font-weight:bold}.first-section .overlay h1{font-size:70px;color:#c49b66}.first-section .overlay h2{font-size:30px;margin-top:10px;color:#d2d2d2;margin-bottom:18px}.first-section .overlay p{color:#d2d2d2}.first-section .overlay .social-media a{color:#d2d2d2;margin:10px 5px}.first-section .overlay .social-media a:hover{color:#c49b66}.w-title{text-align:center}.w-title h2{font-size:32px;font-weight:bold;font-family:sans-serif;color:#c49b66;margin-bottom:8px;letter-spacing:2px}.w-title .t-line{height:27px;width:3px;background-color:#c49b66;text-align:center;margin:0 auto;margin-bottom:20px}.second-section{background-color:#2b2b2b}.second-section .about-img{background-image:url(../img/About-img.png);width:170px;height:170px;background-size:cover;background-position:center;border-radius:50%;margin:15px auto}.second-section p{width:70%;margin-top:35px !important;margin:0 auto;font-size:16px;font-family:sans-serif;line-height:27px;color:#9f9fa7;margin-bottom:62px;font-weight:bold}.skills-section{background-color:#121213;padding-top:30px}.skills-section .set-size{font-size:8.5em;text-align:center;margin:0px auto;display:inline-block}.skills-section .charts-container:after{clear:both;content:'';display:table}.skills-section .wrapper-box{display:inline-block}.skills-section .wrapper-box h5{font-size:21px;font-family:sans-serif;color:#c49b66;letter-spacing:2px;opacity:.7}.skills-section .pie-wrapper{height:1em;width:1em;margin:15px;position:relative;display:inline-block}.skills-section .pie-wrapper .pie{height:100%;width:100%;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}.skills-section .pie-wrapper .pie .half-circle{height:100%;width:100%;border:0.1em solid #c49b66;border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}.skills-section .pie-wrapper .label{background:#1f1f1f;border-radius:50%;bottom:0.4em;color:#c49b66;cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:112px;position:absolute;right:0.4em;text-align:center;top:0.4em;font-family:sans-serif}.skills-section .pie-wrapper .label .smaller{color:#c49b66;position:absolute;font-size:.45em;vertical-align:super}.skills-section .pie-wrapper .shadow{height:100%;width:100%;border:0.1em solid #bdc3c7;border-radius:50%}.skills-section .pie-wrapper.progress-30 .pie .half-circle{border-color:#c49b66}.skills-section .pie-wrapper.progress-30 .pie .left-side{-webkit-transform:rotate(108deg);transform:rotate(108deg)}.skills-section .pie-wrapper.progress-30 .pie .right-side{display:none}.skills-section .pie-wrapper.progress-60 .pie{clip:rect(auto, auto, auto, auto)}.skills-section .pie-wrapper.progress-60 .pie .half-circle{border-color:#c49b66}.skills-section .pie-wrapper.progress-60 .pie .left-side{-webkit-transform:rotate(216deg);transform:rotate(216deg)}.skills-section .pie-wrapper.progress-60 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills-section .pie-wrapper.progress-70 .pie{clip:rect(auto, auto, auto, auto)}.skills-section .pie-wrapper.progress-70 .pie .half-circle{border-color:#c49b66}.skills-section .pie-wrapper.progress-70 .pie .left-side{-webkit-transform:rotate(252deg);transform:rotate(252deg)}.skills-section .pie-wrapper.progress-70 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills-section .pie-wrapper.progress-80 .pie{clip:rect(auto, auto, auto, auto)}.skills-section .pie-wrapper.progress-80 .pie .half-circle{border-color:#c49b66}.skills-section .pie-wrapper.progress-80 .pie .left-side{-webkit-transform:rotate(288deg);transform:rotate(288deg)}.skills-section .pie-wrapper.progress-80 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills-section .pie-wrapper.progress-90 .pie{clip:rect(auto, auto, auto, auto)}.skills-section .pie-wrapper.progress-90 .pie .half-circle{border-color:#c49b66}.skills-section .pie-wrapper.progress-90 .pie .left-side{-webkit-transform:rotate(324deg);transform:rotate(324deg)}.skills-section .pie-wrapper.progress-90 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills-section .pie-wrapper.progress-45 .pie .half-circle{border-color:#1abc9c}.third-section{background-color:#2b2b2b}.third-section .project-photos h1{color:#fff;font-size:28px;font-weight:bold;line-height:49px;margin-bottom:0px;margin-top:0}.third-section .project-photos img{width:100%}.third-section .project-photos .post{margin:3px}.third-section .project-photos .filtermenu{width:80%;margin:20px auto;text-align:center}.third-section .project-photos .filtermenu li{font-family:sans-serif;padding:4px 12px;display:inline-block;border-radius:6px;cursor:pointer;width:120px;font-weight:bold;color:#e8e8e8;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}.third-section .project-photos .filtermenu li:hover{color:#fff}.third-section .project-photos .filtermenu li.active{background:transparent;color:#fff;border-radius:0}.third-section .project-photos .container{margin:0 auto;display:flex;flex-wrap:wrap}.third-section .project-photos .post-title{font-size:18px;font-weight:bold;margin-bottom:10px}.third-section .project-photos .post-thumb{margin-bottom:10px;width:100%}.third-section .project-photos .post-txt{font-size:12px}.third-section .project-photos button{background:transparent;color:#fff;border:1px solid #fff;width:150px;height:35px;margin-top:15px;border-radius:0px}.third-section .project-photos button:hover{background-color:transparent;color:#fff;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}.third-section .project-photos .content .img-wrapper{display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-items:stretch;-webkit-align-items:stretch}.third-section .project-photos .content .img-wrapper div{height:200px;flex-grow:1;-webkit-flex-grow:1;align-self:stretch;-webkit-align-self:stretch;overflow:hidden;padding:2px;cursor:pointer;transition:all 200ms ease-in-out}.third-section .project-photos .content .img-wrapper div:hover img{opacity:1}.third-section .project-photos .content .img-wrapper div.popout{position:fixed;top:50%;width:80%;margin:0 auto;height:auto;left:0;right:0;z-index:1;border:10px solid;transform:translateY(-50%)}.third-section .project-photos .content .img-wrapper div.popout img{opacity:1}.third-section .project-photos .content .img-wrapper .img-one{width:200px}.third-section .project-photos .content .img-wrapper .img-two{width:250px}.third-section .project-photos .content .img-wrapper .img-three{width:300px}.third-section .project-photos .content .img-wrapper .img-four{width:350px}.third-section .project-photos .content .img-wrapper img{width:100%;height:100%;object-fit:cover;opacity:0.5;transition:all 200ms ease-in-out}.contact-us{background-color:#121213}.contact-us i{color:#9f9fa7;font-size:26px;margin-top:70px;margin-bottom:10px}.contact-us p{color:#9f9fa7;font-weight:bold;font-size:16px;font-family:sans-serif;width:58%;margin:0 auto;margin-bottom:60px;line-height:25px}.contact-us h3{color:#9f9fa7;font-size:18px;font-weight:bold;font-family:sans-serif;margin-top:12px;margin-bottom:7px}.contact-us h4{color:#9f9fa7;font-size:16px;font-family:sans-serif}@media only screen and (max-device-width: 490px){.skills-section .lang{top:13%}.skills-section .set-size{font-size:5em}.skills-section .wrapper-box h5{font-size:16px;margin-bottom:3px}.skills-section .pie-wrapper{margin:7px}.skills-section .pie-wrapper .label{left:0.2em;line-height:71px;margin-left:2px}.second-section .about-img{width:120px;height:120px}.second-section p{width:100%;font-size:15px;margin-bottom:21px}.third-section .project-photos .filtermenu{width:100%}.third-section .project-photos .content .img-wrapper div{height:124px}.third-section .project-photos .content .img-wrapper .img-one,.third-section .project-photos .content .img-wrapper .img-two{width:130px}.third-section .project-photos .filtermenu li{width:90px}.contact-us p{width:100%}.contact-us h3{margin-top:7px}.contact-us i{margin-top:0}.contact-us .col-md-4.col-12{margin-top:25px}}