body{font-family:"proxima-nova",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;color:#617283;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.clearfix{float:none;clear:both}.hidden{display:none;visibility:hidden}.title{font-family:"fira-sans","proxima-nova",Helvetica,Arial,sans-serif;color:#1E2E42}.Homepage--containerOffset{padding-right:40px;padding-left:40px}.Homepage--container{max-width:1200px;margin:0 auto}.Homepage--mobile-cta{display:none;width:100%;font-size:16.6px;color:#FFFFFF;background:#FFC442;text-align:center;border:1px solid rgba(0,0,0,0.15);border-width:1px 0;text-decoration:none;padding:21px 0 16px}.Homepage--mobile-cta:active,.Homepage--mobile-cta:hover,.Homepage--mobile-cta:visited{color:#FFFFFF;text-decoration:none}.Homepage--mobile-cta :active,.Homepage--mobile-cta :hover{background:#FEBE30}a.cta{text-decoration:none;text-align:center;text-decoration:none;display:inline-block;background-color:#F2778A;color:#FFFFFF;font-size:20px;font-weight:600;padding:12px 40px 10px;width:auto;border-radius:4px;letter-spacing:0.13px}a.cta.secondary{background-color:#FFFFFF;color:#727272}h3.title{font-size:32px}.center{text-align:center}body{padding-top:0 !important}body .Modal.Modal--withVideo{width:853px;height:480px;border-radius:6px;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,0.4);background:#000}main.Homepage-Hero{height:710px;background-color:#000;position:relative;background:#000 url("/National_Library/20160930123623oe_/https://www.koding.com/assets/img/landing/home/hero-main.png") no-repeat 50% 0;background-size:cover;overflow:hidden}.Homepage-Hero--container{padding-top:215px;position:relative;height:100%;box-sizing:border-box}.Homepage-Hero--intro{max-width:850px;margin:0 auto;text-align:center}.Homepage-Hero--intro h1{font-family:"fira-sans","proxima-nova",Helvetica,Arial,sans-serif;font-size:36px;color:#FFFFFF;font-weight:600;letter-spacing:0}.Homepage-Hero--intro h2{font-size:22.11px;color:rgba(255,255,255,0.8);margin-top:26px;line-height:1.4em;letter-spacing:-.1px;font-weight:400}.Homepage-Hero--intro a.cta.signup{margin-top:40px}.Homepage-Hero--intro a.cta.signup:hover{background-color:#E57082}.Homepage-Hero--intro .actions{margin-top:40px;position:relative}.Homepage-Hero--intro .actions span.separator{display:inline-block;width:1px;height:50px;background-color:rgba(255,255,255,0.2);vertical-align:top}.Homepage-Hero--intro .actions a{transition:transform .1s ease}.Homepage-Hero--intro .actions a:hover{transform:scale(1.05)}.Homepage-Hero--intro .actions a.cta{background-color:transparent;padding-left:0;padding-right:0;font-weight:400}.Homepage-Hero--intro .actions a.vision{margin:0 30px}.Homepage-Hero--intro .actions a.vision svg{margin-right:10px;margin-top:1px;width:24px;height:24px;vertical-align:top;fill:white}.Homepage-Hero--intro .actions a strong{font-weight:600}.Homepage-Hero--intro,.Homepage-Hero--video,.Homepage-Hero--banner{opacity:1;transition:opacity .5s ease;z-index:1}.Homepage-Hero--intro.out,.Homepage-Hero--video.out,.Homepage-Hero--banner.out{opacity:0;z-index:0}.Homepage-Hero--video{opacity:1;width:100%;height:100%;background-color:#000;position:absolute;box-sizing:border-box;transition:opacity 1s ease}.Homepage-Hero--video>div{width:100%;height:710px;max-width:1262px;position:relative;margin:0 auto}.Homepage-Hero--video iframe{width:100%;height:100%;display:block}.Homepage-Hero--video .close{position:absolute;right:16px;top:16px;z-index:100;width:32px;height:32px}.Homepage-Hero--video .close svg{margin:8px;fill:white;width:16px;height:16px}.Homepage-Hero--banner{position:absolute;bottom:0;color:#ffffff;min-height:80px;width:100%;text-align:center;padding:30px;background-color:rgba(0,0,0,0.6);box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.15);transition:transform .5s ease, opacity .5s ease}.Homepage-Hero--banner.out{transform:translateY(100%);opacity:0}.Homepage-Hero--banner .alert{color:#f2778a;font-weight:700}.Homepage-Hero--banner .bold{font-weight:700}.Homepage-Hero--banner a{font-weight:700;color:#ffffff;text-decoration:none}@media (max-width: 880px){.Homepage-Hero--container{padding-top:145px}.Homepage-Hero--intro h1{font-size:32px;line-height:45px}}@media (max-width: 660px){main.Homepage-Hero{height:780px}.Homepage-Hero--video>div{height:780px}.Homepage-Hero--intro h1{font-size:24px;line-height:34px}.Homepage-Hero--intro h2{font-size:18px;margin-top:16px;line-height:26px}.Homepage-Hero--intro .actions{margin-top:60px}.Homepage-Hero--intro .actions a{margin:0 0 10px;display:block;width:auto}.Homepage-Hero--intro .actions a.learn-more{display:none}.Homepage-Hero--intro .actions span.separator{display:none}.Homepage-Hero--container{padding-top:115px}}.Homepage-ContentWithVideo{padding-top:95px;padding-bottom:95px;background-color:#F2F2F2}.Homepage-ContentWithVideo .Homepage--container{display:flex;justify-content:space-between;align-items:center}.Homepage-ContentWithVideo h4{font-size:18px;color:#AAB2B9;letter-spacing:1.5px;margin-bottom:22px}.Homepage-ContentWithVideo--visual{flex:0 0 auto;width:40%;height:auto;position:relative;cursor:pointer;transition:transform .1s ease, box-shadow .1s ease;border-radius:6px;overflow:hidden}.Homepage-ContentWithVideo--visual:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.Homepage-ContentWithVideo--visual:hover h4{color:white}.Homepage-ContentWithVideo--visual:hover svg{fill:#FFFFFF}.Homepage-ContentWithVideo--visual img{z-index:0;width:100%;height:100%;vertical-align:top}.Homepage-ContentWithVideo--visual h4{transition:color .1s ease;z-index:1;font-weight:500;font-size:16px;line-height:23px;color:#AAB2B9;position:absolute;bottom:33.3%;left:0;width:100%;text-align:center;margin:0}.Homepage-ContentWithVideo--visual svg{transition:fill .1s ease;position:absolute;top:-35px;left:50%;transform:translateX(-50%) translateY(-50%);-moz-transform:translate(-50%, -50%);width:48px;height:48px;fill:#AAB2B9}.Homepage-ContentWithVideo--content{flex:1 1 auto;box-sizing:border-box;padding-right:110px}.Homepage-ContentWithVideo--content>h3{font-size:32px;color:#1E2E42;line-height:46px;margin-bottom:30px}.Homepage-ContentWithVideo--content>p{font-size:18px;color:#617283;line-height:28px;margin-bottom:30px}.Homepage-ContentWithVideo--content>span{display:block;font-weight:500;font-size:14px;color:#AAB2B9;line-height:20px}.Homepage-ContentWithVideo--content strong{font-weight:600}@media (max-width: 1200px){.Homepage-ContentWithVideo--content{padding-right:50px}.Homepage-ContentWithVideo--content>h4{font-size:16px;margin-bottom:16px}.Homepage-ContentWithVideo--content>h3{font-size:28px;margin-bottom:15px}.Homepage-ContentWithVideo--content>p{font-size:16px}}@media (max-width: 880px){.Homepage-ContentWithVideo .Homepage--container{display:block}.Homepage-ContentWithVideo--content{width:100%;margin-bottom:50px;text-align:center;padding-right:0}.Homepage-ContentWithVideo--content>h3{font-size:28px;margin-bottom:15px}.Homepage-ContentWithVideo--visual{width:100%;height:320px;margin:0 auto}}@media (max-width: 660px){.Homepage-ContentWithVideo--visual{height:220px}}.Homepage-Columns{padding-top:28px;padding-top:74px}.Homepage-Columns .Homepage--container{display:flex;justify-content:space-between;flex-wrap:wrap}svg .opacity{opacity:0.2;isolation:isolate}svg .emphasis{fill:#f2778a}svg .froly{fill:#F2778A}.Homepage-Column{flex:0 1 auto;width:30%;box-sizing:border-box;padding-left:48px;position:relative;margin-bottom:94px}.Homepage-Column svg{position:absolute;left:0;top:0;max-width:40px;fill:#aab2b9}.Homepage-Column h4{font-weight:500;font-size:20px;color:#1E2E42;letter-spacing:0;margin-bottom:13px}.Homepage-Column p{line-height:26px}.Homepage-Column a{color:#84b3f1;text-decoration:none;font-size:15px;padding-top:10px;display:inline-block}@media (max-width: 880px){.Homepage-Column{width:47%;margin-bottom:75px}}@media (max-width: 600px){.Homepage-Column{width:100%;margin-bottom:42px}}.Homepage-halves{display:flex;flex-wrap:wrap}.Homepage-half--container{flex:0 0 auto;width:50%}.Homepage-half--container:first-child{background:#394457}.Homepage-half--container:first-child .Homepage-half{float:right;color:#FFFFFF;padding-right:110px}.Homepage-half--container:first-child .Homepage-half h4{color:#FFFFFF}.Homepage-half--container:last-child{background:#F2F2F2}.Homepage-half--container:last-child .Homepage-half{padding-left:110px}.Homepage-half{padding:100px 0 107px;max-width:600px;font-size:20px;line-height:28px;text-align:center;box-sizing:border-box}.Homepage-half svg{fill:#aab2b9}.Homepage-half.analytics svg{margin-bottom:51px;width:65px;height:60px}.Homepage-half.freedom svg{margin-bottom:34px;width:65px;height:75px}.Homepage-half h4{font-size:32px;margin-bottom:30px;position:relative}.Homepage-half p{margin-bottom:51px}@media (max-width: 1200px){.Homepage-half--container:first-child .Homepage-half,.Homepage-half--container:last-child .Homepage-half{padding-right:50px;padding-left:50px}}@media (max-width: 880px){.Homepage-half--container{width:100%}.Homepage-half--container:first-child .Homepage-half{float:none;padding-right:50px;padding-left:73px;margin:0 auto}.Homepage-half--container:last-child .Homepage-half{padding-left:50px;padding-right:73px;float:none;margin:0 auto}}.Homepage-video-columns{padding-top:90px;padding-bottom:150px}.Homepage-video-columns .Homepage--container{display:flex;justify-content:space-between;flex-wrap:wrap}.Homepage-video-column{flex:0 1 auto;width:30%;max-width:380px;margin:90px 0 0}.Homepage-video-column h5{font-size:18px;color:#AAB2B9}.Homepage-video-column h4{font-size:20px;margin:17px 0 27px}.Homepage-video-column p{line-height:26px}.Homepage-video-column>div{flex:1 1 auto}.Homepage-video-column>figure{flex:0 0 auto;display:block;width:100%;position:relative;background-position:50% 17px;background-repeat:no-repeat;background-size:cover;height:180px;margin-bottom:40px;cursor:pointer;transition:transform .1s ease, box-shadow .1s ease;border-radius:5px;overflow:hidden}.Homepage-video-column>figure:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.Homepage-video-column>figure:hover svg{fill:#FFFFFF}.Homepage-video-column>figure:before{content:'';display:block;background:#ECECEC;border:1px solid #DEDEDE;border-bottom:none;border-radius:5px 5px 0 0;height:17px;box-sizing:border-box;width:100%}.Homepage-video-column>figure:after{content:'\25CF\25CF\25CF';position:absolute;color:#CECECE;top:-2px;left:6px;font-size:14px;letter-spacing:2px;line-height:22px}.Homepage-video-column>figure.vision{background-image:url("/National_Library/20160930123623oe_/https://www.koding.com/assets/img/landing/home/thumb-vision.png")}.Homepage-video-column>figure.ibm{background-image:url("/National_Library/20160930123623oe_/https://www.koding.com/assets/img/landing/home/thumb-ibm.png")}.Homepage-video-column>figure.gitlab{background-image:url("/National_Library/20160930123623oe_/https://www.koding.com/assets/img/landing/home/thumb-gitlab.png")}.Homepage-video-column>figure svg{display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:48px;height:48px;margin-top:18px;fill:#DEDEDE}@media (max-width: 880px){.Homepage-video-columns{padding-top:92px;padding-bottom:112px}.Homepage-video-column{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:60px}.Homepage-video-column>figure{width:325px;margin-right:45px;margin-bottom:0}}@media (max-width: 680px){.Homepage-video-columns{padding-top:52px;padding-bottom:58px}.Homepage-video-column{flex-wrap:wrap;margin-top:50px}.Homepage-video-column>div{width:100%}.Homepage-video-column>div h4{margin:7px 0 8px}.Homepage-video-column>figure{width:100%;margin-right:0;margin-bottom:14px}}.Homepage-trust{background-color:#F8F9FB;padding-top:88px;padding-bottom:124px}.Homepage-trust>h3{margin:0 auto 77px;max-width:577px}.Homepage-trust hr{height:1px;border:0px;background:#EAEAEA;margin:73px 0 100px}.Homepage-trust h4{font-weight:600;font-size:18px;color:#AAB2B9;letter-spacing:1px;text-align:center}@media (max-width: 880px){.Homepage-trust{padding-bottom:74px}.Homepage-trust>h3.title{font-size:28px}.Homepage-trust hr{margin:4px 0 54px}}.Homepage-LogoBar{padding:27px 0}.Homepage-LogoBar .Homepage--container{max-width:1200px}.Homepage-LogoBar h3{margin-top:-4px;margin-bottom:58px;font-size:14px;color:#B3B3B3;letter-spacing:0px;text-align:center;padding:0 28px;line-height:22px}.Homepage-LogoBar .Homepage-LogoBar--content{flex:1;max-width:500px;margin-right:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Homepage-LogoBar.features{display:flex;justify-content:space-between;align-items:center;padding:100px 15px;flex-direction:row}.Homepage-LogoBar.features h3{color:#DB881F;font-family:"fira-sans", "proxima-nova", Helvetica, Arial, sans-serif;font-size:32px;font-weight:400;padding:0;line-height:1.4;text-align:left;margin-bottom:40px}.Homepage-LogoBar.features .Homepage-LogoBar--logos{flex:1}.Homepage-LogoBar.features .Homepage-LogoBar--logos img{margin:0 25px 50px}.Homepage-LogoBar p{color:#1E2E42;opacity:0.8;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-size:20px;line-height:1.4}.Homepage-LogoBar--logos{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.Homepage-LogoBar--logos img{flex:0 0 auto;margin:0 30px 30px}.Homepage-LogoBar-Gray{background-color:#FBF9FC;padding:90px 0}.Homepage-LogoBar-Gray h3{font-family:"fira-sans", "proxima-nova", Helvetica, Arial, sans-serif;font-size:28px;padding:0;margin-top:30px;margin-bottom:40px;color:#9B75B0}@media (max-width: 1200px){.Homepage-LogoBar--logos img{margin:0 0 30px;width:30%}.Homepage-LogoBar.features{flex-direction:column}.Homepage-LogoBar.features .Homepage-LogoBar--content{max-width:none;margin:0 0 50px}.Homepage-LogoBar.features .Homepage-LogoBar--content h3,.Homepage-LogoBar.features .Homepage-LogoBar--content p{text-align:center}.Homepage-LogoBar.features .Homepage-LogoBar--logos img{margin:0 0 30px}}@media (max-width: 660px){.Homepage-LogoBar--logos img{width:100%}}.Homepage-References{padding:27px 0;text-align:center}.Homepage-References .heads{margin:38px auto 42px;display:flex;justify-content:space-between;width:410px}.Homepage-References .heads figure{flex:0 0 auto;width:80px;height:80px;opacity:.5;transition:transform .2s ease, opacity .2s ease;background-image:url("/National_Library/20160930123623oe_/https://www.koding.com/assets/img/landing/references/default_user.svg");background-size:cover;cursor:pointer;border-radius:50% 50%}.Homepage-References .heads figure.active,.Homepage-References .heads figure:hover{opacity:1;transform:scale(1.25)}.Homepage-References h5{font-weight:600;font-size:22px;color:#3B495B;margin-top:31px}.Homepage-References blockquote{margin:52px auto 0;font-style:italic;font-size:22px;color:#3B495A;line-height:32px;max-width:750px}.Homepage-References .quote{display:none}.Homepage-References .quote.active{display:block}@media (max-width: 880px){.Homepage-References .heads{margin:25px auto 25px;max-width:100%}.Homepage-References h5{margin-top:26px;font-size:18px}.Homepage-References blockquote{font-size:18px;margin:37px auto 0}}@media (max-width: 550px){.Homepage-References .heads figure{width:60px;height:60px}}.Homepage-use-cases{background-image:linear-gradient(45deg, #2A3445 0%, #62476B 100%);padding-top:114px;padding-bottom:80px;text-align:center}.Homepage-use-cases>h4{font-weight:600;font-size:18px;color:#AAB2B9;letter-spacing:1.5px}.Homepage-use-cases>h4 span{color:#f6f6f6}.Homepage-use-cases>h3{font-size:32px;color:#FFFFFF;margin:16px 0 33px}.Homepage-use-cases h6{font-size:22px;color:rgba(255,255,255,0.6);line-height:28px;max-width:800px;margin:0 auto}.Homepage-use-cases .actions{margin:59px 0 0}.Homepage-use-cases .actions a.secondary{margin-left:20px}.Homepage-use-cases .cases-title{padding:53px 0;font-size:19px;color:#ffffff;position:relative}.Homepage-use-cases .cases-title:before,.Homepage-use-cases .cases-title:after{content:"";width:36%;height:5px;border-top:1px solid rgba(255,255,255,0.1);position:absolute;top:51%}.Homepage-use-cases .cases-title:before{left:0}.Homepage-use-cases .cases-title:after{right:0}.Homepage-use-cases .cases{display:flex;justify-content:space-between}.Homepage-use-cases .cases>div{flex:0 1 auto;width:23%}.Homepage-use-cases .cases h3{font-weight:600;font-size:20px;color:#FFFFFF;margin-bottom:15px}.Homepage-use-cases .cases p{color:#AAB2B9;line-height:26px}.Homepage-use-cases .cases p a,.Homepage-use-cases .cases p a:visited{color:white;text-decoration:none}@media (min-width: 1030px){.Homepage-use-cases .cases-title:before,.Homepage-use-cases .cases-title:after{width:39%}}@media (max-width: 880px){.Homepage-use-cases{padding-top:94px;padding-bottom:21px}.Homepage-use-cases .actions a{display:block;margin-bottom:10px;max-width:325px;margin:0 auto 10px !important}.Homepage-use-cases hr{display:none}.Homepage-use-cases .cases-title:before,.Homepage-use-cases .cases-title:after{width:30%}.Homepage-use-cases .cases{flex-wrap:wrap}.Homepage-use-cases .cases>div{width:45%;padding-bottom:33px;margin-bottom:33px}.Homepage-use-cases .cases>div:nth-child(1),.Homepage-use-cases .cases>div:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.1)}}@media (max-width: 660px){.Homepage-use-cases .cases-title:before,.Homepage-use-cases .cases-title:after{width:27%}.Homepage-use-cases .cases{justify-content:center}.Homepage-use-cases .cases>div{width:100%}.Homepage-use-cases .cases>div:nth-child(3){border-bottom:1px solid rgba(255,255,255,0.1)}}@media (max-width: 550px){.Homepage-use-cases .cases-title:before,.Homepage-use-cases .cases-title:after{width:22%}}@media (max-width: 450px){.Homepage-use-cases .cases-title:before,.Homepage-use-cases .cases-title:after{width:14%}}.Homepage-outro{background-color:#FFFFFF;padding-top:83px;padding-bottom:85px;text-align:center}.Homepage-outro>h3{margin:22px auto 40px}.Homepage-outro h4{font-weight:600;font-size:18px;color:#AAB2B9;letter-spacing:1px}@media (max-width: 880px){.Homepage-outro{padding-top:52px;padding-bottom:54px}.Homepage-outro>h3{font-size:24px}.Homepage-outro h4{font-size:16px}.Homepage-outro a.cta{max-width:325px;display:block;margin:0 auto}}.Homepage-referral{background-color:#EFF6FF;padding:28px 0;text-align:center;font-size:22px;color:#515151}.Homepage-referral svg{width:69px;height:62px;display:inline-block;vertical-align:-24px}.Homepage-referral span{color:#F2778A;font-weight:600}.Homepage-referral p{display:inline-block;margin-left:26px;text-align:left}.Homepage-referral a{color:#67A2EE;text-decoration:none}.Homepage-referral br{display:none}@media (max-width: 880px){.Homepage-referral p{width:400px}.Homepage-referral svg{vertical-align:-7px}}@media (max-width: 660px){.Homepage-referral{padding:41px 0}.Homepage-referral p{margin:0;width:284px;text-align:center}.Homepage-referral svg{display:block;margin:0 auto 36px}.Homepage-referral br{display:block}}