abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}.clear{clear:both}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}ul{list-style:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}button,input,select{vertical-align:middle;font-family:roboto;font-size:16px}a{text-decoration:none;color:#000}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Extrabold.woff2) format("woff2"),url(../fonts/Gilroy/Gilroy-Extrabold.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Extrabold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Medium.woff2) format("woff2"),url(../fonts/Gilroy/Gilroy-Medium.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Bold.woff2) format("woff2"),url(../fonts/Gilroy/Gilroy-Bold.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Semibold.woff2) format("woff2"),url(../fonts/Gilroy/Gilroy-Semibold.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}body{font-family:Gilroy;font-style:normal;font-weight:400;font-size:18px;direction:ltr;line-height:2;height:100vh;color:#000;transition:all .4s ease;background:#edf0fd;cursor:url(../images/cursor.svg) 24 24,auto}body:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;transition:all .4s ease;background:url(../images/bg-final-min.png) repeat-x center bottom;background-size:auto 550px;z-index:-1}body.opentimeline:before{background-position:center 625px}body.aboutme.opentimeline:before{background-position:center 524px}body.openportfolio{min-height:100vh;height:auto}body.openportfolio:before{background-position:center 100vh}.left{float:left}.right{float:right}.inside{width:1170px;margin:0 auto}.loading{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;overflow:hidden}.loading::before{content:"";position:absolute;width:100%;height:25vh;top:0;right:0;background:#fff;z-index:0;animation:leave 1s linear;animation-fill-mode:forwards;animation-play-state:paused}.loading::after{content:"";position:absolute;width:100%;height:25vh;top:25vh;right:0;background:#fff;z-index:0;animation:leave 1s linear;animation-delay:.2s;animation-fill-mode:forwards;animation-play-state:paused}.loading .bg::before{content:"";position:absolute;width:100%;height:25vh;top:50vh;right:0;background:#fff;z-index:0;animation:leave 1s linear;animation-delay:.4s;animation-fill-mode:forwards;animation-play-state:paused}.loading .bg::after{content:"";position:absolute;width:100%;height:25vh;top:75vh;right:0;background:#fff;z-index:0;animation:leave 1s linear;animation-delay:.6s;animation-fill-mode:forwards;animation-play-state:paused}.loading.active .bg::after,.loading.active .bg::before,.loading.active::after,.loading.active::before{animation-play-state:running}@keyframes leave{0%{right:0}100%{right:-100%}}.loading .percentage{width:190px;height:58px;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);z-index:1;padding-top:58px;box-sizing:border-box;background:url(../images/Logo.svg) no-repeat center top}.loading .percentage div{width:190px;height:1px;float:left;background:rgba(0,0,0,.1)}.loading .percentage div span{width:190px;height:1px;float:left;background:#000}.loading .percentage .logo{width:190px;float:left;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.24em;text-transform:uppercase;margin-top:8px;position:absolute;top:-55px;left:2.5px}.loading .percentage .logo b{display:block;align-items:center;font-weight:800;font-size:18px;line-height:22px;letter-spacing:.02em;text-transform:uppercase}.header{position:relative;height:38px;padding-top:40px;z-index:9}.header.hidden{visibility:hidden}.header .inside{width:calc(100% - 368px)}.header .logo{width:190px;float:left;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.24em;text-transform:uppercase}.header .logo b{display:block;align-items:center;font-weight:800;font-size:18px;line-height:22px;letter-spacing:.02em;text-transform:uppercase}.header .menu button.openmenu{width:20px;height:17px;position:relative;background:0 0;border:0;cursor:pointer;margin-top:10.5px;transition:all .4s ease;float:right;z-index:999;display:none}.header .menu button.openmenu:before{content:"";position:absolute;width:20px;height:3px;background:#2f3c4b;top:0;right:0;border-radius:10px;transition:all .4s ease}.header .menu button.openmenu:after{content:"";position:absolute;width:20px;height:3px;background:#2f3c4b;bottom:0;right:0;border-radius:10px;transition:all .4s ease}.header .menu button.openmenu b{content:"";position:absolute;width:15px;height:3px;background:#2f3c4b;top:7px;right:0;border-radius:10px;transition:all .4s ease}.header .menu button.openmenu.active2:before,.header .menu button.openmenu.active:before{content:"";position:absolute;width:20px;height:3px;background:#2f3c4b;top:7px;right:0;border-radius:10px;transform:rotate(-45deg)}.header .menu button.openmenu.active2:after,.header .menu button.openmenu.active:after{content:"";position:absolute;width:20px;height:3px;background:#2f3c4b;bottom:7px;right:0;border-radius:10px;transform:rotate(45deg)}.header .menu button.openmenu.active b,.header .menu button.openmenu.active2 b{content:"";position:absolute;width:15px;height:3px;background:#2f3c4b;top:7px;right:0;border-radius:10px;opacity:0}.header .menu ul{position:relative;float:right;margin-right:0;min-width:338px;transition:all .4s ease-In-Out}.header .menu.open ul{opacity:1;visibility:visible}.header .menu ul li{float:right;transition:all .6s ease-In-Out}.header .menu.open ul li{margin-right:0}.header .menu ul li a{position:relative;display:block;font-family:Gilroy;font-style:normal;font-weight:600;font-size:16px;line-height:20px}.header .menu ul li.active a::before{content:"";position:absolute;width:4px;height:4px;background:#000;border-radius:5px;bottom:-5px;left:50%;margin-left:-8px}.header .menu ul li.aboutme{margin-right:15px}.header .menu ul li.aboutme a{padding-right:15px;border-right:1px solid rgba(0,0,0,.15);margin:8px 0}.header .menu ul li.social{margin-right:10px}.header .menu ul li.social a{display:block;width:36px;height:36px;background:#000;border-radius:33px;color:transparent;overflow:hidden}.header .menu ul li.social.twitter a{background:#000 url(../images/icon/twitter.svg) no-repeat center}.header .menu ul li.social.instagram a{background:#000 url(../images/icon/Instagram.svg) no-repeat center}.header .menu ul li.social.behance a{background:#000 url(../images/icon/behance.svg) no-repeat center}.header .menu ul li.social.dribbble a{background:#000 url(../images/icon/dribbble.svg) no-repeat center}.header .menu ul li.social.linkedin a{background:#000 url(../images/icon/linkedIn.svg) no-repeat center}.home{position:relative}.portfolios{transition:all .4s ease;width:100%;position:absolute;top:-53px}.portfolios .owl-carousel{cursor:url(../images/cursor_drag.svg) 24 24,auto}.portfolios .owl-carousel .owl-item .thumbnail a{cursor:url(../images/cursor.svg) 24 24,auto}.portfolios.inside{position:relative;width:100%;top:auto;padding-left:184px;box-sizing:border-box;z-index:9;transition:all .5 ease}.portfolios.inside.opentimeline{margin-top:36px}.portfolios.hidden{visibility:hidden;opacity:0;height:0;overflow:hidden;margin-top:0}.portfolios .owl-carousel .owl-item{width:290px!important;transition:all .4s ease;height:296px}.portfolios .owl-carousel .owl-item .thumbnailbox,.portfolios .owl-carousel .owl-item img{width:272px;height:204px;border-radius:10px}.portfolios .owl-carousel .owl-item .caption{margin-top:20px;padding-top:44px;position:relative;text-align:center;visibility:hidden;opacity:0;transition:all .4s ease}.portfolios .owl-carousel .owl-item .caption .date{position:absolute;top:16px;right:50%;transform:translateX(50%);color:#000;font-family:Gilroy;font-style:normal;font-weight:600;font-size:14px;line-height:17px;min-width:6px}.portfolios .owl-carousel .owl-item .caption .date:after{content:"";position:absolute;width:5px;height:5px;background:#000;border-radius:100%;right:50%;margin-right:-2.5px;top:-14px}.portfolios .owl-carousel .owl-item .caption .date:before{content:"";position:absolute;width:314px;height:1px;background:rgba(0,0,0,.05);top:-12px;right:-72px}.portfolios .owl-carousel .owl-item .caption .info,.portfolios .owl-carousel .owl-item .caption .title{font-size:12px;font-family:"Futura PT";font-weight:500;color:#2f3c4b}.portfolios .owl-carousel .owl-item .caption .info{font-weight:400}.portfolios .owl-carousel .owl-item:nth-child(even) .thumbnail{position:absolute;top:0;transition:all .4s ease}.portfolios .owl-carousel .owl-item:nth-child(even) .caption{padding-top:0;padding-bottom:38px;margin-top:267px;margin-bottom:25px}.portfolios .owl-carousel .owl-item:nth-child(even) .caption .date{top:auto;bottom:16px}.portfolios .owl-carousel .owl-item:nth-child(even) .caption .date:after{top:auto;bottom:-14px}.portfolios .owl-carousel .owl-item:nth-child(even) .caption .date:before{top:auto;bottom:-12px}.portfolios.opentimeline .owl-carousel .owl-item{padding-bottom:272px;height:auto}.portfolios.opentimeline .owl-carousel .owl-item .caption{opacity:1;visibility:visible}.portfolios.opentimeline .owl-carousel .owl-item:nth-child(even) .thumbnail{top:320px}button.timelineswitch{position:relative;float:left;padding-left:55px;border:0;width:37px;height:50px;background:url(../images/icon/switch.svg) no-repeat center;font-size:14px;color:#2f3c4b;font-family:"Futura PT";text-align:left;cursor:pointer;font-weight:400}button.timelineswitch.active{background:url(../images/icon/switch_on.svg) no-repeat center}button.timelineswitch::before{content:"";position:absolute;width:81px;height:37px;background:url(../images/icon/switchtxt.svg) no-repeat center;bottom:-34px;right:-64px}.aboutme h2{font-family:Gilroy;font-style:normal;font-weight:700;font-size:100px;line-height:124px;text-align:center;margin-top:61px;margin-bottom:-59px;background-color:#000;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(237,240,253,0) 100%);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.aboutme img{width:248px;height:243px;box-shadow:16px 16px 0 rgba(0,0,0,.05);border-radius:14px;margin:0 auto;display:block;margin-bottom:40px}.aboutme .info{width:100%;max-width:814px;margin:0 auto;font-family:Gilroy;font-style:normal;font-weight:400;font-size:16px;line-height:26px;text-align:justify}.portfoliosingle{position:fixed;top:0;right:0;width:100%;height:100%;background:#edf0fd;z-index:9999;text-align:center;overflow:auto;overflow-x:hidden}.portfoliosingle .inside{width:1232px}.portfoliosingle .content{width:100vw;min-height:calc(100vh - 136px);margin-top:136px}.portfoliosingle .content *{max-width:100%;margin:0 auto}.portfoliosingle .head{position:fixed;top:0;right:0;width:100%;transition:top .5s linear}.portfoliosingle .head.hidden{top:-123px}.portfoliosingle .top .inside{height:120px;margin:0 auto;background:#edf0fd;border-bottom:1px solid rgba(0,0,0,.1)}.portfoliosingle .top .logo{width:190px;float:left;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.24em;text-transform:uppercase;margin-top:40px}.portfoliosingle .top .logo b{display:block;align-items:center;font-weight:800;font-size:18px;line-height:22px;letter-spacing:.02em;text-transform:uppercase}.portfoliosingle .top .portfoliosmall .owl-carousel .owl-item{width:112px!important;height:84px;transition:all .5s ease}.portfoliosingle .top .portfoliosmall .owl-carousel .owl-item:hover{transform:translateY(-8px)}.portfoliosingle .top .portfoliosmall .owl-carousel .owl-item img{border-radius:8px}.portfoliosingle .top .portfoliosmall .owl-carousel{float:left;width:916px;padding:0 30px;margin-left:10px;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.portfoliosingle .top .portfoliosmall .owl-carousel .owl-stage{padding:18px 0}.portfoliosingle .top button.closemenu{width:36px;height:36px;position:relative;background:#000 url(../images/icon/close.svg) no-repeat center;border:0;cursor:pointer;margin-top:41px;float:right;z-index:999;border-radius:100%}.portfolios .owl-carousel .owl-item .thumbnail{min-height:275px;position:relative;background:#fff;border-radius:14px;padding:9px;box-sizing:border-box;transition:all .5s ease}.portfolios .owl-carousel .owl-item .thumbnail:hover{box-shadow:0 20px 120px rgba(0,0,0,.15);transform:translateY(-8px)}.portfolios .owl-carousel .owl-item .thumbnail>div{overflow:hidden;position:relative}.portfolios .owl-carousel .owl-item .caption2{font-family:Gilroy;font-style:normal;font-weight:600;font-size:16px;line-height:20px;text-transform:uppercase;padding-top:9px;transition:all .4s ease;padding-bottom:3px}.portfolios .owl-carousel .owl-item .caption2 .title{height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:272px}.portfolios .owl-carousel .owl-item .caption2 .date{font-weight:500;font-size:14px;line-height:17px;color:#4c4c4c;opacity:.7;margin-top:5px}.header .menu .resmenu button.openmenu{display:none}.portfolios .owl-carousel{margin-bottom:-72px}.portfolios .owl-stage{padding-left:184px;padding-top:108px;padding-bottom:110px}.loader{width:56px;height:56px;border:2px solid rgba(47,60,75,.5);border-radius:50%;position:absolute;animation:loader-rotate 1s ease-in-out infinite;top:50%;margin:-28px auto 0;top:50%;right:50%;margin-right:-28px;margin-top:-28px;z-index:9999}.loader::after{content:"";width:10px;height:10px;border-radius:50%;background:#2f3c4b;position:absolute;top:-6px;left:50%;margin-left:-5px}.loader.white{border:2px solid #fff}.loader.white::after{background:#fff}@keyframes loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.is_single{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.is_single::before{content:"";position:absolute;width:100%;height:78px;top:0;right:0;background:#edf0fd}@media (max-width:2561px){.portfoliolist .inside{min-height:calc(100vh - 198px)}}@media (max-width:1442px){body.opentimeline:before{background-position:center 580px}}@media (max-width:1232px){.portfoliosingle .top .inside{width:100%;padding:0 2%;box-sizing:border-box}.portfoliosingle .top .portfoliosmall .owl-carousel{width:calc(100% - 320px)}}@media (max-width:1171px){.inside{width:96%;margin:0 2%}.header .inside,.portfolios.inside{width:96%}.portfoliosingle .top{padding-top:20px}.portfoliosingle .top{height:100px;padding-top:5px}.portfoliosingle .top button.closemenu{position:absolute;top:0;right:30px}.portfoliosingle .details{overflow-x:auto;overflow-y:hidden;height:39px}.portfoliosingle .details .inside{min-width:max-content}.portfoliosingle .content{margin-top:143px;height:calc(100vh - 143px)}.portfoliosingle .details .info{padding-top:0}.portfoliosingle .details .likes button.heart{width:30px;height:30px}.portfoliosingle .details .likes{margin-top:-35.5px}.portfoliosingle .details .info li{margin-bottom:8px;margin-top:8px}.portfolios .owl-stage{padding-left:24px}.portfolios.inside{padding-left:0}}@media (max-width:768px){.portfolios .owl-carousel{margin-top:60px}.portfolios.hidden{margin-top:0}.aboutme .info{width:100%;padding:0 5px;box-sizing:border-box}body.opentimeline.aboutme:before{display:none}.header .menu,.header .menu .contact,.header .menu li,.header .menu ul{transition:none;min-width:auto}.header .menu button.openmenu{display:block}.header .menu .resmenu{float:right;position:fixed;top:0;right:-240px;height:100vh;background:#fff;width:210px;z-index:999999;padding:0 10px;box-shadow:0 10px 30px rgba(47,60,75,.2);transition:all .4s ease-In-Out}.header .menu.open .resmenu{right:0}.header .menu.open .resmenu button{display:block}.header .menu ul{position:relative;float:none;min-width:auto;margin-right:0;display:flex;flex-direction:column-reverse;transition:none}.header .menu ul li{margin-right:0}.header .menu ul li{float:none;margin-right:0;margin-bottom:30px;padding:0 10px;transition:none}.header .menu ul li a{width:100%;height:auto;margin-left:0;text-align:right;padding-right:0;box-sizing:border-box;line-height:2.5;box-shadow:none}.header .menu ul li.aboutme,.header .menu ul li.social{margin-right:0}.header .menu ul li.aboutme a{padding-right:0;border-right:0;text-align:center}.header .menu ul li.social a{width:100%}.header .menu ul{margin-top:115px}.header .menu.open button.openmenu.active{margin-right:15px;margin-top:20.5px}.aboutme h2{margin-top:55px}.header .menu button.openmenu.active2{margin-right:15px;margin-top:20.5px}.portfolios{top:-132px}.portfolios .owl-carousel .owl-item{width:281px!important;transition:all .4s ease;height:267px}.portfolios .owl-carousel .owl-item .thumbnailbox,.portfolios .owl-carousel .owl-item img{width:264px;height:198px}.portfolios .owl-carousel .owl-item .thumbnail{min-height:267px}.portfolios .owl-carousel .owl-item:nth-child(even) .caption{margin-top:261px}.portfolios.opentimeline .owl-carousel .owl-item:nth-child(even) .thumbnail{top:314px}.portfolios.inside.opentimeline{margin-top:0;top:-50px}.portfoliosingle .top .logo{width:auto;font-size:11px}.portfoliosingle .top .logo b{font-size:14px}.portfoliosingle .top .portfoliosmall .owl-carousel{width:calc(100% - 240px);padding:0 10px}}@media (max-width:476px){.aboutme h2{font-size:55px;margin-bottom:0}}@media (max-width:426px){.aboutme h2{margin-top:55px}.portfolios .owl-carousel{margin-top:60px}body.opentimeline:before{background-position:center 625px}button.timelineswitch{margin-bottom:50px}.portfoliosingle .top .logo{width:70px;height:28px;background-size:contain;font-size:5.8px;line-height:66px;margin-top:13px}.portfoliosingle .top .portfoliosmall .owl-carousel{width:calc(100% - 173px);margin-left:10px}.portfoliosingle .top button.closemenu{right:10px;top:-13px}.portfoliosingle .top .portfoliosmall .owl-carousel .owl-item img{width:50px}.portfoliosingle .top .portfoliosmall .owl-carousel .owl-item{width:50px!important;height:35px}.portfoliosingle .top{height:63px}.portfoliosingle .content{margin-top:79px;height:calc(100vh - 79px)}.portfoliosingle .top .inside{height:71px;overflow:hidden}.portfoliosingle .top button.closemenu{top:-20px}}@media (max-width:321px){body.opentimeline:before{background-position:center 654px}body.openportfolio:before{background-position:center 100vh}}@media (max-height:790px) and (min-width:760px){body::before{background-position:center 280px}.portfolios{top:-82px}.portfolios.inside.opentimeline{margin-top:0;top:-120px;padding-left:0}.aboutme h2{margin-top:10px}body.aboutme.opentimeline::before{background-position:center 405px}}@media (max-height:720px) and (min-width:760px){body::before{background-position:center 325px}}@media (max-height:720px) and (max-width:760px){body::before{background-position:center 325px}.portfolios{top:-143px}.portfolios.inside.opentimeline{margin-top:0;top:-120px;padding-left:0}.aboutme h2{margin-top:10px}body.aboutme.opentimeline::before{background-position:center 405px}}@media (max-height:568px){.portfolios.opentimeline .owl-carousel .owl-item:nth-child(even) .thumbnail{top:124px}.portfolios .owl-carousel .owl-item:nth-child(even) .caption{margin-top:73px}.portfolios .owl-carousel .owl-item .caption .date::before{display:none}.portfolios.opentimeline .owl-carousel .owl-item{padding-bottom:150px}}