main>section.BestInClass{overflow:hidden}main>section.BestInClass h2{color:#fff;font-size:36px}@media(min-width:992px){main>section.BestInClass h2{max-width:65%}}@media(min-width:768px){main>section.BestInClass h2{font-size:36px}}@media(min-width:992px){main>section.BestInClass h2{font-size:36px}}main>section.BestInClass h3{color:#cfcfcf;font-size:20px;line-height:130%}@media(min-width:768px){main>section.BestInClass h3{font-size:20px}}@media(min-width:992px){main>section.BestInClass h3{font-size:20px}}@media(min-width:992px){main>section.BestInClass h3{max-width:55%}}main>section.BestInClass p{color:#fff}@media(min-width:992px){main>section.BestInClass p{max-width:45%}}main>section.BestInClass .Awards:before,main>section.BestInClass .Awards:after{content:"";display:table;width:0}main>section.BestInClass .Awards:after{clear:both}main>section.BestInClass .Awards .Award{float:left;margin-top:25px;margin-right:37px;opacity:0;z-index:0;-webkit-transition:opacity linear 100ms;-o-transition:opacity linear 100ms;transition:opacity linear 100ms;font-family:'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;font-stretch:condensed;color:#cfcfcf;font-size:26px;line-height:100%}main>section.BestInClass .Awards .Award img{vertical-align:middle}.wf-active main>section.BestInClass .Awards .Award{opacity:1;font-stretch:normal}.wf-inactive main>section.BestInClass .Awards .Award{opacity:1}main>section.BestInClass>svg{position:absolute;left:50%;height:80%;top:10%;bottom:10%;display:none}@media(min-width:992px){main>section.BestInClass>svg{display:block}}.full-size{width:100%;height:100%}.main-section{background:#06162f;z-index:0}.hexagon-shape-hover{cursor:pointer;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;fill:rgba(12,96,209,.5);opacity:0}.hexagon-shape-hover:hover{opacity:1}.main-section{padding-top:0;-webkit-transition:padding-top .2s linear;-o-transition:padding-top .2s linear;transition:padding-top .2s linear;position:relative}.components-wrapper{margin:0 -50%;width:200%;height:100%}@media(max-width:1023px){.components-wrapper{opacity:0;width:0;height:0;pointer-events:none}}#blurred-backdrop{opacity:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}#components-svg{height:100%}.components{overflow:hidden;-webkit-transition:height .2s;-o-transition:height .2s;transition:height .2s}.RootMenuOpen .components{height:0;opacity:0}.RootMenuOpen #components-svg{opacity:0}.RootMenuOpen .main-section{padding-top:780px}.backdrop{background-image:url('https://www.devexpress.com/$resources/styles/components/Background.jpg');background-position:center 0;background-repeat:no-repeat;-webkit-background-size:auto auto;background-size:auto;position:absolute;top:0;right:0;left:0;bottom:0}@media(max-width:1023px){.backdrop{-webkit-background-size:auto auto;background-size:auto}}#components-header{z-index:1;padding-top:180px;padding-bottom:94px;opacity:0;z-index:0;-webkit-transition:opacity linear 100ms;-o-transition:opacity linear 100ms;transition:opacity linear 100ms;font-family:'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;font-stretch:condensed}.wf-active #components-header{opacity:1;font-stretch:normal}.wf-inactive #components-header{opacity:1}#components-header h1{color:#ff7200;font-size:60px;padding:0;margin:0;line-height:1}@media(min-width:768px){#components-header h1{font-size:88px}}@media(min-width:992px){#components-header h1{font-size:88px}}#components-header h2{color:#fff;font-size:40px;padding:0;margin:0;line-height:1}@media(min-width:768px){#components-header h2{font-size:58px}}@media(min-width:992px){#components-header h2{font-size:58px}}#components-header p{color:#fff;font-size:30px;padding:0;margin:0;line-height:38px;margin-top:20px;font-weight:200}#components-header .Buttons{margin-top:70px;margin-left:-10px}#components-header .Buttons .Button{font-size:22px;margin-top:10px;margin-left:10px!important}#components-header .Buttons .Button:first-child{margin-top:0}#components-header .Buttons .Button.Transparent{padding:8px 25px}#components-header .Buttons .Button.Orange{padding:8px 45px}#components-footer{z-index:1;padding-top:180px;padding-bottom:58px}@media(max-width:1023px){#components-footer{padding-top:0}}#components-footer .BestInClass{overflow:hidden;overflow:visible}#components-footer .BestInClass h2{color:#fff;font-size:36px}@media(min-width:992px){#components-footer .BestInClass h2{max-width:65%}}@media(min-width:768px){#components-footer .BestInClass h2{font-size:36px}}@media(min-width:992px){#components-footer .BestInClass h2{font-size:36px}}#components-footer .BestInClass h3{color:#cfcfcf;font-size:20px;line-height:130%}@media(min-width:768px){#components-footer .BestInClass h3{font-size:20px}}@media(min-width:992px){#components-footer .BestInClass h3{font-size:20px}}@media(min-width:992px){#components-footer .BestInClass h3{max-width:55%}}#components-footer .BestInClass p{color:#fff}@media(min-width:992px){#components-footer .BestInClass p{max-width:45%}}#components-footer .BestInClass .Awards:before,#components-footer .BestInClass .Awards:after{content:"";display:table;width:0}#components-footer .BestInClass .Awards:after{clear:both}#components-footer .BestInClass .Awards .Award{float:left;margin-top:25px;margin-right:37px;opacity:0;z-index:0;-webkit-transition:opacity linear 100ms;-o-transition:opacity linear 100ms;transition:opacity linear 100ms;font-family:'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;font-stretch:condensed;color:#cfcfcf;font-size:26px;line-height:100%}#components-footer .BestInClass .Awards .Award img{vertical-align:middle}.wf-active #components-footer .BestInClass .Awards .Award{opacity:1;font-stretch:normal}.wf-inactive #components-footer .BestInClass .Awards .Award{opacity:1}#components-footer .BestInClass>svg{position:absolute;left:50%;height:80%;top:10%;bottom:10%;display:none}@media(min-width:992px){#components-footer .BestInClass>svg{display:block}}#components-footer .BestInClass h2{font-size:40px}@media(min-width:768px){#components-footer .BestInClass h2{font-size:58px}}@media(min-width:992px){#components-footer .BestInClass h2{font-size:58px}}#components-footer .BestInClass h3{color:#4da1e3}#components-footer .BestInClass p{color:#4da1e3}#components-footer .BestInClass .leaf{opacity:1}#components-footer .BestInClass .Awards .Award{color:#fff}#components-footer .BestInClass svg{height:auto;top:0}.center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#overlay-svg-shadow{display:none;fill:rgba(0,0,0,.5)}.components-wrapper{opacity:0;z-index:0;-webkit-transition:opacity linear 100ms;-o-transition:opacity linear 100ms;transition:opacity linear 100ms;font-family:'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;font-stretch:condensed;pointer-events:none}.wf-active .components-wrapper{opacity:1;font-stretch:normal}.wf-inactive .components-wrapper{opacity:1}.components{height:958px;width:1300px;position:relative;margin:0 auto;z-index:0}.components .winforms{width:334px;height:385.66997982px;overflow:hidden;pointer-events:none;position:absolute;left:634px;top:215px;line-height:1.2}.components .winforms .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:334px;cursor:pointer}.components .winforms .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .winforms .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .winforms .component-title{font-size:38px}.components .winforms .component-meta{font-size:21px}.components .devextreme{width:252px;height:290.98453567px;overflow:hidden;pointer-events:none;position:absolute;left:376px;top:285px;line-height:1.2}.components .devextreme .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:252px;cursor:pointer}.components .devextreme .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .devextreme .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .devextreme .component-title{font-size:30px}.components .devextreme .component-meta{font-size:18px}.components .wpf{width:272px;height:314.07854644px;overflow:hidden;pointer-events:none;position:absolute;left:494px;top:509px;line-height:1.2}.components .wpf .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:272px;cursor:pointer}.components .wpf .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .wpf .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .wpf .component-title{font-size:34px}.components .wpf .component-meta{font-size:18px}.components .asp{width:252px;height:290.98453567px;overflow:hidden;pointer-events:none;position:absolute;left:846px;top:509px;line-height:1.2}.components .asp .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:252px;cursor:pointer}.components .asp .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .asp .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .asp .component-title{font-size:34px}.components .asp .component-meta{font-size:18px}.components .aspnetcore{width:164px;height:189.37088829px;overflow:hidden;pointer-events:none;position:absolute;left:1138px;top:197px;line-height:1.2}.components .aspnetcore .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:164px;cursor:pointer}.components .aspnetcore .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .aspnetcore .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .aspnetcore .component-title{font-size:20px}.components .aspnetcore .component-meta{font-size:16px}.components .mvc{width:218px;height:251.72471737px;overflow:hidden;pointer-events:none;position:absolute;left:974px;top:315px;line-height:1.2}.components .mvc .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:218px;cursor:pointer}.components .mvc .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .mvc .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .mvc .component-title{font-size:30px}.components .mvc .component-meta{font-size:18px}.components .bootstrap{width:164px;height:189.37088829px;overflow:hidden;pointer-events:none;position:absolute;left:1104px;top:514px;line-height:1.2}.components .bootstrap .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:164px;cursor:pointer}.components .bootstrap .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .bootstrap .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .bootstrap .component-title{font-size:20px}.components .bootstrap .component-meta{font-size:16px}.components .source-code{width:132px;height:152.42047107px;overflow:hidden;pointer-events:none;position:absolute;left:956px;top:777px;line-height:1.2}.components .source-code .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:132px;cursor:pointer}.components .source-code .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .source-code .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .source-code .component-title{font-size:18px}.components .source-code .component-meta{font-size:18px}.components .support{width:132px;height:152.42047107px;overflow:hidden;pointer-events:none;position:absolute;left:140px;top:70px;line-height:1.2}.components .support .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:132px;cursor:pointer}.components .support .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .support .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .support .component-title{font-size:18px}.components .support .component-meta{font-size:18px}.components .coderush{width:164px;height:189.37088829px;overflow:hidden;pointer-events:none;position:absolute;left:0;top:310px;line-height:1.2}.components .coderush .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:164px;cursor:pointer}.components .coderush .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .coderush .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .coderush .component-title{font-size:20px}.components .coderush .component-meta{font-size:16px}.components .testcafe{width:200px;height:230.94010768px;overflow:hidden;pointer-events:none;position:absolute;left:170px;top:338px;line-height:1.2}.components .testcafe .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:200px;cursor:pointer}.components .testcafe .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .testcafe .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .testcafe .component-title{font-size:20px}.components .testcafe .component-meta{font-size:16px}.components .xaf{width:188px;height:217.08370122px;overflow:hidden;pointer-events:none;position:absolute;left:24px;top:488px;line-height:1.2}.components .xaf .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:188px;cursor:pointer}.components .xaf .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .xaf .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .xaf .component-title{font-size:30px}.components .xaf .component-meta{font-size:16px}.components .doc-server{width:164px;height:189.37088829px;overflow:hidden;pointer-events:none;position:absolute;left:779px;top:0;line-height:1.2}.components .doc-server .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:164px;cursor:pointer}.components .doc-server .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .doc-server .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .doc-server .component-title{font-size:20px}.components .doc-server .component-meta{font-size:16px}.components .reporting{width:252px;height:290.98453567px;overflow:hidden;pointer-events:none;position:absolute;left:520px;top:5px;line-height:1.2}.components .reporting .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:252px;cursor:pointer}.components .reporting .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .reporting .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .reporting .component-title{font-size:30px}.components .reporting .component-meta{font-size:18px}.components .win-10{width:200px;height:230.94010768px;overflow:hidden;pointer-events:none;position:absolute;left:353px;top:727px;line-height:1.2}.components .win-10 .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:200px;cursor:pointer}.components .win-10 .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .win-10 .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .win-10 .component-title{font-size:20px}.components .win-10 .component-meta{font-size:16px}.components .dashboards{width:188px;height:217.08370122px;overflow:hidden;pointer-events:none;position:absolute;left:246px;top:154px;line-height:1.2}.components .dashboards .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:188px;cursor:pointer}.components .dashboards .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .dashboards .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .dashboards .component-title{font-size:20px}.components .dashboards .component-meta{font-size:14px}.components .xpo{width:164px;height:189.37088829px;overflow:hidden;pointer-events:none;position:absolute;left:740px;top:720px;line-height:1.2}.components .xpo .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:164px;cursor:pointer}.components .xpo .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .xpo .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .xpo .component-title{font-size:20px}.components .xpo .component-meta{font-size:16px}.components .blazor{width:202px;height:233.24950875px;overflow:hidden;pointer-events:none;position:absolute;left:928px;top:102px;line-height:1.2}.components .blazor .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:202px;cursor:pointer}.components .blazor .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .blazor .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .blazor .component-title{font-size:30px}.components .blazor .component-meta{font-size:18px}.components .xamarin-forms{width:215px;height:248.26061575px;overflow:hidden;pointer-events:none;position:absolute;left:272px;top:513px;line-height:1.2}.components .xamarin-forms .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:215px;cursor:pointer}.components .xamarin-forms .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .xamarin-forms .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .xamarin-forms .component-title{font-size:20px}.components .xamarin-forms .component-meta{font-size:18px}.components .app-security{width:161px;height:185.90678668px;overflow:hidden;pointer-events:none;position:absolute;left:77px;top:690px;line-height:1.2}.components .app-security .component-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:161px;cursor:pointer}.components .app-security .component-content .component-title{color:#fff;font-weight:800;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .app-security .component-content .component-meta{color:#4da1e3;font-weight:800;margin-top:4px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.components .app-security .component-title{font-size:20px}.components .app-security .component-meta{font-size:16px}#LightBox{display:none}.component-details-overlay{position:fixed;top:0;left:0;bottom:0;right:0;pointer-events:none;-webkit-transition:all 0;-o-transition:all 0;transition:all 0;opacity:.25;z-index:999999}.component-details-overlay.open{opacity:1;-webkit-transition:all .2s!important;-o-transition:all .2s!important;transition:all .2s!important;-webkit-transform:translate(0,0) scale(1)!important;-ms-transform:translate(0,0) scale(1)!important;transform:translate(0,0) scale(1)!important;pointer-events:all}.component-details-overlay.open #overlay-svg-shadow{display:block}#components-svg{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}@media(max-width:1023px){#components-svg,.component{display:none}}#overlay-svg{width:100%;height:100%}.component-details{width:730px;height:842.93139302px;overflow:hidden;pointer-events:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.component-details .hexagon-in{width:100%;height:100%;overflow:hidden;-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);position:relative;pointer-events:none}.component-details .hexagon-in:after{position:absolute;top:0;left:0;bottom:0;right:0;content:'';border:solid rgba(0,0,0,.1);border-width:0 1px;z-index:1;pointer-events:none}.component-details .hexagon-background{width:100%;height:100%;pointer-events:all;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-color:transparent;overflow:hidden}.component-details.open{display:block!important}.component-details .component-details-close{height:20px;width:20px;background-image:url('https://www.devexpress.com/$resources/styles/components/CloseButton.svg');background-repeat:no-repeat;cursor:pointer;z-index:1;position:absolute;top:11px;right:23px}.component-details .component-details-column{position:absolute;top:0;bottom:0}.component-details .component-details-content{width:100%;height:100%;position:relative}.component-details .component-details-info-inner{position:relative;padding:0 38px}@media(max-width:1024px){.component-details .component-details-info-inner{padding:0 30px}}.component-details .component-details-image{background:#06162f;left:0;right:49%;background-position:center center}.component-details .component-details-info{padding:210.73284825px 0;background:#fff;left:50%;right:0;line-height:1.2}.component-details .component-details-title{font-size:36px;font-weight:900;color:#404040;line-height:1.2;padding-top:60px;opacity:0;z-index:0;-webkit-transition:opacity linear 100ms;-o-transition:opacity linear 100ms;transition:opacity linear 100ms;font-family:'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;font-stretch:condensed}.wf-active .component-details .component-details-title{opacity:1;font-stretch:normal}.wf-inactive .component-details .component-details-title{opacity:1}@media(max-width:1024px),(max-height:780px){.component-details .component-details-title{padding-top:24px;font-size:24px}}.component-details .component-details-meta{font-size:24px;color:#9f9f9f;line-height:1.2;opacity:0;z-index:0;-webkit-transition:opacity linear 100ms;-o-transition:opacity linear 100ms;transition:opacity linear 100ms;font-family:'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;font-stretch:condensed}.wf-active .component-details .component-details-meta{opacity:1;font-stretch:normal}.wf-inactive .component-details .component-details-meta{opacity:1}.component-details .component-details-meta br{display:none}@media(max-width:1024px){.component-details .component-details-meta{font-size:16px}}.component-details .component-details-text{margin-top:20px;font-size:14px;font-weight:300;line-height:1.5;font-weight:400;color:#535353}@media(max-width:1024px){.component-details .component-details-text{font-size:12px}}.component-details .Button{margin-top:34px;color:#ff7200!important;border-color:#ff7200!important}