.portfolio-template--miratorg-b2b{font-size:20px;font-weight:400;line-height:1.25;letter-spacing:0;color:#353131;background-color:#f6f7f7}.portfolio-template--miratorg-b2b .portfolio-flex{display:flex}.portfolio-template--miratorg-b2b .direction-column{flex-direction:column}.portfolio-template--miratorg-b2b .align-center{align-items:center}.portfolio-template--miratorg-b2b .justify-center{justify-content:center}.portfolio-template--miratorg-b2b .text-center{text-align:center}.portfolio-template--miratorg-b2b picture{display:block}.portfolio-template--miratorg-b2b h2.portfolio-title{font-size:24px;font-weight:700;line-height:1.35;letter-spacing:0;color:#000;margin:0;padding:0}@media(max-width:768px){.portfolio-template--miratorg-b2b h2.portfolio-title{font-size:22px}}.portfolio-template--miratorg-b2b h3.portfolio-title{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:0;color:#000;margin:0;padding:0}@media(max-width:768px){.portfolio-template--miratorg-b2b h3.portfolio-title{font-size:18px}}.portfolio-template--miratorg-b2b .portfolio-nowrap{white-space:nowrap}.portfolio-template--miratorg-b2b .buttonbar{display:flex;justify-content:center;gap:10px;position:absolute;z-index:2;bottom:-54px;left:50%;transform:translateX(-50%)}.portfolio-template--miratorg-b2b .buttonbar .button-restart{background:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/restart.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--miratorg-b2b .buttonbar .button-restart,.portfolio-template--miratorg-b2b .buttonbar .button-video{width:35px;height:35px;margin:0;padding:0;outline:none;cursor:pointer;border-radius:50%;border:none;box-shadow:0 0 6px rgba(244,54,76,.12)}.portfolio-template--miratorg-b2b .buttonbar .button-video{background:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/pause.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--miratorg-b2b .buttonbar .button-video.play{background:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/play.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--miratorg-b2b .buttonbar .button-video.pause{background:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/pause.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--miratorg-b2b .portfolio-small-video-wrapper{position:relative;width:224px;height:464px;display:flex;justify-content:center;align-items:flex-start;margin:0 auto}@media(max-width:768px){.portfolio-template--miratorg-b2b .portfolio-small-video-wrapper{width:59.735vw;height:123.736vw}}.portfolio-template--miratorg-b2b .portfolio-small-video-wrapper:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/video_frame_small.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%}.portfolio-template--miratorg-b2b .portfolio-small-video-wrapper .portfolio-small-video{width:93%;border-radius:24px;margin:auto}.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper{position:relative;width:637px;height:455px;margin:0 auto 84px;display:flex;justify-content:center;background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/phone_big_frame.png);background-position:top;background-repeat:no-repeat;background-size:100% 94%}@media(min-width:769px)and (max-width:1220px){.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper{width:51.8vw;height:37vw}}@media(max-width:768px){.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper{width:76.8vw;height:54.8vw}}.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper:before{content:"";position:absolute;z-index:1;bottom:-4px;left:50%;transform:translateX(-50%);width:776px;height:32px;background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/phone_big_frame_bottom.png);background-position:top;background-repeat:no-repeat;background-size:100% auto}@media(min-width:769px)and (max-width:1220px){.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper:before{width:63.6vw;height:2.62vw;bottom:-.3vw}}@media(max-width:768px){.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper:before{width:93.2vw;height:3.8vw;bottom:-.4vw}}.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper .portfolio-big-video-container{width:96%;border-radius:8px;overflow:hidden;margin-top:1.7%}@media(max-width:768px){.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper .portfolio-big-video-container{border-radius:4px}}.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper .phone-big-video{width:100%}@media(max-width:768px){.portfolio-template--miratorg-b2b .portfolio-big-video-wrapper .buttonbar{bottom:-80px}}.portfolio-template--miratorg-b2b .only-desktop{display:block}@media(max-width:768px){.portfolio-template--miratorg-b2b .only-desktop{display:none}}.portfolio-template--miratorg-b2b .only-mobile{display:none}@media(max-width:768px){.portfolio-template--miratorg-b2b .only-mobile{display:block}}.portfolio-template--miratorg-b2b .portfolio-number{font-size:20px;font-weight:500;line-height:1.25;letter-spacing:0;color:#fff;width:36px;min-width:36px;height:36px;background-color:#f4364c;border-radius:8px;display:flex;align-items:center;justify-content:center}.portfolio-template--miratorg-b2b .section-01{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-01{padding:32px 0}}.portfolio-template--miratorg-b2b .section-01 .portfolio-flex{gap:41px;align-items:center}@media(min-width:769px)and (max-width:899px){.portfolio-template--miratorg-b2b .section-01 .portfolio-flex{gap:20px}}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-01 .portfolio-flex{flex-direction:column}}.portfolio-template--miratorg-b2b .section-01 .portfolio-flex-item{flex:1 1}@media(min-width:769px)and (max-width:899px){.portfolio-template--miratorg-b2b .section-01 .portfolio-flex-item:first-child{flex:1.2 1}}.portfolio-template--miratorg-b2b .section-01 .portfolio-logo{width:258px;height:26px;display:block;margin:0 0 32px}.portfolio-template--miratorg-b2b .section-01 h2.portfolio-title{font-size:30px;margin-bottom:24px}@media(min-width:769px)and (max-width:980px){.portfolio-template--miratorg-b2b .section-01 h2.portfolio-title{font-size:24px}}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-01 h2.portfolio-title{font-size:24px}}.portfolio-template--miratorg-b2b .section-01 .portfolio-text{margin-bottom:16px}.portfolio-template--miratorg-b2b .section-01 .portfolio-text:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-01 .section-01-img01{width:100%}.portfolio-template--miratorg-b2b .section-02{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-02{padding:32px 0}}.portfolio-template--miratorg-b2b .section-02 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-02 .portfolio-flex{gap:24px 56px;background-color:#fff;border-radius:20px;flex-wrap:wrap;padding:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-02 .portfolio-flex{flex-direction:column;gap:24px;padding:24px}}.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item{flex:1 1}.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item:first-child,.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item:nth-child(4){min-width:100%}.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item:nth-child(2),.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item:nth-child(3){display:flex;gap:18px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item:nth-child(2),.portfolio-template--miratorg-b2b .section-02 .portfolio-flex-item:nth-child(3){flex-direction:column;gap:12px}}.portfolio-template--miratorg-b2b .section-02 .portfolio-number{background-color:#d1d3d6;margin-bottom:18px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-02 .portfolio-number{margin-bottom:0}}.portfolio-template--miratorg-b2b .section-02 .portfolio-text b{font-weight:600}.portfolio-template--miratorg-b2b .section-03{padding:16px 0 40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-03{padding:24px 0 32px}}.portfolio-template--miratorg-b2b .section-03 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-03 .portfolio-flex{gap:24px 56px;background-color:#fff;border-radius:20px;padding:40px;border:2px solid #f4364c}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-03 .portfolio-flex{flex-direction:column;gap:24px;padding:24px}}.portfolio-template--miratorg-b2b .section-03 .portfolio-flex-item{flex:1 1;display:flex;gap:18px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-03 .portfolio-flex-item{flex-direction:column}}.portfolio-template--miratorg-b2b .section-03 .portfolio-number{margin-bottom:18px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-03 .portfolio-number{margin-bottom:0}}.portfolio-template--miratorg-b2b .section-04{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-04{padding:32px 0}}.portfolio-template--miratorg-b2b .section-04 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-04 h3.portfolio-title{margin-bottom:12px}@media(min-width:769px)and (max-width:820px){.portfolio-template--miratorg-b2b .section-04 h3.portfolio-title{font-size:18px}}.portfolio-template--miratorg-b2b .section-04 .portfolio-flex{gap:40px;flex-wrap:wrap;margin-top:24px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-04 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-04 .portfolio-flex-item{flex:1 1;min-width:calc(50% - 20px);padding:20px;background-color:#fff;border-radius:20px;height:100%}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-04 .portfolio-flex-item{min-width:100%;padding:16px}}.portfolio-template--miratorg-b2b .section-04 .section-04-img-wrapper{border-radius:20px;display:flex;align-items:center;justify-content:center;height:100%}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-04 .section-04-img-wrapper{border-radius:12px}}.portfolio-template--miratorg-b2b .section-04 .section-04-img01-wrapper{background-color:#d6e2f2}.portfolio-template--miratorg-b2b .section-04 .section-04-img02-wrapper{background-color:#fde8d5}.portfolio-template--miratorg-b2b .section-04 .section-04-img03-wrapper{background-color:#f6f9ca}.portfolio-template--miratorg-b2b .section-04 .section-04-img04-wrapper{background-color:#d0f0ef}.portfolio-template--miratorg-b2b .section-04 .section-04-img01,.portfolio-template--miratorg-b2b .section-04 .section-04-img02,.portfolio-template--miratorg-b2b .section-04 .section-04-img03,.portfolio-template--miratorg-b2b .section-04 .section-04-img04{width:100%;height:auto}.portfolio-template--miratorg-b2b .section-05{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-05{padding:32px 0}}.portfolio-template--miratorg-b2b .section-05 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-05 .portfolio-flex{gap:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-05 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-05 .portfolio-flex-item{flex:1 1;padding:40px;background-color:#fff;border-radius:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-05 .portfolio-flex-item{padding:24px}}.portfolio-template--miratorg-b2b .section-05 .portfolio-flex-item:nth-child(2){border:2px solid #f4364c}.portfolio-template--miratorg-b2b .section-05 .portfolio-flex-item:nth-child(2) h3.portfolio-title{background-color:#f4364c}.portfolio-template--miratorg-b2b .section-05 h3.portfolio-title{padding:7px 12px 5px;border-radius:12px;background-color:#d1d3d6;width:-moz-fit-content;width:fit-content;text-transform:uppercase;margin-bottom:24px;color:#fff;line-height:1.25}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-05 h3.portfolio-title{margin-bottom:20px}}.portfolio-template--miratorg-b2b .section-05 .portfolio-text{margin-bottom:12px}.portfolio-template--miratorg-b2b .section-05 .portfolio-text:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-05 .portfolio-text b{font-weight:600}.portfolio-template--miratorg-b2b .section-05 .section-05-illustration{background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/section05_img01.png),url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/section05_img02.png);background-position:0 0,100% 0;background-repeat:no-repeat,no-repeat;background-size:auto 472px,auto 472px}@media(min-width:769px)and (max-width:1220px){.portfolio-template--miratorg-b2b .section-05 .section-05-illustration{background-size:auto 38.6vw,auto 38.6vw}}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-05 .section-05-illustration{background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/section05_img01.png),url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/section05_img02_mobile.png);background-position:0 -3.5rem,57vw 0;background-size:auto 69.3vw,36.9vw;padding-top:6rem;padding-bottom:2.9rem}}.portfolio-template--miratorg-b2b .section-06{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-06{padding:32px 0}}.portfolio-template--miratorg-b2b .section-06 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-06 .portfolio-flex{gap:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-06 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-06 .portfolio-flex-item{flex:1 1;padding:40px;background-color:#fff;border-radius:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-06 .portfolio-flex-item{padding:24px}}.portfolio-template--miratorg-b2b .section-06 .portfolio-flex-item:nth-child(2){border:2px solid #f4364c}.portfolio-template--miratorg-b2b .section-06 .portfolio-flex-item:nth-child(2) h3.portfolio-title{background-color:#f4364c}.portfolio-template--miratorg-b2b .section-06 h3.portfolio-title{padding:7px 12px 5px;border-radius:12px;background-color:#d1d3d6;width:-moz-fit-content;width:fit-content;text-transform:uppercase;margin-bottom:24px;color:#fff;line-height:1.25}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-06 h3.portfolio-title{margin-bottom:20px}}.portfolio-template--miratorg-b2b .section-06 .portfolio-text{margin-bottom:12px}.portfolio-template--miratorg-b2b .section-06 .portfolio-text:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-06 .section-06-img-wrapper{border-radius:20px;display:flex;justify-content:center;background-color:#fde8d5;margin:-20px -20px 24px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-06 .section-06-img-wrapper{margin:0 0 24px;border-radius:12px;justify-content:flex-start}}.portfolio-template--miratorg-b2b .section-06 .only-mobile,.portfolio-template--miratorg-b2b .section-06 .section-06-img01,.portfolio-template--miratorg-b2b .section-06 .section-06-img01-mobile{width:100%}.portfolio-template--miratorg-b2b .section-07{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-07{padding:32px 0}}.portfolio-template--miratorg-b2b .section-07 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-07 .portfolio-flex{gap:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-07 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-07 .portfolio-flex-item{flex:1 1;padding:40px;background-color:#fff;border-radius:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-07 .portfolio-flex-item{padding:24px}}.portfolio-template--miratorg-b2b .section-07 .portfolio-flex-item:nth-child(2){border:2px solid #f4364c}.portfolio-template--miratorg-b2b .section-07 .portfolio-flex-item:nth-child(2) h3.portfolio-title{background-color:#f4364c}.portfolio-template--miratorg-b2b .section-07 h3.portfolio-title{padding:7px 12px 5px;border-radius:12px;background-color:#d1d3d6;width:-moz-fit-content;width:fit-content;text-transform:uppercase;margin-bottom:24px;color:#fff;line-height:1.25}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-07 h3.portfolio-title{margin-bottom:20px}}.portfolio-template--miratorg-b2b .section-07 .portfolio-text{margin-bottom:12px}.portfolio-template--miratorg-b2b .section-07 .portfolio-text:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-07 .section-07-img01,.portfolio-template--miratorg-b2b .section-07 .section-07-img01-mobile{width:100%;margin-bottom:24px}.portfolio-template--miratorg-b2b .section-08{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08{padding:32px 0}}.portfolio-template--miratorg-b2b .section-08 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-08 .portfolio-flex{gap:40px;flex-direction:column}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08 .portfolio-flex{gap:24px}}.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item{flex:1 1;padding:40px;background-color:#fff;border-radius:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item{padding:24px}}.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item:nth-child(2){padding:20px;border:2px solid #f4364c}.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item:nth-child(2) h3.portfolio-title{background-color:#f4364c;margin-left:20px;margin-right:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item:nth-child(2) h3.portfolio-title{margin-left:0;margin-right:0}}.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item:nth-child(2) .portfolio-text{margin-left:20px;margin-right:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08 .portfolio-flex-item:nth-child(2) .portfolio-text{margin-left:0;margin-right:0}}.portfolio-template--miratorg-b2b .section-08 h3.portfolio-title{padding:7px 12px 5px;border-radius:12px;background-color:#d1d3d6;width:-moz-fit-content;width:fit-content;text-transform:uppercase;margin-bottom:24px;color:#fff;line-height:1.25}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08 h3.portfolio-title{margin-bottom:20px}}.portfolio-template--miratorg-b2b .section-08 .portfolio-text{margin-bottom:12px}.portfolio-template--miratorg-b2b .section-08 .portfolio-text:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-08 .section-08-img-wrapper{border-radius:20px;display:flex;align-items:center;justify-content:center;height:100%;background-color:#d0f0ef;margin-top:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-08 .section-08-img-wrapper{border-radius:12px}}.portfolio-template--miratorg-b2b .section-08 .section-08-img01{width:100%;border-radius:20px}.portfolio-template--miratorg-b2b .section-08 .section-08-img01-mobile{width:100%}.portfolio-template--miratorg-b2b .section-09{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09{padding:32px 0}}.portfolio-template--miratorg-b2b .section-09 h2.portfolio-title{margin-bottom:24px}.portfolio-template--miratorg-b2b .section-09 h3.portfolio-title{margin-bottom:10px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 h3.portfolio-title{font-size:20px}}.portfolio-template--miratorg-b2b .section-09 .portfolio-text{margin-bottom:12px}.portfolio-template--miratorg-b2b .section-09 .portfolio-text:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-09 .section-09-line01{margin-bottom:40px}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 h3.portfolio-title{margin-bottom:10px}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex{gap:40px}@media(min-width:769px)and (max-width:1220px){.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex{align-items:center}}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex-item{flex:1 1}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex-item:first-child{position:relative}@media(min-width:769px)and (max-width:920px){.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex-item:first-child{flex:1.2 1}}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex-item:first-child .portfolio-description{border-radius:20px;padding:40px;background-color:#fff}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .portfolio-flex-item:first-child .portfolio-description{padding:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .section-09-img01{width:100%}@media(min-width:921px)and (max-width:1160px){.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .section-09-img01{width:128%;max-width:none;margin-left:-16%}}@media(min-width:769px)and (max-width:920px){.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .section-09-img01{width:175%;max-width:none;margin-left:-45%}}.portfolio-template--miratorg-b2b .section-09 .section-09-line01 .section-09-img01-mobile{width:100%}.portfolio-template--miratorg-b2b .section-09 .section-09-line02{margin-bottom:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line02{margin-bottom:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .portfolio-flex{gap:40px;align-items:center;border-radius:20px;background-color:#fff;padding:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .portfolio-flex{flex-direction:column;gap:20px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .portfolio-flex-item{flex:1 1}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .portfolio-flex-item{width:100%}}.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .portfolio-text{max-width:539px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .portfolio-text{max-width:none}}.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .section-09-img-wrapper{background-color:#e9f8db;border-radius:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .section-09-img-wrapper{border-radius:12px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .section-09-img02,.portfolio-template--miratorg-b2b .section-09 .section-09-line02 .section-09-img02-mobile{width:100%}.portfolio-template--miratorg-b2b .section-09 .section-09-line03{margin-bottom:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line03{margin-bottom:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-flex{gap:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-flex-item{flex:1 1;padding:20px;border-radius:20px;background-color:#fff;display:flex;flex-direction:column}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-flex-item:first-child .section-09-img-wrapper{background-color:#fde8d5}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-flex-item:first-child .section-09-img-wrapper{gap:12px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-flex-item:nth-child(2) .section-09-img-wrapper{background-color:#d6e2f2}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-description{padding:20px;display:flex;flex-direction:column;margin-bottom:4px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .portfolio-description{order:2;padding:20px 0 0}}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .section-09-img-wrapper{border-radius:20px;display:flex;align-items:flex-end;justify-content:center;padding-top:18px;margin-top:auto}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .section-09-img-wrapper{border-radius:12px;padding-top:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .section-09-img03,.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .section-09-img04{width:100%;max-width:271px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .section-09-img03,.portfolio-template--miratorg-b2b .section-09 .section-09-line03 .section-09-img04{max-width:86%;margin:0 auto;display:block}}.portfolio-template--miratorg-b2b .section-09 .section-09-line04{margin-bottom:32px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line04{margin-bottom:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line04 .portfolio-flex-item{padding:40px;border-radius:20px;background-color:#fff}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line04 .portfolio-flex-item{padding:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line05{margin-bottom:40px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line05{margin-bottom:0}}.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-flex{gap:40px}@media(min-width:769px)and (max-width:1220px){.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-flex{align-items:center}}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-flex-item{flex:1 1}.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-flex-item:first-child{background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/section09_img05.png);background-position:top;background-repeat:no-repeat;background-size:100% auto;padding-top:4px;padding-bottom:20px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-flex-item:first-child{padding-bottom:60px;background-image:url(https://spider.ru/static/blob/content/works/miratorg-b2b/images/section09_img05_mobile.png)}}.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-description{padding:40px;border-radius:20px;background-color:#fff;margin-bottom:40px;min-height:220px}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-description{padding:24px;margin-bottom:24px;min-height:auto}}.portfolio-template--miratorg-b2b .section-09 .section-09-line05 .portfolio-description:last-child{margin-bottom:0}.portfolio-template--miratorg-b2b .section-10{padding:40px 0}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-10{padding:32px 0}}.portfolio-template--miratorg-b2b .section-10 .portfolio-flex{gap:56px}@media(min-width:1061px)and (max-width:1160px){.portfolio-template--miratorg-b2b .section-10 .portfolio-flex{gap:24px}}@media(min-width:769px)and (max-width:1060px){.portfolio-template--miratorg-b2b .section-10 .portfolio-flex{gap:24px;flex-direction:column}}@media(max-width:768px){.portfolio-template--miratorg-b2b .section-10 .portfolio-flex{gap:24px;flex-direction:column}}.portfolio-template--miratorg-b2b .section-10 .portfolio-flex-item{flex:1 1;padding:32px 24px;border-radius:32px;background-color:#fff}.portfolio-template--miratorg-b2b .section-10 .portfolio-flex-item.portfolio-flex{gap:0}.portfolio-template--miratorg-b2b .section-10 h3.portfolio-title{font-size:22px;font-weight:700;line-height:1.25;letter-spacing:0;margin:0 0 40px;padding:0}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack{font-size:18px;line-height:1.35;margin-bottom:20px;border-bottom:1px solid #f4364c;display:flex;justify-content:space-between;gap:12px;padding:4px 0 6px;position:relative}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack:last-of-type{border-bottom:none;margin-bottom:0}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack dt{font-weight:500}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack dt.portfolio-stack-title-special{position:absolute;left:auto;top:auto}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack dd{text-align:right;flex:1 1}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack dd .portfolio-stack-list{display:flex;flex-direction:column;gap:8px}.portfolio-template--miratorg-b2b .section-10 .portfolio-stack dd .portfolio-stack-list .divider{color:#f4364c;margin:0 8px}.portfolio-template--mts-bank{padding:0 2.2rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank{max-width:var(--container-width);padding:0 var(--container-padding-px);margin:0 auto}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank{padding:0}}.portfolio-template--mts-bank .portfolio-wrapper{font-size:1.4rem;font-weight:500;line-height:1.5;letter-spacing:.014rem;margin-bottom:5.2rem;color:#515d65;overflow:hidden;background:#f6f7f9;padding-left:0!important;padding-right:0!important}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-wrapper{margin-bottom:0;font-size:1.613rem}}.portfolio-template--mts-bank .portfolio-wrapper h2.portfolio-title{font-size:3.48rem;font-weight:500;line-height:1.3;letter-spacing:.017rem;margin:0 0 1.25rem;position:relative}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-wrapper h2.portfolio-title{font-size:2.08vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-wrapper h2.portfolio-title{font-size:2.53rem;margin-bottom:1rem}}.portfolio-template--mts-bank .portfolio-wrapper .portfolio-description{position:relative}.portfolio-template--mts-bank .portfolio-wrapper a{text-decoration:underline;color:#515d65;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.portfolio-template--mts-bank .portfolio-wrapper img{max-width:100%}.portfolio-template--mts-bank .portfolio-wrapper picture{font-size:0;line-height:0;display:block}.portfolio-template--mts-bank .portfolio-flex{display:flex;flex-flow:row wrap}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-flex{flex-direction:column}}.portfolio-template--mts-bank .portfolio-flex-item{flex:1 1}.portfolio-template--mts-bank .portfolio-text{margin:0 0 1.25rem}.portfolio-template--mts-bank .portfolio-list{margin:0;padding:0;list-style:none}.portfolio-template--mts-bank .portfolio-list li{margin:1rem 0 1.73rem;padding:0 0 0 3.74rem;position:relative}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-list li{padding:0 0 0 4.5rem}}.portfolio-template--mts-bank .portfolio-list li:before{content:"";width:2.44rem;height:2.53rem;position:absolute;top:0;left:0;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/img_23.png);background-position:0 0;background-repeat:no-repeat;background-size:100% auto}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-list li:before{width:2.93rem;height:2.93rem}}.portfolio-template--mts-bank .only-desktop{display:block}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .only-desktop{display:none}}.portfolio-template--mts-bank .only-mobile{display:none}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .only-mobile{display:block}}.portfolio-template--mts-bank .portfolio-section01{position:relative;min-height:94.42rem;padding:7rem 0 0 5.4rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01{padding:4.3vw 0 0 3.5rem;min-height:59vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01{padding:0;min-height:auto}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-description{position:relative;z-index:1;max-width:46.55rem;margin:0 0 6.2rem;padding:0 2.1rem 0 0}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-description{max-width:48%;padding:0;margin:0 0 3.9vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-description{margin:0;padding:0 2.1rem 1rem;overflow:hidden;background:linear-gradient(90deg,#dbdfe3,#dce0e3 47.66%,#dfe3e6)}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-description .portfolio-text{width:84%}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-description .portfolio-text{width:100%}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-logo{width:8.09rem;display:block;margin:0 0 3rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-logo{width:4.85vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-logo{width:9.4rem;margin:2.2rem auto 2.3rem}}.portfolio-template--mts-bank .portfolio-section01 h2.portfolio-slogan{font-weight:700;color:#47545d;text-transform:uppercase;margin:0 0 3.2rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 h2.portfolio-slogan{font-size:2.02rem;margin:0 0 1.6rem}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration{position:absolute;top:0;right:0;width:100%;height:100%}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration{position:relative}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration img{object-fit:cover}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration img{max-width:none;width:114%;margin-left:-4%}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration img{width:100%}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-mark{position:relative;z-index:1;max-width:33.22rem;background:#fff;border-radius:2.61rem;padding:4.2rem 3.5rem 3.74rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-mark{margin:0 2.1rem;padding:3rem 1.82rem 2rem;box-shadow:0 10px 20px rgba(81,93,101,.2)}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-mark:before{content:"";position:absolute;top:0;left:50%;width:22.61rem;height:1.047rem;margin-left:-11.31rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/img_02.svg);background-position:top;background-repeat:no-repeat;background-size:100% auto}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-mark:before{background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/img_02_mobile.svg);width:21.9rem;height:1.1rem}}.portfolio-template--mts-bank .portfolio-section01 .img-03-1{width:24.1rem;position:absolute;top:0;left:0;z-index:2;margin:-7.2rem 0 0 13.3rem;transition:transform .3s linear;transform:translate(-7.3rem,1.4rem)}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .img-03-1{width:14.46vw;margin:-4.313vw 0 0 7.98vw;transform:translate(-4.4vw,.85vw)}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .img-03-1{width:14.3rem;margin:-4.9rem 0 0 6.5rem;transform:translate(-4.75rem,1rem)}}.portfolio-template--mts-bank .portfolio-section01 .img-03-2{width:23.9rem;z-index:1;margin:-2rem 0 0 2.6rem;transition:transform .3s linear;transform:scale(.98)}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .img-03-2{width:14.34vw;margin:-1.2vw 0 0 1.56vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .img-03-2{width:13.9rem;margin:-2rem 0 0}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration-animation{position:relative;z-index:2;margin:5rem 0 0 -.3rem;transition:transform .3s linear;transform:translateY(3rem)}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration-animation{margin:3vw 0 0 -.18vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration-animation{width:max-content;display:block;margin:3.5rem auto 0}}.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration-animation.transform-move,.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration-animation.transform-move .img-03-1,.portfolio-template--mts-bank .portfolio-section01 .portfolio-illustration-animation.transform-move .img-03-2{transform:none}.portfolio-template--mts-bank .portfolio-section01 .img-04{width:9.92rem;margin:3.9rem 0 0 -1.5rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .img-04{width:6vw;margin:2.3vw 0 0 -.9vw;position:relative;top:-3vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section01 .img-04{width:7.92rem;margin:1.5rem 0 4.5rem 1.5rem}}.portfolio-template--mts-bank .portfolio-section01 .hexagon1,.portfolio-template--mts-bank .portfolio-section01 .hexagon2,.portfolio-template--mts-bank .portfolio-section01 .hexagon3,.portfolio-template--mts-bank .portfolio-section01 .hexagon4,.portfolio-template--mts-bank .portfolio-section01 .hexagon5,.portfolio-template--mts-bank .portfolio-section01 .hexagon6{position:absolute;top:0;right:0;margin:63.3rem 44.6rem 0 0;width:6.25rem;height:6.25rem;overflow:hidden;-webkit-clip-path:polygon(50% 15%,50% 15%,50% 15%,50% 15%,50% 15%,50% 15%,50% 15%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,50% 85%,50% 85%,50% 85%,50% 85%,50% 85%,50% 85%,50% 85%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%);clip-path:polygon(50% 15%,50% 15%,50% 15%,50% 15%,50% 15%,50% 15%,50% 15%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 32.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,80.31089% 67.5%,50% 85%,50% 85%,50% 85%,50% 85%,50% 85%,50% 85%,50% 85%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 67.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%,19.68911% 32.5%);animation:glow 3s linear 1s infinite}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .hexagon1,.portfolio-template--mts-bank .portfolio-section01 .hexagon2,.portfolio-template--mts-bank .portfolio-section01 .hexagon3,.portfolio-template--mts-bank .portfolio-section01 .hexagon4,.portfolio-template--mts-bank .portfolio-section01 .hexagon5,.portfolio-template--mts-bank .portfolio-section01 .hexagon6{display:none}}.portfolio-template--mts-bank .portfolio-section01 .hexagon1:before,.portfolio-template--mts-bank .portfolio-section01 .hexagon2:before,.portfolio-template--mts-bank .portfolio-section01 .hexagon3:before,.portfolio-template--mts-bank .portfolio-section01 .hexagon4:before,.portfolio-template--mts-bank .portfolio-section01 .hexagon5:before,.portfolio-template--mts-bank .portfolio-section01 .hexagon6:before{content:"";display:block;position:absolute;left:0;width:.2rem;height:6.25rem;background:#fff;z-index:2;transform:rotate(-30deg);animation:sheen 3s 1s infinite}.portfolio-template--mts-bank .portfolio-section01 .hexagon2{margin:54.18rem 67.3rem 0 0;width:6.25rem;height:6.25rem;animation-delay:1.2s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .hexagon2{display:none}}.portfolio-template--mts-bank .portfolio-section01 .hexagon2:before{animation-delay:1.2s}.portfolio-template--mts-bank .portfolio-section01 .hexagon3{margin:46.18rem 72rem 0 0;width:6.25rem;height:6.25rem;animation-delay:1.4s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .hexagon3{display:none}}.portfolio-template--mts-bank .portfolio-section01 .hexagon3:before{animation-delay:1.4s}.portfolio-template--mts-bank .portfolio-section01 .hexagon4{margin:29.53rem 19.5rem 0 0;width:6.25rem;height:6.25rem;animation-delay:1.6s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .hexagon4{display:none}}.portfolio-template--mts-bank .portfolio-section01 .hexagon4:before{animation-delay:1.6s}.portfolio-template--mts-bank .portfolio-section01 .hexagon5{margin:33rem 10.9rem 0 0;width:6.25rem;height:6.25rem;animation-delay:1.8s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .hexagon5{display:none}}.portfolio-template--mts-bank .portfolio-section01 .hexagon5:before{animation-delay:1.8s}.portfolio-template--mts-bank .portfolio-section01 .hexagon6{margin:39.8rem 11.9rem 0 0;width:6.25rem;height:6.25rem;animation-delay:2s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section01 .hexagon6{display:none}}.portfolio-template--mts-bank .portfolio-section01 .hexagon6:before{animation-delay:2s}@keyframes sheen{0%,to{left:0;opacity:0}1%{opacity:1}20%{left:100%;opacity:0}98%{left:100%;opacity:0}}@keyframes glow{0%{background:radial-gradient(circle at left,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0) 100%)}10%{background:none}to{background:none}}.portfolio-template--mts-bank .portfolio-section02{position:relative}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02{padding:0 0 0 2.1rem}}.portfolio-template--mts-bank .portfolio-section02:before{content:"";position:absolute;width:40.5rem;height:44.2rem;left:15.2rem;top:-3rem;background:rgba(236,51,36,.2);filter:blur(8.7rem)}.portfolio-template--mts-bank .portfolio-section02 .portfolio-flex-item:first-child{width:53.5%;flex:none;position:relative}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .portfolio-flex-item:first-child{width:100%;padding:0 2.1rem}}.portfolio-template--mts-bank .portfolio-section02 .portfolio-flex-item:nth-child(2){text-align:right;padding-bottom:20rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .portfolio-flex-item:nth-child(2){padding-bottom:2rem}}.portfolio-template--mts-bank .portfolio-section02 .portfolio-mark{max-width:35.74rem;background:#fff;border-radius:2.61rem;padding:3.6rem 3.7rem 2.8rem 3.5rem;margin:-2.7rem 0 0 auto;position:relative}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .portfolio-mark{padding:3.6rem 1.82rem 2.8rem}}.portfolio-template--mts-bank .portfolio-section02 .portfolio-illustration{position:relative}.portfolio-template--mts-bank .portfolio-section02 .img-05{width:34rem;position:absolute;right:28.2rem;top:-18rem;z-index:1}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-05{width:20.4vw;right:16.92vw;top:-10.8vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-05{top:0;right:14.5rem;width:17.7rem}}.portfolio-template--mts-bank .portfolio-section02 .img-06{width:36rem;position:relative;margin:-32rem 1.5rem 0 0}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-06{width:21.6vw;margin:-19.2vw .9vw 0 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-06{margin:-7.7rem 0 0;width:19.7rem}}.portfolio-template--mts-bank .portfolio-section02 .img-07{position:absolute;top:-35.2rem;right:29.1rem;width:22.5rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-07{top:-21vw;right:17.5vw;width:13.5vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-07{top:-13.4rem;right:auto;left:1.5rem;width:17.5rem}}.portfolio-template--mts-bank .portfolio-section02 .img-08{position:absolute;bottom:-13.5rem;right:54.1rem;width:26.2rem;z-index:1}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-08{bottom:-8.4vw;right:33.8vw;width:16.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-08{bottom:-9.5rem;right:auto;left:1rem;width:12.8rem}}.portfolio-template--mts-bank .portfolio-section02 .img-09{position:absolute;bottom:-16.8rem;right:6.5rem;width:19rem;z-index:1}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-09{bottom:-10.5vw;right:4vw;width:11.9vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-09{bottom:-7.2rem;right:4rem;width:10rem}}.portfolio-template--mts-bank .portfolio-section02 .img-10{position:absolute;bottom:8.6rem;right:2.5rem;width:5.6rem;z-index:1}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-10{bottom:5.1vw;right:1.5vw;width:3.3vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-10{bottom:4.5rem;right:1rem;width:3rem}}.portfolio-template--mts-bank .portfolio-section02 .img-11{position:absolute;bottom:-6rem;right:14.6rem;width:5rem;z-index:1}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-11{bottom:-3.7vw;right:9.1vw;width:3.1vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-11{bottom:-1.6rem;right:8.8rem;width:2.5rem}}.portfolio-template--mts-bank .portfolio-section02 .img-12{position:absolute;top:-1.8rem;right:33.3rem;width:9.8rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-12{top:-5vw;right:20vw;width:5.8vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-12{top:-.8rem;right:89%;width:7.5rem}}.portfolio-template--mts-bank .portfolio-section02 .img-14{position:absolute;top:-6.8rem;right:3.8rem;width:8.6rem;z-index:2}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-14{top:-4vw;right:2.3vw;width:5vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-14{top:-6rem;right:4.8rem;width:6.6rem}}.portfolio-template--mts-bank .portfolio-section02 .img-15{width:6.1rem;margin:3.5rem 0 0 12.4rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-15{width:3.6vw;margin:2vw 0 0 7.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-15{width:4.6rem;margin:2.3rem 0 2rem 1.4rem}}.portfolio-template--mts-bank .portfolio-section02 .img-16{width:12.8rem;margin:-1.6rem 0 0 21.6rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-16{width:7.6vw;margin:-1vw 0 0 12.5vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-16{width:9.8rem;margin:-7rem 0 12rem 10.6rem}}.portfolio-template--mts-bank .portfolio-section02 .img-17{width:6.6rem;margin:-14rem 22rem 0 auto;display:block}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section02 .img-17{width:3.9vw;margin:-8.4vw 12.4vw 0 auto}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section02 .img-17{width:5rem;margin:-22.7rem 1rem 14.6rem auto}}.portfolio-template--mts-bank .portfolio-section03{position:relative;min-height:70rem;padding:8.9rem 7.5rem 0 5.4rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03{padding:3.3vw 3.5rem 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section03{padding:8.9rem 2.1rem 0;min-height:auto}.portfolio-template--mts-bank .portfolio-section03 h2.portfolio-title{margin-bottom:1.6rem}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-description{position:relative;z-index:1;max-width:59.65rem;margin:0 0 0 auto}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-description{max-width:43.2vw}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-description{max-width:43.2vw;min-height:34vw}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-description .portfolio-text{width:88%}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-description .portfolio-text{width:100%}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-illustration{position:absolute;top:8.4rem;left:5.6rem;width:62.34rem}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-illustration{top:auto;bottom:2vw;left:5.32vw;width:40vw}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-illustration{top:0;left:7.32vw;width:40vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-illustration{position:relative;top:auto;left:auto;width:100%;margin:3.5rem 0 4.5rem}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks{max-width:59.65rem;margin:0 0 0 auto;display:flex;flex-direction:column;align-items:flex-end}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks{max-width:43.2vw}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks{max-width:100%}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks h2.portfolio-title{align-self:flex-start;font-size:1.74rem;font-weight:600;letter-spacing:.02rem;margin:.5rem 0 2.2rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks h2.portfolio-title{font-size:2.02rem;margin:.5rem 0 5.6rem}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark{font-weight:700;background:#fff;border-radius:2.61rem;padding:1.4rem 2.5rem .2rem 4.27rem;margin:0 0 2.61rem;position:relative;min-height:9.22rem;display:flex;flex-direction:row;align-items:center;transition:all .3s linear;transform:translateX(-8%)}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark{transform:none!important;width:100%!important;padding:3.4rem 1.82rem 2rem;margin:0 0 4.61rem}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:first-of-type{width:47.91rem}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:first-of-type{width:31.74vw}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:first-of-type{width:86%}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:nth-of-type(2){width:45.82rem}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:nth-of-type(2){width:27.74vw}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:nth-of-type(2){width:82%}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:nth-of-type(3){width:43.21rem}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:nth-of-type(3){width:23.74vw}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks .portfolio-mark:nth-of-type(3){width:78%}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .portfolio-mark{transform:translateX(0)}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .portfolio-mark:first-of-type{transition-delay:0s}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .portfolio-mark:nth-of-type(2){transition-delay:.2s}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .portfolio-mark:nth-of-type(3){transition-delay:.4s}.portfolio-template--mts-bank .portfolio-section03 .img-18{width:100%}.portfolio-template--mts-bank .portfolio-section03 .img-19,.portfolio-template--mts-bank .portfolio-section03 .img-20,.portfolio-template--mts-bank .portfolio-section03 .img-21{position:relative;width:6.18rem;max-width:none;margin:-2.5rem 0 0 -8.6rem;transition:all .5s linear;transform:translate(-55%)}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section03 .img-19,.portfolio-template--mts-bank .portfolio-section03 .img-20,.portfolio-template--mts-bank .portfolio-section03 .img-21{transform:none!important;width:5.04rem;position:absolute;top:0;left:50%;margin:-3rem 0 0 -2.52rem}}.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .img-19,.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .img-20,.portfolio-template--mts-bank .portfolio-section03 .portfolio-marks.transform-move .img-21{transform:translate(0)}.portfolio-template--mts-bank .portfolio-section04{padding:6.7rem 7.5rem 0 5.4rem;margin:0 0 6.5rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section04{padding:8.7rem 3.5rem 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04{padding:9.2rem 0 0;margin:0 0 3rem}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-inner{background:#e3eaf3;border-radius:2.61rem;padding:4.7rem 7.8rem 14.2rem;position:relative}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-inner{padding:4.7rem 5.8rem 14.2rem}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-inner{padding:4.7rem 3.5rem 14.2rem}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-inner{padding:6.7rem 1.82rem 4.8rem}.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex{margin:2.8rem 0 0}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:first-child{max-width:48%;padding:0 2% 0 0}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:first-child{max-width:none;padding:0}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:first-child .portfolio-description{padding:0 .3rem 0 0}.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:first-child .portfolio-description h2.portfolio-title{font-size:1.74rem;font-weight:600;letter-spacing:.02rem;margin:0 0 1.6rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:first-child .portfolio-description h2.portfolio-title{font-size:2.02rem}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 4.35rem}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 3.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:nth-child(2) .portfolio-description h2.portfolio-title{font-size:1.74rem;font-weight:600;letter-spacing:.02rem;margin:0 0 1.6rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-flex-item:nth-child(2) .portfolio-description h2.portfolio-title{font-size:2.02rem;margin:1rem 0 1.6rem}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark{position:relative;z-index:1;background:#fff;border-radius:2.61rem;padding:4.2rem 3.5rem 3.2rem;margin:-1.2rem 0 -22rem;width:49%;box-shadow:0 10px 20px rgba(81,93,101,.2)}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark{margin:0 0 -22rem}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark{width:100%;padding:3.2rem 1.82rem 2.4rem;margin:1.4rem 0 0}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark:before{content:"";position:absolute;top:0;left:50%;width:41.3rem;height:1.32rem;margin-left:-20.65rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/img_24.svg);background-position:top;background-repeat:no-repeat;background-size:100% auto}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark:before{width:86%;margin-left:-43%}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark:before{width:23rem;height:1.18rem;margin-left:-11.5rem;background-size:auto 100%}}.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark h2.portfolio-title{font-size:1.74rem;font-weight:600}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .portfolio-mark h2.portfolio-title{font-size:2.02rem;margin-bottom:1.6rem}}.portfolio-template--mts-bank .portfolio-section04 .img-22{width:21rem;position:absolute;right:0;top:0;margin:-13.8rem 0 0}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section04 .img-22{width:12.6vw;margin:-8.3vw 0 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .img-22{width:15.7rem;position:absolute;right:50%;top:0;margin:-10.4rem -9.7rem 0 0}}.portfolio-template--mts-bank .portfolio-section04 .img-22.transform-move{animation:anim .3s linear}.portfolio-template--mts-bank .portfolio-section04 .img-23{position:absolute;right:0;bottom:0;width:6rem;margin:0 2.8rem -2rem 0;filter:grayscale(1);transform:rotateY(-35deg);transition:all .3s linear}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section04 .img-23{width:5rem}}.portfolio-template--mts-bank .portfolio-section04 .img-23.transform-move{transform:rotateY(0deg);filter:none}@keyframes anim{0%{top:0}2%{top:-3rem}38%{top:-10rem}80%{top:-10rem}90%{top:-5rem}99%{top:3rem}to{top:0}}.portfolio-template--mts-bank .portfolio-section05{padding:6.7rem 7.5rem 0 5.4rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05{padding:6.7rem 2.1rem 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05{padding:0}}.portfolio-template--mts-bank .portfolio-section05 h2.portfolio-title{font-size:1.74rem;text-align:center}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 h2.portfolio-title{font-size:2.02rem;margin:0 2.1rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps{display:flex;flex-flow:row nowrap;position:relative;margin:4rem 0 0}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps{margin:3.5rem 0 0}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper{margin-right:3.22rem;display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;height:31.5rem}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper{margin-right:1.9vw;height:20vw}}@media(min-width:1024px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper{margin-right:1.9vw;height:22vw}}@media(min-width:869px)and (max-width:1023px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper{margin-right:1.9vw;height:24vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper{height:36.5rem;margin-right:3.22rem!important}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper:before{content:"";position:absolute;top:0;left:100%;width:3.66rem;height:1.25rem;margin-top:3.9rem;margin-left:-.35rem;z-index:2;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/arrow.svg);background-position:0 0;background-repeat:no-repeat;background-size:100% auto;transition:all .6s linear .2s;opacity:0}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper:before{width:2.2vw;margin-left:-.2vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper:before{display:none!important}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text{display:flex;align-items:center;text-align:center;font-size:1.218rem;color:#000;background:#e3eaf3;border:1px solid #b5c9d4;margin:0 0 4.5rem;padding:.9rem 1.3rem;border-radius:2.61rem;min-height:9.07rem;transform:translateY(-2rem);transition:all .3s linear;position:relative}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text{padding:.5vw .3vw;font-size:.8vw}}@media(min-width:980px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text{padding:.5vw .3vw;font-size:1vw}}@media(min-width:869px)and (max-width:979px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text{padding:.5vw .3vw;font-size:1.1vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text{transform:none!important;transition-delay:0s!important;font-size:1.412rem;min-height:10.5rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text:after{content:"";position:absolute;top:0;left:100%;width:3.66rem;height:1.25rem;margin-top:3.9rem;margin-left:-.35rem;z-index:2;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/arrow.svg);background-position:0 0;background-repeat:no-repeat;background-size:100% auto;transition:all .6s linear .2s;display:none}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text:after{opacity:1;margin-top:4.5rem;display:block}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text:before{content:"";position:absolute;top:100%;left:50%;margin-top:-.3rem;margin-left:-.2rem;background-position:top;background-repeat:no-repeat;background-size:auto 100%;transition:all .6s linear;transform:translateY(5rem);opacity:0}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text:before{transform:none!important;opacity:1}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text1,.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text2{width:13.75rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text3,.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text7{width:11.75rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text4{width:19.75rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text5{width:15.75rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-text6{width:17.75rem!important}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon{transform:translateY(5rem);transition:all .3s linear;position:absolute;bottom:0;left:0;max-width:none}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon{transform:none!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon1,.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon2{width:16.2rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon3{width:12.1rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon4{width:11.1rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon5{width:10.1rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon6{width:12.1rem!important}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper .portfolio-step-icon7{width:10.1rem!important}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper.done:before{opacity:1;transform:translate(0)}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper.done .portfolio-step-text{transform:translate(0)}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper.done .portfolio-step-text:before{opacity:1;transform:translate(0)}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper.done .portfolio-step-icon{transform:translate(0)}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper1 .portfolio-step-text{transition-delay:0s}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper1 .portfolio-step-text:before{width:.7rem;height:11.83rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_01.svg);transition-delay:0s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper1 .portfolio-step-text:before{height:7vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper1 .portfolio-step-text:before{height:13.8rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper1 .portfolio-step-icon{transition-delay:.4s;width:14.18rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper1 .portfolio-step-icon{width:8.5vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper2 .portfolio-step-text{transition-delay:.1s}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper2 .portfolio-step-text:before{width:5.22rem;height:12.45rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_02.svg);background-size:100% auto;transition-delay:.1s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper2 .portfolio-step-text:before{width:3.2vw;height:8vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper2 .portfolio-step-text:before{width:6.2rem;height:14.45rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper2 .portfolio-step-icon{transition-delay:.5s;width:14.26rem;margin-left:4.5rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper2 .portfolio-step-icon{width:8.5vw;margin-left:2.7vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper3 .portfolio-step-text{transition-delay:.2s}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper3 .portfolio-step-text:before{width:7.13rem;height:5.31rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_03.svg);background-size:100% auto;transition-delay:.2s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper3 .portfolio-step-text:before{width:4.5vw;height:4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper3 .portfolio-step-text:before{width:8.13rem;height:5.7rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper3 .portfolio-step-icon{transition-delay:.6s;width:10.52rem;margin-left:8.4rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper3 .portfolio-step-icon{width:6.3vw;margin-left:5vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-text{width:17.31rem;transition-delay:.3s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-text{width:12.8vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-text:before{width:7.13rem;height:5.31rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_04.svg);background-size:100% auto;transition-delay:.3s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-text:before{width:4.5vw;height:4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-text:before{width:8.13rem;height:5.7rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-icon{transition-delay:.7s;width:9.66rem;margin-left:10.6rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper4 .portfolio-step-icon{width:5.8vw;margin-left:6.3vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-text{width:13.31rem;transition-delay:.4s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-text{width:11vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-text:before{width:.7rem;height:12.44rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_05.svg);transition-delay:.4s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-text:before{height:7vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-text:before{height:14.2rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-icon{transition-delay:.8s;width:8.7rem;margin-left:5.1rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper5 .portfolio-step-icon{width:5.2vw;margin-left:3vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-text{width:15.13rem;transition-delay:.5s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-text{width:11.5vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-text:before{width:.7rem;height:12.44rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_06.svg);transition-delay:.5s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-text:before{height:7vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-text:before{height:14.6rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-icon{transition-delay:.9s;width:10.44rem;margin-left:2.7rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper6 .portfolio-step-icon{width:6.26vw;margin-left:1.6vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7{margin-right:0}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-text{transition-delay:.6s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-text{width:8.5vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-text:before{width:.7rem;height:13.39rem;background-image:url(https://spider.ru/static/blob/content/works/mts-bank/images/line_07.svg);transition-delay:.6s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-text:before{height:8vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-text:before{height:15rem}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-icon{transition-delay:1s;width:8.7rem;margin-left:.2rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7 .portfolio-step-icon{width:5.22vw;margin-left:.1vw}}.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7:before{display:none}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section05 .portfolio-steps .step-wrapper7:before{display:inline-block}}.portfolio-template--mts-bank .portfolio-section06{padding:5rem 7.5rem 0 5.4rem;position:relative}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section06{padding:5rem 3.5rem 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06{padding:5rem 2.1rem 0}}.portfolio-template--mts-bank .portfolio-section06:before{content:"";width:34.7rem;height:34.7rem;border-radius:50%;position:absolute;top:4rem;left:0;background:rgba(236,51,36,.2);filter:blur(8.7rem)}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06:before{width:22rem;height:22rem;top:5rem;left:-11rem;filter:blur(5.4rem)}}.portfolio-template--mts-bank .portfolio-section06 .img-33{width:33.85rem;position:relative;display:block;margin:0 -8.2rem 0 auto}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section06 .img-33{width:20.3vw;margin:0 -5vw 0 auto}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06 .img-33{width:15.6rem;margin:0 -2.6rem 0 auto}}.portfolio-template--mts-bank .portfolio-section06 .portfolio-inner{padding:0 7.8rem;position:relative;margin:-2rem 0 0}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-inner{padding:0 5.8rem}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-inner{padding:0 3.5rem}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-inner{padding:0;margin:3.6rem 0 0}}.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:first-child{max-width:48%;padding:0 2% 0 0}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:first-child{max-width:none;padding:0}}.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:first-child .portfolio-description{padding:0 .3rem 0 0}.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:first-child .portfolio-description h2.portfolio-title{font-size:1.74rem;font-weight:600;letter-spacing:.02rem;margin:0 0 1.6rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:first-child .portfolio-description h2.portfolio-title{font-size:2.02rem}}.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 4.35rem}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 3.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section06 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0}}.portfolio-template--mts-bank .portfolio-section07{padding:6.7rem 7.5rem 0 5.4rem;margin:0 0 3.8rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07{padding:6.7rem 3.5rem 0}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07{padding:3.4rem 0 0;margin:0 0 4rem}}.portfolio-template--mts-bank .portfolio-section07 .portfolio-inner{background:#e3eaf3;border-radius:2.61rem;padding:4.7rem 7.8rem 5.2rem;position:relative}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-inner{padding:4.7rem 5.8rem 5.2rem}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-inner{padding:4.7rem 3.5rem 5.2rem}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-inner{padding:4.2rem 2.1rem 3.6rem}}.portfolio-template--mts-bank .portfolio-section07 h2.portfolio-title{text-align:center;margin:0 0 3.2rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 h2.portfolio-title{margin:0 0 1.6rem;text-align:left}}.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:first-child{max-width:48%;padding:0 2% 0 0}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:first-child{max-width:none;padding:0}}.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:first-child .portfolio-description{padding:0 .3rem 0 0}.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:first-child .portfolio-description h2.portfolio-title{font-size:1.74rem;font-weight:600;letter-spacing:.02rem;margin:0 0 1.6rem;text-align:left}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:first-child .portfolio-description h2.portfolio-title{font-size:2.02rem}}.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 4.35rem}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 3.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0}}.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:nth-child(2) .portfolio-description h2.portfolio-title{font-size:1.74rem;font-weight:600;letter-spacing:.02rem;margin:0 0 1.6rem;text-align:left}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .portfolio-flex-item:nth-child(2) .portfolio-description h2.portfolio-title{font-size:2.02rem}}.portfolio-template--mts-bank .portfolio-section07 .img-34{position:absolute;top:-5rem;left:19rem;width:10rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07 .img-34{top:-3.1vw;left:12vw;width:6.3vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .img-34{width:7.8rem;top:-4rem;left:auto;right:3rem}}.portfolio-template--mts-bank .portfolio-section07 .img-35{position:absolute;bottom:-3rem;left:10.5rem;width:7rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07 .img-35{bottom:-2vw;left:6.6vw;width:4.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .img-35{position:relative;bottom:auto;left:auto;margin:1rem 0 1.4rem;width:8rem}}.portfolio-template--mts-bank .portfolio-section07 .img-36{position:absolute;top:-.5rem;right:2rem;width:21rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07 .img-36{top:-.4vw;right:1.3vw;width:13.1vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .img-36{top:6.4rem;right:.5rem;width:11rem}}.portfolio-template--mts-bank .portfolio-section07 .img-37{position:absolute;bottom:-4.5rem;right:27rem;width:8.5rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07 .img-37{bottom:-1.5vw;right:17vw;width:5.3vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .img-37{bottom:-3.5rem;right:6rem;width:6.5rem}}.portfolio-template--mts-bank .portfolio-section07 .img-38{position:absolute;bottom:-14rem;right:5rem;width:4rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section07 .img-38{bottom:-8.7vw;right:3.1vw;width:2.5vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section07 .img-38{display:none}}.portfolio-template--mts-bank .portfolio-section08{position:relative;min-height:101rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08{min-height:60.6vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section08{min-height:auto;padding:2rem 0 3rem}}.portfolio-template--mts-bank .portfolio-section08:before{content:"";position:absolute;top:50%;left:50%;width:72.7rem;height:70.7rem;margin:-32rem 0 0 -36.4rem;background:rgba(236,51,36,.3);filter:blur(8.7rem)}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section08:before{width:20rem;height:19.5rem;top:7rem;margin:0 0 0 -10rem;filter:blur(2.3rem)}}@media(min-width:1441px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .portfolio-illustration{position:relative;left:53%;transform:translateX(-50%)}}@media(min-width:1381px)and (max-width:1440px){.portfolio-template--mts-bank .portfolio-section08 .portfolio-illustration{position:relative;left:56%;transform:translateX(-50%)}}@media(min-width:869px)and (max-width:1380px){.portfolio-template--mts-bank .portfolio-section08 .portfolio-illustration{position:relative;left:61%;transform:translateX(-50%)}}.portfolio-template--mts-bank .portfolio-section08 .phone-img{filter:drop-shadow(0 1rem 1rem rgba(0,0,0,.15));transform:translate(-2rem,5rem);transition:transform .3s linear}.portfolio-template--mts-bank .portfolio-section08 .phone-01{width:37.5rem;position:absolute;top:15.2rem;left:1rem;transition-delay:0s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-01{width:22.5vw;top:9.1vw;left:.6vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-02{width:38.8rem;position:absolute;top:0;left:29rem;transition-delay:.2s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-02{width:23.27vw;left:17.4vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-03{width:33.8rem;position:absolute;top:52.5rem;left:14.9rem;transition-delay:.8s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-03{width:20.3vw;top:31.5vw;left:8.94vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-04{width:33.8rem;position:absolute;top:15.2rem;left:51rem;transition-delay:.4s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-04{width:20.3vw;top:9.1vw;left:30.6vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-05{width:33.8rem;position:absolute;top:54.8rem;left:36.6rem;transition-delay:1s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-05{width:20.27vw;top:32.9vw;left:22vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-06{width:33.8rem;position:absolute;top:13.6rem;left:74rem;transition-delay:.6s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-06{width:20.26vw;top:8.15vw;left:44.4vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-07{width:33.8rem;position:absolute;top:53.3rem;left:59.7rem;transition-delay:1s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-07{width:20.26vw;top:32vw;left:35.9vw}}.portfolio-template--mts-bank .portfolio-section08 .phone-08{width:33.8rem;position:absolute;top:42.9rem;left:86.6rem;transition-delay:1.2s}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .phone-08{width:20.26vw;top:25.8vw;left:52vw}}.portfolio-template--mts-bank .portfolio-section08 .logo-mts{width:10rem;position:absolute;top:7.7rem;left:31.8rem;filter:drop-shadow(.8rem 2rem 1rem rgba(0,0,0,.15));transform:translate(-1rem,5rem) scale(.7);transition:all .3s linear}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section08 .logo-mts{width:6vw;top:4.6vw;left:19.1vw}}.portfolio-template--mts-bank .portfolio-section08.transform-move .phone-img{transform:translate(0)}.portfolio-template--mts-bank .portfolio-section08.transform-move .logo-mts{transform:translate(0) scale(1)}.portfolio-template--mts-bank .portfolio-section08 .img-39-mobile{position:relative}.portfolio-template--mts-bank .portfolio-section09{padding:3.1rem 7.5rem 1rem 5.4rem;margin:0 0 4.2rem;position:relative}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section09{padding:3.1rem 3.5rem 1rem}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09{padding:3.1rem 2.1rem 1rem;margin:0 0 2rem}}.portfolio-template--mts-bank .portfolio-section09:before{content:"";width:66.2rem;height:33.8rem;position:absolute;bottom:0;left:50%;margin:0 0 9rem -33.1rem;border-radius:30%;background:rgba(169,189,202,.5);filter:blur(8.7rem)}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09:before{width:50rem;height:94rem;margin:7rem 0 0 -25rem;bottom:auto;top:0;filter:blur(4.8rem)}}.portfolio-template--mts-bank .portfolio-section09 .portfolio-inner{background:#fff;border-radius:2.61rem;padding:4.7rem 7.8rem 7.2rem;position:relative}@media(min-width:1280px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section09 .portfolio-inner{padding:4.7rem 5.8rem 7.2rem}}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section09 .portfolio-inner{padding:4.7rem 3.5rem 7.2rem}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09 .portfolio-inner{padding:2.7rem 1.82rem 1.6rem}}.portfolio-template--mts-bank .portfolio-section09 h2.portfolio-title{text-align:center;margin:0 0 3.2rem}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09 h2.portfolio-title{font-weight:600;text-align:left;margin-bottom:1rem}}.portfolio-template--mts-bank .portfolio-section09 .portfolio-flex-item:first-child{max-width:48%;padding:0 2% 0 0}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09 .portfolio-flex-item:first-child{max-width:none;padding:0}}.portfolio-template--mts-bank .portfolio-section09 .portfolio-flex-item:first-child .portfolio-description{padding:0 .3rem 0 0}.portfolio-template--mts-bank .portfolio-section09 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 4.35rem}@media(min-width:869px)and (max-width:1279px){.portfolio-template--mts-bank .portfolio-section09 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0 0 0 3.4vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09 .portfolio-flex-item:nth-child(2) .portfolio-description{padding:0}}.portfolio-template--mts-bank .portfolio-section09 .img-32{width:33.85rem;position:relative;margin:5.8rem 0 0 -6.2rem}@media(min-width:869px)and (max-width:1599px){.portfolio-template--mts-bank .portfolio-section09 .img-32{width:20.3vw;margin:3.5vw 0 0 -3.8vw}}@media(max-width:1667px)and (pointer:coarse)and (orientation:portrait),(max-width:868px){.portfolio-template--mts-bank .portfolio-section09 .img-32{width:15.6rem;margin:3.6rem 0 0 -2.4rem}.portfolio-template--mts-bank .parallax-cursor-item{transform:none!important}}