#blocks .img{background-repeat: no-repeat;background-position: top center;background-attachment: scroll;background-size: 100% auto;margin: 0;position: relative}
#blocks .img .over{position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;background: #fff}
@media(max-width: 992px){#blocks .img{height: 330px}
#blocks .img,#blocks .img_fix{background-size: cover !important}
}
@media(min-width: 992px){#blocks .img{height: 33vw;max-height: 500px}
#blocks .img_fix{background-position-y: 70px;background-attachment: fixed}
}
#blocks .wrap{width: 1280px;max-width:100%}
#blocks .business_cases{padding: 3rem 0 1rem 0;overflow: hidden}
#blocks .business_cases > .wrap{max-width: 1600px;width: auto}
#blocks .columns > .wrap{width: 1024px;max-width:calc(100% - 60px);margin:0 auto !important;padding-top: 30px}
#blocks .single > .wrap{width: 800px;max-width:calc(100% - 60px);margin:0 auto !important}
#blocks .block_wtext{margin:0;padding: 3rem 0}
#blocks .columns .div{content:'';display:block;clear:both;width:150px;height:4px;margin: 0 auto 50px;background: var(--MAGENTA);border-radius: 4px;opacity: 0.2}
#blocks .block[style]:before{display:none}
#blocks .block:after{content:'';display:block;clear:both}
#blocks .columns .img{float:left;width:50%;background-size: 100% auto;background-repeat: no-repeat;margin: 0;height:auto}
#blocks .columns .img img{width:100%;height:auto}
#blocks .columns .text{float:right;width: 370px;padding: 0px 40px 0 100px;font-size:14px}
#blocks .block0 .img{float:right}
#blocks .block0 .text{float:left;padding: 0px 100px 0 40px}
#blocks .block .text{font-size:14px}
#blocks .block_wtext2{padding-top:0 !important}
#blocks .block_wtext2{overflow:hidden}
#blocks .block_wtext2 .in{background:linear-gradient(270deg,#F0F2F7 0%,#F3F4F6 100%);margin: 0 0 160px}
#blocks .block_wtext2 .in .wrap{padding: 64px 0 48px;max-width: calc(100% - 160px)}
#blocks .block_wtext2 .img{position:absolute;left: 560px;top: 240px}
#blocks .block_wtext2 img{width:720px;height:420px}
#blocks .block_wtext2 h1{font: 700 56px Montserrat,var(--FONT2);padding-bottom: 2.5rem;width: 540px}
#blocks .block_wtext2 h1 span{display:block}
#blocks .block_wtext2 h1 span:nth-child(1),#blocks .block_wtext2 h1 span:nth-child(2){white-space: nowrap}
@media screen and (min-width: 1024px){body[data-lang="11"] #blocks .block_wtext2 h1{line-height:60px}
}
#blocks .block_wtext2 .in .page_content{width: 500px;margin: 0 0 30px;letter-spacing: 0;max-width: 100%;font: 500 1.125rem/2rem Montserrat,var(--FONT1)}
.page_content{}
#blocks .block_wtext2 .button{background:var(--MAGENTA);font: 1.15em/30px var(--FONT1);padding:10px 20px;transition:0.3s;border-radius: 6px;text-decoration: none;display: inline-block;border: none;color: #FFF;float: none}
#blocks .block_wtext2 .button:hover{box-shadow:0 0 0 50px rgba(0, 0, 0, 0.1) inset;color: #fff;margin-top: 0;border-bottom-width: 0}
#blocks .block_wtext2 .button:active{box-shadow:0 0 0 6px var(--MAGENTA_OPAC3);transition:none}
#blocks .block_wtext2 .button svg{fill:#fff;width:30px;height:30px;transform:rotate(180deg);vertical-align:bottom;margin-left: 10px}
@media(max-width: 1200px){#blocks .columns .text{padding: 0px 20px 0 60px;width: 50%;box-sizing: border-box}
#blocks .block_wtext2 .in .wrap{padding-top: calc(10px + 4vw)}
#blocks .block_wtext2 .img{top: 276px;left: 520px;width: auto;height: auto}
#blocks .block_wtext2 .img img{width: 620px;height: auto}
#blocks .block_wtext2 .in{margin-bottom:80px}
}
@media(max-width: 1024px){#blocks .block_wtext2 .in .wrap{height: auto}
#blocks .block_wtext2 .img{top:initial;bottom: -48vw;left:0}
#blocks .block_wtext2 .in .page_content{width: 100%}
#blocks .block_wtext2 .img img{width: 100%;height: auto}
#blocks .block_wtext2 .in{margin-bottom: 320px;padding-bottom: 24vw}
}
@media(max-width: 900px){#blocks .block_wtext2 .in{margin:0;padding-bottom: 0}
#blocks .block_wtext2 .in h1{font-size:6vw}
#blocks .block_wtext2 .in .wrap{max-width:calc(100% - 80px);height:auto;padding-bottom: 24px;margin-bottom: 60px}
#blocks .block_wtext2 .img{margin-top:40px;position:static;height: auto}
#blocks .block_wtext2 img{max-width: 100%;height:auto}
}
@media(max-width: 480px){#blocks .block_wtext2 .in h1{font-size:2em}
}
.logos{text-align: center;padding: 2rem 0;overflow: hidden}
.logos__list{display:flex;flex-wrap: wrap;padding: 0;width:960px;max-width:100%;align-content: center;justify-content: center;margin: 0 auto;position: relative}
.logos__img{min-width: 25%;height: 220px;flex:1;margin: -40px 0;transition: 0.3s ease}
.logos__img:hover{filter:none;transform:scale(1.1)}
.logos__header{padding: 0 0 1rem 0;line-height: 1}
.logos__link{border:2px solid #E5E5E5;display:inline-block;color:#777;transition:background-color 0.8s ease;text-decoration:none;font:italic 14px/32px var(--FONT1);padding:0 15px;border-radius:2REM;margin:1rem 0 0.25rem 0;position: relative}
.logos__link:hover,.logos__link:focus{color:#777;background-color: #E5E5E5}
@media(max-width: 992px){.logos__img{min-width: 50%;margin: -60px 0}
}
#blocks .icons_text .wrap{height:400px;display:flex;justify-content: space-evenly;padding: 40px 0 52px}
body.mobile #blocks .icons_text .wrap{overflow-x:auto}
#blocks .icons_text .item{flex:1;min-width: 200px;font: 14px/20px var(--FONT1);text-align:center;position:relative}
#blocks .icons_text .item{background: #fff;box-shadow: 0 6px 20px rgba(20,40,60,.15);border-radius: 16px;padding: 2.5rem;margin: 0 20px}
#blocks .icons_text .item b{display:block;font:bold 28px/56px var(--FONT1);vertical-align:bottom}
#blocks .icons_text .item b i{font-style:normal;font:bold 38px/56px var(--FONT1);vertical-align:bottom;position:relative;top:-5px}
#blocks .icons_text .item .img{width: 100px;height: 100px;padding:50px;border-radius:100px;float:none;margin:0 auto 20px;box-shadow:0 -5px 5px 4px #fff,0 5px 5px 5px rgba(172, 120, 222, 0.38);transition:0.3s ease}
#blocks .icons_text .item .img:before{content:'';display:block;margin:0 auto;width:100px;height:100px;background:url(/images/promo/ws_beaver_ico.svg) 0px 0px;background-size: 600% 600% !important}
#blocks .icons_text .item:nth-child(2) .img:before{background-position:-100% 0}
#blocks .icons_text .item:nth-child(3) .img:before{background-position:-200% 0}
#blocks .icons_text .item .img{background:#ac78de}
#blocks .icons_text .item:nth-child(2) .img{background-color:#00c5a2;box-shadow:0 -5px 5px 4px #fff,0 5px 5px 5px rgba(0, 197, 162, 0.38)}
#blocks .icons_text .item:nth-child(3) .img{background-color:#ffb020;box-shadow:0 -5px 5px 4px #fff,0 5px 5px 5px rgba(255, 176, 32, 0.38)}
#blocks .icons_text .item:hover .img{xtransform:scale(1.1)}
@media(max-width: 1280px){#blocks .icons_text .wrap{justify-content:left}
}
@media(max-width: 480px){#blocks .icons_text .wrap{height:440px}
#blocks .icons_text .item:after{content:'\2B24\25CF\25CF';position:absolute;bottom:20px;left:0%;right:0;text-align:center;letter-spacing:10px;color:#333}
#blocks .icons_text .item:nth-child(2):after{content:'\25CF\2B24\25CF'}
#blocks .icons_text .item:nth-child(3):after{content:'\25CF\25CF\2B24'}
}
#blocks .just_text .wrap{height: 320px;display:flex;justify-content: space-between;padding: 40px 0}
body.mobile #blocks .just_text .wrap{overflow-x:auto}
#blocks .just_text .item{flex: 1;min-width: 300px;max-width: 30%;background:#fff;border-radius: 50% 50% 50% 50% / 36% 36% 64% 64%;;padding: 60px 0;font: 14px/20px var(--FONT1);text-align:center;box-sizing: border-box;margin: 0 20px;position:relative}
#blocks .just_text .item b{display:block;font:bold 24px/56px var(--FONT1);vertical-align:bottom;white-space: nowrap}
#blocks .just_text .item{}
#blocks .just_text .item > div{width:200px;margin:0 auto}
@media(max-width: 480px){#blocks .just_text .item:after{content:'\2B24\25CF\25CF';position:absolute;bottom:50px;left:0%;right:0;text-align:center;letter-spacing:10px;color:#5B8837}
#blocks .just_text .item:nth-child(2):after{content:'\25CF\2B24\25CF'}
#blocks .just_text .item:nth-child(3):after{content:'\25CF\25CF\2B24'}
}
@media(max-width: 1280px){#blocks .just_text .wrap{justify-content:left}
}
.page-register .menu-lang{margin-left: 16px}
#blocks .video .wrap{width: 1024px;overflow:hidden}
.page-price #blocks .block{background: var(--colors-slate-200)}
.page-price [data-loop="true"] .brand-slider__container::before,.page-price [data-loop="true"] .brand-slider__container::after{background: none}
@media(max-width: 992px){#blocks .block{padding:6px 0}
.page-price #blocks .block{padding: 0}
#blocks .video .wrap iframe{width:100vw;height:56vw}
}
@media screen and (max-width: 768px){#blocks .columns .img{float:none;width:auto;margin:0 0 20px}
#blocks .columns .text{float:none;width:auto;padding:0 20px;margin:0}
}
#blocks .block_wtext h1,#blocks .block_wtext h2{font-size: 3rem;line-height: 3rem;letter-spacing: -.025rem;padding-bottom: 3rem;position:relative}
#blocks .center{text-align: center}
#blocks .columns h2:before{content:'';background:var(--MAGENTA);position:absolute;width:100px;height:100px;opacity:0.2;border-radius:50px;left:-35px;top:-22px}
#blocks .columns h2 span{position: relative;z-index:1}
@media(max-width: 768px){#blocks .block_wtext h2{font-size:2rem;line-height:2rem;letter-spacing: -0.02em;padding-bottom:1em}
#blocks .columns h2:before{width:70px;height:70px;left:-24px;top:-17px}
}
#block306{background:linear-gradient(90deg,#3ea705,#ecdc25);height:364px;padding:0 !important}
#block306 .wrap{width:1024px}
#block306 img{height:364px}
#block306 .im1{float:right}
#block306 .im2{float:left}
@media(max-width:1140px){#block306 .im1{float:none;margin:0 auto;display:block}
#block306 .im2{display:none}
}
#block378{background:url(/images/promo/ws_diia_gradient.png) left top no-repeat;background-size: 100% 180px;height:244px;padding:0 !important;position:relative;margin-bottom: -80px !important}
#block378:before{background:url(/images/promo/ws_diia_line.svg) center top no-repeat;background-size:100% 100%;xcontent:'';position:absolute;left:0;bottom:0;width: 100%;height:180px}
#block378 svg{position:absolute;left:0;bottom:0;width: 100%;height:180px}
#block378 .wrap{width:1024px}
#block378 .im1{margin:50px 0}
@media(max-width:1600px){#block378:before{background-size:auto}
}
@media(max-width:1100px){#block378 .wrap{width:auto;margin:0}
#block378:before{content:none}
#block378 .im1{margin-left:30px}
}
#laptop svg,#laptop div{width:970px;height:492px}
#laptop div{margin:0 auto;position:relative;z-index:1}
#laptop svg > g{opacity:0}
#laptop img{position:absolute;left:145px;top:38px;opacity:0}
#laptop svg > #l1{opacity:1}
#laptop.go svg > #l2{opacity:1;transition:opacity 0.6s ease 0.3s}
#laptop.go svg > #l3{opacity:1;transition:opacity 0.63s ease 0.6s}
#laptop.go svg> #l4{opacity:1;transition:opacity 0.6s ease 0.9s}
#laptop.go svg > #l5{opacity:1;transition:opacity 0.6s ease 1.2s}
#laptop.go svg > #l6{opacity:1;transition:opacity 0.6s ease 1.5s}
#laptop.go svg > #l7{opacity:1;transition:opacity 0.6s ease 1.8s}
#laptop.go svg > #l8{opacity:1;transition:opacity 0.6s ease 2.1s}
#laptop.go svg > #l9{opacity:1;transition:opacity 0.6s ease 2.4s}
#laptop.go svg > #l10{opacity:1;transition:opacity 0.6s ease 2.7s}
#laptop.go svg > #l11{opacity:1;transition:opacity 0.6s ease 3s}
#laptop.go svg > #l12{opacity:1;transition:opacity 0.6s ease 3.3s}
#laptop.go img{opacity:1;transition:opacity 0.6s ease 3.6s}
@media(max-width:1024px){#laptop svg,#laptop div{width:90vw;height:45vw}
#laptop.go img{display:none}
}
#blocks[rel="52"] .icons_text .item .img{background:#ff3800;box-shadow:none}
#svg_bg{display:none}
@media screen{#svg_bg_{overflow:hidden;margin-bottom: calc(-210px - 50vw)}
#svg_bg{width: 100%;height: 75vw;display: block;margin-top: calc(250px - 25vw)}
#blocks .block_svg .h1{height:280px}
#blocks .block_svg h1{line-height:120%}
#blocks .block_svg h1:after{content:'';clear:both;display:block}
#blocks .block_svg h1 span{color: #000;background: #fff;padding: 0 20px 0 20px;display: block;float: left;clear: both;white-space: nowrap;transition: padding 0.2s;max-width: 100%;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box}
#blocks .block_svg h1 span:last-child{padding-bottom:10px}
#blocks .block_svg address:first-child{margin: -1rem 2vw 1.5rem 8vw;border-left: 3px solid var(--MAGENTA);background: none;padding: 0.5rem 0 0.5rem 2vw;font: 500 1.25rem/2rem var(--FONT1)}
}
@media screen and (max-width:1280px){#svg_bg{width: 1280px;height: 960px;margin:-70px calc(50vw - 640px) 0}
#svg_bg_{margin-bottom: -850px}
}
@media screen and (max-width:760px){#blocks .block_svg h1{font-size: 28px;line-height: 130%;letter-spacing: -0.03em}
#svg_bg_{margin-top:-70px;margin-bottom: -800px}
#blocks .block_svg .h1{height:240px}
}
@media screen and (max-width:480px){#blocks .block_svg address:first-child{padding-left:8px}
}
#blocks .block_laptop{padding:3rem 0 0}
#blocks .block_laptop .auth_reg_sm{margin-top: 0;position: relative;z-index: 1}
#blocks h1.rotate{font:400 4rem/3rem var(--FONT1);padding: 0 0 1rem;transition:opacity 0.3s}
#blocks h1.rotate b{font-weight:700;opacity:0.7}
#blocks h1.rotate span{position:relative;display: inline-block;color: #fff;text-align:left}
#blocks h1.rotate font{position: absolute;left:0;top:0;color:var(--TXT);display: inline-block}
@media(max-width:760px){#blocks h1.rotate{font:400 6vw/100% var(--FONT1);padding: 0 0 1rem;transition:opacity 0.3s}
}
#blocks h1.rotate font b,#blocks h1.rotate_init b{color:#65d}
#blocks h1.rotate font b.col1{color:#f50}
#blocks h1.rotate font b.col2{color:#090}
#blocks h1.rotate font b.col3{color:#09f}
#blocks h1.rotate font b.col4{color:#099}
#blocks h1.rotate font b.col5{color:#939}
#blocks h1.rotate font b.col6{color:#f20470}
#blocks h1.rotate font b.col7{color:#d33}
#blocks h1.rotate.fade{opacity:0;transition:opacity 0.6s}
a.button_gray{border:2px solid #E5E5E5;display:inline-block;color:#777;transition:background-color 0.8s ease;text-decoration:none;font:italic 14px/32px var(--FONT1);padding:0 15px;border-radius:2REM;margin:15px 0 0 18px}
a.button_gray:hover,a.button_gray:focus{background-color: #E5E5E5}
@media screen and (max-width:480px){#blocks .block_laptop .auth_reg_sm{display:none}
}
@media print{#blocks .columns .text{width:60%;box-sizing:border-box;padding-left:5em;padding-right:0}
#blocks .block0 .text{padding-right:3em;padding-left:0}
#blocks .columns .img{width:40%}
#blocks .columns h2:before{display:none}
}
#laptop{position:relative}
#laptop svg.bg{position:absolute;left:0;bottom:0;width: 100%;height:40vw;max-height: 740px;display: block}
#laptop svg.bg g{opacity:1;stroke-dasharray: 1600;stroke-dashoffset: 1600;stroke-width:1;animation: dash2 3s linear forwards;animation-iteration-count: 1}
#laptop #line_0{animation-delay: 0ms}
#laptop #line_1{animation-delay: 250ms}
#laptop #line_2{animation-delay: 500ms}
#laptop #line_3{animation-delay: 750ms}
#laptop #line_4{animation-delay: 1000ms}
#laptop #line_5{animation-delay: 1250ms}
#laptop #line_6{animation-delay: 1500ms}
#laptop #line_7{animation-delay: 1750ms}
#laptop #line_8{animation-delay: 2000ms}
#laptop #line_9{animation-delay: 2250ms}
#laptop #line_10{animation-delay: 2500ms}
#laptop #line_11{animation-delay: 2750ms}
#path378{stroke-dasharray: 2500;stroke-dashoffset: 0;animation: dash 6s linear alternate;animation-iteration-count: 1}
@keyframes dash{from{stroke-dashoffset: 2600}
70%{stroke-dashoffset: 1300}
to{stroke-dashoffset: 0}
}
@keyframes dash2{from{stroke-dashoffset: 1600}
40%{stroke-dashoffset: 1000}
60%{stroke-dashoffset: 600}
to{stroke-dashoffset: 0}
}
