html,body { font-size: 19px; } footer { letter-spacing: .025em; } footer, button { font-size: 19px; color: #001135; } footer *,footer :after,footer :before { -webkit-box-sizing: border-box; box-sizing: border-box } .btn.sm { font-size: 19px; padding: 0.72rem 0.78rem; margin-bottom: 1.5rem; } dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,ul { -webkit-margin-before: 0; margin-block-start:0; -webkit-margin-after: 1em; margin-block-end:1em; font-family: NokiaPureHeadline, -apple-system, BlinkMacSystemFont, HelveticaNeue-Light, "Segoe UI", "Helvetica Neue", Helvetica, Raleway, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, HelveticaNeue-Light, "Segoe UI", "Helvetica Neue", Helvetica, Raleway, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } @media (min-width: 320px) { footer, button { font-size:16px } } @media (min-width: 600px) and (orientation:portrait) { footer, button { font-size:17px } } @media (min-width: 600px) and (orientation:landscape) { footer, button { font-size:16px } } @media (min-width: 960px) { footer, button { font-size:18px } } @media (min-width: 1280px) { footer, button { font-size:19px } } @media (min-width: 1900px) { footer, button { font-size:20px } } .xl { font-size: 1.25em } .lg { font-size: 1.125em } .md { font-size: 1em } .sm { font-size: .875em } .xs { font-size: .75em } .bold { font-weight: 700 } .h3,h3 { line-height: 1.25; font-size: 1.5em; letter-spacing: 0; font-weight: 400; -webkit-margin-before: 0; margin-block-start:0;-webkit-margin-after: 0; margin-block-end:0;margin-bottom: .625em } .container-fluid { max-width: calc(1656px + 12.8vw); margin: 0 auto; width: 100%; position: relative } .container-fluid,.row { -webkit-box-sizing: border-box; box-sizing: border-box } .row { -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap } .col,.row { display: -webkit-box; display: flex } .col.col-block { display: block } .row.reverse { -webkit-box-orient: horizontal; flex-direction: row-reverse } .col.reverse,.row.reverse { -webkit-box-direction: reverse } .col.reverse { -webkit-box-orient: vertical; flex-direction: column-reverse } .row.full-width { width: 100% } .row.no-gutter { margin-left: 0; margin-right: 0 } .row.no-gutter .col { padding-left: 0; padding-right: 0 } [class*=" col-xxs"],[class^=col-xxs] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } .row { margin-right: -3.2vw; margin-left: -3.2vw } .row.half-gutter { margin-right: -1.6vw; margin-left: -1.6vw } .col { padding-right: 3.2vw; padding-left: 3.2vw } .half-gutter .col { padding-right: 1.6vw; padding-left: 1.6vw } .col-xxs-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xxs-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xxs-3 { flex-basis: 25%; max-width: 25% } .col-xxs-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xxs-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xxs-6 { flex-basis: 50%; max-width: 50% } .col-xxs-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xxs-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xxs-9 { flex-basis: 75%; max-width: 75% } .col-xxs-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xxs-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xxs-12 { flex-basis: 100%; max-width: 100% } .col-xxs-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-xxs-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-xxs-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-xxs-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-xxs-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-xxs-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-xxs-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-xxs-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-xxs-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-xxs-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-xxs-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-xxs-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-xxs-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-xxs { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-xxs { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xxs { -webkit-box-pack: center; justify-content: center; text-align: center } .end-xxs { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xxs { -webkit-box-align: start; align-items: flex-start } .middle-xxs { -webkit-box-align: center; align-items: center } .bottom-xxs { -webkit-box-align: end; align-items: flex-end } .around-xxs { justify-content: space-around } .between-xxs { -webkit-box-pack: justify; justify-content: space-between } .first-xxs { -webkit-box-ordinal-group: 0; order: -1 } .last-xxs { -webkit-box-ordinal-group: 14; order: 13 } .order-xxs-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-xxs-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-xxs-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-xxs-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-xxs-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-xxs-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-xxs-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-xxs-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-xxs-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-xxs-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-xxs-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-xxs-12 { -webkit-box-ordinal-group: 13; order: 12 } [class*=" col-xs"],[class^=col-xs] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 320px) { .row { margin-right:-3.2vw; margin-left: -3.2vw } .row.half-gutter { margin-right: -1.6vw; margin-left: -1.6vw } .col { padding-right: 3.2vw; padding-left: 3.2vw } .half-gutter .col { padding-right: 1.6vw; padding-left: 1.6vw } .col-xs-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xs-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xs-3 { flex-basis: 25%; max-width: 25% } .col-xs-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xs-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xs-6 { flex-basis: 50%; max-width: 50% } .col-xs-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xs-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xs-9 { flex-basis: 75%; max-width: 75% } .col-xs-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xs-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xs-12 { flex-basis: 100%; max-width: 100% } .col-xs-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-xs-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-xs-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-xs-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-xs-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-xs-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-xs-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-xs-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-xs-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-xs-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-xs-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-xs-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-xs-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-xs { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-xs { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xs { -webkit-box-pack: center; justify-content: center; text-align: center } .end-xs { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xs { -webkit-box-align: start; align-items: flex-start } .middle-xs { -webkit-box-align: center; align-items: center } .bottom-xs { -webkit-box-align: end; align-items: flex-end } .around-xs { justify-content: space-around } .between-xs { -webkit-box-pack: justify; justify-content: space-between } .first-xs { -webkit-box-ordinal-group: 0; order: -1 } .last-xs { -webkit-box-ordinal-group: 14; order: 13 } .order-xs-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-xs-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-xs-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-xs-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-xs-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-xs-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-xs-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-xs-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-xs-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-xs-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-xs-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-xs-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-sm"],[class^=col-sm] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 600px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-sm-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-sm-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-sm-3 { flex-basis: 25%; max-width: 25% } .col-sm-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-sm-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-sm-6 { flex-basis: 50%; max-width: 50% } .col-sm-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-sm-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-sm-9 { flex-basis: 75%; max-width: 75% } .col-sm-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-sm-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-sm-12 { flex-basis: 100%; max-width: 100% } .col-sm-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-sm-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-sm-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-sm-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-sm-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-sm-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-sm-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-sm-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-sm-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-sm-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-sm-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-sm-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-sm-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-sm { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-sm { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-sm { -webkit-box-pack: center; justify-content: center; text-align: center } .end-sm { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-sm { -webkit-box-align: start; align-items: flex-start } .middle-sm { -webkit-box-align: center; align-items: center } .bottom-sm { -webkit-box-align: end; align-items: flex-end } .around-sm { justify-content: space-around } .between-sm { -webkit-box-pack: justify; justify-content: space-between } .first-sm { -webkit-box-ordinal-group: 0; order: -1 } .last-sm { -webkit-box-ordinal-group: 14; order: 13 } .order-sm-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-sm-landscape"],[class^=col-sm-landscape] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 600px) and (orientation:landscape),(min-width:959px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-sm-landscape-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-sm-landscape-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-sm-landscape-3 { flex-basis: 25%; max-width: 25% } .col-sm-landscape-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-sm-landscape-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-sm-landscape-6 { flex-basis: 50%; max-width: 50% } .col-sm-landscape-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-sm-landscape-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-sm-landscape-9 { flex-basis: 75%; max-width: 75% } .col-sm-landscape-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-sm-landscape-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-sm-landscape-12 { flex-basis: 100%; max-width: 100% } .col-sm-landscape-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-sm-landscape-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-sm-landscape-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-sm-landscape-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-sm-landscape-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-sm-landscape-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-sm-landscape-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-sm-landscape-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-sm-landscape-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-sm-landscape-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-sm-landscape-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-sm-landscape-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-sm-landscape-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-sm-landscape { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-sm-landscape { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-sm-landscape { -webkit-box-pack: center; justify-content: center; text-align: center } .end-sm-landscape { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-sm-landscape { -webkit-box-align: start; align-items: flex-start } .middle-sm-landscape { -webkit-box-align: center; align-items: center } .bottom-sm-landscape { -webkit-box-align: end; align-items: flex-end } .around-sm-landscape { justify-content: space-around } .between-sm-landscape { -webkit-box-pack: justify; justify-content: space-between } .first-sm-landscape { -webkit-box-ordinal-group: 0; order: -1 } .last-sm-landscape { -webkit-box-ordinal-group: 14; order: 13 } .order-sm-landscape-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-sm-landscape-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-sm-landscape-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-sm-landscape-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-sm-landscape-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-sm-landscape-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-sm-landscape-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-sm-landscape-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-sm-landscape-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-sm-landscape-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-sm-landscape-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-sm-landscape-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-md"],[class^=col-md] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 960px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-md-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-md-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-md-3 { flex-basis: 25%; max-width: 25% } .col-md-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-md-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-md-6 { flex-basis: 50%; max-width: 50% } .col-md-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-md-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-md-9 { flex-basis: 75%; max-width: 75% } .col-md-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-md-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-md-12 { flex-basis: 100%; max-width: 100% } .col-md-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-md-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-md-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-md-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-md-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-md-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-md-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-md-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-md-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-md-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-md-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-md-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-md-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-md { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-md { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-md { -webkit-box-pack: center; justify-content: center; text-align: center } .end-md { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-md { -webkit-box-align: start; align-items: flex-start } .middle-md { -webkit-box-align: center; align-items: center } .bottom-md { -webkit-box-align: end; align-items: flex-end } .around-md { justify-content: space-around } .between-md { -webkit-box-pack: justify; justify-content: space-between } .first-md { -webkit-box-ordinal-group: 0; order: -1 } .last-md { -webkit-box-ordinal-group: 14; order: 13 } .order-md-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-lg"],[class^=col-lg] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 1280px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-lg-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-lg-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-lg-3 { flex-basis: 25%; max-width: 25% } .col-lg-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-lg-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-lg-6 { flex-basis: 50%; max-width: 50% } .col-lg-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-lg-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-lg-9 { flex-basis: 75%; max-width: 75% } .col-lg-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-lg-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-lg-12 { flex-basis: 100%; max-width: 100% } .col-lg-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-lg-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-lg-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-lg-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-lg-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-lg-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-lg-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-lg-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-lg-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-lg-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-lg-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-lg-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-lg-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-lg { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-lg { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-lg { -webkit-box-pack: center; justify-content: center; text-align: center } .end-lg { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-lg { -webkit-box-align: start; align-items: flex-start } .middle-lg { -webkit-box-align: center; align-items: center } .bottom-lg { -webkit-box-align: end; align-items: flex-end } .around-lg { justify-content: space-around } .between-lg { -webkit-box-pack: justify; justify-content: space-between } .first-lg { -webkit-box-ordinal-group: 0; order: -1 } .last-lg { -webkit-box-ordinal-group: 14; order: 13 } .order-lg-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-xl"],[class^=col-xl] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 1900px) { .row { margin-right:-1.9em; margin-left: -1.9em } .row.half-gutter { margin-right: -.95em; margin-left: -.95em } .col { padding-right: 1.9em; padding-left: 1.9em } .half-gutter .col { padding-right: .95em; padding-left: .95em } .col-xl-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xl-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xl-3 { flex-basis: 25%; max-width: 25% } .col-xl-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xl-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xl-6 { flex-basis: 50%; max-width: 50% } .col-xl-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xl-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xl-9 { flex-basis: 75%; max-width: 75% } .col-xl-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xl-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xl-12 { flex-basis: 100%; max-width: 100% } .col-xl-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-xl-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-xl-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-xl-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-xl-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-xl-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-xl-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-xl-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-xl-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-xl-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-xl-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-xl-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-xl-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { margin-left: auto; margin-right: auto } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-xl { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-xl { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xl { -webkit-box-pack: center; justify-content: center; text-align: center } .end-xl { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xl { -webkit-box-align: start; align-items: flex-start } .middle-xl { -webkit-box-align: center; align-items: center } .bottom-xl { -webkit-box-align: end; align-items: flex-end } .around-xl { justify-content: space-around } .between-xl { -webkit-box-pack: justify; justify-content: space-between } .first-xl { -webkit-box-ordinal-group: 0; order: -1 } .last-xl { -webkit-box-ordinal-group: 14; order: 13 } .order-xl-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; order: 12 } } .show-desktop { display: none } @media (min-width: 960px) { .show-desktop { display:block } } .show-mobile { display: block } @media (min-width: 960px) { .show-mobile { display:none } } footer { font-family: Nokia,Arial,Helvetica,sans-serif; font-weight: 400; letter-spacing: .025em; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100% } footer .footer__container { position: relative; padding-top: 3.35em; } footer .footer__container:before { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),color-stop(30em,transparent)); background: linear-gradient(180deg,rgba(0,0,0,.05),transparent 30em); position: absolute; z-index: -1; content: ""; top: 0; bottom: 0; width: 100%; left: 0; } html[dir=rtl] footer .footer__container:before { left: unset; right: calc(-50vw + 50%) } footer .footer__container a { color: currentColor; text-decoration: none; font-family: 'NokiaPureHeadline'; letter-spacing: 0.475px; } footer .footer__container a:hover { color: #0065ed } footer nav svg,footer nav svg.icon { width: 24px; height: 24px } footer .nav-highlight { color: #0e97f5 } footer .footer__main-nav { padding-bottom: 7.35em; } footer .footer__main-nav .h3 { margin: 0; font-weight: 400; letter-spacing: 0px; } footer .footer__main-nav .h3 a { display: inline-block; padding-top: 0.6rem; padding-bottom: 0.6rem; -webkit-transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; -webkit-box-shadow: inset 0 -2px 0 0 transparent; box-shadow: inset 0 -2px 0 0 transparent; font-family: 'NokiaPureHeadline'; font-weight: 400; line-height: 1.25; } footer .footer__main-nav .h3 a:focus { outline: none } footer .footer__main-nav .h3 a:focus-visible { color: #0065ed; -webkit-box-shadow: inset 0 -2px 0 0 currentColor; box-shadow: inset 0 -2px 0 0 currentColor } footer .footer__secondary-nav { font-size: .875em } footer .footer__secondary-nav .accordion { -webkit-column-break-before: avoid; -moz-column-break-before: avoid; break-before: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; -webkit-column-break-after: avoid; -moz-column-break-after: avoid; break-after: avoid; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; } footer .footer__secondary-nav .accordion svg { fill: none } footer .footer__secondary-nav .accordion.column-break { -webkit-column-break-after: column; -moz-column-break-after: column; break-after: column } footer .footer__secondary-nav .accordion .accordion-header { font-weight: 700; margin-top: 0.7em; margin-bottom: 1.3em; padding: 0 } footer .footer__secondary-nav .accordion .accordion-content.open { padding-bottom: 0 } footer .footer__secondary-nav .accordion .accordion-content a:hover { color: #0065ed } footer .footer__secondary-nav .accordion .accordion-content a:focus { outline: none } footer .footer__secondary-nav .accordion .accordion-content a:focus-visible { color: #0065ed } footer .footer__secondary-nav .footer__secondary-header { font-weight: 700; margin-bottom: 1em; margin-top: 0.7em; } footer .footer__secondary-nav .footer__secondary-header a { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between } @media (max-width: 599px),(max-width:959px) and (orientation:portrait) { .accordion .accordion-content { height: 100%; } .caret.rotate { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .accordion .accordion-content.close { height: 0; } footer .footer__secondary-nav>div:first-child { border-top:2px solid rgba(0,0,0,.05) } } @media (min-width: 600px) and (orientation:landscape),(min-width:960px) { footer .accordion .accordion-header { pointer-events:none } footer .accordion .accordion-header .accordion-header-content { font-size: .875em; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; } footer .accordion .accordion-icon { display: none } footer .accordion .accordion-content { display: block; margin-bottom: 0; border-bottom-width: 0 } footer .accordion .accordion-content.close { max-height: unset } footer .accordion .accordion-content.close>* { visibility: visible } footer .accordion hr { display: none } footer .footer__secondary-nav { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-bottom: 3.5rem; } footer .footer__secondary-nav .footer__secondary-header a { -webkit-box-pack: start; justify-content: start } } footer nav ul { list-style: none; padding: 0 } footer li { display: block; margin: 0 0 1em; line-height: 1.5 } footer div.footer__social-payments { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 1.5em; padding-bottom: 2em; border-top: 2px solid rgba(0,0,0,.05); border-bottom: 2px solid rgba(0,0,0,.05); margin-bottom: 1.5em } @media (min-width: 960px) { footer div.footer__social-payments { -webkit-box-orient:horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 1.5em } } footer ul.footer__payments,footer ul.footer__social { -webkit-padding-start: 0; padding-inline-start:0;margin-bottom: 1.5em } @media (min-width: 960px) { footer ul.footer__payments,footer ul.footer__social { margin-bottom:0 } } footer ul.footer__payments li,footer ul.footer__social li { display: inline-block; margin-inline-end:1.5rem; margin-bottom: 0; } footer ul.footer__payments li:last-child,footer ul.footer__social li:last-child { -webkit-margin-end: 0; margin-inline-end:0} footer ul.footer__payments li .icon,footer ul.footer__social li .icon { height: 1.5em; width: auto } footer ul.footer__payments li a,footer ul.footer__social li a { display: inline-block; border-radius: .125em; -webkit-transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; -webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent } footer ul.footer__payments li a:focus,footer ul.footer__social li a:focus { outline: none } footer ul.footer__payments li a:focus-visible,footer ul.footer__social li a:focus-visible { color: #0065ed; -webkit-box-shadow: 0 0 0 2px currentColor; box-shadow: 0 0 0 2px currentColor } footer ul.footer__payments { margin-bottom: 0 } footer ul.footer__payments li { -webkit-margin-end: .5em; margin-inline-end:.5em} footer svg { vertical-align: middle; margin: 0; width: 1.4em; height: 1.4em; fill: currentColor; } footer .hmd-logo { display: -webkit-inline-box; display: inline-flex } footer .hmd-logo svg { height: .8em; width: auto } footer .footer__disclaimers,footer .hmd-logo,footer .hmd-logo a:hover { color: grey } footer .footer__disclaimers { padding-bottom: 4.3rem; } @media (min-width: 960px) { footer .footer__disclaimers { padding-bottom: 4.3rem; } } footer .footer__disclaimers div,footer .footer__disclaimers p { display: inline; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; line-height: 1.5; } footer .footer__legal { list-style: none; flex-wrap: wrap; align-self: baseline; margin: 0 -0.669em -1em } @media (min-width: 960px) { footer .footer__legal { -webkit-margin-start:auto; margin-inline-start:auto} } footer .footer__legal li { display: -webkit-box; display: flex; margin: 0 .5em 1em } footer .footer__legal a { white-space: nowrap; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; } footer .footer__legal svg { width: 1em; height: 1em; -webkit-margin-start: .125em; margin-inline-start:.125em} #app-navigation { height: 3em } @media (min-width: 320px) { #app-navigation { height:3.5em } } .accordion .accordion-header { font-family: inherit; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; cursor: pointer; background-color: transparent; width: 100%; border: none; padding: 1em .375em 1em 0; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out } .accordion .accordion-header .accordion-icon { height: .375em; margin: .5625em 0 .5625em 1em; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out } .accordion .accordion-header:hover { color: #0065ed } .accordion .accordion-header:focus { text-decoration: none; outline: none } .accordion .accordion-header:active { color: #124191 } .accordion .accordion-header.open .accordion-icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .accordion .accordion-header:focus-visible { color: #0065ed; outline: none } .accordion .accordion-header:focus-visible+.accordion-content { border-bottom-color: #0065ed } .accordion .accordion-header .accordion-header-content>* { text-align: start; margin-bottom: 0 } .accordion .accordion-header .accordion-header-content span { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center } .accordion .accordion-content { overflow: hidden; -webkit-transition: max-height .35s cubic-bezier(.65,0,.35,1),padding-bottom .35s cubic-bezier(.65,0,.35,1),border-bottom-color .25s ease-in-out; transition: max-height .35s cubic-bezier(.65,0,.35,1),padding-bottom .35s cubic-bezier(.65,0,.35,1),border-bottom-color .25s ease-in-out; border-bottom: 2px solid rgba(0,0,0,.05); display: block } .accordion .accordion-content.close>* { visibility: visible; -webkit-transition: visibility 0s .35s; transition: visibility 0s .35s } .accordion .accordion-content div:not(.cta-content) p a { color: #0065ed } .accordion .accordion-content div:not(.cta-content) p a:visited { color: #124191 } .accordion .accordion-content>:last-child p:last-child { margin-bottom: 0; padding-bottom: 1.5em } footer .btn { display: flex; font-family: Nokia,Arial,Helvetica,sans-serif; font-weight: 700; line-height: 1.5; letter-spacing: .025rem; border: none; border-radius: 0.21875rem; padding: 0.625rem; position: relative; background-color: #0065ed; color: #fff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; -webkit-transition: all .25s ease; transition: all .25s ease; font-size: 19px; } footer .btn:hover { color: #fff; background-color: #124191; }

I got pie update I'm a sirroco user

Comments

Raisin toast

January 2019

I found a bug though. When you exit the navigation mode while the phone is horizontal you get a horizontal home page but only for a split second which is annoying because I want to use the homepage in a horizontal orientation. Here is a screenshot I managed to get

0

Categories

html,body { font-size: 19px; } footer { letter-spacing: .025em; } footer, button { font-size: 19px; color: #001135; } footer *,footer :after,footer :before { -webkit-box-sizing: border-box; box-sizing: border-box } .btn.sm { font-size: 19px; padding: 0.72rem 0.78rem; margin-bottom: 1.5rem; } dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,ul { -webkit-margin-before: 0; margin-block-start:0; -webkit-margin-after: 1em; margin-block-end:1em; font-family: NokiaPureHeadline, -apple-system, BlinkMacSystemFont, HelveticaNeue-Light, "Segoe UI", "Helvetica Neue", Helvetica, Raleway, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, HelveticaNeue-Light, "Segoe UI", "Helvetica Neue", Helvetica, Raleway, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } @media (min-width: 320px) { footer, button { font-size:16px } } @media (min-width: 600px) and (orientation:portrait) { footer, button { font-size:17px } } @media (min-width: 600px) and (orientation:landscape) { footer, button { font-size:16px } } @media (min-width: 960px) { footer, button { font-size:18px } } @media (min-width: 1280px) { footer, button { font-size:19px } } @media (min-width: 1900px) { footer, button { font-size:20px } } .xl { font-size: 1.25em } .lg { font-size: 1.125em } .md { font-size: 1em } .sm { font-size: .875em } .xs { font-size: .75em } .bold { font-weight: 700 } .h3,h3 { line-height: 1.25; font-size: 1.5em; letter-spacing: 0; font-weight: 400; -webkit-margin-before: 0; margin-block-start:0;-webkit-margin-after: 0; margin-block-end:0;margin-bottom: .625em } .container-fluid { max-width: calc(1656px + 12.8vw); margin: 0 auto; width: 100%; position: relative } .container-fluid,.row { -webkit-box-sizing: border-box; box-sizing: border-box } .row { -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap } .col,.row { display: -webkit-box; display: flex } .col.col-block { display: block } .row.reverse { -webkit-box-orient: horizontal; flex-direction: row-reverse } .col.reverse,.row.reverse { -webkit-box-direction: reverse } .col.reverse { -webkit-box-orient: vertical; flex-direction: column-reverse } .row.full-width { width: 100% } .row.no-gutter { margin-left: 0; margin-right: 0 } .row.no-gutter .col { padding-left: 0; padding-right: 0 } [class*=" col-xxs"],[class^=col-xxs] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } .row { margin-right: -3.2vw; margin-left: -3.2vw } .row.half-gutter { margin-right: -1.6vw; margin-left: -1.6vw } .col { padding-right: 3.2vw; padding-left: 3.2vw } .half-gutter .col { padding-right: 1.6vw; padding-left: 1.6vw } .col-xxs-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xxs-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xxs-3 { flex-basis: 25%; max-width: 25% } .col-xxs-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xxs-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xxs-6 { flex-basis: 50%; max-width: 50% } .col-xxs-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xxs-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xxs-9 { flex-basis: 75%; max-width: 75% } .col-xxs-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xxs-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xxs-12 { flex-basis: 100%; max-width: 100% } .col-xxs-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-xxs-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-xxs-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-xxs-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-xxs-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-xxs-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-xxs-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-xxs-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-xxs-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-xxs-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-xxs-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-xxs-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-xxs-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-xxs { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-xxs { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xxs { -webkit-box-pack: center; justify-content: center; text-align: center } .end-xxs { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xxs { -webkit-box-align: start; align-items: flex-start } .middle-xxs { -webkit-box-align: center; align-items: center } .bottom-xxs { -webkit-box-align: end; align-items: flex-end } .around-xxs { justify-content: space-around } .between-xxs { -webkit-box-pack: justify; justify-content: space-between } .first-xxs { -webkit-box-ordinal-group: 0; order: -1 } .last-xxs { -webkit-box-ordinal-group: 14; order: 13 } .order-xxs-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-xxs-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-xxs-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-xxs-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-xxs-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-xxs-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-xxs-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-xxs-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-xxs-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-xxs-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-xxs-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-xxs-12 { -webkit-box-ordinal-group: 13; order: 12 } [class*=" col-xs"],[class^=col-xs] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 320px) { .row { margin-right:-3.2vw; margin-left: -3.2vw } .row.half-gutter { margin-right: -1.6vw; margin-left: -1.6vw } .col { padding-right: 3.2vw; padding-left: 3.2vw } .half-gutter .col { padding-right: 1.6vw; padding-left: 1.6vw } .col-xs-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xs-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xs-3 { flex-basis: 25%; max-width: 25% } .col-xs-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xs-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xs-6 { flex-basis: 50%; max-width: 50% } .col-xs-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xs-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xs-9 { flex-basis: 75%; max-width: 75% } .col-xs-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xs-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xs-12 { flex-basis: 100%; max-width: 100% } .col-xs-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-xs-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-xs-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-xs-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-xs-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-xs-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-xs-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-xs-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-xs-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-xs-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-xs-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-xs-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-xs-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-xs { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-xs { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xs { -webkit-box-pack: center; justify-content: center; text-align: center } .end-xs { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xs { -webkit-box-align: start; align-items: flex-start } .middle-xs { -webkit-box-align: center; align-items: center } .bottom-xs { -webkit-box-align: end; align-items: flex-end } .around-xs { justify-content: space-around } .between-xs { -webkit-box-pack: justify; justify-content: space-between } .first-xs { -webkit-box-ordinal-group: 0; order: -1 } .last-xs { -webkit-box-ordinal-group: 14; order: 13 } .order-xs-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-xs-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-xs-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-xs-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-xs-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-xs-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-xs-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-xs-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-xs-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-xs-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-xs-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-xs-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-sm"],[class^=col-sm] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 600px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-sm-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-sm-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-sm-3 { flex-basis: 25%; max-width: 25% } .col-sm-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-sm-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-sm-6 { flex-basis: 50%; max-width: 50% } .col-sm-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-sm-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-sm-9 { flex-basis: 75%; max-width: 75% } .col-sm-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-sm-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-sm-12 { flex-basis: 100%; max-width: 100% } .col-sm-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-sm-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-sm-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-sm-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-sm-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-sm-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-sm-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-sm-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-sm-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-sm-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-sm-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-sm-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-sm-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-sm { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-sm { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-sm { -webkit-box-pack: center; justify-content: center; text-align: center } .end-sm { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-sm { -webkit-box-align: start; align-items: flex-start } .middle-sm { -webkit-box-align: center; align-items: center } .bottom-sm { -webkit-box-align: end; align-items: flex-end } .around-sm { justify-content: space-around } .between-sm { -webkit-box-pack: justify; justify-content: space-between } .first-sm { -webkit-box-ordinal-group: 0; order: -1 } .last-sm { -webkit-box-ordinal-group: 14; order: 13 } .order-sm-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-sm-landscape"],[class^=col-sm-landscape] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 600px) and (orientation:landscape),(min-width:959px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-sm-landscape-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-sm-landscape-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-sm-landscape-3 { flex-basis: 25%; max-width: 25% } .col-sm-landscape-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-sm-landscape-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-sm-landscape-6 { flex-basis: 50%; max-width: 50% } .col-sm-landscape-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-sm-landscape-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-sm-landscape-9 { flex-basis: 75%; max-width: 75% } .col-sm-landscape-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-sm-landscape-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-sm-landscape-12 { flex-basis: 100%; max-width: 100% } .col-sm-landscape-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-sm-landscape-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-sm-landscape-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-sm-landscape-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-sm-landscape-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-sm-landscape-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-sm-landscape-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-sm-landscape-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-sm-landscape-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-sm-landscape-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-sm-landscape-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-sm-landscape-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-sm-landscape-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-sm-landscape { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-sm-landscape { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-sm-landscape { -webkit-box-pack: center; justify-content: center; text-align: center } .end-sm-landscape { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-sm-landscape { -webkit-box-align: start; align-items: flex-start } .middle-sm-landscape { -webkit-box-align: center; align-items: center } .bottom-sm-landscape { -webkit-box-align: end; align-items: flex-end } .around-sm-landscape { justify-content: space-around } .between-sm-landscape { -webkit-box-pack: justify; justify-content: space-between } .first-sm-landscape { -webkit-box-ordinal-group: 0; order: -1 } .last-sm-landscape { -webkit-box-ordinal-group: 14; order: 13 } .order-sm-landscape-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-sm-landscape-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-sm-landscape-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-sm-landscape-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-sm-landscape-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-sm-landscape-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-sm-landscape-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-sm-landscape-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-sm-landscape-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-sm-landscape-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-sm-landscape-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-sm-landscape-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-md"],[class^=col-md] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 960px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-md-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-md-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-md-3 { flex-basis: 25%; max-width: 25% } .col-md-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-md-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-md-6 { flex-basis: 50%; max-width: 50% } .col-md-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-md-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-md-9 { flex-basis: 75%; max-width: 75% } .col-md-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-md-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-md-12 { flex-basis: 100%; max-width: 100% } .col-md-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-md-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-md-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-md-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-md-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-md-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-md-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-md-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-md-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-md-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-md-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-md-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-md-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-md { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-md { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-md { -webkit-box-pack: center; justify-content: center; text-align: center } .end-md { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-md { -webkit-box-align: start; align-items: flex-start } .middle-md { -webkit-box-align: center; align-items: center } .bottom-md { -webkit-box-align: end; align-items: flex-end } .around-md { justify-content: space-around } .between-md { -webkit-box-pack: justify; justify-content: space-between } .first-md { -webkit-box-ordinal-group: 0; order: -1 } .last-md { -webkit-box-ordinal-group: 14; order: 13 } .order-md-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-lg"],[class^=col-lg] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 1280px) { .row { margin-right:-2vw; margin-left: -2vw } .row.half-gutter { margin-right: -1vw; margin-left: -1vw } .col { padding-right: 2vw; padding-left: 2vw } .half-gutter .col { padding-right: 1vw; padding-left: 1vw } .col-lg-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-lg-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-lg-3 { flex-basis: 25%; max-width: 25% } .col-lg-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-lg-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-lg-6 { flex-basis: 50%; max-width: 50% } .col-lg-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-lg-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-lg-9 { flex-basis: 75%; max-width: 75% } .col-lg-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-lg-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-lg-12 { flex-basis: 100%; max-width: 100% } .col-lg-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-lg-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-lg-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-lg-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-lg-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-lg-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-lg-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-lg-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-lg-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-lg-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-lg-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-lg-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-lg-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { padding-left: 6.4vw; padding-right: 6.4vw } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-lg { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-lg { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-lg { -webkit-box-pack: center; justify-content: center; text-align: center } .end-lg { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-lg { -webkit-box-align: start; align-items: flex-start } .middle-lg { -webkit-box-align: center; align-items: center } .bottom-lg { -webkit-box-align: end; align-items: flex-end } .around-lg { justify-content: space-around } .between-lg { -webkit-box-pack: justify; justify-content: space-between } .first-lg { -webkit-box-ordinal-group: 0; order: -1 } .last-lg { -webkit-box-ordinal-group: 14; order: 13 } .order-lg-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; order: 12 } } [class*=" col-xl"],[class^=col-xl] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0 } @media (min-width: 1900px) { .row { margin-right:-1.9em; margin-left: -1.9em } .row.half-gutter { margin-right: -.95em; margin-left: -.95em } .col { padding-right: 1.9em; padding-left: 1.9em } .half-gutter .col { padding-right: .95em; padding-left: .95em } .col-xl-1 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xl-2 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xl-3 { flex-basis: 25%; max-width: 25% } .col-xl-4 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xl-5 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xl-6 { flex-basis: 50%; max-width: 50% } .col-xl-7 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xl-8 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xl-9 { flex-basis: 75%; max-width: 75% } .col-xl-10 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xl-11 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xl-12 { flex-basis: 100%; max-width: 100% } .col-xl-offset-0 { -webkit-margin-start: 0; margin-inline-start:0} .col-xl-offset-1 { -webkit-margin-start: 8.33333%; margin-inline-start:8.33333%} .col-xl-offset-2 { -webkit-margin-start: 16.66667%; margin-inline-start:16.66667%} .col-xl-offset-3 { -webkit-margin-start: 25%; margin-inline-start:25%} .col-xl-offset-4 { -webkit-margin-start: 33.33333%; margin-inline-start:33.33333%} .col-xl-offset-5 { -webkit-margin-start: 41.66667%; margin-inline-start:41.66667%} .col-xl-offset-6 { -webkit-margin-start: 50%; margin-inline-start:50%} .col-xl-offset-7 { -webkit-margin-start: 58.33333%; margin-inline-start:58.33333%} .col-xl-offset-8 { -webkit-margin-start: 66.66667%; margin-inline-start:66.66667%} .col-xl-offset-9 { -webkit-margin-start: 75%; margin-inline-start:75%} .col-xl-offset-10 { -webkit-margin-start: 83.33333%; margin-inline-start:83.33333%} .col-xl-offset-11 { -webkit-margin-start: 91.66667%; margin-inline-start:91.66667%} .col-xl-offset-12 { -webkit-margin-start: 100%; margin-inline-start:100%} .container-fluid { margin-left: auto; margin-right: auto } .container-fluid.no-margin { padding-left: 0; padding-right: 0 } .col-xl { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; max-width: 100% } .start-xl { -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xl { -webkit-box-pack: center; justify-content: center; text-align: center } .end-xl { -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xl { -webkit-box-align: start; align-items: flex-start } .middle-xl { -webkit-box-align: center; align-items: center } .bottom-xl { -webkit-box-align: end; align-items: flex-end } .around-xl { justify-content: space-around } .between-xl { -webkit-box-pack: justify; justify-content: space-between } .first-xl { -webkit-box-ordinal-group: 0; order: -1 } .last-xl { -webkit-box-ordinal-group: 14; order: 13 } .order-xl-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; order: 12 } } .show-desktop { display: none } @media (min-width: 960px) { .show-desktop { display:block } } .show-mobile { display: block } @media (min-width: 960px) { .show-mobile { display:none } } footer { font-family: Nokia,Arial,Helvetica,sans-serif; font-weight: 400; letter-spacing: .025em; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100% } footer .footer__container { position: relative; padding-top: 3.35em; } footer .footer__container:before { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),color-stop(30em,transparent)); background: linear-gradient(180deg,rgba(0,0,0,.05),transparent 30em); position: absolute; z-index: -1; content: ""; top: 0; bottom: 0; width: 100%; left: 0; } html[dir=rtl] footer .footer__container:before { left: unset; right: calc(-50vw + 50%) } footer .footer__container a { color: currentColor; text-decoration: none; font-family: 'NokiaPureHeadline'; letter-spacing: 0.475px; } footer .footer__container a:hover { color: #0065ed } footer nav svg,footer nav svg.icon { width: 24px; height: 24px } footer .nav-highlight { color: #0e97f5 } footer .footer__main-nav { padding-bottom: 7.35em; } footer .footer__main-nav .h3 { margin: 0; font-weight: 400; letter-spacing: 0px; } footer .footer__main-nav .h3 a { display: inline-block; padding-top: 0.6rem; padding-bottom: 0.6rem; -webkit-transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; -webkit-box-shadow: inset 0 -2px 0 0 transparent; box-shadow: inset 0 -2px 0 0 transparent; font-family: 'NokiaPureHeadline'; font-weight: 400; line-height: 1.25; } footer .footer__main-nav .h3 a:focus { outline: none } footer .footer__main-nav .h3 a:focus-visible { color: #0065ed; -webkit-box-shadow: inset 0 -2px 0 0 currentColor; box-shadow: inset 0 -2px 0 0 currentColor } footer .footer__secondary-nav { font-size: .875em } footer .footer__secondary-nav .accordion { -webkit-column-break-before: avoid; -moz-column-break-before: avoid; break-before: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; -webkit-column-break-after: avoid; -moz-column-break-after: avoid; break-after: avoid; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; } footer .footer__secondary-nav .accordion svg { fill: none } footer .footer__secondary-nav .accordion.column-break { -webkit-column-break-after: column; -moz-column-break-after: column; break-after: column } footer .footer__secondary-nav .accordion .accordion-header { font-weight: 700; margin-top: 0.7em; margin-bottom: 1.3em; padding: 0 } footer .footer__secondary-nav .accordion .accordion-content.open { padding-bottom: 0 } footer .footer__secondary-nav .accordion .accordion-content a:hover { color: #0065ed } footer .footer__secondary-nav .accordion .accordion-content a:focus { outline: none } footer .footer__secondary-nav .accordion .accordion-content a:focus-visible { color: #0065ed } footer .footer__secondary-nav .footer__secondary-header { font-weight: 700; margin-bottom: 1em; margin-top: 0.7em; } footer .footer__secondary-nav .footer__secondary-header a { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between } @media (max-width: 599px),(max-width:959px) and (orientation:portrait) { .accordion .accordion-content { height: 100%; } .caret.rotate { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .accordion .accordion-content.close { height: 0; } footer .footer__secondary-nav>div:first-child { border-top:2px solid rgba(0,0,0,.05) } } @media (min-width: 600px) and (orientation:landscape),(min-width:960px) { footer .accordion .accordion-header { pointer-events:none } footer .accordion .accordion-header .accordion-header-content { font-size: .875em; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; } footer .accordion .accordion-icon { display: none } footer .accordion .accordion-content { display: block; margin-bottom: 0; border-bottom-width: 0 } footer .accordion .accordion-content.close { max-height: unset } footer .accordion .accordion-content.close>* { visibility: visible } footer .accordion hr { display: none } footer .footer__secondary-nav { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-bottom: 3.5rem; } footer .footer__secondary-nav .footer__secondary-header a { -webkit-box-pack: start; justify-content: start } } footer nav ul { list-style: none; padding: 0 } footer li { display: block; margin: 0 0 1em; line-height: 1.5 } footer div.footer__social-payments { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 1.5em; padding-bottom: 2em; border-top: 2px solid rgba(0,0,0,.05); border-bottom: 2px solid rgba(0,0,0,.05); margin-bottom: 1.5em } @media (min-width: 960px) { footer div.footer__social-payments { -webkit-box-orient:horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 1.5em } } footer ul.footer__payments,footer ul.footer__social { -webkit-padding-start: 0; padding-inline-start:0;margin-bottom: 1.5em } @media (min-width: 960px) { footer ul.footer__payments,footer ul.footer__social { margin-bottom:0 } } footer ul.footer__payments li,footer ul.footer__social li { display: inline-block; margin-inline-end:1.5rem; margin-bottom: 0; } footer ul.footer__payments li:last-child,footer ul.footer__social li:last-child { -webkit-margin-end: 0; margin-inline-end:0} footer ul.footer__payments li .icon,footer ul.footer__social li .icon { height: 1.5em; width: auto } footer ul.footer__payments li a,footer ul.footer__social li a { display: inline-block; border-radius: .125em; -webkit-transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out; transition: color .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out; -webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent } footer ul.footer__payments li a:focus,footer ul.footer__social li a:focus { outline: none } footer ul.footer__payments li a:focus-visible,footer ul.footer__social li a:focus-visible { color: #0065ed; -webkit-box-shadow: 0 0 0 2px currentColor; box-shadow: 0 0 0 2px currentColor } footer ul.footer__payments { margin-bottom: 0 } footer ul.footer__payments li { -webkit-margin-end: .5em; margin-inline-end:.5em} footer svg { vertical-align: middle; margin: 0; width: 1.4em; height: 1.4em; fill: currentColor; } footer .hmd-logo { display: -webkit-inline-box; display: inline-flex } footer .hmd-logo svg { height: .8em; width: auto } footer .footer__disclaimers,footer .hmd-logo,footer .hmd-logo a:hover { color: grey } footer .footer__disclaimers { padding-bottom: 4.3rem; } @media (min-width: 960px) { footer .footer__disclaimers { padding-bottom: 4.3rem; } } footer .footer__disclaimers div,footer .footer__disclaimers p { display: inline; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; line-height: 1.5; } footer .footer__legal { list-style: none; flex-wrap: wrap; align-self: baseline; margin: 0 -0.669em -1em } @media (min-width: 960px) { footer .footer__legal { -webkit-margin-start:auto; margin-inline-start:auto} } footer .footer__legal li { display: -webkit-box; display: flex; margin: 0 .5em 1em } footer .footer__legal a { white-space: nowrap; font-family: 'NokiaPureHeadline'; letter-spacing: .025em; } footer .footer__legal svg { width: 1em; height: 1em; -webkit-margin-start: .125em; margin-inline-start:.125em} #app-navigation { height: 3em } @media (min-width: 320px) { #app-navigation { height:3.5em } } .accordion .accordion-header { font-family: inherit; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; cursor: pointer; background-color: transparent; width: 100%; border: none; padding: 1em .375em 1em 0; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out } .accordion .accordion-header .accordion-icon { height: .375em; margin: .5625em 0 .5625em 1em; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out } .accordion .accordion-header:hover { color: #0065ed } .accordion .accordion-header:focus { text-decoration: none; outline: none } .accordion .accordion-header:active { color: #124191 } .accordion .accordion-header.open .accordion-icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .accordion .accordion-header:focus-visible { color: #0065ed; outline: none } .accordion .accordion-header:focus-visible+.accordion-content { border-bottom-color: #0065ed } .accordion .accordion-header .accordion-header-content>* { text-align: start; margin-bottom: 0 } .accordion .accordion-header .accordion-header-content span { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center } .accordion .accordion-content { overflow: hidden; -webkit-transition: max-height .35s cubic-bezier(.65,0,.35,1),padding-bottom .35s cubic-bezier(.65,0,.35,1),border-bottom-color .25s ease-in-out; transition: max-height .35s cubic-bezier(.65,0,.35,1),padding-bottom .35s cubic-bezier(.65,0,.35,1),border-bottom-color .25s ease-in-out; border-bottom: 2px solid rgba(0,0,0,.05); display: block } .accordion .accordion-content.close>* { visibility: visible; -webkit-transition: visibility 0s .35s; transition: visibility 0s .35s } .accordion .accordion-content div:not(.cta-content) p a { color: #0065ed } .accordion .accordion-content div:not(.cta-content) p a:visited { color: #124191 } .accordion .accordion-content>:last-child p:last-child { margin-bottom: 0; padding-bottom: 1.5em } footer .btn { display: flex; font-family: Nokia,Arial,Helvetica,sans-serif; font-weight: 700; line-height: 1.5; letter-spacing: .025rem; border: none; border-radius: 0.21875rem; padding: 0.625rem; position: relative; background-color: #0065ed; color: #fff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; -webkit-transition: all .25s ease; transition: all .25s ease; font-size: 19px; } footer .btn:hover { color: #fff; background-color: #124191; } Mastercard Klarna Shopping bag with items Shopping bag loading Facebook Google Warning Chevron right Chevron down Chevron up Arrow upward HMD Global Checkmark Location New release /Mail Offer Privacy tip Chevron left Chevron right External link Arrow right

Nokia phones and Android

Android™ 12

Support

Sustainability

For enterprises

Android Enterprise Recommended smartphones

Get involved

Community forum

Visit Nokia.com

© 2022 HMD Global. All rights reserved. Nokia is a registered trademark of Nokia Corporation. HMD Global Oy is the exclusive licensee of the Nokia brand for phones and tablets. Nokia Corporation is not a manufacturer, importer, distributor or retailer of the Nokia-branded products offered by HMD Global Oy.

Bertel Jungin aukio 9, 02600 Espoo, Finland. Business ID 2724044-2