body,button{padding:0;display:flex}.contact .contact-details .row>div,body,button:hover::before,html{width:100%}.contact .contact-details .contact-info .s-m-c a:hover,.navigation .nav-item.active i,.navigation .nav-item:hover i,button div,button::before{background-color:#ffb400}*{font-family:Poppins,sans-serif;color:#fff}body,html{height:100%}body{margin:0;background-color:#111}button{cursor:pointer;overflow:hidden;position:relative;margin:20px 0;font-size:.9rem;font-weight:600;text-transform:uppercase;flex-direction:row;align-items:center;justify-content:center;background-color:transparent;border:1px solid #ffb400;border-radius:35px}button::before{z-index:-1;content:"";position:absolute;width:0;height:100%;right:0;top:0;transition:width .4s}button span{padding:0 30px}button div{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%}a{text-decoration:none}::-moz-selection{color:#fff;background:#cfa144}::selection{color:#fff;background:#cfa144}.main-color{color:#ffb400!important}.unset-t-t{text-transform:unset!important}.width-60{width:60%}.contact .contact-details .contact-info .s-m-c,.row{display:flex;flex-direction:row}.uppercase{text-transform:uppercase!important}.rotate{animation:1s linear infinite rotation}.main{width:100%;overflow:auto;overflow-x:hidden}.main::before{content:"";visibility:hidden;z-index:3;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#222;transform:translateY(100%);transition:transform .7s cubic-bezier(.77, 0, .175, 1),visibility .7s}.main.loading::before{transition:none;transform:translateY(0);visibility:visible}.scroll{scrollbar-width:auto;scrollbar-color:#ffb400 transparent}.scroll::-webkit-scrollbar{width:5px}.scroll::-webkit-scrollbar-track{background:0 0}.scroll::-webkit-scrollbar-thumb{background:#ffb400}.scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,180,0,.7)}.about,.contact,.home,.work{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:100vh}.home .desktop-img,.navigation .nav-item .placeholder,.navigation .nav-item span{display:none}.home .home-details{padding:20px 0;display:flex;flex-direction:column;align-items:center}img.mobile-img{box-sizing:border-box;width:220px;height:auto;border-radius:50%;border:4px solid #252525}.home .home-details h1,.home .home-details h2{margin:0;text-transform:uppercase;line-height:1}.home .home-details h1{margin-top:15px;margin-bottom:5px;font-size:1.7rem;color:#ffb400}.home .home-details h2{font-size:1.6rem}.home .home-details p{font-size:.9rem;width:760px;text-align:center}.contact .contact-details h3,.side-title{font-size:21px;line-height:1.2;text-transform:uppercase}.navigation{z-index:1;position:sticky;bottom:0;padding:10px 0;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;background-color:#2b2a2a}.navigation .nav-item{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .4s}.navigation .nav-item i{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#444;transition:background .4s}.navigation .nav-item.active{cursor:default}.about-details,.contact-details,.work-details{max-width:1200px;padding:60px 20px;display:flex;align-self:stretch;flex-direction:column;align-items:flex-start}.p-c-c,.timeline{padding-top:50px;display:flex}.about .dual-title,.contact .dual-title{margin-bottom:70px}.work .dual-title{margin-bottom:50px;margin-left:20px}.about .about-details .mobile-img{align-self:center;margin-bottom:20px}.about .about-details .about-list{margin:20px 0 0;width:100%;display:flex;flex-wrap:wrap;list-style:none;padding-left:0}.about .about-details .about-list li{font-size:15px;display:flex;flex-direction:column;flex:0 0 50%;max-width:50%;padding-bottom:20px;white-space:break-spaces}.about .about-details .about-list li .title{opacity:.8;text-transform:capitalize}.about .about-details .about-list li .value{font-weight:500}.about .about-details .post-p-i{margin-top:20px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.about .about-details .post-p-i .p-i-box{padding:25px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;width:calc((100% / 2) - 10px - 50px);background:linear-gradient(145deg,#131313,#1a1a1a);border-radius:15px;box-shadow:7.5px 7.5px 15px #171717,-7.5px -7.5px 15px #191919}.about .about-details .post-p-i .p-i-box .value{font-size:40px;display:flex;flex-direction:row;justify-content:center;align-items:center}.about .about-details .post-p-i .p-i-box .value span{font-weight:700}.about .about-details .post-p-i .p-i-box .value i{font-size:20px}.about .about-details .post-p-i .p-i-box .value i,.about .about-details .post-p-i .p-i-box .value span{color:#ffb400;line-height:1}.about .about-details .post-p-i .p-i-box .title{display:flex;flex-direction:column;text-transform:uppercase}.contact .contact-details .row{flex-wrap:wrap}.contact .contact-details h3{margin:0;padding-bottom:1rem;font-weight:600}.contact .contact-details p{margin:0;font-size:15px;font-weight:500;font-family:"Open Sans",sans-serif;line-height:1.6}.contact .contact-details .contact-info{margin-top:1.5rem;display:flex;flex-direction:column;align-items:flex-start}.contact .contact-details .contact-info .info-container{margin-bottom:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.contact .contact-details .contact-info .info-container i{text-align:left;margin-right:10px;font-size:35px;color:#ffb400}.contact .contact-details .contact-info .info-container .info-text,.desktop-column,.desktop-row,.timeline .timeline-item .timeline-info{display:flex;flex-direction:column}.contact .contact-details .contact-info .s-m-c a{margin-right:10px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#2b2a2a;transition:background .5s}.contact .contact-details .contact-info .s-m-c a:last-child,.project-modal .project-modal-content .row>span:last-child{margin:0}.contact .contact-details .form-group{margin-top:40px;display:flex;flex-direction:row;flex-wrap:wrap}.contact .contact-details .form-group input,.contact .contact-details .form-group textarea{width:100%;margin-bottom:30px;flex-grow:1;background:#252525;border:1px solid #111;border-radius:30px;color:#fff;font-size:15px;outline:0!important;padding:11px 26px;transition:border .3s}.contact .contact-details .form-group textarea{box-sizing:border-box;margin:0;overflow:hidden;height:200px;resize:vertical}.contact .contact-details .form-group input:focus,.contact .contact-details .form-group textarea:focus{border-color:#ffb400}.contact .contact-details .contact-info .info-container .info-text .info-title{text-transform:uppercase;font-weight:400;font-size:15px;font-family:"Open Sans",sans-serif;opacity:.8;line-height:25px}.contact .contact-details .contact-info .info-container .info-text .info-value{font-weight:600;font-size:15px;font-family:"Open Sans",sans-serif;line-height:25px}.contact .contact-details .contact-info button{margin:30px 0 0}.dual-title{position:relative}.dual-title *{margin:0;text-transform:uppercase}.projects-container .project-item .project-content,.side-title{margin-top:20px}.dual-title h1{font-size:45px;color:hsla(0,0%,100%,.07);font-weight:800;letter-spacing:10px;line-height:.7}.dual-title h2{font-size:35px;z-index:-1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-weight:900;white-space:nowrap}.side-title{font-weight:600}.p-c-c{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.percent-container{margin-bottom:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 auto;width:50%}.percent-container .percent{display:flex;position:relative}.percent-container svg{position:relative;width:94.86px;height:94.86px;transform:rotate(-90deg)}.percent-container svg circle{width:100%;height:100%;fill:none;stroke:#252525;stroke-width:7.5;stroke-linecap:round}.percent-container svg circle:last-of-type{stroke-dasharray:272px;stroke-dashoffset:calc(272px - (272px * var(--percent))/ 100);stroke:#ffb400}.percent-container .number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.percent-container .number h3{margin:0;font-weight:500;font-size:.9rem}.percent-container .number h3 span{font-size:1.3rem}.percent-container .title h2{margin:15px 0 0;font-size:1rem;font-weight:400}.timeline{width:100%;flex-direction:column;align-items:stretch}.timeline .timeline-item{margin-bottom:50px;display:flex;flex-direction:row}.timeline .timeline-item .timeline-icon{position:relative;margin-right:20px}.timeline .timeline-item .timeline-icon i{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffb400;border-radius:50%}.timeline .timeline-item .timeline-icon::before{z-index:-1;content:"";position:absolute;border-left:1px solid #333;height:100%;top:0;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%)}.timeline .timeline-item .timeline-info .time{align-self:flex-start;background-color:#252525;border-radius:20px;color:#fff;font-size:12px;font-weight:600;opacity:.8;padding:1px 10px;text-transform:uppercase}.timeline .timeline-item .timeline-info h5{margin:20px 0 0;font-size:17px;text-transform:uppercase;font-weight:500;line-height:1.2}.timeline .timeline-item .timeline-info h5 .place{position:relative;opacity:.8;padding-left:26px}.timeline .timeline-item .timeline-info h5 .place a{font-size:15px;font-weight:600;font-family:"Open Sans",sans-serif;transition:opacity .3s}.timeline .timeline-item .timeline-info h5 .place a:hover{opacity:.6}.timeline .timeline-item .timeline-info h5 .place::before{background-color:#fff;content:"";height:2px;left:7px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);width:10px}.timeline .timeline-item .timeline-info p{color:#eee;font-size:14px;font-family:"Open Sans",sans-serif;margin-bottom:0}.desktop-column.width-60{width:unset}.desktop-column a{align-self:flex-start}.projects-container{max-width:500px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-self:center;justify-content:space-between}.projects-container .project-item{overflow:hidden;position:relative;margin-top:20px;padding:30px;flex:0 0 auto;width:calc(100% - 60px);background:linear-gradient(145deg,#131313,#1a1a1a);border-radius:20px;box-shadow:7.5px 7.5px 20px 5px #202020,-7.5px -7.5px 20px 5px #232323;transition:background .3s}.projects-container .project-item *{position:relative;z-index:1}.projects-container .project-item::before{opacity:0;z-index:0;content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(145deg,#252525,#0b0b0b);transition:opacity .3s}.projects-container .project-item:hover::before{opacity:1}.projects-container .project-item:hover{cursor:pointer}.projects-container .project-item .project-img{display:flex;width:100%;overflow:hidden;border-radius:10px}.projects-container .project-item .project-img img{display:flex;width:100%;height:auto;transition:transform .3s}.projects-container .project-item:hover img{transform:scale(1.1)}.projects-container .project-item .project-content .row{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.projects-container .project-item .project-content .row i,.projects-container .project-item .project-content .row span{color:#878e99}.projects-container .project-item .project-content h4{margin:15px 0 0;font-size:23px;font-weight:600;color:#c4cfde;line-height:34px}.project-modal{display:flex;flex-wrap:wrap;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9);align-items:center;justify-content:center}.project-modal .project-modal-content{margin:20px 0;position:relative;padding:15px;display:flex;flex-direction:column;align-items:center;border-radius:1rem;background-color:#252525;width:calc(80% - 20px);-webkit-animation:.6s fadeOut;animation:.6s fadeOut}.project-modal .project-modal-content .close{position:absolute;top:15px;right:15px;color:#fff;font-size:20px;transition:opacity .3s}.project-modal .project-modal-content .close:hover{opacity:.5;cursor:pointer}.project-modal .project-modal-content h2{margin:0;text-transform:uppercase;color:#ffb400;letter-spacing:2px;line-height:1.3;font-size:22px;font-weight:700}.project-modal .project-modal-content .row{margin:30px 0;align-self:flex-start;font-size:15px;flex-wrap:wrap}.project-modal .project-modal-content .row i{width:20px;margin-right:5px;font-size:15px}.project-modal .project-modal-content .row span{width:100%;font-family:"Open Sans",sans-serif;font-weight:500}.project-modal .project-modal-content .row>span{margin-bottom:10px}.project-modal .project-modal-content .row b{font-weight:700;font-family:"Open Sans",sans-serif}.project-modal .project-modal-content .row a{text-decoration:underline;color:#ffb400;transition:opacity .3s}.project-modal .project-modal-content .row a:hover{opacity:.5}.project-modal .project-modal-content img{display:flex;width:100%;height:auto;border-radius:.5rem}.notification{margin-left:15px;padding:10px 20px 10px 10px;display:flex;flex-direction:row;align-items:center;position:fixed;top:15px;right:15px;background-color:rgba(63,188,97,.3);border:1px solid rgba(63,188,97,.45);border-radius:15px;transform:translateX(calc(100% + 15px));-ms-transform:translateX(calc(100% + 15px));transition:transform .35s}.notification.show{transform:translateX(0);-ms-transform:translateX(0)}.notification.error{background-color:rgba(255,51,51,.3);border-color:rgba(255,51,51,.45)}.notification .n-i{margin-right:20px;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;font-size:25px;background-color:#3fbc61;border-radius:15px}.notification.error .n-i{background-color:#f33}.notification span{margin-right:50px}.notification>i:hover{cursor:pointer;opacity:.7}@-webkit-keyframes fadeOut{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:0}to{opacity:1}}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@media only screen and (min-width:575px){.about .dual-title,.contact .dual-title,.work .dual-title{align-self:center}.about .dual-title h1,.contact .dual-title h1,.work .dual-title h1{font-size:110px}.about .dual-title h2,.contact .dual-title h2,.work .dual-title h2{font-size:56px}.project-modal .project-modal-content{padding:2rem}.project-modal .project-modal-content h2{font-size:33px}.project-modal .project-modal-content .row span{width:50%}.work .dual-title{margin-left:0}.contact .contact-details h3{font-size:26px}}@media only screen and (min-width:650px){.about .about-details .about-list li{flex-direction:row}.about .about-details .post-p-i{margin:20px 0 30px}.side-title{font-size:26px;align-self:center}.side-title.no-center{align-self:unset}.project-modal .project-modal-content .close{font-size:25px}}@media only screen and (min-width:800px){.percent-container{width:25%}.projects-container{max-width:700px}.projects-container .project-item{width:calc(50% - 60px - 10px)}.project-modal .project-modal-content{max-width:680px}.contact .contact-details .form-group input[name=email],.contact .contact-details .form-group input[name=name]{width:unset}.contact .contact-details .form-group input[name=name]{margin-right:30px}}@media only screen and (min-width:950px){.desktop-row{flex-direction:row;align-items:center}.desktop-column.width-60{width:60%;margin-right:2.5%}.about .about-details,.contact .contact-details,.work .work-details{padding:75px 20px 25px;align-self:center}.work .work-details{padding:75px 0}.about .about-details .mobile-img{display:none}.about .about-details .about-list li{flex-direction:column}.timeline{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.timeline .timeline-item{width:calc(50% - 12.5px)}.projects-container{max-width:850px}.projects-container .project-item{margin-top:40px;width:calc(50% - 60px - 20px)}}@media only screen and (min-width:1150px){.home{flex-direction:row}.home .header{position:absolute}.home .desktop-img{display:flex;justify-content:center;align-items:center;width:35%;min-width:450px;height:100vh;flex-shrink:0}.home .desktop-img::before{z-index:-1;content:"";background-color:#ffb400;height:200%;left:-83%;position:fixed;top:-50%;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);width:100%}.home .desktop-img img{width:calc(100% - 100px);height:calc(100% - 100px);object-fit:cover;border-radius:25px}.home .home-details{align-items:flex-start;width:45%}.home .home-details img.mobile-img{display:none}.home .home-details h1{padding-left:50px;position:relative;margin:0 0 10px;font-size:3rem}.home .home-details h1::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);width:35px;height:4px;background-color:#ffb400;border-radius:25px}.home .home-details h2{padding-left:50px;margin:0 0 10px;font-size:2.5rem}.home .home-details p{line-height:2;text-align:left;width:unset}.navigation{align-items:flex-end;margin-right:2%;width:unset;padding:0;flex-direction:column;background-color:transparent}.navigation .nav-item{position:relative;margin-top:20px;border-radius:25px}.navigation .nav-item:first-child{margin:0}.navigation .nav-item .placeholder,.navigation .nav-item span{opacity:0;display:block;padding:0 20px;transition:opacity .4s}.navigation .nav-item span{text-transform:uppercase;font-weight:600;position:absolute;left:0;transform:translateX(15%);transition:transform .4s}.navigation .nav-item:hover{background-color:#ffb400}.navigation .nav-item:hover span{opacity:1;transform:translateX(0)}.about .navigation,.contact .navigation,.work .navigation{bottom:unset;margin:0;position:fixed;right:2%;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.work-details{max-width:1300px}.projects-container{max-width:1300px;width:calc(100% - 60px)}.projects-container .project-item{margin-top:40px;width:calc((100% / 3) - 60px - 20px)}.contact .contact-details .row{align-items:center;justify-content:space-between}.contact .contact-details .row>div{width:calc(40% - 40px)}.contact .contact-details .row .form-container{width:60%}}@media only screen and (max-width:800px){.home .home-details p{width:80%}}@media only screen and (max-width:450px){.about .about-details .about-list li{flex:0 0 100%;max-width:100%}}