h2.title{font-weight:700;font-size:42px;line-height:125%;padding:0;text-align:center}h3.title{font-weight:600;font-size:32px;line-height:135%}h4.title{font-weight:600;font-size:24px;line-height:135%}.subtitle{font-weight:300;font-size:22px;line-height:135%}.text{font-size:16px;line-height:135%;font-weight:400}@media only screen and (max-width:1400px){h2.title{font-weight:600;font-size:32px;line-height:140%}h3.title{font-size:24px}.subtitle{font-size:20px}}@media only screen and (max-width:1200px){h3.title{text-align:center}h2.approach-banner-title{font-weight:600;font-size:20px;line-height:135%;text-align:center}.text{text-align:center}}@media only screen and (max-width:992px){h2.title{font-size:24px}h3.title{font-size:20px}.subtitle{font-size:18px}}@media only screen and (max-width:768px){h2.approach-banner-title{font-size:16px}}@media only screen and (max-width:430px){h2.title{font-size:18px}h3.title{font-size:16px}h2.approach-banner-title{font-size:16px}.subtitle{font-size:16px;line-height:150%}.text{font-size:14px}}@keyframes menuNotificationGrowUp{0%{left:0;top:0;right:0;bottom:0;border-width:1px;opacity:1}100%{left:-7px;top:-7px;right:-7px;bottom:-7px;border-width:14px;opacity:0}}.badge-new{padding:2px 6px;min-width:20px;max-height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#ff9000;border-radius:50px;font-size:14px;line-height:18px;color:#fff;position:relative}.badge-new:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #ff9000;border-radius:50px;animation:menuNotificationGrowUp 2s;animation-iteration-count:3}.indicator-new{width:24px;height:24px;background:url('/Content/images/indicator-new.svg') no-repeat}.tab-button{display:block;padding:12px 0;margin-top:60px;margin-bottom:60px;min-width:300px;font-size:16px;line-height:21px;text-align:center;border-radius:5px;text-decoration:none;cursor:pointer;color:#596c7d;border:1px solid #596c7d}.tab-button:visited{color:#596c7d}.tab-button:hover,.tab-button:focus{color:#fff;background-color:#596c7d}.tab-button:active{color:#fff;background-color:#22587e;border-color:#22587e}.sticky-wrapper *{box-sizing:border-box}.sticky-wrapper .tabs-descr.content-width h2{margin:0;color:#3f4d5a}.sticky-wrapper .tabs{backface-visibility:hidden;z-index:1998;width:100%;min-width:1000px;position:sticky;top:70px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.08)}.sticky-wrapper .tabs:after,.sticky-wrapper .tabs:before{content:'';display:table}.sticky-wrapper .tabs .centered-tabs{min-width:1000px;display:flex;align-items:stretch}.sticky-wrapper .tabs .centered-tabs.content-width{padding-top:0;padding-bottom:0}.sticky-wrapper .tabs .centered-tabs .tab{display:flex;align-items:center;padding:24px 24px 16px;cursor:pointer;transition:all .2s;text-decoration:none}.sticky-wrapper .tabs .centered-tabs .tab:hover{color:#596c7d}.sticky-wrapper .tab-item{background-color:#fff;overflow:hidden;position:relative;max-width:100%}.sticky-wrapper .tab-item.odd{background-color:#f9fafb}.sticky-wrapper .tab-item.even{position:relative;z-index:1;box-shadow:0 4px 16px rgba(0,0,0,.02),0 1px 1px rgba(0,0,0,.04),0 -1px 2px rgba(0,0,0,.02)}.sticky-wrapper .tab-item:last-child{box-shadow:none}.sticky-wrapper .tab-item:nth-child(1) .tab-background{top:0}.sticky-wrapper .tab-item:nth-child(3) .tab-background{top:-50%}.sticky-wrapper .tab-item:nth-child(5) .tab-background{top:-124%}.sticky-wrapper .tab-item:nth-child(7) .tab-background{top:-250%}.sticky-wrapper .tab-item .tab-background{position:absolute;height:100%;left:54%;transform:translate(-50%);max-width:none;width:2700px}.sticky-wrapper .tab-item .tab-content{display:flex;flex-direction:row;align-items:center;gap:64px;padding-top:64px;padding-bottom:64px}.sticky-wrapper .tab-item .tab-content .tab-switcher{margin-top:32px}.sticky-wrapper .tab-item .tab-content .tab-switch{box-shadow:none;width:130px;height:130px;max-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0}.sticky-wrapper .tab-item .tab-content .tab-switch svg{width:64px;height:64px}.sticky-wrapper .tab-item .tab-content .tab-switch .icon-title{font-weight:500;font-size:15px;line-height:100%}.sticky-wrapper .tab-item .tab-content .tab-text{flex:1;min-width:460px}.sticky-wrapper .tab-item .tab-content .tab-text .title{color:#3f4d5a;padding:0;margin-bottom:24px}.sticky-wrapper .tab-item .tab-content .tab-text .subtitle{margin:0 0 32px}.sticky-wrapper .tab-item .tab-content .tab-text .text{margin:0}.sticky-wrapper .tab-item .tab-content .tab-example{flex:2}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content{display:none}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active{display:block}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active img{border:none;border-radius:20px}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content a{display:none}.sticky-wrapper .tab-item .buttons-container{display:flex;margin-top:24px;gap:16px}@media only screen and (max-width:1200px){.sticky-wrapper .tabs-descr.content-width{text-align:center;margin-left:0}.sticky-wrapper .tab-item .tab-content{flex-direction:column;align-items:center;gap:40px}.sticky-wrapper .tab-item .tab-content .tab-text{text-align:center}.sticky-wrapper .tab-item .tab-content .tab-text .title{width:700px;margin-left:auto;margin-right:auto}.sticky-wrapper .tab-item .tab-content .tab-text .subtitle{width:800px}.sticky-wrapper .tab-item .tab-content .tab-text .text{width:800px;margin-top:20px}.sticky-wrapper .tab-item .tab-content .tab-text .tab-button{display:none}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active{display:flex;flex-direction:column;align-items:center}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active a{margin-top:40px;display:inline-block}.sticky-wrapper .tab-item .buttons-container{justify-content:center}}@media only screen and (max-width:992px){.sticky-wrapper .tabs-descr.content-width{margin-bottom:0;padding-bottom:0;padding-top:0}.sticky-wrapper .tabs{margin-top:32px}.sticky-wrapper .tab-item .tab-content{gap:24px}.sticky-wrapper .tab-item .tab-content .tab-text .title{width:auto}.sticky-wrapper .tab-item .tab-content .tab-text .subtitle{width:auto}.sticky-wrapper .tab-item .tab-content .tab-text .text{width:auto;margin-top:24px}.sticky-wrapper .tab-item .tab-content .tab-text .tab-switcher{margin-top:32px}.sticky-wrapper .tab-item .tab-content .tab-text .tab-button{margin-top:32px}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active{width:auto}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active .tab-button{margin:40px 0 0 0}}@media only screen and (max-width:768px){.sticky-wrapper .tab-item .tab-content{gap:48px}.sticky-wrapper .tab-item .tab-content .tab-switch{width:fit-content;min-width:64px;max-width:96px;height:82px;background-color:transparent}.sticky-wrapper .tab-item .tab-content .tab-switch svg{width:42px;height:42px}.sticky-wrapper .tab-item .tab-content .tab-switch .icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:4px}.sticky-wrapper .tab-item .tab-content .tab-switch.active .icon{background-color:#edf0f2}.sticky-wrapper .tab-item .tab-content .tab-text .icon-title{font-weight:400;font-size:12px;line-height:14px}}.support{position:relative}.support .support-bg{position:absolute;z-index:1;top:-48%;left:-48%}.support .support-bg svg{width:100%;height:auto;fill:#2190f7}.jquery .support .support-bg svg{fill:#0e8bc1}.vue .support .support-bg svg{fill:#42b883}.react .support .support-bg svg{fill:#09b5e1}.angular .support .support-bg svg{fill:#2190f7}.support .title{font-size:42px;margin:0;color:#fff;text-align:left;line-height:125%}.support .subtitle{font-weight:700;font-size:24px;margin:0;padding-top:12px;color:#fff;text-align:left;line-height:135%}.support .text{margin:0;font-size:16px;padding:32px 0 0;line-height:135%}.support .buttons{padding:48px 0 32px;display:flex;gap:12px 16px}.support .content-wrapper{display:flex;justify-content:space-between;gap:40px 64px;z-index:1;position:relative;align-items:flex-end;padding:60px 48px 0;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);background:linear-gradient(78.36deg,#0b88f8 23.37%,#289aff 93.74%);border-radius:24px;overflow:hidden}.jquery .support .content-wrapper{background:linear-gradient(180deg,#1bbfff 0%,#06a1dd 100%)}.vue .support .content-wrapper{background:linear-gradient(180deg,#00d98b 0%,#07a371 100%)}.react .support .content-wrapper{background:linear-gradient(180deg,#1bbfff 0%,#06a1dd 100%)}.angular .support .content-wrapper{background:linear-gradient(180deg,#2190f6 0%,#2190f6 100%)}.support .content-wrapper .support-content{flex:1 1 560px;z-index:2}.support .content-wrapper .support-img{display:flex;width:100%;max-width:650px;position:relative;bottom:-4px}.support .content-wrapper .support-img svg{height:100%;width:100%}.support .support-comment{padding:60px 48px}.support .support-comment .title{padding-top:20px}.support .support-comment .content-wrapper{align-items:center}.support .support-comment .support-bg{top:-55%}.support .support-comment .support-img{bottom:0}@media only screen and (max-width:1600px){.support .support-bg{left:-54%}.support .title{font-size:32px}}@media only screen and (max-width:1470px){.support .content-wrapper .support-img{max-width:auto}}@media only screen and (max-width:1400px){.support .support-bg{display:none}.support .title,.support .subtitle{text-align:center}.support .content-wrapper{flex-direction:column;align-items:center}.support .content-wrapper .support-content{flex:0;text-align:center}.support .text{padding:32px 120px 0}.support .buttons{justify-content:center;padding-top:32px}}@media only screen and (max-width:1200px){.support .text{padding:32px 80px 0}}@media only screen and (max-width:992px){.support .text{padding:32px 0 0}.support .support-title,.support .support-subtitle{text-align:center}.support .content-width{padding-bottom:40px}.support .buttons{justify-content:center;padding-top:32px}}@media only screen and (max-width:768px){.support .title{font-size:24px;line-height:135%}.support .subtitle{font-size:18px}.support .text{font-size:14px}.support .buttons{align-items:center;flex-direction:column}}.sticky-wrapper .tab-item .tab-content{padding-bottom:60px}.sticky-wrapper .tab-item .tab-content .tab-example .tab-example-content.active img{border:none;border-top-left-radius:20px;border-top-right-radius:20px}.support-odd .support{background-color:#eef0f2}.advantages .content-width .extends .buttons-container{gap:40px;justify-content:center}.advantages .content-width .extends .tab-button{margin:0;height:75px;max-width:500px;border-color:#fff;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:32px;line-height:43px}.advantages .content-width .extends .tab-button.demo{background-color:#fff;color:#2190f7}.advantages .content-width .extends .tab-button.howto{color:#fff}.advantages .content-width .extends .tab-button:hover,.advantages .content-width .extends .tab-button:focus{box-shadow:8px 8px 5px rgba(0,0,0,.15);border-color:#fff;background-color:#fff;color:#2190f7}.advantages .content-width .extends .tab-button:focus{outline:auto}@media only screen and (max-width:1400px){.sticky-wrapper .tab-item .tab-content{padding-bottom:40px}.another .another-content{display:block}.another .another-content .content-title{white-space:pre-wrap}.another .another-content .content-right .framework{flex-direction:column}.another .another-content .content-right .framework .approach-badge{width:auto;flex:1}}