.portfolio__categories .id{margin:0;-webkit-transition:0.3s;transition:0.3s;-ms-grid-columns:1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(3,1fr);display:-ms-grid;display:grid;gap:10px}@media screen and (max-width:970px){.portfolio__categories .id{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.portfolio__categories .id{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.portfolio__categories-item{margin:0;height:209px;-ms-grid-column-span:1;grid-column:span 1;-webkit-transition:0.3s;transition:0.3s;cursor:pointer}@media screen and (min-width:970px){.portfolio__categories-item:nth-child(6n+4){-ms-grid-column-span:2;grid-column:span 2;-ms-grid-row-span:2;grid-row:span 2;height:428px}}.portfolio__categories-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%;-webkit-transition:0.3s;transition:0.3s}.portfolio__categories-item img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.portfolio__categories .view_more{margin-top:64px}@media screen and (max-width:970px){.portfolio__categories .view_more{margin-top:50px}}.tab-box{padding:30px 0 20px}.tab-box .tab.scroll{overflow-x:auto;padding:0 0 10px}.tab-box .tab.scroll>div{width:-webkit-max-content;width:-moz-max-content;width:max-content}.tab-box .tab-item{padding:1px;-webkit-transition:0.3s;transition:0.3s;background-color:rgba(127,127,137,0.1411764706);clip-path:polygon(0 0,calc(100% - 30px) 0%,100% 100%,30px 100%)}.tab-box .tab-item:hover a{color:var(--c-color)!important}.tab-box .tab-item.active{background-color:var(--c-color)}.tab-box .tab-item.active a{color:var(--c-color)!important;background-color:#def8f6}.tab-box .tab-item:not(:first-child){margin-left:-30px}.tab-box .tab-item:first-child,.tab-box .tab-item:first-child a{clip-path:polygon(0 0,calc(100% - 30px) 0%,100% 100%,0% 100%)}@media screen and (max-width:1300px){.tab-box .tab-item:first-child a{padding-left:28px;padding-right:46px}}.tab-box .tab-item a{height:50px;width:240px;font-size:18px;color:rgba(13,15,23,0.4784313725);clip-path:polygon(0 0,calc(100% - 30px) 0%,100% 100%,30px 100%);background-color:#f1f2f9}@media screen and (max-width:1300px){.tab-box .tab-item a{width:auto;padding:0 36px;font-size:17px}}.portfolio .tab-box{padding:10px 0 0}.portfolio .tab-box .tab-item a{background-color:var(--c-black);border-color:rgba(127,127,137,0.24);color:var(--c-text)}.portfolio .tab-box .tab-item.active a{background-color:rgb(13,15,22)}.portfolio .tabs{position:relative}.portfolio .menu-mobile{font-size:18px;padding:17px 20px;border:1px solid var(--c-bdr);cursor:pointer}@media screen and (max-width:690px){.portfolio .menu-mobile{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}.portfolio .menu-mobile svg{-webkit-transition:0.3s;transition:0.3s}.portfolio .menu-mobile.activ svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}@media screen and (max-width:690px){.portfolio .menu-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;width:100%;background-color:var(--c-black);top:60px;z-index:3;opacity:0;pointer-events:none}.portfolio .menu-list.open{opacity:1;pointer-events:painted}}.portfolio .menu-list .menu-item{position:relative;margin-bottom:10px}@media screen and (max-width:690px){.portfolio .menu-list .menu-item{margin:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px}}.portfolio .menu-list .menu-item a{font-size:18px}.portfolio .menu-list .menu-item a:not(.active){font-weight:500}.portfolio .menu-list .menu-item a.active{pointer-events:none}.portfolio .menu-list .menu-item svg{-webkit-transition:0.3s;transition:0.3s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.portfolio .menu-list .menu-item:not(:last-child){margin-right:30px}.portfolio .menu-list .menu-item .child-menu-list{position:absolute;left:-3px;padding:24px 20px;background-color:var(--c-card);border-radius:6px;border:1px solid rgba(71,236,225,0.3);min-width:155px;width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;pointer-events:none;-webkit-transition:0.3s;transition:0.3s;z-index:2}@media screen and (max-width:690px){.portfolio .menu-list .menu-item .child-menu-list{width:100%;position:static;height:0;border:none;padding:0;background-color:inherit;border-radius:0}}.portfolio .menu-list .menu-item .child-menu-list .child-menu-item a:hover{color:var(--c-color)}.portfolio .menu-list .menu-item .child-menu-list .child-menu-item:not(:last-child){margin-bottom:10px}@media screen and (max-width:690px){.portfolio .menu-list .menu-item .child-menu-list .child-menu-item:not(:last-child){margin-bottom:16px}}.portfolio .menu-list .menu-item.open{background:rgb(19,18,25)}.portfolio .menu-list .menu-item.open svg path:first-child{display:none}.portfolio .menu-list .menu-item.open>a{color:var(--c-color)}.portfolio .menu-list .menu-item.open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.portfolio .menu-list .menu-item.open svg path{fill:var(--c-color)}.portfolio .menu-list .menu-item.open .child-menu-list{opacity:1;pointer-events:all;height:auto;margin-top:20px;padding-top:20px;border-top:1px solid var(--c-bdr)}@media screen and (min-width:690px){.portfolio .menu-list .menu-item:hover>a{color:var(--c-color)}.portfolio .menu-list .menu-item:hover svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.portfolio .menu-list .menu-item:hover svg path{fill:var(--c-color)}.portfolio .menu-list .menu-item:hover .child-menu-list{opacity:1;pointer-events:all;height:auto}}.portfolio__categories.active{margin-top:20px}.portfolio__categories:not(.active){height:0;opacity:0;pointer-events:none}.popup{position:fixed;width:100vw;height:100vh;left:0;top:0;opacity:0;visibility:hidden;z-index:2147483645;-webkit-transition:0.3s;transition:0.3s;background-color:rgba(10,9,15,0.462745098);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:block}@media screen and (max-width:690px){.popup{overflow:auto}}.popup img{pointer-events:visible}.popup.open{opacity:1;visibility:visible}.popup__close-icon{position:absolute;right:50px;top:50px;cursor:pointer;opacity:0.8;-webkit-transition:0.3s;transition:0.3s;z-index:99}@media screen and (max-width:1300px){.popup__close-icon{right:25px;top:25px}}.popup__close-icon:hover{opacity:1}.popup__type{margin-bottom:24px;padding-left:10px}@media screen and (max-width:690px){.popup__type{margin-bottom:10px;padding-left:0}}.popup__content{padding:50px}@media screen and (max-width:1300px){.popup__content{padding:20px}}@media screen and (max-width:690px){.popup__content{padding:16px}}@media screen and (max-width:690px){.popup__sidebar{width:100%}}.popup__thumbnail{width:260px;padding:10px;height:calc(100vh - 154px);overflow:auto}@media screen and (max-width:1300px){.popup__thumbnail{height:calc(100vh - 90px)}}@media screen and (max-width:970px){.popup__thumbnail{width:160px}}@media screen and (max-width:690px){.popup__thumbnail{width:100%;height:auto;max-height:335px;padding:5px 0 0}}.popup__thumbnail img{width:100%;height:170px;-o-object-fit:cover;object-fit:cover;-webkit-transition:0.3s;transition:0.3s;border:1px solid rgba(255,255,255,0);cursor:pointer}@media screen and (max-width:970px){.popup__thumbnail img{height:100px}}@media screen and (max-width:690px){.popup__thumbnail img{width:calc(25% - 10px);margin:0 5px 10px}}@media screen and (max-width:500px){.popup__thumbnail img{width:calc(50% - 10px)}}.popup__thumbnail img:not(:last-child){margin-bottom:10px}.popup__thumbnail img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.popup__thumbnail img.active{border-color:var(--c-color)}.popup__gallery{width:calc(100% - 260px);padding-left:50px}@media screen and (max-width:1300px){.popup__gallery{padding-left:20px}}@media screen and (max-width:970px){.popup__gallery{width:calc(100% - 160px)}}@media screen and (max-width:690px){.popup__gallery{width:100%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;padding:0 0 20px}}.popup__gallery-box{height:calc(100vh - 100px);overflow:hidden;border-left:1px solid var(--c-bdr);position:relative}@media screen and (max-width:1300px){.popup__gallery-box{height:calc(100vh - 40px)}}@media screen and (max-width:690px){.popup__gallery-box{border-bottom:1px solid var(--c-bdr);border-left:0}}.popup__gallery-box img{opacity:0;height:calc(100vh - 100px);max-width:calc(100% - 100px);position:absolute;top:0;left:50%;-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.popup__gallery-box img.active{opacity:1}@media screen and (max-width:1300px){.popup__gallery-box img{height:calc(100vh - 40px);max-width:calc(100% - 40px)}}@media screen and (max-width:690px){.popup__gallery-box img{max-width:100%}}.popup__navigation{position:absolute;bottom:100px;right:50px}.popup__navigation .flickity-button.previous{left:auto}