﻿.container,
.carousel.container-bleed {
    max-width: 1146px;
    /*width: calc(100% - 30px);*/
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1100px) {
    .container,
    .carousel.container-bleed {
        margin-left: auto;
        margin-right: auto
    }
}

.container.fluid,
.fluid.carousel.container-bleed {
    max-width: 1440px;
    width: 100%
}

.container.full-width,
.full-width.carousel.container-bleed {
    width: 100%
}

.container.full-width--mobile,
.full-width--mobile.carousel.container-bleed {
    width: 100%
}

@media (min-width:720px) {
    .container.full-width--mobile,
    .full-width--mobile.carousel.container-bleed {
        max-width: 1146px;
        width: calc(100% - 30px)
    }
}

.container .container,
.carousel.container-bleed .container,
.container .carousel.container-bleed,
.carousel.container-bleed .carousel.container-bleed {
    margin: 0 auto;
    width: 100%
}

.nr {
    clear: both
}

    .nr.full-width {
        margin-left: -15px;
        margin-right: -15px
    }

.fluid .nr.full-width {
    margin-left: 0;
    margin-right: 0
}

.flow-reverse {
    flex-direction: row-reverse
}

body .container .left,
body .carousel.container-bleed .left {
    width: 100%
}

@media (min-width:1100px) {
    body .container .left,
    body .carousel.container-bleed .left {
        display: inline-block;
        width: 50%;
        float: left
    }
}

body .container .right,
body .carousel.container-bleed .right {
    width: 100%
}

@media (min-width:1100px) {
    body .container .right,
    body .carousel.container-bleed .right {
        display: inline-block;
        width: 50%;
        float: right
    }
}

body .container .left-tablet,
body .carousel.container-bleed .left-tablet {
    width: 100%
}

@media (min-width:720px) {
    body .container .left-tablet,
    body .carousel.container-bleed .left-tablet {
        display: inline-block;
        width: 50%;
        float: left
    }
}

body .container .right-tablet,
body .carousel.container-bleed .right-tablet {
    width: 100%
}

@media (min-width:720px) {
    body .container .right-tablet,
    body .carousel.container-bleed .right-tablet {
        display: inline-block;
        width: 50%;
        float: right
    }
}

.no-gutters [class*='nc-'] {
    padding-left: 0;
    padding-right: 0
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .no-gutters [class*='nc-'] {
        max-width: none
    }
}

.no-gutters .nr {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:720px) {
    [class*='nc-'],
    .nc {
        padding-left: 15px;
        padding-right: 15px
    }

    .nr {
        display: flex;
        flex-wrap: nowrap;
        margin-left: -15px;
        margin-right: -15px
    }

        .nr.full-width {
            margin-left: -30px;
            margin-right: -30px
        }

    .fluid .nr {
        margin-left: 0;
        margin-right: 0
    }

    .nc-1 {
        flex: 0 1 8.3333333333%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-1 {
        max-width: 8.3333333333%
    }
}

@media (min-width:720px) {
    .nc-2 {
        flex: 0 1 16.6666666667%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-2 {
        max-width: 16.6666666667%
    }
}

@media (min-width:720px) {
    .nc-3 {
        flex: 0 1 25%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-3 {
        max-width: 25%
    }
}

@media (min-width:720px) {
    .nc-4 {
        flex: 0 1 33.3333333333%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-4 {
        max-width: 33.3333333333%
    }
}

@media (min-width:720px) {
    .nc-5 {
        flex: 0 1 41.6666666667%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-5 {
        max-width: 41.6666666667%
    }
}

@media (min-width:720px) {
    .nc-6 {
        flex: 0 1 50%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-6 {
        max-width: 50%
    }
}

@media (min-width:720px) {
    .nc-7 {
        flex: 0 1 58.3333333333%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-7 {
        max-width: 58.3333333333%
    }
}

@media (min-width:720px) {
    .nc-8 {
        flex: 0 1 66.6666666667%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-8 {
        max-width: 66.6666666667%
    }
}

@media (min-width:720px) {
    .nc-9 {
        flex: 0 1 75%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-9 {
        max-width: 75%
    }
}

@media (min-width:720px) {
    .nc-10 {
        flex: 0 1 83.3333333333%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-10 {
        max-width: 83.3333333333%
    }
}

@media (min-width:720px) {
    .nc-11 {
        flex: 0 1 91.6666666667%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-11 {
        max-width: 91.6666666667%
    }
}

@media (min-width:720px) {
    .nc-12 {
        flex: 0 1 100%
    }
}

@media all and (min-width:720px) and (-ms-high-contrast:none), (min-width:720px) and (-ms-high-contrast:active) {
    .nc-12 {
        max-width: 100%
    }
}

@media (min-width:720px) {
    .nc-offset-1 {
        margin-left: 8.3333333333%
    }

    .nc-offset-2 {
        margin-left: 16.6666666667%
    }

    .nc-offset-3 {
        margin-left: 25%
    }

    .nc-offset-4 {
        margin-left: 33.3333333333%
    }

    .nc-offset-5 {
        margin-left: 41.6666666667%
    }

    .nc-offset-6 {
        margin-left: 50%
    }

    .nc-offset-7 {
        margin-left: 58.3333333333%
    }

    .nc-offset-8 {
        margin-left: 66.6666666667%
    }

    .nc-offset-9 {
        margin-left: 75%
    }

    .nc-offset-10 {
        margin-left: 83.3333333333%
    }

    .nc-offset-11 {
        margin-left: 91.6666666667%
    }

    .nc-offset-12 {
        margin-left: 100%
    }

    .flow-reverse .nc-offset-1 {
        margin-left: 0;
        margin-right: 8.3333333333%
    }

    .flow-reverse .nc-offset-2 {
        margin-left: 0;
        margin-right: 16.6666666667%
    }

    .flow-reverse .nc-offset-3 {
        margin-left: 0;
        margin-right: 25%
    }

    .flow-reverse .nc-offset-4 {
        margin-left: 0;
        margin-right: 33.3333333333%
    }

    .flow-reverse .nc-offset-5 {
        margin-left: 0;
        margin-right: 41.6666666667%
    }

    .flow-reverse .nc-offset-6 {
        margin-left: 0;
        margin-right: 50%
    }

    .flow-reverse .nc-offset-7 {
        margin-left: 0;
        margin-right: 58.3333333333%
    }

    .flow-reverse .nc-offset-8 {
        margin-left: 0;
        margin-right: 66.6666666667%
    }

    .flow-reverse .nc-offset-9 {
        margin-left: 0;
        margin-right: 75%
    }

    .flow-reverse .nc-offset-10 {
        margin-left: 0;
        margin-right: 83.3333333333%
    }

    .flow-reverse .nc-offset-11 {
        margin-left: 0;
        margin-right: 91.6666666667%
    }

    .flow-reverse .nc-offset-12 {
        margin-left: 0;
        margin-right: 100%
    }
}







.nokia-cookies-wrapper {
    z-index: 9001;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    XXfont-family: NokiaPureHeadlineUltralight, Arial, Helvetica, sans-serif;
}

    .nokia-cookies-wrapper .cookie_content {
        padding: 20px 0;
    }

        .nokia-cookies-wrapper .cookie_content .cookie_message {
            color: #fff;
            margin-left: 20px;
        }

            .nokia-cookies-wrapper .cookie_content .cookie_message a {
                color: #fff
            }

    .nokia-cookies-wrapper a.btn-transparent-white,
    .nokia-cookies-wrapper .mkto-form-inline form.mktoForm .mktoButtonWrap.mktoPurpleCandy a.mktoButton,
    .mkto-form-inline form.mktoForm .mktoButtonWrap.mktoPurpleCandy .nokia-cookies-wrapper a.mktoButton {
        display: inline-block;
        margin: 10px;
        color: #fff;
        margin-top: 20px;
    }

        .nokia-cookies-wrapper a.btn-transparent-white:hover,
        .nokia-cookies-wrapper .mkto-form-inline form.mktoForm .mktoButtonWrap.mktoPurpleCandy a.mktoButton:hover,
        .mkto-form-inline form.mktoForm .mktoButtonWrap.mktoPurpleCandy .nokia-cookies-wrapper a.mktoButton:hover {
            color: #005AFF;
            background: #fff
        }








.btn-transparent-white,
.mkto-form-inline form.mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton {
    display: inline-block;
    min-width: 186px;
    padding: 16px 20px 16px;
    border-radius: 3px !important;
    border: solid 1px #0065ed;
    background-color: #0065ed;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.54;
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-align: center;
    cursor: pointer
}
.btn-transparent-white {
    color: #fff;
    background-color: transparent;
    border: solid 1px #fff
}


a.btn-transparent-white:hover {
    text-decoration: none;
}











.pre-header {
    display: none;
}

.logo-div {
    padding: 20px 11px;
}

    .logo-div .logo-nok {
        background: url(/clientapp/assets/images/nokialogo.png) no-repeat 0 0 transparent;
        background-size: contain;
        height: 57px;
        width: 254px;
        float: left;
    }

.download-div {
    float: right;
    width: auto;
    margin-left: 20px;
    border-width: 2px;
}



@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.page-wrapper {
    display: Xnone;
}

.general-file {
    margin: 10px auto;
    width: 100%;
    height: 1196px;
    border: 2px solid #e7e7e7;
    border-radius: 2px;
    -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 767px) {
    .general-file {
        height: 767px;
    }
}

h3 {
    margin-top: 20px;
    margin-bottom: 0px;
}

video {
    border: 1px solid;
}


.nokia-cookies-wrapper {
    display: none;
}



h1, h2, h3, h4, h5, h6 {
    font-family: NokiaPureText-Light, "Open Sans";
    font-weight: 300;
}

.mobile-hide {
    display: initial;
}

.mobile-show {
    display: none;
}

.download-div a.btn {
    padding: 10px 30px 10px 30px;
    border-radius: 6px !important;
    font-size: 18px;
    font-weight: 700;
    border-width: 1px;
}

    .download-div a.btn.blue:hover {
        border-color: #0049B4 !important;
        background-color: #0049B4 !important;
    }

    .download-div a.btn.white {
        border-color: #005AFF !important;
        color: #005AFF;
    }
        .download-div a.btn.white:hover, .download-div a.btn.white:focus, .download-div a.btn.white:active:hover, .download-div a.btn.white:active:focus {
            background-color: transparent !important;
            border-color: #0049B4 !important;
            color: #0049B4 !important;
        }


.download-div.stretched a.btn {
    width: 100%;
}

.download-div.stretched {
    width: 100%;
    padding-left: 11px;
    padding-right: 13px;
    
}

.button-div {
    width: 100%;
}

body {
    min-width: 480px;
}

@media (max-width:780px) {

    .logo-div {
        padding: 20px 13px 20px 11px;
    }

    .download-div {
        margin-bottom: 20px;
    }

    .logo-div {
        height: 95px;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: inline-block;
    }
    

    
}



.description {
    white-space: pre-wrap;
}
