/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=dcf2e984-69bf-4727-b64a-9f2534fc728b");

*, *:before, *:after {
    box-sizing: inherit
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

body {
    min-height: 100vh;
    display: flex; 
    flex-direction: column;
}

body, p, h1, h2, h3, h4, h5, h6 {
    margin: 0
}

.underline {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

footer {
    margin-top: auto;
    background-color: #1F002E;
    width: auto; 
    padding: 32px 16px;
    display: flex; 
    align-items: center;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
}

a:active, a:hover {
    color: #990AE3;
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img, iframe {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

ul {
    list-style: disc;
    padding-left: 20px
}

ol {
    list-style: decimal;
    padding-left: 20px
}

html {
    font-size: 14px;
    line-height: 1.43
}

body {
    font-size: 1em;
    font-family:"Telia Sans";
    color: #000;
    background: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[lang="ru"] body {
    font-family: "Telia Sans",
}

@font-face {
    font-family: 'Pebble';
    src: url("../fonts/pebble/Pebble_W_Rg.eot?#iefix");
    src: url("../fonts/pebble/Pebble_W_Rg.eot?#iefix") format("eot"), url("../fonts/pebble/Pebble_W_Rg.woff2") format("woff2"), url("../fonts/pebble/Pebble_W_Rg.woff") format("woff"), url("../fonts/pebble/Pebble_W_Rg.ttf") format("truetype")
}

@font-face {
    font-family: 'Telia Sans';
    src: url("../fonts/TeliaSans-Regular.woff");
    src: url("../fonts/TeliaSans-Regular.woff") format("woff"), url("../fonts/TeliaSans-Regular.woff2") format("woff2")
}

@font-face {
    font-family: 'Telia Sans Heading';
    src: url("../fonts/TeliaSansHeading-Heading.woff");
    src: url("../fonts/TeliaSansHeading-Heading.woff") format("woff"), url("../fonts/TeliaSansHeading-Heading.woff2") format("woff2")
}



h1, .h1 {
    font-size: 56px;
    line-height: 56px;
    font-family: "Telia Sans Heading";
    font-weight: 700;
    color: #29003E;
}

@media only screen and (min-width: 1024px) {
    h1, .h1 {
        font-size: 3.57em
    }
}

.h1--color-base {
    color: #000
}

h2, .h2 {
    font-size: 1.64em;
    line-height: 1.1176;
    font-family: "Telia Sans Heading";
}

@media only screen and (min-width: 1024px) {
    h2, .h2 {
        font-size: 2.43em
    }
}

h3, .h3 {
    font-size: 1.43em;
    line-height: 1.1667;
    text-transform: uppercase;
    font-family: "Telia Sans Heading"
}

@media only screen and (min-width: 1024px) {
    h3, .h3 {
        font-size: 1.7em
    }
}

h4, .h4 {
    font-size: 22px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
}

@media only screen and (min-width: 1024px) {
    h4, .h4 {
        font-size: 1.43em
    }
}

h5, .h5 {
    font-size: 1.143em;
    line-height: 1.375
}



.text-price {
    color: #09f;
    font-weight: bold
}

.text-order {
    color: #0c6
}

.text-light {
    color: #9f9f9f
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #5E0092;
}

a:hover {
    color: #990AE3;
}

a:focus {
    outline: 0
}

a.text-color {
    color: #000
}

a.text-color:hover {
    color: #5E0092;
}

small, .text-small {
    font-size: 0.86em;
    line-height: 1.5
}

strong, .text-bold {
    font-weight: 700
}

em, .text-italic {
    font-style: italic
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

@media (max-width: 599px) {
    .text-left-xs {
        text-align: left
    }
}

@media (min-width: 600px) {
    .text-left-sm {
        text-align: left
    }
}

.text-right {
    text-align: right
}

@media (max-width: 599px) {
    .text-right-xs {
        text-align: right
    }
}

@media (min-width: 600px) {
    .text-right-sm {
        text-align: right
    }
}

.main {
    padding-top: 30px;
    padding-bottom: 100px
}

.grid {
    letter-spacing: -.65em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
}

.grid--equalheight > [class^="grid__col--"], .grid--equalheight > [class*=" grid__col--"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.grid--no-gutter {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0
}

.grid--no-gutter > [class^="grid__col--"], .grid--no-gutter > [class*=" grid__col--"] {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

.grid--no-horizontal-gutter {
    margin-right: 0;
    margin-left: 0
}

.grid--no-horizontal-gutter > [class^="grid__col--"], .grid--no-horizontal-gutter > [class*=" grid__col--"] {
    padding-left: 0;
    padding-right: 0
}

.grid--no-vertical-gutter {
    margin-bottom: 0
}

.grid--no-vertical-gutter > [class^="grid__col--"], .grid--no-vertical-gutter > [class*=" grid__col--"] {
    margin-bottom: 0
}

[class^="grid__col--"], [class*=" grid__col--"] {
    letter-spacing: 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    outline: none
}

.grid__col--xs-1 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.grid__col--xs-2 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.grid__col--xs-3 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.grid__col--xs-4 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.grid__col--xs-5 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.grid__col--xs-6 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.grid__col--xs-7 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.grid__col--xs-8 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.grid__col--xs-9 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.grid__col--xs-10 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.grid__col--xs-11 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.grid__col--xs-12 {
    -webkit-order: auto;
    -ms-flex-order: auto;
    order: auto;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.grid__col--offset-xs-1 {
    margin-left: 8.33333%
}

.grid__col--offset-xs-2 {
    margin-left: 16.66667%
}

.grid__col--offset-xs-3 {
    margin-left: 25%
}

.grid__col--offset-xs-4 {
    margin-left: 33.33333%
}

.grid__col--offset-xs-5 {
    margin-left: 41.66667%
}

.grid__col--offset-xs-6 {
    margin-left: 50%
}

.grid__col--offset-xs-7 {
    margin-left: 58.33333%
}

.grid__col--offset-xs-8 {
    margin-left: 66.66667%
}

.grid__col--offset-xs-9 {
    margin-left: 75%
}

.grid__col--offset-xs-10 {
    margin-left: 83.33333%
}

.grid__col--offset-xs-11 {
    margin-left: 91.66667%
}

.grid__col--offset-xs-12 {
    margin-left: 100%
}

.grid__col--xs {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
    max-width: 100%
}

.grid__col--top-xs {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    vertical-align: top
}

.grid__col--middle-xs {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    vertical-align: middle
}

.grid__col--bottom-xs {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    vertical-align: bottom
}

.grid--reverse-xs {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

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

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

.grid--end-xs {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    text-align: end
}

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

.grid--top-xs > [class^="grid__col--"], .grid--top-xs > [class*=" grid__col--"] {
    vertical-align: top
}

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

.grid--middle-xs > [class^="grid__col--"], .grid--middle-xs > [class*=" grid__col--"] {
    vertical-align: middle
}

.grid--bottom-xs {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

.grid--bottom-xs > [class^="grid__col--"], .grid--bottom-xs > [class*=" grid__col--"] {
    vertical-align: bottom
}

.grid--around-xs {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.grid--between-xs {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid__col--original-xs {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.grid__col--first-xs {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.grid__col--last-xs {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 600px) {
    .grid__col--sm-1 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .grid__col--sm-2 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .grid__col--sm-3 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .grid__col--sm-4 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .grid__col--sm-5 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .grid__col--sm-6 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .grid__col--sm-7 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .grid__col--sm-8 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .grid__col--sm-9 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .grid__col--sm-10 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .grid__col--sm-11 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .grid__col--sm-12 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .grid__col--offset-sm-1 {
        margin-left: 8.33333%
    }

    .grid__col--offset-sm-2 {
        margin-left: 16.66667%
    }

    .grid__col--offset-sm-3 {
        margin-left: 25%
    }

    .grid__col--offset-sm-4 {
        margin-left: 33.33333%
    }

    .grid__col--offset-sm-5 {
        margin-left: 41.66667%
    }

    .grid__col--offset-sm-6 {
        margin-left: 50%
    }

    .grid__col--offset-sm-7 {
        margin-left: 58.33333%
    }

    .grid__col--offset-sm-8 {
        margin-left: 66.66667%
    }

    .grid__col--offset-sm-9 {
        margin-left: 75%
    }

    .grid__col--offset-sm-10 {
        margin-left: 83.33333%
    }

    .grid__col--offset-sm-11 {
        margin-left: 91.66667%
    }

    .grid__col--offset-sm-12 {
        margin-left: 100%
    }

    .grid__col--sm {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        max-width: 100%
    }

    .grid__col--top-sm {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        vertical-align: top
    }

    .grid__col--middle-sm {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle
    }

    .grid__col--bottom-sm {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        vertical-align: bottom
    }

    .grid--reverse-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

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

    .grid--end-sm {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        text-align: end
    }

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

    .grid--top-sm > [class^="grid__col--"], .grid--top-sm > [class*=" grid__col--"] {
        vertical-align: top
    }

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

    .grid--middle-sm > [class^="grid__col--"], .grid--middle-sm > [class*=" grid__col--"] {
        vertical-align: middle
    }

    .grid--bottom-sm {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .grid--bottom-sm > [class^="grid__col--"], .grid--bottom-sm > [class*=" grid__col--"] {
        vertical-align: bottom
    }

    .grid--around-sm {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid--between-sm {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid__col--original-sm {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .grid__col--first-sm {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .grid__col--last-sm {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1024px) {
    .grid__col--md-1 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .grid__col--md-2 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .grid__col--md-3 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .grid__col--md-4 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .grid__col--md-5 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .grid__col--md-6 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .grid__col--md-7 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .grid__col--md-8 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .grid__col--md-9 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .grid__col--md-10 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .grid__col--md-11 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .grid__col--md-12 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .grid__col--offset-md-1 {
        margin-left: 8.33333%
    }

    .grid__col--offset-md-2 {
        margin-left: 16.66667%
    }

    .grid__col--offset-md-3 {
        margin-left: 25%
    }

    .grid__col--offset-md-4 {
        margin-left: 33.33333%
    }

    .grid__col--offset-md-5 {
        margin-left: 41.66667%
    }

    .grid__col--offset-md-6 {
        margin-left: 50%
    }

    .grid__col--offset-md-7 {
        margin-left: 58.33333%
    }

    .grid__col--offset-md-8 {
        margin-left: 66.66667%
    }

    .grid__col--offset-md-9 {
        margin-left: 75%
    }

    .grid__col--offset-md-10 {
        margin-left: 83.33333%
    }

    .grid__col--offset-md-11 {
        margin-left: 91.66667%
    }

    .grid__col--offset-md-12 {
        margin-left: 100%
    }

    .grid__col--md {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        max-width: 100%
    }

    .grid__col--top-md {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        vertical-align: top
    }

    .grid__col--middle-md {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle
    }

    .grid__col--bottom-md {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        vertical-align: bottom
    }

    .grid--reverse-md {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

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

    .grid--end-md {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        text-align: end
    }

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

    .grid--top-md > [class^="grid__col--"], .grid--top-md > [class*=" grid__col--"] {
        vertical-align: top
    }

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

    .grid--middle-md > [class^="grid__col--"], .grid--middle-md > [class*=" grid__col--"] {
        vertical-align: middle
    }

    .grid--bottom-md {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .grid--bottom-md > [class^="grid__col--"], .grid--bottom-md > [class*=" grid__col--"] {
        vertical-align: bottom
    }

    .grid--around-md {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid--between-md {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid__col--original-md {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .grid__col--first-md {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .grid__col--last-md {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1200px) {
    .grid__col--lg-1 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .grid__col--lg-2 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .grid__col--lg-3 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .grid__col--lg-4 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .grid__col--lg-5 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .grid__col--lg-6 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .grid__col--lg-7 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .grid__col--lg-8 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .grid__col--lg-9 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .grid__col--lg-10 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .grid__col--lg-11 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .grid__col--lg-12 {
        -webkit-order: auto;
        -ms-flex-order: auto;
        order: auto;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .grid__col--offset-lg-1 {
        margin-left: 8.33333%
    }

    .grid__col--offset-lg-2 {
        margin-left: 16.66667%
    }

    .grid__col--offset-lg-3 {
        margin-left: 25%
    }

    .grid__col--offset-lg-4 {
        margin-left: 33.33333%
    }

    .grid__col--offset-lg-5 {
        margin-left: 41.66667%
    }

    .grid__col--offset-lg-6 {
        margin-left: 50%
    }

    .grid__col--offset-lg-7 {
        margin-left: 58.33333%
    }

    .grid__col--offset-lg-8 {
        margin-left: 66.66667%
    }

    .grid__col--offset-lg-9 {
        margin-left: 75%
    }

    .grid__col--offset-lg-10 {
        margin-left: 83.33333%
    }

    .grid__col--offset-lg-11 {
        margin-left: 91.66667%
    }

    .grid__col--offset-lg-12 {
        margin-left: 100%
    }

    .grid__col--lg {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        max-width: 100%
    }

    .grid__col--top-lg {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        vertical-align: top
    }

    .grid__col--middle-lg {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle
    }

    .grid__col--bottom-lg {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        vertical-align: bottom
    }

    .grid--reverse-lg {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

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

    .grid--end-lg {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        text-align: end
    }

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

    .grid--top-lg > [class^="grid__col--"], .grid--top-lg > [class*=" grid__col--"] {
        vertical-align: top
    }

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

    .grid--middle-lg > [class^="grid__col--"], .grid--middle-lg > [class*=" grid__col--"] {
        vertical-align: middle
    }

    .grid--bottom-lg {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .grid--bottom-lg > [class^="grid__col--"], .grid--bottom-lg > [class*=" grid__col--"] {
        vertical-align: bottom
    }

    .grid--around-lg {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid--between-lg {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid__col--original-lg {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .grid__col--first-lg {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .grid__col--last-lg {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.list .list__item {
    margin-bottom: 10px
}

.list--unstyled {
    padding: 0;
    margin: 0;
    list-style: none
}

.list--inline {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -5px
}

.list--inline .list__item {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.list--icon {
    padding: 0;
    margin: 0;
    list-style: none
}

.list--icon-large .list__item {
    font-size: 1.286em
}

.list--icon-large .list__item .icon {
    top: 4px
}

.list--icon .list__item {
    position: relative;
    padding-left: 1.5em
}

.list--icon .list__item:after {
    content: "";
    display: table;
    clear: both
}

.list--icon .list__item .icon {
    position: absolute;
    top: 2px;
    margin-left: -1.5em
}

.list--block-xs .list__item {
    display: block
}

.list--block-sm .list__item, .list--block-md .list__item, .list--block-lg .list__item {
    display: inline-block
}

@media (min-width: 600px) {
    .list--block-sm .list__item {
        display: block
    }

    .list--block-xs .list__item, .list--block-md .list__item, .list--block-lg .list__item {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .list--block-md .list__item {
        display: block
    }

    .list--block-xs .list__item, .list--block-sm .list__item, .list--block-lg .list__item {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .list--block-lg .list__item {
        display: block
    }

    .list--block-xs .list__item, .list--block-sm .list__item, .list--block-md .list__item {
        display: inline-block
    }
}

.list--steps {
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: step-list-counter
}

.list--steps .list__item {
    counter-increment: step-list-counter;
    padding-left: 50px;
    position: relative;
    margin-bottom: 0
}

@media (min-width: 600px) {
    .list--steps .list__item {
        padding-left: 80px
    }
}

.list--steps .list__item:before {
    content: counter(step-list-counter);
    font-size: 50px;
    font-family: "Pebble", sans-serif;
    line-height: 0.7;
    color: #0c6;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    text-align: center
}

@media (min-width: 600px) {
    .list--steps .list__item:before {
        font-size: 80px;
        width: 80px
    }
}

.collapse {
    display: none;
    position: relative
}

.collapse--visible {
    display: block
}

.collapse--collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .3s ease-in-out
}

.collapse-layer--current [data-toggle="collapse-layer"]:not(.btn):not(.card) {
    color: #990ae3
}

.collapse__container {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 40px 20px 20px;
    margin-top: 10px
}

@media (min-width: 600px) {
    .collapse__container {
        padding: 40px
    }
}

.collapse__container--no-shadow {
    box-shadow: none
}

.collapse__container__full-width {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 600px) {
    .collapse__container__full-width {
        margin-left: -40px;
        margin-right: -40px
    }
}

.collapse__container__full-width > .accordion .accordion__item {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (min-width: 600px) {
    .collapse__container__full-width > .accordion .accordion__item {
        padding-left: 30px;
        padding-right: 30px
    }
}

.collapse__container__full-width > .table-container {
    box-shadow: none
}

.collapse__container__full-width > .table-container table th:first-child, .collapse__container__full-width > .table-container table td:first-child {
    padding-left: 40px
}

.collapse__container__full-width > .table-container table th:last-child, .collapse__container__full-width > .table-container table td:last-child {
    padding-right: 40px
}

@media (max-width: 599px) {
    .collapse__container__full-width > .table-container .tablesaw-stack tbody td, .collapse__container__full-width > .table-container .tablesaw-stack tbody th {
        padding-left: 20px;
        padding-right: 20px
    }
}

.collapse__container__full-width > .notice--background {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 600px) {
    .collapse__container__full-width > .notice--background {
        padding-left: 40px;
        padding-right: 40px
    }
}

.collapse__container__full-width > .notice--background:before, .collapse__container__full-width > .notice--background:after {
    display: none
}

.collapse-dropdown {
    position: relative;
    margin-bottom: 0;
    transition: margin .3s ease-in-out
}

.collapse-dropdown.grid__col--xs-12 {
    margin-bottom: 0
}

.collapse-dropdown--visible {
    margin-bottom: 20px
}

.collapse-dropdown--visible.grid__col--xs-12 {
    margin-bottom: 20px
}

.grid--equalheight .collapse-dropdown {
    display: block
}

.collapse-dropdown__arrow, .collapse__arrow {
    display: none;
    position: absolute;
    left: 0;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.collapse--visible .collapse-dropdown__arrow, .collapse--visible .collapse__arrow {
    display: block
}

.collapse-dropdown__close, .collapse__close {
    display: none;
    position: absolute;
    color: #000;
    font-size: 16px
}

.collapse-dropdown__close:hover, .collapse__close:hover {
    color: #990ae3
}

.collapse-dropdown--visible .collapse-dropdown__close, .collapse--visible .collapse-dropdown__close, .collapse-dropdown--visible .collapse__close, .collapse--visible .collapse__close {
    display: block
}

.collapse-dropdown__close {
    top: 24px;
    right: 24px;
    z-index: 1
}

.collapse__close {
    top: 1em;
    right: 1em
}

.accordion {
    background-color: #f2f2f2
}

.accordion__item:nth-child(2n+1) {
    background: #fff
}

.accordion--inverse .accordion__item:nth-child(2n) {
    background: #fff
}

.accordion--inverse .accordion__item:nth-child(2n+1) {
    background: #f2f2f2
}

.accordion__title {
    display: block;
    padding: 15px 10px 15px 34px;
    font-weight: bold
}

@media (min-width: 600px) {
    .accordion__title {
        padding-right: 30px
    }
}

.accordion__title.collapsed .accordion__icon--plus, .accordion__title > .collapsed .accordion__icon--plus {
    display: inline-block
}

.accordion__title.collapsed .accordion__icon--minus, .accordion__title > .collapsed .accordion__icon--minus {
    display: none
}

.accordion__icon--plus {
    vertical-align: middle;
    margin-right: 6px;
    display: none;
    margin-left: -25px
}

.accordion__icon--minus {
    vertical-align: middle;
    margin-right: 6px;
    display: inline-block;
    margin-left: -25px
}

.accordion__body {
    padding: 0 10px 25px 34px
}

@media (min-width: 600px) {
    .accordion__body {
        padding-right: 30px
    }
}

a.accordion__title {
    color: #990ae3
}

a.accordion__title.collapsed, a.accordion__title > .collapsed {
    color: #000
}

a.accordion__title:hover {
    color: #990ae3
}

.tabs--large .tabs__nav {
    text-align: center;
    font-family: "Pebble", sans-serif;
    text-transform: uppercase;
    font-size: 24px
}

.tabs--large .tabs__item + .tabs__item {
    margin-left: 40px
}

.tabs--large .tabs__accordion-title {
    font-family: "Pebble", sans-serif;
    text-transform: uppercase;
    font-size: 20px
}

.tabs__nav {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 0 40px;
    font-size: 20px;
    margin-bottom: -3px;
    white-space: nowrap;
    overflow: auto
}

@media (min-width: 600px) {
    .tabs__nav {
        display: block
    }
}

.tabs__item {
    display: inline-block;
    border-bottom: 3px solid #e4e4e4
}

.tabs__item + .tabs__item {
    margin-left: 20px
}

.tabs__item--current {
    border-color: #990ae3
}

.tabs__item--current .tabs__link {
    color: #990ae3
}

.tabs__link {
    padding: 15px 0;
    display: block;
    color: #000
}

.tabs__link:hover {
    color: #990ae3
}

.tabs__content-block {
    display: none;
    border: 3px solid #e4e4e4;
    padding: 20px
}

@media (min-width: 600px) {
    .tabs__content-block {
        padding: 40px
    }
}

.tabs__content-block--current {
    display: block
}

.tabs__accordion-title {
    font-size: 18px
}

@media (min-width: 600px) {
    .tabs__accordion-title {
        display: none
    }
}

.tabs__accordion-title--current .tabs__accordion-link {
    color: #990ae3
}

.tabs__accordion-title--current .tabs__icon--plus {
    display: none
}

.tabs__accordion-title--current .tabs__icon--minus {
    display: inline-block
}

.tabs__accordion-link {
    display: block;
    color: #000;
    padding: 10px 0
}

.tabs__accordion-link:hover {
    color: #990ae3
}

.tabs__icon {
    font-size: 14px;
    margin-right: 10px
}

.tabs__icon--minus {
    display: none
}

.tabs--vertical .tabs__content-block {
    border: 0;
    padding: 0
}

.tabs--vertical .tabs__nav {
    display: block;
    padding: 0;
    font-size: inherit;
    margin-bottom: 0;
    white-space: normal;
    overflow: inherit
}

.modal-container {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.modal-container--visible {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.modal-container .modal {
    display: block
}

.modal-container__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(228, 228, 228, 0.8)
}

.modal {
    display: none;
    position: relative;
    max-width: 1200px;
    width: 100%;
    padding: 30px 5px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

@media only screen and (min-width: 600px) {
    .modal {
        padding: 30px
    }
}

.modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: 0;
    padding: 0;
    outline: none;
    color: #000;
    font-size: 16px
}

.modal__close:hover {
    color: #990ae3
}

.modal__close .icon {
    display: block
}

.modal__content {
    overflow: auto;
    max-height: 100%;
    padding: 10px
}

.footer__body {
    background: #fff;
    padding: 0;
    font-size: 12px
}

@media (min-width: 600px) {
    .footer__body {
        padding: 2.167em 0
    }

    .footer__body .collapse {
        display: block;
        visibility: visible
    }

    .footer__body .collapse, .footer__body .collapse--collapsing {
        height: auto !important
    }
}

.footer__body .list--unstyled:not(.list--unstyled-first-col) {
    margin: 0 0 1em
}

.footer__body .list--unstyled.list--unstyled-first-col {
    margin: 0
}

@media (min-width: 1200px) {
    .footer__body .list--unstyled {
        margin: 0 0 1em
    }
}

.footer__body .list--unstyled .list__item {
    margin: .5em 0 0
}

.footer__body .list--unstyled .list__item .icon {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin-right: .167em
}

.footer__body--header h4 {
    color: #990ae3;
    padding: .8em 0
}

@media (min-width: 600px) {
    .footer__body--header h4 {
        cursor: default;
        color: initial
    }
}

.footer__body--header .icon {
    width: .8em;
    height: .8em;
    color: #990ae3;
    margin-top: .2em;
    float: right;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .3s ease-in-out
}

@media (min-width: 600px) {
    .footer__body--header .icon {
        display: none
    }
}

.footer__body--header.collapsed h4 {
    color: #000
}

.footer__body--header.collapsed .icon {
    color: #000;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .3s ease-in-out
}

.footer__body > .container > .grid > [class*=grid__col--] {
    border-bottom: 1px solid #f2f2f2
}

@media (min-width: 600px) {
    .footer__body > .container > .grid > [class*=grid__col--] {
        border: 0
    }
}

.footer__footer {
    padding: 1.667em 0;
    font-size: 12px
}

.footer a {
    color: #000
}

.footer a:not(.footer__body--header):hover {
    color: #990ae3
}

.icon {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.icon--small {
    font-size: 25px
}

.icon--medium {
    font-size: 50px
}

.icon--large {
    font-size: 75px
}

.icon--wide {
    width: 2em
}

.icon--info {
    color: #00cdff
}

.icon--highlight {
    color: #990ae3
}

.pebble {
    position: relative;
    display: inline-block;
    width: 120px;
    max-width: 100%;
    background: url("../images/pebble-1.svg") no-repeat;
    background-size: 100% auto
}

.pebble:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 105.36%
}

.pebble--small {
    width: 80px
}

.pebble--large {
    width: 240px
}

.pebble--full {
    width: 100%
}

.pebble-2 {
    background-image: url("../images/pebble-2.svg")
}

.pebble-3 {
    background-image: url("../images/pebble-3.svg")
}

.pebble-4 {
    background-image: url("../images/pebble-4.svg")
}

.pebble-5 {
    background-image: url("../images/pebble-5.svg")
}

.pebble-6 {
    background-image: url("../images/pebble-6.svg")
}

.pebble-7 {
    background-image: url("../images/pebble-7.svg")
}

.pebble-8 {
    background-image: url("../images/pebble-8.svg")
}

.pebble-9 {
    background-image: url("../images/pebble-9.svg")
}

.pebble-10 {
    background-image: url("../images/pebble-10.svg")
}

.pebble-11 {
    background-image: url("../images/pebble-11.svg")
}

.pebble-12 {
    background-image: url("../images/pebble-12.svg")
}

.pebble-13 {
    background-image: url("../images/pebble-13.svg")
}

.pebble-14 {
    background-image: url("../images/pebble-14.svg")
}

.pebble-15 {
    background-image: url("../images/pebble-15.svg")
}

.pebble-16 {
    background-image: url("../images/pebble-16.svg")
}

.pebble-17 {
    background-image: url("../images/pebble-17.svg")
}

.pebble-18 {
    background-image: url("../images/pebble-18.svg")
}

.pebble-19 {
    background-image: url("../images/pebble-19.svg")
}

.pebble-20 {
    background-image: url("../images/pebble-20.svg")
}

.pebble-21 {
    background-image: url("../images/pebble-21.svg")
}

.pebble-22 {
    background-image: url("../images/pebble-22.svg")
}

.pebble-23 {
    background-image: url("../images/pebble-23.svg")
}

.pebble-24 {
    background-image: url("../images/pebble-24.svg")
}

.pebble-25 {
    background-image: url("../images/pebble-25.svg")
}

.pebble-26 {
    background-image: url("../images/pebble-26.svg")
}

.pebble-27 {
    background-image: url("../images/pebble-27.svg")
}

.pebble-28 {
    background-image: url("../images/pebble-28.svg")
}

.pebble-29 {
    background-image: url("../images/pebble-29.svg")
}

.pebble-30 {
    background-image: url("../images/pebble-30.svg")
}

.pebble-31 {
    background-image: url("../images/pebble-31.svg")
}

.pebble-32 {
    background-image: url("../images/pebble-32.svg")
}

.pebble-33 {
    background-image: url("../images/pebble-33.svg")
}

.pebble-34 {
    background-image: url("../images/pebble-34.svg")
}

.pebble-35 {
    background-image: url("../images/pebble-35.svg")
}

.pebble-36 {
    background-image: url("../images/pebble-36.svg")
}

.pebble-37 {
    background-image: url("../images/pebble-37.svg")
}

.pebble-38 {
    background-image: url("../images/pebble-38.svg")
}

.pebble-39 {
    background-image: url("../images/pebble-39.svg")
}

.pebble-40 {
    background-image: url("../images/pebble-40.svg")
}

.pebble-41 {
    background-image: url("../images/pebble-41.svg")
}

.pebble-42 {
    background-image: url("../images/pebble-42.svg")
}

.pebble-43 {
    background-image: url("../images/pebble-43.svg")
}

.pebble-44 {
    background-image: url("../images/pebble-44.svg")
}

.pebble-45 {
    background-image: url("../images/pebble-45.svg")
}

.pebble-46 {
    background-image: url("../images/pebble-46.svg")
}

.pebble-47 {
    background-image: url("../images/pebble-47.svg")
}

.pebble-48 {
    background-image: url("../images/pebble-48.svg")
}

.pebble-49 {
    background-image: url("../images/pebble-49.svg")
}

.pebble-50 {
    background-image: url("../images/pebble-50.svg")
}

.pebble-51 {
    background-image: url("../images/pebble-51.svg")
}

.pebble-52 {
    background-image: url("../images/pebble-52.svg")
}

.pebble-53 {
    background-image: url("../images/pebble-53.svg")
}

.pebble-54 {
    background-image: url("../images/pebble-54.svg")
}

.pebble-55 {
    background-image: url("../images/pebble-55.svg")
}

.pebble-56 {
    background-image: url("../images/pebble-56.svg")
}

.pebble__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pebble__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    color: #fff
}

.pebble__image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.table-container {
    max-width: 100%;
    overflow: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

table {
    background: #fff;
    empty-cells: show;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border: 0;
    padding: 0
}

table th, table td {
    padding: 10px 15px;
    text-align: left
}

table tbody tr:nth-child(2n+1) {
    background: #f6f6f6
}

table.table--inverse thead tr {
    background: #f6f6f6
}

table.table--inverse tbody tr:nth-child(2n+1) {
    background: #fff
}

table.table--inverse tbody tr:nth-child(2n) {
    background: #f6f6f6
}

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    display: none
}

@media only all {
    .tablesaw-stack td, .tablesaw-stack th {
        display: block
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row
    }

    .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        min-width: 30%;
        display: inline-block
    }

    .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0
    }

    .tablesaw-cell-label {
        display: block
    }

    .tablesaw-stack tbody th.group {
        margin-top: -1px
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important
    }
}

@media (max-width: 599px) {
    .table-container .tablesaw-stack thead td, .table-container .tablesaw-stack thead th {
        display: none
    }

    .table-container .tablesaw-stack tbody td, .table-container .tablesaw-stack tbody th {
        text-align: left;
        clear: left;
        float: left;
        width: 100%;
        padding: 7px 15px
    }

    .table-container .tablesaw-stack tbody td:first-child, .table-container .tablesaw-stack tbody th:first-child {
        padding-top: 15px
    }

    .table-container .tablesaw-stack tbody td:last-child, .table-container .tablesaw-stack tbody th:last-child {
        padding-bottom: 15px
    }

    .table-container .tablesaw-cell-label {
        vertical-align: top
    }

    .table-container .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block
    }

    .table-container .tablesaw-stack td:empty, .table-container .tablesaw-stack th:empty {
        display: none
    }
}

@media (min-width: 600px) {
    .table-container .tablesaw-stack tr {
        display: table-row
    }

    .table-container .tablesaw-stack td, .table-container .tablesaw-stack th, .table-container .tablesaw-stack thead td, .table-container .tablesaw-stack thead th {
        display: table-cell;
        margin: 0
    }

    .table-container .tablesaw-stack td .tablesaw-cell-label, .table-container .tablesaw-stack th .tablesaw-cell-label {
        display: none !important
    }
}

.video {
    position: relative;
    width: 640px;
    max-width: 100%;
    height: auto;
    margin: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.video:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.video__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video__btn {
    position: relative;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    color: #fff;
    width: 100%;
    height: 100%
}

.video__btn:hover {
    color: #c0f
}

.video--dark .video__btn {
    color: #990ae3
}

.video--dark .video__btn:hover {
    color: #c0f
}

.video__image {
    width: 100%
}

.video__icon {
    font-size: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .9
}

.video__holder {
    display: none;
    width: 100%;
    height: 100%
}

.video__holder iframe {
    width: 100%;
    height: 100%
}

.video--play .video__btn {
    display: none
}

.video--play .video__holder {
    display: block
}

.text > * + * {
    margin-top: 16px;
}

.text > h1, .text > .h1 {
    margin-bottom: 24px;
}

.text > :last-child {
    margin-bottom: 0
}

.text > :first-child {
    margin-top: 0
}

.text > .grid {
    margin-bottom: -20px
}

.text__margin-none, .text .text__margin-none {
    margin-top: 0
}

.text__margin, .text .text__margin {
    margin-top: 1em
}

.text__margin-double, .text .text__margin-double {
    margin-top: 2em
}

@media only screen and (min-width: 320px) {
    .text__margin-xs {
        margin-top: 1em
    }
}

@media only screen and (min-width: 320px) and (min-width: 600px) {
    .text__margin-xs {
        margin-top: 0
    }
}

@media only screen and (min-width: 320px) {
    .text__margin-double-xs {
        margin-top: 2em
    }
}

@media only screen and (min-width: 320px) and (min-width: 600px) {
    .text__margin-double-xs {
        margin-top: 0
    }
}

@media only screen and (min-width: 600px) {
    .text__margin-sm {
        margin-top: 1em
    }
}

@media only screen and (min-width: 600px) and (min-width: 1024px) {
    .text__margin-sm {
        margin-top: 0
    }
}

@media only screen and (min-width: 600px) {
    .text__margin-double-sm {
        margin-top: 2em
    }
}

@media only screen and (min-width: 600px) and (min-width: 1024px) {
    .text__margin-double-sm {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .text__margin-md {
        margin-top: 1em
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1200px) {
    .text__margin-md {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .text__margin-double-md {
        margin-top: 2em
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1200px) {
    .text__margin-double-md {
        margin-top: 0
    }
}

@media only screen and (min-width: 1200px) {
    .text__margin-lg {
        margin-top: 1em
    }

    .text__margin-double-lg {
        margin-top: 2em
    }
}

hr {
    margin: 0;
    border: 0;
    border-top: 3px solid #e4e4e4
}

.separator {
    margin: 0;
    border: 0;
    border-top: 3px solid #e4e4e4
}

.separator--invisible {
    border-color: transparent
}

.separator--small {
    margin: 1em 0
}

.separator--medium {
    margin: 24px 0
}

.separator--large {
    margin: 4em 0
}

@media (min-width: 600px) {
    .separator--small {
        margin: 1.43em 0
    }

    .separator--medium {
        margin: 48px 0
    }

    .separator--large {
        margin: 5.75em 0
    }
}

.breadcrumbs {
    position: relative;
    z-index: 1;
    display: none;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 15px 0;
    list-style: none;
    color: #9f9f9f
}

.breadcrumbs:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width: 600px) {
    .breadcrumbs {
        display: block
    }
}

.breadcrumbs--light {
    color: #fff
}

.breadcrumbs--light .breadcrumbs__link {
    color: #fff
}

.breadcrumbs--light .breadcrumbs__item--current {
    color: #fff
}

.breadcrumbs__item {
    float: left;
    vertical-align: top
}

.breadcrumbs__item:last-child .breadcrumbs__icon {
    display: none
}

.breadcrumbs__link {
    color: #9f9f9f;
    text-decoration: none
}

.breadcrumbs__link:hover {
    color: #990ae3
}

.breadcrumbs__icon {
    font-size: 9px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 4px;
    margin-right: 7px
}

.breadcrumbs__item--current {
    color: #9f9f9f;
    font-weight: bold
}

.notice {
    position: relative;
    display: table;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px
}

.notice--background {
    background: #00cdff;
    color: #fff
}

.notice--background .notice__dismiss__btn, .notice--background .notice__cell--icon {
    color: #fff
}

.notice--background:before, .notice--background:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    width: 50vw;
    background: #00cdff
}

.notice--background:before {
    right: 50%
}

.notice--background:after {
    left: 50%
}

.notice--background a {
    color: #fff;
    text-decoration: underline
}

.notice--background a:hover, .notice--background a:focus {
    text-decoration: none
}

.notice__cell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

.notice__cell--icon {
    font-size: 35px;
    line-height: 1;
    padding-right: 15px;
    color: #00cdff
}

.notice__cell--icon .icon {
    display: block
}

.notice__cell--content {
    width: 100%;
    font-weight: 700
}

.notice__dismiss__btn {
    background: transparent;
    border: 0;
    padding: 10px;
    cursor: pointer;
    outline: none;
    font-size: 16px
}

.notice__dismiss__btn .icon {
    display: block
}

.notice--warning .notice__cell--icon {
    color: #ff3264
}

.notice--warning.notice--background {
    background: #ff3264
}

.notice--warning.notice--background:before, .notice--warning.notice--background:after {
    background: #ff3264
}

.notice--warning.notice--background .notice__dismiss__btn, .notice--warning.notice--background .notice__cell--icon {
    color: #fff
}

.notice--success .notice__cell--icon {
    color: #0c6
}

.notice--success.notice--background {
    background: #0c6
}

.notice--success.notice--background:before, .notice--success.notice--background:after {
    background: #0c6
}

.notice--success.notice--background .notice__dismiss__btn, .notice--success.notice--background .notice__cell--icon {
    color: #fff
}

.btn {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 0px 24px;
    width: auto;
    height: 48px;
    font-weight: bold;
    border: 1px solid #29003E;
    border-radius: 24px;
    transition: .15s ease;
    transition-property: background-color,border-color,color;
}

@media only screen and (min-width: 600px) {
    .btn {
        min-width: 150px;
        font-size: 16px;
        padding: 1px 28px
    }
}

.btn__inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.btn--disabled {
    cursor: inherit
}

.btn {
    color: #fff;
    background-color: #990ae3;
    border-color: #990ae3
}

.btn:focus {
    outline: none;
    background-color: #c0f;
    border-color: #c0f;
    color: #fff
}

.btn.btn--hide-focus:focus {
    background-color: #990ae3;
    border-color: #990ae3
}

.btn:hover, .btn.btn--hide-focus:hover, a.card:hover .btn {
    background-color: #c0f;
    border-color: #c0f;
    color: #fff
}

.btn.btn--disabled {
    color: rgba(255, 255, 255, 0.5)
}

.btn.btn--disabled:hover {
    background-color: #990ae3 !important;
    border-color: #990ae3;
    color: rgba(255, 255, 255, 0.5)
}

.btn--variant-dark {
    color: #990ae3;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--variant-dark:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #990ae3
}

.btn--variant-dark.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--variant-dark:hover, .btn--variant-dark.btn--hide-focus:hover, a.card:hover .btn--variant-dark {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #990ae3
}

.btn--variant-dark.btn--disabled {
    color: rgba(153, 10, 227, 0.5)
}

.btn--variant-dark.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(153, 10, 227, 0.5)
}

.btn--variant-light {
    color: #29003E;
    background-color: #fff;
    border-width: 1px;
    border-color: #29003E;
    fill: #29003E;
}

.btn--variant-light:focus {
    outline: none;
    color: #29003E;
    background-color: #fff;
    border-color: #29003E;
    fill: #fff;
}

.btn--variant-light.btn--hide-focus:focus {
    outline: none;
    background-color: #fff;
    border-color: #fff
}

.btn--variant-light:hover, .btn--variant-light.btn--hide-focus:hover, a.card:hover .btn--variant-light {
    outline: none;
    color:  #fff;
    background-color: #29003E;
    border-color: #29003E;
    fill: #fff
}

.btn--variant-light.btn--disabled {
    color: rgba(153, 10, 227, 0.5)
}

.btn--variant-light.btn--disabled:hover {
    
    background-color: #29003E !important;
    border-color: #fff;
    color: rgba(153, 10, 227, 0.5);
    fill: #fff;
}

.btn--order {
    color: #fff;
    background-color: #0c6;
    border-color: #0c6
}

.btn--order:focus {
    outline: none;
    background-color: #32ff00;
    border-color: #32ff00;
    color: #fff
}

.btn--order.btn--hide-focus:focus {
    background-color: #0c6;
    border-color: #0c6
}

.btn--order:hover, .btn--order.btn--hide-focus:hover, a.card:hover .btn--order {
    background-color: #32ff00;
    border-color: #32ff00;
    color: #fff
}

.btn--order.btn--disabled {
    color: rgba(255, 255, 255, 0.5)
}

.btn--order.btn--disabled:hover {
    background-color: #0c6 !important;
    border-color: #0c6;
    color: rgba(255, 255, 255, 0.5)
}

.btn--quit {
    color: #fff;
    background-color: #e12364;
    border-color: #e12364
}

.btn--quit:focus {
    outline: none;
    background-color: #ff3264;
    border-color: #ff3264;
    color: #fff
}

.btn--quit.btn--hide-focus:focus {
    background-color: #e12364;
    border-color: #e12364
}

.btn--quit:hover, .btn--quit.btn--hide-focus:hover, a.card:hover .btn--quit {
    background-color: #ff3264;
    border-color: #ff3264;
    color: #fff
}

.btn--quit.btn--disabled {
    color: rgba(255, 255, 255, 0.5)
}

.btn--quit.btn--disabled:hover {
    background-color: #e12364 !important;
    border-color: #e12364;
    color: rgba(255, 255, 255, 0.5)
}

.btn--employee {
    color: #fff;
    background-color: #d22db9;
    border-color: #d22db9
}

.btn--employee:focus {
    outline: none;
    background-color: #ff00cd;
    border-color: #ff00cd;
    color: #fff
}

.btn--employee.btn--hide-focus:focus {
    background-color: #d22db9;
    border-color: #d22db9
}

.btn--employee:hover, .btn--employee.btn--hide-focus:hover, a.card:hover .btn--employee {
    background-color: #ff00cd;
    border-color: #ff00cd;
    color: #fff
}

.btn--employee.btn--disabled {
    color: rgba(255, 255, 255, 0.5)
}

.btn--employee.btn--disabled:hover {
    background-color: #d22db9 !important;
    border-color: #d22db9;
    color: rgba(255, 255, 255, 0.5)
}

.btn--link {
    background: transparent;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #5e0092;
    height: auto;
    letter-spacing: 0;
    min-width: 0;
    padding: 0;
    text-align: inherit;
    text-transform: none;
    vertical-align: bottom;
}

.btn--link:focus {
    background: transparent;
    color: #990AE3;
}

.btn--link.btn--underlined {
    text-decoration: underline;
}

.btn--link.btn--hide-focus:focus {
    background: transparent;
    color: #990ae3
}

.btn--link:hover, .btn--link.btn--hide-focus:hover {
    background: transparent;
    color: #990AE3;
}

.btn--link .btn__icon--right, .btn--link .btn__icon--left {
    vertical-align: middle;
    font-size: 16px;
    font-size: calc(1em - 1px);
    fill: #29003E;
}

.btn--link .btn__icon--right {
    margin-right: 0;
    color: #5E0092;
}

.btn--link .btn__icon--left {
    margin-left: 0
}


.btn--enhanced {
    white-space: nowrap
}

.btn--enhanced .btn__text {
    font-size: 16px;
    white-space: normal
}

@media only screen and (min-width: 320px) {
    .btn--block--xs {
        display: block;
        width: 100%
    }

    .btn--inline--xs {
        display: inline-block;
        width: auto
    }
}

@media only screen and (min-width: 600px) {
    .btn--block--sm {
        display: block;
        width: 100%
    }

    .btn--inline--sm {
        display: inline-block;
        width: auto
    }
}

@media only screen and (min-width: 1024px) {
    .btn--block--md {
        display: block;
        width: 100%
    }

    .btn--inline--md {
        display: inline-block;
        width: auto
    }
}

@media only screen and (min-width: 1200px) {
    .btn--block--lg {
        display: block;
        width: 100%
    }

    .btn--inline--lg {
        display: inline-block;
        width: auto
    }
}

.btn__icon--left {
    font-size: 7px;
    margin-right: 1px;
    margin-left: -3px
}

@media only screen and (min-width: 600px) {
    .btn__icon--left {
        font-size: 11px;
        font-size: calc(1em - 1px);
        margin-right: 4px;
        margin-left: -5px
    }
}

.btn__icon--right {
    font-size: 7px;
    margin-left: 1px;
    margin-right: -3px
}

@media only screen and (min-width: 600px) {
    .btn__icon--right {
        font-size: 11px;
        font-size: calc(1em - 1px);
        margin-left: 4px;
        margin-right: -5px
    }
}

.btn--outer-swed {
    color: #fc8314;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-swed:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #fc8314
}

.btn--outer-swed.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-swed:hover, .btn--outer-swed.btn--hide-focus:hover, a.card:hover .btn--outer-swed {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #fc8314
}

.btn--outer-swed.btn--disabled {
    color: rgba(252, 131, 20, 0.5)
}

.btn--outer-swed.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(252, 131, 20, 0.5)
}

.btn--outer-seb {
    color: #51c103;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-seb:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #51c103
}

.btn--outer-seb.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-seb:hover, .btn--outer-seb.btn--hide-focus:hover, a.card:hover .btn--outer-seb {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #51c103
}

.btn--outer-seb.btn--disabled {
    color: rgba(81, 193, 3, 0.5)
}

.btn--outer-seb.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(81, 193, 3, 0.5)
}

.btn--outer-nordea {
    color: #006394;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-nordea:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #006394
}

.btn--outer-nordea.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-nordea:hover, .btn--outer-nordea.btn--hide-focus:hover, a.card:hover .btn--outer-nordea {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #006394
}

.btn--outer-nordea.btn--disabled {
    color: rgba(0, 99, 148, 0.5)
}

.btn--outer-nordea.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(0, 99, 148, 0.5)
}

.btn--outer-danske {
    color: #00466d;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-danske:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #00466d
}

.btn--outer-danske.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-danske:hover, .btn--outer-danske.btn--hide-focus:hover, a.card:hover .btn--outer-danske {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #00466d
}

.btn--outer-danske.btn--disabled {
    color: rgba(0, 70, 109, 0.5)
}

.btn--outer-danske.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(0, 70, 109, 0.5)
}

.btn--outer-krediidipank {
    color: #9a0030;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-krediidipank:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #9a0030
}

.btn--outer-krediidipank.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-krediidipank:hover, .btn--outer-krediidipank.btn--hide-focus:hover, a.card:hover .btn--outer-krediidipank {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #9a0030
}

.btn--outer-krediidipank.btn--disabled {
    color: rgba(154, 0, 48, 0.5)
}

.btn--outer-krediidipank.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(154, 0, 48, 0.5)
}

.btn--outer-lhv {
    color: #474747;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-lhv:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #474747
}

.btn--outer-lhv.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-lhv:hover, .btn--outer-lhv.btn--hide-focus:hover, a.card:hover .btn--outer-lhv {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #474747
}

.btn--outer-lhv.btn--disabled {
    color: rgba(71, 71, 71, 0.5)
}

.btn--outer-lhv.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(71, 71, 71, 0.5)
}

.btn--outer-google {
    color: #f24a2e;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-google:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #f24a2e
}

.btn--outer-google.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-google:hover, .btn--outer-google.btn--hide-focus:hover, a.card:hover .btn--outer-google {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #f24a2e
}

.btn--outer-google.btn--disabled {
    color: rgba(242, 74, 46, 0.5)
}

.btn--outer-google.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(242, 74, 46, 0.5)
}

.btn--outer-facebook {
    color: #3b5998;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-facebook:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #3b5998
}

.btn--outer-facebook.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-facebook:hover, .btn--outer-facebook.btn--hide-focus:hover, a.card:hover .btn--outer-facebook {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #3b5998
}

.btn--outer-facebook.btn--disabled {
    color: rgba(59, 89, 152, 0.5)
}

.btn--outer-facebook.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(59, 89, 152, 0.5)
}

.btn--outer-microsoft {
    color: #03a4f0;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-microsoft:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #03a4f0
}

.btn--outer-microsoft.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-microsoft:hover, .btn--outer-microsoft.btn--hide-focus:hover, a.card:hover .btn--outer-microsoft {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #03a4f0
}

.btn--outer-microsoft.btn--disabled {
    color: rgba(3, 164, 240, 0.5)
}

.btn--outer-microsoft.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(3, 164, 240, 0.5)
}

.btn--outer-spotify {
    color: #00d35f;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-spotify:focus {
    outline: none;
    background-color: #fff;
    border-color: #f2f2f2;
    color: #00d35f
}

.btn--outer-spotify.btn--hide-focus:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.btn--outer-spotify:hover, .btn--outer-spotify.btn--hide-focus:hover, a.card:hover .btn--outer-spotify {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #00d35f
}

.btn--outer-spotify.btn--disabled {
    color: rgba(0, 211, 95, 0.5)
}

.btn--outer-spotify.btn--disabled:hover {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    color: rgba(0, 211, 95, 0.5)
}

.btn--google-play {
    background-image: url("../images/button-google.svg");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    min-width: 178px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    background-size: 110px auto
}

.btn--google-play:focus {
    outline: none;
    background-color: #333;
    border-color: #333
}

.btn--google-play.btn--hide-focus:focus {
    background-color: #000;
    border-color: #000
}

.btn--google-play:hover, .btn--google-play.btn--hide-focus:hover {
    background-color: #333;
    border-color: #333
}

.btn--google-play.btn--disabled {
    opacity: 0.5
}

.btn--google-play.btn--disabled:hover {
    background-color: #000 !important;
    border-color: #000
}
.btn--with-arrow-right-icon {
    

}

.btn--windows-store {
    background-image: url("../images/button-windows.svg");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    min-width: 178px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    background-size: 110px auto
}

.btn--windows-store:focus {
    outline: none;
    background-color: #333;
    border-color: #333
}

.btn--windows-store.btn--hide-focus:focus {
    background-color: #000;
    border-color: #000
}

.btn--windows-store:hover, .btn--windows-store.btn--hide-focus:hover {
    background-color: #333;
    border-color: #333
}

.btn--windows-store.btn--disabled {
    opacity: 0.5
}

.btn--windows-store.btn--disabled:hover {
    background-color: #000 !important;
    border-color: #000
}

.btn--app-store {
    background-image: url("../images/button-apple.svg");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    min-width: 178px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    background-size: 100px auto
}

.btn--app-store:focus {
    outline: none;
    background-color: #333;
    border-color: #333
}

.btn--app-store.btn--hide-focus:focus {
    background-color: #000;
    border-color: #000
}

.btn--app-store:hover, .btn--app-store.btn--hide-focus:hover {
    background-color: #333;
    border-color: #333
}

.btn--app-store.btn--disabled {
    opacity: 0.5
}

.btn--app-store.btn--disabled:hover {
    background-color: #000 !important;
    border-color: #000
}

.btn-group__btn {
    display: block;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .btn-group__btn {
        display: inline-block;
        width: auto
    }
}

.btn-group__btn + .btn-group__btn {
    margin-top: 10px
}

@media only screen and (min-width: 600px) {
    .btn-group__btn + .btn-group__btn {
        margin-top: 0;
        margin-left: 30px
    }
}

.badge {
    display: inline-block;
    font-size: 0.7143em;
    min-width: 1.5em;
    height: 1.5em;
    padding: 0 .25em;
    background: #0c6;
    border-radius: 100em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 1.5
}

.badge--large {
    font-size: 0.8571em;
    height: 2.5em;
    line-height: 2.5;
    padding: 0 .972em
}

.badge--recommended {
    background: #990ae3
}

.badge--sale {
    background: #ff9b00
}

.badge--offer {
    background: #00cdff
}

.badge--round {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Pebble", sans-serif;
    font-size: 12px;
    line-height: 1;
    width: 80px;
    height: 80px;
    text-transform: uppercase
}

.badge--round-small {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Pebble", sans-serif;
    font-size: 16px;
    line-height: 1;
    width: 50px;
    height: 50px;
    text-transform: uppercase
}

.badge--text-large {
    font-size: 16px
}

.badge--corner {
    position: absolute;
    top: 5px;
    right: 5px
}

.badge--top-center {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.badge--bottom-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.badge--right-center {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.form-error {
    color: #ff3264;
    font-size: 12px;
    margin-top: 6px;
    display: none
}

.form-choice-group--invalid .form-error, .form-textfield.is-invalid .form-error {
    display: block
}

.form-help {
    color: #9f9f9f;
    font-size: 12px;
    margin-top: 6px;
    display: block
}

.form-help:after {
    content: "";
    display: table;
    clear: both
}

.form-choice-group--invalid .form-help, .form-textfield.is-invalid .form-help {
    display: none
}

.form-help__icon {
    color: #00cdff;
    float: left;
    padding-top: 1px
}

.form-help__content {
    float: left;
    width: 100%;
    padding-left: 20px;
    margin-left: -15px
}

.form-label {
    color: #000;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: left
}

.form-suggestion {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #f2f2f2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-top: 2px;
    text-align: left;
    display: none
}

.form-suggestion__item {
    position: relative;
    margin-top: -1px
}

.form-suggestion__item:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    left: 10px;
    right: 10px;
    bottom: 0;
    background-color: #e4e4e4;
    z-index: 1
}

.form-suggestion__item:last-child:before {
    display: none
}

.form-suggestion__item--focus .form-suggestion__link, .form-suggestion__item.ui-state-focus .form-suggestion__link {
    background: #fff;
    color: #c0f
}

.form-suggestion__link {
    display: block;
    padding: 10px;
    color: #000;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.form-suggestion__link:hover {
    background: #fff;
    color: #c0f
}

.form-textfield {
    position: relative;
    font-size: 16px;
    width: 100%;
    max-width: 100%
}

.form-textfield.is-disabled {
    color: #9f9f9f
}

.form-textfield.is-focused {
    z-index: 1
}

.form-textfield__inner {
    position: relative;
    padding: 14px 0 0
}

.form-textfield__input {
    border: none;
    border-bottom: 1px solid #9f9f9f;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    height: 32px;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit;
    padding-right: 20px
}

.form-textfield.is-focused .form-textfield__input {
    outline: none
}

.form-textfield.is-invalid .form-textfield__input {
    border-color: #ff3264
}

.form-textfield.is-disabled .form-textfield__input {
    background-color: transparent;
    border-bottom: 1px solid #e4e4e4;
    color: #9f9f9f;
    outline: none
}

.form-textfield__input:focus {
    outline: none
}

.form-textfield__input:focus + .form-textfield__label {
    top: 0;
    font-size: 12px
}

.form-textfield__input:focus + .form-textfield__label:after {
    visibility: visible;
    opacity: 1
}

.form-textfield__input--icon {
    padding-right: 20px
}

span.form-textfield__input {
    padding-top: 5px;
    border-color: transparent
}

.form-textfield__label {
    bottom: 0;
    color: #000;
    font-size: 12px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.form-textfield.is-dirty .form-textfield__label {
    color: #9f9f9f
}

.form-textfield--floating-label .form-textfield__label {
    top: 16px;
    font-size: 16px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.form-textfield.is-disabled.is-disabled .form-textfield__label {
    color: gray
}

.form-textfield--floating-label.is-focused .form-textfield__label, .form-textfield--floating-label.is-dirty .form-textfield__label {
    color: #000;
    font-size: 12px;
    top: 0;
    visibility: visible
}

.form-textfield--floating-label.is-dirty .form-textfield__label {
    color: #9f9f9f
}

.form-textfield--floating-label.is-dirty.is-focused .form-textfield__label {
    color: #000
}

.form-textfield--floating-label.is-invalid .form-textfield__label {
    color: #ff3264
}

.form-textfield--floating-label.is-invalid.is-focused .form-textfield__label {
    color: #ff3264
}

.form-textfield__label:after {
    background-color: #000;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 100%
}

.form-textfield.is-focused .form-textfield__label:after {
    visibility: visible;
    opacity: 1
}

.form-textfield.is-invalid .form-textfield__label:after {
    background-color: #ff3264
}

.form-textfield__icon {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 16px;
    z-index: -1
}

.form-textfield.is-valid .form-textfield__icon {
    display: none
}

.form-textfield__icon--valid {
    font-size: 12px;
    top: 24px;
    color: #0c6;
    display: none
}

.form-textfield.is-valid .form-textfield__icon--valid {
    display: inline-block
}

textarea.form-textfield__input {
    display: block;
    resize: none;
    height: 120px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 0
}

.form-select {
    position: relative;
    z-index: auto
}

.form-select.is-invalid select, .form-select.is-invalid .sod_select {
    border-color: #ff3264
}

.form-select.is-invalid .form-textfield__label {
    color: #ff3264
}

.form-select--no-border .form-textfield__input {
    border-color: transparent
}

.form-select--no-border .sod_select {
    border-color: transparent
}

.form-select--no-border .sod_select.focus ~ .form-textfield__label:after {
    opacity: 0
}

.form-select__icon {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 14px;
    height: 10px;
    fill: currentColor;
    pointer-events: none
}

.sod_select, .sod_select * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sod_select {
    display: inline-block;
    position: relative;
    line-height: 1;
    width: 100%;
    padding: 8px 0 7px;
    border-bottom: 1px solid #9f9f9f;
    font-weight: 700;
    text-align: left;
    outline: 0;
    outline-offset: -2px;
    cursor: pointer
}

.sod_select:focus ~ .form-textfield__label, .sod_select.focus ~ .form-textfield__label {
    color: #000
}

.sod_select:focus ~ .form-textfield__label:after, .sod_select.focus ~ .form-textfield__label:after {
    visibility: visible;
    opacity: 1
}

.sod_select ~ .form-select__icon {
    display: block
}

.ua-ie .form-textfield__label {
    height: 46px
}

.sod_select.disabled {
    border-color: #e4e4e4;
    color: #9f9f9f
}

.sod_select .sod_label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px
}

.sod_select .sod_list_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: auto;
    width: 100%;
    background: #fff;
    border-top: none;
    color: #000;
    font-weight: 700;
    z-index: 2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.sod_select.open .sod_list_wrapper {
    display: block
}

.sod_select.disabled.open .sod_list_wrapper {
    display: none
}

.sod_select.above .sod_list_wrapper {
    top: auto;
    bottom: 0;
    border-bottom: none
}

.sod_select .sod_list {
    display: block;
    overflow-y: auto;
    padding: 0;
    margin: 0
}

.sod_select .sod_option {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 12px 10px;
    list-style-type: none
}

.sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled {
    background: inherit;
    color: #9f9f9f;
    font-size: 10px;
    font-style: italic
}

.sod_select .sod_option.groupchild {
    padding-left: 20px
}

.sod_select .sod_option.is-placeholder {
    display: none
}

.sod_select .sod_option.disabled {
    background: inherit;
    color: #9f9f9f
}

.sod_select .sod_option.active {
    background: #f6f6f6
}

.sod_select .sod_option.selected {
    font-weight: 700;
    padding-right: 25px
}

.sod_select.no_highlight .sod_option.selected {
    font-weight: 300
}

.sod_select.no_highlight .sod_option.selected:before {
    display: none
}

.sod_select select {
    display: none !important
}

.sod_select.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1
}

.form-radio {
    position: relative
}

.form-radio__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.form-radio__input:checked ~ .form-radio__label .form-radio__indicator:before {
    opacity: 1
}

.form-radio__input:focus ~ .form-radio__label .form-radio__indicator {
    border-color: #9f9f9f
}

.form-radio__input--hide-focus:focus ~ .form-radio__label .form-radio__indicator {
    border-color: #e4e4e4
}

.form-radio__label {
    display: block;
    padding-left: 25px
}

.form-radio__text {
    font-size: 16px;
    font-weight: 700
}

.form-radio__indicator {
    display: block;
    border: 1px solid #e4e4e4;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e4e4e4;
    position: absolute;
    top: 3px;
    left: 0
}

.form-radio__indicator:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #0c6;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    opacity: 0
}

.form-radio--disabled .form-radio__text {
    color: #9f9f9f
}

.form-radio--white .form-radio__indicator {
    background: #fff;
    border: 1px solid #fff
}

.form-radio--white .form-radio__input--hide-focus:focus ~ .form-radio__label .form-radio__indicator {
    border-color: #fff
}

.form-choice-group .form-radio + .form-radio {
    margin-top: 13px
}

.form-check {
    position: relative
}

.form-check__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.form-check__input:checked ~ .form-check__label .form-check__icon {
    opacity: 1
}

.form-check__input:focus ~ .form-check__label .form-check__indicator {
    border-color: #9f9f9f
}

.form-check__input--hide-focus:focus ~ .form-check__label .form-check__indicator {
    border-color: #e4e4e4
}

.form-check__label {
    display: block;
    padding-left: 25px
}

.form-check__text {
    font-size: 16px;
    font-weight: 700
}

.form-check__indicator {
    display: block;
    width: 16px;
    height: 16px;
    background: #e4e4e4;
    border: 1px solid #e4e4e4;
    position: absolute;
    top: 3px;
    left: 0;
    color: #0c6
}

.form-check__icon {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

.form-check--disabled .form-check__text {
    color: #9f9f9f
}

.form-check--white .form-check__indicator {
    background: #fff;
    border: 1px solid #fff
}

.form-check--white .form-check__input--hide-focus:focus ~ .form-check__label .form-check__indicator {
    border-color: #fff
}

.form-choice-group .form-check + .form-check {
    margin-top: 13px
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #9f9f9f
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #9f9f9f
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(204, 0, 255, 0.1);
    color: #8d8d8d
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(204, 0, 255, 0.2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

.datepicker {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
    width: 250px;
    position: absolute;
    left: -10000px;
    opacity: 0;
    transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease
}

.datepicker-inline .datepicker {
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    top: calc(100% - 5px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 5px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 5px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 5px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px
}

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px
}

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 32px;
    padding: 4px
}

.datepicker--nav-title, .datepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover .icon {
    color: #990ae3
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action .icon {
    font-size: .6em
}

.datepicker--nav-title {
    font-size: 12px;
    font-weight: 600;
    padding: 0 8px;
    text-transform: uppercase
}

.datepicker--nav-title:hover {
    color: #990ae3
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px
}

.datepicker--button {
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    border-radius: 99em;
    text-transform: uppercase;
    color: #990ae3;
    font-weight: bold;
    letter-spacing: 0.2px;
    font-size: 12px;
    line-height: 2.625rem
}

.datepicker--button:hover {
    background: #f2f2f2
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 99em;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 34px;
    z-index: 1;
    transition: all 0.1s ease
}

.datepicker--cell.-focus- {
    color: #fff;
    background: #990ae3
}

.datepicker--cell.-current- {
    color: #fff;
    background: #000
}

.datepicker--cell.-current-.-focus- {
    color: #fff;
    background: #990ae3
}

.datepicker--cell.-current-.-in-range- {
    color: #990ae3
}

.datepicker--cell.-current-.-in-range-.-focus- {
    color: #fff
}

.datepicker--cell.-in-range- {
    background: rgba(204, 0, 255, 0.1);
    padding: 0;
    background-clip: content-box;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: #990ae3;
    border-radius: 99em
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #9f9f9f
}

.datepicker--cell.-disabled-.-focus- {
    color: #9f9f9f
}

.datepicker--cell.-disabled-.-in-range- {
    color: #929292
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #9f9f9f
}

.datepicker--cell.-range-from- {
    background-color: rgba(204, 0, 255, 0.1);
    border-radius: 99em 0 0 99em
}

.datepicker--cell.-range-to- {
    background-color: rgba(204, 0, 255, 0.1);
    border-radius: 0 99em 99em 0;
    color: #000
}

.datepicker--cell.-selected- {
    color: #fff;
    background: #990ae3
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.weekdatepicker {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
    width: 200px;
    position: absolute;
    left: -10000px;
    opacity: 0;
    transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    z-index: 100
}

.weekdatepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease
}

.weekdatepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 10px;
    height: 10px;
    z-index: -1;
    bottom: calc(100% - 5px);
    right: 10px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.weekdatepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 32px;
    padding: 4px
}

.weekdatepicker--nav-title, .weekdatepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.weekdatepicker--nav-title {
    font-size: 12px;
    font-weight: 600;
    padding: 0 8px;
    text-transform: uppercase
}

.weekdatepicker--nav-title:hover {
    color: #990ae3
}

.weekdatepicker--nav-action {
    width: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.weekdatepicker--nav-action:hover .icon {
    color: #990ae3
}

.weekdatepicker--nav-action .icon {
    font-size: .6em
}

.weekdatepicker--content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    box-sizing: content-box;
    padding: 4px
}

.weekdatepicker--days-names {
    font-size: 12px;
    font-weight: 600;
    width: 15%
}

.weekdatepicker--day-name {
    text-align: center;
    text-transform: uppercase;
    padding: 8px
}

.weekdatepicker--cells {
    font-size: 12px;
    width: 85%
}

.weekdatepicker--cell {
    text-align: center;
    text-transform: uppercase;
    padding: 8px;
    cursor: pointer;
    border-radius: 99em;
    transition: all .1s ease
}

.weekdatepicker--cell.-selected-, .weekdatepicker--cell:hover {
    color: #fff;
    background: #990ae3
}

.weekdatepicker--cell.-current- {
    color: #fff;
    background: #000
}

.weekdatepicker--cell.-current-:hover {
    background: #990ae3
}

.weekdatepicker--cell.-disabled- {
    color: #9f9f9f;
    cursor: default
}

.weekdatepicker--cell.-disabled-:hover {
    background: transparent
}

.form-option-card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px
}

.form-option-card--small .form-option-card__label {
    padding: 40px 15px
}

.form-option-card--extrasmall .form-option-card__label {
    padding: 20px 15px
}

.form-option-card--static .form-option-card__label {
    border-color: #fff
}

.form-option-card--static .form-option-card__label:hover {
    border-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.form-option-card--static.form-option-card--recommended .form-option-card__label:hover {
    border-color: #990ae3
}

.form-option-card--grey .form-option-card__input.form-option-card__input--hide-focus + .form-option-card__label {
    border-color: #f2f2f2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.form-option-card--recommended .form-option-card--grey .form-option-card__input.form-option-card__input--hide-focus + .form-option-card__label {
    border-color: #990ae3;
    box-shadow: none
}

.form-option-card--grey .form-option-card__input.form-option-card__input--hide-focus + .form-option-card__label:hover {
    border-color: #0c6;
    box-shadow: none
}

.form-option-card--grey .form-option-card__label {
    border-color: #f2f2f2;
    background: #f2f2f2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.form-option-card--grey.form-option-card--static .form-option-card__label {
    border-color: #f2f2f2
}

.form-option-card--grey.form-option-card--static .form-option-card__label:hover {
    border-color: #f2f2f2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.form-option-card--employee .form-option-card__label {
    border-color: #d22db9;
    box-shadow: none
}

.form-option-card--recommended .form-option-card__label {
    border-color: #990ae3;
    box-shadow: none
}

.form-option-card--recommended .form-option-card__recommended-badge {
    display: block
}

.form-option-card__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none
}

.form-option-card__input:focus + .form-option-card__label {
    border-color: #0c6;
    box-shadow: none
}

.form-option-card__input.form-option-card__input--hide-focus + .form-option-card__label {
    border-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.form-option-card--recommended .form-option-card__input.form-option-card__input--hide-focus + .form-option-card__label {
    border-color: #990ae3;
    box-shadow: none
}

.form-option-card__input.form-option-card__input--hide-focus + .form-option-card__label:hover {
    border-color: #0c6;
    box-shadow: none
}

.form-option-card__input.form-option-card__input--hide-focus:checked + .form-option-card__label {
    border-color: #0c6;
    box-shadow: none
}

.form-option-card__input:checked + .form-option-card__label {
    border-color: #0c6;
    box-shadow: none
}

.form-option-card__input:checked + .form-option-card__label .form-option-card__checked-badge {
    display: block
}

.form-option-card__label {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: #fff;
    text-align: center;
    padding: 80px 30px;
    border: 3px solid #fff
}

.form-option-card__label:hover {
    border-color: #0c6;
    box-shadow: none
}

.form-option-card__label .badge--top-center {
    top: -2px
}

.form-option-card__label .badge--bottom-center {
    bottom: -2px
}

.form-option-card__recommended-badge {
    display: none
}

.form-option-card__checked-badge {
    display: none
}

.form-search {
    position: relative
}

.form-search__input {
    width: 100%;
    height: 26px;
    box-sizing: inherit;
    padding: 0 35px 0 15px;
    border: none;
    border-radius: 13px;
    outline: none;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: 12px;
    font-weight: normal
}

.form-search__input::-webkit-input-placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-search__input::-moz-placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-search__input:-ms-input-placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-search__input::placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-search__input::-ms-clear {
    display: none
}

.form-search__action {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 26px;
    padding: 2px 14px 0 5px;
    border: none;
    outline: none;
    background-color: transparent
}

.form-search__action .icon {
    width: 15px;
    font-size: 14px
}

.form-search__action:hover, .form-search__action:focus {
    color: #990ae3
}

.form-address-search {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

.form-address-search:after {
    content: "";
    display: table;
    clear: both
}

.form-address-search:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    content: "";
    border-radius: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    z-index: -1
}

.form-address-search__input {
    float: left;
    height: 45px;
    box-sizing: border-box;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: #f2f2f2;
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.form-address-search__input::-webkit-input-placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-address-search__input::-moz-placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-address-search__input:-ms-input-placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-address-search__input::placeholder {
    opacity: 1;
    color: #9f9f9f
}

.form-address-search__input::-ms-clear {
    display: none
}

.form-address-search__input:first-child {
    width: 67.5%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.form-address-search__input:nth-child(2) {
    width: 20%;
    padding: 0 5px;
    border-left: 1px solid #fff
}

.form-address-search__input:last-child {
    width: 12.5%
}

.form-address-search__input--large:first-child {
    width: 87.5%
}

.form-address-search__action {
    display: inline-block;
    float: left;
    width: 12.5%;
    min-width: inherit;
    height: 45px;
    box-sizing: border-box;
    padding: 2px 4px 0 0;
    border: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    outline: none;
    background-color: #0c6;
    color: #fff;
    font-size: 18px;
    line-height: 45px
}

.form-address-search__action:hover, .form-address-search__action:focus {
    background-color: #32ff00
}

.form-address-search--white .form-address-search__input {
    background-color: #fff
}

.form-address-search--white .form-address-search__input:nth-child(2) {
    border-color: #e4e4e4
}

@media only screen and (min-width: 600px) {
    .form-address-search:before {
        height: 60px
    }

    .form-address-search__input {
        height: 60px;
        padding: 0 25px;
        font-size: 20px
    }

    .form-address-search__input:nth-child(2) {
        padding: 0 15px
    }

    .form-address-search__action {
        height: 60px;
        font-size: 24px;
        line-height: 60px
    }
}

.form-address-search__results {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #f2f2f2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-top: 2px;
    text-align: left;
    display: none
}

.form-address-search__item {
    position: relative;
    margin-top: -1px
}

.form-address-search__item:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    left: 10px;
    right: 10px;
    bottom: 0;
    background-color: #e4e4e4;
    z-index: 1
}

.form-address-search__item:last-child:before {
    display: none
}

.form-address-search__item--focus .form-address-search__link, .form-address-search__item.ui-state-focus .form-address-search__link {
    background: #fff;
    color: #c0f
}

.form-address-search__link {
    display: block;
    padding: 10px;
    color: #000;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.form-address-search__link:hover {
    background: #fff;
    color: #c0f
}

.range-slider__values {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    transition: left 0.3s, top 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 6px
}

.noUi-handle {
    border-radius: 99em;
    background: #000;
    cursor: pointer;
    width: 12px;
    height: 12px;
    left: -6px;
    top: -3px
}

.noUi-handle:before {
    content: "";
    position: absolute;
    display: block;
    padding: 20px;
    top: -15px;
    left: -15px
}

.noUi-draggable {
    cursor: w-resize
}

.noUi-background {
    background: #e4e4e4
}

.noUi-connect {
    background: #9f9f9f;
    transition: background .5s
}

.noUi-origin, .noUi-target {
    border-radius: 99em
}

.card {
    position: relative;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.grid__col--xs-6 .card > .card__content {
    padding: 7px
}

@media only screen and (min-width: 600px) {
    .grid__col--xs-6 .card > .card__content {
        padding: 20px 15px
    }
}

a.card {
    color: #000
}

a.card:hover {
    color: #000
}

.card__figure {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.card__image {
    width: 100%;
    height: auto;
    display: block
}

.card__content {
    background: #fff;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 20px 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 600px) {
    .card__content {
        padding: 20px 15px
    }
}

.card__content--padding-large {
    padding: 20px
}

@media only screen and (min-width: 600px) {
    .card__content--padding-large {
        padding: 50px
    }
}

.card__content--padding-medium {
    padding: 20px
}

@media only screen and (min-width: 600px) {
    .card__content--padding-medium {
        padding: 40px
    }
}

.card__content__full-width {
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (min-width: 600px) {
    .card__content__full-width {
        margin-left: -15px;
        margin-right: -15px
    }
}

.card__content__full-width > .accordion .accordion__item {
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width: 600px) {
    .card__content__full-width > .accordion .accordion__item {
        padding-left: 5px;
        padding-right: 5px
    }
}

.card__content__full-width > .table-container {
    box-shadow: none
}

.card__content__full-width > .table-container table th:first-child, .card__content__full-width > .table-container table td:first-child {
    padding-left: 15px
}

.card__content__full-width > .table-container table th:last-child, .card__content__full-width > .table-container table td:last-child {
    padding-right: 15px
}

@media (max-width: 599px) {
    .card__content__full-width > .table-container .tablesaw-stack tbody td, .card__content__full-width > .table-container .tablesaw-stack tbody th {
        padding-left: 15px;
        padding-right: 15px
    }
}

.card__content__full-width > .notice--background {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 600px) {
    .card__content__full-width > .notice--background {
        padding-left: 15px;
        padding-right: 15px
    }
}

.card__content__full-width > .notice--background:before, .card__content__full-width > .notice--background:after {
    display: none
}

.card__content--padding-large .card__content__full-width {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 600px) {
    .card__content--padding-large .card__content__full-width {
        margin-left: -50px;
        margin-right: -50px
    }
}

.card__content--padding-large .card__content__full-width > .accordion .accordion__item {
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 600px) {
    .card__content--padding-large .card__content__full-width > .accordion .accordion__item {
        padding-left: 40px;
        padding-right: 40px
    }
}

.card__content--padding-large .card__content__full-width > .table-container {
    box-shadow: none
}

.card__content--padding-large .card__content__full-width > .table-container table th:first-child, .card__content--padding-large .card__content__full-width > .table-container table td:first-child {
    padding-left: 50px
}

.card__content--padding-large .card__content__full-width > .table-container table th:last-child, .card__content--padding-large .card__content__full-width > .table-container table td:last-child {
    padding-right: 50px
}

@media (max-width: 599px) {
    .card__content--padding-large .card__content__full-width > .table-container .tablesaw-stack tbody td, .card__content--padding-large .card__content__full-width > .table-container .tablesaw-stack tbody th {
        padding-left: 20px;
        padding-right: 20px
    }
}

.card__content--padding-large .card__content__full-width > .notice--background {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 600px) {
    .card__content--padding-large .card__content__full-width > .notice--background {
        padding-left: 50px;
        padding-right: 50px
    }
}

.card__content--padding-large .card__content__full-width > .notice--background:before, .card__content--padding-large .card__content__full-width > .notice--background:after {
    display: none
}

.card__content--padding-medium .card__content__full-width {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 600px) {
    .card__content--padding-medium .card__content__full-width {
        margin-left: -40px;
        margin-right: -40px
    }
}

.card__content--padding-medium .card__content__full-width > .accordion .accordion__item {
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 600px) {
    .card__content--padding-medium .card__content__full-width > .accordion .accordion__item {
        padding-left: 30px;
        padding-right: 30px
    }
}

.card__content--padding-medium .card__content__full-width > .table-container {
    box-shadow: none
}

.card__content--padding-medium .card__content__full-width > .table-container table th:first-child, .card__content--padding-medium .card__content__full-width > .table-container table td:first-child {
    padding-left: 40px
}

.card__content--padding-medium .card__content__full-width > .table-container table th:last-child, .card__content--padding-medium .card__content__full-width > .table-container table td:last-child {
    padding-right: 40px
}

@media (max-width: 599px) {
    .card__content--padding-medium .card__content__full-width > .table-container .tablesaw-stack tbody td, .card__content--padding-medium .card__content__full-width > .table-container .tablesaw-stack tbody th {
        padding-left: 20px;
        padding-right: 20px
    }
}

.card__content--padding-medium .card__content__full-width > .notice--background {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 600px) {
    .card__content--padding-medium .card__content__full-width > .notice--background {
        padding-left: 40px;
        padding-right: 40px
    }
}

.card__content--padding-medium .card__content__full-width > .notice--background:before, .card__content--padding-medium .card__content__full-width > .notice--background:after {
    display: none
}

.card__title {
    margin-top: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media only screen and (min-width: 600px) {
    .card__title {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.card__text {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.card__text__icon {
    font-size: 4em
}

.card__icon {
    background: #fff;
    padding: 50px 0 30px
}

.card__icon .icon {
    display: block;
    height: 40px;
    width: 100%
}

.card--background {
    background-size: cover;
    min-height: 400px
}

.card--background .card__content {
    background: transparent
}

.card--background .card__text {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card--background .card__title {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.card--background--dark {
    color: #fff
}

.card--border {
    border: 4px solid #e4e4e4;
    box-shadow: none
}

.card--border .card__content {
    background: transparent;
    padding: 16px 11px
}

.card--border .card__content--padding-large {
    padding: 16px
}

@media only screen and (min-width: 600px) {
    .card--border .card__content--padding-large {
        padding: 46px
    }
}

.card--border .card__content--padding-medium {
    padding: 16px
}

@media only screen and (min-width: 600px) {
    .card--border .card__content--padding-medium {
        padding: 36px
    }
}

.card--border--inverse {
    border-color: #fff
}

.card--border--order {
    border-color: #0c6
}

.card--border--employee {
    border-color: #d22db9
}

.card-group--ripple .card {
    position: relative;
    z-index: 0
}

.card-group--ripple .card:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/ripple-1.svg");
    background-size: 100vw auto;
    background-position: 0 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (min-width: 1200px) {
    .card-group--ripple .card:before {
        background-size: 1200px auto
    }
}

html.ua-ie-9 .card-group--ripple .grid__col--xs-6 .card--ripple:before {
    background-position: 0 0 !important
}

.card-group--ripple .grid__col--xs-6:nth-child(2n+1) .card--ripple:before {
    background-position: -10px 0
}

.card-group--ripple .grid__col--xs-6:nth-child(2n+2) .card--ripple:before {
    background-position: calc(100% + 10px) 0
}

.card-group--ripple .grid__col--xs-6:nth-child(3n+3) .card--ripple:before {
    background-position: -10px calc(-100% - 20px)
}

.card-group--ripple .grid__col--xs-6:nth-child(4n+4) .card--ripple:before {
    background-position: calc(100% + 10px) calc(-100% - 20px)
}

.card-group--ripple .grid__col--xs-6:nth-child(5n+5) .card--ripple:before {
    background-position: -10px calc(-200% - 40px)
}

.card-group--ripple .grid__col--xs-6:nth-child(6n+6) .card--ripple:before {
    background-position: calc(100% + 10px) calc(-200% - 40px)
}

.card-group--ripple .grid__col--xs-6:nth-child(7n+7) .card--ripple:before {
    background-position: -10px calc(-300% - 60px)
}

.card-group--ripple .grid__col--xs-6:nth-child(8n+8) .card--ripple:before {
    background-position: calc(100% + 10px) calc(-300% - 60px)
}

@media only screen and (min-width: 1024px) {
    html.ua-ie-9 .card-group--ripple .grid__col--md-3 .card--ripple:before {
        background-position: 0 0 !important
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+1) .card--ripple:before {
        background-position: -10px 0
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+2) .card--ripple:before {
        background-position: calc(-100% - 30px) 0
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+3) .card--ripple:before {
        background-position: calc(-200% - 50px) 0
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+4) .card--ripple:before {
        background-position: calc(-300% - 70px) 0
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+5) .card--ripple:before {
        background-position: -10px calc(-100% - 20px)
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+6) .card--ripple:before {
        background-position: calc(-100% - 30px) calc(-100% - 20px)
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+7) .card--ripple:before {
        background-position: calc(-200% - 50px) calc(-100% - 20px)
    }

    .card-group--ripple .grid__col--md-3:nth-child(4n+8) .card--ripple:before {
        background-position: calc(-300% - 70px) calc(-100% - 20px)
    }
}

.card-group--ripple-2 .card:before {
    background-image: url("../images/ripple-2.svg")
}

.card-group--ripple-3 .card:before {
    background-image: url("../images/ripple-3.svg")
}

.card-group--ripple-4 .card:before {
    background-image: url("../images/ripple-4.svg")
}

.card-group--ripple-5 .card:before {
    background-image: url("../images/ripple-5.svg")
}

.card-group--ripple-6 .card:before {
    background-image: url("../images/ripple-6.svg")
}

.card-group--ripple-7 .card:before {
    background-image: url("../images/ripple-7.svg")
}

.card-group--ripple-8 .card:before {
    background-image: url("../images/ripple-8.svg")
}

.card-group--ripple-9 .card:before {
    background-image: url("../images/ripple-9.svg")
}

.card-group--ripple-10 .card:before {
    background-image: url("../images/ripple-10.svg")
}

.card-group--ripple-11 .card:before {
    background-image: url("../images/ripple-11.svg")
}

.card-group--ripple-12 .card:before {
    background-image: url("../images/ripple-12.svg")
}

.card-group--ripple-13 .card:before {
    background-image: url("../images/ripple-13.svg")
}

.card-group--ripple-14 .card:before {
    background-image: url("../images/ripple-14.svg")
}

.card-group--ripple-15 .card:before {
    background-image: url("../images/ripple-15.svg")
}

.card-group--ripple-16 .card:before {
    background-image: url("../images/ripple-16.svg")
}

.card-group--ripple-17 .card:before {
    background-image: url("../images/ripple-17.svg")
}

.card-group--ripple-18 .card:before {
    background-image: url("../images/ripple-18.svg")
}

.card-group--ripple-19 .card:before {
    background-image: url("../images/ripple-19.svg")
}

.card-group--ripple-20 .card:before {
    background-image: url("../images/ripple-20.svg")
}

.card-group--ripple-21 .card:before {
    background-image: url("../images/ripple-21.svg")
}

.card-group--ripple-22 .card:before {
    background-image: url("../images/ripple-22.svg")
}

.card-group--ripple-23 .card:before {
    background-image: url("../images/ripple-23.svg")
}

.card-group--ripple-24 .card:before {
    background-image: url("../images/ripple-24.svg")
}

.card-group--ripple-25 .card:before {
    background-image: url("../images/ripple-25.svg")
}

.card-group--ripple-26 .card:before {
    background-image: url("../images/ripple-26.svg")
}

.card-group--ripple-27 .card:before {
    background-image: url("../images/ripple-27.svg")
}

.card-group--ripple-28 .card:before {
    background-image: url("../images/ripple-28.svg")
}

.card-group--ripple-29 .card:before {
    background-image: url("../images/ripple-29.svg")
}

.card-group--ripple-30 .card:before {
    background-image: url("../images/ripple-30.svg")
}

.card-group--ripple-31 .card:before {
    background-image: url("../images/ripple-31.svg")
}

.card-group--ripple-32 .card:before {
    background-image: url("../images/ripple-32.svg")
}

.card-group--border {
    border: 2px solid #e4e4e4
}

.card-group--border .card {
    border: 2px solid #e4e4e4;
    box-shadow: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-group--border .card--top {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-group--border .card .card__content {
    background: transparent;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card-group--border--inverse {
    border-color: #fff
}

.card-group--border--inverse .card {
    border-color: #fff
}

.card-group--border--order {
    border-color: #0c6
}

.card-group--border--order .card {
    border-color: #0c6
}

.card-group--border--employee {
    border-color: #d22db9
}

.card-group--border--employee .card {
    border-color: #d22db9
}

.shopping-cart {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.shopping-cart__item {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width: 600px) {
    .shopping-cart__item {
        padding-left: 20px;
        padding-right: 20px
    }

    .shopping-cart__item--no-padding-left {
        padding-left: 0
    }
}

@media (min-width: 1024px) {
    .shopping-cart__item {
        padding-top: 0;
        padding-bottom: 0
    }
}

.shopping-cart__item:nth-child(odd) {
    background: #f6f6f6
}

.shopping-cart__item:nth-child(even) {
    background: #fff
}

.shopping-cart--header {
    box-shadow: none
}

.shopping-cart--header .shopping-cart__item {
    padding: 10px
}

@media (min-width: 1024px) {
    .shopping-cart--header .shopping-cart__item {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .shopping-cart__heading {
        padding: 14px 0 10px
    }
}

@media (min-width: 600px) {
    .shopping-cart__image {
        padding: 10px
    }
}

@media (min-width: 1024px) {
    .shopping-cart__image--small {
        padding: 20px
    }
}

@media (min-width: 600px) {
    .shopping-cart__text-row {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width: 1024px) {
    .shopping-cart__text-row {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.shopping-cart__text > * {
    margin-bottom: 14px
}

.shopping-cart__text > :last-child {
    margin-bottom: 0
}

@media (min-width: 600px) {
    .shopping-cart__info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .shopping-cart__info > * {
        margin-bottom: 0;
        padding-right: 10px
    }

    .shopping-cart__info > *:last-child {
        padding-right: 0
    }
}

.logo {
    font-size: 50px;
    display: block;
    margin-right: 0.5em;
    padding: 0.5em 0.5em 0.5625em;
    color: #990ae3;
    overflow: hidden
}

.logo:hover {
    color: #990ae3
}

.logo__text {
    display: inline-block;
    vertical-align: top;
    font-family: "Pebble", sans-serif;
    text-indent: -9999px;
    color: transparent;
    width: 2.16em;
    background: url("../images/logo-telia.svg") no-repeat;
    background-size: 100% auto;
    background-position: center
}

.logo__text--personal {
    text-indent: 0;
    width: auto;
    background: transparent;
    font-size: 1em;
    color: #990ae3;
    text-transform: uppercase
}

.logo__pebble {
    display: inline-block;
    vertical-align: top;
    width: 1.3125em;
    height: 1.4375em;
    background: url("../images/logo-pebble.svg") no-repeat;
    background-size: 100% auto
}

.logo__pebble canvas {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.logo__pebble-1 {
    background-image: url("../images/pebble-1.svg")
}

.logo__pebble-2 {
    background-image: url("../images/pebble-2.svg")
}

.logo__pebble-3 {
    background-image: url("../images/pebble-3.svg")
}

.logo__pebble-4 {
    background-image: url("../images/pebble-4.svg")
}

.logo__pebble-5 {
    background-image: url("../images/pebble-5.svg")
}

.logo__pebble-6 {
    background-image: url("../images/pebble-6.svg")
}

.logo__pebble-7 {
    background-image: url("../images/pebble-7.svg")
}

.logo__pebble-8 {
    background-image: url("../images/pebble-8.svg")
}

.logo__pebble-9 {
    background-image: url("../images/pebble-9.svg")
}

.logo__pebble-10 {
    background-image: url("../images/pebble-10.svg")
}

.logo__pebble-11 {
    background-image: url("../images/pebble-11.svg")
}

.logo__pebble-12 {
    background-image: url("../images/pebble-12.svg")
}

.logo__pebble-13 {
    background-image: url("../images/pebble-13.svg")
}

.logo__pebble-14 {
    background-image: url("../images/pebble-14.svg")
}

.logo__pebble-15 {
    background-image: url("../images/pebble-15.svg")
}

.logo__pebble-16 {
    background-image: url("../images/pebble-16.svg")
}

.logo__pebble-17 {
    background-image: url("../images/pebble-17.svg")
}

.logo__pebble-18 {
    background-image: url("../images/pebble-18.svg")
}

.logo__pebble-19 {
    background-image: url("../images/pebble-19.svg")
}

.logo__pebble-20 {
    background-image: url("../images/pebble-20.svg")
}

.logo__pebble-21 {
    background-image: url("../images/pebble-21.svg")
}

.logo__pebble-22 {
    background-image: url("../images/pebble-22.svg")
}

.logo__pebble-23 {
    background-image: url("../images/pebble-23.svg")
}

.logo__pebble-24 {
    background-image: url("../images/pebble-24.svg")
}

.logo__pebble-25 {
    background-image: url("../images/pebble-25.svg")
}

.logo__pebble-26 {
    background-image: url("../images/pebble-26.svg")
}

.logo__pebble-27 {
    background-image: url("../images/pebble-27.svg")
}

.logo__pebble-28 {
    background-image: url("../images/pebble-28.svg")
}

.logo__pebble-29 {
    background-image: url("../images/pebble-29.svg")
}

.logo__pebble-30 {
    background-image: url("../images/pebble-30.svg")
}

.logo__pebble-31 {
    background-image: url("../images/pebble-31.svg")
}

.logo__pebble-32 {
    background-image: url("../images/pebble-32.svg")
}

.logo__pebble-33 {
    background-image: url("../images/pebble-33.svg")
}

.logo__pebble-34 {
    background-image: url("../images/pebble-34.svg")
}

.logo__pebble-35 {
    background-image: url("../images/pebble-35.svg")
}

.logo__pebble-36 {
    background-image: url("../images/pebble-36.svg")
}

.logo__pebble-37 {
    background-image: url("../images/pebble-37.svg")
}

.logo__pebble-38 {
    background-image: url("../images/pebble-38.svg")
}

.logo__pebble-39 {
    background-image: url("../images/pebble-39.svg")
}

.logo__pebble-40 {
    background-image: url("../images/pebble-40.svg")
}

.logo__pebble-41 {
    background-image: url("../images/pebble-41.svg")
}

.logo__pebble-42 {
    background-image: url("../images/pebble-42.svg")
}

.logo__pebble-43 {
    background-image: url("../images/pebble-43.svg")
}

.logo__pebble-44 {
    background-image: url("../images/pebble-44.svg")
}

.logo__pebble-45 {
    background-image: url("../images/pebble-45.svg")
}

.logo__pebble-46 {
    background-image: url("../images/pebble-46.svg")
}

.logo__pebble-47 {
    background-image: url("../images/pebble-47.svg")
}

.logo__pebble-48 {
    background-image: url("../images/pebble-48.svg")
}

.logo__pebble-49 {
    background-image: url("../images/pebble-49.svg")
}

.logo__pebble-50 {
    background-image: url("../images/pebble-50.svg")
}

.logo__pebble-51 {
    background-image: url("../images/pebble-51.svg")
}

.logo__pebble-52 {
    background-image: url("../images/pebble-52.svg")
}

.logo__pebble-53 {
    background-image: url("../images/pebble-53.svg")
}

.logo__pebble-54 {
    background-image: url("../images/pebble-54.svg")
}

.logo__pebble-55 {
    background-image: url("../images/pebble-55.svg")
}

.logo__pebble-56 {
    background-image: url("../images/pebble-56.svg")
}

.dropdown {
    position: relative
}

.dropdown__toggle:focus {
    outline: 0
}

.dropdown__menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    text-align: left;
    padding-bottom: 1em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #fff;
    background-clip: padding-box
}

.dropdown__menu > li > a {
    display: block;
    color: #000;
    padding: 3px 14px;
    clear: both;
    font-weight: normal;
    white-space: nowrap
}

.dropdown__menu > li > a:hover {
    color: #990ae3
}

.dropdown__trigger {
    color: #000
}

.dropdown__icon {
    font-size: .9em;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.dropdown--visible > .dropdown__menu {
    display: block
}

.dropdown--visible .dropdown__trigger {
    color: #990ae3;
    outline: 0
}

.dropdown--visible .dropdown__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-toggle="close-dropdown"] {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 18px
}

.search {
    position: relative;
    padding: 7px 0;
    margin-right: 4px;
    height: 100%
}

html.ua-ie-9 .search {
    width: 160px;
    margin-left: 20px
}

html.ua-ie-9 .search__input {
    left: 0
}

html.ua-ie-9 .search__input:focus {
    left: -120px
}

.search__input {
    position: absolute;
    left: -33px;
    width: 33px;
    height: 26px;
    padding: 0 30px 0 10px;
    border: 0;
    border-radius: 99em;
    z-index: 3;
    opacity: 0;
    font-size: 12px;
    transition: 300ms ease-in-out;
    cursor: pointer
}

@media (min-width: 850px) {
    .search__input {
        left: -160px;
        background-color: #fff;
        opacity: 1;
        width: 160px;
        z-index: 1;
        cursor: initial
    }
}

.search__input:focus {
    width: 280px;
    left: -280px;
    background-color: #fff;
    border-radius: 12px;
    opacity: 1;
    outline: 0;
    z-index: 1;
    cursor: initial
}

.search__input.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.search__button {
    position: absolute;
    top: 7px;
    right: 3px;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    padding: 2px;
    outline: 0;
    z-index: 2
}

@media (min-width: 850px) {
    .search__button {
        position: absolute
    }
}

.search__icon {
    font-size: 16px
}

.search__results {
    display: none;
    position: absolute;
    top: 33px;
    background: #fff;
    padding: 7px 0 0;
    width: 280px;
    left: -280px;
    z-index: 4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.search__item {
    position: relative;
    margin-bottom: -1px
}

.search__item:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: #f2f2f2;
    z-index: 1
}

.search__item--link {
    position: relative;
    display: table;
    padding: 10px;
    color: #000;
    width: 100%;
    transition: 100ms ease-in-out
}

.search__item--link:hover {
    color: #990ae3;
    background: #f2f2f2
}

.search__item--link-block {
    display: block;
    padding: 15px 10px
}

.search__item--link-block .search__item--icon {
    top: 20px
}

.search__item--title {
    display: table-cell;
    vertical-align: middle
}

.search__item--image {
    display: table-cell;
    vertical-align: middle;
    width: 30px
}

.search__item--image img {
    width: 30px;
    vertical-align: middle
}

.search__item--image + .search__item--title {
    padding-left: 10px
}

.search__item--icon {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 11px
}

.search--mobile {
    height: auto;
    margin-right: 0
}

.search--mobile .search__input {
    position: static;
    background: #f2f2f2;
    opacity: 1;
    width: 100%;
    height: 30px;
    border-radius: 20px;
    cursor: initial
}

.search--mobile .search__input.active {
    border-radius: 20px;
    box-shadow: none
}

.search--mobile .search__results {
    position: static;
    width: auto;
    background-color: transparent;
    box-shadow: none;
    padding-top: 10px;
    margin-left: -15px;
    margin-right: -15px
}

.search--mobile .search__item {
    margin-top: -1px
}

.search--mobile .search__item:before {
    width: auto;
    top: 0;
    left: 15px;
    right: 15px
}

.search--mobile .search__item:first-child:before {
    display: none
}

.search--mobile .search__item--link {
    padding-left: 15px;
    padding-right: 15px
}

.nav {
    padding: 0;
    margin: 0;
    list-style: none
}

html.ua-ie-9 .nav:after, html.ua-webkit-534 .nav:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 800px) {
    .nav {
        margin: 0 -10px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.nav__item {
    position: relative;
    margin-bottom: -1px
}

@media (min-width: 800px) {
    .nav__item {
        display: inline-block;
        height: 80px;
        font-size: 12px
    }

    html.ua-ie-9 .nav__item, html.ua-webkit-534 .nav__item {
        float: left
    }

    .header--scroll .nav__item {
        height: 40px;
        min-width: 0
    }
}

@media (min-width: 1024px) {
    .nav__item {
        min-width: 95px;
        font-size: inherit
    }
}

.nav__item:after {
    content: "";
    display: block;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px
}

@media (min-width: 800px) {
    .nav__item:after {
        top: 13px;
        bottom: 13px;
        left: 0;
        right: auto;
        height: auto;
        width: 1px;
        background: #f2f2f2
    }

    .header--scroll .nav__item:after {
        top: 10px;
        bottom: 10px
    }
}

@media (min-width: 1024px) {
    .nav__item:first-child {
        min-width: 85px
    }

    .header--scroll .nav__item:first-child {
        min-width: 0
    }
}

.nav__item:first-child:after {
    display: none
}

@media (min-width: 1024px) {
    .nav__item:last-child {
        min-width: 85px
    }

    .header--scroll .nav__item:last-child {
        min-width: 0
    }
}

.nav__item--expand {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0
}

.nav__item--expand:after {
    display: none
}

@media (min-width: 800px) {
    .nav__item--expand {
        max-width: none
    }

    .nav__item--expand + .nav__item:after {
        display: none
    }
}

@media (min-width: 800px) {
    .nav__item--empty:after {
        display: none
    }

    .nav__item--empty + .nav__item:after {
        display: none
    }

    .header--scroll .nav__item--empty {
        padding: 0
    }
}

@media (min-width: 800px) {
    .nav__item--current {
        background: transparent
    }

    .nav__item--current:before {
        content: "";
        border: 6px solid transparent;
        border-bottom-color: #f2f2f2;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -6px
    }

    .nav__item--current > .nav__link {
        color: #990ae3
    }

    .nav--open .nav__item--current:before {
        border-bottom-color: transparent
    }
}

.nav__item--open {
    background: #f2f2f2
}

@media (min-width: 800px) {
    .nav__item--open {
        background: transparent
    }

    .nav__item--open:before {
        content: "";
        border: 6px solid transparent;
        border-bottom-color: #f2f2f2;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -6px
    }

    .nav--open .nav__item--open:before {
        border-bottom-color: #f2f2f2
    }
}

.nav__item--open > .nav__sub-container {
    display: block
}

.nav__item--open > .nav__link {
    color: #990ae3
}

.nav__item--open > .nav__link > .nav__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 800px) {
    .nav__item--open > .nav__link > .nav__arrow {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.nav__item--multiline > .nav__link br {
    display: none
}

@media (min-width: 800px) {
    .nav__item--multiline > .nav__link {
        padding-bottom: 14px;
        padding-top: 15px;
        line-height: 1
    }

    .header--scroll .nav__item--multiline > .nav__link {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .nav__item--multiline > .nav__link br {
        display: block
    }

    .nav__item--multiline > .nav__icon {
        font-size: 17px
    }
}

@media (min-width: 1024px) {
    .header--scroll .nav__item--multiline > .nav__link {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-width: 800px) {
    .header--scroll .nav__item--scroll-icon .nav__link {
        padding-top: 10px
    }

    .header--scroll .nav__item--scroll-icon .nav__icon {
        display: block;
        margin-bottom: 0;
        font-size: 20px
    }

    .header--scroll .nav__item--scroll-icon .nav__text {
        display: none
    }
}

.nav__item--scroll-visible {
    padding: 0 10px;
    display: none
}

@media (min-width: 800px) {
    .header--scroll .nav__item--scroll-visible {
        display: block
    }

    .nav__item--scroll-visible .menu__link {
        padding: 10px
    }

    .nav__item--scroll-visible .menu__icon {
        font-size: 20px
    }

    .nav__item--scroll-visible .menu__text {
        display: none !important
    }
}

.nav__item--scroll-visible .search {
    width: 40px;
    margin-right: 0
}

.nav__item--scroll-visible .search__input {
    opacity: 0;
    left: 0;
    width: 33px;
    z-index: 3;
    cursor: pointer
}

.nav__item--scroll-visible .search__input:focus {
    width: 280px;
    left: -240px;
    background-color: #fff;
    border-radius: 12px;
    opacity: 1;
    outline: 0;
    z-index: 1;
    cursor: initial
}

.nav__item--scroll-visible .search__input.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.nav__item--scroll-visible .search__results {
    left: -240px
}

.nav__item--scroll-visible .search__button {
    right: 6px
}

.nav__item--scroll-visible .search__button .search__icon {
    font-size: 20px
}

.nav__link {
    display: block;
    padding: 15px 20px;
    color: #000
}

.nav__link:hover {
    color: #990ae3
}

@media (min-width: 800px) {
    .nav__link {
        padding: 17px 10px;
        text-align: center;
        height: 100%
    }

    .header--scroll .nav__link {
        padding: 12px 8px
    }
}

@media (min-width: 1024px) {
    .header--scroll .nav__link {
        padding: 10px 10px
    }
}

.nav__icon {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px
}

@media (min-width: 800px) {
    .nav__icon {
        display: block;
        margin: 0 auto 6px
    }

    .header--scroll .nav__icon {
        display: none
    }
}

.nav__arrow {
    position: absolute;
    top: 19px;
    right: 21px;
    font-size: 12px
}

@media (min-width: 800px) {
    .nav__arrow {
        display: none
    }
}

.nav__sub-container {
    display: none;
    padding-bottom: 20px
}

@media (min-width: 800px) {
    .nav__sub-container {
        position: absolute;
        top: 100%;
        width: 300px;
        background: #fff;
        margin-top: 1px;
        padding-bottom: 0
    }
}

.nav__sub-container .nav__sub-container {
    padding-bottom: 0
}

@media (min-width: 800px) {
    .nav__sub-container .nav__sub-container {
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: 1px;
        padding-top: 0
    }

    .nav__sub-container .nav__sub-container .nav__sub:after {
        display: none
    }

    .nav__sub-container .nav__sub-container .nav__sub-inner {
        padding-top: 0;
        padding-bottom: 0
    }
}

.nav__sub-container.nav__sub-container--right {
    right: 0
}

@media (min-width: 800px) {
    .nav__sub-container.nav__sub-container--right .nav__sub-container {
        left: -100%
    }
}

.nav__sub-container--visible {
    display: block
}

@media (min-width: 800px) {
    .nav__sub-inner {
        height: 100%;
        overflow: auto;
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.nav__sub {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 800px) {
    .nav__sub:only-child .nav__item:last-child:after {
        display: none
    }
}

html.ua-ie-9 .nav__sub .nav__item, html.ua-webkit-534 .nav__sub .nav__item {
    float: none
}

@media (min-width: 800px) {
    .nav__sub .nav__item {
        display: block;
        background: transparent;
        max-width: none;
        width: auto;
        height: auto;
        margin-bottom: 0;
        margin-top: -1px
    }

    .nav__sub .nav__item:after {
        content: "";
        display: block;
        height: 1px;
        background: #f2f2f2;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 15px;
        right: 15px;
        width: auto
    }
}

@media (min-width: 800px) {
    .nav__sub .nav__item--open {
        background: #f2f2f2
    }

    .nav__sub .nav__item--open:before {
        display: none
    }
}

.nav__sub .nav__item--open-fake {
    background: #f2f2f2
}

.nav__sub .nav__item--open-fake > .nav__link {
    color: #990ae3
}

.nav__sub .nav__item--open-fake > .nav__link > .nav__arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nav__sub .nav__link {
    padding: 5px 10px 5px 50px
}

.nav__sub .nav__link:hover {
    background: #f2f2f2
}

@media (min-width: 800px) {
    .nav__sub .nav__link {
        text-align: left;
        padding: 10px 15px
    }
}

.nav__sub .nav__arrow {
    top: 9px
}

@media (min-width: 800px) {
    .nav__sub .nav__arrow {
        display: block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 14px;
        right: 15px
    }
}

.nav__sub .nav__sub .nav__link {
    padding-left: 70px
}

@media (min-width: 800px) {
    .nav__sub .nav__sub .nav__link {
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .nav__sub--right .nav__link {
        text-align: right
    }

    .nav__sub--right .nav__arrow {
        left: 15px;
        right: auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .nav__sub--right .nav__item--open-fake > .nav__link > .nav__arrow {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.nav__title {
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative
}

.nav__title:before {
    content: "";
    display: block;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    bottom: -11px;
    left: 15px;
    right: 15px;
    width: auto
}

@media (min-width: 800px) {
    .nav__title {
        margin-top: 20px;
        padding-left: 15px
    }
}

.nav__title:first-child {
    margin-top: 0
}

.page {
    padding-top: 86px
}

@media (min-width: 800px) {
    .page {
        padding-top: 120px
    }
}

@media (min-width: 800px) {
    .page.logged-in-employee {
        padding-top: 160px
    }
}

.header {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0
}

.header--scroll .header__top {
    margin-top: -36px
}

@media (min-width: 800px) {
    .header--scroll .header__top {
        margin-top: -40px
    }
}

.header--scroll .header__bottom {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.header__employee {
    position: relative;
    background: #d22db9;
    text-align: center;
    font-size: 12px;
    color: #fff;
    min-height: 40px;
    z-index: 17
}

.header__employee--menu {
    padding: 0;
    color: #000
}

.header__employee--select .sod_select.open {
    height: 1000px
}

.header__employee--text {
    line-height: 40px
}

.header__top {
    position: relative;
    z-index: 16;
    background: rgba(242, 242, 242, 0.96);
    font-size: 10px;
    height: 36px;
    transition: 300ms ease-in-out;
    transition-property: margin-top;
    margin-top: 0
}

@media (min-width: 800px) {
    .header__top {
        font-size: 12px;
        height: 40px
    }
}

.header__bottom {
    position: relative;
    z-index: 15;
    background: #fff;
    height: 50px
}

.header__bottom .menu__item:after {
    background: #f2f2f2
}

@media (min-width: 800px) {
    .header__bottom {
        height: 80px;
        z-index: 10
    }

    .header--scroll .header__bottom {
        height: 40px
    }
}

.header__backdrop {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e4e4e4;
    opacity: 0;
    transition: 300ms ease-in-out;
    transition-property: opacity;
    cursor: pointer
}

.header__backdrop--visible {
    opacity: .8
}

@media (min-width: 800px) {
    .header--scroll .header__backdrop {
        z-index: 9
    }
}

.header__backdrop--nav {
    z-index: 9
}

.header__dropdown {
    position: fixed;
    z-index: 15;
    bottom: 0;
    top: 86px;
    background: #fff;
    right: 0;
    width: 80%;
    border-top: 1px solid #e4e4e4;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: 300ms ease-in-out;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.header__employee ~ .header__dropdown {
    top: 86px
}

@media (min-width: 800px) {
    .header__employee ~ .header__dropdown {
        top: 80px
    }
}

.header--scroll .header__employee ~ .header__dropdown {
    top: 50px
}

@media (min-width: 800px) {
    .header--scroll .header__employee ~ .header__dropdown {
        top: 80px
    }
}

.header--scroll .header__dropdown {
    top: 50px
}

@media (min-width: 800px) {
    .header--scroll .header__dropdown {
        top: 40px;
        border-top: 1px solid #e4e4e4
    }
}

@media (min-width: 800px) {
    .header__dropdown {
        top: 40px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 16;
        background: transparent;
        min-height: 100px;
        max-width: 1200px;
        margin: 0 auto;
        border-top: 0;
        -webkit-transform: none;
        transform: none;
        display: none;
        transition-property: none;
        pointer-events: none
    }
}

.header__dropdown--visible {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (min-width: 800px) {
    .header__dropdown--visible {
        display: block
    }
}

.header__dropdown__section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 800px) {
    .header__dropdown__section {
        position: static;
        background: #fff;
        min-height: 80px;
        max-height: 100%;
        pointer-events: auto
    }
}

.header__dropdown__section--visible {
    display: block
}

.header__dropdown__section--padded {
    padding: 15px
}

.header__dropdown__section--padded .shopping-cart {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 800px) {
    .header__dropdown__section--padded {
        padding-top: 30px
    }
}

.header__dropdown__section--right {
    float: right
}

.header__dropdown__section--xs {
    width: 300px
}

.header__dropdown__close {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000;
    font-size: 16px
}

.header__dropdown__close:hover {
    color: #990ae3
}

@media (min-width: 800px) {
    .header__dropdown__close {
        display: block
    }
}

.header__logo {
    font-size: 16px
}

.header--scroll .nav .header__logo .logo__text {
    display: none
}

.ua-ie .header__logo .logo__pebble {
    width: 21px;
    height: 22px
}

.ua-ie .header__logo .logo__text {
    width: 37px
}

.ua-ie .header__logo .logo__text--personal {
    width: auto
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    letter-spacing: -.65em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

html.ua-ie-9 .menu:after, html.ua-webkit-534 .menu:after {
    content: "";
    display: table;
    clear: both
}

.menu__item {
    display: inline-block;
    position: relative;
    letter-spacing: 0;
    height: 100%
}

html.ua-ie-9 .menu__item, html.ua-webkit-534 .menu__item {
    float: left
}

.menu__item:after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background: #e4e4e4;
    position: absolute;
    top: 9px;
    left: 0
}

@media (min-width: 800px) {
    .menu__item:after {
        top: 10px;
        height: 20px
    }
}

.menu__item:first-child:after {
    display: none
}

.menu__item--current > .menu__link, .menu__item.dropdown--visible > .menu__link {
    color: #990ae3
}

@media (min-width: 800px) {
    .menu__item--current, .menu__item.dropdown--visible {
        background: #fff
    }

    .menu__item--current:after, .menu__item.dropdown--visible:after {
        background: #fff
    }

    .menu__item--current > .menu__link > .menu__icon--small, .menu__item.dropdown--visible > .menu__link > .menu__icon--small {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .menu__item--current + .menu__item:after, .menu__item.dropdown--visible + .menu__item:after {
        background: transparent
    }
}

.menu__item--current:before, .menu__item.dropdown--visible:before {
    content: "";
    border: 4px solid transparent;
    border-bottom-color: #e4e4e4;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4px
}

@media (min-width: 800px) {
    .menu__item--current:before, .menu__item.dropdown--visible:before {
        display: none
    }
}

.menu__item--expand {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.menu__item--expand:after {
    display: none
}

.menu__item--expand + .menu__item:after, .menu__item--expand + .menu-hidden--xs + .menu__item:after {
    display: none
}

html.ua-ie-9 .menu__item--expand + .menu__item, html.ua-webkit-534 .menu__item--expand + .menu__item {
    float: right
}

.menu__item--empty:after {
    display: none
}

.menu__item--empty + .menu__item:after {
    display: none
}

.menu__item--holder {
    padding-left: 10px;
    padding-right: 10px
}

.menu__item--language:after {
    background-color: transparent
}

.menu__item--language .dropdown__menu {
    padding-bottom: 0
}

.menu__item--language .dropdown__menu > li > .menu__link {
    text-align: left;
    padding: 7px 9px
}

.menu__item--language.dropdown--visible {
    background: #fff
}

.menu__item--language.dropdown--visible .menu__icon--small {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu__item--truncated {
    max-width: 170px;
    white-space: nowrap
}

.menu__item--truncated .menu__text {
    vertical-align: middle;
    max-width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 1024px) {
    .menu__item--truncated .menu__text {
        display: inline-block
    }
}

.menu__link {
    display: block;
    padding: 13px 7px 10px;
    color: #000
}

.menu__link:hover {
    color: #990ae3
}

@media (min-width: 800px) {
    .menu__link {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 40px;
        text-align: center
    }
}

.menu__link--current, .menu__link--highlight {
    color: #990ae3
}

.menu__icon {
    font-size: 17px;
    vertical-align: middle;
    margin-top: -2px
}

.menu__icon--small {
    font-size: 8px;
    vertical-align: middle;
    margin-top: -1px
}

.menu__badge {
    font-size: 10px
}

.menu__text {
    position: absolute;
    display: block;
    font-size: 7px;
    bottom: 6px;
    left: 4px;
    right: 4px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 800px) {
    .menu__text {
        position: static;
        font-size: 1em;
        display: inline-block;
        vertical-align: middle;
        margin-left: 3px
    }
}

.menu--small .menu__item.dropdown--visible, .menu--employee .menu__item.dropdown--visible {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.menu--small .menu__item.dropdown--visible:before, .menu--employee .menu__item.dropdown--visible:before {
    display: none
}

.menu--large .menu__link {
    padding: 12px 12px 16px
}

.menu--large .menu__icon {
    font-size: 22px
}

.menu--large .menu__text + .menu__icon {
    height: 20px;
    margin-bottom: 2px
}

.menu--large .menu__item:after {
    height: 26px;
    top: 12px
}

.menu--large .header__logo {
    padding: 12px 8px 15px
}

.menu-hidden--xs {
    display: none
}

@media (min-width: 800px) {
    .menu-hidden--xs {
        display: block
    }
}

@media (min-width: 800px) {
    .menu-hidden--sm {
        display: none
    }
}

.header--scroll .nav .menu-hidden--scroll {
    display: none
}

.menu--employee .menu__item:after, .menu--employee .menu__item + .menu__item:after {
    opacity: 0.35
}

.menu--employee .menu__item:hover:after, .menu--employee .menu__item:hover + .menu__item:after, .menu--employee .menu__item--current:after, .menu--employee .menu__item--current + .menu__item:after {
    display: none
}

.menu--employee .menu__item:hover > .menu__link, .menu--employee .menu__item--current > .menu__link {
    color: #d22db9;
    background-color: #fff
}

.menu--employee .menu__link {
    color: #fff
}

.menu--employee .menu__link:hover {
    color: #d22db9;
    background-color: #fff
}

.menu--employee .menu__link--current {
    color: #d22db9;
    background-color: #fff
}

@media only screen and (min-width: 600px) {
    .progress[data-break="sm"].progress--error .progress__steps {
        margin-bottom: 40px
    }

    .progress[data-break="sm"] .progress__steps {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .progress[data-break="sm"] .progress__item {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        display: inline-block;
        margin-top: 0
    }

    .progress[data-break="sm"] .progress__item:after {
        width: 100%;
        height: 4px;
        top: auto;
        bottom: 15px;
        right: 50%;
        left: auto
    }

    .progress[data-break="sm"] .progress__item:first-child {
        -webkit-flex-grow: 0.5;
        -ms-flex-positive: 0.5;
        flex-grow: 0.5
    }

    .progress[data-break="sm"] .progress__item:first-child .progress__header {
        text-align: left
    }

    .progress[data-break="sm"] .progress__item:first-child .progress__title {
        padding-left: 0
    }

    .progress[data-break="sm"] .progress__item:first-child .progress__counter {
        left: 0;
        margin-left: 0
    }

    .progress[data-break="sm"] .progress__item:first-child .progress__error {
        text-align: left
    }

    .progress[data-break="sm"] .progress__item:first-child .progress__info {
        text-align: left
    }

    .progress[data-break="sm"] .progress__item:last-child {
        -webkit-flex-grow: 0.5;
        -ms-flex-positive: 0.5;
        flex-grow: 0.5
    }

    .progress[data-break="sm"] .progress__item:last-child:after {
        right: 0;
        width: 200%
    }

    .progress[data-break="sm"] .progress__item:last-child .progress__header {
        text-align: right
    }

    .progress[data-break="sm"] .progress__item:last-child .progress__title {
        padding-right: 0
    }

    .progress[data-break="sm"] .progress__item:last-child .progress__counter {
        left: 100%;
        margin-left: -34px
    }

    .progress[data-break="sm"] .progress__item:last-child .progress__error {
        text-align: right
    }

    .progress[data-break="sm"] .progress__item:last-child .progress__info {
        text-align: right
    }

    .progress[data-break="sm"] .progress__item .progress__content {
        display: none !important
    }

    .progress[data-break="sm"] .progress__item--current + .progress__item:after {
        display: block
    }

    .progress[data-break="sm"] .progress__header {
        padding-left: 0;
        padding-bottom: 40px;
        text-align: center
    }

    .progress[data-break="sm"] .progress__counter {
        top: auto;
        bottom: 0;
        left: 50%;
        margin-left: -17px
    }

    .progress[data-break="sm"] .progress__title {
        padding-left: 10px;
        padding-right: 10px
    }

    .progress[data-break="sm"] .progress__error {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 10px
    }

    .progress[data-break="sm"] .progress__info {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 10px
    }

    .progress--enhanced .progress[data-break="sm"] .progress__container {
        display: block
    }

    .progress[data-break="sm"] .progress__content {
        margin-left: 0;
        border-top: 0;
        border-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .progress[data-break="md"].progress--error .progress__steps {
        margin-bottom: 40px
    }

    .progress[data-break="md"] .progress__steps {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .progress[data-break="md"] .progress__item {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        display: inline-block;
        margin-top: 0
    }

    .progress[data-break="md"] .progress__item:after {
        width: 100%;
        height: 4px;
        top: auto;
        bottom: 15px;
        right: 50%;
        left: auto
    }

    .progress[data-break="md"] .progress__item:first-child {
        -webkit-flex-grow: 0.5;
        -ms-flex-positive: 0.5;
        flex-grow: 0.5
    }

    .progress[data-break="md"] .progress__item:first-child .progress__header {
        text-align: left
    }

    .progress[data-break="md"] .progress__item:first-child .progress__title {
        padding-left: 0
    }

    .progress[data-break="md"] .progress__item:first-child .progress__counter {
        left: 0;
        margin-left: 0
    }

    .progress[data-break="md"] .progress__item:first-child .progress__error {
        text-align: left
    }

    .progress[data-break="md"] .progress__item:first-child .progress__info {
        text-align: left
    }

    .progress[data-break="md"] .progress__item:last-child {
        -webkit-flex-grow: 0.5;
        -ms-flex-positive: 0.5;
        flex-grow: 0.5
    }

    .progress[data-break="md"] .progress__item:last-child:after {
        right: 0;
        width: 200%
    }

    .progress[data-break="md"] .progress__item:last-child .progress__header {
        text-align: right
    }

    .progress[data-break="md"] .progress__item:last-child .progress__title {
        padding-right: 0
    }

    .progress[data-break="md"] .progress__item:last-child .progress__counter {
        left: 100%;
        margin-left: -34px
    }

    .progress[data-break="md"] .progress__item:last-child .progress__error {
        text-align: right
    }

    .progress[data-break="md"] .progress__item:last-child .progress__info {
        text-align: right
    }

    .progress[data-break="md"] .progress__item .progress__content {
        display: none !important
    }

    .progress[data-break="md"] .progress__item--current + .progress__item:after {
        display: block
    }

    .progress[data-break="md"] .progress__header {
        padding-left: 0;
        padding-bottom: 40px;
        text-align: center
    }

    .progress[data-break="md"] .progress__counter {
        top: auto;
        bottom: 0;
        left: 50%;
        margin-left: -17px
    }

    .progress[data-break="md"] .progress__title {
        padding-left: 10px;
        padding-right: 10px
    }

    .progress[data-break="md"] .progress__error {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 10px
    }

    .progress[data-break="md"] .progress__info {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 10px
    }

    .progress--enhanced .progress[data-break="md"] .progress__container {
        display: block
    }

    .progress[data-break="md"] .progress__content {
        margin-left: 0;
        border-top: 0;
        border-bottom: 0
    }
}

.progress__steps {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 1;
    counter-reset: progress-counter
}

.progress__steps--icon .progress__counter:before {
    display: none
}

.progress__steps--icon .progress__icon {
    display: initial
}

.progress__item {
    counter-increment: progress-counter;
    position: relative;
    margin-top: 40px
}

.progress__item:after {
    content: "";
    display: block;
    width: 4px;
    position: absolute;
    z-index: -1;
    top: -74px;
    left: 15px;
    bottom: 100%;
    background: #e4e4e4
}

.progress__item:first-child {
    margin-top: 0
}

.progress__item:first-child:after {
    display: none
}

.progress__item--current:after {
    background: #0c6
}

.progress__item--current .progress__counter {
    background: #0c6
}

.progress__item--current .progress__title {
    color: #000
}

.progress__item--current .progress__info {
    color: #000
}

.progress__item--current .progress__content {
    display: block
}

.progress--enhanced .progress__item--current + .progress__item {
    margin-top: 0
}

.progress--enhanced .progress__item--current + .progress__item:after {
    display: none
}

.progress__item--highlight:after {
    background: linear-gradient(45deg, #990ae3, #0c6)
}

@media (min-width: 600px) {
    .progress__item--highlight:after {
        background: linear-gradient(45deg, #0c6, #990ae3)
    }
}

.progress__item--highlight .progress__counter {
    background: #990ae3
}

.progress__item--done:after {
    background: #0c6
}

.progress__item--done .progress__counter {
    background: #0c6
}

.progress__item--done .progress__counter:before {
    display: none
}

.progress__item--done .progress__counter .progress__icon {
    display: inline
}

.progress__item--done .progress__title {
    color: #000
}

.progress__item--done .progress__info {
    color: #000
}

.progress__item--error .progress__counter {
    background: #ff3264
}

.progress__item--error .progress__counter:before {
    display: none
}

.progress__item--error .progress__counter .progress__icon {
    display: inline
}

.progress__item--error .progress__error {
    display: block
}

.progress__header {
    display: block;
    position: relative;
    padding-left: 50px
}

.progress__counter {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 34px;
    width: 34px;
    background: #e4e4e4;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    font-size: 22px;
    color: #fff
}

.progress__counter:before {
    content: counter(progress-counter)
}

.progress__title {
    display: inline-block;
    color: #9f9f9f;
    font-size: 20px;
    line-height: 1.1;
    padding: 6px 0
}

.progress__error {
    display: none;
    color: #ff3264;
    font-size: 12px;
    font-weight: 700
}

.progress__info {
    color: #9f9f9f
}

.progress__icon {
    display: none;
    font-size: 18px
}

.progress--enhanced .progress__container {
    display: none
}

.progress__content {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 2px solid #f6f6f6;
    border-bottom: 2px solid #f6f6f6;
    padding-top: 15px;
    padding-bottom: 15px
}

.progress__content--visible {
    display: block
}

.hero {
    position: relative;
    margin-top: -86px;
    padding-top: 86px
}

@media (min-width: 600px) {
    .hero {
        margin-top: -158px;
        padding-top: 158px
    }
}

@media (min-width: 800px) {
    .hero {
        margin-top: -192px;
        padding-top: 192px
    }
}

.hero__image-holder {
    position: relative;
    width: 100%
}

.hero__image {
    display: none;
    max-width: 100%;
    height: auto;
    margin-top: -86px
}

@media (min-width: 600px) {
    .hero__image {
        display: block;
        margin-top: -158px
    }
}

@media (min-width: 800px) {
    .hero__image {
        margin-top: -192px
    }
}

.hero__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.hero__content__expand {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.hero--overlay .hero__image {
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0
}

.hero--overlay .hero__image-holder {
    padding-bottom: 100px
}

@media (min-width: 600px) {
    .hero--overlay .hero__image-holder {
        padding-bottom: 0
    }
}

.hero--full {
    padding-bottom: 40px;
    background-size: cover;
    background-position: top center
}

.hero--dark {
    color: #fff
}

.hero--dark h1, .hero--dark .h1 {
    color: #fff
}

.channel-list {
    display: inline-block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.channel-list--medium .channel-list__item {
    padding: 8px;
    height: 50px;
    width: 50px
}

.channel-list--large .channel-list__item {
    margin: 8px;
    padding: 21px;
    height: 120px;
    width: 120px
}

.channel-list__item {
    display: inline-block;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    margin: 5px;
    padding: 6px;
    height: 40px;
    width: 40px
}

.channel-list__item:hover {
    background: #f2f2f2
}

.channel-list--inverse .channel-list__item {
    background: #f2f2f2;
    border-color: #f2f2f2
}

.channel-list--inverse .channel-list__item:hover {
    background: #fff
}

.sidemenu {
    overflow: hidden;
    height: 50px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    background: #f2f2f2;
    z-index: 2
}

@media (min-width: 600px) {
    .sidemenu {
        height: auto;
        border: 0;
        max-width: 200px;
        width: 100%
    }
}

.sidemenu--inverse {
    background: #fff;
    max-width: 100%
}

@media (min-width: 600px) {
    .sidemenu--inverse .sidemenu__link {
        font-size: 1em
    }
}

@media (min-width: 600px) {
    .sidemenu--inverse {
        padding: 12px 1em
    }
}

.sidemenu.affix, .sidemenu.affix-bottom {
    top: 50px;
    left: 10px;
    right: 10px
}

@media (min-width: 600px) {
    .sidemenu.affix, .sidemenu.affix-bottom {
        top: 40px;
        left: auto;
        right: auto
    }
}

.sidemenu__view {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 600px) {
    .sidemenu__view {
        white-space: normal
    }
}

.sidemenu__nav {
    padding: 0 0 20px
}

@media (min-width: 600px) {
    .sidemenu__nav {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-top: 13px
    }
}

.sidemenu__subnav {
    padding-left: 2em
}

.sidemenu__item {
    display: inline-block
}

@media (min-width: 600px) {
    .sidemenu__item {
        display: block
    }
}

.sidemenu__link {
    color: #000;
    font-weight: 600;
    margin: 0 8px;
    padding: 14px 0 13px;
    border-bottom: 3px solid transparent
}

.sidemenu__link:hover {
    color: #990ae3
}

.sidemenu__item--current > .sidemenu__link {
    color: #990ae3;
    border-color: #990ae3
}

@media (min-width: 600px) {
    .sidemenu__link {
        display: block;
        font-size: 1.143em;
        font-weight: normal;
        border: 0;
        margin: 0;
        padding: 0 0 13px
    }
}

.sidemenu__icon {
    display: none;
    font-size: 11px;
    float: right;
    margin-top: 5px
}

@media (min-width: 600px) {
    .sidemenu__item--current > .sidemenu__link .sidemenu__icon, .sidemenu__link:hover .sidemenu__icon {
        display: block
    }
}

.affix {
    position: fixed
}

.affix-bottom {
    position: absolute
}

.carousel {
    z-index: 1
}

.carousel.grid--equalheight.slick-slider .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel.grid--equalheight.slick-slider .slick-track > [class^="grid__col--"], .carousel.grid--equalheight.slick-slider .slick-track > [class*=" grid__col--"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel__content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    bottom: 140px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 1024px) {
    .carousel__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.slick-slider {
    position: relative;
    display: block;
    margin-bottom: 40px;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-left: 0;
    margin-right: 0
}

.slick-slide {
    position: relative;
    float: left;
    height: auto;
    min-height: 1px;
    display: none;
    overflow: hidden
}

.slick-slide:focus {
    outline: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.carousel--hero {
    overflow: hidden;
    z-index: 0
}

@media (min-width: 1024px) {
    .carousel--hero {
        margin-bottom: -140px
    }
}

@media (min-width: 1200px) {
    .carousel--hero {
        height: 600px
    }
}

.carousel--hero:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 58.6%
}

@media (min-width: 1024px) {
    .carousel--hero:before {
        padding-top: 50%
    }
}

@media (min-width: 1200px) {
    .carousel--hero:before {
        padding-top: 0
    }
}

.carousel--hero.slick-initialized {
    overflow: visible
}

.carousel--hero.slick-initialized:before {
    display: none
}

.no-js .carousel--hero, .ua-webkit-534 .carousel--hero {
    margin-bottom: 0
}

.main .carousel--hero {
    margin-top: -30px
}

.carousel--hero .carousel__item {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1px;
    display: none
}

.carousel--hero .carousel__item:first-child {
    display: block
}

.carousel--hero .carousel__item:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 58.6%
}

@media (min-width: 1024px) {
    .carousel--hero .carousel__item:before {
        padding-top: 50%
    }
}

@media (min-width: 1200px) {
    .carousel--hero .carousel__item:before {
        padding-top: 0
    }
}

.carousel--hero .carousel__item img {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 1200px) {
    .carousel--hero .carousel__item img {
        position: relative;
        width: auto;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.carousel--hero .slick-slide {
    display: block;
    position: relative;
    float: left;
    height: 100%
}

@media (min-width: 1200px) {
    .carousel--hero .slick-slide {
        height: 600px
    }
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px \9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25
}

.slick-prev:before, .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

@media (min-width: 1024px) {
    .ua-webkit-534 .slick-dots {
        bottom: 0
    }
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    bottom: -45px;
    left: 0
}

@media (min-width: 1024px) {
    .slick-dots {
        bottom: 135px
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 17px;
    width: 17px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    height: 4px;
    width: 4px;
    border: 0;
    border-radius: 99em;
    display: block;
    outline: none;
    color: transparent;
    padding: 4px;
    margin: 0 3.5px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1)
}

.slick-dots li button:hover {
    outline: none;
    background: #990ae3
}

.slick-dots li.slick-active button {
    background: #990ae3
}

.carousel__arrow {
    position: absolute;
    background-color: #fff;
    color: #000;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    border: 2px solid #fff;
    box-sizing: border-box;
    outline: none;
    transition: all .15s ease-in-out
}

.carousel__arrow:hover {
    color: #990ae3;
    background-color: #f2f2f2
}

.carousel__arrow.slick-disabled {
    opacity: 0.25;
    pointer-events: none
}

.carousel--inverse .carousel__arrow {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.carousel--inverse .carousel__arrow:hover {
    background-color: #fff
}

.carousel__arrow .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-size: 12px
}

.carousel__arrow--left {
    left: 0
}

.carousel__arrow--left .icon {
    left: calc(50% - 1px)
}

.carousel__arrow--right {
    right: 0
}

.carousel__arrow--right .icon {
    left: calc(50% + 1px)
}

.carousel--multiple {
    padding: 0 35px;
    margin-left: 0;
    margin-right: 0
}

.carousel--multiple .slick-slide {
    padding: 0 10px
}

@media (min-width: 600px) {
    .carousel--multiple .slick-slide {
        padding: 0 20px
    }
}

@media (min-width: 1024px) {
    .carousel--multiple .slick-slide {
        padding: 0 30px
    }
}

.carousel--multiple .slick-slide img {
    width: auto;
    max-width: 100%
}

.carousel--centered .slick-slide {
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0
}

.carousel--centered .slick-slide img {
    display: block;
    width: auto;
    max-width: 100%
}

.carousel--centered .slick-track {
    margin: 22% 0
}

.carousel--centered .slick-current {
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    z-index: 10;
    opacity: 1
}

.carousel--centered .slick-current + .slick-slide {
    -webkit-transform: scale(1.1) translateX(50%);
    transform: scale(1.1) translateX(50%);
    z-index: 9;
    opacity: 1
}

.carousel--centered .slick-current + .slick-slide + .slick-slide {
    z-index: 8;
    -webkit-transform: scale(1.05) translateX(30%);
    transform: scale(1.05) translateX(30%);
    opacity: 1
}

.carousel--centered .slick-current + .slick-slide + .slick-slide + .slick-slide {
    z-index: 7;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.carousel--centered__slide-left.slick-slide, .carousel--centered__slide-left-2.slick-slide, .carousel--centered__slide-left-3.slick-slide {
    opacity: 1
}

.carousel--centered__slide-left {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.carousel--centered__slide-left-2 {
    -webkit-transform: scale(1.05) translateX(-30%);
    transform: scale(1.05) translateX(-30%)
}

.carousel--centered__slide-left-3 {
    -webkit-transform: scale(1.1) translateX(-50%);
    transform: scale(1.1) translateX(-50%)
}

.carousel--centered .carousel__arrow--right {
    right: 5px
}

.carousel--centered .carousel__arrow--left {
    left: 5px
}

.carousel--fade > [class*="grid__col--"], .carousel--fade .slick-slide {
    width: 240px;
    -webkit-flex-basis: 240px;
    -ms-flex-preferred-size: 240px;
    flex-basis: 240px
}

@media (min-width: 600px) {
    .carousel--fade > [class*="grid__col--"], .carousel--fade .slick-slide {
        width: 270px;
        -webkit-flex-basis: 270px;
        -ms-flex-preferred-size: 270px;
        flex-basis: 270px
    }
}

.carousel--fade.slick-slider:before, .carousel--fade.slick-slider:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 20px
}

@media (min-width: 600px) {
    .carousel--fade.slick-slider:before, .carousel--fade.slick-slider:after {
        width: 80px
    }
}

@media (min-width: 1024px) {
    .carousel--fade.slick-slider:before, .carousel--fade.slick-slider:after {
        width: 120px
    }
}

.carousel--fade.slick-slider:before {
    left: 0;
    background: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 50%, rgba(242, 242, 242, 0) 100%)
}

.carousel--fade.slick-slider:after {
    right: 0;
    background: linear-gradient(to left, #f2f2f2 0%, #f2f2f2 50%, rgba(242, 242, 242, 0) 100%)
}

.carousel--fade.slick-slider.carousel--inverse:before {
    background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%)
}

.carousel--fade.slick-slider.carousel--inverse:after {
    background: linear-gradient(to left, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%)
}

.carousel--fade--small > [class*="grid__col--"], .carousel--fade--small .slick-slide {
    width: 120px;
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px
}

.carousel--default {
    padding: 0 35px
}

.carousel--default .slick-dots {
    bottom: -40px
}

@media (min-width: 1024px) {
    .carousel--circular {
        position: relative;
        overflow: hidden;
        height: 435px;
        margin: 0 auto;
        max-width: 1024px
    }
}

.carousel--circular .carousel__arrow {
    display: none
}

@media (min-width: 1024px) {
    .carousel--circular .carousel__arrow {
        display: block
    }
}

.carousel--circular__item {
    position: relative;
    text-align: center
}

@media (min-width: 1024px) {
    .carousel--circular__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        right: 0;
        transition: opacity .15s ease-in-out;
        opacity: 0
    }

    .carousel--circular__item--current {
        opacity: 1
    }

    .carousel--circular__item .carousel--circular__anchor {
        display: none
    }
}

.carousel--circular__item + .carousel--circular__item {
    margin-top: 40px
}

.carousel--circular__image {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .carousel--circular__image {
        margin-bottom: 0
    }
}

.carousel--circular__anchor {
    width: 50px;
    height: 50px;
    background: #990ae3;
    border-radius: 50%;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -25px;
    transition: all .3s ease-in-out;
    text-align: center
}

@media (min-width: 1024px) {
    .carousel--circular__anchor {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 40px;
        z-index: 9
    }
}

@media (min-width: 1024px) {
    .carousel--circular__content {
        max-width: 300px;
        margin: 0 auto
    }
}

.carousel--circular__nav {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 75px;
    text-align: center
}

@media (min-width: 1024px) {
    .carousel--circular__nav {
        display: block
    }
}

.carousel--circular__nav-item {
    display: inline-block;
    margin: 0 3px
}

.carousel--circular__nav-item--current .carousel--circular__nav-link {
    background: #990ae3;
    color: #fff
}

.carousel--circular__nav-item--current .carousel--circular__nav-link:hover {
    color: #fff
}

.carousel--circular__nav-link {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    padding: 9px 20px;
    border-radius: 20px
}

.carousel--circular__nav-link:hover {
    color: #990ae3
}

.carousel--circular__icon {
    vertical-align: middle;
    margin-top: -0.2em
}

.carousel--circular__circle {
    display: none;
    margin: 0 auto;
    border: 1px solid #e4e4e4;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    position: relative;
    width: 760px;
    height: 760px;
    border-radius: 50%
}

@media (min-width: 1024px) {
    .carousel--circular__circle {
        display: block
    }
}

.carousel--circular__circle .carousel--circular__anchor {
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    background: #fff;
    color: #000;
    cursor: pointer
}

.carousel--circular__circle .carousel--circular__anchor:hover {
    color: #990ae3
}

.carousel--circular__circle .carousel--circular__anchor--current {
    background: #990ae3;
    color: #fff
}

.carousel--circular__circle .carousel--circular__anchor--current:hover {
    color: #fff
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(1) {
    -webkit-transform: rotate(0deg) translateY(-380px) rotate(0deg);
    transform: rotate(0deg) translateY(-380px) rotate(0deg)
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(2) {
    -webkit-transform: rotate(25.71429deg) translateY(-380px) rotate(-25.71429deg);
    transform: rotate(25.71429deg) translateY(-380px) rotate(-25.71429deg)
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(3) {
    -webkit-transform: rotate(51.42857deg) translateY(-380px) rotate(-51.42857deg);
    transform: rotate(51.42857deg) translateY(-380px) rotate(-51.42857deg)
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(4) {
    -webkit-transform: rotate(77.14286deg) translateY(-380px) rotate(-77.14286deg);
    transform: rotate(77.14286deg) translateY(-380px) rotate(-77.14286deg)
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(5) {
    -webkit-transform: rotate(282.85714deg) translateY(-380px) rotate(-282.85714deg);
    transform: rotate(282.85714deg) translateY(-380px) rotate(-282.85714deg)
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(6) {
    -webkit-transform: rotate(308.57143deg) translateY(-380px) rotate(-308.57143deg);
    transform: rotate(308.57143deg) translateY(-380px) rotate(-308.57143deg)
}

.carousel--circular__circle .carousel--circular__anchor:nth-child(7) {
    -webkit-transform: rotate(334.28571deg) translateY(-380px) rotate(-334.28571deg);
    transform: rotate(334.28571deg) translateY(-380px) rotate(-334.28571deg)
}

.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1
}

.ct-chart-line .ct-label, .ct-chart-bar .ct-label {
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ct-label.ct-horizontal.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-vertical.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-label.ct-vertical.ct-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}

.ct-grid {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}

.ct-line {
    fill: none;
    stroke-width: 4px
}

.ct-area {
    stroke: none;
    fill-opacity: 0.1
}

.ct-bar {
    fill: none;
    stroke-width: 10px
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: #09f
}

.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
    fill: #09f
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
    stroke: #0c6
}

.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
    fill: #0c6
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
    stroke: #990ae3
}

.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
    fill: #990ae3
}

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
    stroke: #e12364
}

.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
    fill: #e12364
}

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
    stroke: #ff9b00
}

.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
    fill: #ff9b00
}

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
    stroke: #d22db9
}

.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
    fill: #d22db9
}

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
    stroke: #6b0392
}

.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
    fill: #6b0392
}

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
    stroke: #453d3f
}

.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
    fill: #453d3f
}

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
    fill: #f05b4f
}

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
    stroke: #dda458
}

.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
    fill: #dda458
}

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}

.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
    fill: #eacf7d
}

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
    stroke: #86797d
}

.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
    fill: #86797d
}

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
    stroke: #b2c326
}

.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
    fill: #b2c326
}

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
    fill: #6188e2
}

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
    stroke: #a748ca
}

.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
    fill: #a748ca
}

.ct-square {
    display: block;
    position: relative;
    width: 100%
}

.ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
}

.ct-square:after {
    content: "";
    display: table;
    clear: both
}

.ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}

.ct-minor-second:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.88889%
}

.ct-major-second:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.33333%
}

.ct-minor-third:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
}

.ct-major-third:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
}

.ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both
}

.ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.66667%
}

.ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both
}

.ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}

.ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}

.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%
}

.ct-golden-section:after {
    content: "";
    display: table;
    clear: both
}

.ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
}

.ct-major-sixth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}

.ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.33333%
}

.ct-major-seventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
}

.ct-octave:after {
    content: "";
    display: table;
    clear: both
}

.ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
}

.ct-major-tenth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}

.ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.33333%
}

.ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
}

.ct-double-octave:after {
    content: "";
    display: table;
    clear: both
}

.ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.chart {
    position: relative
}

.chart--visible .table-container, .chart--visible table {
    display: none
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #09f
}

.ct-series-a .ct-bar-path {
    border-radius: 25%;
    fill: #09f;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--a:before {
    background-color: #09f
}

.chart__exceeded--a:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #09f 2px, #09f 4px);
    border: 1px solid #09f
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #0c6
}

.ct-series-b .ct-bar-path {
    border-radius: 25%;
    fill: #0c6;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--b:before {
    background-color: #0c6
}

.chart__exceeded--b:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #0c6 2px, #0c6 4px);
    border: 1px solid #0c6
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
    stroke: #990ae3
}

.ct-series-c .ct-bar-path {
    border-radius: 25%;
    fill: #990ae3;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--c:before {
    background-color: #990ae3
}

.chart__exceeded--c:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #990ae3 2px, #990ae3 4px);
    border: 1px solid #990ae3
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
    stroke: #e12364
}

.ct-series-d .ct-bar-path {
    border-radius: 25%;
    fill: #e12364;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--d:before {
    background-color: #e12364
}

.chart__exceeded--d:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #e12364 2px, #e12364 4px);
    border: 1px solid #e12364
}

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
    stroke: #ff9b00
}

.ct-series-e .ct-bar-path {
    border-radius: 25%;
    fill: #ff9b00;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--e:before {
    background-color: #ff9b00
}

.chart__exceeded--e:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #ff9b00 2px, #ff9b00 4px);
    border: 1px solid #ff9b00
}

.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
    stroke: #d22db9
}

.ct-series-f .ct-bar-path {
    border-radius: 25%;
    fill: #d22db9;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--f:before {
    background-color: #d22db9
}

.chart__exceeded--f:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #d22db9 2px, #d22db9 4px);
    border: 1px solid #d22db9
}

.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
    stroke: #6b0392
}

.ct-series-g .ct-bar-path {
    border-radius: 25%;
    fill: #6b0392;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--g:before {
    background-color: #6b0392
}

.chart__exceeded--g:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #6b0392 2px, #6b0392 4px);
    border: 1px solid #6b0392
}

.ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut {
    stroke: #453d3f
}

.ct-series-h .ct-bar-path {
    border-radius: 25%;
    fill: #453d3f;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--h:before {
    background-color: #453d3f
}

.chart__exceeded--h:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #453d3f 2px, #453d3f 4px);
    border: 1px solid #453d3f
}

.ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-i .ct-bar-path {
    border-radius: 25%;
    fill: #f05b4f;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--i:before {
    background-color: #f05b4f
}

.chart__exceeded--i:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #f05b4f 2px, #f05b4f 4px);
    border: 1px solid #f05b4f
}

.ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut {
    stroke: #dda458
}

.ct-series-j .ct-bar-path {
    border-radius: 25%;
    fill: #dda458;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--j:before {
    background-color: #dda458
}

.chart__exceeded--j:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #dda458 2px, #dda458 4px);
    border: 1px solid #dda458
}

.ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}

.ct-series-k .ct-bar-path {
    border-radius: 25%;
    fill: #eacf7d;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--k:before {
    background-color: #eacf7d
}

.chart__exceeded--k:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #eacf7d 2px, #eacf7d 4px);
    border: 1px solid #eacf7d
}

.ct-series-l .ct-bar, .ct-series-l .ct-line, .ct-series-l .ct-point, .ct-series-l .ct-slice-donut {
    stroke: #86797d
}

.ct-series-l .ct-bar-path {
    border-radius: 25%;
    fill: #86797d;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--l:before {
    background-color: #86797d
}

.chart__exceeded--l:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #86797d 2px, #86797d 4px);
    border: 1px solid #86797d
}

.ct-series-m .ct-bar, .ct-series-m .ct-line, .ct-series-m .ct-point, .ct-series-m .ct-slice-donut {
    stroke: #b2c326
}

.ct-series-m .ct-bar-path {
    border-radius: 25%;
    fill: #b2c326;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--m:before {
    background-color: #b2c326
}

.chart__exceeded--m:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #b2c326 2px, #b2c326 4px);
    border: 1px solid #b2c326
}

.ct-series-n .ct-bar, .ct-series-n .ct-line, .ct-series-n .ct-point, .ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-bar-path {
    border-radius: 25%;
    fill: #6188e2;
    stroke-width: 0;
    -webkit-clip-path: border-box;
    clip-path: border-box
}

.chart__tooltip-row--n:before {
    background-color: #6188e2
}

.chart__exceeded--n:before {
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #6188e2 2px, #6188e2 4px);
    border: 1px solid #6188e2
}

.chart--donut .ct-series:nth-child(odd) .ct-slice-donut {
    stroke-width: 30px !important
}

.chart--donut .ct-series:nth-child(even) .ct-slice-donut {
    stroke-width: 40px !important
}

.chart--donut .chart__content {
    width: 150px;
    height: 150px
}

@media only screen and (min-width: 600px) {
    .chart--donut .chart__content {
        width: 185px;
        height: 185px
    }
}

.chart--small .ct-series:nth-child(odd) .ct-slice-donut {
    stroke-width: 18px !important
}

.chart--small .ct-series:nth-child(even) .ct-slice-donut {
    stroke-width: 34px !important
}

.chart--small .chart__content {
    width: 130px;
    height: 130px
}

.chart__unused .ct-slice-donut {
    stroke: #e4e4e4
}

.chart__legend {
    position: absolute;
    top: 50%;
    left: 170px;
    font-size: 0.8571em;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

.chart--small .chart__legend {
    left: 145px
}

.chart__legend li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 23px;
    list-style: none
}

.ct-series-0 .chart__legend-item:before {
    border-color: #09f;
    background-color: #09f
}

.ct-series-1 .chart__legend-item:before {
    border-color: #0c6;
    background-color: #0c6
}

.ct-series-2 .chart__legend-item:before {
    border-color: #990ae3;
    background-color: #990ae3
}

.ct-series-3 .chart__legend-item:before {
    border-color: #e12364;
    background-color: #e12364
}

.ct-series-4 .chart__legend-item:before {
    border-color: #ff9b00;
    background-color: #ff9b00
}

.ct-series-5 .chart__legend-item:before {
    border-color: #d22db9;
    background-color: #d22db9
}

.ct-series-6 .chart__legend-item:before {
    border-color: #6b0392;
    background-color: #6b0392
}

.ct-series-7 .chart__legend-item:before {
    border-color: #453d3f;
    background-color: #453d3f
}

.ct-series-8 .chart__legend-item:before {
    border-color: #f05b4f;
    background-color: #f05b4f
}

.ct-series-9 .chart__legend-item:before {
    border-color: #dda458;
    background-color: #dda458
}

.ct-series-10 .chart__legend-item:before {
    border-color: #eacf7d;
    background-color: #eacf7d
}

.ct-series-11 .chart__legend-item:before {
    border-color: #86797d;
    background-color: #86797d
}

.ct-series-12 .chart__legend-item:before {
    border-color: #b2c326;
    background-color: #b2c326
}

.ct-series-13 .chart__legend-item:before {
    border-color: #6188e2;
    background-color: #6188e2
}

.ct-series-14 .chart__legend-item:before {
    border-color: #a748ca;
    background-color: #a748ca
}

.chart__legend-item {
    font-weight: 600
}

.chart__legend-item:before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    content: "";
    border: 3px solid transparent;
    border-radius: 12px
}

.chart__legend-item.chart__unused:before {
    border-color: #e4e4e4;
    background-color: #e4e4e4
}

@media only screen and (min-width: 600px) {
    .chart__legend {
        left: 225px;
        font-size: 14px
    }
}

.chart__label {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    fill: #000
}

.chart--bar .chart__content {
    height: 220px
}

.chart__tooltip-row {
    position: relative;
    margin: 0 0 5px;
    padding-left: 13px;
    font-size: 0.8571em
}

.chart__tooltip-row:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 12px
}

.chart__tooltip-row.chart__unused:before {
    background-color: #e4e4e4
}

.chart__tooltip-row:last-child {
    margin: 0
}

.chart__tooltip-data {
    margin: 0;
    padding: 0;
    font-weight: 600
}

.ct-bar.ct-threshold-above {
    fill: #fff
}

.ct-bar.chart__unused {
    fill: #e4e4e4
}

.ct-grid {
    stroke: #e4e4e4;
    stroke-width: 1px;
    stroke-dasharray: 0
}

.ct-grid.ct-horizontal {
    stroke-width: 0
}

.ct-label {
    color: #000;
    font-size: 0.8571em
}

.ct-label.ct-vertical {
    font-weight: 600;
    white-space: nowrap
}

.ct-label.ct-horizontal {
    padding-top: 10px
}

[data-toggle="popover"] {
    cursor: pointer
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 320px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.popover--blue {
    border: 3px solid #00cdff;
    box-shadow: none
}

.popover--blue .popover__arrow {
    background: #00cdff
}

.popover--full {
    width: 90%
}

.popover--fade {
    opacity: 0;
    transition: opacity .15s linear
}

.popover--visible {
    opacity: 1
}

.popover--reset-transition {
    transition: none
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover__title {
    margin: 0;
    padding: 14px 14px 0
}

[class*="tour-"] .popover__title {
    padding: 14px 64px 0 14px
}

.popover__content {
    padding: 1em
}

.popover__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    font-size: 16px
}

.popover__close:hover {
    color: #990ae3
}

.popover__arrow {
    position: absolute;
    background: #fff;
    width: 10px;
    height: 10px;
    z-index: -1
}

.popover__arrow-triangle {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px
}

.popover.top > .popover__arrow {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    top: calc(100% - 5px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.popover.right > .popover__arrow {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    margin-top: -5px;
    right: calc(100% - 5px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.popover.bottom > .popover__arrow {
    bottom: calc(100% - 5px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.popover.left > .popover__arrow {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    margin-top: -5px;
    left: calc(100% - 5px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popover.top > .popover__arrow-triangle {
    left: 50%;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #00cdff;
    bottom: -10px
}

.popover.right > .popover__arrow-triangle {
    top: 50%;
    left: -10px;
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: #00cdff
}

.popover.bottom > .popover__arrow-triangle {
    left: 50%;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #00cdff;
    top: -10px
}

.popover.left > .popover__arrow-triangle {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: #00cdff
}

.popover__navigation {
    padding: 1em
}

.popover[class*="tour-"] {
    z-index: 1100
}

.popover[class*="tour-"].orphan {
    position: fixed;
    margin-top: 0
}

.popover[class*="tour-"].orphan .popover__arrow-triangle {
    display: none
}

.overlay {
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #e4e4e4;
    opacity: .8
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.load {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(228, 228, 228, 0.8)
}

.load__spinner {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #fff;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    -webkit-animation: spinner 1.4s infinite linear;
    animation: spinner 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.load__spinner:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    border: 5px solid #0c6;
    border-radius: 50%
}

.load__spinner:after {
    content: "";
    width: 40px;
    height: 20px;
    background: linear-gradient(to right, #fff 0%, #fff 40%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 10px;
    left: 10px
}

.background {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 600px) {
    .background {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.background--right {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 600px) {
    .background--right {
        padding-left: 50px;
        padding-right: 50px
    }
}

.background--right .background__content {
    text-align: right
}

.background--left {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 600px) {
    .background--left {
        padding-left: 50px;
        padding-right: 50px
    }
}

.background--left .background__content {
    text-align: left
}

.background__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.background__image {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto
}

.sorting-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 99em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.sorting-menu__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

.sorting-menu__nav--expand {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    border: none
}

.sorting-menu__nav--right {
    display: none;
    padding-right: 20px
}

@media (min-width: 600px) {
    .sorting-menu__nav--right {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.sorting-menu__nav--right .sorting-menu__item:last-child {
    border: none
}

.sorting-menu__item {
    position: relative;
    border-right: 1px solid #f2f2f2
}

.sorting-menu__item--current > .sorting-menu__link {
    color: #990ae3
}

.sorting-menu__item:last-child {
    border: none
}

@media (min-width: 600px) {
    .sorting-menu__item:last-child {
        border-right: 1px solid #f2f2f2
    }
}

.sorting-menu__item:hover .sorting-menu__image {
    opacity: .2
}

.sorting-menu__item:hover .sorting-menu__link--remove {
    display: block
}

.sorting-menu__icon {
    vertical-align: middle
}

.sorting-menu__icon--add {
    margin: 14px 13px;
    color: #e4e4e4
}

.sorting-menu__link {
    display: block;
    padding: 11px 14px;
    color: #000
}

.sorting-menu__link:hover {
    color: #990ae3
}

.sorting-menu__link--remove {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.sorting-menu__link--remove + .sorting-menu__icon--add {
    display: none
}

.sorting-menu__image {
    height: 26px;
    width: 26px;
    margin: 8px;
    vertical-align: middle
}

.spinner-list {
    overflow: hidden
}

.spinner-list__spinner {
    display: none
}

.spinner-list__item {
    display: block;
    position: absolute;
    width: 210px;
    height: 210px;
    transition: all .5s ease-in-out
}

.spinner-list__item:first-child {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.spinner-list__item:first-child .pebble__content {
    -webkit-transform: rotateZ(-135deg);
    transform: rotateZ(-135deg)
}

.spinner-list__item:nth-child(2) {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.spinner-list__item:nth-child(2) .pebble__content {
    -webkit-transform: rotateZ(-110deg);
    transform: rotateZ(-110deg)
}

.spinner-list__item:nth-child(3) {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.spinner-list__item:nth-child(3) .pebble__content {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.spinner-list__item:nth-child(4) {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.spinner-list__item:nth-child(4) .pebble__content {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.spinner-list__item .pebble {
    width: 100%
}

.spinner-list__list {
    counter-reset: step-counter;
    font-size: 16px;
    padding: 0;
    margin: 0;
    list-style: none
}

.spinner-list__row {
    margin-bottom: 10px
}

.spinner-list__step {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    cursor: default;
    transition: color .5s ease-in-out;
    color: #000
}

.spinner-list__step:before {
    position: absolute;
    top: -6px;
    left: 0;
    content: counter(step-counter);
    counter-increment: step-counter;
    font-family: "Pebble", sans-serif;
    font-size: 24px;
    font-weight: 600
}

.spinner-list__step:hover {
    color: #000
}

@media only screen and (min-width: 600px) {
    .spinner-list {
        min-height: 305px
    }

    .spinner-list__spinner {
        display: block;
        position: absolute;
        overflow: hidden;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: left 0;
        transform-origin: left 0
    }

    .spinner-list__circle {
        width: 470px;
        height: 470px;
        transition: all .5s ease-in-out;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        opacity: 0;
        padding: 0;
        margin: 0;
        list-style: none;
        margin-top: -50px
    }

    .spinner-list__circle--disable-transition {
        transition: none
    }

    .spinner-list__circle--disable-transition .spinner-list__item {
        transition: none
    }

    .spinner-list__circle--pos1-start {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        opacity: 1
    }

    .spinner-list__circle--pos1-start .spinner-list__item:first-child {
        -webkit-transform: translateY(-50%) rotateZ(135deg) scale(1);
        transform: translateY(-50%) rotateZ(135deg) scale(1)
    }

    .spinner-list__circle--pos1-start .spinner-list__item:nth-child(2) {
        -webkit-transform: translateX(-50%) rotateZ(110deg) scale(0.5);
        transform: translateX(-50%) rotateZ(110deg) scale(0.5)
    }

    .spinner-list__circle--pos1-start .spinner-list__item:nth-child(3) {
        right: 40px;
        -webkit-transform: translateY(-50%) rotateZ(-45deg) scale(0.75);
        transform: translateY(-50%) rotateZ(-45deg) scale(0.75)
    }

    .spinner-list__circle--pos1-start .spinner-list__item:nth-child(4) {
        -webkit-transform: translateX(-50%) rotateZ(45deg) scale(0.35);
        transform: translateX(-50%) rotateZ(45deg) scale(0.35)
    }

    .spinner-list__circle--pos1 {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
        opacity: 1
    }

    .spinner-list__circle--pos1 .spinner-list__item:first-child {
        -webkit-transform: translateY(-50%) rotateZ(-225deg) scale(1);
        transform: translateY(-50%) rotateZ(-225deg) scale(1)
    }

    .spinner-list__circle--pos1 .spinner-list__item:nth-child(2) {
        -webkit-transform: translateX(-50%) rotateZ(-250deg) scale(0.5);
        transform: translateX(-50%) rotateZ(-250deg) scale(0.5)
    }

    .spinner-list__circle--pos1 .spinner-list__item:nth-child(3) {
        right: 40px;
        -webkit-transform: translateY(-50%) rotateZ(-405deg) scale(0.75);
        transform: translateY(-50%) rotateZ(-405deg) scale(0.75)
    }

    .spinner-list__circle--pos1 .spinner-list__item:nth-child(4) {
        -webkit-transform: translateX(-50%) rotateZ(-315deg) scale(0.35);
        transform: translateX(-50%) rotateZ(-315deg) scale(0.35)
    }

    .spinner-list__circle--pos2 {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        opacity: 1
    }

    .spinner-list__circle--pos2 .spinner-list__item:first-child {
        -webkit-transform: translateY(-50%) rotateZ(45deg) scale(0.35);
        transform: translateY(-50%) rotateZ(45deg) scale(0.35)
    }

    .spinner-list__circle--pos2 .spinner-list__item:nth-child(2) {
        bottom: 6px;
        -webkit-transform: translateX(-50%) rotateZ(20deg) scale(1);
        transform: translateX(-50%) rotateZ(20deg) scale(1)
    }

    .spinner-list__circle--pos2 .spinner-list__item:nth-child(3) {
        -webkit-transform: translateY(-50%) rotateZ(-135deg) scale(0.5);
        transform: translateY(-50%) rotateZ(-135deg) scale(0.5)
    }

    .spinner-list__circle--pos2 .spinner-list__item:nth-child(4) {
        top: 30px;
        -webkit-transform: translateX(-50%) rotateZ(-45deg) scale(0.75);
        transform: translateX(-50%) rotateZ(-45deg) scale(0.75)
    }

    .spinner-list__circle--pos3 {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        opacity: 1
    }

    .spinner-list__circle--pos3 .spinner-list__item:first-child {
        left: 40px;
        -webkit-transform: translateY(-50%) rotateZ(-45deg) scale(0.75);
        transform: translateY(-50%) rotateZ(-45deg) scale(0.75)
    }

    .spinner-list__circle--pos3 .spinner-list__item:nth-child(2) {
        -webkit-transform: translateX(-50%) rotateZ(-70deg) scale(0.35);
        transform: translateX(-50%) rotateZ(-70deg) scale(0.35)
    }

    .spinner-list__circle--pos3 .spinner-list__item:nth-child(3) {
        -webkit-transform: translateY(-50%) rotateZ(-225deg) scale(1);
        transform: translateY(-50%) rotateZ(-225deg) scale(1)
    }

    .spinner-list__circle--pos3 .spinner-list__item:nth-child(4) {
        -webkit-transform: translateX(-50%) rotateZ(-135deg) scale(0.5);
        transform: translateX(-50%) rotateZ(-135deg) scale(0.5)
    }

    .spinner-list__circle--pos4 {
        -webkit-transform: rotateZ(270deg);
        transform: rotateZ(270deg);
        opacity: 1
    }

    .spinner-list__circle--pos4 .spinner-list__item:first-child {
        -webkit-transform: translateY(-50%) rotateZ(-135deg) scale(0.5);
        transform: translateY(-50%) rotateZ(-135deg) scale(0.5)
    }

    .spinner-list__circle--pos4 .spinner-list__item:nth-child(2) {
        -webkit-transform: translateX(-50%) rotateZ(-160deg) scale(0.75);
        transform: translateX(-50%) rotateZ(-160deg) scale(0.75)
    }

    .spinner-list__circle--pos4 .spinner-list__item:nth-child(3) {
        -webkit-transform: translateY(-50%) rotateZ(-315deg) scale(0.35);
        transform: translateY(-50%) rotateZ(-315deg) scale(0.35)
    }

    .spinner-list__circle--pos4 .spinner-list__item:nth-child(4) {
        top: 10px;
        left: 55%;
        -webkit-transform: translateX(-50%) rotateZ(-225deg) scale(1);
        transform: translateX(-50%) rotateZ(-225deg) scale(1)
    }

    .spinner-list__list {
        position: relative;
        margin-top: 50px;
        padding-left: 330px
    }

    .spinner-list__step {
        cursor: pointer;
        color: #9f9f9f
    }

    .spinner-list__step:hover {
        color: #9f9f9f
    }

    .spinner-list__step--active {
        color: #000
    }

    .spinner-list__step--active:hover {
        color: #000
    }

    .spinner-list__row {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .spinner-list {
        min-height: 410px;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .spinner-list__spinner {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .spinner-list__list {
        margin-top: 80px;
        padding-left: 470px;
        font-size: 20px
    }

    .spinner-list__step {
        padding-left: 32px
    }

    .spinner-list__step:before {
        top: -12px;
        font-size: 34px
    }
}

.pagination {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px
}

.pagination__item {
    display: inline-block;
    padding: 3px
}

.pagination__item--current .pagination__link {
    background: #990ae3;
    color: #fff
}

.pagination__item--current .pagination__link:hover {
    color: #fff
}

.pagination__link {
    display: block;
    background: #fff;
    height: 25px;
    min-width: 25px;
    border-radius: 30px;
    color: #000;
    text-align: center;
    font-size: 12px;
    padding: 5px
}

.pagination__link:hover {
    color: #990ae3
}

.wide-background {
    background-color: #e4e4e4
}

.wide-background--white {
    background-color: #fff
}

.wide-background__content {
    padding: 30px 0
}

@media (min-width: 600px) {
    .wide-background__content {
        padding: 60px 0
    }
}

.color-scheme {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none
}

.color-scheme__item {
    display: inline-block;
    padding-right: 9px
}

.color-scheme__item:last-child {
    padding-right: 0
}

.color-scheme__image {
    height: 16px;
    width: 16px;
    border-radius: 99em
}

.color-scheme__image--border {
    height: 18px;
    width: 18px;
    border: 1px solid #9f9f9f
}

body.scroll-disabled {
    overflow-y: scroll;
    position: fixed;
    width: 100%
}

.page {
    overflow: hidden
}

.container {
    width: 100%;
    max-width: 1200px;
    padding-left: 18px;
    padding-right: 18px;
    margin: 0 auto
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.pull-left {
    float: left !important
}

@media (max-width: 599px) {
    .pull-left-xs {
        float: left
    }
}

.pull-right {
    float: right !important
}

@media (max-width: 599px) {
    .pull-right-xs {
        float: right
    }
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.display-block {
    display: block
}

.center-block {
    margin-left: auto;
    margin-right: auto
}

.img-responsive {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    height: auto;
    max-width: 100%;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
}

.img-circle {
    border-radius: 100%
}

.hidden {
    display: none !important
}

.hidden--xs {
    display: none
}

.footer__telia {
    color: #FFFFFFDE; 
    padding-right: 8px;
}

@media only screen and (max-width: 768px) {
    .grid--reverse-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}


@media only screen and (min-width: 600px) {
    .hidden--xs {
        display: block
    }
}

@media only screen and (min-width: 600px) {
    .hidden--sm {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .hidden--sm {
        display: block
    }
}

@media only screen and (min-width: 1024px) {
    .hidden--md {
        display: none
    }
}

@media only screen and (min-width: 1200px) {
    .hidden--md {
        display: block
    }
}

@media only screen and (min-width: 1200px) {
    .hidden--lg {
        display: none
    }
}

.visible {
    display: block !important
}

.grid__border-left {
    border-left: 1px solid #0000001F;
    height: 204px;
}

@media only screen and (max-width: 1199px) {
    .grid__border-left {
        border: none;
    }
}

.divider {
    color: #FFFFFF99;
    border-left: 1px solid #FFFFFF3D;
    padding-left: 8px; 
    margin-left: -1px;
}

@media only screen and (max-width: 1199px) {
    .divider {
        border: none;
    }
}

@media only screen and (max-width: 1023px) {
    .img-responsive {
        display: inline-block;
        align-content: flex-start;
    }
}

.header__image {
    margin-top: 80px;
    margin-bottom: 75px;
}

@media only screen and (max-width: 1023px) {
    .header__image {
        margin-bottom: 40px;
        margin-top: 24px
    }
}