ul{padding-left:21px;list-style-type:lower-greek}.docs-inner p{font-family:sans-serif;color:#232323}.fade-in{-webkit-animation:fadein 5s;-moz-animation:fadein 5s;-ms-animation:fadein 5s;-o-animation:fadein 5s;animation:fadein 5s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}.scroll-down{position:fixed;left:50%;font-size:44px;cursor:pointer;color:#000;z-index:9999;bottom:0}.scroll-down a.scrollto{border-left:30px solid rgba(255,255,255,0);border-top:30px solid #FFF;width:0;border-right:30px solid rgba(255,255,255,0);border-radius:6px;position:relative;left:-30px}.arrow-down{width:0;height:0;border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);border-top:20px solid #000;position:absolute;top:-26px;left:-20px;border-radius:7px}.scroll-down a:hover{color:#5ccf72}.kanne-img{background-image:url("../images/kanne_red_600_w.svg");width:547px;display:block;height:536px;position:absolute;z-index:9999;background-size:100%;left:-282px;top:149px;background-repeat:no-repeat}.spacer{margin-top:100px;margin-bottom:100px}.manufacturing-img{width:300px;margin:0 40px;max-width:50%}.manufacturing-img.right{float:right;margin-right:0}.manufacturing-img.left{float:left;margin-left:0}.invert span.logo-title{color:#000}header#header:hover{background-color:#454541}header#header.invert a{color:black !important}header#header.invert:hover{background-color:#fff}.kannen{width:100%;overflow:hidden;margin-bottom:10px}.kannen section{float:left;width:20%;overflow:hidden;height:650px;-moz-transition:width .2s ease-out;-webkit-transition:width .2s ease-out;-o-transition:width .2s ease-out;transition:width .2s ease-out;-moz-transition-delay:.15s;-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}.kannen div{padding:10px}.kannen:hover section{width:10%}.kannen section:hover{width:60%}section.features{overflow-x:hidden !important}.kannen section.features{padding-top:212px}#description{padding:90px 0 200px 0}#description .container{width:600px}.features .container.center{width:800px}.description{float:left}img.lamp{float:left;margin-right:80px}section.features{overflow-x:auto}section#features2{background-color:#ffc200}section#features3{background-color:#e4513e}section#features4{background-color:#a650c9}section#features5{background-color:#665949}#photos{line-height:0;-webkit-column-count:4;-webkit-column-gap:0;-moz-column-count:4;-moz-column-gap:0;column-count:4;column-gap:0}#photos img{width:100% !important;height:auto !important;cursor:-webkit-zoom-in}#imagelightbox{position:fixed;z-index:9999;-ms-touch-action:none;touch-action:none;cursor:pointer}#imagelightbox-overlay{background-color:rgba(44,44,44,0.96);width:100%;height:100%;position:fixed;top:0;left:0;z-index:998;cursor:-webkit-zoom-out}#imagelightbox-loading{width:40px;height:40px;background-color:#666;border-radius:100%;animation-name:scaleout;animation-duration:1s;animation-timing-function:ease-in-out;animation-delay:0;animation-iteration-count:infinite;animation-direction:initial;animation-fill-mode:initial;animation-play-state:initial;-webkit-animation-name:scaleout;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:initial;-webkit-animation-fill-mode:initial;-webkit-animation-play-state:initial;position:fixed;top:50%;left:50%;z-index:999}@-webkit-keyframes scaleout{from{opacity:1;transform:scale(0.0);-webkit-transform:scale(0.0)}to{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0}}@keyframes scaleout{from{opacity:1;transform:scale(0.0);-webkit-transform:scale(0.0)}to{transform:scale(1.5);-webkit-transform:scale(1.0);opacity:0}}section#promo{position:relative;background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,254,240,1)),color-stop(84%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)))}canvas#myCanvas{width:100%;height:100%;position:absolute;z-index:0;top:0}body{font-family:'Lato',arial,sans-serif;color:#252525;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:700;color:#030303}a{color:#bbb;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}a:hover{text-decoration:underline;color:#cacaca;font-weight:bold}.btn,a.btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;font-family:'Montserrat',arial,sans-serif;padding:8px 16px;font-weight:bold}.btn .fa,a.btn .fa{margin-right:5px}.btn:focus,a.btn:focus{color:#fff}a.btn-cta-primary,.btn-cta-primary{background:#1e6162;border:1px solid #1e6162;color:#fff;font-weight:600;text-transform:uppercase}a.btn-cta-primary:hover,.btn-cta-primary:hover{background:#184e4e;border:1px solid #184e4e;color:#fff}a.btn-cta-secondary,.btn-cta-secondary{background:#ffbe57;border:1px solid #ffbe57;color:#fff;font-weight:600;text-transform:uppercase}a.btn-cta-secondary:hover,.btn-cta-secondary:hover{background:#ffb43e;border:1px solid #ffb43e;color:#fff}.text-highlight{color:#1e6162}.offset-header{padding-top:90px}pre code{font-size:16px}.header{position:fixed;width:100%;display:none}.header.navbar-fixed-top{z-index:99;-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);display:initial}.header.navbar-fixed-top .logo a{color:#fff}.header.navbar-fixed-top .main-nav .nav .nav-item a{color:#FFF}.header .logo{margin:0;font-size:26px;padding-top:10px}.header .logo a{color:#fff}.header .logo a:hover{text-decoration:none}.invert.header .main-nav button .icon-bar{background-color:#000 !important}.header .main-nav button{background:#fff;color:#6e6d6d !important;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.header .main-nav button:focus{outline:0}.header .main-nav button .icon-bar{background-color:#020202}.header .main-nav .navbar-collapse{padding:0}.header .main-nav .nav .nav-item{font-weight:normal;margin-right:30px;font-family:'Montserrat',sans-serif}.header .main-nav .nav .nav-item.active a{color:#fff;background:0;font-weight:bold}.header .main-nav .nav .nav-item a{color:#b6b6b6;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;font-size:14px;padding:15px 10px}.header .main-nav .nav .nav-item a:hover{color:#fff;background:0;font-weight:bold}.header .main-nav .nav .nav-item a:focus{outline:0;background:0}.header .main-nav .nav .nav-item a:active{outline:0;background:0}.header .main-nav .nav .nav-item.active{color:#50c8c9}.header .main-nav .nav .nav-item.last{margin-right:0}.promo{background:#FFF;color:#0f7bd5;padding-top:150px;padding-bottom:600px}.promo .title{font-size:98px;color:#1e6162;margin-top:0;z-index:980;position:relative}.promo .title .highlight{color:#000;cursor:default}.promo .intro{font-size:28px;max-width:680px;margin:0 auto;margin-bottom:30px}.promo .btns .btn{margin-right:15px;font-size:18px;padding:8px 30px}.promo .meta{margin-top:120px;margin-bottom:30px;color:#2a8889}.promo .meta li{margin-right:15px}.promo .meta a{color:#2a8889}.promo .meta a:hover{color:#1e6162}.promo .social-media{background:#309b9c;padding:10px 0;margin:0 auto}.promo .social-media li{margin-top:15px}.promo .social-media li.facebook-like{margin-top:0;position:relative;top:-5px}.images{padding:50px 0;background:#454541}.images .title{color:#1e6162;margin-top:0;margin-bottom:60px}.images .intro{max-width:800px;margin:0 auto;margin-bottom:60px}.images .item{position:relative;margin-bottom:30px}.images .item .icon-holder{position:absolute;left:30px;top:0}.images .item .icon-holder .fa{font-size:24px;color:#1e6162}.images .item .content{padding-left:60px}.images .item .content .sub-title{margin-top:0;color:#1e6162;font-size:18px}.features{padding:70px 0;background:#3d3d3d;color:#fff}.features .title{color:#fff;margin-top:0;margin-bottom:30px}.features a{color:#000}.features a:hover{color:#9b0ccb}.features .feature-list li{margin-bottom:10px;color:#fff}.features .feature-list li .fa{margin-right:5px;color:#fff}.prod{padding:80px 0;background:#fff}.prod .title{color:#000;margin-top:0;margin-bottom:30px}.prod .docs-inner{max-width:700px;background:#fff;padding:30px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto}.prod .block{margin-bottom:40px;height:300px}.prod .code-block{margin:30px inherit}.prod .code-block pre[class*="language-"]{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.license{padding:80px 0;background:#f5f5f5}.license .title{margin-top:0;margin-bottom:60px;color:#1e6162}.license .license-inner{max-width:800px;background:#fff;padding:30px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto}.license .info{max-width:760px;margin:0 auto}.license .cta-container{max-width:540px;margin:0 auto;margin-top:60px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.license .cta-container .speech-bubble{background:#ecf9f9;color:#1e6162;padding:30px;margin-bottom:30px;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.license .cta-container .speech-bubble:after{position:absolute;left:50%;bottom:-10px;margin-left:-10px;content:"";display:inline-block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ecf9f9}.license .cta-container .icon-holder{margin-bottom:15px}.license .cta-container .icon-holder .fa{font-size:56px}.license .cta-container .intro{margin-bottom:30px}.contact{padding:140px 0 140px 0;background:#1d1d1d;color:#fff;position:relative}.contact .contact-inner{max-width:760px;margin:0 auto}.contact .title{color:#fff;margin-top:0;margin-bottom:30px}.contact .intro{margin-bottom:60px}.contact a{color:#1e6162}.contact a:hover{color:#123b3b}.contact .author-message{position:relative;margin-bottom:60px}.contact .author-message .profile{position:absolute;left:30px;top:15px;width:100px;height:100px}.contact .author-message .profile img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.contact .author-message .speech-bubble{margin-left:155px;background:#f7f7f7;color:#373737;padding:30px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:relative}.contact .author-message .speech-bubble .sub-title{color:#000;font-size:16px;margin-top:0;margin-bottom:30px}.contact .author-message .speech-bubble a{color:#000}.contact .author-message .speech-bubble:after{position:absolute;left:-10px;top:60px;content:"";display:inline-block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f7f7f7}.contact .author-message .speech-bubble .source{margin-top:30px}.contact .author-message .speech-bubble .source a{color:#1e6162}.contact .author-message .speech-bubble .source .title{color:#309b9c}.contact .info .sub-title{color:#36afb0;margin-bottom:30px;margin-top:0}.contact .social-icons{list-style:none;padding:10px 0;margin-bottom:0;display:inline-block;margin:0 auto}.contact .social-icons li{float:left}.contact .social-icons li.last{margin-right:0}.contact .social-icons a{display:inline-block;background:#309b9c;width:48px;height:48px;text-align:center;padding-top:12px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-right:8px;float:left}.contact .social-icons a:hover{background:#ffaa24}.contact .social-icons a .fa{color:#fff}.contact .social-icons a .fa:before{font-size:26px;text-align:center;padding:0}.footer{padding:22px 0;background:#1d1d1d;color:#fff}.footer .copyright{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.footer .fa-heart{color:#eb642c}@media(max-width:991px){#photos{-webkit-column-count:3;-moz-column-count:3;column-count:3}}@media(max-width:1250px){.kanne-img{display:none}}@media(max-width:767px){.promo .intro{width:100%}#description .container{max-width:100%}.header .main-nav button{margin-right:0}.header .main-nav .navbar-collapse{padding-left:15px;padding-right:15px}.promo .btns .btn{margin-right:0;clear:both;display:block;margin-bottom:30px}.promo .title{font-size:66px}.promo .meta{margin-top:60px}.promo .meta li{float:none;display:block;margin-bottom:5px}.contact .author-message{text-align:center}.contact .author-message .profile{position:static;margin:0 auto;margin-bottom:30px}.contact .author-message .speech-bubble{margin-left:0}.contact .author-message .speech-bubble:after{display:none}.contact .social-icons a{width:36px;height:36px;padding-top:7px;margin-right:2px}.contact .social-icons a .fa:before{font-size:18px}#photos{-webkit-column-count:2;-moz-column-count:2;column-count:2}}#menu-top{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media(min-width:768px){#menu-top{width:750px}}@media(min-width:992px){#menu-top{width:970px}}@media(min-width:1200px){#menu-top{width:1170px}}@media(max-width:1100px){.kannen .description{display:none}}@media(min-height:980px){#description{padding:140px 0 200px 0}}@media(min-height:1030px){#description{padding:200px 0 200px 0}}