.portfolio{color:#fff;background-color:#3c3c3c;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1920px;margin:0 auto;padding:64px 112px 104px;display:flex;position:relative;overflow:hidden}.portfolio .desktop-slider{width:80%}@media (max-width:1600px){.portfolio .desktop-slider{width:70%}}.portfolio .desktop-slider .index-slider{max-width:100%}.portfolio .portfolio-info{flex-basis:20%;max-width:20%;padding-left:32px}.portfolio .portfolio-info .portfolio-info-title{text-align:center;margin:0 0 16px;padding:0;font-size:24px;font-weight:700;line-height:32px}@media (max-width:1800px){.portfolio .portfolio-info{flex-basis:20%;max-width:20%}.portfolio .portfolio-info .btn-white{min-width:245px}}@media (max-width:1600px){.portfolio .portfolio-info{flex-basis:30%;max-width:30%}}@media (max-width:1200px){.portfolio .portfolio-info{flex-basis:auto;max-width:none;padding:0 16px}}@media (max-width:769px){.portfolio .portfolio-info .portfolio-info-title{color:#fff;margin:0 0 16px;padding:0;font-size:16px;line-height:24px}}@media (max-width:1800px){.portfolio{gap:0}}.portfolio .portfolio-title{color:#fff;text-align:center;flex-basis:100%;margin-bottom:56px;padding:0 16px;font-size:22px;font-weight:700;line-height:32px}@media (min-width:1200px){.portfolio .portfolio-title{text-align:left;font-size:32px;line-height:48px}}@media (max-width:1200px){.portfolio .portfolio-title{margin:0 auto 32px}}.portfolio .m-header{display:none}.portfolio .mob-tab-slider{width:100%;margin-bottom:32px;display:none}.portfolio .mob-tab-slider_list{display:none}.portfolio .mob-tab-slider_list.slick-initialized{display:block}.portfolio .mob-tab-slider h4{text-align:center}.portfolio .mob-tab-slider .mob-tab-slider_list{width:100%;margin-bottom:42px}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-slide{justify-content:center;align-items:center;height:310px;display:flex}.portfolio .mob-tab-slider .mob-tab-slider_list img{cursor:pointer;object-fit:cover;border-radius:16px;width:100%;height:219px;margin:0 6px;padding:0 6px;transition:all .3s;display:block}@media (min-width:880px){.portfolio .mob-tab-slider .mob-tab-slider_list img{height:310px}}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-center{height:310px}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-center img{object-fit:cover;width:66vw;max-height:100%;height:100%!important}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-dots{bottom:-45px}@media (max-width:880px){.portfolio .mob-tab-slider .mob-tab-slider_list .slick-arrow.slick-prev{left:20px}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-arrow.slick-next{right:20px}}@media (max-width:1200px){.portfolio .mob-tab-slider{display:block}}.portfolio .index-slider{flex-basis:75%;max-width:74vw;margin:0}.portfolio .index-slider .index-slider_list{display:none}.portfolio .index-slider .index-slider_list.slick-initialized{display:block}@media (max-width:1920px){.portfolio .index-slider{max-height:670px}}.portfolio .index-slider_item{cursor:pointer}.portfolio .index-slider_item img{border-radius:32px}.portfolio .index-slider .slick-slider{margin:0;padding:0;position:static}.portfolio .index-slider .slick-slider .box{grid-template-columns:repeat(5,1fr);gap:24px 32px;display:grid}.portfolio .index-slider .slick-slider .box>div{position:relative}.portfolio .index-slider .slick-slider .box>div img{object-fit:cover;width:256px;height:304px}.portfolio .index-slider .slick-slider .box>div:nth-child(n){top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(n) img{height:304px}.portfolio .index-slider .slick-slider .box>div:nth-child(2n){top:32px}.portfolio .index-slider .slick-slider .box>div:nth-child(2n) img{height:272px}.portfolio .index-slider .slick-slider .box>div:nth-child(3n){top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(3n) img{height:392px;margin-bottom:-88px}.portfolio .index-slider .slick-slider .box>div:nth-child(4n){margin-right:78px;top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(4n) img{width:178px;height:282px}.portfolio .index-slider .slick-slider .box>div:nth-child(5n){margin-left:-80px;top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(5n) img{width:334px;height:312px}.portfolio .index-slider .slick-slider .box>div:nth-child(6n){top:78px}.portfolio .index-slider .slick-slider .box>div:nth-child(6n) img{height:232px}.portfolio .index-slider .slick-slider .box>div:nth-child(7n){grid-area:1/4/3/6}.portfolio .index-slider .slick-slider .box>div:nth-child(7n) img{width:544px;height:648px}.portfolio .index-slider .slick-slider .slick-arrow{box-shadow:none;top:50%;right:32px}.portfolio .index-slider .slick-slider .slick-prev{left:32px}.portfolio .index-slider .slick-slider .slick-dots{bottom:50px;left:48%}@media (max-width:768px){.portfolio .index-slider .slick-slider .slick-dots{top:17px}}.portfolio-info{flex-basis:20%;max-width:13.5vw}.portfolio-info .portfolio-info-title{color:#fff;margin:0 0 16px;padding:0;font-size:16px;line-height:24px}.portfolio-info h3{color:#fff}@media (max-width:768px){.portfolio-info h3{margin-bottom:16px;line-height:24px}}.portfolio-info-text{font-size:16px;font-weight:400;line-height:24px}.portfolio-info-text .btn-black{box-shadow:none;background:0 0;margin-top:62px;display:flex;color:#fff!important}.portfolio-info-text .btn-black:active{background:#496b1d}.portfolio-info-text .btn-black:active:focus{outline:none}@media (max-width:768px){.portfolio-info-text .btn-black{margin-top:46px}}@media (max-width:1200px){.portfolio-info-text{width:90%;margin:0 auto}}@media (max-width:768px){.portfolio-info-text{font-size:14px}}.portfolio .index-modal{z-index:1000;opacity:0;background-color:#1d1d1b52;width:100%;height:0;transition:all .3s;position:fixed;top:0;left:0;overflow:hidden}.portfolio .index-modal .slick-slider{margin:0;padding:0}.portfolio .index-modal .slick-slider .slick-arrow{margin:0 30px}.portfolio .index-modal .slick-slider .slick-dots{top:60vh;left:33%}.portfolio .index-modal .index-modal-content{box-sizing:border-box;background-color:#fff;border-radius:32px;width:1328px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:880px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-list{height:454px!important}}@media (max-width:600px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-list{height:auto!important}}.portfolio .index-modal .index-modal-content .index-modal-slider .box{justify-content:center;padding:56px;display:flex;position:relative}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content{width:100%;height:auto;display:flex}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .image{flex-basis:60%}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .image img{border-radius:32px;max-width:504px;max-height:568px;margin:auto}@media (max-width:1600px){.portfolio .index-modal .index-modal-content .index-modal-slider .box .content{gap:48px}}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description{background:#fff;flex-direction:column;flex-basis:30%;justify-content:center;width:100%;display:flex;position:relative}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description h2{text-align:left;font-weight:700;font-size:var(--text-2xl);line-height:var(--text-2xl-line-height);margin-bottom:2rem}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description .info{color:#1d1d1b;text-align:left}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description .info p{margin:0}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description .measurer-btn{margin-top:48px}.portfolio .index-modal .index-modal-content .index-modal-slider .box .h1{text-align:center;background:#fff;width:100%;padding:24px;display:none;position:relative}.portfolio .index-modal .index-modal-content .index-modal-slider .box .h1 h1{border-bottom:2px solid #000;padding-bottom:10px}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close{z-index:10;opacity:1;width:32px;height:32px;margin:0;font-size:0;position:absolute;top:56px;right:72px}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close span{background:url(/images/icon-close.svg) 50% no-repeat;width:32px;height:32px;transition:all .3s;display:block;overflow:hidden}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close span:hover{transform:rotate(360deg)}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close img{opacity:1;position:absolute;top:0;right:0}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment{color:#1d1d1b;background:#f9f9f9;border-radius:16px;padding:48px;position:absolute;bottom:88px;left:112px;right:112px}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment-name{margin-bottom:16px;font-size:24px;font-weight:700}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment-date{float:left;margin-bottom:32px;margin-right:32px}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment-text{clear:both;font-size:14px}.portfolio .index-modal .index-modal-content .modal-run-btn{display:none}@media (max-width:1800px){.portfolio{justify-content:center;gap:24px}.portfolio .index-slider{flex-basis:70%;max-width:65vw}.portfolio .index-slider .slick-slider .box{gap:24px}.portfolio .index-modal .slick-slider .slick-dots{top:63vh;bottom:auto}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .image img{border-radius:32px}.portfolio-info{flex-basis:30%;max-width:19vw}}@media (max-width:1600px){.portfolio{justify-content:space-between;align-items:flex-start;gap:0;padding-bottom:64px}.portfolio-info .btn-white{margin-top:48px}.portfolio-info br{display:none}.portfolio-info h3{margin-bottom:24px}.portfolio .index-slider .slick-slider .slick-dots{bottom:30px}}@media (max-width:1600px) and (max-width:1436px){.portfolio .index-slider .slick-slider .slick-dots{bottom:60px}}@media (max-width:1600px) and (max-width:1376px){.portfolio .index-slider .slick-slider .slick-dots{bottom:80px}}@media (max-width:1600px){.portfolio .index-slider .slick-slider .box>div img{object-fit:cover;width:175px;height:192px}.portfolio .index-slider .slick-slider .box>div:nth-child(n){top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(n) img{height:192px}.portfolio .index-slider .slick-slider .box>div:nth-child(2n){top:20px}.portfolio .index-slider .slick-slider .box>div:nth-child(2n) img{height:176px}.portfolio .index-slider .slick-slider .box>div:nth-child(3n){top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(3n) img{height:240px;margin-bottom:-88px}.portfolio .index-slider .slick-slider .box>div:nth-child(4n){margin-right:50px;top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(4n) img{width:111px;height:176px}.portfolio .index-slider .slick-slider .box>div:nth-child(5n){margin-left:-50px;top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(5n) img{width:225px;height:200px}.portfolio .index-slider .slick-slider .box>div:nth-child(6n){top:48px}.portfolio .index-slider .slick-slider .box>div:nth-child(6n) img{height:152px}.portfolio .index-slider .slick-slider .box>div:nth-child(7n){grid-area:1/4/3/6}.portfolio .index-slider .slick-slider .box>div:nth-child(7n) img{width:312px;height:416px}.portfolio .index-modal .index-modal-content{max-width:80vw}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .close{right:60px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{max-width:40vw;max-height:75vh}}@media (max-width:1366px){.portfolio-info{max-width:17vw}.portfolio .tab-slider-small,.portfolio .tab-slider{display:none}}@media (max-width:1200px){.portfolio{flex-direction:column;justify-content:center;padding:56px 40px}.portfolio .index-slider{max-width:80vw;display:none}.portfolio h2{text-align:center;font-weight:700;font-size:var(--text-2xl);line-height:var(--text-2xl-line-height);margin-inline-start:auto;margin-inline-end:auto;margin-bottom:2rem;padding-inline-start:1rem;padding-inline-end:1rem}.portfolio h3{margin-bottom:16px}.portfolio .desktop-slider{display:none}.portfolio-info{text-align:center;flex-basis:100%;max-width:100%;margin:0 auto;padding-top:34px}.portfolio-info .btn-white{max-width:224px;margin:46px auto 0}.portfolio .index-modal{z-index:1000}.portfolio .index-modal .slick-slider .slick-dots{width:100%;top:388px;bottom:auto;left:50%;transform:translate(-50%)}.portfolio .index-modal .slick-slider .slick-arrow{margin:0}.portfolio .index-modal .index-modal-content{border-radius:32px;min-width:990px;padding:56px}}@media (max-width:1200px) and (max-width:990px){.portfolio .index-modal .index-modal-content{min-width:880px}}@media (max-width:1200px){.portfolio .index-modal .index-modal-content .close_modal{z-index:10;opacity:1;width:32px;height:32px;margin:0;font-size:0;position:absolute;top:52px;right:66px}.portfolio .index-modal .index-modal-content .close_modal span{background:url(/images/icon-close.svg) 50% no-repeat;width:32px;height:32px;transition:all .3s;display:block;overflow:hidden}.portfolio .index-modal .index-modal-content .close_modal span:hover{transform:rotate(360deg)}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box{justify-content:unset;flex-wrap:wrap;padding:52px 36px 0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .m-header{text-overflow:ellipsis;color:#1d1d1b;text-align:center;text-align:left;white-space:nowrap;flex-basis:100%;max-width:90%;margin-top:16px;margin-bottom:24px;padding-right:30px;font-size:22px;line-height:32px;display:none;overflow:hidden}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{gap:48px;margin-left:40px;padding:0}}@media (max-width:1200px) and (max-width:990px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{margin-left:0}}@media (max-width:1200px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image{flex-basis:unset}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{object-fit:cover;border-radius:32px;width:340px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{flex-basis:46%;display:block;overflow:auto}}@media (max-width:1200px) and (max-width:990px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{flex-basis:42%}}@media (max-width:1200px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description::-webkit-scrollbar{width:8px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description::-webkit-scrollbar-track{background:#f9f9f9;border-radius:2px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description::-webkit-scrollbar-thumb{background:#7bc21f;border:2px solid #f9f9f9;border-radius:2px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .info h2{padding:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .info p{text-align:left;margin-bottom:8px;font-size:14px;line-height:24px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .measurer-btn{width:230px;line-height:56px;display:block}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .close{display:none;position:absolute;top:-4px;right:10px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:42vh}}@media (max-width:880px){.portfolio{flex-direction:column;justify-content:center;padding:56px 0}.portfolio .index-slider{max-width:80vw}.portfolio h2{font-weight:700;font-size:var(--text-2xl);line-height:var(--text-2xl-line-height);margin-inline-start:auto;margin-inline-end:auto;margin-bottom:2rem}.portfolio .desktop-slider{display:none}.portfolio-info{text-align:center;flex-basis:100%;max-width:100%;margin:0 auto;padding-top:34px}.portfolio-info .btn-white{max-width:224px;margin:46px auto 0}.portfolio .index-modal{z-index:1000}.portfolio .index-modal .slick-slider .slick-dots{width:100%;top:385px;bottom:auto;left:50%;transform:translate(-50%)}.portfolio .index-modal .index-modal-content{min-width:unset;border-radius:0;max-width:100vw;max-height:537px;padding:40px 0 0;position:relative}.portfolio .index-modal .index-modal-content .close_modal{top:20px;right:40px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box{flex-wrap:wrap;max-height:100%;margin:0 auto;padding:0 92px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box h2{display:none}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .m-header{text-overflow:ellipsis;color:#1d1d1b;text-align:center;text-align:left;white-space:nowrap;flex-basis:100%;max-width:90%;margin-top:0;margin-left:0;font-size:22px;line-height:32px;display:block;overflow:hidden}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{gap:40px;height:350px;margin-left:0;padding:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image{flex-basis:unset}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{border-radius:32px;width:328px;height:256px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{flex-basis:45vh;justify-content:space-between;max-height:256px;overflow:auto}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description::-webkit-scrollbar{width:8px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description::-webkit-scrollbar-track{background:#f9f9f9;border-radius:2px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description::-webkit-scrollbar-thumb{background:#7bc21f;border:2px solid #f9f9f9;border-radius:2px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .info p{margin-bottom:8px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .measurer-btn{margin-top:0;display:none}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .close{position:absolute;top:17px;right:32px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:363px;left:calc(20% + 92px)}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-prev{top:44%;left:16px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-next{top:44%;right:16px}.portfolio .index-modal .index-modal-content .modal-run-btn{z-index:10;display:block;position:absolute;top:394px;left:calc(45% + 70px)}}@media (max-width:880px) and (max-width:800px){.portfolio .index-modal .index-modal-content .modal-run-btn{left:calc(45% + 90px)}}@media (max-width:768px){.portfolio{padding:48px 0}.portfolio h2{text-align:center;font-weight:700;font-size:var(--text-2xl);line-height:var(--text-2xl-line-height);margin-inline-start:auto;margin-inline-end:auto;margin-bottom:2rem;padding-inline-start:1rem;padding-inline-end:1rem}.portfolio .desktop-slider{display:none}.portfolio .index-modal .index-modal-content{max-height:492px}.portfolio .index-modal .index-modal-content .index-modal-slider{margin-bottom:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box{padding:0 16px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .m-header{margin-left:0;padding:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{max-height:300px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .info{margin-bottom:40px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{border-radius:32px;width:288px;height:224px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-prev,.portfolio .index-modal .index-modal-content .index-modal-slider .slick-next{top:40%}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{left:20%}.portfolio .index-modal .index-modal-content .modal-run-btn{left:45%}}@media (max-width:600px){.portfolio h2{text-align:center;margin:0 auto 32px;padding:0 16px}.portfolio .desktop-slider{display:none}.portfolio .index-modal .index-modal-content{max-width:100vw;height:100vh;max-height:100vh;padding-top:40px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .m-header{text-align:left;margin-left:0;padding:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{height:unset;flex-direction:column}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{justify-content:flex-start}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .measurer-btn{margin:0 auto;display:block}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{width:100%;max-width:unset;object-fit:cover;border-radius:32px;height:444px;max-height:444px}}@media (max-width:600px) and (max-width:400px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{height:256px}}@media (max-width:600px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:500px;left:50%;transform:translate(-50%)}}@media (max-width:600px) and (max-width:400px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:313px}}@media (max-width:600px){.portfolio .index-modal .index-modal-content .index-modal-slider .slick-prev,.portfolio .index-modal .index-modal-content .index-modal-slider .slick-next{top:30%}.portfolio .index-modal .index-modal-content .modal-run-btn{display:none}}