.portfolio-template--gydronix{font-size:18px;font-weight:400;line-height:1.35;letter-spacing:0}.portfolio-template--gydronix .is-mobile{display:none}@media(max-width:768px){.portfolio-template--gydronix .is-mobile{display:contents}}.portfolio-template--gydronix .portfolio-flex{display:flex}.portfolio-template--gydronix .direction-column{flex-direction:column}.portfolio-template--gydronix .align-center{align-items:center}.portfolio-template--gydronix .justify-center{justify-content:center}.portfolio-template--gydronix .text-center{text-align:center}.portfolio-template--gydronix picture{display:block}.portfolio-template--gydronix h3.portfolio-title{font-size:18px;font-weight:500;line-height:1.35;letter-spacing:0;margin:0;padding:0}.portfolio-template--gydronix .portfolio-nowrap{white-space:nowrap}.portfolio-template--gydronix .buttonbar{display:flex;justify-content:center;gap:10px;position:absolute;z-index:2;bottom:-53px;left:50%;transform:translateX(-50%)}.portfolio-template--gydronix .buttonbar .button-restart{background:url(https://spider.ru/static/blob/content/works/gydronix/images/restart.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--gydronix .buttonbar .button-restart,.portfolio-template--gydronix .buttonbar .button-video{width:35px;height:35px;margin:0;padding:0;outline:none;cursor:pointer;border-radius:50%;border:none;box-shadow:0 3px 13px rgba(172,154,223,.23)}.portfolio-template--gydronix .buttonbar .button-video{background:url(https://spider.ru/static/blob/content/works/gydronix/images/pause.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--gydronix .buttonbar .button-video.play{background:url(https://spider.ru/static/blob/content/works/gydronix/images/play.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--gydronix .buttonbar .button-video.pause{background:url(https://spider.ru/static/blob/content/works/gydronix/images/pause.svg);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.portfolio-template--gydronix .only-desktop{display:block}@media(max-width:768px){.portfolio-template--gydronix .only-desktop{display:none}}.portfolio-template--gydronix .only-mobile{display:none}@media(max-width:768px){.portfolio-template--gydronix .only-mobile{display:block}}.portfolio-template--gydronix .section-01{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg1.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;margin-bottom:20px;background-color:#222637;color:#fff;padding:60px 0}@media(max-width:768px){.portfolio-template--gydronix .section-01{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg1_mobile.png);background-position:0 0;background-size:cover;margin-bottom:0;padding:0}}.portfolio-template--gydronix .section-01 .container.portfolio-flex{padding-top:0;padding-bottom:54px;gap:32px}@media(max-width:768px){.portfolio-template--gydronix .section-01 .container.portfolio-flex{flex-direction:column;padding-bottom:8px}}.portfolio-template--gydronix .section-01 .portfolio-flex-item:first-child{flex:1 1}.portfolio-template--gydronix .section-01 .portfolio-flex-item:nth-child(2){min-width:260px;padding-bottom:0;padding-right:16.2%}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-flex-item:nth-child(2){padding-bottom:0;padding-right:0}}.portfolio-template--gydronix .section-01 .portfolio-title-group{display:flex;flex-direction:column;gap:17px}.portfolio-template--gydronix .section-01 .portfolio-logo{max-width:181px;height:46px;display:block;margin:0}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-logo{max-width:79px;height:38px;margin:22px 0 0}}.portfolio-template--gydronix .section-01 h2.portfolio-title{font-size:30px;font-weight:700;line-height:1.35;letter-spacing:0;margin:15px 0 0;padding:0}@media(max-width:768px){.portfolio-template--gydronix .section-01 h2.portfolio-title{align-self:stretch;font-size:23px;font-weight:700;line-height:31.05px;word-wrap:break-word;margin:17px 0 0}}.portfolio-template--gydronix .section-01 .portfolio-text{margin-bottom:16px;margin-top:-16px}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-text{margin-bottom:0;margin-top:8px;align-self:stretch;color:#fff;font-size:18px;font-weight:400;line-height:23px;word-wrap:break-word}}.portfolio-template--gydronix .section-01 .portfolio-text-big{font-weight:500;letter-spacing:0;align-self:stretch;color:#fff;font-size:20px;line-height:25px;word-wrap:break-word}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-text-big{margin:7px 0 0}}.portfolio-template--gydronix .section-01 .portfolio-subtitle{font-size:20px;font-weight:500;line-height:1.25;letter-spacing:0}.portfolio-template--gydronix .section-01 .portfolio-description{max-width:590px;gap:48px}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-description{max-width:none;gap:24px}}.portfolio-template--gydronix .section-01 .portfolio-note{font-size:14px;line-height:1.3;margin-top:48px}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-note{font-size:18px;line-height:1.35;margin-top:0}}.portfolio-template--gydronix .section-01 .portfolio-note a{font-size:16px;line-height:1.15}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-note a{display:inline-block;vertical-align:baseline}}.portfolio-template--gydronix .section-01 .portfolio-small-video-wrapper{position:relative;width:260px;height:538px;display:flex;justify-content:center;align-items:flex-start;margin:0}@media(max-width:768px){.portfolio-template--gydronix .section-01 .portfolio-small-video-wrapper{margin:0 auto 84px}}.portfolio-template--gydronix .section-01 .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/gydronix/images/video_frame_small.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%}.portfolio-template--gydronix .section-01 .portfolio-small-video-wrapper .portfolio-small-video{width:93.2%;border-radius:32px;margin:auto}.portfolio-template--gydronix .section-02{padding:44px 0;margin-bottom:32px}@media(max-width:768px){.portfolio-template--gydronix .section-02{padding:32px 0;margin-bottom:0}}.portfolio-template--gydronix .section-02 h2.portfolio-title{font-size:24px;font-weight:700;line-height:1.35;letter-spacing:0;margin:12px 0 50px;padding:0}@media(max-width:768px){.portfolio-template--gydronix .section-02 h2.portfolio-title{margin:0 0 32px}}.portfolio-template--gydronix .section-02 .portfolio-flex{gap:32px}@media(max-width:768px){.portfolio-template--gydronix .section-02 .portfolio-flex{flex-direction:column;gap:25px}}.portfolio-template--gydronix .section-02 .portfolio-flex-item{flex:1 1;border-radius:20px;background-color:#eaf1fc;align-self:stretch;color:#697077;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word}@media(max-width:768px){.portfolio-template--gydronix .section-02 .portfolio-flex-item{padding:26px 10px 26px 0}}.portfolio-template--gydronix .section-02 .portfolio-flex-item:first-child{padding:60px 18px 35px 169px;background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/task1.png);background-position:34px;background-repeat:no-repeat;background-size:119px}.portfolio-template--gydronix .section-02 .portfolio-flex-item:first-child .portfolio-text{margin-right:16px}.portfolio-template--gydronix .section-02 .portfolio-flex-item:nth-child(2){padding:49px 17px 47px 167px;background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/task2.png);background-position:0;background-repeat:no-repeat;background-size:164px}.portfolio-template--gydronix .section-02 .portfolio-flex-item:nth-child(2) .portfolio-text{margin-right:16px}@media(max-width:768px){.portfolio-template--gydronix .section-02 .portfolio-flex-item:first-child{background-size:81px;background-position:16px;padding:15px 12px 14px 112px}.portfolio-template--gydronix .section-02 .portfolio-flex-item:nth-child(2){background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/task2_mobile.png);background-size:118px;background-position:-8px 7px;padding:15px 12px 16px 112px}}.portfolio-template--gydronix .section-02 .portfolio-flex-item.portfolio-flex{gap:16px}.portfolio-template--gydronix .section-02 .portfolio-text{color:#697077;margin-right:16px}.portfolio-template--gydronix .section-03{padding:0 0 60px;margin-bottom:20px}@media(max-width:768px){.portfolio-template--gydronix .section-03{margin-bottom:0;margin-top:32px}}.portfolio-template--gydronix .section-03 h2.portfolio-title{font-size:24px;font-weight:700;line-height:1.35;letter-spacing:0;padding:0;text-align:start;width:100%;margin:0}@media(max-width:768px){.portfolio-template--gydronix .section-03 h2.portfolio-title{margin-bottom:32px;text-align:center}.portfolio-template--gydronix .section-03 .portfolio-flex{flex-direction:column;gap:40px}}.portfolio-template--gydronix .section-03 .portfolio-flex-item{flex:1 1;padding:0;gap:38px;justify-content:center;text-align:start}@media(max-width:768px){.portfolio-template--gydronix .section-03 .portfolio-flex-item{gap:0}}.portfolio-template--gydronix .section-03 .portfolio-flex-item .portfolio-flex{gap:16px}@media(max-width:768px){.portfolio-template--gydronix .section-03 picture{margin:21px -12px 0}}.portfolio-template--gydronix .section-03 .section-03-img{width:567px;height:auto;margin-left:32px;margin-top:-1px}@media(max-width:768px){.portfolio-template--gydronix .section-03 .section-03-img{margin:0}}.portfolio-template--gydronix .section-03-1{padding:0 0 72px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex{flex-direction:column}}.portfolio-template--gydronix .section-03-1 h2{align-self:stretch;text-align:center;color:#000;font-size:24px;font-weight:700;line-height:32.4px;word-wrap:break-word;letter-spacing:0}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 h2.portfolio-title{margin:4px 10px auto}.portfolio-template--gydronix .section-03-1{padding:0 0 18px}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item{flex:1 1;padding:15px 0;justify-content:end}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item.portfolio-flex{gap:16px;margin:0 15px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item .portfolio-text{align-self:stretch;text-align:center;color:#21272a;font-size:18px;font-family:Gilroy;font-weight:400;line-height:24.3px;word-wrap:break-word;height:65px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item .section-03-img-functionality{width:100%}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item{align-self:center;padding:0;max-width:160px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item .section-03-img-functionality{width:auto}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line{width:100%;height:10px;min-width:40px;position:relative;margin:auto -5px;background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/line.svg);background-repeat:no-repeat;padding-top:36px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line{transform:rotate(90deg);margin:-24px auto 0;right:18px;max-width:48px}.portfolio-template--gydronix .section-03-1 .portfolio-text-container{width:100%;height:65px}.portfolio-template--gydronix .section-03-1 .portfolio-text{position:absolute;left:0;margin:0 auto;padding:0 10%;width:inherit}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:first-child{margin:0 15px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:first-child .section-03-img-functionality{min-width:160px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:first-child{margin:31px 0 0;max-width:142px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:first-child .section-03-img-functionality{min-width:auto}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(3) .section-03-img-functionality{min-width:173px;margin:0 0 0 7px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(3) .section-03-img-functionality{min-width:161px;margin:8px 0 0 8px}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(5){margin:0}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(5) .section-03-img-functionality{min-width:192px;margin:16px 0 -15px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(5) .section-03-img-functionality{min-width:168px;margin:-4px -1px -25px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(5) .portfolio-text{margin-top:12px}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(7){margin:0 7px 0 0}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(7) .section-03-img-functionality{min-width:176px;margin:0}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(7){min-width:unset;margin-left:20px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(7) .section-03-img-functionality{min-width:unset;margin:7px 3px 0}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(9){margin:0 15px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(9) .section-03-img-functionality{min-width:171px;margin:0 -12px 0 0}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(9){min-width:unset;margin:0 0 0 11px}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item:nth-child(9) .section-03-img-functionality{min-width:unset;margin:4px 4px 0}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(2){margin:auto -36px auto -16px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(2){margin:-24px auto 0}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(4){margin:auto -36px auto -23px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(4){margin:-24px auto 0}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(6){margin:auto -39px auto 0}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(6){margin:13px auto 0}}.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(8){margin:auto -12px auto -36px}@media(max-width:768px){.portfolio-template--gydronix .section-03-1 .portfolio-flex-item-line:nth-child(8){margin:0 auto}}.portfolio-template--gydronix .section-03-1 .portfolio-text{color:#697077}.portfolio-template--gydronix .section-04{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg4.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;background-color:#1f294f;color:#fff}@media(max-width:768px){.portfolio-template--gydronix .section-04{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg4_mobile.png);background-position:0 0;background-size:cover;margin-bottom:0;padding:39px 0 16px}.portfolio-template--gydronix .section-04 picture{margin:7px 1px 0 10px}}.portfolio-template--gydronix .section-04 .portfolio-flex{align-items:center;gap:56px}@media(min-width:769px)and (max-width:1024px){.portfolio-template--gydronix .section-04 .portfolio-flex{gap:32px}}@media(max-width:768px){.portfolio-template--gydronix .section-04 .portfolio-flex{gap:32px;flex-direction:column}}.portfolio-template--gydronix .section-04 .portfolio-title-group{display:flex;flex-direction:column;gap:40px;flex:1 1;margin:0;padding:64px 68px 92px 44px;background:rgba(0,12,66,.6);border-radius:40px}@media(max-width:768px){.portfolio-template--gydronix .section-04 .portfolio-title-group{padding:24px 17px;gap:14px;border-radius:20px}.portfolio-template--gydronix .section-04 .portfolio-title-group .portfolio-title{margin-bottom:18px;margin-top:1px}}.portfolio-template--gydronix .section-04 .portfolio-title-group .portfolio-text{align-self:stretch;color:#fff;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word}.portfolio-template--gydronix .section-04 .portfolio-flex-item.portfolio-flex{gap:0;align-items:flex-start}.portfolio-template--gydronix .section-04 .portfolio-flex-item:first-child{flex:1 1;gap:24px}@media(min-width:769px)and (max-width:1024px){.portfolio-template--gydronix .section-04 .portfolio-flex-item:nth-child(2){flex:1 1}}.portfolio-template--gydronix .section-04 h2.portfolio-title{font-size:24px;font-weight:700;margin:0;padding:0;align-self:stretch;text-transform:uppercase;line-height:32.4px;letter-spacing:.72px;word-wrap:break-word}.portfolio-template--gydronix .section-04 .portfolio-description{max-width:450px;gap:48px;align-self:stretch;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word;margin-left:26px}@media(max-width:768px){.portfolio-template--gydronix .section-04 .portfolio-description{max-width:none}}.portfolio-template--gydronix .section-04 .section-04-img{max-width:600px;width:100%}@media(max-width:768px){.portfolio-template--gydronix .section-04 .section-04-img{max-width:375px;display:block;margin:0 auto}}.portfolio-template--gydronix .section-04 .portfolio-icon{width:15px;height:24px;background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/blob.svg);background-position:0 0;background-repeat:no-repeat;background-size:cover;margin-bottom:0;position:absolute;margin-left:-26px}.portfolio-template--gydronix .section-05{padding-top:80px;padding-bottom:123px}@media(max-width:768px){.portfolio-template--gydronix .section-05{padding-top:10px;padding-bottom:31px}}.portfolio-template--gydronix .section-05 .container.portfolio-flex{min-height:591px;gap:32px}@media(max-width:768px){.portfolio-template--gydronix .section-05 .container.portfolio-flex{flex-direction:column;min-height:auto;gap:0}}.portfolio-template--gydronix .section-05 .portfolio-flex-item{gap:24px}@media(max-width:768px){.portfolio-template--gydronix .section-05 .portfolio-flex-item{gap:23px}}.portfolio-template--gydronix .section-05 .portfolio-flex-item:first-child{position:relative}@media(max-width:768px){.portfolio-template--gydronix .section-05 .portfolio-flex-item:first-child{padding-left:0;padding-right:0;padding-bottom:0}}.portfolio-template--gydronix .section-05 .portfolio-flex-item:nth-child(2){flex:1 1;min-width:250px;margin-left:0}@media(max-width:768px){.portfolio-template--gydronix .section-05 .portfolio-flex-item:nth-child(2){margin-left:0;margin-bottom:2px}}.portfolio-template--gydronix .section-05 .portfolio-flex-item .section-05-img{max-width:740px;width:100%;margin:60px 0 0;position:relative;left:-50px}@media(max-width:768px){.portfolio-template--gydronix .section-05 .portfolio-flex-item .section-05-img{width:471px;height:auto;display:block;margin:-31px auto 0 99px}}.portfolio-template--gydronix .section-05 .portfolio-flex-item.section-05-block{position:relative;left:-50px;margin:-10px 0 0}@media(max-width:768px){.portfolio-template--gydronix .section-05 .portfolio-flex-item.section-05-block{left:unset;margin:auto}}.portfolio-template--gydronix .section-05 .portfolio-flex-item .portfolio-list{align-self:stretch;color:#21272a;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}.portfolio-template--gydronix .section-05 .portfolio-flex-item .portfolio-list li{margin:0;padding:0 0 0 26px;background:url(https://spider.ru/static/blob/content/works/gydronix/images/blob.svg);background-position:0 -3px;background-repeat:no-repeat;background-size:15px 24px}.portfolio-template--gydronix .section-05 h2.portfolio-title{font-size:24px;font-weight:700;line-height:32.4px;letter-spacing:0;padding:0;align-self:stretch;color:#000;word-wrap:break-word;margin:52px 0 24px}@media(max-width:768px){.portfolio-template--gydronix .section-05 h2.portfolio-title{margin:22px 26px 24px;letter-spacing:normal;text-align:center}}.portfolio-template--gydronix .section-05 .portfolio-text{align-self:stretch;color:#21272a;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word}.portfolio-template--gydronix .section-06{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg6.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;padding:78px 0 110px;background-color:#1f294f}@media(max-width:768px){.portfolio-template--gydronix .section-06{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg6_mobile.png);background-position:0 0;background-size:cover;padding:35px 0 51px}}.portfolio-template--gydronix .section-06 .portfolio-flex{gap:34px}@media(max-width:768px){.portfolio-template--gydronix .section-06 .portfolio-flex{flex-direction:column;gap:13px;margin-top:13px}}.portfolio-template--gydronix .section-06 .portfolio-subtitle{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0}.portfolio-template--gydronix .section-06 .portfolio-flex-item{align-self:stretch;padding:32px;background:linear-gradient(0deg,rgba(0,12,66,.6),rgba(0,12,66,.6));border-radius:20px;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);flex:1 1}@media(max-width:768px){.portfolio-template--gydronix .section-06 .portfolio-flex-item{padding:21px 16px}}.portfolio-template--gydronix .section-06 .portfolio-flex-item.portfolio-flex{gap:16px}@media(max-width:768px){.portfolio-template--gydronix .section-06 .portfolio-flex-item.portfolio-flex{gap:14px}}.portfolio-template--gydronix .section-06 .portfolio-text{color:#fff}.portfolio-template--gydronix .section-06 .portfolio-icon-01,.portfolio-template--gydronix .section-06 .portfolio-icon-02,.portfolio-template--gydronix .section-06 .portfolio-icon-03{width:32px;height:32px}.portfolio-template--gydronix .section-06 .portfolio-icon-01{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/engineer_icon.svg);background-position:0 0;background-size:cover}.portfolio-template--gydronix .section-06 .portfolio-icon-02{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/dark_light_icon.svg);background-position:0 0;background-size:cover}.portfolio-template--gydronix .section-06 .portfolio-icon-03{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/qr_scanner_icon.svg);background-position:0 0;background-size:cover}.portfolio-template--gydronix .section-06 .section-06-img{margin:-5px 0 40px;padding:0 8px 0 0;display:block;position:relative}@media(max-width:768px){.portfolio-template--gydronix .section-06 .section-06-img{max-width:342px;margin:-7px 0 0 9px}}.portfolio-template--gydronix .section-07{padding:76px 0 136px}@media(max-width:768px){.portfolio-template--gydronix .section-07{padding:33px 0}}.portfolio-template--gydronix .section-07 h2.portfolio-title{align-self:stretch;color:#000;font-size:24px;font-weight:700;line-height:32.4px;word-wrap:break-word;letter-spacing:normal;margin:16px 0 0 -3px}@media(max-width:768px){.portfolio-template--gydronix .section-07 h2.portfolio-title{margin:0;text-align:center}}.portfolio-template--gydronix .section-07 .portfolio-title-group{margin-bottom:0}@media(max-width:768px){.portfolio-template--gydronix .section-07 .portfolio-title-group{gap:20px;margin-bottom:32px}}.portfolio-template--gydronix .section-07 .portfolio-flex{gap:54px;flex-wrap:wrap;margin:12px -12px -24px 0}@media(min-width:769px)and (max-width:1024px){.portfolio-template--gydronix .section-07 .portfolio-flex{gap:32px}}@media(max-width:768px){.portfolio-template--gydronix .section-07 .portfolio-flex{gap:24px;flex-direction:column;margin:0}}.portfolio-template--gydronix .section-07 .portfolio-flex-item{width:calc(50% - 28px)}@media(max-width:768px){.portfolio-template--gydronix .section-07 .portfolio-flex-item{width:100%;margin:0}}.portfolio-template--gydronix .section-07 .portfolio-flex-item .portfolio-flex-item{width:100%}.portfolio-template--gydronix .section-07 .portfolio-description{border-radius:20px;background:#eaf1fc;padding:40px 24px 36px 32px;flex:1 1;color:#697077;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word}.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-text{padding-left:64px}@media(max-width:768px){.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-text{padding-left:0}}.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-text .footnote{font-size:14px;line-height:18.9px;margin-top:7px;display:block;letter-spacing:normal}.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-text .footnote span:nth-child(2){margin-left:2px}.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-text .footnote span{font-weight:500;letter-spacing:.2px}.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-text a{color:#697077;text-decoration:underline}.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-number{font-size:22px;font-weight:700;line-height:1.25;letter-spacing:0;color:#fff;width:48px;height:48px;border-radius:20px;display:flex;position:absolute;align-items:center;justify-content:center;background:rgba(70,66,255,.24)}@media(max-width:768px){.portfolio-template--gydronix .section-07 .portfolio-description .portfolio-number{font-size:20px;position:relative;margin:5px 0 14px;border-radius:16px}.portfolio-template--gydronix .section-07 .portfolio-description{padding:18px 19px 21px 15px;margin:3px 0 2px;border-radius:20px;gap:12px}}.portfolio-template--gydronix .section-07 .section-07-image-features{display:block;margin:-80px 0 0 590px;position:absolute}@media(min-width:1140px)and (max-width:1240px){.portfolio-template--gydronix .section-07 .section-07-image-features{margin:-65px 0 0 calc(50% - 48px)}}@media(min-width:940px)and (max-width:1139px){.portfolio-template--gydronix .section-07 .section-07-image-features{margin:-30px 0 0 calc(50% - 76px)}}@media(min-width:840px)and (max-width:939px){.portfolio-template--gydronix .section-07 .section-07-image-features{margin:0 0 0 calc(50% - 76px)}}@media(min-width:769px)and (max-width:839px){.portfolio-template--gydronix .section-07 .section-07-image-features{margin:90px 0 0 calc(50% - 76px)}}@media(max-width:768px){.portfolio-template--gydronix .section-07 .section-07-image-features{position:relative;margin:-19px 0 4px -17px;height:238px}}.portfolio-template--gydronix .section-07 .section-07-img{max-width:576px;margin:0 0 0 14px}@media(min-width:1140px)and (max-width:1240px){.portfolio-template--gydronix .section-07 .section-07-img{max-width:570px}}@media(min-width:940px)and (max-width:1139px){.portfolio-template--gydronix .section-07 .section-07-img{max-width:540px}}@media(min-width:840px)and (max-width:939px){.portfolio-template--gydronix .section-07 .section-07-img{max-width:486px}}@media(min-width:769px)and (max-width:839px){.portfolio-template--gydronix .section-07 .section-07-img{max-width:465px}}@media(max-width:768px){.portfolio-template--gydronix .section-07 .section-07-img{min-width:380px;width:100%;display:block;margin:0 auto;position:absolute}}.portfolio-template--gydronix .section-08{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg8.png);background-position:top;background-repeat:no-repeat;background-size:cover;padding:80px 0 155px;background-color:#1f294f;color:#fff;align-self:stretch;text-align:right;font-size:18px;font-weight:400;line-height:24.3px;word-wrap:break-word}@media(max-width:768px){.portfolio-template--gydronix .section-08{background-image:url(https://spider.ru/static/blob/content/works/gydronix/images/bg8_mobile.png);background-position:0 0;background-size:cover;padding:17px 0 85px;margin-bottom:0}}.portfolio-template--gydronix .section-08 .portfolio-flex{margin:12px 0 0;gap:24px}@media(min-width:769px)and (max-width:1024px){.portfolio-template--gydronix .section-08 .portfolio-flex{flex-direction:column}}@media(max-width:768px){.portfolio-template--gydronix .section-08 .portfolio-flex{flex-direction:column;gap:16px}}.portfolio-template--gydronix .section-08 .portfolio-flex-item{flex:1 1;padding:32px;border-radius:20px;background-color:#202f67}@media(min-width:1025px)and (max-width:1199px){.portfolio-template--gydronix .section-08 .portfolio-flex-item{padding:32px}}@media(max-width:768px){.portfolio-template--gydronix .section-08 .portfolio-flex-item{padding:32px 16px}}.portfolio-template--gydronix .section-08 .portfolio-flex-item.portfolio-flex{gap:0}.portfolio-template--gydronix .section-08 .portfolio-subtitle{font-size:20px;font-weight:600;line-height:25px;letter-spacing:0;margin-bottom:40px;align-self:start;word-wrap:break-word}.portfolio-template--gydronix .section-08 .portfolio-stack{margin-bottom:20px;border-bottom:1px solid #3e3dd5;display:flex;justify-content:space-between;gap:18px;padding:3px 0 8px;position:relative}.portfolio-template--gydronix .section-08 .portfolio-stack:last-of-type{border-bottom:none}.portfolio-template--gydronix .section-08 .portfolio-stack dt.portfolio-stack-title-special{position:absolute;left:auto;top:auto}.portfolio-template--gydronix .section-08 .portfolio-stack dt{max-width:50%;text-align:start}@media(max-width:1024px){.portfolio-template--gydronix .section-08 .portfolio-stack dt{max-width:45%;text-align:start}}.portfolio-template--gydronix .section-08 .portfolio-stack dd{text-align:right;flex:1 1}.portfolio-template--gydronix .section-08 .portfolio-stack dd .portfolio-stack-list{display:flex;flex-direction:column;gap:8px}.portfolio-template--gydronix .section-08 .portfolio-stack dd .portfolio-stack-list .portfolio-stack-row-item{line-height:1.72;margin-top:-3px;margin-bottom:-3px;word-wrap:break-word;overflow-wrap:break-word}.portfolio-template--gydronix .section-08 .portfolio-stack dd .portfolio-stack-list .divider{color:#3e3dd5;margin:0 8px}.portfolio-template--gydronix .section-08 .portfolio-stack dd{max-width:70%}@media(max-width:1024px){.portfolio-template--gydronix .section-08 .portfolio-stack dd{max-width:58%;text-align:end;word-wrap:normal}}