html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body,html,#container{overflow:hidden}.gray-bg{background-color:#484F62}.gray-bg #note{background-color:#484F62;background-color:rgba(50,55,69,0.8)}.gray-txt{color:#484F62}.blue-bg{background-color:#739cc3}.blue-bg #note{background-color:#739cc3;background-color:rgba(79,131,180,0.8)}.blue-txt{color:#739cc3}.pink-bg{background-color:#c53a8e}.pink-bg #note{background-color:#c53a8e;background-color:rgba(158,46,114,0.8)}.pink-txt{color:#c53a8e}.light-pink-bg{background-color:#c73356}.light-pink-bg #note{background-color:#c73356;background-color:rgba(158,41,68,0.8)}.light-pink-txt{color:#c73356}.yellow-bg{background-color:#FFDF00}.yellow-bg #note{background-color:#FFDF00;background-color:rgba(204,178,0,0.8)}.yellow-txt{color:#FFDF00}.purple-bg{background-color:#582f64}.purple-bg #note{background-color:#582f64;background-color:rgba(57,31,65,0.8)}.purple-txt{color:#582f64}.orange-bg{background-color:#D37456}.orange-bg #note{background-color:#D37456;background-color:rgba(195,85,51,0.8)}.orange-txt{color:#D37456}.light-blue-bg{background-color:#739cc3}.light-blue-bg #note{background-color:#739cc3;background-color:rgba(79,131,180,0.8)}.light-blue-txt{color:#739cc3}.lighter-blue-bg{background-color:#a6c8e9}.lighter-blue-bg #note{background-color:#a6c8e9;background-color:rgba(125,175,223,0.8)}.lighter-blue-txt{color:#a6c8e9}.dark-blue-bg{background-color:#494f62}.dark-blue-bg #note{background-color:#494f62;background-color:rgba(51,55,69,0.8)}.dark-blue-txt{color:#494f62}.light-red-bg{background-color:#c73356}.light-red-bg #note{background-color:#c73356;background-color:rgba(158,41,68,0.8)}.light-red-txt{color:#c73356}.green-bg{background-color:#009036}.green-bg #note{background-color:#009036;background-color:rgba(0,93,35,0.8)}.green-txt{color:#009036}.gold-bg{background-color:#e1b400}.gold-bg #note{background-color:#e1b400;background-color:rgba(174,139,0,0.8)}.gold-txt{color:#e1b400}.ink-blue-bg{background-color:#004a92}.ink-blue-bg #note{background-color:#004a92;background-color:rgba(0,48,95,0.8)}.ink-blue-txt{color:#004a92}.transparent-white-bg{background-color:#fff}.transparent-white-bg #note{background-color:#fff;background-color:rgba(230,230,230,0.8)}.transparent-white-txt{color:#fff}@font-face{font-family:"Calibri light";src:url(calibril.ttf)}h2{font-size:24px;text-transform:uppercase}body{font-family:"Calibri light","Calibri",Candara, Segoe, "Segoe UI", Optima,"Helvetica", sans-serif;color:#fff}.clearfix{clear:both}.disabled{opacity:.3;cursor:none}.nord-table{display:table;width:100%;height:100%}.nord-table .nord-row{display:table-row}.nord-table .nord-cell{display:table-cell;vertical-align:middle;text-align:center}body,html,#container{width:100%;height:100%}.wrapper{max-width:1200px;margin:0 auto;height:100%}.header-row{height:80px}.header-row{height:82px}.header-row .header{height:62px;background-color:rgba(0,0,0,0.1);color:rgba(255,255,255,0.55);text-transform:uppercase;position:relative;z-index:1000}.header-row .header #ekokem{position:relative;z-index:1000;text-align:left;padding:0 0 8px 4%;vertical-align:bottom;font-size:18px}.header-row .header #ekokem #logo{height:18px;cursor:pointer;width:84px;background:url("../res/ekokem-logo.svg") center center no-repeat;background-size:contain;opacity:.6;margin-bottom:10px;display:inline-block}.header-row .header #ekokem #logo:hover{opacity:1}.header-row .header #ekokem #mini-menu{padding-right:30px;float:right}.header-row .header #ekokem #mini-menu span{padding:0 11px 0 11px;cursor:pointer}.header-row .header #ekokem #mini-menu span.active,.header-row .header #ekokem #mini-menu span:hover{color:white}.header-row .header #ekokem #breadcrumbs-fixed{position:absolute;text-align:left;font-size:15px;bottom:-40px;left:4%;text-transform:none}.header-row .header #ekokem #breadcrumbs-fixed span{cursor:pointer;margin-right:5px}.header-row .header #ekokem #breadcrumbs-fixed span:hover{color:white}.header-row .header #ekokem #breadcrumbs-fixed span:after{content:">";margin-left:5px;display:inline-block;-webkit-transform:scale(0.4, 1);-moz-transform:scale(0.4, 1);-ms-transform:scale(0.4, 1);-o-transform:scale(0.4, 1);transform:scale(0.4, 1)}.header-row .header #ekokem #breadcrumbs-fixed span:last-child:after{content:""}.header-row .header #ekokem #breadcrumbs-fixed span:last-child{cursor:default;color:white;font-weight:bold}.header-row .header #ekokem #go-full-screen{position:absolute;width:52px;height:52px;padding:10px;cursor:pointer;bottom:-80px;left:4%;margin-left:-10px;opacity:.5}.header-row .header #ekokem #go-full-screen polygon{fill:#fff}.header-row .header #ekokem #go-full-screen:hover{opacity:.75}.header-row .header #ekokem #go-full-screen.disabled{display:none}.header-row .decoration-wrap{height:18px;width:100%;position:relative;z-index:1000}.header-row .decoration-wrap .decoration{width:20%;float:left;height:100%;background-color:rgba(0,0,0,0.1)}.header-row .decoration-wrap #triangle-topleft{float:left;width:0;height:0;border-top:20px solid rgba(0,0,0,0.1);border-right:20px solid transparent}#breadcrumbs{text-align:left;margin-bottom:20px;margin-top:20px;font-size:15px}#breadcrumbs span{cursor:pointer;margin-right:5px}#breadcrumbs span:hover{color:white}#breadcrumbs span:after{content:">";margin-left:5px;display:inline-block;-webkit-transform:scale(0.4, 1);-moz-transform:scale(0.4, 1);-ms-transform:scale(0.4, 1);-o-transform:scale(0.4, 1);transform:scale(0.4, 1)}#breadcrumbs span:last-child:after{content:""}#breadcrumbs span:last-child{cursor:default;color:white;font-weight:bold}.bottom-navigation{height:100px}.bottom-navigation .nord-cell{margin-bottom:20px;vertical-align:top}.bottom-navigation .control{cursor:pointer;height:80%;width:10%;opacity:.5;background-size:40%;background-repeat:no-repeat}.bottom-navigation .control .stretcher{padding-top:100px}.bottom-navigation #handle-container{float:left;width:80%;height:80%;display:block;padding-top:65px}.bottom-navigation #handle-container #handle{height:9px;width:60px;margin:0 auto;display:block;background-color:rgba(255,255,255,0.3);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.bottom-navigation #handle-container.disabled{display:none}.bottom-navigation #prev-slide{float:left;background-image:url("../res/left.svg");background-position:center left}.bottom-navigation #next-slide{float:right;background-image:url("../res/right.svg");background-position:center right}img{width:100%;height:auto}.icon{width:40%;padding:10px;position:relative;display:inline-block}.icon .stretcher{padding-top:100%}.icon .inner-wrapper{cursor:pointer;position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:center;padding:30px}.icon .inner-wrapper>div{height:100%;width:100%;border-radius:50%;overflow:hidden}.icon .inner-wrapper .nord-row:first-child{height:60%}.icon .inner-wrapper .nord-row:first-child>.nord-cell{vertical-align:bottom}.icon .inner-wrapper .nord-row:nth-child(2)>.nord-cell{vertical-align:top}.icon .inner-wrapper .graphical-icon{margin:0 auto;width:48%;opacity:.8;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-bottom:10px}.icon .inner-wrapper .graphical-icon>div{padding-top:100%}.icon .inner-wrapper .intro_txt{padding:20px;padding-top:0px;font-size:25px;padding:0px 10px 0px 10px}#value-chain{position:relative;margin-bottom:40px}#value-chain .clickable{cursor:pointer;position:absolute;width:15%;height:25%;top:0px;left:0px}.slide-item img,.value-chain-item img{width:100%;height:auto}.slide-item .left,.value-chain-item .left{width:40%;float:left}.slide-item .right,.value-chain-item .right{width:60%;float:left;padding-left:20px;padding-top:40px}.slide-item .image,.value-chain-item .image{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:20%}.slide-item .image .stretcher,.value-chain-item .image .stretcher{padding-top:100%;background-position:center center;background-repeat:no-repeat;background-size:contain}.slide-item .bullet,.slide-item .sub-bullet,.value-chain-item .bullet,.value-chain-item .sub-bullet{text-align:left;line-height:1.1em;margin-bottom:10px;font-size:21px;margin-left:20px}.slide-item .bullet:before,.value-chain-item .bullet:before{content:"\00b7";margin-left:-15px;margin-right:9px}.slide-item .sub-bullet,.value-chain-item .sub-bullet{font-size:18px}.slide-item .sub-bullet:before,.value-chain-item .sub-bullet:before{content:"-";margin-left:10px;margin-right:6px}.slide-item .title,.value-chain-item .title{font-size:40px;text-align:left;margin-bottom:40px}.slide-item .case-references,.value-chain-item .case-references{margin-top:20px -2px}.slide-item .case-reference,.value-chain-item .case-reference{cursor:pointer;text-align:left;font-size:25px;font-weight:bold;margin-left:10px;margin-top:15px}.slide-item .case-reference:after,.value-chain-item .case-reference:after{content:">";margin-left:8px;display:inline-block;-webkit-transform:scale(0.4, 1.2);-moz-transform:scale(0.4, 1.2);-ms-transform:scale(0.4, 1.2);-o-transform:scale(0.4, 1.2);transform:scale(0.4, 1.2)}#cases .case{width:22%;display:inline-block;vertical-align:middle;padding:20px}#cases .case .inner{cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:relative;overflow:hidden}#cases .case .inner .stretcher{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding-top:100%;opacity:.1;background-size:cover;background-position:center center}#cases .case .inner .content{position:absolute;top:0px;left:0px;height:100%;width:100%;font-size:21px;padding:0 5px 0 5px;line-height:1.2}.case-item .image{background-size:cover}#note{background-image:url("../res/close.svg");background-position:center 15px;background-repeat:no-repeat;background-size:54px 18px;position:fixed;bottom:0px;width:100%;background-color:rgba(80,80,80,0.2);padding-top:40px;padding-bottom:40px;color:white;display:none;z-index:999}#note .wrapper{max-width:70%;margin:0 auto;line-height:1.2}.under-dev{max-width:300px;width:initial;margin:0 auto;height:auto;display:block}.csr-item .left{position:relative;padding-top:40%}.csr-item .left svg{display:block;position:absolute;top:0px;left:0px;width:100%}#WHEEL>g{cursor:pointer;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;transition:all .2s linear}#WHEEL>g>path{transition:fill .2s linear}#WHEEL>.active{transition:all .2s linear}#WHEEL.clicked #BLUE #ResourceBG{fill:#c2c5ce}#WHEEL.clicked #GREEN #MiljoBG{fill:#b5b7c4}#WHEEL.clicked #PINK #SocialeBG{fill:#d0d2d7}#WHEEL.clicked #RING #Ring{fill:#ffffff}#WHEEL.clicked #RING #Sporbarhed{fill:#b5b7c4}#WHEEL.clicked #PURPLE #PurbleBubble{fill:#d0d2d7}#WHEEL.clicked #BLUE.active #ResourceBG{fill:#739cc3}#WHEEL.clicked #GREEN.active #MiljoBG{fill:#009036}#WHEEL.clicked #PINK.active #SocialeBG{fill:#c43a8d}#WHEEL.clicked #RING.active #Ring{fill:#ffffff}#WHEEL.clicked #RING.active #Sporbarhed{fill:#0f5598}#WHEEL.clicked #PURPLE.active #PurbleBubble{fill:#593065}.csr-slide-content{text-align:left}@media all and (max-width: 1366px){.wrapper{width:100%;max-width:900px}.header-row{height:65px}.header-row .header{height:47px}.header-row .header #ekokem #logo{height:17px;margin-bottom:0px}.header-row .header #ekokem #mini-menu{margin-top:-6px}.header-row .decoration-wrap{height:10px}.header-row .decoration-wrap #triangle-topleft{border-top:10px solid rgba(0,0,0,0.1);border-right:10px solid transparent}.header-row #go-full-screen{bottom:-70px}.bottom-navigation{height:75px}.bottom-navigation #handle-container{padding-top:50px}.slide-item img,.value-chain-item img{width:100%;height:auto}.slide-item .left,.value-chain-item .left{width:35%;float:left}.slide-item .right,.value-chain-item .right{width:65%;float:left;padding-left:20px;padding-top:40px}.slide-item .image,.value-chain-item .image{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:20%}.slide-item .image .stretcher,.value-chain-item .image .stretcher{padding-top:100%;background-position:center center;background-repeat:no-repeat;background-size:contain}.slide-item .bullet,.slide-item .sub-bullet,.value-chain-item .bullet,.value-chain-item .sub-bullet{line-height:1.15em;margin-bottom:10px;font-size:20px}.slide-item .sub-bullet,.value-chain-item .sub-bullet{font-size:17px}.slide-item .title,.value-chain-item .title{font-size:35px;margin-bottom:20px}.slide-item .case-reference,.value-chain-item .case-reference{font-size:18px;margin-top:9px}#breadcrumbs{margin-bottom:15px;margin-top:0px;font-size:15px}#note .wrapper{max-width:100%;padding-left:50px;padding-right:50px}#note{max-height:350px;overflow-y:auto}.csr-item .left{width:40%}.csr-item .right{width:60%}}.icon,.case{transition:all 200ms ease-in-out;z-index:1}.case.stretcher{opacity:1}.icon:hover,.case:hover{position:relative;transform:scale(1.1);z-index:2}.icon.clicked,.case.clicked{position:relative;transform:scale(9);z-index:5}.icon.clicked .nord-cell,.case.clicked .nord-cell{opacity:0}#cases .case.clicked .inner .stretcher{opacity:0}.example-enter{opacity:0.01}.example-enter.example-enter-active{opacity:1;transition:opacity 500ms ease-in}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:0.01;transition:opacity 500ms ease-in}
/*# sourceMappingURL=style.css.map */