body{
max-width:1920px;
margin:0 auto;
}
.grid {
 display: inline-block;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 zoom: 1;
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 0;
 margin: 0;
 position: relative;
 width: 100%;
 max-width: 1920px;
 letter-spacing: -.31em!important;
 word-spacing: -.43em!important;
 list-style-type: none
}

.grid:after,
.grid:before {
 letter-spacing: normal;
 word-spacing: normal;
 white-space: normal;
 max-width: 100%
}

.grid :after,
.grid :before {
 letter-spacing: normal;
 word-spacing: normal;
 white-space: normal
}

.grid .grid {
 -ms-flex: 1 1 auto;
 -webkit-flex: 1 1 auto;
 flex: 1 1 auto
}

.grid * {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

.grid :after,
.grid :before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

[class*=grid__col-] {
 display: inline-block;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 zoom: 1;
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 flex-direction: column;
 letter-spacing: normal;
 word-spacing: normal;
 white-space: normal;
 position: relative;
 vertical-align: top;
 padding: 0 16px
}

.grid__cell {
 position: relative;
 display: block;
 -ms-flex: 1 1 auto;
 -webkit-flex: 1 1 auto;
 flex: 1 1 auto
}

 :-ms-fullscreen .grid__cell,
:root .grid__cell {
 width: 100%
}

.grid__col-12 {
 width: 100%
}

.grid__col-11 {
 width: 91.66667%
}

.grid__col-10 {
 width: 83.33333%
}

.grid__col-9 {
 width: 75%
}

.grid__col-8 {
 width: 66.66667%
}

.grid__col-7 {
 width: 58.33333%
}

.grid__col-6 {
 width: 50%
}

.grid__col-5 {
 width: 41.66667%
}

.grid__col-4 {
 width: 33.33333%
}

.grid__col-3 {
 width: 25%
}

.grid__col-2 {
 width: 16.66667%
}

.grid__col-1 {
 width: 8.33333%
}

@media (max-width:601px) {
 .grid__col-sm-12 {
  width: 100%
 }
 .grid__col-sm-11 {
  width: 100%
 }
 .grid__col-sm-10 {
  width: 100%
 }
 .grid__col-sm-9 {
  width: 100%
 }
 .grid__col-sm-8 {
  width: 100%
 }
 .grid__col-sm-7 {
  width: 100%
 }
 .grid__col-sm-6 {
  width: 100%
 }
 .grid__col-sm-5 {
  width: 100%
 }
 .grid__col-sm-4 {
  width: 100%
 }
 .grid__col-sm-3 {
  width: 100%
 }
 .grid__col-sm-2 {
  width: 100%
 }
 .grid__col-sm-1 {
  width: 100%
 }
}

@media (max-width:841px) {
 .grid__col-md-12 {
  width: 100%
 }
 .grid__col-md-11 {
  width: 91.66667%
 }
 .grid__col-md-10 {
  width: 83.33333%
 }
 .grid__col-md-9 {
  width: 75%
 }
 .grid__col-md-8 {
  width: 66.66667%
 }
 .grid__col-md-7 {
  width: 58.33333%
 }
 .grid__col-md-6 {
  width: 50%
 }
 .grid__col-md-5 {
  width: 41.66667%
 }
 .grid__col-md-4 {
  width: 33.33333%
 }
 .grid__col-md-3 {
  width: 25%
 }
 .grid__col-md-2 {
  width: 16.66667%
 }
 .grid__col-md-1 {
  width: 8.33333%
 }
}

@media (max-width:1081px) {
 .grid__col-lg-12 {
  width: 100%
 }
 .grid__col-lg-11 {
  width: 91.66667%
 }
 .grid__col-lg-10 {
  width: 83.33333%
 }
 .grid__col-lg-9 {
  width: 75%
 }
 .grid__col-lg-8 {
  width: 66.66667%
 }
 .grid__col-lg-7 {
  width: 58.33333%
 }
 .grid__col-lg-6 {
  width: 50%
 }
 .grid__col-lg-5 {
  width: 41.66667%
 }
 .grid__col-lg-4 {
  width: 33.33333%
 }
 .grid__col-lg-3 {
  width: 25%
 }
 .grid__col-lg-2 {
  width: 16.66667%
 }
 .grid__col-lg-1 {
  width: 8.33333%
 }
}

.grid--align-start {
 -ms-flex-align: start;
 -webkit-align-items: flex-start;
 align-items: flex-start
}

.grid--align-center {
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center
}

.grid--align-center [class*=grid__col-] {
 vertical-align: middle
}

.grid--align-baseline {
 -ms-flex-align: baseline;
 -webkit-align-items: baseline;
 align-items: baseline
}

.grid--align-baseline [class*=grid__col-] {
 vertical-align: baseline
}

.grid--align-content-start {
 -ms-flex-line-pack: start;
 -webkit-align-content: flex-start;
 align-content: flex-start
}

.grid--align-content-center {
 -ms-flex-line-pack: center;
 -webkit-align-content: center;
 align-content: center
}

.grid--justify-start {
 text-align: left;
 -ms-flex-pack: start;
 -webkit-justify-content: flex-start;
 justify-content: flex-start
}

.grid--justify-center {
 text-align: center;
 -moz-text-align-last: center;
 text-align-last: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center
}

.grid--justify-center .grid__cell,
.grid--justify-center [class*=grid__col-] {
 text-align: left;
 text-align: start;
 text-align: initial;
 -moz-text-align-last: left;
 -moz-text-align-last: start;
 -moz-text-align-last: initial;
 text-align-last: left;
 text-align-last: start;
 text-align-last: initial
}

.grid__cell-img {
 display: block;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex: 0 0 auto;
 -webkit-flex: 0 0 auto;
 flex: 0 0 auto;
 margin-left: 0;
 margin-right: 0;
 max-width: 100%;
 width: 100%;
 height: auto
}

.grid__cell-footer {
 display: inline-block;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 zoom: 1;
 width: 100%;
 margin-top: auto
}

article,
b,
details,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
label,
nav,
p,
section,
small,
span,
var,
video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: 0 0
}

body {
 font-family: TeliaSans, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-size: 16px;
 line-height: 23px;
 font-weight: 400;
 letter-spacing: normal;
 background: #fff
}

body,
html {
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

* {
 box-sizing: inherit
}

a {
 text-decoration: none;
 background: 0 0
}

p {
 margin: 1em 0
}

.grid,.spacer{
 max-width: 1920px;
 padding: 0 5%;
}

@media (min-width:481px) {
 .grid,.spacer{
  padding: 0 34px
 }
}

@media (min-width:601px) {
 .grid,.spacer {
  padding: 0 36px
 }
}

@media (min-width:1081px) {
 .grid,.spacer {
  padding: 0 96px
 }
}

@media (min-width:1441px) {
 .grid,.spacer {
  padding: 0 108px
 }
}

.grid--half {
 max-width: 960px
}

[class*=grid__col-] {
 padding-left: 0;
 padding-right: 0
}

@media (min-width:481px) {
 [class*=grid__col-] {
  padding-left: 6px;
  padding-right: 6px
 }
}

@media (min-width:601px) {
 [class*=grid__col-] {
  padding-left: 8px;
  padding-right: 8px
 }
}

@media (min-width:1081px) {
 [class*=grid__col-] {
  padding-left: 12px;
  padding-right: 12px
 }
}

.grid__col-xxs-none {
 width: auto
}

@media (min-width:601px) {
 .grid__col-sm-none {
  width: auto
 }
}

@media (min-width:841px) {
 .grid__col-md-none {
  width: auto
 }
}

@media (min-width:1081px) {
 .grid__col-lg-none {
  width: auto
 }
}

.sc-button,
.button {
 font-size: 12px;
 letter-spacing: .8px;
 line-height: 18px;
 font-weight: 700;
 white-space: nowrap;
 padding: 0 2em;
 height: 40px;
 margin: 6px;
 border: 2px solid transparent;
 color: #990ae3!important;
 background-color: #fff!important;
 border-radius: 999px;
 text-transform: uppercase;
 transition: all .2s;
 cursor: pointer;
 position: relative;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-align: center;
 align-items: center;
 max-width: 100%
}

[class*=grid__col-]>.button {
 -ms-flex-item-align: start;
 align-self: flex-start
}

.grid--justify-center>[class*=grid__col-]>.button {
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center
}

button.button {
 line-height: 1;
 display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
 .button {
  box-shadow: none
 }
}

.button__wrapper {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width:841px) {
 .button {
  height: 44px;
  font-size: 14px;
  padding: 0 2em
 }
}

.button:link,
.button:visited,
.sc-button:link,
.sc-button:visited {
 color: #fff
}

.button:hover,
.sc-button:hover {
 color: #fff!important;
 background-color: #c0f!important;
border-color: #c0f!important ;
}

.button:disabled,
.sc-button:disabled {
 background-color: #c5c5c5!important;
 border-color: #c5c5c5!important;
 cursor: default;
 pointer-events: none
}

.button--secondary {
 background-color: rgba(153, 10, 227, 0);
 color: #990ae3;
 border-color: #990ae3
}

.button--secondary:link,
.button--secondary:visited {
 color: #990ae3
}

.button--secondary:hover {
 background-color: #990ae3;
 color: #fff;
 border-color: #990ae3
}

.button--secondary:disabled {
 color: #c5c5c5;
 border-color: #c5c5c5!important;
 background-color: transparent
}

.button--text {
 overflow: hidden;
 text-overflow: ellipsis
}

.button--link {
 background-color: transparent;
 color: #990ae3;
 border: 0 transparent;
 text-transform: none;
 letter-spacing: 0;
 padding: 0;
 margin-left: 0;
 margin-right: 0;
 font-size: 14px
}

@media (min-width:841px) {
 .button--link {
  font-size: 16px
 }
 .button--link .icon {
  margin-top: 1px
 }
}

.button--link:link,
.button--link:visited {
 color: #990ae3
}

.button--link:hover {
 background-color: transparent;
 color: #c0f;
 border-color: transparent
}

@media (min-width:601px) {
 .button--dark {
  background-color: #fff;
  color: #990ae3
 }
 .button--dark:link,
 .button--dark:visited {
  color: #990ae3
 }
 .button--dark:hover {
  background-color: #c0f;
  color: #fff
 }
 .button--dark:disabled {
  color: #a0a0a0;
  background-color: #f2f2f2
 }
 .button--dark.button--secondary {
  background-color: transparent;
  color: #fff;
  border-color: #fff
 }
 .button--dark.button--secondary:hover {
  border-color: #fff;
  background-color: #fff;
  color: #990ae3
 }
 .button--dark.button--secondary:disabled {
  color: #c5c5c5;
  background-color: transparent
 }
}

.button .icon {
 font-size: 10px;
 margin-left: 5px
}

.button .icon--arrow-right.icon {
 font-size: .715em
}

.button .icon--arrow-left.icon {
 font-size: .715em
}

.button--small {
 height: 30px;
 padding: 6px 1em;
 font-size: 12px
}

.h1,
h1 {
 font-family: TeliaSansHeading-Heading, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-weight: 400;
 font-size: 1.5em;
 line-height: 1;
 letter-spacing: 0;
 color: #fff;
 margin-top: 25px;
 margin-bottom: 11px
}

@media (min-width:481px) {
 .h1,
 h1 {
  font-size: 1.75em;
  margin-bottom: 16px
 }
}

@media (min-width:841px) {
 .h1,
 h1 {
  font-size: 2.5em;
  margin-bottom: 18px
 }
}

@media (min-width:1081px) {
 .h1,
 h1 {
  font-size: 3em;
  margin-bottom: 21px
 }
}

@media (min-width:1441px) {
 .h1,
 h1 {
  font-size: 4em;
  margin-bottom: 18px
 }
}

.h2,
h2 {
 font-family: TeliaSans, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-weight: 400;
 font-size: 1.5em;
 line-height: 1;
 letter-spacing: 0;
 color: #222;
 margin-top: 43px;
 margin-bottom: 29px
}

@media (min-width:481px) {
 .h2,
 h2 {
  margin-top: 59px
 }
}

@media (min-width:601px) {
 .h2,
 h2 {
  margin-top: 59px
 }
}

@media (min-width:841px) {
 .h2,
 h2 {
  font-size: 1.75em;
  margin-top: 58px
 }
}

@media (min-width:1081px) {
 .h2,
 h2 {
  font-size: 2.125em
 }
}

@media (min-width:1441px) {
 .h2,
 h2 {
  font-size: 2.625em
 }
}

@media (min-width:1921px) {
 .h2,
 h2 {
  font-size: 2.75em
 }
}

.h3,
h3 {
 font-family: TeliaSans, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-weight: 400;
 font-size: 1.375em;
 line-height: 1;
 color: #222;
 margin-top: 36px
}

@media (min-width:481px) {
 .h3,
 h3 {
  margin-bottom: 26px
 }
}

@media (min-width:841px) {
 .h3,
 h3 {
  font-size: 1.5em
 }
}

@media (min-width:1081px) {
 .h3,
 h3 {
  font-size: 1.75em
 }
}

@media (min-width:1441px) {
 .h3,
 h3 {
  font-size: 2.125em
 }
}

.h4,
h4 {
 font-family: TeliaSans, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-weight: 400;
 font-size: 1.25em;
 line-height: 1;
 letter-spacing: -.08px;
 color: #222;
 margin: 1em 0
}

@media (min-width:841px) {
 .h4,
 h4 {
  font-size: 1.375em
 }
}

@media (min-width:1081px) {
 .h4,
 h4 {
  font-size: 1.5em
 }
}

.h5,
h5 {
color: #fff;
 font-size: 1em;
 line-height: 1.5;
 margin: 1em 0
}

@media (min-width:841px) {
 .h5,
 h5 {
  font-size: 1.25em;
  line-height: 1.3
 }
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
 font-weight: 400
}

@media (min-width:1081px) {
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 h1,
 h2,
 h3,
 h4,
 h5 {
  max-width: 60vw
 }
 .grid--justify-center .h1,
 .grid--justify-center .h2,
 .grid--justify-center .h3,
 .grid--justify-center .h4,
 .grid--justify-center .h5,
 .grid--justify-center h1,
 .grid--justify-center h2,
 .grid--justify-center h3,
 .grid--justify-center h4,
 .grid--justify-center h5 {
  margin-left: auto;
  margin-right: auto
 }
}

@media (min-width:1441px) {
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 h1,
 h2,
 h3,
 h4,
 h5 {
  max-width: 62.5vw
 }
}

@media (min-width:1921px) {
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 h1,
 h2,
 h3,
 h4,
 h5 {
  max-width: 1260px
 }
}

.h1 a:link,
.h1 a:visited,
.h2 a:link,
.h2 a:visited,
.h3 a:link,
.h3 a:visited,
.h4 a:link,
.h4 a:visited,
.h5 a:link,
.h5 a:visited,
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited {
 color: inherit
}

.h1 a:active,
.h1 a:hover,
.h2 a:active,
.h2 a:hover,
.h3 a:active,
.h3 a:hover,
.h4 a:active,
.h4 a:hover,
.h5 a:active,
.h5 a:hover,
h1 a:active,
h1 a:hover,
h2 a:active,
h2 a:hover,
h3 a:active,
h3 a:hover,
h4 a:active,
h4 a:hover,
h5 a:active,
h5 a:hover {
 color: #c0f
}

.heading-small {
 font-size: 12px;
 letter-spacing: 1.55px;
 line-height: 16px
}

p {
 font-size: 14px;
 line-height: 1.5;
}

@media (min-width:841px) {
 p {
  font-size: 16px
 }
}

.paragraph-large {
 font-size: 1.125em;
 line-height: 1.5;
 max-width: 600px
}

@media (min-width:841px) {
 .paragraph-large {
  font-size: 1.25em
 }
}

.balance-text {
 text-wrap: balanced
}

a:link,
a:visited {
 color: #990ae3
}

a:active,
a:hover {
 color: #c0f
}

a.arrow {
 font-weight: 700
}

a.arrow:after {
 content: '';
 width: 10px;
 height: 16px;
 background-image: url(/.resources/pride-ui-module/webresources/assets//images/links/arrow-right.png);
 background-size: 12px;
 background-repeat: no-repeat;
 top: 6px;
 position: relative;
 display: inline-block;
 margin-left: 2px
}

a.arrow:hover:after {
 background-image: url(/.resources/pride-ui-module/webresources/assets//images/links/arrow-right-hover.png)
}


@font-face {
  font-family: TeliaSans;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSans-Regular.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSans-Regular.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: TeliaSans-Bold;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSans-Bold.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSans-Bold.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSans-Bold.ttf) format('truetype');
}

@font-face {
  font-family: TeliaSans-BoldItalic;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSans-BoldItalic.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSans-BoldItalic.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSans-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: TeliaSans-Medium;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSans-Medium.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSans-Medium.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSans-Medium.ttf) format('truetype');
}

@font-face {
  font-family: TeliaSans-MediumItalic;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSans-MediumItalic.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSans-MediumItalic.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSans-MediumItalic.ttf) format('truetype');
}

@font-face {
  font-family: TeliaSans-RegularItalic;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSans-RegularItalic.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSans-RegularItalic.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSans-RegularItalic.ttf) format('truetype');
}

@font-face {
  font-family: TeliaSansHeading-Heading;
  src: url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF/TeliaSansHeading-Heading.woff) format('woff2'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/WOFF2/TeliaSansHeading-Heading.woff2) format('woff'),
       url(https://cdn.voca.teliacompany.com/fonts/TeliaSansV10/TTF/TeliaSansHeading-Heading.ttf) format('truetype');
}

.icon {
 width: 1em;
 height: 1em;
 fill: currentColor;
 pointer-events: none;
 overflow: hidden
}

@keyframes pebbleSpinner {
 0% {
  opacity: .2;
  transform: scale(.4)
 }
 10% {
  opacity: 1;
  transform: scale(1.1)
 }
 20% {
  opacity: 1;
  transform: scale(1)
 }
 to {
  opacity: .2;
  transform: scale(.4)
 }
}

@keyframes formFieldFlash {
 0% {
  opacity: 1
 }
 50% {
  opacity: 0
 }
 to {
  opacity: 1
 }
}

@keyframes blink {
 0% {
  opacity: .2
 }
 20% {
  opacity: 1
 }
 to {
  opacity: .2
 }
}

[data-component-href] {
 position: relative
}

.columnrow--justify-center [class*=grid__col-] {
 text-align: center
}

.columnrow--justify-center p {
 margin-left: auto;
 margin-right: auto
}

.columnrow__column--white>.grid>[class*=grid__col-] {
 background-color: #fff
}

.grid .columnrow {
 margin: 60px 0
}

.content-article__hero-picture {
 height: 100%;
 max-height: 480px
}

.content-article__hero-image {
 width: 100%;
 overflow: hidden;
 margin-bottom: 2em
}

.content-article__hero-img {
 max-width: 100%;
 max-height: 100%;
 position: relative
}

.content-article__hero-video-wrapper {
 max-width: 600px
}

.content-article__article img {
 height: auto!important;
 max-width: 100%
}

.content-article__author {
 max-width: 300px
}

.content-article__author-img {
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 margin: auto;
 object-fit: cover
}

.content-article__author-picture {
 width: 5em;
 height: 5em;
 border-radius: 50%;
 margin: 1em 0 1.2em;
 overflow: hidden;
 display: block;
 position: relative;
 background: linear-gradient(to bottom, #fff 0, #fff 12%, #f6f6f6 50%, #dee7e6 100%)
}

.content-article__author-name {
 font-weight: 700
}

.content-article__author-description {
 color: #a0a0a0;
 line-height: 1.3
}

.content-article__ingress {
 color: #000
}

.content-central-article-grid {
 overflow: hidden;
 margin-bottom: 2em;
 width: 100%
}

.content-central-article-grid h1 {
 margin-top: 35px
}

.content-central-article-grid__container {
 -ms-flex-align: center;
 align-items: center;
 padding-top: 6px;
 padding-bottom: 6px
}

@media (min-width:601px) {
 .content-central-article-grid__container {
  padding-top: 8px;
  padding-bottom: 8px
 }
}

@media (min-width:1081px) {
 .content-central-article-grid__container {
  padding-top: 12px;
  padding-bottom: 12px
 }
}

.content-central-article-grid__article {
 background-color: #fff;
 float: left;
 position: relative;
 border-radius: 4px;
 padding: 0;
 width: 100%;
 transition: transform ease .2s
}

@media (min-width:601px) {
 .content-central-article-grid__article:hover {
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 2
 }
}

@media (min-width:481px) and (max-width:600px) {
 .content-central-article-grid--default {
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
 }
}

.content-central-article-grid--default .content-central-article-grid__article {
 display: block;
 background-color: #f9f9f9;
 color: #fff;
 width: 100%
}

@media (min-width:481px) and (max-width:600px) {
 .content-central-article-grid--default .content-central-article-grid__article {
  width: 23.4375em
 }
}

@media (max-width:600px) {
 .content-central-article-grid--default .content-central-article-grid__article {
  height: 21.25em
 }
}

.content-central-article-grid__article-image {
 position: relative;
 height: 24em;
 max-height: 84vw;
 background-color: #f9f9f9;
 overflow: hidden;
 border-radius: 4px 4px 0 0
}

@media (min-width:841px) {
 .content-central-article-grid__article-image {
  height: 28vw;
  max-height: none
 }
}

@media (min-width:1441px) {
 .content-central-article-grid__article-image {
  height: 24em
 }
}

.content-central-article-grid--default .content-central-article-grid__article-image {
 background-color: transparent;
 height: 100%;
 max-height: none;
 border-radius: 4px
}

.content-central-article-grid--default .content-central-article-grid__article-image::after {
 display: block;
 position: absolute;
 content: ' ';
 left: 0;
 right: 0;
 top: 40px;
 bottom: 0;
 border-radius: 4px;
 background-image: linear-gradient(to top, rgba(0, 0, 0, .3), transparent);
 opacity: 1;
 transition: opacity .5s
}

@media (min-width:601px) {
 .content-central-article-grid--default .content-central-article-grid__article-image {
  height: 41.7vw
 }
}

@media (min-width:1081px) {
 .content-central-article-grid--default .content-central-article-grid__article-image {
  height: 28vw
 }
}

@media (min-width:1441px) {
 .content-central-article-grid--default .content-central-article-grid__article-image {
  height: 24em
 }
}

.content-central-article-grid--default .content-central-article-grid__image-overlay {
 display: block;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 opacity: 0;
 border-radius: 4px;
 transition: opacity .5s;
 background-color: rgba(0, 0, 0, .3)
}

.content-central-article-grid--default .content-central-article-grid__article:hover .content-central-article-grid__image-overlay {
 opacity: 1
}

.content-central-article-grid--default .content-central-article-grid__article:hover .content-central-article-grid__article-image::after {
 opacity: 0
}

.content-central-article-grid--default .content-central-article-grid__article-details {
 max-height: none;
 overflow: hidden
}

@media (min-width:841px) {
 .content-central-article-grid--default .content-central-article-grid__article-details {
  max-height: 0;
  transition: max-height ease-in-out .4s;
  transition-delay: .1s
 }
}

.content-central-article-grid--default .content-central-article-grid__article-ingress {
 overflow: hidden;
 line-height: 1.4375em;
 display: none;
 margin-bottom: 1em
}

@media (min-width:841px) {
 .content-central-article-grid--default .content-central-article-grid__article-ingress {
  display: block;
  max-width: 100%;
  max-height: 4.3125em;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
 }
}

.content-central-article-grid--default .content-central-article-grid__link {
 color: inherit
}

@media (min-width:841px) {
 .content-central-article-grid__link:hover .content-central-article-grid__article-details {
  max-height: 7.1875em
 }
}

.content-central-article-grid__image {
 object-fit: cover;
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 -ms-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 min-width: 100%;
 min-height: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
 overflow: hidden
}

.content-central-article-grid--default .content-central-article-grid__article-author {
 font-size: 14px;
 line-height: 1
}

.content-central-article-grid--default .content-central-article-grid__article-description {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 1.75em 1.75em 40px
}

.content-central-article-grid__article-title {
 font-weight: 700
}

.content-central-article-grid--default .content-central-article-grid__article-title {
 line-height: 1.25em;
 -webkit-line-clamp: 2;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 color: inherit;
 overflow: hidden;
 margin-top: 0;
 margin-bottom: .4em
}

.content-central-article-grid__load-more {
 clear: left;
 text-align: center;
 padding-top: 3em
}

.content-central-article-grid__load-more .content-central-article-grid__load-more-button {
 text-align-last: center
}

.content-central-article-grid__text-button {
 background: 0 0;
 border: none;
 margin: 0;
 padding: 0;
 color: #fff;
 text-transform: uppercase;
 font-weight: 700
}

@media (max-width:600px) {
 .footer .footer__link-grid,
 .main-container .footer__link-grid {
  padding: 0
 }
}

@media (min-width:1081px) {
 .footer__link-grid {
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align-last: center
 }
}

.footer__link-section {
 text-align: left;
 text-align-last: initial;
 letter-spacing: normal;
 word-spacing: normal;
 white-space: normal;
 padding: 0
}

@media (max-width:600px) {
 .footer .footer__link-section,
 .main-container .footer__link-section {
  padding: 0
 }
}

@media (min-width:601px) {
 .footer__link-section {
  padding: 20px 0
 }
}

@media (min-width:841px) and (max-width:1440px) {
 .footer__link-section {
  width: 20%
 }
}

.footer__link {
 display: block;
 font-size: 16px;
 height: 48px;
 line-height: 48px;
 vertical-align: middle;
 padding: 0 32px;
 border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.footer__link:link,
.footer__link:visited {
 color: rgba(255, 255, 255, .7)
}

.footer__link:active,
.footer__link:hover {
 color: #fff
}

@media (max-width:600px) {
 .footer__link:hover {
  background-color: rgba(255, 255, 255, .1)
 }
}

@media (min-width:601px) {
 .footer__link {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 23px;
  height: auto;
  border: none;
  padding: 0 16px
 }
}

@media (min-width:601px) {
 .footer__label {
  pointer-events: none
 }
}

.footer__copyright {
 background-color: #990ae3;
 color: rgba(255, 255, 255, .7);
 font-size: 14px;
 padding: 30px;
 text-align: center
}

.footer__copyright-text {
 display: inline-block;
 margin: 10px
}

.footer__copyright-link {
 margin: 10px;
 display: inline-block;
 transition: color .2s
}

.footer__copyright-link:link {
 color: rgba(255, 255, 255, .7)
}

.footer__copyright-link:active,
.footer__copyright-link:visited {
 color: #fff
}

.footer__copyright-link:hover {
 color: #fff
}

.footer__social {
 text-align: center;
 overflow: auto
}

.heading-component h2.heading-component__heading {
 margin-top: 1.786em;
 margin-bottom: 1em
}

.heading-component h3.heading-component__heading {
 margin-top: 1.786em;
 margin-bottom: 1em
}

.heading-component__heading {
 padding-top: 0;
 padding-bottom: 0
}

.heading-component__heading--align-left {
 text-align: left
}

.heading-component__heading--align-center {
 text-align: center
}

@media (min-width:1081px) {
 .heading-component__heading--align-center {
  margin-left: auto;
  margin-right: auto
 }
}

.heading-component__heading--align-right {
 text-align: right
}

@media (min-width:1081px) {
 .heading-component__heading--align-right {
  margin-left: auto
 }
}

.heading-component__heading--color-black {
 color: #222
}

.heading-component__heading--color-white {
 color: #fff
}

.heading-component__heading--color-purple {
 color: #990ae3
}

.heading-component+.textbox {
 margin-top: 0
}

.heading-component+.textbox>p:first-child {
 margin-top: 0
}

.image-and-column-split {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex-align: center;
 align-items: center
}

.image-and-column-split__image {
 width: 100%;
 display: block
}

.image-and-column-split__picture {
 width: 100%
}

@media (min-width:841px) {
 .image-and-column-split__picture {
  width: 50%
 }
}

@media (min-width:841px) {
 .image-and-column-split__picture--image-left {
  -ms-flex-order: 1;
  order: 1
 }
}

@media (min-width:841px) {
 .image-and-column-split__picture--image-right {
  -ms-flex-order: 2;
  order: 2
 }
}

.image-and-column-split__content {
 width: 100%
}

@media (min-width:841px) {
 .image-and-column-split__content {
  width: 50%
 }
}

@media (min-width:841px) {
 .image-and-column-split__content--image-left {
  -ms-flex-order: 2;
  order: 2
 }
}

.image-and-column-split__content--image-left .grid--half {
 margin-left: 0
}

@media (min-width:841px) {
 .image-and-column-split__content--image-right {
  -ms-flex-order: 1;
  order: 1
 }
}

.image-and-column-split__content--image-right .grid--half {
 margin-right: 0
}

.image-and-column-split__column {
 text-align: center
}

.image-and-column-split__column p {
 margin: .6em 0
}

@media (max-width:840px) {
 .image-and-column-split__column p {
  margin: 1em auto
 }
}

@media (min-width:841px) {
 .image-and-column-split__column {
  text-align: left
 }
}

.image-and-column-split__column h3 {
 margin: 1.5em 0 0
}

@media (min-width:841px) {
 .image-and-column-split__column h3 {
  margin: 0
 }
}

@media (max-width:600px) {
 .image-and-column-split__column .button {
  margin: 2px 0 0
 }
}

.image-and-column-split .grid__cell {
 min-height: 100%
}

.image-and-text--align-center {
 text-align: center
}

.image-and-text--align-right {
 text-align: right
}

.image-and-text--align-left {
 text-align: left
}

@media (min-width:841px) {
 .image-and-text--image-right .image-and-text__image {
  -ms-flex-order: 1;
  order: 1;
  padding-right: 0;
  padding-left: 16px;
  text-align: center
 }
}

@media (min-width:841px) {
 .image-and-text--image-right .image-and-text__content {
  text-align: left;
  padding-left: 0;
  padding-right: 16px
 }
}

@media (min-width:841px) {
 .image-and-text--image-right .image-and-text__content .image-and-text__text {
  margin: 0 auto 0 0
 }
 .image-and-text--image-right .image-and-text__content .image-and-text__text p {
  margin-right: auto;
  margin-left: 0
 }
}

.image-and-text__inner-image {
 max-width: 100%
}

.image-and-text--small-image-title .image-and-text__image {
 width: 25%;
 height: 25%;
 margin: auto
}

.image-and-text--small-image-title .image-and-text__title {
 font-size: 16px
}

.image-and-text__image {
 width: 100%;
 display: block;
 border-radius: 4px
}

.image-and-text__icon {
 display: block;
 font-size: 56px;
 margin-top: 30px
}

@media (min-width:601px) {
 .image-and-text__icon {
  margin-top: 60px
 }
}

.image-and-text__title {
 margin-top: 1.5em;
 margin-bottom: 0
}

.image-and-text--align-center .image-and-text__title {
 margin-left: auto;
 margin-right: auto
}

.image-and-text__title--purple {
 color: #990ae3
}

.image-and-text__icon+.image-and-text__content {
 margin-top: 15px
}

.image-and-text__icon+.image-and-text__content .image-and-text__title {
 margin-top: 0
}

@media (max-width:600px) {
 .image-and-text__icon+.image-and-text__content .image-and-text__text {
  padding-bottom: 1em
 }
}

.image-and-text__text {
 padding-bottom: 2.5em;
 max-width: 85%
}

@media (max-width:480px) {
 .image-and-text__text {
  max-width: 100%
 }
}

.image-and-text__text .button {
 margin: 8px 0
}

.image-and-text--align-center .image-and-text__text {
 margin: 0 auto
}

.image-and-text--align-center .image-and-text__text p {
 margin-left: auto;
 margin-right: auto
}

.image-and-text--align-right .image-and-text__text {
 float: right
}

.image-hero {
 position: relative
}

@media (min-width:601px) {
 .image-hero {
  height: 344px
 }
}

@media (min-width:841px) {
 .image-hero {
  height: 360px
 }
}

@media (min-width:1081px) {
 .image-hero {
  height: 392px
 }
}

@media (min-width:1441px) {
 .image-hero {
  height: 480px
 }
}

@media (min-width:601px) {
 .image-hero--image-breakout {
  padding-bottom: 0;
  height: 344px
 }
}

@media (min-width:841px) {
 .image-hero--image-breakout {
  margin-bottom: -48px;
  padding-bottom: 48px;
  height: 408px
 }
}

@media (min-width:1081px) {
 .image-hero--image-breakout {
  padding-bottom: 48px;
  height: 440px
 }
}

@media (min-width:1441px) {
 .image-hero--image-breakout {
  padding-bottom: 48px;
  height: 528px
 }
}

@media (min-width:841px) {
 .image-hero--large {
  min-height: 360px;
  height: 80vh;
  max-height: 468px
 }
}

@media (min-width:1081px) {
 .image-hero--large {
  min-height: 392px;
  height: 80vh;
  max-height: 509.6px
 }
}

@media (min-width:1441px) {
 .image-hero--large {
  min-height: 480px;
  height: 80vh;
  max-height: 624px
 }
}

@media (min-width:601px) {
 .image-hero--color-white {
  color: #fff
 }
}

@media (min-width:601px) {
 .image-hero--color-black {
  color: #222
 }
}

@media (min-width:601px) {
 .image-hero--color-purple {
  color: #990ae3
 }
}

.image-hero__heading {
 margin: 25px 0 18px
}

@media (max-width:600px) {
 .image-hero__heading {
  margin-bottom: 10px
 }
}

@media (min-width:601px) {
 .image-hero__heading {
  margin-top: 0
 }
}

@media (min-width:1921px) {
 .image-hero__heading {
  margin-bottom: 33px
 }
}

.image-hero__description {
 max-width: none;
 margin: 0
}

@media (min-width:601px) {
 .image-hero__description--color-white,
 .image-hero__heading--color-white {
  color: #fff
 }
}

@media (min-width:601px) {
 .image-hero__description--color-black,
 .image-hero__heading--color-black {
  color: #222
 }
}

@media (min-width:601px) {
 .image-hero__description--color-purple,
 .image-hero__heading--color-purple {
  color: #990ae3
 }
}

.image-hero__basic-components {
 margin: 12px 0 0
}

@media (min-width:841px) {
 .image-hero__basic-components {
  margin-top: 16px
 }
}

@media (min-width:1921px) {
 .image-hero__basic-components {
  margin-top: 26px
 }
}

.image-hero__basic-components .button {
 margin-left: 0
}

@media (min-width:601px) {
 .image-hero:not(.image-hero--color-combination) .image-hero__heading {
  color: inherit
 }
}

@media (min-width:601px) {
 .image-hero:not(.image-hero--color-combination) .image-hero__description {
  color: inherit
 }
}

.image-hero__container {
 height: 100%;
 padding: 0 0 32px;
 position: relative
}

@media (min-width:601px) {
 .image-hero__container {
  padding: 0
 }
}

.image-hero__container--background-purple {
 background-color: #990ae3
}

.image-hero__container--background-black {
 background-color: #222
}

.image-hero__container--background-white {
 background-color: #fff
}

.image-hero__container--background-transparent {
 background-color: transparent
}

.image-hero__background {
 position: absolute;
 background-size: cover;
 width: 100%;
 height: 100%
}

.image-hero__background--clipping-bottom-right {
 background-position: 0 0
}

.image-hero__background--clipping-bottom-left {
 background-position: 100% 0
}

.image-hero__background--clipping-top-right {
 background-position: 0 50%
}

.image-hero__background--clipping-top-left {
 background-position: 100% 50%
}

.image-hero__background--clipping-center {
 background-position: 50% 50%
}

.image-hero__background--clipping-top-center {
 background-position: 50% 100%
}

.image-hero__background--clipping-stretch {
 background-size: 100% 100%
}

@media (max-width:600px) {
 .image-hero__background {
  height: 224px;
  border-bottom: 1px solid #e0e0e0
 }
}

.image-hero__background--mobile {
 background-position: 50% 50%
}

@media (min-width:601px) {
 .image-hero__background--mobile {
  display: none;
  background: 0 0!important
 }
}

@media (max-width:600px) {
 .image-hero__background--desktop {
  display: none;
  background: 0 0!important
 }
}

.image-hero__overlay-image {
 height: 0px
}

@media (min-width:601px) {
 .image-hero__overlay-image {
  height: auto;
  max-height: 100%
 }
}

.image-hero__grid {
 height: 100%
}

@media (max-width:600px) {
 .image-hero__grid {
        position: relative;
        top: -15px;
        display: flex;
        justify-content: center;
        align-items: center;
 }
}

@media(max-width:600px){

  #smartcapture-block-jtn256bppso{
      position: relative;
      top: 120px;
}

.footer__copyright{
      position: relative;

}

.footer__social{
      position: relative;

}
}


.image-hero__texts {
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center
}

.link-grid {
 margin-bottom: 4em
}

.link-grid__header {
 text-align: center;
 margin-bottom: 40px
}

.link-grid__heading {
 margin: 0 auto;
 color: #000
}

.link-grid__link {
 margin-bottom: 12px;
 padding: 20px 0;
 text-align: center
}

@media (min-width:841px) {
 .link-grid__link {
  padding: 40px
 }
}

.link-grid__link a:link,
.link-grid__link a:visited {
 color: #000
}

.link-grid__link:hover {
 background-color: #f9f9f9
}

.link-grid__link:hover a {
 color: #990ae3
}

.link-grid__icon {
 font-size: 36px;
 width: 48px;
 height: 48px
}

@media (min-width:841px) {
 .link-grid__icon {
  width: 60px;
  height: 60px;
  font-size: 52px
 }
}

.media-container {
 display: -ms-flexbox;
 display: flex
}

.media-container:only-child {
 min-height: 100%
}

.media-container--center {
 -ms-flex-pack: center;
 justify-content: center
}

.media-container--right {
 -ms-flex-pack: end;
 justify-content: flex-end
}

.media-container--vertical-center {
 -ms-flex-align: center;
 align-items: center
}

.media-container--vertical-stretch {
 -ms-flex-align: stretch;
 align-items: stretch
}

.media-container--vertical-bottom {
 -ms-flex-align: end;
 align-items: flex-end
}

.media-container--background-white {
 background-color: #fff
}

.media-container__image {
 max-width: 100%;
 display: block
}

.media-container__icon--small {
 font-size: 24px
}

.media-container__icon--large {
 font-size: 72px
}

.media-container__icon--black {
 color: #000
}

.media-container__icon--white {
 color: #fff
}

.media-container__icon--purple {
 color: #990ae3
}

#navigation-wrapper {
 position: absolute;
 left: 0;
 right: 0
}

#header-wrapper {
 top: 0;
 width: 100%;
 z-index: 1010
}

.main-container {
 transition: padding .6s
}

@media (min-width:841px) {
 .main-container {
  padding-top: 0px
 }
}

.navigation {
 position: relative;
 width: 100%;
 z-index: 1010;
 transition: height .4s;
 height: 64px
}



.navigation__top-bar {
 height: 64px;
 background-color: #fff;
 overflow: hidden;
 box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
 transition: height .5s cubic-bezier(.4, 0, .2, 1), border-color .3s ease-in-out
}

@media (min-width:841px) {
 .navigation__top-bar {
  height: 78px
 }
}

.navigation__top-grid {
 height: 100%;
 -ms-flex-align: center;
 align-items: center
}

.navigation__logo-container {
 height: 100%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width:841px) {
 .navigation__logo-container {
  padding-top: 0
 }
}

.navigation__telia-logo {
 height: 100%
}

.navigation__icon {
 color: #990ae3;
 font-size: 43px
}

.navigation__icon .icon {
 height: 43px;
 width: 108px
}

.navigation__icon:active,
.navigation__icon:hover {
 color: #990ae3
}

.navigation__top-text {
 max-width: 0;
 overflow: hidden;
 transition: max-width .5s
}

@media (min-width:1081px) {
 .navigation__top-text {
  max-width: 200px
 }
}

.navigation__top-link {
 font-family: TeliaSans, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-weight: 400;
 color: #990ae3;
 font-size: 20px;
 height: 100%;
 text-transform: uppercase;
 display: inline-block;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-item-align: center;
 align-self: center;
 vertical-align: middle;
 margin-left: 8px;
 cursor: pointer;
 position: relative
}

.navigation__top-link:hover {
 color: #c0f
}

@media (max-width:1080px) {
 .navigation__top-link::before {
  position: absolute;
  top: 10px;
  display: block;
  content: '';
  width: 44px;
  height: 44px;
  margin-left: -12px;
  border-radius: 44px;
  background-color: #f2f2f2;
  opacity: 0;
  transition: opacity .3s
 }
}

@media (min-width:841px) and (max-width:1080px) {
 .navigation__top-link::before {
  top: 17px;
  margin-left: -15px
 }
}

@media (min-width:841px) {
 .navigation__top-link {
  font-size: 24px
 }
}

@media (min-width:1081px) {
 .navigation__top-link {
  margin-left: 38px;
  border-bottom: 3px solid #fff
 }
}

.navigation__top-link .icon {
 vertical-align: middle;
 z-index: 1
}

.navigation__link-text {
 display: inline-block;
 margin-left: 16px
}

.navigation__link {
 font-size: 16px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 height: 100%
}

@media (min-width:841px) {
 .navigation__link {
  display: inline;
  font-size: 18px
 }
}

.navigation__link.navigation__link--label,
.navigation__link:active,
.navigation__link:hover,
.navigation__link:link,
.navigation__link:visited {
 color: #000
}

@media (min-width:841px) {
 .navigation__link.navigation__link--label,
 .navigation__link:active,
 .navigation__link:hover,
 .navigation__link:link,
 .navigation__link:visited {
  color: #707070
 }
}

.navigation__link.navigation__link--label .icon,
.navigation__link:active .icon,
.navigation__link:hover .icon,
.navigation__link:link .icon,
.navigation__link:visited .icon {
 color: #000;
 font-size: 24px;
 vertical-align: bottom;
 margin-right: 14px
}

@media (min-width:841px) {
 .navigation__link.navigation__link--label .icon,
 .navigation__link:active .icon,
 .navigation__link:hover .icon,
 .navigation__link:link .icon,
 .navigation__link:visited .icon {
  margin-right: 8px
 }
}

.navigation__link:active,
.navigation__link:hover {
 color: #990ae3
}

.navigation__link:active .icon,
.navigation__link:hover .icon {
 color: #990ae3
}

.navigation__link-description {
 display: block;
 font-size: 14px;
 color: #707070
}

.navigation__small-text {
 font-size: 14px;
 line-height: 20px;
 color: #707070;
 max-width: 500px;
 margin-top: 16px
}

.navigation__heading {
 font-family: TeliaSansHeading-Heading, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-weight: 400;
 font-size: 20px;
}

@media (min-width:841px) {
 .navigation__heading {
  font-size: 24px
 }
}

.navigation__overlay {
 background-color: rgba(0, 0, 0, .15);
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 0;
 overflow: hidden;
 opacity: 0;
 transition: opacity 1s, height 0s 1s;
 z-index: -1
}

.share-follow {
 margin-top: 40px
}

@media (min-width:601px) {
 .share-follow {
  margin-top: 44px
 }
}

.share-follow-large--margin-bottom {
 margin-bottom: 56px
}

@media (min-width:601px) {
 .share-follow-large--margin-bottom {
  margin-bottom: 96px
 }
}

.share-follow__text {
 text-transform: uppercase;
 margin-left: 4px
}

.share-follow__buttons {
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex-pack: center;
 justify-content: center
}

.share-follow__icon {
 display: -ms-inline-flexbox;
 display: inline-flex;
 width: 30px;
 height: 30px;
 background-color: #000;
 color: #fff;
 border-radius: 99px;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 18px;
 margin: 12px 12px 12px 0;
 transition: background-color .2s
}

.share-follow__icon:active,
.share-follow__icon:hover,
.share-follow__icon:link,
.share-follow__icon:visited {
 color: #fff
}

.share-follow__icon:hover {
 background-color: #c0f
}

@media (max-width:1080px) {
 .share-follow__icon--reduce-margin {
  margin: 20px 8px 0!important
 }
}

.share-follow--large .share-follow__icon {
 width: 50px;
 height: 50px;
 font-size: 30px;
 margin: 20px 8px 0
}

@media (min-width:601px) {
 .share-follow--large .share-follow__icon {
  margin: 40px 32px 0
 }
}

.social-media-link {
 padding: 2px
}

.social-media-link a {
 color: #000!important
}

.social-media-link__content {
 background-color: #fff;
 padding: 14px 8px 14px 26px
}

.social-media-link__header {
 margin-bottom: 16px
}

.social-media-link__icon {
 display: inline-block;
 color: #000;
 fill: #000;
 font-size: 26px;
 position: relative;
 top: 6px
}

.social-media-link__title {
 font-size: 20px;
 display: inline-block;
 margin-left: 4px
}

.social-media-link__description {
 margin-bottom: 8px;
 font-size: 14px
}

.video-hero {
 position: relative;
 overflow: hidden;
 color: #fff
}

.video-hero--color-purple {
 color: #990ae3
}

.video-hero--color-black {
 color: #222
}

.video-hero__video {
 width: 100%;
 object-fit: cover;
 display: block;
 position: relative;
 top: 0;
 left: 50%;
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 max-height: 100%;
 overflow: hidden;
 height: 224px
}

@media (min-width:601px) {
 .video-hero__video {
  height: 344px
 }
}

@media (min-width:841px) {
 .video-hero__video {
  min-height: 360px;
  height: 80vh;
  max-height: 468px
 }
}

@media (min-width:1081px) {
 .video-hero__video {
  min-height: 392px;
  height: 80vh;
  max-height: 509.6px
 }
}

@media (min-width:1441px) {
 .video-hero__video {
  min-height: 480px;
  height: 80vh;
  max-height: 624px
 }
}

.video-hero__grid {
 height: 100%
}

.video-hero__container {
 padding: 62px 0;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
}

@media (max-width:600px) {
 .video-hero__container {
  background-color: #f2f2f2
 }
}

@media (min-width:601px) {
 .video-hero__container {
  position: absolute
 }
}

.video-hero__content--align-left {
 text-align: left
}

@media (max-width:600px) {
 .video-hero__content--align-left {
  text-align: center
 }
}

.video-hero__content--align-center {
 text-align: center
}

.video-hero__content--align-right {
 text-align: right
}

.video-hero__heading {
 margin: 0
}

@media (min-width:601px) {
 .video-hero--has-video .video-hero__heading {
  color: inherit
 }
}

.video-hero__description {
 color: inherit;
 max-width: none;
 margin: 1em 0
}

@media (max-width:600px) {
 .video-hero__description {
  color: #000
 }
}

.youtube__container {
 margin: 20px auto;
 height: 100%;
 background-color: #000
}

form[id^=smartcapture-block] {
 max-width: 600px!important;
 margin: 48px auto !important;
}

form[id^=smartcapture-block] div.smartcapture-controls.stylingblock-content-wrapper .sc-formfield-label,
form[id^=smartcapture-block] div.smartcapture-controls.stylingblock-content-wrapper .sc-formfield-label label,
form[id^=smartcapture-block] div.smartcapture-controls.stylingblock-content-wrapper .sc-formfield-input-wrapper .sc-formfield-input label {
 color: #000000!important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
 font-size: 12px!important;
}

[id^=smartcapture-block] input[type="radio"],
[id^=smartcapture-block] input[type="checkbox"] {
 margin: 0 0.4em 3px 0;
 vertical-align: middle;
 font-size: 16px!important;
}

[id^=smartcapture-block] input[type="text"],
[id^=smartcapture-block] input[type="email"],
[id^=smartcapture-block] input[type="number"] {
 border: 0!important;
 border-bottom: 1px solid #990ae3!important;
 font-size: 16px!important;
}

input+.popover {
 position: initial !important;
 text-align: left!important;
}

.fuelux .popover .popover-content {
 color: #FF3264!important;
 font-size: 12px!important;
 margin-top: 5px!important;
}

.sc-button {
 background-color: #990ae3!important;
 border-color: #990ae3!important;
 border-radius: 30px!important;
 border-style: solid!important;
 -webkit-border-radius: 30px!important;
 -moz-border-radius: 30px!important;
 color: #FFFFFF!important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
 font-size: 14px!important;
 line-height: normal!important;
 padding: 10px 20px!important;
 font-weight: 600!important;
 text-transform: uppercase!important;
}

form[id^=smartcapture-block] {
 max-width: 680px!important;
 margin: 48px auto !important;
}

form[id^=smartcapture-block] div.smartcapture-controls.stylingblock-content-wrapper .sc-formfield-label,
form[id^=smartcapture-block] div.smartcapture-controls.stylingblock-content-wrapper .sc-formfield-label label,
form[id^=smartcapture-block] div.smartcapture-controls.stylingblock-content-wrapper .sc-formfield-input-wrapper .sc-formfield-input label {
 color: #000000!important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
 font-size: 12px!important;
}

.smartcapture-controls {
 width: 100%;
}

[id^=smartcapture-block] input[type="radio"],
[id^=smartcapture-block] input[type="checkbox"] {
 margin: 0 0.4em 3px 0;
 vertical-align: middle;
 font-size: 17px!important;
}

[id^=smartcapture-block] input[type="text"],
[id^=smartcapture-block] input[type="email"],
[id^=smartcapture-block] input[type="number"] {
 border: 0!important;
 border-bottom: 1px solid #990ae3!important;
 font-size: 16px!important;
 width: 100%!important;
}

.main-container img {
 max-width: 960px!important;
 width: 100%;
}

.grid__col-12,
.grid__col-md-12,
.grid__col-sm-12,
form[id^=smartcapture-block] {
 width: 100%;
 max-width: 960px!important;
 padding: 0 16px!important;
}

label.checkbox,
label.radio {
 margin: 0 10px 10px 0;
 padding: 0 0 0 35px;
 line-height: 28px;
 cursor: pointer;
 display: inline-block;
 position: relative;
 vertical-align: middle;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

label.checkbox::before {
 box-sizing: border-box;
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 28px;
 height: 28px;
 border: 2px solid #C5C5C5;
 background-color: #ffffff;
 border-radius: 2px;
}

label.radio::before {
 box-sizing: border-box;
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 28px;
 height: 28px;
 border: 2px solid #C5C5C5;
 background-color: #ffffff;
 border-radius: 999px;
}

label.checkbox::after {
 box-sizing: border-box;
 content: '';
 position: absolute;
 left: 6px;
 top: 14px;
 width: 3px;
 height: 3px;
 border-radius: 2px;
 border-bottom: 3px solid #990AE3;
 border-left: 3px solid #990AE3;
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -ms-transform-origin: top left;
 transform-origin: top left;
 opacity: 0;
 transition: height 0s, width 0s;
}

label.radio::after {
 box-sizing: border-box;
 content: '';
 position: absolute;
 left: 6px;
 top: 6px;
 width: 16px;
 height: 16px;
 border-radius: 999px;
 background-color: #990AE3;
 display: none;
}

label.checkbox.checked::after {
 opacity: 1;
 width: 16px;
 height: 8px;
 transition: height 0.2s, width 0.2s 0.2s;
}

label.radio.checked::after {
 display: block;
}

input {
 outline: 0;
}

select {
 width: 100%;
 border: none;
 border-bottom: 1px solid #990AE3;
 outline: 0;
 font-size: 16px;
 padding: 5px 0;
}

button {
 cursor: pointer;
}
.full-width{
width:100%!important;
}
*:focus {
    outline: 2px solid #5E0092 !important;
    outline-offset: 2px !important;
}