.portfolio{background-color:#3c3c3c;position:relative;overflow:hidden;color:#fff;padding:64px 112px;padding-bottom:104px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;max-width:1920px;margin:0 auto}.portfolio h2{color:#fff;margin-bottom:56px;-ms-flex-preferred-size:100%;flex-basis:100%;font-size:32px;line-height:48px}.portfolio .m-header{display:none}.portfolio .mob-tab-slider{display:none;width:100%;margin-bottom:32px}.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{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:310px}.portfolio .mob-tab-slider .mob-tab-slider_list img{width:100%;height:219px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin:0 6px;padding:0 6px;transition:all .3s;cursor:pointer}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-center{height:310px}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-center img{width:66vw;height:100%!important;max-height:100%;-o-object-fit:cover;object-fit:cover}.portfolio .mob-tab-slider .mob-tab-slider_list .slick-dots{bottom:-45px}.portfolio .index-slider{margin:0;max-width:74vw;-ms-flex-preferred-size:75%;flex-basis:75%}.portfolio .index-slider_item{cursor:pointer}.portfolio .index-slider_item img{border-radius:32px}.portfolio .index-slider .slick-slider{position:static;padding:0;margin:0}.portfolio .index-slider .slick-slider .box{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr);gap:32px;row-gap:24px}.portfolio .index-slider .slick-slider .box>div{position:relative}.portfolio .index-slider .slick-slider .box>div img{width:256px;height:304px;-o-object-fit:cover;object-fit:cover}.portfolio .index-slider .slick-slider .box>div:nth-child(1n){top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(1n) 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){top:0;margin-right:78px}.portfolio .index-slider .slick-slider .box>div:nth-child(4n) img{height:282px;width:178px}.portfolio .index-slider .slick-slider .box>div:nth-child(5n){top:0;margin-left:-80px}.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-column:4/6;grid-row:1/3}.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%}.portfolio-info{max-width:13.5vw;-ms-flex-preferred-size:20%;flex-basis:20%}.portfolio-info h3{color:#fff}.portfolio-info-text{font-size:16px;font-weight:400;line-height:24px}.portfolio-info-text .btn-white{background:transparent;color:#fff;display:-ms-flexbox;display:flex;margin-top:62px}.portfolio .index-modal{height:0;position:fixed;z-index:1000;left:0;top:0;width:100%;overflow:hidden;background-color:rgba(29,29,27,.32);transition:.3s;opacity:0}.portfolio .index-modal .slick-slider{padding:0;margin: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{position:absolute;box-sizing:border-box;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1328px;border-radius:32px;background-color:#fff}.portfolio .index-modal .index-modal-content .index-modal-slider .box{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:56px}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content{display:-ms-flexbox;display:flex;height:auto;width:100%}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .image{-ms-flex-preferred-size:60%;flex-basis:60%}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .image img{max-height:568px;max-width:504px;margin:auto;border-radius:32px}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-preferred-size:30%;flex-basis:30%;position:relative;width:100%;background:#fff}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description h2{text-align:left;margin-bottom:32px;color:#1d1d1b}.portfolio .index-modal .index-modal-content .index-modal-slider .box .content .description .info{text-align:left;color:#1d1d1b}.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{position:relative;display:none;text-align:center;padding:24px;background:#fff;width:100%}.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{position:absolute;top:56px;right:72px;width:32px;height:32px;margin:0;font-size:0;z-index:10;opacity:1}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close span{display:block;width:32px;height:32px;background:url(/images/icon-close.svg) no-repeat 50%;overflow:hidden;transition:.3s}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close span:hover{-ms-transform:rotate(1turn);transform:rotate(1turn)}.portfolio .index-modal .index-modal-content .index-modal-slider .box .close img{position:absolute;top:0;right:0;opacity:1}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment{position:absolute;bottom:88px;color:#1d1d1b;background:#f9f9f9;border-radius:16px;padding:48px;left:112px;right:112px}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment-name{font-weight:700;font-size:24px;margin-bottom:16px}.portfolio .index-modal .index-modal-content .index-modal-slider .box-comment-date{margin-bottom:32px;margin-right:32px;float:left}.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}.portfolio .desktop-slider{width:80%}.portfolio .desktop-slider .index-slider{max-width:100%}.portfolio .portfolio-info{max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%;padding-left:32px}@media (min-width:880px){.portfolio .mob-tab-slider .mob-tab-slider_list img{height:310px}}@media (max-width:1920px){.portfolio .index-slider{max-height:670px}}@media (max-width:1800px){.portfolio{-ms-flex-pack:center;justify-content:center;gap:24px}.portfolio .index-slider{max-width:65vw;-ms-flex-preferred-size:70%;flex-basis:70%}.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{max-width:19vw;-ms-flex-preferred-size:30%;flex-basis:30%}.portfolio .portfolio-info{max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}.portfolio .portfolio-info .btn-white{min-width:245px}.portfolio{gap:0}}@media (max-width:1600px){.portfolio .index-modal .index-modal-content .index-modal-slider .box .content{gap:48px}.portfolio{gap:0;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:64px;-ms-flex-align:start;align-items:flex-start}.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}.portfolio .index-slider .slick-slider .box>div img{width:175px;height:192px;-o-object-fit:cover;object-fit:cover}.portfolio .index-slider .slick-slider .box>div:nth-child(1n){top:0}.portfolio .index-slider .slick-slider .box>div:nth-child(1n) 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){top:0;margin-right:50px}.portfolio .index-slider .slick-slider .box>div:nth-child(4n) img{height:176px;width:111px}.portfolio .index-slider .slick-slider .box>div:nth-child(5n){top:0;margin-left:-50px}.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-column:4/6;grid-row:1/3}.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-height:75vh;max-width:40vw}.portfolio .desktop-slider{width:70%}.portfolio .portfolio-info{max-width:30%;-ms-flex-preferred-size:30%;flex-basis:30%}}@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:1366px){.portfolio-info{max-width:17vw}.portfolio .tab-slider,.portfolio .tab-slider-small{display:none}}@media (max-width:1200px){.portfolio .mob-tab-slider{display:block}.portfolio-info-text{width:90%;margin:0 auto}.portfolio{padding:56px 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.portfolio .index-slider{max-width:80vw;display:none}.portfolio h2{margin:0 auto 32px;padding:0 16px;text-align:center}.portfolio h3{margin-bottom:16px}.portfolio .desktop-slider{display:none}.portfolio-info{text-align:center;padding-top:34px;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;margin:0 auto}.portfolio-info .btn-white{max-width:224px;margin:46px auto 0}.portfolio .index-modal{z-index:1000}.portfolio .index-modal .slick-slider .slick-dots{top:388px;bottom:auto;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%}.portfolio .index-modal .slick-slider .slick-arrow{margin:0}.portfolio .index-modal .index-modal-content{min-width:990px;padding:56px;border-radius:32px}.portfolio .index-modal .index-modal-content .close_modal{position:absolute;top:52px;right:66px;width:32px;height:32px;margin:0;font-size:0;z-index:10;opacity:1}.portfolio .index-modal .index-modal-content .close_modal span{display:block;width:32px;height:32px;background:url(/images/icon-close.svg) no-repeat 50%;overflow:hidden;transition:.3s}.portfolio .index-modal .index-modal-content .close_modal span:hover{-ms-transform:rotate(1turn);transform:rotate(1turn)}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box{padding:52px 36px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:unset;justify-content:unset}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .m-header{display:none;font-size:22px;text-align:center;color:#1d1d1b;-ms-flex-preferred-size:100%;flex-basis:100%;text-align:left;padding-right:30px;margin-top:16px;margin-bottom:24px;line-height:32px;max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{padding:0;margin-left:40px;gap:48px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image{-ms-flex-preferred-size:unset;flex-basis:unset}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{width:340px;border-radius:32px;-o-object-fit:cover;object-fit:cover}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{display:block;overflow:auto;-ms-flex-preferred-size:46%;flex-basis:46%}.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-radius:2px;border:2px solid #f9f9f9}.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{font-size:14px;line-height:24px;text-align:left;margin-bottom:8px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .measurer-btn{display:block;width:230px;line-height:56px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .close{position:absolute;display:none;top:-4px;right:10px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:42vh}.portfolio .portfolio-info{max-width:none;-ms-flex-preferred-size:auto;flex-basis:auto;padding:0 16px}}@media (max-width:1200px) and (max-width:990px){.portfolio .index-modal .index-modal-content{min-width:880px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{margin-left:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{-ms-flex-preferred-size:42%;flex-basis:42%}}@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}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-list{height:454px!important}.portfolio{padding:56px 0;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.portfolio .index-slider{max-width:80vw}.portfolio h2{padding:0;margin:0 auto 32px}.portfolio .desktop-slider{display:none}.portfolio-info{text-align:center;padding-top:34px;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;margin:0 auto}.portfolio-info .btn-white{max-width:224px;margin:46px auto 0}.portfolio .index-modal{z-index:1000}.portfolio .index-modal .slick-slider .slick-dots{top:385px;bottom:auto;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%}.portfolio .index-modal .index-modal-content{position:relative;max-height:537px;max-width:100vw;border-radius:0;min-width:unset;padding:0;padding-top:40px}.portfolio .index-modal .index-modal-content .close_modal{top:20px;right:40px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box{padding:0 92px;margin:0 auto;max-height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.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{display:block;font-size:22px;text-align:center;color:#1d1d1b;-ms-flex-preferred-size:100%;flex-basis:100%;text-align:left;margin-top:0;line-height:32px;max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-left:0}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{height:350px;padding:0;margin-left:0;gap:40px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image{-ms-flex-preferred-size:unset;flex-basis:unset}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{width:328px;height:256px;border-radius:32px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{overflow:auto;-ms-flex-preferred-size:45vh;flex-basis:45vh;max-height:256px;-ms-flex-pack:justify;justify-content:space-between}.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-radius:2px;border:2px solid #f9f9f9}.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{display:none;margin-top:0}.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{left:16px;top:44%}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-next{right:16px;top:44%}.portfolio .index-modal .index-modal-content .modal-run-btn{display:block;position:absolute;top:394px;left:calc(45% + 70px);z-index:10}}@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 h2{font-size:22px;font-weight:700;line-height:32px}.portfolio .index-slider .slick-slider .slick-dots{top:17px}.portfolio-info h3{margin-bottom:16px;line-height:24px}.portfolio-info-text .btn-white{margin-top:46px}.portfolio-info-text{font-size:14px}.portfolio{padding:48px 0}.portfolio h2{margin:0 auto 32px;padding:0 16px;text-align:center}.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{width:288px;height:224px;border-radius:32px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-next,.portfolio .index-modal .index-modal-content .index-modal-slider .slick-prev{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 .index-modal .index-modal-content .index-modal-slider .slick-list{height:auto!important}.portfolio h2{margin:0 auto 32px;padding:0 16px;text-align:center}.portfolio .desktop-slider{display:none}.portfolio .index-modal .index-modal-content{height:100vh;max-height:100vh;max-width:100vw;padding-top:40px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .m-header{margin-left:0;padding:0;text-align:left}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content{-ms-flex-direction:column;flex-direction:column;height:unset}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description{-ms-flex-pack:start;justify-content:flex-start}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .description .measurer-btn{display:block;margin:0 auto}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-slide .box .content .image img{max-width:unset;width:100%;height:444px;max-height:444px;-o-object-fit:cover;object-fit:cover;border-radius:32px}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:500px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-next,.portfolio .index-modal .index-modal-content .index-modal-slider .slick-prev{top:30%}.portfolio .index-modal .index-modal-content .modal-run-btn{display:none}}@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}.portfolio .index-modal .index-modal-content .index-modal-slider .slick-dots{top:313px}}