section.banner-divider .container{padding-top:60px}section.ui-controls .container{padding-top:60px;padding-bottom:40px}section.download-source .container{padding-top:60px;padding-bottom:60px}.timeline-head{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:600;font-size:16px;color:#000;letter-spacing:.1px;text-align:center;margin-top:16px}.timeline-para{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;font-size:12px;color:#1a1a1a;letter-spacing:.1px;text-align:center;line-height:18px;margin-top:8px}.timeline-head-res{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:600;padding-left:16px;text-align:left;margin-top:16px;font-size:16px!important}.timeline-para-res{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;text-align:left;padding-left:16px;margin-top:8px}.no-padding{padding:0!important}.about-vid{width:60px;height:60px;line-height:110px;border-radius:50%;background-image:url("//cdn.syncfusion.com/content/images/LandingPages/xamarinuikit/play-button.svg");opacity:1;display:inline-block;background-repeat:no-repeat;background-size:cover;text-align:center;font-size:25px;color:#fff;position:absolute;left:50%;bottom:-10%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:2px solid transparent;transition:all .3s}.banner-video-thumb{width:100%}.how-it-work-res{display:none}.logo-how-it-work{margin-top:20px}.img-gallery-car{display:none}.filter-gallery-area{display:block}.ui-kit-head{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:19px;color:#1a1a1a;letter-spacing:.1px;font-size:17px!important;line-height:25px}.ui-kit-para{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;font-size:15px;color:#1a1a1a;letter-spacing:.41px;line-height:24px}.carousel-res-view{display:none}.gallery-title{font-size:36px;color:#42b32f;text-align:center;font-weight:500;margin-bottom:70px}.gallery-title:after{content:"";position:absolute;width:7.5%;left:46.5%;height:45px;border-bottom:1px solid #5e5e5e}.filter-button{font-size:16px;font-family:"Open Sans","Helvetica","Arial",sans-serif;letter-spacing:.1px;border:none;font-weight:500;border-radius:20px;padding:6px 16px;text-align:center;margin-right:8px;margin-bottom:30px}.carousel-button{font-size:16px;font-family:"Open Sans","Helvetica","Arial",sans-serif;letter-spacing:.1px;border:none;font-weight:500;border-radius:20px;padding:6px 16px;text-align:center;margin-right:8px;margin-bottom:16px}.btn-default{color:#fff;background-color:#3f3f4c;border-color:#3f3f4c}.btn-default.focus,.btn-default:focus{outline:none!important;box-shadow:none}.btn-default.active:focus{outline:none!important;box-shadow:none}.btn-default.active:focus{background-color:#0073dc;color:#fff;outline:none!important}.btn-default:active .filter-button:active{background-color:#42b32f;color:#fff;outline:none;box-shadow:none}.btn-default.active:hover{background-color:#0073dc;color:#fff}.port-image{width:100%}.gallery_product{margin-bottom:30px}.gallery_product img{cursor:pointer}.btn.active{background-color:#0073dc;color:#fff}.filter.login{display:none}.filter.article{display:none}.filter.ecommerce{display:none}.filter.chat{display:none}.filter.feedback{display:none}.filter.onboarding{display:none}.filter.aboutus{display:none}.filter.navigation{display:none}.filter.contactus{display:none}.carousel-gallery.login{display:none}.carousel-control.left{background-image:none}.carousel-control.right{background-image:none}.carousel-cell{width:55%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.carousel-cell img{display:block;max-width:100%;max-height:100%;opacity:.7;-webkit-transform:scale(.85);transform:scale(.85);-webkit-filter:blur(5px);filter:blur(5px);-webkit-transition:opacity .3s,-webkit-transform .3s,transform .3s,-webkit-filter .3s,filter .3s;transition:opacity .3s,transform .3s,filter .3s}.carousel-cell.is-selected img{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:none;filter:none}@media screen and (min-width:768px){.carousel-cell{height:400px}}@media screen and (min-width:960px){.carousel-cell{width:40%}}.flickity-prev-next-button{width:60px;height:60px;background:transparent;opacity:.6}.flickity-prev-next-button:hover{background:transparent;opacity:1}.flickity-prev-next-button .arrow{fill:white}.flickity-prev-next-button.no-svg{color:#fff}.flickity-prev-next-button.previous{left:0;display:none}.flickity-prev-next-button.next{right:0;display:none}.flickity-prev-next-button:disabled{display:none}#carousel2.loginadd{visibility:visible;height:400px!important}#carousel3.articleadd{visibility:visible;height:400px!important}#carousel4.ecommerceadd{visibility:visible;height:400px!important}#carousel5.chatadd{visibility:visible;height:400px!important}#carousel6.feedbackadd{visibility:visible;height:400px!important}#carousel7.onboardingadd{visibility:visible;height:400px!important}#carousel8.aboutusadd{visibility:visible;height:400px!important}#carousel9.navigationadd{visibility:visible;height:400px!important}#carousel10.contactusadd{visibility:visible;height:400px!important}#carousel2{visibility:hidden;height:0!important}#carousel3{visibility:hidden;height:0!important}#carousel4{visibility:hidden;height:0!important}#carousel5{visibility:hidden;height:0!important}#carousel6{visibility:hidden;height:0!important}#carousel7{visibility:hidden;height:0!important}#carousel8{visibility:hidden;height:0!important}#carousel9{visibility:hidden;height:0!important}#carousel10{visibility:hidden;height:0!important}#carousel11{visibility:hidden;height:0!important}#carousel8.aboutusadd{visibility:visible;height:400px!important}#carousel11.erroradd{visibility:visible;height:400px!important}.filter.error{display:none}.banner-bg{background-color:#f4f8ff;background-image:url("//cdn.syncfusion.com/content/images/LandingPages/xamarinuikit/banner-background-image.png");background-size:auto 100%;background-position:center top;background-repeat:no-repeat;padding:30px 0 30px 0}.xamarin-ui-logo{display:inline-block;margin:0;vertical-align:middle;padding-left:8px;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:500;font-size:24px;color:#333;letter-spacing:0}.banner-easy-text{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;color:#f54e5e;letter-spacing:.1px}h2.heading{font-size:36px!important}h2.control-header{font-size:33px!important}.banner-temp-text{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;margin-top:8px;color:#1a1a1a;letter-spacing:.1px}.download-source-uikit{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;font-size:16px;color:#1a1a1a;letter-spacing:.1px;margin-top:52px;margin-bottom:8px;text-align:left}.git-btn{background:#0073dc;border-radius:4px;border:none;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:13px;color:#fff;letter-spacing:.11px;height:38px;padding:0 12px;line-height:38px}.git-btn:hover{background:#0d98ff}.visual-studio-btn:hover{background:#0d98ff}.visual-studio-btn{background:#0073dc;border-radius:4px;border:none;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:13px;color:#fff;letter-spacing:.11px;height:38px;padding:0 12px;line-height:38px;margin-left:8px}.banner-btn-layout .dropdown-menu{margin:16px 0 0 6px!important}.git-btn-icon{vertical-align:middle;margin-right:4px;margin-bottom:2px}.visual-studio-btn-icon{vertical-align:middle;margin-right:4px;margin-bottom:2px}.glyphicon-menu-down{font-size:10px;margin-left:8px}.google-play-box{max-width:425px;vertical-align:middle;border:1px dashed #ccc;padding:11px 0;margin-top:20px;border-radius:4px;display:inline-block}.google-play-download-text{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;font-size:16px;color:#1a1a1a;letter-spacing:.1px;padding-left:20px;padding-right:8px}.google-play-btn-link{vertical-align:middle;margin-right:4px;margin-bottom:2px}.btn-default:hover{color:#fff;background-color:#5b5b68;border-color:#5b5b68}.btn-default:active{color:#fff;background-color:#5b5b68;border-color:#5b5b68}.btn-default:active:focus{color:#fff;background-color:#5b5b68;border-color:#5b5b68}.btn-default.focus,.btn-default:focus{color:#fff;background-color:#5b5b68;border-color:#5b5b68}*:focus{outline:none!important}.how-it-works-h2{margin-top:0;padding-bottom:60px;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:33px;color:#1a1a1a;letter-spacing:.1px;text-align:center}.why-should-xamarin-h2{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:33px;color:#1a1a1a;letter-spacing:.1px;text-align:center;margin-top:100px;margin-bottom:80px;padding:0 20px}.unleash-power{margin-top:0;padding-bottom:20px;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:33px;color:#fff;letter-spacing:.1px;text-align:center}.unleash-power-p{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;font-size:16px;color:#fff;letter-spacing:.1px;text-align:center;line-height:26px;max-width:890px;margin:0 auto}.how-it-work-height{height:180px;width:20%}.how-it-work-dotted{width:82%;margin:0 auto;border:.5px dashed #ccc;position:relative;top:30px}.how-it-work-res-dotted{height:559px;width:1px;margin:0 auto;border:.5px dashed #ccc;position:absolute;top:52px;left:73px}.how-it-work-height-res{height:125px;width:100%}.how-it-work-height-res-head{width:117px}.how-it-work-height-res-para{width:263px}.how-it-work-res-container{margin:0 auto;max-width:410px}.xamarin-ui-controls-header{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:33px;line-height:36px;margin-top:60px;color:#1a1a1a;letter-spacing:.1px}.xamarin-ui-controls-para{margin-top:20px;margin-bottom:8px;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:400;font-size:18px;color:#222;letter-spacing:0;line-height:26px}.explore-demo-btn{background:#0073dc;border-radius:4px;margin-top:32px;border:none;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:700;font-size:14px;color:#fff;letter-spacing:.11px;height:38px;padding:0 12px;line-height:38px}.explore-demo-btn:hover{background:#0d98ff}.download-source-1{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:600;font-size:24px;color:#fff;letter-spacing:0;line-height:33px;max-width:308px;margin:0}.download-source-2{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-weight:600;font-size:24px;color:#fff;letter-spacing:0;line-height:33px;max-width:267px;margin:0}.download-source-3{font-family:"Open Sans","Helvetica","Arial",sans-serif;color:#fff;font-weight:600;font-size:24px;letter-spacing:0;line-height:33px;max-width:347px;margin:0}.download-source-2-img{vertical-align:middle;margin-right:4px;margin-bottom:2px}.download-source-3-img{vertical-align:middle;margin-right:4px;margin-bottom:2px}.essential-ui-kit{height:202px;margin-bottom:40px}.screen-filters{background:#252532;padding-bottom:100px}.download-btns-layout{margin-top:33px}.download-btns-layout-sketch{margin-top:33px}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}draggable .flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:rgba(255,255,255,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;position:absolute;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}button.flickity-prev-next-button.next svg{display:none}button.flickity-prev-next-button.previous svg{display:none}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;display:none}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}@media(max-width:991px){.banner-bg{background-image:none}.banner-video-img{display:none}.how-it-work{display:none}.how-it-work-res{display:block}.img-gallery{display:none}.img-gallery-car{display:block}.filter-gallery-area{display:none}.carousel-res-view{display:block}.ui-control-illustration{display:none}.why-should-xamarin-h2{padding:0 20px;margin-bottom:50px;margin-top:60px}.unleash-power{padding:0 20px 20px;line-height:30px;font-size:28px}.unleash-power-p{padding:12px}.xamarin-ui-controls-header{margin-top:0}.download-source-1{max-width:100%}.download-source-2{max-width:100%;margin-top:40px}.download-source-3{max-width:100%;margin-top:40px}}@media(max-width:767px){.essential-ui-kit-img{display:none}.essential-ui-kit{height:120px;margin-bottom:20px}.xamarin-ui-controls-header{text-align:center}.xamarin-ui-controls-para{text-align:center;font-size:16px}.explore-btn-layout{text-align:center}.explore-demo-btn{margin-top:24px}.download-source-1{max-width:100%;text-align:center}.download-source-2{max-width:100%;text-align:center}.download-source-3{max-width:100%;text-align:center}.download-btns-layout{text-align:center;margin-top:20px}.download-btns-layout-sketch{text-align:center;margin-top:20px}section.download-source .container{padding-top:40px;padding-bottom:40px}h2.heading{font-size:20px!important}h2.control-header{font-size:20px!important}}@media screen and (max-width:479px)and (min-width:448px){.xamarin-ui-logo{font-size:18px}.banner-easy-text{font-size:36px}.banner-temp-text{font-size:36px}.how-it-works-h2{margin-top:20px;padding-bottom:30px}.why-should-xamarin-h2{margin-bottom:40px;margin-top:40px}section.banner-divider .container{padding-top:30px}.essential-ui-kit{height:140px;margin-bottom:16px}.essential-ui-kit-img{display:none}.carousel-button{font-size:14px;margin-right:2px}.screen-filters{padding-bottom:20px}.xamarin-ui-controls-header{margin-top:10px;font-size:28px}}@media screen and (max-width:447px)and (min-width:320px){.xamarin-ui-logo{font-size:16px}.banner-easy-text{font-size:34px}.banner-temp-text{font-size:34px}.download-source-uikit{text-align:center}.banner-btn-layout{text-align:center}.google-play-box{text-align:center;margin-top:30px}.google-play-btn-link{margin-top:16px}.how-it-works-h2{margin-top:20px;padding-bottom:30px}.logo-how-it-work{width:40px}.how-it-work-height-res-head{width:60px;margin-left:8px}.how-it-work-height-res-para{width:220px}.how-it-work-res-dotted{left:52px;height:559px}.logo-how-it-work-res{width:66px}section.banner-divider .container{padding-top:30px}.essential-ui-kit{height:165px;margin-bottom:16px}.essential-ui-kit-img{display:none}.carousel-button{font-size:14px;margin-right:1px}.screen-filters{padding-bottom:0}.xamarin-ui-controls-header{margin-top:10px;font-size:28px}}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-30px}}@media(max-width:1199px){.banner-video-thumb{margin-top:80px}}@media screen and (max-width:420px)and (min-width:320px){.xamarin-ui-logo{padding:0;margin-top:16px}}.sketch-banner-logo{width:38px;height:38px;display:inline-block;margin-left:8px}.xamarin-banner-support-icons{margin-left:20px}.xamarin-support-icons{font-family:'Open Sans','Helvetica','Arial',sans-serif;font-size:13px;color:#000;letter-spacing:1px;line-height:30px;font-weight:600;display:inline-block}.apple-store-icon{margin:0 6px 0 6px}.android-store-icon{margin:0 5px 0 0}.windows-store-icon{margin:0 5px 0 0}.google-play-box:hover{border:1px dashed #999}.how-it-work-height-res{height:145px}.grid{background:transparent}.grid:after{content:'';display:block;clear:both}.grid-sizer,.grid-item{width:25%}.grid-item{float:left}.grid-item img{display:block;max-width:100%}.filter-modal .modal-dialog{width:990px}.filter-modal .modal-dialog .modal-content{background:#252532}.filter-modal .modal-title{color:#fff}.filter-modal .modal-header{border:none}.filter-modal .modal-footer{border:none}.modal-open .modal{overflow-x:hidden;overflow-y:hidden}.triangle-grey{background-image:url("//cdn.syncfusion.com/content/images/LandingPages/xamarinuikit/template-background-popoup.jpg"),linear-gradient(-90deg,#fff,#fff,#fff,#f4f9fe,#f4f9fe,#f4f9fe);background-size:auto 100%;padding-bottom:0;background-repeat:no-repeat;background-position:top;background-color:#fff;background-size:1920px,100%;background-position:center top;background-repeat:no-repeat;padding:0 0}.triangle-grey-height{height:175px}.triangle-black{background-image:url("//cdn.syncfusion.com/content/images/LandingPages/xamarinuikit/template-popup-view.jpg"),linear-gradient(-90deg,#252532,#252532,#252532,#fff,#fff,#fff);background-size:auto 100%;padding-bottom:0;background-repeat:no-repeat;background-position:top;background-color:#fff;background-size:1920px,100%;background-position:center top;background-repeat:no-repeat;padding:0 0}.triangle-black-height{height:175px}.mfp-counter{display:none}.mfp-arrow-left{left:30%;background-image:url("//cdn.syncfusion.com/content/images/LandingPages/xamarinuikit/left-arrow-button.png")!important;width:48px;height:48px;background-size:cover!important}.mfp-arrow-right{right:30%;background-image:url("//cdn.syncfusion.com/content/images/LandingPages/xamarinuikit/right-arrow-button.png")!important;width:48px;height:48px;background-size:cover!important}.mfp-arrow:before{opacity:.7}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;border:medium inset transparent}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:0 0 40px;margin:0 auto}.mfp-figure figure{margin:0;width:400px;margin-top:64px;padding:0 40px 40px 40px;background:#252532;border-radius:0 0 8px 8px;max-height:640px!important;overflow-x:hidden}.mfp-figure figure::-webkit-scrollbar-track{background:#ff000000;border-radius:10px}.mfp-figure figure::-webkit-scrollbar{width:10px;height:10px}.mfp-figure figure::-webkit-scrollbar-thumb{border-radius:10px;background-color:#3d3d44;border:3px solid #232330}.mfp-figure figure::-webkit-scrollbar-thumb:hover{background-color:#585863}.mfp-figure figure::-webkit-scrollbar-thumb:active{background-color:#585863}.mfp-bottom-bar{margin-top:8px;position:absolute;border-radius:8px 8px 0 0;bottom:100%;top:0%;height:56px;background:#252532;padding:20px;width:100%;cursor:auto}.mfp-title{font-size:18px;text-align:center;padding-right:0}.mfp-figure figure img{margin:0;max-height:1200px!important;overflow:scroll;width:100%;box-shadow:0 0 25px 0 rgba(0,0,0,.26);background:#252532;padding-bottom:0}@media screen and (max-width:447px)and (min-width:320px){.kit-res{margin-top:40px}}.filter-height{height:8200px}@media screen and (max-width:1199px)and (min-width:992px){.filter-height{height:6200px}}@media screen and (max-width:1279px){.why-should-xamarin-h2{margin-bottom:60px}.download-source-1,.download-source-2,.download-source-3{font-size:24px!important}}@media screen and (max-width:1279px)and (min-width:768px){h2.heading{font-size:30px!important}h2.control-header{font-size:30px!important}}@media screen and (max-width:1023px){.banner-bg{padding:0}.how-it-works-h2{padding-bottom:20px}.why-should-xamarin-h2{margin-bottom:40px;margin-top:0;line-height:30px}h1,.h1{font-size:24px!important}.download-btns-layout{margin-top:20px}.download-btns-layout-sketch{margin-top:20px}section.ui-controls .container{padding-top:40px;padding-bottom:40px}section.download-source .container{padding-top:40px;padding-bottom:40px}h2.heading{font-size:24px!important}h2.control-header{font-size:24px!important}}@media screen and (max-width:767px){.how-it-works-h2{padding:0}.why-should-xamarin-h2{margin-top:0}.download-source-1,.download-source-2,.download-source-3{font-size:20px!important}h1,.h1{font-size:20px!important}h2.heading{font-size:20px!important}h2.control-header{font-size:20px!important}}.sketch-btn-banner{background:transparent;font-family:"Open Sans","Helvetica","Arial",sans-serif;border:1px solid #0073dc;color:#0073dc;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.11px;height:38px;padding:0 12px;line-height:36px;margin-left:8px}.sketch-btn-banner:hover{background:#0d98ff;border:1px solid #0d98ff}@media screen and (max-width:435px)and (min-width:320px){.sketch-btn-banner{margin-top:16px}}.back-to-top{position:fixed;width:3.71428571em;height:3.71428571em;background:#fff;border-radius:50%;text-align:center;right:1.85714286em;bottom:8.714286em;padding-top:12px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 0 25px 0 rgba(0,0,0,.04);z-index:99;border:1px solid #ececec;transition:.2s ease-out;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.3s ease;background-color:rgba(0,0,0,.25);cursor:pointer}.image-overlay-bg:hover .overlay{opacity:1}