@media (min-width:75rem){h1.big-title.mid-decrease{font-size:6rem}}@keyframes uKAN-mockup1{0%{opacity:1}22.727%{opacity:1}25%{opacity:0}97.772%{opacity:0}100%{opacity:1}}div.section section.home{padding-top:50px;text-align:center;color:#FFF;background-color:#01a9fb}div.section section.home div.flow-chart-container{background-image:url(../../images/solutions/project/hero.png)}div.section section.home div.flow-chart-container .center-animation{height:100%;margin:0 auto 0 39.5%;width:21%;position:relative}div.section section.home div.flow-chart-container .center-animation>div{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center center;background-size:100% auto;animation:uKAN-mockup1 8.8s infinite}div.section section.home div.flow-chart-container .center-animation>div.mockup1{background-image:url(../../images/solutions/project/ukan-mockup1.jpg)}div.section section.home div.flow-chart-container .center-animation>div.mockup2{background-image:url(../../images/solutions/project/ukan-mockup2.jpg);animation-delay:2.2s}div.section section.home div.flow-chart-container .center-animation>div.mockup3{background-image:url(../../images/solutions/project/ukan-mockup3.jpg);animation-delay:4.4s}div.section section.home div.flow-chart-container .center-animation>div.mockup4{background-image:url(../../images/solutions/project/ukan-mockup4.jpg);animation-delay:6.6s}div.section div.next-page{background-color:#102135}div.section div.next-page .next-button{background-color:#ffc400}div.section.map{overflow:auto;text-align:center;color:#FFF;background-color:#102135}div.section.map div.row.wrap{height:calc(100% - 50px);margin-top:50px}div.section.map div.row.wrap .map{height:100%}@media (max-width:63.9375em){div.section.map div.row.wrap .map{height:50%}}div.section.map div.row.wrap .intro{height:calc(100% - 50px);-ms-flex-pack:left;justify-content:left}@media (min-width:64em){div.section.map div.row.wrap .intro{padding-left:4%;background-image:url(../../images/solutions/project/screen-mockup.jpg);background-repeat:no-repeat;background-position:right 20px bottom -90px;padding-bottom:18rem}}@media (min-width:64em) and (max-width:74.9375rem){div.section.map div.row.wrap .intro{background-size:auto 20rem}}@media (max-width:63.9375em){div.section.map div.row.wrap .intro{height:50%;background-position:center bottom -35px;background-size:35%}}div.section.map div.row.wrap .intro .center-item{max-width:29rem;text-align:left}@media (max-width:63.9375em){div.section.map div.row.wrap .intro .center-item{max-width:100%;padding:2rem 2rem 5rem 2rem;text-align:center;vertical-align:center}}@media (max-width:39.9375em){div.section.map div.row.wrap .intro .center-item{padding:2rem}}div.section.map div.row.wrap .intro .center-item ul{margin-top:2rem;text-align:left;color:rgba(255,255,255,.85)}div.section.map div.row.wrap .intro .center-item ul li{padding-right:3rem}div.section.map div.row.wrap .intro .center-item ul li:first-child{margin-bottom:3rem}@media (min-width:40em){div.section.map div.row.wrap .intro .center-item ul{font-size:1.125rem}}div.section.map div.row.wrap .intro .title{color:#FFC400}div.section.map div.row.wrap .image-demo{margin:auto;text-align:center}div.section.map div.row.wrap .image-demo img{margin:1rem 10%;width:80%;height:auto}div.section.map div.next-page{background-color:#1FBBA6}div.section.map div.next-page .next-button{font-size:40px;line-height:44px;cursor:pointer;background-color:#FFC400}div.section section.viewer{text-align:center;color:#FFF;background-color:#1FBBA6}div.section section.viewer .wrap{width:100%;padding:3rem}div.section section.viewer .wrap .row{max-width:1300px}div.section section.viewer .wrap div.title-container{padding-right:5%;padding-top:2rem}div.section section.viewer .wrap div.title-container h4{line-height:90%;margin-bottom:0}@media (min-width:64em) and (max-width:74.9375rem){div.section section.viewer .wrap div.title-container h2{font-size:2rem}}@media (max-width:74.9375rem){div.section section.viewer .wrap div.title-container h2{margin-bottom:.5rem}}div.section section.viewer .wrap div.title-container p.intro{padding-top:1rem;font-size:1.125rem;font-weight:300;line-height:2rem;color:#fff}@media (min-width:64em) and (max-width:74.9375rem){div.section section.viewer .wrap div.title-container p.intro{font-size:inherit;line-height:inherit}}div.section section.viewer .wrap .scroll-flex-container{display:-ms-flexbox;display:flex;overflow-x:auto;margin:2px;padding:1em}div.section section.viewer .wrap .flex-item{width:25%;margin:0 5% 0 0;max-width:250px;min-width:200px}div.section section.viewer .wrap .card{border-radius:2px;background-color:#FFF;transition:all;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}@media (min-width:75rem){div.section section.viewer .wrap .card{height:307px;margin:8% 0}}@media (max-width:39.9375em){div.section section.viewer .wrap .card{animation-duration:.3s;animation-fill-mode:both;transition-duration:.3s}}@media (min-width:40em) and (max-width:63.9375em){div.section section.viewer .wrap .card{animation-duration:390ms;animation-fill-mode:both;transition-duration:390ms}}@media (min-width:64em){div.section section.viewer .wrap .card{animation-duration:.2s;animation-fill-mode:both;transition-duration:.2s}}div.section section.viewer .wrap .card:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);border-top:3px solid #FFC400}div.section section.viewer .wrap .card video{width:100%;height:auto;border-radius:2px 2px}div.section section.viewer .wrap .card .intro{color:#394264;padding:1rem}div.section section.viewer .wrap .card .intro p{font-size:.875rem;color:#464646;text-align:justify;margin:0}div.section section.viewer .wrap .button-row{max-width:1200px;margin:auto;text-align:right}@media (min-width:64em){div.section section.viewer .wrap .button-row{margin-top:1rem}}div.section section.viewer .wrap .button-row i{font-size:48px;margin-right:-36px;color:#0B7466;vertical-align:top}div.section section.viewer .wrap .button-row .check-all{line-height:48px;display:inline-block;text-align:right;color:#464646}div.section section.viewer div.next-page{background-color:#FFC400}div.section section.viewer div.next-page .next-button{font-size:40px;line-height:44px;cursor:pointer;background-color:#3ADB76}div.section section.ukan{height:100%;text-align:center;color:#FFF;background-color:#FFC400;overflow:hidden}div.section section.ukan h1{position:relative;z-index:2}div.section section.ukan .wrap{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:5rem 3rem 0 3rem;-ms-flex-align:center;align-items:center}@media (max-width:39.9375em){div.section section.ukan .wrap{padding:2rem 1rem}}div.section section.ukan .wrap div.title-container{margin-top:2%;margin-bottom:2%;position:relative}@media (min-width:64em){div.section section.ukan .wrap div.title-container{padding-left:12%}}div.section section.ukan .wrap div.title-container img.ukan-icon{height:160%;width:auto;position:absolute;left:0;margin-top:.5rem}@media (min-width:64em) and (max-width:74.9375rem){div.section section.ukan .wrap div.title-container img.ukan-icon{margin-left:-11%;margin-bottom:-15%}}@media (max-width:63.9375em){div.section section.ukan .wrap div.title-container img.ukan-icon{position:relative;height:15rem;margin-left:-11%;margin-bottom:-15%}}@media (max-width:39.9375em){div.section section.ukan .wrap div.title-container img.ukan-icon{height:10rem;margin-left:-18%}}div.section section.ukan .wrap div.title-container p span{border-bottom:1px dotted #FFF}div.section section.ukan .wrap div.browser-container{max-width:1200px;width:100%;-ms-flex:auto;flex:auto;background-image:url(../../images/solutions/project/FlatBrowser.svg);background-size:101% auto;border-radius:5px;background-position:top center;background-repeat:no-repeat;position:relative;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}div.section section.ukan .wrap div.browser-container .shadow{background-image:url(../../images/solutions/project/shadow.png);height:100%;width:10%;background-position:top right;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:0;left:0;transform:translateX(-100%)}div.section section.ukan .wrap div.browser-container .max-button{position:absolute;z-index:99;color:#FFF;top:0;right:0}div.section section.ukan .wrap div.browser-container .iframe{position:absolute;top:0;left:0;right:0;bottom:0;padding:6.5% 0 0 0}div.section section.ukan .wrap div.browser-container .iframe iframe{height:128%;width:100%;border-top:1px solid #efefef;min-width:1152px}div.section section.ukan .wrap .browser-image-container{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}div.section section.ukan div.next-page{background-color:#FFC400}div.section section.ukan div.next-page .next-button{font-size:40px;line-height:44px;cursor:pointer;background-color:#3ADB76}div.section section.summery{text-align:center;color:#FFF;position:relative;padding-bottom:6rem;background-image:url(../../images/solutions/project/screen-mockup2.jpg);background-repeat:no-repeat;background-position:bottom -5% right -5%;background-size:28% auto;background-color:#01a9fb}div.section section.summery .wrap.row{width:100%;padding:2rem 1rem}@media (min-width:40em){div.section section.summery .wrap.row{padding:3rem}}div.section section.summery .wrap.row>.column{padding-top:3rem}div.section section.summery .wrap.row>.column:first-child{padding:3rem 2rem 2rem 2rem}@media (min-width:75rem){div.section section.summery .wrap.row>.column:first-child{padding:2rem 5rem 7rem 2rem}}div.section section.summery .wrap.row>.column.used-tools-container{padding-bottom:2rem}@media (min-width:40em){div.section section.summery .wrap.row>.column.used-tools-container{padding-left:5%}}div.section section.summery .wrap.row>.column.used-tools-container .tool-item-container{margin-top:3rem;padding:1rem;text-align:center;color:rgba(255,255,255,.8)}@media (min-width:40em){div.section section.summery .wrap.row>.column.used-tools-container .tool-item-container{display:-ms-flexbox;display:flex;margin-left:2rem;text-align:left}}div.section section.summery .wrap.row>.column.used-tools-container .tool-item-container h4{color:#FFF}div.section section.summery .wrap.row>.column.used-tools-container .icon img{max-width:none}@media (max-width:39.9375em){div.section section.summery .wrap.row>.column.used-tools-container .icon img{width:4rem;height:auto;margin-bottom:.5rem}}@media (min-width:40em){div.section section.summery .wrap.row>.column.used-tools-container .tool{padding-left:2rem}}@media (max-width:63.9375em){div.section section.summery .wrap.row>.column.used-tools-container{-ms-flex-pack:distribute!important;justify-content:space-around!important;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}div.section section.summery .wrap.row>.column.used-tools-container h5{line-height:2rem;display:inline-block;padding:0 .25rem;border-bottom:2px solid #FFC400;margin-left:2rem}@media (max-width:63.9375em){div.section section.summery .wrap.row>.column.used-tools-container h5{-ms-flex:0 1 100%;flex:0 1 100%;margin-left:0}}@media (max-width:39.9375em){div.section section.summery .wrap.row>.column.used-tools-container .tool-item-container .icon{display:block!important;width:100%}}div.section section.summery .wrap.row .auto-height{max-height:none;display:block;max-width:none}div.section section.summery .wrap.row p.intro{font-size:1rem;font-weight:300;line-height:2rem;margin-top:1.5rem;color:#fff;line-height:1.2rem}div.section section.summery .wrap.row .flow-chart{margin-right:5%;margin-left:-5%;padding:10% 0;text-align:center;text-transform:capitalize}@media (min-width:40em){div.section section.summery .wrap.row .flow-chart{font-size:1.8rem}}@media (max-width:63.9375em){div.section section.summery .wrap.row .flow-chart{padding-top:5%;padding-bottom:0}}div.section section.summery .wrap.row .flow-chart div.icon{width:6rem;height:5rem;margin:auto;margin-bottom:1rem;background-repeat:no-repeat;background-position:center center}@media (max-width:39.9375em){div.section section.summery .wrap.row .flow-chart div.icon{width:90%;height:3rem}}div.section section.summery .wrap.row .flow-chart div.icon.archive{background-image:url(../../images/solutions/project/achieve.svg)}div.section section.summery .wrap.row .flow-chart div.icon.arrow{max-width:4rem;background-image:url(../../images/solutions/project/arrow.svg);background-size:90% auto}div.section section.summery .wrap.row .flow-chart div.icon.geo{background-image:url(../../images/solutions/project/geo.svg)}div.section section.summery .wrap.row .flow-chart div.icon.publish{background-image:url(../../images/solutions/project/uKAN.svg)}div.fp-tableCell section.start{position:absolute;height:16%;max-height:180px;width:100%;left:0;bottom:0}body header a.logo{background-image:url(../../images/ugridd-logo.png)}