@charset "UTF-8";
/*! 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, p, h1, h2, h3, h4, h5, h6 {
  margin: 0; }

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

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 {
  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; }

@font-face {
  font-family: "Neue Helvetica W01_n3";
  src: url("../fonts/neue-helvetica/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W01";
  src: url("../fonts/neue-helvetica/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("../fonts/neue-helvetica/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("../fonts/neue-helvetica/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/neue-helvetica/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/neue-helvetica/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W01_n4";
  src: url("../fonts/neue-helvetica/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W01";
  src: url("../fonts/neue-helvetica/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("../fonts/neue-helvetica/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("../fonts/neue-helvetica/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../fonts/neue-helvetica/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../fonts/neue-helvetica/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W01_n7";
  src: url("../fonts/neue-helvetica/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W01";
  src: url("../fonts/neue-helvetica/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
  src: url("../fonts/neue-helvetica/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"), url("../fonts/neue-helvetica/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("../fonts/neue-helvetica/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("../fonts/neue-helvetica/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W06_n2";
  src: url("../fonts/neue-helvetica/2b5cafe0-7a75-4a94-8c93-83a1045ab561.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W06";
  src: url("../fonts/neue-helvetica/2b5cafe0-7a75-4a94-8c93-83a1045ab561.eot?#iefix");
  src: url("../fonts/neue-helvetica/2b5cafe0-7a75-4a94-8c93-83a1045ab561.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/bc5fe9d1-7895-4d39-ba4c-e4b8e3150fd1.woff2") format("woff2"), url("../fonts/neue-helvetica/0ee5a0a2-d066-4165-9d6a-bc5ef03378d4.woff") format("woff"), url("../fonts/neue-helvetica/61d037d3-89f4-41ba-bdbf-236fb71985fe.ttf") format("truetype"), url("../fonts/neue-helvetica/986d248f-a13b-4ab2-b00a-1cba92708a5e.svg#986d248f-a13b-4ab2-b00a-1cba92708a5e") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W06_n7";
  src: url("../fonts/neue-helvetica/57deecaf-8d98-4879-a2c3-fd4e39763792.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W06";
  src: url("../fonts/neue-helvetica/57deecaf-8d98-4879-a2c3-fd4e39763792.eot?#iefix");
  src: url("../fonts/neue-helvetica/57deecaf-8d98-4879-a2c3-fd4e39763792.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/7270e68e-3d10-4405-b6ab-2014a42cfca9.woff2") format("woff2"), url("../fonts/neue-helvetica/cb4a0bc9-8ebf-49d0-8141-f678590cdd7a.woff") format("woff"), url("../fonts/neue-helvetica/dc5e824b-32f0-4eaf-96da-edc62194996b.ttf") format("truetype"), url("../fonts/neue-helvetica/b171a7aa-9403-4e4c-aef3-f4ad65c836ba.svg#b171a7aa-9403-4e4c-aef3-f4ad65c836ba") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W10_n3";
  src: url("../fonts/neue-helvetica/5b85c7cc-6ad4-4226-83f5-9d19e2974123.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W10";
  src: url("../fonts/neue-helvetica/5b85c7cc-6ad4-4226-83f5-9d19e2974123.eot?#iefix");
  src: url("../fonts/neue-helvetica/5b85c7cc-6ad4-4226-83f5-9d19e2974123.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/bb85cc70-1239-4a3c-b9c7-4da74afaf032.woff2") format("woff2"), url("../fonts/neue-helvetica/835e7b4f-b524-4374-b57b-9a8fc555fd4e.woff") format("woff"), url("../fonts/neue-helvetica/2c694ef6-9615-473e-8cf4-d8d00c6bd973.ttf") format("truetype"), url("../fonts/neue-helvetica/3fc84193-a13f-4fe8-87f7-238748a4ac54.svg#3fc84193-a13f-4fe8-87f7-238748a4ac54") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W10_n4";
  src: url("../fonts/neue-helvetica/f1feaed7-6bce-400a-a07e-a893ae43a680.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W10";
  src: url("../fonts/neue-helvetica/f1feaed7-6bce-400a-a07e-a893ae43a680.eot?#iefix");
  src: url("../fonts/neue-helvetica/f1feaed7-6bce-400a-a07e-a893ae43a680.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/cf45dd62-4ace-47a2-abee-6fe9e95a1daa.woff2") format("woff2"), url("../fonts/neue-helvetica/8ac9e38d-29c6-41ea-8e47-4ae4d2b1a4e1.woff") format("woff"), url("../fonts/neue-helvetica/4bd09087-655e-4abb-844c-dccdeb68003d.ttf") format("truetype"), url("../fonts/neue-helvetica/df234d87-eada-4058-aa80-5871e7fbe1c3.svg#df234d87-eada-4058-aa80-5871e7fbe1c3") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Neue Helvetica W10_n7";
  src: url("../fonts/neue-helvetica/41fb73ed-90c8-456d-838e-254f4dfda106.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Neue Helvetica W10";
  src: url("../fonts/neue-helvetica/41fb73ed-90c8-456d-838e-254f4dfda106.eot?#iefix");
  src: url("../fonts/neue-helvetica/41fb73ed-90c8-456d-838e-254f4dfda106.eot?#iefix") format("eot"), url("../fonts/neue-helvetica/51f47b5d-143f-4d30-a6c3-23217fc0136b.woff2") format("woff2"), url("../fonts/neue-helvetica/d85949a1-c37a-43f7-9d09-fb056acf0c27.woff") format("woff"), url("../fonts/neue-helvetica/5289fb0d-053f-4fac-9c67-2d02365d6d05.ttf") format("truetype"), url("../fonts/neue-helvetica/1376b116-8954-4534-8045-eabe8e2fcaa4.svg#1376b116-8954-4534-8045-eabe8e2fcaa4") format("svg");
  font-weight: 700;
  font-style: normal; }

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

body {
  font-size: 1em;
  font-family: "Neue Helvetica W01",sans-serif;
  color: #000;
  background: #f2f2f2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html[lang="ru"] body {
  font-family: "Neue Helvetica W10","Neue Helvetica W01",sans-serif; }

@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"); }

h1, .h1 {
  font-size: 2em;
  line-height: 1;
  font-family: "Pebble",sans-serif;
  color: #990ae3;
  text-transform: uppercase; }

@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: "Pebble",sans-serif;
  text-transform: uppercase; }

@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: "Pebble",sans-serif; }

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

h4, .h4 {
  font-size: 1.286em;
  line-height: 1.3; }

@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 {
  text-decoration: none;
  color: #990ae3; }

a:hover {
  color: #c0f; }

a:focus {
  outline: 0; }

a.text-color {
  color: #000; }

a.text-color:hover {
  color: #990ae3; }

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;
  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;
  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;
  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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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 0.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 0.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;
  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 0.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 0.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 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: 1em; }

.text > h1, .text > .h1 {
  margin-bottom: 0.8em; }

.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: 2em 0; }

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

@media (min-width: 600px) {
  .separator--small {
    margin: 1.43em 0; }
  .separator--medium {
    margin: 2.86em 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: inline-block;
  vertical-align: middle;
  background-image: none;
  min-width: 125px;
  font-size: 0.71em;
  line-height: 2.625rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  padding: 1px 8px;
  border-radius: 20px;
  letter-spacing: 0.2px;
  cursor: pointer;
  overflow: hidden; }

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

.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: #990ae3;
  background-color: #fff;
  border-color: #fff; }

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

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

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

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

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

.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 {
  color: #990ae3;
  background: transparent;
  border: 0;
  text-transform: none;
  text-align: inherit;
  font-size: 1em;
  height: auto;
  padding: 0;
  min-width: 0;
  line-height: inherit;
  border-radius: 0; }

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

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

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

.btn--link .btn__icon--right, .btn--link .btn__icon--left {
  vertical-align: middle;
  margin-top: -0.25em;
  font-size: 11px;
  font-size: calc(1em - 1px); }

.btn--link .btn__icon--right {
  margin-right: 0; }

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

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

.btn--enhanced .btn__text {
  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--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 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 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 0.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 0.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 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.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 0.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 0.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 0.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 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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 0.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 0.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 0.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 0.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: 10px;
  padding-right: 10px;
  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;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 100%; }

.hidden {
  display: none !important; }

.hidden--xs {
  display: none; }

@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; }