@charset "utf-8";
    /*!
Theme Name:  Svenska Spel Årsredovisning 2019
Author: JKLGroup
Author URI: http://jklgroup.com/
Description: Custom theme for Svenska Spel
Version: 1.0

*/@import "https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/css/animate.css";
    @import "https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/css/Chart.min.css";
    @import "https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/css/jquery.fancybox.min.css";
    a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

ol, ul {
    list-style: none;
}
ul li:before {
  content: '';
  font-size: 15px;
}
li {
  font-size: 17px;
  line-height: 22px;
}

.ingress { font-size: 19px!important; line-height: 24px; margin-bottom: 30px!important;}


.fa-li {
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit;
}

.fa-ul>li {
    position: relative;
    left: -10px;
}

blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    border: 0;
    vertical-align: top;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@-webkit-keyframes slideinleft {
    0% {
    -webkit-transform: translateX(-300px) translateY(0) scale(1);
    -moz-transform: translateX(-300px) translateY(0) scale(1);
    -ms-transform: translateX(-300px) translateY(0) scale(1);
    -o-transform: translateX(-300px) translateY(0) scale(1);
    transform: translateX(-300px) translateY(0) scale(1);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    -moz-transform: translateX(0) translateY(0) scale(1);
    -ms-transform: translateX(0) translateY(0) scale(1);
    -o-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
}
}@-moz-keyframes slideinleft {
    0% {
    -webkit-transform: translateX(-300px) translateY(0) scale(1);
    -moz-transform: translateX(-300px) translateY(0) scale(1);
    -ms-transform: translateX(-300px) translateY(0) scale(1);
    -o-transform: translateX(-300px) translateY(0) scale(1);
    transform: translateX(-300px) translateY(0) scale(1);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    -moz-transform: translateX(0) translateY(0) scale(1);
    -ms-transform: translateX(0) translateY(0) scale(1);
    -o-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
}
}@-o-keyframes slideinleft {
    0% {
    -webkit-transform: translateX(-300px) translateY(0) scale(1);
    -moz-transform: translateX(-300px) translateY(0) scale(1);
    -ms-transform: translateX(-300px) translateY(0) scale(1);
    -o-transform: translateX(-300px) translateY(0) scale(1);
    transform: translateX(-300px) translateY(0) scale(1);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    -moz-transform: translateX(0) translateY(0) scale(1);
    -ms-transform: translateX(0) translateY(0) scale(1);
    -o-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
}
}@keyframes slideinleft {
    0% {
    -webkit-transform: translateX(-300px) translateY(0) scale(1);
    -moz-transform: translateX(-300px) translateY(0) scale(1);
    -ms-transform: translateX(-300px) translateY(0) scale(1);
    -o-transform: translateX(-300px) translateY(0) scale(1);
    transform: translateX(-300px) translateY(0) scale(1);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    -moz-transform: translateX(0) translateY(0) scale(1);
    -ms-transform: translateX(0) translateY(0) scale(1);
    -o-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
}
}b, strong {
    font-family: svs-Bold, arial, sans-serif;
}
em, i {
    font-family: svs-RegularItalic;
}
b em, b i, strong em, strong i {
    font-family: svs-BoldItalic;
}
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.aligncenter {
    margin: 20px auto;
}
.hide {
    display: none!important;
}
.splash {
    visibility: hidden;
}
.table {
    display: table;
    width: 100%;
    height: 100%}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
a.btn {
    display: inline-block;
    background: #e30613;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    line-height: 45px;
    height: 48px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin: 15px auto;
    clear: both;
    cursor: pointer;
    font-family: svs-Medium, arial, sans-serif;
    font-size: 10pt;
}
a.btn-small {
    display: inline-block;
    background: #e30613;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    line-height: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 15px auto;
    clear: both;
    cursor: pointer;
    font-family: svs-Medium, arial, sans-serif;
    font-size: 10pt;
}
a.btn.transparent {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
}
a.btn.play {
    position: relative;
    padding-right: 80px;
    height: 48px;
    line-height: 46px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
a.btn.play:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: auto;
    top: 8px;
    right: 20px;
    content: "\f144";
    font-family: FontAwesomeSolid;
    font-size: 28px;
    text-align: center;
    line-height: 32px;
    text-align: right;
}
a.btn.play-medium {
    position: relative;
    padding-right: 80px;
    height: 48px;
    line-height: 46px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
a.btn.play-medium:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: auto;
    top: 8px;
    right: 20px;
    content: "\f144";
    font-family: FontAwesomeSolid;
    font-size: 28px;
    text-align: center;
    line-height: 32px;
    text-align: right;
}
a.btn:hover {
    transform: translateY(-5px);
}
.linked {
    cursor: pointer;
}
@font-face {
    font-family: FontAwesomeRegular;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-regular-400.eot);
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-regular-400.eot#iefix) format("embedded-opentype"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-regular-400.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-regular-400.woff) format("woff"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-regular-400.ttf) format("truetype"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-regular-400.svg#fontawesome) format("svg");
}
@font-face {
    font-family: FontAwesomeSolid;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-solid-900.eot);
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-solid-900.eot#iefix) format("embedded-opentype"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-solid-900.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-solid-900.woff) format("woff"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-solid-900.ttf) format("truetype"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-solid-900.svg#fontawesome) format("svg");
}
@font-face {
    font-family: FontAwesomeBrands;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-brands-400.eot);
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-brands-400.eot#iefix) format("embedded-opentype"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-brands-400.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-brands-400.woff) format("woff"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-brands-400.ttf) format("truetype"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/fa-brands-400.svg#fontawesome) format("svg");
}
@font-face {
    font-family: svs-Regular;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-Regular-Web.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-Regular-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: svs-RegularItalic;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-RegularItalic-Web.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-RegularItalic-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: svs-Medium;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-Medium-Web.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-Medium-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: svs-MediumItalic;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-MediumItalic-Web.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-MediumItalic-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: svs-Bold;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-Bold-Web.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-Bold-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: svs-BoldItalic;
    src: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-BoldItalic-Web.woff2) format("woff2"), url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/fonts/SvenskaSpelPlatform-BoldItalic-Web.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
.videocontainer {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}
.videocontainer .playercontainer {
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    display: block;
}
.videocontainer .playercontainer embed, .videocontainer .playercontainer iframe, .videocontainer .playercontainer object, .videocontainer .playercontainer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.videocontainer .playercontainer a.toggleBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: block;
    opacity: .5;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.videocontainer .playercontainer a.toggleBtn span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -65px;
    margin-left: -65px;
}
.videocontainer .playercontainer a.toggleBtn span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
    background-size: 125px 125px;
    z-index: 2;
    content: ""}
.videocontainer .playercontainer a.toggleBtn:hover {
    opacity: 1;
}
.videocontainer .playercontainer a.toggleBtn.playing {
    opacity: 0;
}
body {
    background: #ffeceb;
    font-size: 11pt;
    line-height: 1.3em;
    font-family: svs-Regular, arial, sans-serif;
    color: #000;
    height: 100%;
    letter-spacing: .01em;
}
body * {
    cursor: default;
}
.nav-links {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 30px;
    display: block;
    font-weight: 700;
}
.parallax {
    background-size: cover;
}
.wow {
    visibility: hidden;
}
a {
    color: #e30613;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
a:hover {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
    font-family: svs-Bold, arial, sans-serif;
    font-weight: 400;
    display: inline-block;
    clear: both;
    display: block;
    line-height: 1.1em;
}
h1:after, h1:before, h2:after, h2:before, h3:after, h3:before, h4:after, h4:before, h5:after, h5:before, h6:after, h6:before {
    content: "";
    display: table;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    clear: both;
}
h1:after, h1:before, h2:after, h2:before, h3:after, h3:before, h4:after, h4:before, h5:after, h5:before, h6:after, h6:before {
    content: "";
    display: table;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    clear: both;
}
h1 {
    font-size: 40pt;
}
h2 {
    font-size: 28pt;
    margin-bottom: 20px;
}
h3 {
    font-size: 20pt;
}
h4 {
    font-size: 16pt;
    margin-top: 10px;
    margin-bottom: 10px;
}
h5 {
    font-size: 14pt;
}
#outer {
    text-align: center;
    width: 100%;
    overflow-x: hidden;
    position: relative;
}
#mobilenav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    min-height: 40px;
    background: #fff;
    z-index: 10;
    padding: 5px 8px;
    padding-bottom: 0;
    -webkit-transition: background .3s;
    transition: background .3s;
}
#mobilenav a.logo {
    float: left;
    width: 30px;
    height: 30px;
    background: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/gfx/svs-logo-menu-x2.png) no-repeat;
    background-size: 104px 30px;
    -webkit-transition: none 0s;
    transition: none 0s;
}
#mobilenav a.logo span {
    display: none;


}
#mobilenav a.lang {
    float: right;
    width: 24px;
    height: 24px;
    background: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/gfx/icon-swedish.svg) no-repeat;
    background-size: 24px 24px;
    margin-right: 24px;
    margin-top: 5px;
    -webkit-transition: none 0s;
    transition: none 0s;
    display: none;
}
#mobilenav a.lang span {
    display: none;
}
#mobilenav h2 {
    float: right;
    text-transform: uppercase;
    font-size: 10pt;
    margin: 0;
    margin-top: 8px;
    clear: none;
}
#mobilenav ul.navigation {
    display: none;
    padding-top: 44px;
    padding-bottom: 60px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #e30613;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10;
}
#mobilenav ul.navigation li {
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 16px 0;
}
#mobilenav ul.navigation li a {
    font-size: 13pt;
    color: #fff;
    font-family: svs-Medium, arial, sans-serif;
    display: block;
}
#mobilenav ul.navigation li.lang {
    text-align: center;
}
#mobilenav ul.navigation li.lang a.lang {
    margin: 0 auto;
    float: none;
    display: inline-block;
}
#mobilenav ul.navigation li.close {
    padding: 30px 0;
    text-align: center;
}
#mobilenav ul.navigation li.close a {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
#mobilenav ul.navigation li.close a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    content: "\f057";
    font-family: FontAwesomeRegular;
    font-size: 46px;
    text-align: center;
}
#mobilenav #togglebtn {
    width: 56px;
    height: 56px;
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -28px;
    cursor: pointer;
    display: block;
    background: #fff;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    z-index: 20;
    -webkit-transition: background .3s;
    transition: background .3s;
}
#mobilenav #togglebtn span {
    display: none;
}
#mobilenav #togglebtn:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    content: "\f0c9";
    font-family: FontAwesomeSolid;
    color: #e30613;
    font-size: 22px;
    text-align: center;
    line-height: 67px;
}
#mobilenav.pink {
    background: #ffeceb;
}
#mobilenav.pink #togglebtn {
    background: #ffeceb;
}
#wrapper {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    margin: 0;
    min-width: 320px;
    padding-top: 40px;
    display: block;
}
section {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: calc(100vh - 40px);
    overflow-y: visible;
    display: inline-block;
    display: block;
    width: 100%}
section .bg-section {
    position: absolute;
    left: 0;
    top: -20vh;
    width: 100%;
    height: 120vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


section:after, section:before {
    content: "";
    display: table;
}
section:after {
    clear: both;
}
section:after, section:before {
    content: "";
    display: table;
}
section:after {
    clear: both;
}
section .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1206px;
    text-align: center;
    padding: 35px 20px;
}
section .content {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    max-width: 740px;
    margin: 0 auto;
}
section .content p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 25px;
}
section.start-screen {
    height: calc(100vh - 40px);
}
section.start-screen .bg-section {
    top: -10vh;
}
section.start-screen .inner {
    height: 100%;
    text-align: center;
    padding: 150px 40px 0;
}
section.start-screen .content {
    height: 100%;
    max-width: 100%;
    display: block;
}
section.start-screen h1 {
    clear: both;
    display: block;
    margin: 10px auto 35px;
    font-size: 28pt;
    font-family: svs-Bold, arial, sans-serif;
    letter-spacing: -.01em;
    color: #fff;
}
section.start-screen .h2 {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}
section.start-screen .h2 .splash {
    position: absolute;
    top: -20px;
    right: -62px;
    width: 58px;
    height: auto;
}
section.start-screen h2 {
    color: #fff;
    display: inline-block;
    font-size: 13pt;
    font-family: svs-Bold, arial, sans-serif;
    letter-spacing: -.02em;
    margin-bottom: 0;
}
section.aret-i-korthet {
    background-color: #ffeceb;
    background-size: 0 0;
}
section.aret-i-korthet .inner {
    text-align: left;
    padding: 0;
}
section.aret-i-korthet .splash {
    margin: 30px auto;
    margin-bottom: 0;
    height: auto;
    max-width: 244px;
}

section.aret-i-korthet .content {
    width: 84%;
    max-width: 100%;
    text-align: center;
    position: relative;
    margin-top: 15px;
    margin: 50px 8%}

section.aret-i-korthet .content h3, section.aret-i-korthet .content p {
    max-width: 670px;
    margin: 0 auto;
}
section.aret-i-korthet .siffror {
  width: 100%;
  display: grid;
  text-align: left;
  background-position: bottom right;
  padding: 30px;
  background-repeat: no-repeat;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
}
/*
section.aret-i-korthet .siffror:after, section.aret-i-korthet .siffror:before {
    content: "";
    display: table;
}
section.aret-i-korthet .siffror:after {
    clear: both;
}
section.aret-i-korthet .siffror:after, section.aret-i-korthet .siffror:before {
    content: "";
    display: table;
}
section.aret-i-korthet .siffror:after {
    clear: both;
}*/
section.aret-i-korthet .siffra {
    display: block;
    width: 100%;
    border-bottom: 1px solid #91c5d5;
    margin: 0 1%;
    margin-bottom: 6px;
    padding-bottom: 15px;
    font-family: svs-Bold, arial, sans-serif;
    text-align: left;
    letter-spacing: -.01em;
}

section.aret-i-korthet .siffra span {
    display: block;
}
section.aret-i-korthet .siffra span.digit {
    display: inline;
}
section.aret-i-korthet .siffra .num, section.aret-i-korthet .siffra .unit {
    font-size: 36pt;
    color: #0000f5;
    vertical-align: baseline;
    line-height: 1em;
    white-space: nowrap;
}
section.aret-i-korthet .siffra .unit {
    font-size: 15pt;
    display: inline;
}
section.aret-i-korthet .siffra .name {
    font-size: 12pt;
    clear: both;
    padding-top: 0;
    line-height: 1.2em;
}
section.aret-i-korthet .siffra.lila {
    border-bottom: 1px solid #9664ff;
}
section.aret-i-korthet .siffra.lila .num, section.aret-i-korthet .siffra.lila .unit {
    color: #9664ff;
}
section.aret-i-korthet .siffra.rosa {
    border-bottom: 1px solid #ff5aaa;
}
section.aret-i-korthet .siffra.rosa .num, section.aret-i-korthet .siffra.rosa .unit {
    color: #ff5aaa;
}
section.aret-i-korthet .siffra.svart {
    border-bottom: 0px solid #000;
}
section.aret-i-korthet .siffra.svart .num, section.aret-i-korthet .siffra.svart .unit {
    color: #000;
}
section.aret-i-korthet .siffra.rod {
    border-bottom: 0px solid #ff0000;
}
section.aret-i-korthet .siffra.rod .num, section.aret-i-korthet .siffra.rod .unit {
    color: #ff0000;
}

section.aret-i-korthet .col .btnholder {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 100px;
    width: 100%;
    padding: 45px 35px;
    text-align: center;
}



section.medarbetare2022 .icon { margin-bottom: 20px; width: 100px; height: auto; }

section.medarbetare2022 {
    background-color: #fff;
    background-size: 0 0;
}
section.medarbetare2022 .inner {
    text-align: left;
    padding: 0;
}
section.medarbetare2022 .splash {
    margin: 30px auto;
    margin-bottom: 0;
    height: auto;
    max-width: 244px;
}
section.medarbetare2022 .content {
    width: 84%;
    max-width: 100%;
    text-align: center;
    position: relative;
    margin-top: 15px;
    margin: 20px 8%}
section.medarbetare2022 .content h3, section.medarbetare2022 .content p {
    max-width: 670px;
    margin: 0 auto;
}
section.medarbetare2022 .siffror {
    width: 100%;
    display: inline-block;
    text-align: center;
    background-position: bottom right;
    padding: 30px;
    background-repeat: no-repeat;
}
section.medarbetare2022 .siffror:after, section.medarbetare2022 .siffror:before {
    content: "";
    display: table;
}
section.medarbetare2022 .siffror:after {
    clear: both;
}
section.medarbetare2022 .siffror:after, section.medarbetare2022 .siffror:before {
    content: "";
    display: table;
}
section.medarbetare2022 .siffror:after {
    clear: both;
}
section.medarbetare2022 .siffra {
    display: block;
    width: 100%;
    border-bottom: 0px solid #91c5d5;
    margin: 0 1%;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-family: svs-Bold, arial, sans-serif;
    text-align: center;
    letter-spacing: -.01em;
}
section.medarbetare2022 .siffra span {
    display: block;
}
section.medarbetare2022 .siffra span.digit {
    display: inline;
}
section.medarbetare2022 .siffra .num, section.medarbetare2022 .siffra .unit {
    font-size: 36pt;
    color: #ff0000;
    vertical-align: baseline;
    line-height: 1em;
    white-space: nowrap;
    text-align: center;
}
section.medarbetare2022 .siffra .unit {
    font-size: 15pt;
    display: inline;
}
section.medarbetare2022 .siffra .name {
    font-size: 12pt;
    clear: both;
    padding-top: 0;
    line-height: 1.2em;
}
section.medarbetare2022 .siffra.lila {
    border-bottom: 0px solid #9664ff;
}
section.medarbetare2022 .siffra.lila .num, section.medarbetare2022 .siffra.lila .unit {
    color: #9664ff;
}
section.medarbetare2022 .siffra.rosa {
    border-bottom: 0px solid #ff5aaa;
}
section.medarbetare2022 .siffra.rosa .num, section.medarbetare2022 .siffra.rosa .unit {
    color: #ff5aaa;
}


section.vd-har-ordet {
    background-position: center center;
    background-color: #000;
    color: #fff;
    padding-top: 180px;
    overflow-y: hidden;
}
section.vd-har-ordet .content {
    /* max-width: 700px; */
    margin: 0;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, .3);
}
section.vd-har-ordet h2 {
    font-size: 31pt;
    margin-bottom: 20px;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, .3);
}
section.vd-har-ordet .splash {
    margin-bottom: 3px;
    padding-left: 12px;
    display: block;
    text-align: left;
}
section.vd-har-ordet .splash img {
    max-width: 150px;
    height: auto;
    margin-left: 35%;
}
section.vd-har-ordet a.btn {
    margin-top: 0;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, .3);
}

section.vara-maal {
    background-color: #fff;
    background-size: 0 0;
}
section.vara-maal .inner {
    text-align: left;
    padding: 0;
}
section.vara-maal .inner .inner-wrapper {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  grid-gap: 60px;
}
section.vara-maal .splash {
    margin: 30px auto;
    margin-bottom: 0;
    height: auto;
    max-width: 244px;
}
section.vara-maal .content {
    width: 84%;
    max-width: 100%;
    text-align: center;
    position: relative;
    margin-top: 15px;
    margin: 50px 8%
}

section.vara-maal .hallbarhet-maal {
    text-align: left;
    background-position: bottom right;
    padding: 0px;
    background-repeat: no-repeat;
}
section.vara-maal .uppdrag-maal {
  text-align: left;
  background-position: bottom right;
  padding: 0px;
  background-repeat: no-repeat;
}

section.vara-maal .content h3, section.vara-maal .content p {
    max-width: 670px;
    margin: 0 auto;
}
/*
section.vara-maal .siffror-maal:after, section.vara-maal .siffror-maal:before {
    content: "";
    display: table;
}
section.vara-maal .siffror-maal:after {
    clear: both;
}
section.vara-maal .siffror-maal:after, section.vara-maal .siffror-maal:before {
    content: "";
    display: table;
}
section.vara-maal .siffror-maal:after {
    clear: both;
}
*/
section.vara-maal .hallbarhet-maal:after, section.vara-maal .hallbarhet-maal:before {
    content: "";
    display: table;
}
section.vara-maal .hallbarhet-maal:after {
    clear: both;
}
section.vara-maal .hallbarhet-maal:after, section.vara-maal .hallbarhet-maal:before {
    content: "";
    display: table;
}
section.vara-maal .hallbarhet-maal:after {
    clear: both;
}

section.vara-maal .uppdrag-maal:after, section.vara-maal .uppdrag-maal:before {
    content: "";
    display: table;
}
section.vara-maal .uppdrag-maal:after {
    clear: both;
}
section.vara-maal .uppdrag-maal:after, section.vara-maal .uppdrag-maal:before {
    content: "";
    display: table;
}
section.vara-maal .uppdrag-maal:after {
    clear: both;
}

section.vara-maal a.btn {
    margin-top: 35px;
}
section.vara-maal .col a.btn {
    width: 188px;
    height: 60px;
    font-size: 18pt;
}
section.vara-maal .siffror-maal {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px;
}
section.vara-maal .siffra {
    display: block;
    /*width: 60%;
    margin: 0 17%; */
    border-bottom: 1px solid #91c5d5;
    margin-bottom: 6px;
    padding-bottom: 15px;
    font-family: svs-Bold, arial, sans-serif;
    text-align: left;
    letter-spacing: -.01em;
}
section.vara-maal .siffra span {
    display: block;
}
section.vara-maal .siffra span.digit {
    display: inline;
}
section.vara-maal .siffra .num, section.vara-maal .siffra .unit {
    font-size: 36pt;
    color: #0000f5;
    vertical-align: baseline;
    line-height: 1em;
    white-space: nowrap;
}
section.vara-maal .siffra .unit {
    font-size: 15pt;
    display: inline;
}
section.vara-maal .siffra .name {
    font-size: 12pt;
    clear: both;
    padding-top: 0;
    line-height: 1.2em;
}

section.vara-maal .siffra.lila {
    border-bottom: 1px solid #9664ff;
}
section.vara-maal .siffra.lila .num, section.vara-maal .siffra.lila .unit {
    color: #9664ff;
}
section.vara-maal .siffra.rosa {
    border-bottom: 1px solid #ff5aaa;
}
section.vara-maal .siffra.rosa .num, section.vara-maal .siffra.rosa .unit {
    color: #ff5aaa;
}
section.vara-maal .siffra.svart {
    border-bottom: 0px solid #000000;
}
section.vara-maal .siffra.svart .num, section.vara-maal .siffra.svart .unit {
    color: #000000;
}



section.spelkoll .col .content {
    text-align: left;
    padding-bottom: 200px;
}
section.spelkoll .col2 .content {
    text-align: right;
    padding-bottom: 200px;
}

section.spelkoll .content-col {
    text-align: left;
}

section.spelkoll img {
    max-height: 100%;
    max-width: 100%}

section.affarsomraden .markets {
    display: inline-block;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
}
section.affarsomraden .markets:after, section.affarsomraden .markets:before {
    content: "";
    display: table;
}
section.affarsomraden .markets:after {
    clear: both;
}
section.affarsomraden .markets:after, section.affarsomraden .markets:before {
    content: "";
    display: table;
}
section.affarsomraden .markets:after {
    clear: both;
}
section.affarsomraden .col {
    width: 100%;
    display: inline-block;
    position: relative;
    font-family: svs-Bold, arial, sans-serif;
    margin-bottom: 20px;
    text-align: left;
}
section.affarsomraden .col span {
    max-width: 200px;
}
section.affarsomraden .col h3 {
    display: block;
    background: #fffefe;
    width: 100%;
    height: 100px;
    font-size: 17pt;
    letter-spacing: -.01em;
    padding: 25px 35px;
    font-family: svs-Bold, arial, sans-serif;
    position: relative;
    overflow: hidden;
}
section.affarsomraden .col h3 span {
    display: inline-block;
}
section.affarsomraden .col .content {
    width: 100%;
    padding: 20px;
    text-align: center;
    position: relative;
}
section.affarsomraden .col .content img {
    width: 100%;
    height: auto;
}
section.affarsomraden .col .btnholder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 45px 35px;
    text-align: left;
}
section.affarsomraden .col a.btn {
    margin: 0;
    width: 130px;
    height: 40px;
    font-size: 12pt;
}
section.affarsomraden .col .siffra {
    border-bottom: 1px solid #9664f5;
    margin-bottom: 8px;
    padding-bottom: 14px;
}
section.affarsomraden .col .siffra:last-child {
    margin-bottom: 0;
}
section.affarsomraden .col .siffra span {
    display: block;
}
section.affarsomraden .col .siffra span.digit {
    display: inline;
}
section.affarsomraden .col .siffra .num, section.affarsomraden .col .siffra .unit {
    font-size: 35pt;
    color: #9664f5;
    vertical-align: baseline;
    line-height: 1em;
    white-space: nowrap;
}
section.affarsomraden .col .siffra .unit {
    font-size: 20pt;
    display: inline;
}
section.affarsomraden .col .siffra .name {
    font-size: 13pt;
    clear: both;
    padding-top: 0;
}
section.affarsomraden .col .siffra.first .unit {
    font-size: 35pt;
    line-height: 1em;
}
section.affarsomraden .col.pink a.btn {
    background: #9664f5;
}
section.affarsomraden .col.blue {
    background: #d1f3fe;
}
section.affarsomraden .col.blue h3 {
    background: #f7fdff;
}
section.affarsomraden .col.blue h3 span {
    max-width: 160px;
}
section.affarsomraden .col.blue a.btn {
    background: #01b5e5;
}
section.affarsomraden .col.blue .siffra {
    border-color: #01b5e5;
}
section.affarsomraden .col.blue .siffra .num, section.affarsomraden .col.blue .siffra .unit {
    color: #01b5e5;
}
section.affarsomraden .col.green {
    background: #e8fbf2;
}
section.affarsomraden .col.green span {
    max-width: 160px;
}
section.affarsomraden .col.green h3 {
    background: #fdfffe;
}
section.affarsomraden .col.green a.btn {
    background: #00d773;
}
section.affarsomraden .col.green .siffra {
    border-color: #00d773;
}
section.affarsomraden .col.green .siffra .num, section.affarsomraden .col.green .siffra .unit {
    color: #00d773;
}
section.affarsomraden .col.pink {
    background: #EAE0FD;
}
section.affarsomraden .col .siffror {
    padding: 35px;
}



section.medarbetare2022 .markets {
    display: inline-block;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
}
section.medarbetare2022 .markets:after, section.medarbetare2022 .markets:before {
    content: "";
    display: table;
}
section.medarbetare2022 .markets:after {
    clear: both;
}
section.medarbetare2022 .markets:after, section.medarbetare2022 .markets:before {
    content: "";
    display: table;
}
section.medarbetare2022 .markets:after {
    clear: both;
}
section.medarbetare2022 .col {
    width: 100%;
    display: inline-block;
    position: relative;
    font-family: svs-Bold, arial, sans-serif;
    margin-bottom: 20px;
    text-align: left;
}
section.medarbetare2022 .col span {
    max-width: 200px;
}
section.medarbetare2022 .col h3 {
    display: block;
    background: #fffefe;
    width: 100%;
    height: 100px;
    font-size: 17pt;
    letter-spacing: -.01em;
    padding: 25px 35px;
    font-family: svs-Bold, arial, sans-serif;
    position: relative;
    overflow: hidden;
}
section.medarbetare2022 .col h3 span {
    display: inline-block;
}
section.medarbetare2022 .col .content {
    width: 100%;
    padding: 20px;
    text-align: center;
    position: relative;
}
section.medarbetare2022 .col .content img {
    width: 100%;
    height: auto;
}
section.medarbetare2022 .col .btnholder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 45px 35px;
    text-align: left;
}
section.medarbetare2022 .col a.btn {
    margin: 0;
    width: 130px;
    height: 40px;
    font-size: 12pt;
}
section.medarbetare2022 .col .siffra {
    border-bottom: 1px solid #9664f5;
    margin-bottom: 8px;
    padding-bottom: 14px;
}
section.medarbetare2022 .col .siffra:last-child {
    margin-bottom: 0;
}
section.medarbetare2022 .col .siffra span {
    display: block;
}
section.medarbetare2022 .col .siffra span.digit {
    display: inline;
}
section.medarbetare2022 .col .siffra .num, section.medarbetare2022 .col .siffra .unit {
    font-size: 35pt;
    color: #9664f5;
    vertical-align: baseline;
    line-height: 1em;
    white-space: nowrap;
}
section.medarbetare2022 .col .siffra .unit {
    font-size: 20pt;
    display: inline;
}
section.medarbetare2022 .col .siffra .name {
    font-size: 13pt;
    clear: both;
    padding-top: 0;
}
section.medarbetare2022 .col .siffra.first .unit {
    font-size: 35pt;
    line-height: 1em;
}
section.medarbetare2022 .col.pink a.btn {
    background: #9664f5;
}
section.medarbetare2022 .col.blue {
    background: #d1f3fe;
}
section.medarbetare2022 .col.blue h3 {
    background: #f7fdff;
}
section.medarbetare2022 .col.blue h3 span {
    max-width: 160px;
}
section.medarbetare2022 .col.blue a.btn {
    background: #01b5e5;
}
section.medarbetare2022 .col.blue .siffra {
    border-color: #01b5e5;
}
section.medarbetare2022 .col.blue .siffra .num, section.medarbetare2022 .col.blue .siffra .unit {
    color: #01b5e5;
}
section.medarbetare2022 .col.green {
    background: #e8fbf2;
}
section.medarbetare2022 .col.green span {
    max-width: 160px;
}
section.medarbetare2022 .col.green h3 {
    background: #fdfffe;
}
section.medarbetare2022 .col.green a.btn {
    background: #00d773;
}
section.medarbetare2022 .col.green .siffra {
    border-color: #00d773;
}
section.medarbetare2022 .col.green .siffra .num, section.medarbetare2022 .col.green .siffra .unit {
    color: #00d773;
}
section.medarbetare2022 .col.pink {
    background: #EAE0FD;
}
section.medarbetare2022 .col .siffror {
    padding: 35px;
}

section.medarbetare2022 .splash {
    position: absolute;
    top: 0px;
    right: 400px;
    z-index: 20;
    max-width: 300px;
    height: auto;
}



section.spelkoll .col a.btn {
    margin: 0;
    width: 130px;
    height: 40px;
    font-size: 12pt;
}
section.spelkoll .col2 a.btn {
    margin: 0;
    width: 130px;
    height: 40px;
    font-size: 12pt;
}



section.varamal .markets {
    display: inline-block;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: left;
}
section.varamal .markets:after, section.varamal .markets:before {
    content: "";
    display: table;
}
section.varamal .markets:after {
    clear: both;
}
section.varamal .markets:after, section.varamal .markets:before {
    content: "";
    display: table;
}
section.varamal .markets:after {
    clear: both;
}
section.varamal .col {
    width: 100%;
    display: inline-block;
    position: relative;
    font-family: svs-Regular, arial, sans-serif;
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top;
}
section.varamal .col span {
    max-width: 200px;
}
section.varamal .col h3 {
    display: block;
    background: #fffefe;
    width: 100%;
    height: 100px;
    font-size: 17pt;
    letter-spacing: -.01em;
    padding: 25px 35px;
    font-family: svs-Bold, arial, sans-serif;
    position: relative;
    overflow: hidden;
}
section.varamal .col h3 span {
    display: inline-block;
}
section.varamal .col .content {
    width: 100%;
    padding: 20px;
    text-align: left;
    position: relative;
}
section.varamal .col .content img {
    width: 100%;
    height: auto;
}
section.varamal .col .btnholder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 45px 35px;
    text-align: left;
}
section.varamal .col a.btn {
    margin: 0;
    width: 130px;
    height: 40px;
    font-size: 12pt;
}
section.varamal .col .siffra {
    border-bottom: 1px solid #9664f5;
    margin-bottom: 8px;
    padding-bottom: 14px;
}
section.varamal .col .siffra:last-child {
    margin-bottom: 0;
}
section.varamal .col .siffra span {
    display: block;
}
section.varamal .col .siffra span.digit {
    display: inline;
}
section.varamal .col .siffra .num, section.varamal .col .siffra .unit {
    font-size: 35pt;
    color: #9664f5;
    vertical-align: baseline;
    line-height: 1em;
    white-space: nowrap;
}
section.varamal .col .siffra .unit {
    font-size: 20pt;
    display: inline;
}
section.varamal .col .siffra .name {
    font-size: 13pt;
    clear: both;
    padding-top: 0;
}
section.varamal .col .siffra.first .unit {
    font-size: 35pt;
    line-height: 1em;
}
section.varamal .col.pink a.btn {
    background: #9664f5;
}
section.varamal .col.blue {
    background: #d1f3fe;
}
section.varamal .col.blue h3 {
    background: #f7fdff;
}
section.varamal .col.blue h3 span {
    max-width: 160px;
}
section.varamal .col.blue a.btn {
    background: #01b5e5;
}
section.varamal .col.blue .siffra {
    border-color: #01b5e5;
}
section.varamal .col.blue .siffra .num, section.varamal .col.blue .siffra .unit {
    color: #01b5e5;
}
section.varamal .col.green {
    background: #e8fbf2;
}
section.varamal .col.green span {
    max-width: 160px;
}
section.varamal .col.green h3 {
    background: #fdfffe;
}
section.varamal .col.green a.btn {
    background: #00d773;
}
section.varamal .col.green .siffra {
    border-color: #00d773;
}
section.varamal .col.green .siffra .num, section.varamal .col.green .siffra .unit {
    color: #00d773;
}
section.varamal .col.white {
    background: #ffeceb;
}
section.varamal .col.white span {
    max-width: 360px;
}
section.varamal .col.white h3 {
    background: #ffeceb;
}
section.varamal .col.white a.btn {
    background: #00d773;
}
section.varamal .col.white .siffra {
    border-color: #00d773;
}
section.varamal .col.white .siffra .num, section.varamal .col.white .siffra .unit {
    color: #ffeceb;
}
section.varamal .col.pink {
    background: #EAE0FD;
}
section.varamal .col .siffror {
    padding: 35px;
}


section.hallbarhet {
    background: #FFECEA;
}
section.hallbarhet .items {
    width: 100%;
    margin: 0 -2%;
    display: inline-block;
    text-align: center;
}
section.hallbarhet .items:after, section.hallbarhet .items:before {
    content: "";
    display: table;
}
section.hallbarhet .items:after {
    clear: both;
}
section.hallbarhet .items:after, section.hallbarhet .items:before {
    content: "";
    display: table;
}
section.hallbarhet .items:after {
    clear: both;
}
section.hallbarhet .items .item {
    width: 31%;
    display: inline-block;
    margin: .8%}
section.hallbarhet .items .item.active {
    cursor: pointer;
}
section.hallbarhet .items .item.active img {
    cursor: pointer;
}
section.hallbarhet .items .item img {
    max-width: 100%;
    height: auto;
}
section.medlemskap .items {
    width: 100%;
    margin: 0 -10px;
    display: inline-block;
    text-align: center;
}
section.medlemskap .items:after, section.medlemskap .items:before {
    content: "";
    display: table;
}
section.medlemskap .items:after {
    clear: both;
}
section.medlemskap .items:after, section.medlemskap .items:before {
    content: "";
    display: table;
}
section.medlemskap .items:after {
    clear: both;
}
section.medlemskap .items .item {
    width: 100%;
    max-width: 380px;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    padding-bottom: 40px;
}
section.medlemskap .items .item .img {
    background: #fff;
    text-align: center;
    width: 100%;
    height: 146px;
    margin-bottom: 10px;
    padding: 10px;
}
section.medlemskap .items .item .img img.logo {
    height: auto;
    width: auto;
    max-width: 87.85%}
section.medlemskap .items .item p {
    display: block;
}
section.spelmarknaden {
    background: #fff;
}
section.spelmarknaden .content {
    text-align: center;
    max-width: 740px;
    margin: 0 auto;
}
section.spelmarknaden .charts {
    background: #ffeceb;
    width: 100%;
    min-height: 500px;
    margin: 30px auto;
    padding: 30px 30px 10px;
    text-align: center;
    display: inline-block;
}
section.spelmarknaden .charts:after, section.spelmarknaden .charts:before {
    content: "";
    display: table;
}
section.spelmarknaden .charts:after {
    clear: both;
}
section.spelmarknaden .charts:after, section.spelmarknaden .charts:before {
    content: "";
    display: table;
}
section.spelmarknaden .charts:after {
    clear: both;
}
section.spelmarknaden .charts h3 {
    font-size: 15pt;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}
section.spelmarknaden .charts h3 span {
    font-weight: 400;
    font-size: 12pt;
}
section.spelmarknaden .charts .col {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    display: inline-block;
}
section.spelmarknaden .charts canvas {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
section.medarbetare {
    background-color: #ffeceb;
}
section.medarbetare .content {
    text-align: center;
    max-width: 740px;
    margin: 0 auto;
}
section.medarbetare .splash {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 20;
    max-width: 137px;
    height: auto;
}
section.medarbetare .videocontainer {
    display: inline-block;
}
section.medarbetare .videocontainer:after, section.medarbetare .videocontainer:before {
    content: "";
    display: table;
}
section.medarbetare .videocontainer:after {
    clear: both;
}
section.medarbetare .videocontainer:after, section.medarbetare .videocontainer:before {
    content: "";
    display: table;
}
section.medarbetare .videocontainer:after {
    clear: both;
}
section.strategi {
    background-position: top center;
    background-color: #000;
    color: #fff;
}
section.strategi .inner {
    padding-top: 170px;
    padding-bottom: 110px;
}
section.strategi .content {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
section.strategi .content:after, section.strategi .content:before {
    content: "";
    display: table;
}
section.strategi .content:after {
    clear: both;
}
section.strategi .content:after, section.strategi .content:before {
    content: "";
    display: table;
}
section.strategi .content:after {
    clear: both;
}
section.strategi h2 {
    margin-bottom: 45px;
    font-size: 140px;
}
section.strategi:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: #000;
    opacity: .2;
    z-index: 0;
}
section.footer {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    min-height: 75px;
}
section.footer .inner {
    padding: 20px;
    padding-bottom: 0;
}
section.footer .content {
    display: inline-block;
    max-width: 100%}
section.footer .content:after, section.footer .content:before {
    content: "";
    display: table;
}
section.footer .content:after {
    clear: both;
}
section.footer .content:after, section.footer .content:before {
    content: "";
    display: table;
}
section.footer .content:after {
    clear: both;
}
section.footer a {
    color: #fff;
    float: right;
    display: inline-block;
    clear: both;
    font-size: 8pt;
    line-height: 1em;
}
section.footer a.logo {
    float: left;
    width: 104px;
    height: 30px;
    background: url(https://om.svenskaspel.se/AnnualReport/2021/en/wp-content/themes/svspel/lib/gfx/svs-logo-footer-x2.png) no-repeat;
    background-size: 104px 30px;
    -webkit-transition: none 0s;
    transition: none 0s;
}
section.footer a.logo span {
    display: none;
}
section.footer ul {
    float: right;
}
section.footer ul li {
    display: inline-block;
}
section.footer:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: #000;
    opacity: .1;
}
ul.social li {
    margin-left: 8px;
}
ul.social li a {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    position: relative;
}
ul.social li a span {
    display: none;
}
ul.social li a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    font-family: FontAwesomeBrands;
    color: #fff;
    font-size: 9px;
    text-align: center;
    line-height: 20px;
}
ul.social li a.fb:after {
    content: "\f39e"}
ul.social li a.tw:after {
    content: "\f099"}
ul.social li a.insta:after {
    content: "\f16d";
    font-size: 9px;
}
ul.social li a.yt:after {
    content: "\f167"}
.fancybox-infobar, .fancybox-navigation, .fancybox-toolbar {
    display: none!important;
}
.fancybox-slide--html .fancybox-content h3 {
    font-family: svs-Bold, arial, sans-serif;
    margin-bottom: 25px;
}
.fancybox-slide--html .fancybox-content p {
    margin: 10px 0;
    font-size: 11pt;
}
.fancybox-slide--html .fancybox-content p img {
    margin-top: -10px;
}
.fancybox-slide--html .hallbarhet.fancybox-content {
    width: 80%;
    max-width: 722px;
    max-height: 90%;
    margin: 0;
    padding: 30px;
    padding-left: 40px;
    padding-top: 50px;
    padding-bottom: 20px;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content h3 {
    display: block;
    width: 100%}
.fancybox-slide--html .hallbarhet.fancybox-content .content .cols {
    width: 100%;
    display: inline-block;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .cols:after, .fancybox-slide--html .hallbarhet.fancybox-content .content .cols:before {
    content: "";
    display: table;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .cols:after {
    clear: both;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .cols:after, .fancybox-slide--html .hallbarhet.fancybox-content .content .cols:before {
    content: "";
    display: table;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .cols:after {
    clear: both;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .col {
    width: 100%;
    margin-bottom: 20px;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .img-col {
    padding: 0;
}
.fancybox-slide--html .hallbarhet.fancybox-content .content .img-col img {
    max-width: 100%;
    height: auto;
}
.fancybox-slide--html .hallbarhet.fancybox-content .fancybox-close-small {
    padding: 0;
    right: 10px;
    top: 12px;
    width: 35px;
    height: 32px;
    opacity: 1;
}
.fancybox-slide--html .hallbarhet.fancybox-content .fancybox-close-small img, .fancybox-slide--html .hallbarhet.fancybox-content .fancybox-close-small svg {
    display: none;
}
.fancybox-slide--html .hallbarhet.fancybox-content .fancybox-close-small:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    width: 35px;
    height: 32px;
    font-family: FontAwesomeRegular;
    font-weight: 700;
    color: #000;
    font-size: 32px;
    text-align: center;
    line-height: 26px;
    content: "\f410"}
.fancybox-slide--html .affarsomrade.fancybox-content {
    width: 90%;
    height: 820px;
    max-width: 1200px;
    margin: 0;
    padding: 55px 25px;
}
/*.fancybox-slide--html .affarsomrade.fancybox-content .content {
    margin-top: 170px;
}*/
.fancybox-slide--html .affarsomrade.fancybox-content .content h3 {
    font-size: 28pt;
    margin-bottom: 25px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content .col {
    width: 100%;
    padding-left: 12px;
    position: relative;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content .videocontainer {
    width: 100%;
    margin-top: 20px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .topbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #9664f5;
}
.fancybox-slide--html .affarsomrade.fancybox-content .h3 img.splash {
    width: 100%;
    height: auto;
    visibility: visible;
    -webkit-transform: translateX(-300px) translateY(0) scale(1);
    -moz-transform: translateX(-300px) translateY(0) scale(1);
    -ms-transform: translateX(-300px) translateY(0) scale(1);
    -o-transform: translateX(-300px) translateY(0) scale(1);
    transform: translateX(-300px) translateY(0) scale(1);
    opacity: 0;
    margin-left: -12px;
    margin-bottom: 0;
    -webkit-animation: slideinleft .5s cubic-bezier(.175, .885, .32, 1.275) .3s 1 normal forwards;
    -moz-animation: slideinleft .5s cubic-bezier(.175, .885, .32, 1.275) .3s 1 normal forwards;
    -o-animation: slideinleft .5s cubic-bezier(.175, .885, .32, 1.275) .3s 1 normal forwards;
    animation: slideinleft .5s cubic-bezier(.175, .885, .32, 1.275) .3s 1 normal forwards;
}
.fancybox-slide--html .affarsomrade.fancybox-content img.puff {
    margin: 20px auto;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor {
    display: inline-block;
    width: 100%;
    clear: both;
    padding: 20px;
    margin-top: 20px;
    background: #EAE0FD;
    vertical-align: top;
    text-align: center;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor:after, .fancybox-slide--html .affarsomrade.fancybox-content .loggor:before {
    content: "";
    display: table;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor:after {
    clear: both;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor:after, .fancybox-slide--html .affarsomrade.fancybox-content .loggor:before {
    content: "";
    display: table;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor:after {
    clear: both;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor .logos img {
    max-width: 100%;
    height: auto;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor .logos.desktop {
    display: none;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul {
    display: inline-block;
    display: block;
    max-width: 630px;
    width: 100%;
    text-align: left;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul:after, .fancybox-slide--html .affarsomrade.fancybox-content .loggor ul:before {
    content: "";
    display: table;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul:after {
    clear: both;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul:after, .fancybox-slide--html .affarsomrade.fancybox-content .loggor ul:before {
    content: "";
    display: table;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul:after {
    clear: both;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li {
    min-height: 40px;
    width: 50%}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li img {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
/*.fancybox-slide--html .affarsomrade.fancybox-content.red .content {
    margin-top: 110px;
}*/
.fancybox-slide--html .affarsomrade.fancybox-content.red .loggor {
    background: #EAE0FD;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .topbar {
    background: #00befa;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .loggor {
    background: #e5f8fe;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .col .splash {
    margin-top: -80px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .topbar {
    background: #00d773;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .loggor {
    background: #e8f6f0;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .loggor ul li {
    min-height: 54px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .col .splash {
    margin-top: -70px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .fancybox-close-small {
    padding: 0;
    right: 9px;
    top: 9px;
    width: 32px;
    height: 32px;
    opacity: 1;
}
.fancybox-slide--html .affarsomrade.fancybox-content .fancybox-close-small img, .fancybox-slide--html .affarsomrade.fancybox-content .fancybox-close-small svg {
    display: none;
}
.fancybox-slide--html .affarsomrade.fancybox-content .fancybox-close-small:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    width: 32px;
    height: 32px;
    font-family: FontAwesomeRegular;
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 30px;
    content: "\f057"}
.fancybox-is-open .fancybox-bg {
    opacity: .66;
}
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#chartjs-tooltip th {
    font-size: 10pt;
    font-weight: 400;
    font-family: svs-Bold, arial, sans-serif;
    padding-bottom: 6px;
}
.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
}
@media only screen and (max-width:400px) {

  section.vd-har-ordet .splash img { display: none; }
    section.affarsomraden .col h3 {
    height: 95px;
}
section.affarsomraden .col.blue h3:after {
    width: 115px;
    height: 95px;
    background-size: contain;
}
section.affarsomraden .col.green h3:after {
    width: 120px;
    height: 80px;
    background-size: contain;
}

section.medarbetare2022 .col h3 {
height: 95px;
}
section.medarbetare2022 .col.blue h3:after {
width: 115px;
height: 95px;
background-size: contain;
}
section.medarbetare2022 .col.green h3:after {
width: 120px;
height: 80px;
background-size: contain;
}
.fancybox-slide--html .affarsomrade.fancybox-content.red img.puff {
    max-width: 120%;
    height: auto;
    margin-left: -30px;
}
}
@media only screen and (max-width:1180px) and (min-width:768px) {
  section.aret-i-korthet .siffror  {
    grid-template-columns: 1fr 1fr;
  }
  section.vara-maal .inner-wrapper {
    width: 84%;
    max-width: 100%;
    margin-top: 15px;
    margin: 50px 8%;
    padding: 0 30px;
    }
  section.vara-maal .inner .inner-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    grid-template-areas: 'numbers numbers' 'hallbar uppdrag';
  }
  section.vara-maal .inner .inner-wrapper .siffror-maal {
    grid-area: numbers;
  }
  section.vara-maal .inner .inner-wrapper .hallbarhet-maal {
    grid-area: hallbar;
  }
  section.vara-maal .inner .inner-wrapper .uppdrag-maal {
    grid-area: uppdrag;
  }
}

@media only screen and (max-width:767px) {

  section.vara-maal .inner .inner-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  section.vara-maal .siffror-maal {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    width: 84%;
    margin: 0 auto;
  }
  section.vara-maal .siffra {
    margin: 0 35px;
  }
  section.aret-i-korthet .siffror  {
    grid-template-columns: 1fr;
  }

section .inner {
      margin: 0 auto;
      width: 100%;
      text-align: center;
      padding: 45px 20px;
  }

section.medarbetare2022 {
    padding-bottom: 30px;
}

section.vara-maal .hallbarhet-maal {
      margin: 0 0 10px 36px;
      width: 60%;
      text-align: left;
      background-position: bottom right;
      padding: 30px;
      background-repeat: no-repeat;
      float: left;
  }

  section.vara-maal .uppdrag-maal {
    margin: -30px 0 10px 36px;
    width: 60%;
    text-align: left;
    background-position: bottom right;
    padding: 30px;
    background-repeat: no-repeat;
    float: left;
}

section.start-screen .splash {
    display: none;
}

section.affarsomraden .splash {
    display: none;
}

section.strategi .splash {
    display: none;
}

.affarsomrade .inner {
    margin-top: -80px;
}

.hallbarhet-sdg {
  width: 100%; text-align: center; margin-bottom: 20px;
}

section.medarbetare2022 .inner {
  margin-top: 50px;
}

a.btn {
  line-height: 44px;
  margin: 5px auto;
}

.col2 {
  display: none;
}

section.strategi h2 {
    margin-bottom: 45px;
    font-size: 60px;
}
}


@media only screen and (max-width:1080px) {

  section.medarbetare2022 .splash { display: none;}

section .inner {
      margin: 0 auto;
      width: 100%;
      text-align: center;
      padding: 45px 20px;
  }

section.medarbetare2022 {
    padding-bottom: 30px;
}


section.start-screen .splash {
    display: none;
}

section.affarsomraden .splash {
    display: none;
}

section.strategi .splash {
    display: none;
}

.affarsomrade .inner {
    margin-top: 40px;
}

.hallbarhet-sdg {
  width: 100%; text-align: center; margin-bottom: 20px;
}

section.medarbetare2022 .inner {
  margin-top: 50px;
}

a.btn {
  line-height: 44px;
  margin: 5px auto;
}
section.affarsomraden .col a.btn {
  line-height: 40px;
}


section.strategi h2 {
    margin-bottom: 45px;
    font-size: 60px;
}
}


@media only screen and (max-width:1024px) {

.col2 {
  display: none;
}
}

@media only screen and (min-width:600px) {

  .hallbarhet-sdg { width: 50%; float: left; margin-bottom: 20px; }

    .fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li {
    float: left;
    min-height: 40px;
    width: 50%}
}@media only screen and (min-width:700px) {

    section.aret-i-korthet .siffra {
    margin-bottom: 20px;
    padding-bottom: 24px;
}
section.aret-i-korthet .siffra .num, section.aret-i-korthet .siffra .unit {
    font-size: 54pt;
}
section.aret-i-korthet .siffra .unit {
    font-size: 24pt;
}
section.aret-i-korthet .siffra .name {
    font-size: 18pt;
    padding-top: 6px;
}



section.medarbetare2022 .siffra {
margin-bottom: 20px;
padding-bottom: 24px;
}
section.medarbetare2022 .siffra .num, section.medarbetare2022 .siffra .unit {
font-size: 54pt;
}
section.medarbetare2022 .siffra .unit {
font-size: 24pt;
}
section.medarbetare2022 .siffra .name {
font-size: 18pt;
padding-top: 6px;
text-align: center;
}



section.vara-maal .siffra {
margin-bottom: 20px;
padding-bottom: 24px;
}
section.vara-maal .siffra .num, section.avara-maal .siffra .unit {
font-size: 54pt;
}
section.vara-maal .siffra .unit {
font-size: 24pt;
}
section.vara-maal .siffra .name {
font-size: 18pt;
padding-top: 6px;
}



section.medlemskap .items {
    margin: 0 1%}
section.medlemskap .items .item {
    width: 48%;
    margin: 0 .8%;
    padding-bottom: 40px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li {
    min-height: 70px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.fancybox-slide--html .affarsomrade.fancybox-content.red .loggor ul li {
    min-height: 50px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .loggor ul li {
    min-height: 50px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .loggor ul li {
    min-height: 70px;
}



}
@media only screen and (min-width:800px) {

#wrapper {
    padding-top: 50px;
}
#mobilenav {
    min-height: 50px;
    padding: 8px 20px;
}
#mobilenav a.logo {
    width: 118px;
    height: 34px;
    background-size: 118px 34px;
}
#mobilenav h2 {
    font-size: 13pt;
    margin-top: 8px;
}
#mobilenav ul.navigation {
    padding-top: 44px;
    padding-bottom: 60px;
    top: 50px;
}
#mobilenav ul.navigation li {
    margin: 16px 0;
}
#mobilenav ul.navigation li a {
    font-size: 15pt;
}
#mobilenav ul.navigation li.close {
    padding: 30px 0;
}
#mobilenav ul.navigation li.close a {
    width: 60px;
    height: 60px;
}
#mobilenav ul.navigation li.close a:after {
    font-size: 46px;
}
#mobilenav #togglebtn {
    width: 80px;
    height: 80px;
    top: -12px;
    left: 50%;
    margin-left: -40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
#mobilenav #togglebtn:after {
    font-size: 36px;
    line-height: 98px;
}
section.hallbarhet .items {
    margin: 0 -2%}
section.hallbarhet .items .item {
    width: 23%;
    margin: .8%;
  }
}
@media only screen and (min-width:900px) {
    section.hallbarhet .items {
    margin: 0 -5px;
}
section.hallbarhet .items .item {
    width: 15%;
    margin: 5px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor {
    position: relative;
    padding: 40px 40px;
    margin-top: 40px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .loggor, .fancybox-slide--html .affarsomrade.fancybox-content.green .loggor {
    position: relative;
    padding: 40px 40px;
    margin-top: 40px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .loggor img.puff, .fancybox-slide--html .affarsomrade.fancybox-content.green .loggor img.puff {
    position: absolute;
    right: -7px;
    top: -50px;
}
}@media only screen and (min-width:1024px) {



    #mobilenav a.lang {
    display: inline-block;
}
#mobilenav ul.navigation li.lang {
    display: none;
}
section {
    overflow-y: hidden;
}
.inner {
    padding: 50px 40px;
}

.affarsomrade .inner {
    padding: 50px 40px;
}

section.affarsomrade .content {
    padding: 200px 0; }

section.vd-har-ordet .inner {
    text-align: center;
    padding: 100px 40px;
}
section.vd-har-ordet .content {
    /* max-width: 600px; */
    text-align: center;
    margin: 0 auto;
}
section.affarsomraden .markets {
    margin-top: 46px;
}
section.affarsomraden .col {
    width: 31.5%;
    margin: 0;
    margin-bottom: 0;
}
section.affarsomraden .col h3 {
    padding: 32px 40px;
    font-size: 19pt;
    height: 120px;
}
section.affarsomraden .col.green {
    margin: 0 24px;
}
section.affarsomraden .col .siffra {
    margin-bottom: 24px;
    padding-bottom: 24px;
}
section.affarsomraden .col .siffra .num, section.affarsomraden .col .siffra .unit {
    font-size: 44pt;
}
section.affarsomraden .col .siffra .unit {
    font-size: 26pt;
}
section.affarsomraden .col .siffra .name {
    font-size: 16pt;
    padding-top: 2px;
}
section.affarsomraden .col .siffra.first .unit {
    font-size: 44pt;
}
section.affarsomraden .col.blue h3 span {
    max-width: 160px;
}
section.affarsomraden .col.blue h3:after {
    width: 140px;
    height: 116px;
    background-size: 140px 116px;
}
section.affarsomraden .col.pink {
    width: 31.5%}
section.affarsomraden .col.pink h3 span {
    max-width: 260px;
}


section.medarbetare2022 .markets {
    margin-top: 46px;
}
section.medarbetare2022 .col {
    width: 31.5%;
    margin: 0;
    margin-bottom: 0;
}
section.medarbetare2022 .col h3 {
    padding: 32px 40px;
    font-size: 19pt;
    height: 120px;
}
section.medarbetare2022 .col.green {
    margin: 0 24px;
}
section.medarbetare2022 .col .siffra {
    margin-bottom: 24px;
    padding-bottom: 24px;
}
section.medarbetare2022 .col .siffra .num, section.medarbetare2022 .col .siffra .unit {
    font-size: 44pt;
}
section.medarbetare2022 .col .siffra .unit {
    font-size: 26pt;
}
section.medarbetare2022 .col .siffra .name {
    font-size: 16pt;
    padding-top: 2px;
}
section.medarbetare2022 .col .siffra.first .unit {
    font-size: 44pt;
}
section.medarbetare2022 .col.blue h3 span {
    max-width: 160px;
}
section.medarbetare2022 .col.blue h3:after {
    width: 140px;
    height: 116px;
    background-size: 140px 116px;
}
section.medarbetare2022 .col.pink {
    width: 31.5%}
section.medarbetare2022 .col.pink h3 span {
    max-width: 260px;
}


section.varamal .markets {
    margin-top: 46px;
}
section.varamal .col {
    width: 31.5%;
    margin: 0;
    margin-bottom: 0;
}
section.varamal .col h3 {
    padding: 20px 20px;
    font-size: 19pt;
    height: 50px;
}
section.varamal .col.green {
    margin: 0 24px;
}
section.varamal .col .siffra {
    margin-bottom: 24px;
    padding-bottom: 24px;
}
section.varamal .col .siffra .num, section.varamal .col .siffra .unit {
    font-size: 44pt;
}
section.varamal .col .siffra .unit {
    font-size: 26pt;
}
section.varamal .col .siffra .name {
    font-size: 16pt;
    padding-top: 2px;
}
section.varamal .col .siffra.first .unit {
    font-size: 44pt;
}
section.varamal .col.blue h3 span {
    max-width: 160px;
}
section.varamal .col.blue h3:after {
    width: 140px;
    height: 116px;
    background-size: 140px 116px;
}
section.varamal .col.pink {
    width: 31.5%}
section.varamal .col.pink h3 span {
    max-width: 260px;
}


section.spelmarknaden .charts {
    padding: 40px 30px 20px;
    margin: 0 -2%}
section.spelmarknaden .charts h3 {
    font-size: 18pt;
    text-align: left;
}
section.spelmarknaden .charts h3 span {
    font-size: 14pt;
}
section.spelmarknaden .charts .col {
    width: 48%;
    margin-bottom: 0;
    text-align: left;
}
section.spelmarknaden .charts .col:first-child {
    margin-right: 2%}
section.spelmarknaden .charts canvas {
    width: 100%;
    margin: 0;
}
.aret-i-korthet h2 {
    font-size: 30pt;
}


.medarbetare2022 h2 {
    font-size: 30pt;
}

.vara-maal h2 {
    font-size: 30pt;
}
.spelkoll .inner {
    min-height: calc(100vh - 50px);
}
.spelkoll .content {
  width: 100%;
  max-width: 680px;
}

.spelkoll .col {
    height: 100%;
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 50px;
    margin-bottom: 70px;
}
.spelkoll .col:first-child {
    width: 52%;
    margin-right: 5%;
    text-align: left;
}
.spelkoll .col2 {
    height: 100%;
    width: 45%;
    float: right;
    text-align: right;
    margin-top: 40px;
}
.spelkoll .col2:first-child {
    width: 52%;
    margin-right: 5%;
    text-align: left;
}
.spelkoll h2 {
    font-size: 30pt;
}
}@media only screen and (min-width:1206px) {

  section.vara-maal .siffror-maal {
      text-align: left;
      background-position: bottom right;
      background-repeat: no-repeat;
  }

    h2 {
    font-size: 34pt;
    margin-bottom: 18px;
}
a.btn {
    padding: 0 30px;
    line-height: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 15px auto;
    font-size: 14pt;
}
a.btn-small {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 15px auto;
    font-size: 11pt;
}
a.btn.play {
    padding-right: 116px;
    font-size: 15pt;
    line-height: 70px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    height: 70px;
}
a.btn.play:after {
    top: 10px;
    right: 35px;
    font-size: 40px;
    line-height: 50px;
}
a.btn.play-medium {
    padding: 0px 116px 0 30px;
    font-size: 15pt;
    line-height: 60px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    height: 60px;
}
a.btn.play-medium:after {
    top: 5px;
    right: 25px;
    font-size: 40px;
    line-height: 50px;
}
section.layout {
    min-height: calc(80vh - 50px);
}
section.layout .inner {
    padding: 100px 0;
}
section.start-screen {
    height: calc(100vh - 50px);
}
section.start-screen .inner {
    height: 100%;
    text-align: center;
    padding: 25% 0;
}
section.start-screen .inner .table {
    vertical-align: bottom;
}
section.start-screen .inner .table-cell {
    vertical-align: bottom;
}
section.start-screen .content img.hand {
    margin-bottom: 2px;
    max-width: 254px;
}
section.start-screen h1 {
    margin: 14px auto 20px;
    font-size: 46pt;
}
section.start-screen .h2 {
    margin-top: 53px;
}
section.start-screen .h2 .splash {
    top: -83px;
    right: -206px;
    width: 187px;
    height: 139px;
}
section.start-screen h2 {
    font-size: 36pt;
}
section.aret-i-korthet {
    background-position: top right;
    background-size: cover;
}
section.aret-i-korthet .inner {
    text-align: center;
}
section.aret-i-korthet .splash {
    position: absolute;
    top: 80px;
    right: -16px;
    z-index: 20;
    margin: 0;
}
section.aret-i-korthet .content {
    padding: 0;
    text-align: center;
    margin: 0;
    position: relative;
    width: 100%}
section.aret-i-korthet .content p {
    max-width: 670px;
    font-size: 18px;
    line-height: 25px;
}
section.aret-i-korthet .siffror {
    text-align: center;
    background-image: none!important;
    padding: 0;
    background-color: transparent;
}
section.aret-i-korthet .siffra {
    /*display: inline-block;
    width: 31%;
    margin: 0 1%;
    margin-bottom: 30px;
    padding-bottom: 34px;*/
}
section.aret-i-korthet .siffra .num, section.aret-i-korthet .siffra .unit {
    font-size: 66pt;
}
section.aret-i-korthet .siffra .unit {
    font-size: 26pt;
}
section.aret-i-korthet .siffra .name {
    font-size: 16pt;
    padding-top: 6px;
}



section.medarbetare2022 {
    background-position: top right;
    background-size: cover;
}
section.medarbetare2022 .inner {
    text-align: center;
}
section.medarbetare2022 .splash {
    position: absolute;
    top: 80px;
    right: -16px;
    z-index: 20;
    margin: 0;
}
section.medarbetare2022 .content {
    padding: 0;
    text-align: center;
    margin: 0;
    position: relative;
    width: 100%}
section.medarbetare2022 .content p {
    max-width: 670px;
    font-size: 18px;
    line-height: 25px;
}
section.medarbetare2022 .siffror {
    text-align: center;
    background-image: none!important;
    padding: 0;
    background-color: transparent;
    margin-top: 50px;
}
section.medarbetare2022 .siffra {
    display: inline-block;
    width: 31%;
    margin: 0 1%;
    margin-bottom: 30px;
    padding-bottom: 34px;
}
section.medarbetare2022 .siffra .num, section.medarbetare2022 .siffra .unit {
    font-size: 66pt;
}
section.medarbetare2022 .siffra .unit {
    font-size: 26pt;
}
section.medarbetare2022 .siffra .name {
    font-size: 16pt;
    padding-top: 6px;
}


section.strategi .splash {
    position: absolute;
    top: 0px;
    right: -150px;
    z-index: 20;
    margin-top: -120px;
}

section.vara-maal {
    background-position: top right;
    background-size: cover;
}
section.vara-maal .inner {
    text-align: center;
    margin-top: -50px;
}
section.vara-maal .splash {
    position: absolute;
    top: 80px;
    right: -16px;
    z-index: 20;
    margin: 0;
}
section.vara-maal .content {
    padding: 0 80px 80px;
    text-align: center;
    margin: 40px 0 0;
    position: relative;
    width: 100%}
section.vara-maal .content p {
    max-width: 670px;
    font-size: 18px;
    line-height: 25px;
}
section.vara-maal .siffror {
    text-align: center;
    background-image: none!important;
    padding: 0;
    background-color: transparent;
}
/*section.vara-maal .siffra {
    display: inline-block;
    width: 31%;
    margin: 0 1%;
    margin-bottom: 30px;
    padding-bottom: 34px;
}*/
section.vara-maal .siffra .num, section.vara-maal .siffra .unit {
    font-size: 66pt;
}
section.medarbetare2022 .siffra .num, section.medarbetare2022 .siffra .unit {
    font-size: 66pt;
}
section.vara-maal .siffra .unit {
    font-size: 26pt;
}
section.vara-maal .siffra .name {
    font-size: 16pt;
    padding-top: 6px;
}


section.vd-har-ordet {
    padding-top: 250px;
}
section.vd-har-ordet .inner {
    text-align: center;
}
section.vd-har-ordet .content {
    max-width: 740px;
    text-align: center;
    margin: 0 auto;
}
section.vd-har-ordet h2 {
    font-size: 34pt;
    margin-bottom: 45px;
}
section.vd-har-ordet .splash {
    padding: 0;
    margin-bottom: 0px;
}
section.vd-har-ordet .splash img {
    max-width: 185px;
    margin-left: 40%;
}
section.vd-har-ordet a.btn {
    margin-top: 0px;
}

section.affarsomraden .col a.btn {
    width: 188px;
    height: 60px;
    font-size: 18pt;
}
section.affarsomraden .splash {
    position: absolute;
    top: 0px;
    right: -270px;
    z-index: 20;
    margin: 0;
    width: 150px;
    height: auto;
}

section.medarbetare2022 .col a.btn {
    width: 188px;
    height: 60px;
    font-size: 18pt;
}
section.medarbetare2022 .splash {
    position: absolute;
    top: 0px;
    right: -50px;
    z-index: 20;
    margin: 0;
}


section.spelkoll .col a.btn {
    width: 188px;
    height: 60px;
    font-size: 18pt;
}

section.medlemskap .items {
    text-align: left;
    margin: 0 -2%}
section.medlemskap .items .item {
    width: 31.5%;
    margin: 0 .8%}
section.spelmarknaden .charts {
    min-height: 500px;
    margin: 60px auto;
    padding: 60px 50px 30px;
}
section.spelmarknaden .charts h3 {
    font-size: 18pt;
}
section.spelmarknaden .charts h3 span {
    font-weight: 400;
    font-size: 14pt;
}
section.spelmarknaden .charts .col {
    width: 48%;
    margin-bottom: 0;
}
section.medarbetare .splash {
    top: -40px;
    right: -60px;
    max-width: 274px;
}
section.strategi {
    background-position: top right;
}
section.strategi .inner {
    padding-top: 340px;
    padding-bottom: 430px;
}
section.footer {
    height: 190px;
    min-height: 190px;
}
section.footer .inner {
    padding: 70px 0 40px;
}
section.footer a.logo {
    float: left;
    width: 180px;
    height: 52px;
    background-size: 180px 52px;
}
section.footer a {
    font-size: 11pt;
}
section.footer ul.social li {
    margin-left: 22px;
}
section.footer ul.social li a {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
section.footer ul.social li a:after {
    font-size: 16px;
    line-height: 36px;
}
section.footer ul.social li a.insta:after {
    font-size: 18px;
}
.fancybox-slide--html .fancybox-content h3 {
    margin-bottom: 25px;
}
.fancybox-slide--html .fancybox-content p {
    margin: 10px 0;
    font-size: 12pt;
}
.fancybox-slide--html .fancybox-content p img {
    margin-top: -10px;
}
.fancybox-slide--html .hallbarhet.fancybox-content {
    width: 80%;
    max-width: 722px;
    max-height: 90%;
    margin: 0;
    padding: 30px;
    padding-left: 40px;
    padding-top: 60px;
    padding-bottom: 20px;
}
.fancybox-slide--html .hallbarhet.fancybox-content .fancybox-close-small {
    right: 14px;
    top: 16px;
    width: 54px;
    height: 44px;
}
.fancybox-slide--html .hallbarhet.fancybox-content .fancybox-close-small:after {
    width: 54px;
    height: 44px;
    font-size: 50px;
    line-height: 44px;
}
.fancybox-slide--html .affarsomrade.fancybox-content {
    width: 90%;
    height: 820px;
    max-width: 1200px;
    margin: 0;
    padding: 55px 50px;
}
/*.fancybox-slide--html .affarsomrade.fancybox-content .content {
    margin-top: 170px;
    display: inline-block;
}*/
.fancybox-slide--html .affarsomrade.fancybox-content .content:after, .fancybox-slide--html .affarsomrade.fancybox-content .content:before {
    content: "";
    display: table;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content:after {
    clear: both;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content:after, .fancybox-slide--html .affarsomrade.fancybox-content .content:before {
    content: "";
    display: table;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content:after {
    clear: both;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content h3 {
    font-size: 20pt;
    margin-bottom: 25px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content .col {
    width: 45%;
    float: left;
    padding-right: 45px;
    padding-left: 12px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content .videocontainer {
    width: 55%;
    float: left;
    margin-bottom: 20px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .content .fullcol {
    width: 100%;
    clear: both;
    float: none;
}
.fancybox-slide--html .affarsomrade.fancybox-content .topbar {
    height: 56px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor {
    position: relative;
    padding: 40px;
    margin-top: 40px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor .logos.mobil {
    display: none;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor .logos.desktop {
    display: block;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul {
    max-width: 630px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li {
    margin-right: 90px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li:last-child {
    margin-right: 0;
}
.fancybox-slide--html .affarsomrade.fancybox-content .loggor ul li img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.fancybox-slide--html .affarsomrade.fancybox-content img.puff {
    position: absolute;
    right: -7px;
    top: -50px;
}
/*.fancybox-slide--html .affarsomrade.fancybox-content.red .content {
    margin-top: 190px;
}*/
.fancybox-slide--html .affarsomrade.fancybox-content.red img.puff {
    margin-right: 20px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.red ul li {
    width: auto;
}
.fancybox-slide--html .affarsomrade.fancybox-content.red .loggor ul {
    max-width: 800px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.red .loggor ul li {
    margin-right: 0;
    width: 260px;
    height: 50px;
}

.fancybox-slide--html .affarsomrade.fancybox-content.blue .loggor ul {
    max-width: 800px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .loggor ul li {
    margin-right: 0;
    width: 260px;
    height: 50px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.blue .col .splash {
    margin-top: -80px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .loggor ul {
    max-width: 740px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .loggor ul li {
    margin-right: 0;
    margin-bottom: 30px;
    width: 238px;
    height: 44px;
}
.fancybox-slide--html .affarsomrade.fancybox-content.green .loggor ul li:nth-child(2), .fancybox-slide--html .affarsomrade.fancybox-content.green .loggor ul li:nth-child(5) {
    width: 205px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .fancybox-close-small {
    right: 12px;
    top: 7px;
    width: 46px;
    height: 46px;
}
.fancybox-slide--html .affarsomrade.fancybox-content .fancybox-close-small:after {
    width: 46px;
    height: 46px;
    font-size: 42px;
    line-height: 42px;
}
}@media only screen and (min-width:1800px) {
    #mobilenav ul.navigation li {
    margin: 28px 0;
}
#mobilenav ul.navigation li a {
    font-size: 20pt;
}
}