#master-breadcrumb #breadcrumb{height:70px}#master-breadcrumb #breadcrumb .content-small{float:left;font-size:14px;margin:17px 7px 21px 0;text-transform:uppercase}#master-breadcrumb #breadcrumb .bread-crumb-separator{float:left;margin:21px 0 21px 0;background:url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat}#master-breadcrumb #breadcrumb .bread-crumb-separator img{visibility:hidden}#master-breadcrumb #breadcrumb .bread-crumb a{outline:medium none;text-decoration:none;color:#111}#master-breadcrumb #breadcrumb .bread-crumb-last{cursor:default;font-weight:600}@media(min-width:1820px){#master-breadcrumb #breadcrumb{height:85px}#master-breadcrumb #breadcrumb .content-small{margin:20px 9px 16px 0;font-size:16px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:25px 3px 16px 0}}@media(min-width:768px)and (max-width:1279px){#master-breadcrumb #breadcrumb{height:65px}#master-breadcrumb #breadcrumb .content-small{margin:15px 6px 15px 0;font-size:12px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:18px 0 15px 0}}@media(max-width:767px){#master-breadcrumb #breadcrumb{height:50px}#master-breadcrumb #breadcrumb .content-small{margin:13px 6px 15px 0;font-size:12px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:16px 0 15px 0}#master-breadcrumb #breadcrumb .bread-crumb-separator,#master-breadcrumb #breadcrumb .bread-crumb{display:none}#master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2){display:block}#master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3){display:block}}body{color:#111;font-family:proxima-nova,sans-serif}a{color:#09b1cf;text-decoration:none}a:hover{color:#0a8ba0;text-decoration:none;cursor:pointer}.btn-custom{color:#237ac1;border:1px solid #237ac1;outline:none!important}.btn-custom:hover{background-color:#237ac1;color:#fff}.btn-custom:focus{color:#237ac1;background-color:#fff}.btn-custom:active{color:#fff;background-color:#006db7}#menu-wrapper{font-size:14px;font-weight:normal}.bold{font-weight:600}.smaller{font-size:10px}.small{font-size:12px}.medium{font-size:16px}.regular{font-size:18px}.big{font-size:20px}.bigger{font-size:24px}p{line-height:25px}@media(max-width:1279px)and (min-width:768px){body{font-size:13px}.smaller{font-size:9px}.small{font-size:11px}.medium{font-size:14px}.regular{font-size:16px}.big{font-size:18px}.bigger{font-size:22px}h1,.h1{font-size:30px!important}h2,.h2{font-size:26px!important}h3,.h3{font-size:20px!important}h4,.h4{font-size:16px!important}h5,.h5{font-size:13px!important}h6,.h6{font-size:11px!important}p{line-height:24px}}@media(max-width:767px){body{font-size:11px}.smaller{font-size:8px}.small{font-size:10px}.medium{font-size:12px}.regular{font-size:14px}.big{font-size:16px}.bigger{font-size:20px}h1,.h1{font-size:26px!important}h2,.h2{font-size:22px!important}h3,.h3{font-size:18px!important}h4,.h4{font-size:14px!important}h5,.h5{font-size:12px!important}h6,.h6{font-size:10px!important}p{line-height:20px}}.platform-banner .row .list-item{line-height:30px;margin-bottom:20px;margin-top:30px;padding-left:15px}.platform-banner .row .list-item li a{color:#006db7}.platform-banner .row .list-item li a:hover{color:#237ac1}@media(max-width:767px){.platform-banner .container .row .list-item{padding-left:15px}}@media(max-width:1279px)and (min-width:1200px){.platform-banner .container .row .list-item{padding-left:10px}}@media(max-width:1199px)and (min-width:768px){.platform-banner .container .row .list-item{padding-left:10px}}.content-center .container{border-bottom:1px solid #ccc}.content-center h2{padding-top:50px;padding-bottom:35px}.content-center p{padding-left:80px;padding-right:70px;padding-bottom:50px;line-height:30px}.content-right{background-color:#f3f3f3}.content-right .container{padding-bottom:65px;padding-top:35px}.content-right .image-section{padding-left:0;padding-right:0;padding-top:30px}.content-right .content-section{padding-left:45px;padding-right:0}.content-right .content-section .download-btn{background-color:#237ac1;border:1px solid #237ac1;color:#fff;outline:medium none!important;margin-top:30px;padding-left:25px;padding-right:25px}.content-right .content-section .download-btn:hover{background-color:#006db7;border:1px solid #006db7}.content-right .content-section .more-btn{background-color:#fff;border:1px solid #237ac1;color:#237ac1;outline:medium none!important;margin-top:30px;margin-left:20px;padding-left:20px;padding-right:20px}.content-right .content-section .more-btn:hover{background-color:#006db7;border:1px solid #006db7;color:#fff}.content-right .content-section h2{padding-bottom:30px}.content-right .content-section h2 a{color:#111}.content-right .content-section h2 a:hover{color:#111}.content-right .content-section h2 .available{color:#09b1cf}.content-right .content-section p{line-height:30px}.content-left .container{padding-bottom:65px;padding-top:35px}.content-left .image-section{padding-left:30px;padding-right:0;padding-top:30px}.content-left .content-section{padding-left:0;padding-right:30px}.content-left .content-section .download-btn{background-color:#237ac1;border:1px solid #237ac1;color:#fff;outline:medium none!important;margin-top:30px;padding-left:25px;padding-right:25px}.content-left .content-section .download-btn:hover{background-color:#006db7;border:1px solid #006db7}.content-left .content-section .more-btn{background-color:#fff;border:1px solid #237ac1;color:#237ac1;outline:medium none!important;margin-top:30px;margin-left:20px;padding-left:20px;padding-right:20px}.content-left .content-section .more-btn:hover{background-color:#006db7;border:1px solid #006db7;color:#fff}.content-left .content-section h2{padding-bottom:30px}.content-left .content-section h2 a{color:#111}.content-left .content-section h2 a:hover{color:#111}.content-left .content-section h2 .available{color:#09b1cf}.content-left .content-section p{line-height:30px}@media(max-width:1279px)and (min-width:1024px){.content-center h2{padding-top:35px;padding-bottom:20px}.content-center p{padding-bottom:35px;line-height:25px}.content-right .container{padding-bottom:40px;padding-top:40px}.content-right .content-section h2{padding-bottom:20px}.content-right .content-section p{line-height:25px}.content-left .container{padding-bottom:40px;padding-top:40px}.content-left .content-section h2{padding-bottom:20px}.content-left .content-section p{line-height:25px}}@media(max-width:992px)and (min-width:768px){.content-center h2{padding-top:35px;padding-bottom:20px}.content-center p{padding-left:15px;padding-right:15px;padding-bottom:35px;line-height:25px}.content-right .container{padding-bottom:40px;padding-top:40px}.content-right .image-section{padding-left:15px;padding-right:15px}.content-right .content-section{padding-left:45px;padding-right:15px;padding-bottom:15px}.content-right .content-section h2{padding-bottom:20px}.content-right .content-section p{line-height:25px}.content-left .container{padding-bottom:40px;padding-top:40px}.content-left .image-section{padding-left:15px;padding-right:15px}.content-left .content-section{padding-left:15px;padding-right:15px;padding-bottom:15px}.content-left .content-section h2{padding-bottom:20px}.content-left .content-section p{line-height:25px}}@media(max-width:767px){.content-center h2{padding-top:20px;padding-bottom:10px}.content-center p{padding-left:15px;padding-right:15px;padding-bottom:20px;line-height:25px}.content-right .container{padding-bottom:20px;padding-top:20px}.content-right .image-section{padding-left:15px;padding-right:15px}.content-right .content-section{padding-left:15px;padding-right:15px;padding-bottom:30px}.content-right .content-section h2{padding-bottom:10px}.content-right .content-section p{line-height:25px}.content-left .container{padding-bottom:20px;padding-top:20px}.content-left .image-section{padding-left:15px;padding-right:15px}.content-left .content-section{padding-left:15px;padding-right:15px;padding-bottom:15px}.content-left .content-section h2{padding-bottom:10px}.content-left .content-section p{line-height:25px}}@charset "UTF-8";#aspnet-banner .left-column h1,#aspnetmvc-bannner .left-column h1{padding-right:120px}#feedbackButton{z-index:1}#aspnet-banner .left-column,#aspnetmvc-bannner .left-column{padding-top:40px}#aspnetcore-banner .left-column{padding-top:75px}#ios-bannner #unlimited-flat-license,#android-bannner #unlimited-flat-license{display:none}.platform-banner{color:#333;height:auto;background-position:left center;position:relative;height:550px;overflow:hidden}.platform-banner .container{padding-top:23px}.platform-banner .img-responsive{max-width:none!important}.platform-banner .plat-name{font-weight:700}.platform-banner .left-column{z-index:1;padding-top:60px}.platform-banner .close-video{background:transparent url("//cdn.syncfusion.com/content/images/common/awards/Close+Normal.png") no-repeat scroll 0 0;height:41px;margin-top:-14px;position:absolute;right:14px;width:41px;z-index:2147483647;cursor:pointer}.platform-banner .close-video:hover{background:transparent url("//cdn.syncfusion.com/content/images/common/awards/Close+Hover.png") no-repeat scroll 0 0}.platform-banner .btn{background-color:#111;border-color:#111;border-radius:2px;color:#fff;margin-right:30px;padding:11px 20px}.platform-banner .btn:hover{background:transparent;color:#111;outline:none}.platform-banner #banner-video{position:relative;width:100%;height:100%;display:none}.platform-banner .bannerimg-section{max-width:none;position:absolute;top:0}.platform-banner .bannerimg-left{max-width:none;position:absolute;top:0}.platform-banner .row #videoLink{border:2px solid #fff;height:46px;padding:11px 13px;width:193px;color:#fff;cursor:pointer;display:inline-block;margin-left:20px}.platform-banner .row #videoLink .playicon{width:30px;height:30px;background:transparent url(" //cdn.syncfusion.com/content/images/common/awards/Play-02.png") no-repeat scroll 0 0/36px 36px;margin-top:-9px;position:absolute}.platform-banner .row #videoLink .videoText{margin-left:40px}.platform-banner .row #videoLink:hover{color:#123248;background-color:#fff}.platform-banner .row #videoLink:hover .playicon{margin-top:-7px;background:transparent url(" //cdn.syncfusion.com/content/images/products/featuretour/Latest/Hover+Play-02.png") no-repeat scroll 0 0/32px 32px}.platform-banner .row h1{margin-bottom:15px;margin-top:0}.platform-banner .row .list-item{margin-bottom:25px;padding-right:53px}.platform-banner .row .list-item p{line-height:28px}.platform-banner .row #community-license,.platform-banner .row #unlimited-flat-license{padding-top:20px}.platform-banner .row #community-license span,.platform-banner .row #unlimited-flat-license span{padding-left:17px}.platform-banner .row #community-license a,.platform-banner .row #unlimited-flat-license a{text-decoration:none;outline:none;color:#006db7}.platform-banner .row #community-license a:hover,.platform-banner .row #unlimited-flat-license a:hover{color:#237ac1}.platform-banner .row #app-store-buttons{margin-top:40px}.platform-banner .row #app-store-buttons .link-show{margin-right:10px}.platform-banner.category-desktop{background-image:url("//cdn.syncfusion.com/content/images/products/featuretour/Latest/BG_Blue.png");background-color:#123248}.platform-banner.category-desktop .btn:hover{color:#123248}.platform-banner.category-web .btn:hover{color:purple}.platform-banner.category-mobile{background-image:url("//cdn.syncfusion.com/content/images/products/featuretour/Latest/BG-Green.jpg")}.platform-banner.category-mobile .btn:hover{color:#159390}#banner-contact-section{background-color:#05599e;color:#fff}#banner-contact-section .yellow{color:#ff0}#banner-contact-section .col-lg-4{margin-top:18px;border-right:1px solid #0777d3}#banner-contact-section .col-lg-4 p{font-size:12px;float:right}#banner-contact-section .col-lg-4 p:nth-of-type(1){margin-bottom:0}#banner-contact-section .col-lg-8{margin-top:15px;width:50%}#banner-contact-section .col-lg-8 p:nth-of-type(1){margin-bottom:0;line-height:20px}#js-banner-contact-section{background-color:#faaa43;background-image:url("//cdn.syncfusion.com/content/images/products/FT/JS-Strip-image.png");color:#333}#js-banner-contact-section .js-library{text-align:center;padding-top:15px;padding-bottom:6px}#js-banner-contact-section .js-library .learn-more-btn{color:#333;border-color:#333;padding:7px 10px;border:1.5px solid #333;margin-left:10px}#js-banner-contact-section .js-library .learn-more-btn:hover{background-color:#333;color:#faaa43}#javascript-UI-bannner .container .left-column{float:right;margin-right:-30px;margin-top:60px}#javascript-UI-bannner .container .left-column .title-msg{color:#fff;font-weight:lighter}#javascript-UI-bannner .container .left-column .title-msg span{color:#ffab40}#javascript-UI-bannner .container .left-column .github{color:#fff;font-size:12px;font-style:italic}#javascript-UI-bannner .container .left-column .download-button{padding-top:20px!important}#javascript-UI-bannner .container .left-column .download-button select{-webkit-appearance:none;-moz-appearance:none}#javascript-UI-bannner .container .left-column .download-button .background-btn-first{background-color:#ffab40;padding:8px 24px!important;border:1px solid #ffab40!important;color:#333;font-weight:bold;letter-spacing:.5px}#javascript-UI-bannner .container .left-column .download-button .background-btn-first:hover{background-color:#d18e38!important;border:1px solid #d18e38!important}#javascript-UI-bannner .container .left-column .download-button .background-btn-second{background-color:#111;border:1px solid #fff!important;padding:8px 24px}#javascript-UI-bannner .container .left-column .download-button .background-btn-second:hover{background-color:#333;color:#fff}#roadmap{background-image:url(//cdn.syncfusion.com/content/images/products/FT/EJ-FTpage/Roadmap_BG_final.jpg);color:#fff;height:525px}#roadmap .container{padding-bottom:10px}#roadmap .container .section-content{padding-top:50px;padding-bottom:20px}#roadmap .container .section-content h2{font-weight:lighter;padding-top:0;margin-top:10px;padding-bottom:0}#roadmap .container .section-content p{padding:10px 10px 0 166px;width:82%}#roadmap .container ul{list-style-type:none}#roadmap .container ul li{padding-top:15px;padding-bottom:10px}#roadmap .container ul li img{float:left;margin-right:10px;margin-top:-10px;width:75%}#roadmap .container ul li p{font-size:15px}#JS-control-section{margin-top:-70px}#js2-grid{padding-top:75px}#js2-grid .content-section{margin-top:0}#js2-chart .content-section{margin-top:0}@media(min-width:1024px)and (max-width:1201px){#javascript-UI-bannner .container .left-column{left:16%}}@media(min-width:992px)and (max-width:1024px){#javascript-UI-bannner .container .left-column{right:10%}#roadmap{height:571px!important}#roadmap .container .js2-roadmap-image{margin-top:-10px!important}}@media(min-width:767px)and (max-width:1030px){#javascript-UI-bannner{height:293px}}@media(max-width:1100px)and (min-width:1030px){#javascript-UI-bannner{height:300px}}@media(max-width:1200px)and (min-width:1100px){#javascript-UI-bannner{height:340px}}@media(min-width:1024px)and (max-width:1279px){#javascript-UI-bannner .bannerimg-left{right:0!important}#javascript-UI-bannner .bannerimg-left img{width:100%}#javascript-UI-bannner .container .left-column{margin:0 -160px 60px 0}#js2-grid{padding-top:55px}#roadmap{height:534px}#JS-control-section{margin-top:-105px}}@media(max-width:1023px){#javascript-UI-bannner .bannerimg-left{right:0!important}#javascript-UI-bannner .bannerimg-left img{width:1024px}#javascript-UI-bannner .container .left-column{margin:0 -270px 60px 0!important}#js2-grid,#js2-chart{padding-top:53px;padding-bottom:0}#js2-grid .content-section .heading-size,#js2-chart .content-section .heading-size{padding-bottom:0}#js2-grid .content-section p,#js2-chart .content-section p{margin-bottom:0}#js2-chart .content-section p{margin-bottom:10px}}@media(min-width:320px)and (max-width:767px){.platform-banner .row #app-store-buttons #apple-store{width:105px;height:36px}#js-banner-contact-section .js-library .learn-more-btn{margin-top:5px}}@media(min-width:1920px){.platform-banner .bannerimg-left,.platform-banner .bannerimg-section{width:100%}.platform-banner .bannerimg-left img,.platform-banner .bannerimg-section img{width:100%!important;height:550px}}@media(min-width:1921px){#javascript-UI-bannner{background-color:#131313}#javascript-UI-bannner .bannerimg-left{left:17%}#javascript-UI-bannner .bannerimg-left img{width:1920px!important}}@media(max-width:1480px)and (min-width:1366px){.platform-banner{height:550px}.platform-banner .bannerimg-section{left:-30%}.platform-banner .bannerimg-left{right:-30%}#javascript-UI-bannner .bannerimg-left{right:-20%}#lightswitch-bannner .bannerimg-section{left:-20%}#xamarin-bannner .bannerimg-section{left:-24%}}@media(max-width:1365px)and (min-width:1280px){.platform-banner{height:550px}.platform-banner .bannerimg-section{left:-39%}.platform-banner .bannerimg-left{right:-39%}#javascript-UI-bannner .bannerimg-left{right:-24%}#lightswitch-bannner .bannerimg-section{left:-29%}#xamarin-bannner .bannerimg-section{left:-31%}#aspnetcore-banner .left-column{padding-top:53px}}@media(min-width:1820px){.platform-banner{height:550px}.platform-banner .bannerimg-section{left:0}.platform-banner .bannerimg-left{right:0}#aspnet-banner .bannerimg-left{right:0}#windowsforms-bannner .bannerimg-left{right:0}}@media(max-width:1279px){#javascript-UI-bannner .container .left-column{float:right;margin-right:-30px;margin-top:0;padding-bottom:45px}#aspnet-banner .left-column,#aspnetmvc-bannner .left-column,#aspnetcore-banner .left-column{padding-top:10px}.platform-banner{height:auto}.platform-banner .bannerimg-section{left:-25%}.platform-banner .bannerimg-left{right:-28%}.platform-banner .row{padding:37px 0}.platform-banner .row .left-column{padding-top:10px}.platform-banner .row #videoLink{height:38px;width:185px;padding-top:9px}.platform-banner .row #videoLink .playicon{background-size:33px 33px}.platform-banner .row #videoLink .playicon:hover{background-size:31px 31px}.platform-banner .row .list-item{margin-bottom:25px;padding:0}.platform-banner .row #community-license{padding-top:40px}#banner-contact-section .col-lg-8{width:66%}}@media(max-width:1023px){#aspnet-banner .left-column h1,#aspnetmvc-bannner .left-column h1{padding-right:0}.platform-banner{}.platform-banner .container{padding-top:0}.platform-banner .container .right-column{width:345px;height:250px}.platform-banner .container .row #community-license{padding-top:25px}#banner-contact-section .col-lg-4{border-right:0 solid #0777d3;margin-top:10px}#banner-contact-section .col-lg-4 p{text-align:center;float:none}#banner-contact-section .col-lg-8{display:none}#roadmap{height:685px}#roadmap .section-content p{padding:10px 10px 10px 115px!important}}@media(max-width:767px){#aspnet-banner .left-column,#aspnetmvc-bannner .left-column,#aspnetcore-banner .left-column{padding-top:5px}#javascript-UI-bannner{height:310px!important}#javascript-UI-bannner .container .left-column{margin-top:7px;float:none}.platform-banner .btn{margin-bottom:20px;padding:6px 12px}.platform-banner .close-video{margin-top:-12px;background-size:30px 30px;right:0}.platform-banner .close-video:hover{background-size:30px 30px}.platform-banner .left-column{padding-top:5px}.platform-banner .container .row h1{margin-bottom:2px}.platform-banner .container .row .list-item{padding-right:0;padding-top:4px;margin-bottom:20px}.platform-banner .container .row .list-item p{line-height:25px}.platform-banner .container .row #videoLink{height:33px;padding:7px 10px;width:160px}.platform-banner .container .row #videoLink .playicon{background-size:28px 28px;margin-top:-7px}.platform-banner .container .row #videoLink .playicon:hover{background-size:25px 25px}.platform-banner .container .row #community-license{padding-top:11px}.platform-banner .container .row #community-license span{padding-left:5px}#roadmap{height:673px}#roadmap .container .section-content p{padding:0!important;width:100%!important}#roadmap .container ul li{padding-top:0!important}#roadmap .container ul li img{float:none!important;width:75%!important}#roadmap .container ul li p{font-size:12px!important}}@media(max-width:429px){.platform-banner .container .row #community-license span,.platform-banner .container .row #unlimited-flat-license span{padding-left:1px}#roadmap{height:773px}}#mobilejs-bannner{background-color:#0777d3;background-image:url("//cdn.syncfusion.com/content/images/products/FT/UpdatedBannerbg/mobilejs_banner.png");background-position:58% center;background-size:125% 100%;background-repeat:no-repeat}@media(min-width:1400px){#mobilejs-bannner{background-size:auto}}@media(max-width:1199px)and (min-width:1024px){#mobilejs-bannner{height:400px}#mobilejs-bannner .row{padding:0}#mobilejs-bannner .left-column h1{margin-bottom:10px}#mobilejs-bannner .left-column .list-item{margin-bottom:15px}#mobilejs-bannner .left-column #community-license,#mobilejs-bannner .left-column #unlimited-flat-license{padding-top:15px}}@media(max-width:1023px)and (min-width:768px){#mobilejs-bannner{height:400px;background-position:0%;background-size:auto}}@media(max-width:767px){#mobilejs-bannner{height:400px;background-position:-95px;background-size:auto}}#mobilejs-bannner .left-column{color:#fff}#mobilejs-bannner .left-column .regular span a{color:#f7df00}#mobilejs-bannner .left-column .regular span a:hover{color:#fff310}