﻿@import url("https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css");@import url("https://cdn.acc.linkin.se/fonts/blacktie-regular/font.min.css");@import url("https://use.typekit.net/xnc7qdy.css");@import url("icons.css");@import url("../fonts/trim/trimweb.css");html{font-size:85%}@media (min-width: 992px){html{font-size:100%}}body{font-family:"TrimWeb", "proxima-nova", Arial, sans-serif;line-height:1.7;font-size:1.125rem;font-weight:300;color:#585858;position:relative;-webkit-font-smoothing:antialiased}body.show-menu .site-header button{color:#fff}body.show-menu .site-header button .hamburger>span{background-color:transparent}body.show-menu .site-header button .hamburger>span::before,body.show-menu .site-header button .hamburger>span::after{transition-delay:0s, 0.15s;width:100%;background:#fff}body.show-menu .site-header button .hamburger>span::before{top:0;transform:rotate(45deg)}body.show-menu .site-header button .hamburger>span::after{bottom:0;transform:rotate(-45deg)}body.show-menu .site-navigation{right:0;box-shadow:0px 40px 40px rgba(0,0,0,0.1)}body.customize-support .site-header{top:32px}h1,h2,h3,h4,h5{color:#333;font-family:"TrimWeb", "proxima-nova", Arial, sans-serif;font-weight:bold}a{color:#67a99e}a:hover{color:#508d83}button{cursor:pointer}button:focus{outline:none}p{margin-bottom:1.5rem}small,.small{font-size:85%}.container{max-width:none;padding-left:2rem;padding-right:2rem}@media (min-width: 992px){.container{padding-left:6rem;padding-right:6rem}}.container-md{max-width:800px;margin:auto}.container-lg{max-width:1100px;margin:auto}.container-xl{max-width:1400px;margin:auto}.row.row-xs{margin-left:-1px;margin-right:-1px}.row.row-xs>[class*="col"]{padding-left:1px;padding-right:1px}@media (min-width: 992px){.row.row-lg{margin-left:-35px;margin-right:-35px}.row.row-lg>[class*="col"]{padding-left:35px;padding-right:35px}}.text-primary{color:#67a99e !important}.text{font-family:"proxima-nova";font-weight:normal}.text h2{font-size:1.6rem;margin-top:2rem;margin-bottom:1rem}.text h3{font-size:1.4rem;margin-top:2rem;margin-bottom:.8rem}.btn{white-space:normal;font-weight:bold}.btn [class*="icon-"]{display:inline-block;width:2rem}.btn.btn-primary{background-color:#67a99e;border-color:#67a99e}.btn.btn-primary:active,.btn.btn-primary:focus{background-color:#508d83 !important;border-color:#508d83 !important}.btn.btn-lg{padding:.6rem 1.2rem;font-weight:bold;font-size:1.1rem}.top-title{display:inline-block;color:#67a99e;text-transform:uppercase;letter-spacing:0.3rem;font-size:1rem;font-weight:normal;margin-bottom:.6rem}.site-header{padding:1.5rem 0;position:fixed;z-index:1000;top:0;right:0;width:100%;color:#fff;background:transparent;transition:background .2s, padding .2s, right .2s;-webkit-transform:translateZ(0)}.site-header.sticky{background:#fff;box-shadow:0 5px 30px rgba(0,0,0,0.1);padding:1.4rem 0}.site-header.sticky .logo img{background:url(../img/logo.png);padding-left:239px}.site-header.sticky button{color:#444}.site-header.sticky button .hamburger span,.site-header.sticky button .hamburger span:before,.site-header.sticky button .hamburger span:after{background:#444}.site-header .logo img{display:block;width:239px;height:53px;background-repeat:no-repeat;background-size:contain;transition:background .2s;transform:scale(0.7);transform-origin:left}@media (min-width: 992px){.site-header .logo img{transform:scale(1)}}.site-header button{background:transparent;border-width:0;color:#fff;transition:color .2s;text-transform:uppercase;letter-spacing:0.1rem;padding:.4rem .8rem;outline:0;position:relative;z-index:1002}.site-header button .hamburger{display:inline-block;vertical-align:middle;position:relative;background:transparent;margin:0 0 0 .8rem;padding:0;width:34px;height:22px;top:-2px}.site-header button .hamburger:focus{outline:none}.site-header button .hamburger span{transition:background 0s 0.15s;display:block;position:absolute;width:100%;height:1px;top:50%;transform:translateY(-50%);transition:background .2s;background:#fff}.site-header button .hamburger span::before,.site-header button .hamburger span::after{content:"";background:#fff;position:absolute;display:block;left:0;right:0;width:100%;height:1px;transition-duration:0.2s, 0.2s, .2s;transition-delay:0.2s, 0s, 0s}.site-header button .hamburger span::before{top:-8px;transition-property:top, transform, background}.site-header button .hamburger span::after{bottom:-8px;transition-property:bottom, transform, background}@media (min-width: 992px){.site-header{padding:3rem 0}}.site-navigation{background:#2a393e;position:fixed;-webkit-transform:translateZ(0);z-index:1001;top:0;right:-540px;bottom:0;width:100%;max-width:540px;text-align:left;height:100vh;padding:10rem 4rem 4rem;transition:right .2s;overflow-y:auto;counter-reset:MenuCounter}.site-navigation ul{list-style:none;padding:0;margin:0}.site-navigation ul li{margin-bottom:.8rem}.site-navigation ul li a{display:inline-block;color:#fff;font-size:1.05rem;font-weight:bold;opacity:.65;transition:opacity .2s;position:relative}.site-navigation ul li a:not([href="#start"]){counter-increment:MenuCounter}.site-navigation ul li a:not([href="#start"]):before{content:counter(MenuCounter) ". "}.site-navigation ul li a[href="#start"]:before{content:"\eb37";font-family:"Simple-Line-Icons-Pro";font-size:.85rem;left:-5px;position:relative}.site-navigation ul li a:hover{opacity:1;text-decoration:none}.site-navigation ul li a:hover:before{opacity:1}.site-navigation ul li.active a{opacity:1}.site-navigation ul li.divider{border-top:1px solid rgba(255,255,255,0.1);margin:2rem 0}.site-navigation ul li.small a{font-size:.9rem;font-weight:normal}.site-navigation ul li.small a:before{width:1.5rem;display:inline-block}.site-navigation ul li.small a.file-link:before{content:"\eb1a";font-family:"Simple-Line-Icons-Pro"}.site-navigation ul li.small a.ext-link:before{content:"\eadb";font-family:"Simple-Line-Icons-Pro"}.hero{min-height:100vh;background:#2a393e;color:#fff;position:relative;z-index:1;overflow:hidden}.hero:before{content:"";position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;height:400px;background:linear-gradient(rgba(26,34,40,0.6), transparent)}.hero video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;opacity:0.7}.hero .hero-content{position:absolute;z-index:100;left:0;bottom:2rem;width:100%}.hero .hero-content .inner{max-width:730px;margin:auto}.hero .hero-content .inner .top-title{letter-spacing:.2rem}.hero .hero-content .inner h1{font-size:2.4rem;color:inherit}.hero .hero-content .inner p{font-size:1rem;font-weight:100;opacity:0.8}.hero .hero-content .inner .scroll-btn{color:#fff;width:60px;height:60px;border-radius:100px;background:#67a99e;border-width:0;outline:0;margin-top:1rem;font-size:1.6rem;position:relative;transition:background .2s, transform .2s;text-align:center}.hero .hero-content .inner .scroll-btn i{vertical-align:middle;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.hero .hero-content .inner .scroll-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;background:rgba(103,169,158,0.5);transform:scale(1.2);z-index:-1;transition:transform .2s}.hero .hero-content .inner .scroll-btn:hover{background:#77b2a8}.hero .hero-content .inner .scroll-btn:hover:after{transform:scale(1.25)}@media (min-width: 992px){.hero .hero-content{bottom:5rem}.hero .hero-content .inner .top-title{letter-spacing:.3rem}.hero .hero-content .inner h1{font-size:5rem}.hero .hero-content .inner p{font-size:1.45rem}}section{padding:5rem 0;background-position:center;background-size:cover}section .header-img{width:100%}section h2{font-size:2rem;margin-bottom:1.2rem;hyphens:auto}section .lead{font-size:1.3rem}section .xlead{font-size:1.6rem}section img{max-width:100%;height:auto !important}section img.aligncenter{display:block;margin:auto}section .circle-img{width:140px;height:140px;margin:0 auto 2rem}section .circle-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}section hr{max-width:100px;border-top-width:2px;border-color:#67a99e;margin:3rem auto}section .mxw{max-width:450px;margin:auto}section .content{padding:5rem 10% 6rem;position:relative}section .content .inner{max-width:580px;margin:auto}section .content .inner .lead{font-size:1.6rem}section .scroll-blocks .block{padding-left:4rem;margin-bottom:2rem;position:relative}section .scroll-blocks .block:before{content:"";position:absolute;left:0;top:.9rem;width:2.6rem;height:2px;background:#333}section.section-quote{background-color:#f2f5f7}section.section-quote .row{min-height:50vh}section.section-quote .quote-text{position:absolute;z-index:100;top:50%;left:0;transform:translateY(-50%);width:100%;padding-top:4rem;padding-bottom:4rem;font-weight:normal}section.section-quote .inner{max-width:700px}section.section-quote .inner p{font-size:1.1rem;line-height:1.4;margin-bottom:2rem}section.section-quote .inner p .symbol{font-style:italic;color:#67a99e;opacity:0.2;position:absolute;top:-15px;left:-12px;font-size:4rem}section.section-quote .inner h3{font-size:1.2rem;margin:0}section.section-quote .inner .text-primary{font-size:.8rem}@media (min-width: 992px){section.section-quote .inner p{font-size:2.7rem}section.section-quote .inner p .symbol{top:-42px;left:-82px;font-size:10rem}section.section-quote .inner h3{font-size:1.75rem}section.section-quote .inner .text-primary{font-size:1.1rem}}section.section-border-top{border-top:3px solid #f2f5f7}section.section-image-top{padding:0}section.section-image-top ul.bullets{list-style:none;padding-left:2rem;position:relative;font-size:1.2rem}section.section-image-top ul.bullets li{margin-bottom:0.5rem}section.section-image-top ul.bullets li:before{content:"—";position:absolute;left:0;color:#67a99e}section.section-image-top blockquote{text-align:center;font-size:1.6rem;font-family:"TrimWeb"}section.section-image-top .border-right{position:relative}section.section-image-top .border-right:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#e0e0e0}section.section-image-top .image-top{height:200px;background-color:#000;background-position:center;background-size:cover;position:relative;z-index:1;overflow:hidden}section.section-image-top .image-top video{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}section.section-image-top .image-top.lg{height:200px}@media (min-width: 992px){section.section-image-top .image-top{height:280px}section.section-image-top .image-top.lg{height:400px}}section.section-image-top .hex-badge{display:block;position:absolute;z-index:100;width:62px;height:42px;border-radius:10px;background:#67a99e;color:#fff;transition:opacity .5s;left:50%;transform:translate(-50%, -50%)}section.section-image-top .hex-badge:before,section.section-image-top .hex-badge:after{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:''}section.section-image-top .hex-badge:before{-webkit-transform:rotate(60deg);transform:rotate(60deg)}section.section-image-top .hex-badge:after{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}section.section-image-top .hex-badge i,section.section-image-top .hex-badge img{vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.6rem;z-index:100}section.section-vallastaden{background:#f7f7f5}section.section-vallastaden .hex-badge{background:#f170a8}section.section-vallastaden hr{border-color:#f170a8}section.section-vreta .top-title{color:#006cb3}section.section-vreta hr{border-color:#006cb3;opacity:.4;margin:2rem auto 2.2rem}section.section-vreta .lead{font-size:1.6rem}section.section-esgame{background:#1c2d6b;padding:0;color:#fff}section.section-esgame hr{border-color:#fdc600;margin:2rem auto 2.2rem}section.section-esgame .banner{width:100%}section.section-esgame .esg-logo{max-width:300px;margin:0 auto 3rem}section.section-esgame .top-title,section.section-esgame .number{color:#fdc600}section.section-esgame .number{font-size:3.4rem;line-height:1.2}section.section-esgame .number+.text{line-height:1.2}section.section-esgame h2{color:#fff}section.section-esgame p{opacity:.8}section.section-linpark{background:#ffe755;padding-bottom:0;color:#222}section.section-linpark h2,section.section-linpark h3{color:#000}section.section-stats{background:#ddd;position:relative;background-image:url("../img/sankt_kors_dukaten_situationer_davideinar_2017_0400.jpg");background-position:center;background-size:cover;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.2);padding-top:6rem;padding-bottom:2rem}section.section-stats:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(35,40,47,0.6)}section.section-stats>*{position:relative;z-index:10}section.section-stats h2{color:#f0de20}section.section-stats .lead{font-size:1.2rem}section.section-stats .numbers{margin-top:10rem;padding:0 2rem}section.section-stats .number{font-size:2.4rem;font-weight:bold;line-height:1.2;color:#f0de20;white-space:nowrap}section.section-stats .number+.lead{font-size:1rem}@media (min-width: 992px){section.section-stats .numbers{margin-top:24rem;padding:0 5rem}section.section-stats .number{font-size:4.4rem;font-weight:bold;line-height:1.2;color:#f0de20;white-space:nowrap}section.section-stats .number+.lead{font-size:1.2rem}}section.section-timeline .timeline-post{margin-top:1.5rem;margin-bottom:5rem}section.section-timeline .timeline-post .photo{position:relative}section.section-timeline .timeline-post .photo .text{position:absolute;left:0;bottom:0;width:100%;padding:.8rem 1.6rem;color:#fff;background:linear-gradient(transparent, rgba(0,0,0,0.5));border-radius:0 0 0.25rem 0.25rem}section.section-timeline .timeline-post img{border-radius:0.25rem;width:100%}section.section-timeline .timeline-post p{font-size:1rem}section.section-board{position:relative;padding:0}section.section-board .top-text,section.section-board .bottom-text{position:absolute;z-index:100;top:0;left:0;width:100%;padding-top:4rem}section.section-board .top-text{padding-top:2rem}section.section-board .top-text h2{font-size:1.2rem}section.section-board .bottom-text{top:auto;bottom:0;color:#fff;padding-bottom:.6rem;font-weight:normal;text-shadow:0 2px 3px rgba(0,0,0,0.6);font-size:.7rem}section.section-board .bottom-text>.container{z-index:101;position:relative}section.section-board .bottom-text:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(transparent, rgba(0,0,0,0.4))}section.section-board img{width:100%}@media (min-width: 992px){section.section-board .top-text{padding-top:5rem}section.section-board .top-text h2{font-size:3.2rem}section.section-board .bottom-text{font-size:inherit;padding-bottom:2rem;text-shadow:0 2px 3px rgba(0,0,0,0.4)}}section.section-result{padding:0}section.section-result .section-header{background-color:#67a99e;background-image:url("../img/pattern.png");padding-top:10rem;padding-bottom:10rem;text-align:center;position:relative;top:-1px}section.section-result .section-header h2{font-size:5rem;color:#fff;margin:0}section.section-result .table{margin-bottom:3rem;border-bottom:1px solid #dee2e6}section.section-result .table .black{color:#444 !important}section.section-result .table th{border-top-width:0;background:#edf1f3}section.section-result .table th:not(:first-child),section.section-result .table td:not(:first-child){text-align:right;color:#888}section.section-result .table td{color:#444}section.section-blue{background:#dbf2f5}section.section-blue .lead{font-size:1.6rem}@media (min-width: 992px){section{padding:8rem 0}section h2{font-size:3.4rem}section .circle-img{width:200px;height:200px}}.site-footer{background-color:#2a393e;text-align:center;padding:5rem 0;color:#fff}.site-footer .logo{display:inline-block;margin-bottom:1rem}.site-footer .btn{margin-top:1rem;border-color:rgba(255,255,255,0.4);border-width:2px}#map-canvas{display:none}@media (min-width: 992px){#map-canvas{display:block;position:absolute;top:0;left:0;width:50%;height:100vh;margin:0px;padding:0;background-color:transparent}#map-canvas.fixed{position:fixed !important;top:0px;width:50%}#map-canvas img{max-width:none}}.map-marker.yellow .hex{background:#fff072}.map-marker.yellow .hex .icon{color:#000}.hex{position:relative;width:54px;height:30px;border-radius:2px/4px;background:#67a99e;transition:opacity .5s;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}.hex:before,.hex:after{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:''}.hex:before{transform:rotate(60deg)}.hex:after{transform:rotate(-60deg)}.map-marker .icon{position:absolute;color:#fff;font-size:1.4rem;z-index:100;left:50%;top:50%;transform:translate(-50%, -50%)}.map-marker:before{content:"";position:absolute;bottom:0px;margin-bottom:-20px;background:rgba(0,0,0,0.6);width:120%;height:8px;left:50%;border-radius:100%;transform:translate(-50%);filter:blur(7px);-webkit-filter:blur(7px);-moz-filter:blur(7px);-o-filter:blur(7px);-ms-filter:blur(7px);pointer-events:none}.mapboxgl-popup{animation-name:popupFadeIn;animation-duration:0.5s;margin-top:-15px;text-align:center}.mapboxgl-popup-content{padding:20px 25px;font-size:1rem}.mapboxgl-popup-content h2{font-size:1.4rem;font-weight:bold;margin:0;text-transform:none}.mapboxgl-popup-content p{margin:10px 0 0;font-size:0.85rem;font-family:"proxima-nova"}@keyframes popupFadeIn{from{opacity:0}to{opacity:1}}.chartWrapper{max-width:100%;margin:2rem auto 1rem}.chartWrapper canvas{max-width:100%}.diagram-bullets{text-align:center;padding:1rem 0;list-style:none;font-size:1rem}.diagram-bullets li{display:inline-block;margin:0 .5rem}.diagram-bullets li span{background-color:#7c837d;display:block;float:left;width:15px;height:15px;margin-top:4px;margin-right:8px}.diagram-bullets li span.color-2{background-color:#aac7b5}.diagram-bullets li span.color-3{background-color:#52ce96}.diagram-bullets li span.color-4{background-color:#e1e1e1}#clusterInfo{background:#50b9a8;transition:background 0.6s;color:#fff}#clusterInfo h2,#clusterInfo h3,#clusterInfo h4{color:inherit}#clusterInfo h3{margin:1rem 0;font-size:2.2rem}#clusterInfo .contentHolder>div:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1)}#clusterInfo .contentHolder .inner{min-height:70vh;max-width:700px;padding:4rem 3rem;margin:auto}#clusterInfo .contentHolder .inner img{opacity:.5}.clusterStats{border-top:1px solid rgba(0,0,0,0.1)}.clusterStats .statsCol{padding:100px 30px;margin-top:2px}.clusterStats .statsCol h4{margin-top:0}.clusterStats .statsCol.statsColBg2{border-top:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1)}.clusterStats .statsCol.statsColBg3{border-top:1px solid rgba(0,0,0,0.1)}.statsNumber{font-size:6rem;font-weight:bold;line-height:1;margin:20px 0 0;text-transform:uppercase}.statsNumber-md{font-size:4.4rem}.statsNumber+p{margin:0;font-size:1.5rem;hyphens:auto}fieldset.rolling-text{margin:2rem 0 3rem;text-align:center;border:2px solid #eee;border-radius:3px;padding:.5rem 1rem .2rem}fieldset.rolling-text legend{width:auto;padding:0 2rem;margin:0;font-weight:bold;font-size:1rem;text-transform:uppercase}fieldset.rolling-text legend h4{font-size:1.1rem;margin:0}fieldset.rolling-text .box{height:60px;margin:auto;overflow:hidden;position:relative}fieldset.rolling-text .box::before{top:-1px;left:0;z-index:1;width:100%;content:'';height:10px;position:absolute;background:linear-gradient(#fff, rgba(255,255,255,0))}fieldset.rolling-text .box::after{left:0;bottom:0;z-index:1;width:100%;content:'';height:10px;position:absolute;background:linear-gradient(rgba(255,255,255,0), #fff)}fieldset.rolling-text .box ul{margin:0;padding:0;animation:scrollUp 60s .16s linear infinite forwards}fieldset.rolling-text .box ul li{opacity:1;padding:12px;list-style:none;text-align:center}fieldset.rolling-text .box ul li:before{content:"\F012";font-family:"Black Tie";font-size:.8rem;margin-right:.8rem;color:#67a99e}fieldset.rolling-text button{background:transparent;border-width:0;font-size:.9rem;font-weight:bold;text-transform:uppercase;color:#67a99e;background:#fff;padding:.4rem 1rem;position:relative;bottom:-1.4rem;transition:color .2s}fieldset.rolling-text button:before{content:"\F01C";font-family:"Black Tie";margin-right:.4rem;font-size:.85rem;position:relative;top:1px}fieldset.rolling-text button:hover{color:#508d83}fieldset.rolling-text button:focus{outline:0}body.modal-open{padding:0 !important;overflow:auto}.modal{padding-right:0 !important}.modal .modal-dialog{margin-top:5rem}.modal .modal-title{font-size:1.6rem;margin-top:.2rem}.modal .close{font-size:1.2rem;margin-top:.7rem;padding:0}.modal .modal-header,.modal .modal-body{padding:1.2rem 3rem}.modal .modal-body{padding-top:2rem;padding-bottom:2rem}.modal .close-btn{display:block;width:100%;border-top:1px solid #eee;background:transparent;border-width:0;font-size:.9rem;text-transform:uppercase;font-weight:bold;color:#aaa;transition:color .2s}.modal .close-btn:before{content:"\F00C";font-family:"Black Tie";font-size:.7rem;margin-right:.4rem;position:relative;top:1px}.modal .close-btn:hover{color:#67a99e}.modal .actions-list ul{list-style:none;padding:0}.modal .actions-list ul li{position:relative;padding-left:1.8rem;margin-bottom:.8rem;color:#888;font-size:.9rem}.modal .actions-list ul li strong{color:#222;font-size:1.1rem;font-weight:normal}.modal .actions-list ul li:before{content:"\F012";font-family:"Black Tie";color:#67a99e;position:absolute;left:0;top:.3rem;font-size:.7rem}.sprite-container{width:100%;margin:auto;background:#fff;position:relative}.sprite-container .sprite{position:sticky;position:-webkit-sticky;z-index:1;top:96px;width:100%;height:0;padding-bottom:52%;background-position:0 center;background-repeat:no-repeat;display:block;overflow:hidden}#styrelsen .sprite-container{height:2600px}#styrelsen .sprite{background-image:url("../img/styrelse-sprite-2.jpg");padding-bottom:56.25%;background-size:2000% 100%}#vd-ordet-citat .sprite-container{height:2200px}#vd-ordet-citat .sprite{background-image:url("../img/vd-sprite.jpg");background-size:600%}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes scrollUp{from{transform:translateY(0)}to{transform:translateY(-99.75%)}}
