.portfolio-template--otbank{font-size:20px;font-weight:400;line-height:1.25;letter-spacing:0;color:#353131;background-color:#fafbfe}.portfolio-template--otbank .portfolio-flex{display:flex}.portfolio-template--otbank .direction-column{flex-direction:column}.portfolio-template--otbank .align-center{align-items:center}.portfolio-template--otbank .justify-center{justify-content:center}.portfolio-template--otbank .text-center{text-align:center}.portfolio-template--otbank picture{display:block}.portfolio-template--otbank p{margin:0 0 16px}.portfolio-template--otbank p:last-child{margin:0}.portfolio-template--otbank 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--otbank h2.portfolio-title{font-size:22px}}.portfolio-template--otbank h3.portfolio-title{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:0;color:#000;margin:0;padding:0}.portfolio-template--otbank .portfolio-nowrap{white-space:nowrap}.portfolio-template--otbank .only-desktop{display:block}@media(max-width:768px){.portfolio-template--otbank .only-desktop{display:none}}.portfolio-template--otbank .only-mobile{display:none}@media(max-width:768px){.portfolio-template--otbank .only-mobile{display:block}}.portfolio-template--otbank .portfolio-number{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0;color:#fff;width:36px;min-width:36px;height:36px;background-color:#bbc3f7;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}.portfolio-template--otbank .portfolio-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.portfolio-template--otbank .portfolio-list li{margin:0;padding:0 0 0 60px;background:url(https://spider.ru/static/blob/content/works/otbank/images/marker.png);background-position:0;background-repeat:no-repeat;background-size:40px 40px}.portfolio-template--otbank .section-01{padding:60px 0 40px;background-image:url(https://spider.ru/static/blob/content/works/otbank/images/section01_img01.png);background-position:bottom;background-repeat:no-repeat;background-size:cover}.portfolio-template--otbank .section-01 h2.portfolio-title{margin:0 0 40px;font-size:30px}@media(max-width:768px){.portfolio-template--otbank .section-01 h2.portfolio-title{display:none}}.portfolio-template--otbank .section-01 .section-01-img02{width:100%}.portfolio-template--otbank .section-01 .section-01-img02-mobile{width:100%;max-width:600px;margin:0 auto;display:block}.portfolio-template--otbank .section-02{padding:60px 0;background-color:#fff;border-radius:40px;margin-top:-40px}@media(max-width:768px){.portfolio-template--otbank .section-02{padding:32px 0}}.portfolio-template--otbank .section-02 h2.portfolio-title{margin-bottom:24px}.portfolio-template--otbank .section-02 .portfolio-subtitle{margin:0 0 32px}@media(max-width:768px){.portfolio-template--otbank .section-02 .portfolio-subtitle{margin:0 0 24px}}.portfolio-template--otbank .section-02 .portfolio-flex{gap:40px;flex-flow:row wrap}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-02 .portfolio-flex{gap:24px}}@media(max-width:768px){.portfolio-template--otbank .section-02 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--otbank .section-02 .portfolio-flex-item{width:calc(50% - 20px);display:flex;gap:20px;align-items:center}@media(max-width:768px){.portfolio-template--otbank .section-02 .portfolio-flex-item{width:100%}}.portfolio-template--otbank .section-03{padding:60px 0;background-image:url(https://spider.ru/static/blob/content/works/otbank/images/section03_img01.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){.portfolio-template--otbank .section-03{padding:40px 0}}.portfolio-template--otbank .section-03 h2.portfolio-title{margin-bottom:32px}@media(max-width:768px){.portfolio-template--otbank .section-03 h2.portfolio-title{margin-bottom:24px}}.portfolio-template--otbank .section-03 h3.portfolio-title{margin-bottom:16px}.portfolio-template--otbank .section-03 .portfolio-flex{display:flex;gap:40px;margin-bottom:32px}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-03 .portfolio-flex{gap:24px}}@media(max-width:768px){.portfolio-template--otbank .section-03 .portfolio-flex{flex-direction:column;gap:24px}}.portfolio-template--otbank .section-03 .portfolio-flex-item{flex:1 1;background-color:#fff;border-radius:20px;padding:24px}.portfolio-template--otbank .section-03 .portfolio-flex-item p{font-size:18px;line-height:1.35}.portfolio-template--otbank .section-03 .section-03-img02-mobile{width:100%;max-width:600px;margin:0 auto;display:block}.portfolio-template--otbank .section-04{padding:60px 0;background-color:#fff;border-radius:40px}@media(max-width:768px){.portfolio-template--otbank .section-04{padding:32px 0}}.portfolio-template--otbank .section-04 .portfolio-flex{display:flex;gap:40px;align-items:center}@media(max-width:768px){.portfolio-template--otbank .section-04 .portfolio-flex{flex-direction:column;gap:80px}}.portfolio-template--otbank .section-04 .portfolio-flex-item{flex:1 1}.portfolio-template--otbank .section-04 h3.portfolio-title{font-size:22px;font-weight:500;margin-bottom:32px}@media(max-width:768px){.portfolio-template--otbank .section-04 h3.portfolio-title{font-size:20px;margin-bottom:24px}}.portfolio-template--otbank .section-04 .portfolio-list{padding-right:40px}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-04 .portfolio-list{padding-right:0}}@media(max-width:768px){.portfolio-template--otbank .section-04 .portfolio-list{padding-right:0}}.portfolio-template--otbank .section-04 .section-04-img01-mobile{width:100%;max-width:271px;margin:0 auto;display:block}.portfolio-template--otbank .section-05{padding:60px 0;background-image:url(https://spider.ru/static/blob/content/works/otbank/images/section05_img02.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){.portfolio-template--otbank .section-05{padding:40px 0}}.portfolio-template--otbank .section-05 h2.portfolio-title{margin:0 0 24px}.portfolio-template--otbank .section-05 .portfolio-subtitle{margin-bottom:32px}@media(max-width:768px){.portfolio-template--otbank .section-05 .portfolio-subtitle{margin-bottom:24px}}.portfolio-template--otbank .section-05 .portfolio-flex{display:flex;gap:40px;margin-bottom:32px}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-05 .portfolio-flex{gap:24px}}@media(max-width:768px){.portfolio-template--otbank .section-05 .portfolio-flex{flex-direction:column;gap:24px;margin-bottom:24px}}.portfolio-template--otbank .section-05 .portfolio-flex-item{flex:1 1;background-color:#fff;border-radius:20px;padding:24px}.portfolio-template--otbank .section-05 .portfolio-flex-item p{font-size:18px;line-height:1.35;text-align:center;position:relative}.portfolio-template--otbank .section-05 .portfolio-flex-item p:before{content:"";width:40px;height:40px;background-image:url(https://spider.ru/static/blob/content/works/otbank/images/marker.png);background-position:50%;background-repeat:no-repeat;background-size:40px 40px;display:block;margin:0 auto 8px}.portfolio-template--otbank .section-05 .portfolio-text{max-width:960px;margin:0 auto 48px}.portfolio-template--otbank .section-05 .section-05-img01-mobile{width:100%;max-width:600px;margin:0 auto;display:block}.portfolio-template--otbank .section-06{padding:60px 0 112px;background-color:#fff;border-radius:40px}@media(max-width:768px){.portfolio-template--otbank .section-06{padding:32px 0}}.portfolio-template--otbank .section-06 h3.portfolio-title{font-size:22px;font-weight:500;margin-bottom:32px}@media(max-width:768px){.portfolio-template--otbank .section-06 h3.portfolio-title{margin-bottom:24px}}.portfolio-template--otbank .section-06 .portfolio-flex{display:flex}@media(max-width:768px){.portfolio-template--otbank .section-06 .portfolio-flex{flex-direction:column;gap:40px}}.portfolio-template--otbank .section-06 .portfolio-flex-item:first-child{flex:1 1;max-width:476px;display:flex;justify-content:center}@media(max-width:768px){.portfolio-template--otbank .section-06 .portfolio-flex-item:first-child{max-width:none}}.portfolio-template--otbank .section-06 .portfolio-flex-item:nth-child(2){flex:1 1;padding-top:6.7%}@media(max-width:768px){.portfolio-template--otbank .section-06 .portfolio-flex-item:nth-child(2){padding-top:0}}.portfolio-template--otbank .section-06 .section-06-img01{max-width:352px;margin:7px auto -74%;display:block;position:relative;z-index:1}@media(min-width:901px)and (max-width:1200px){.portfolio-template--otbank .section-06 .section-06-img01{max-width:68%;margin:10% auto -74%}}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-06 .section-06-img01{max-width:68%;margin:32px auto}}@media(max-width:768px){.portfolio-template--otbank .section-06 .section-06-img01{width:100%;max-width:271px;margin:0 auto;display:block}}.portfolio-template--otbank .section-06 .section-06-img02{width:100%}.portfolio-template--otbank .section-06 .portfolio-text{margin-bottom:32px}@media(max-width:768px){.portfolio-template--otbank .section-06 .portfolio-text{margin-bottom:24px}}.portfolio-template--otbank .section-06 .portfolio-list{margin-bottom:60px}@media(max-width:768px){.portfolio-template--otbank .section-06 .portfolio-list{margin-bottom:38px}}.portfolio-template--otbank .section-07{padding:60px 0 100px;background-image:url(https://spider.ru/static/blob/content/works/otbank/images/section03_img01.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){.portfolio-template--otbank .section-07{padding:40px 0}}.portfolio-template--otbank .section-07 h2.portfolio-title{margin-bottom:24px}.portfolio-template--otbank .section-07 .portfolio-subtitle{margin-bottom:32px}@media(max-width:768px){.portfolio-template--otbank .section-07 .portfolio-subtitle{margin-bottom:24px}}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line1{display:flex;gap:40px;margin-bottom:-40px}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line1{gap:24px}}@media(max-width:768px){.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line1{flex-direction:column;gap:24px;margin-bottom:0}}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line1 .portfolio-flex-item{flex:1 1;background-color:#fff;border-radius:20px;padding:24px;height:-moz-fit-content;height:fit-content}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line1 .portfolio-flex-item p{font-size:18px;line-height:1.35}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2{display:flex;gap:40px;align-items:center;margin-top:32px}@media(min-width:769px)and (max-width:900px){.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2{gap:24px}}@media(max-width:768px){.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2{margin-top:0;flex-direction:column;gap:32px}}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2 .portfolio-flex-item{flex:1 1}@media(max-width:768px){.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2 .portfolio-flex-item{width:100%}}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2 .portfolio-flex-item:first-child{display:flex;justify-content:center}@media(max-width:768px){.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2 .portfolio-flex-item:first-child{order:2}}.portfolio-template--otbank .section-07 .portfolio-flex.portfolio-flex-line2 .portfolio-flex-item p{font-size:18px;line-height:1.35}.portfolio-template--otbank .section-07 .portfolio-statistics{display:flex;gap:40px;flex-direction:column}@media(max-width:768px){.portfolio-template--otbank .section-07 .portfolio-statistics{gap:24px}}.portfolio-template--otbank .section-07 .portfolio-statistics-item{background-color:#fff;border-radius:20px;padding:24px}.portfolio-template--otbank .section-07 .portfolio-statistics-item h3.portfolio-title{margin-bottom:16px}.portfolio-template--otbank .section-07 .section-07-img01{margin-bottom:80px;width:100%}.portfolio-template--otbank .section-07 .section-07-img01-mobile{width:100%;margin:32px 0 40px}.portfolio-template--otbank .section-07 .section-07-img02{width:100%;max-width:370px}@media(max-width:768px){.portfolio-template--otbank .section-07 .section-07-img02{max-width:225px}}