@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  text-decoration: none; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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 {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

button,
input,
.tag-field,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
html .tag-field[type="button"],
input[type="reset"],
.tag-field[type="reset"],
input[type="submit"],
.tag-field[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

button[disabled],
html input[disabled],
html .tag-field[disabled] {
  cursor: default; }

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


input,
.tag-field {
  line-height: normal; }

input[type="checkbox"], .tag-field[type="checkbox"],
input[type="radio"],
.tag-field[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

input[type="search"], .tag-field[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, .tag-field[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
.tag-field[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;
  /* 1 */
  padding: 0;
  /* 2 */ }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

@font-face {
  font-family: 'Proxima Nova';
  src: url(//theme.zdassets.com/theme_assets/680878/ff7cf44ba29e4086c6990af17c77e8c06dfbac36.woff2) format("woff2"), url(//theme.zdassets.com/theme_assets/680878/113094523b9329e6639edf9cb11a9ffe138145b1.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url(//theme.zdassets.com/theme_assets/680878/e072251e13ddc7926ba85f273faac47068deeb9e.woff2) format("woff2"), url(//theme.zdassets.com/theme_assets/680878/10eb9d065e2a566c681a678aa5444ed9a6250a36.woff) format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url(//theme.zdassets.com/theme_assets/680878/c18d9262ba2750001139a9fdb64109a852e5382a.woff2) format("woff2"), url(//theme.zdassets.com/theme_assets/680878/81949b92a9ae63d2e292573a1500e5ac04a69f06.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

#footer {
  margin: 20px 0 0 0;
  padding: 10px 0;
  border-top: 1px solid #e3e9ed;
  background-color: #f8fafb; }

#header {
  margin: 0 0 20px 0;
  padding: 10px 0;
  border-bottom: 1px solid #e3e9ed;
  background-color: #f8fafb; }

.animation--fade-in {
  animation: fade-in 0ms cubic-bezier(1, 0, 0, 1) forwards; }

.animation--fade-out {
  animation: fade-out 0ms cubic-bezier(1, 0, 0, 1) forwards; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.animation--scale-in {
  animation: scale-in 0ms cubic-bezier(1, 0, 0, 1) forwards; }

.animation--scale-out {
  animation: scale-out 0ms cubic-bezier(1, 0, 0, 1) forwards; }

@keyframes scale-in {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes scale-out {
  0% {
    transform: scale(1); }
  100% {
    transfrom: scale(0); } }

@keyframes slide-top-in {
  0% {
    top: -100%; }
  100% {
    top: 0%; } }

@keyframes slide-top-out {
  0% {
    top: 0%; }
  100% {
    top: -100%; } }

@keyframes slide-bottom-in {
  0% {
    bottom: -100%; }
  100% {
    bottom: 0%; } }

@keyframes slide-bottom-out {
  0% {
    bottom: 0%; }
  100% {
    bottom: -100%; } }

.animation--rotate {
  animation: rotate 600ms linear infinite; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.checkbox.active .checkbox__indicator,
.checkbox.active .radio__indicator,
.radio.active .checkbox__indicator,
.radio.active .radio__indicator, .checkbox input[type="checkbox"]:checked ~ .checkbox__indicator, .checkbox .tag-field[type="checkbox"]:checked ~ .checkbox__indicator,
.checkbox input[type="checkbox"]:checked ~ .radio__indicator,
.checkbox .tag-field[type="checkbox"]:checked ~ .radio__indicator,
.checkbox input[type="radio"]:checked ~ .checkbox__indicator,
.checkbox .tag-field[type="radio"]:checked ~ .checkbox__indicator,
.checkbox input[type="radio"]:checked ~ .radio__indicator,
.checkbox .tag-field[type="radio"]:checked ~ .radio__indicator,
.radio input[type="checkbox"]:checked ~ .checkbox__indicator,
.radio .tag-field[type="checkbox"]:checked ~ .checkbox__indicator,
.radio input[type="checkbox"]:checked ~ .radio__indicator,
.radio .tag-field[type="checkbox"]:checked ~ .radio__indicator,
.radio input[type="radio"]:checked ~ .checkbox__indicator,
.radio .tag-field[type="radio"]:checked ~ .checkbox__indicator,
.radio input[type="radio"]:checked ~ .radio__indicator,
.radio .tag-field[type="radio"]:checked ~ .radio__indicator {
  -webkit-transition: box-shadow 0ms cubic-bezier(1, 0, 0, 1) background-color 0ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: box-shadow 0ms cubic-bezier(1, 0, 0, 1) background-color 0ms cubic-bezier(1, 0, 0, 1);
  transition: box-shadow 0ms cubic-bezier(1, 0, 0, 1) background-color 0ms cubic-bezier(1, 0, 0, 1);
  box-shadow: inset 0 0 0 64px #1273eb; }
  .checkbox.active .checkbox__indicator .icon, .checkbox.active .radio__indicator .icon, .radio.active .checkbox__indicator .icon, .radio.active .radio__indicator .icon, .checkbox input[type="checkbox"]:checked ~ .checkbox__indicator .icon, .checkbox .tag-field[type="checkbox"]:checked ~ .checkbox__indicator .icon, .checkbox input[type="checkbox"]:checked ~ .radio__indicator .icon, .checkbox .tag-field[type="checkbox"]:checked ~ .radio__indicator .icon, .checkbox input[type="radio"]:checked ~ .checkbox__indicator .icon, .checkbox .tag-field[type="radio"]:checked ~ .checkbox__indicator .icon, .checkbox input[type="radio"]:checked ~ .radio__indicator .icon, .checkbox .tag-field[type="radio"]:checked ~ .radio__indicator .icon, .radio input[type="checkbox"]:checked ~ .checkbox__indicator .icon, .radio .tag-field[type="checkbox"]:checked ~ .checkbox__indicator .icon, .radio input[type="checkbox"]:checked ~ .radio__indicator .icon, .radio .tag-field[type="checkbox"]:checked ~ .radio__indicator .icon, .radio input[type="radio"]:checked ~ .checkbox__indicator .icon, .radio .tag-field[type="radio"]:checked ~ .checkbox__indicator .icon, .radio input[type="radio"]:checked ~ .radio__indicator .icon, .radio .tag-field[type="radio"]:checked ~ .radio__indicator .icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0ms 0ms cubic-bezier(1, 0, 0, 1), -webkit-transform 0ms 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 0ms 0ms cubic-bezier(1, 0, 0, 1), -moz-transform 0ms 0ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 0ms 0ms cubic-bezier(1, 0, 0, 1), transform 0ms 0ms cubic-bezier(1, 0, 0, 1);
    opacity: 1; }

.checkbox.active .checkbox__link,
.checkbox.active .radio__link,
.radio.active .checkbox__link,
.radio.active .radio__link, .checkbox input[type="checkbox"]:checked ~ Â .checkbox__link,
.checkbox input[type="checkbox"]:checked ~ .checkbox__link,
.checkbox .tag-field[type="checkbox"]:checked ~ .checkbox__link,
.checkbox input[type="radio"]:checked ~ Â .checkbox__link,
.checkbox input[type="radio"]:checked ~ .checkbox__link,
.checkbox .tag-field[type="radio"]:checked ~ .checkbox__link,
.radio input[type="checkbox"]:checked ~ Â .checkbox__link,
.radio input[type="checkbox"]:checked ~ .checkbox__link,
.radio .tag-field[type="checkbox"]:checked ~ .checkbox__link,
.radio input[type="radio"]:checked ~ Â .checkbox__link,
.radio input[type="radio"]:checked ~ .checkbox__link,
.radio .tag-field[type="radio"]:checked ~ .checkbox__link {
  opacity: 1; }

.checkbox .checkbox__indicator ~ .checkbox__link,
.checkbox .checkbox__link ~ .checkbox__indicator, .radio .radio__indicator ~ .radio__link,
.radio .radio__link ~ .radio__indicator {
  margin-left: 10px; }

.checkbox,
.radio {
  cursor: pointer;
  padding: 7px 0; }
  .checkbox input[type="checkbox"], .checkbox .tag-field[type="checkbox"],
  .checkbox input[type="radio"],
  .checkbox .tag-field[type="radio"],
  .radio input[type="checkbox"],
  .radio .tag-field[type="checkbox"],
  .radio input[type="radio"],
  .radio .tag-field[type="radio"] {
    display: none; }
  .checkbox__indicator,
  .radio__indicator {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: white;
    box-shadow: inset 0 0 0 1px #a5b8c5; }
    .checkbox__indicator .icon,
    .radio__indicator .icon {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transition: opaicty 0ms cubic-bezier(1, 0, 0, 1), -webkit-transform 0ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: opaicty 0ms cubic-bezier(1, 0, 0, 1), -moz-transform 0ms cubic-bezier(1, 0, 0, 1);
      transition: opaicty 0ms cubic-bezier(1, 0, 0, 1), transform 0ms cubic-bezier(1, 0, 0, 1);
      opacity: 0;
      width: 30px;
      height: 30px;
      padding: 3px;
      color: white;
      fill: white;
      font-size: 24px;
      line-height: 24px; }
  .checkbox__link,
  .radio__link {
    -webkit-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
    flex: 1;
    height: 30px;
    line-height: 30px; }
  .checkbox--inverted,
  .radio--inverted {
    color: white; }
    .checkbox--inverted input[type="checkbox"]:checked + .checkbox__indicator, .checkbox--inverted .tag-field[type="checkbox"]:checked + .checkbox__indicator,
    .checkbox--inverted input[type="radio"]:checked + .radio__indicator,
    .checkbox--inverted .tag-field[type="radio"]:checked + .radio__indicator,
    .radio--inverted input[type="checkbox"]:checked + .checkbox__indicator,
    .radio--inverted .tag-field[type="checkbox"]:checked + .checkbox__indicator,
    .radio--inverted input[type="radio"]:checked + .radio__indicator,
    .radio--inverted .tag-field[type="radio"]:checked + .radio__indicator {
      background-color: white; }
      .checkbox--inverted input[type="checkbox"]:checked + .checkbox__indicator .icon, .checkbox--inverted .tag-field[type="checkbox"]:checked + .checkbox__indicator .icon,
      .checkbox--inverted input[type="radio"]:checked + .radio__indicator .icon,
      .checkbox--inverted .tag-field[type="radio"]:checked + .radio__indicator .icon,
      .radio--inverted input[type="checkbox"]:checked + .checkbox__indicator .icon,
      .radio--inverted .tag-field[type="checkbox"]:checked + .checkbox__indicator .icon,
      .radio--inverted input[type="radio"]:checked + .radio__indicator .icon,
      .radio--inverted .tag-field[type="radio"]:checked + .radio__indicator .icon {
        color: #1273eb; }
  .checkbox--xs,
  .radio--xs {
    padding: 14px 0; }
    .checkbox--xs .checkbox__indicator,
    .checkbox--xs .radio__indicator,
    .radio--xs .checkbox__indicator,
    .radio--xs .radio__indicator {
      width: 16px;
      height: 16px; }
      .checkbox--xs .checkbox__indicator .icon,
      .checkbox--xs .radio__indicator .icon,
      .radio--xs .checkbox__indicator .icon,
      .radio--xs .radio__indicator .icon {
        width: 16px;
        height: 16px;
        padding: 1.6px;
        font-size: 12.8px;
        line-height: 12.8px; }
    .checkbox--xs .checkbox__link,
    .checkbox--xs .radio__link,
    .radio--xs .checkbox__link,
    .radio--xs .radio__link {
      height: 16px;
      line-height: 16px; }
  .checkbox--sm,
  .radio--sm {
    padding: 12px 0; }
    .checkbox--sm .checkbox__indicator,
    .checkbox--sm .radio__indicator,
    .radio--sm .checkbox__indicator,
    .radio--sm .radio__indicator {
      width: 20px;
      height: 20px; }
      .checkbox--sm .checkbox__indicator .icon,
      .checkbox--sm .radio__indicator .icon,
      .radio--sm .checkbox__indicator .icon,
      .radio--sm .radio__indicator .icon {
        width: 20px;
        height: 20px;
        padding: 2px;
        font-size: 16px;
        line-height: 16px; }
    .checkbox--sm .checkbox__link,
    .checkbox--sm .radio__link,
    .radio--sm .checkbox__link,
    .radio--sm .radio__link {
      height: 20px;
      line-height: 20px; }
  .checkbox--md,
  .radio--md {
    padding: 7px 0; }
    .checkbox--md .checkbox__indicator,
    .checkbox--md .radio__indicator,
    .radio--md .checkbox__indicator,
    .radio--md .radio__indicator {
      width: 30px;
      height: 30px; }
      .checkbox--md .checkbox__indicator .icon,
      .checkbox--md .radio__indicator .icon,
      .radio--md .checkbox__indicator .icon,
      .radio--md .radio__indicator .icon {
        width: 30px;
        height: 30px;
        padding: 3px;
        font-size: 24px;
        line-height: 24px; }
    .checkbox--md .checkbox__link,
    .checkbox--md .radio__link,
    .radio--md .checkbox__link,
    .radio--md .radio__link {
      height: 30px;
      line-height: 30px; }
  .checkbox--lg,
  .radio--lg {
    padding: 4px 0; }
    .checkbox--lg .checkbox__indicator,
    .checkbox--lg .radio__indicator,
    .radio--lg .checkbox__indicator,
    .radio--lg .radio__indicator {
      width: 36px;
      height: 36px; }
      .checkbox--lg .checkbox__indicator .icon,
      .checkbox--lg .radio__indicator .icon,
      .radio--lg .checkbox__indicator .icon,
      .radio--lg .radio__indicator .icon {
        width: 36px;
        height: 36px;
        padding: 3.6px;
        font-size: 28.8px;
        line-height: 28.8px; }
    .checkbox--lg .checkbox__link,
    .checkbox--lg .radio__link,
    .radio--lg .checkbox__link,
    .radio--lg .radio__link {
      height: 36px;
      line-height: 36px; }
  .checkbox--xl,
  .radio--xl {
    padding: 0px 0; }
    .checkbox--xl .checkbox__indicator,
    .checkbox--xl .radio__indicator,
    .radio--xl .checkbox__indicator,
    .radio--xl .radio__indicator {
      width: 44px;
      height: 44px; }
      .checkbox--xl .checkbox__indicator .icon,
      .checkbox--xl .radio__indicator .icon,
      .radio--xl .checkbox__indicator .icon,
      .radio--xl .radio__indicator .icon {
        width: 44px;
        height: 44px;
        padding: 4.4px;
        font-size: 35.2px;
        line-height: 35.2px; }
    .checkbox--xl .checkbox__link,
    .checkbox--xl .radio__link,
    .radio--xl .checkbox__link,
    .radio--xl .radio__link {
      height: 44px;
      line-height: 44px; }

.radio .radio__indicator {
  border-radius: 50%; }

.radio.active .radio__indicator,
.radio input[type="radio"]:checked ~ .radio__indicator,
.radio .tag-field[type="radio"]:checked ~ .radio__indicator {
  box-shadow: inset 0 0 0 5px #1273eb; }

.radio--inverted input[type="radio"]:checked ~ .radio__indicator, .radio--inverted .tag-field[type="radio"]:checked ~ .radio__indicator {
  box-shadow: inset 0 0 0 5px #1273eb; }

.dropdown {
  position: relative;
  display: block; }
  .dropdown select {
    display: none; }
  .dropdown * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .dropdown__container {
    position: relative; }
  .dropdown__select {
    position: absolute;
    display: none;
    width: 100%;
    min-width: 200px;
    margin: 10px -1px;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 0 60px rgba(14, 42, 71, 0.25);
    z-index: 20; }
    .dropdown__select::after {
      position: absolute;
      display: block;
      z-index: 2;
      content: ''; }
    .dropdown__select .scrollable {
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 220px; }
    .dropdown__select .group:before {
      border-radius: 0;
      box-shadow: none; }
    .dropdown__select .group > div > * {
      border: 0 !important; }
    .dropdown__select li {
      height: 44px;
      margin: 0;
      padding: 0 10px;
      cursor: pointer;
      line-height: 44px; }
      .dropdown__select li:hover {
        background-color: #1273eb;
        color: #5f7d95;
        cursor: pointer; }
      .dropdown__select li:last-child {
        border: none; }
  .dropdown__search input, .dropdown__search .tag-field {
    max-width: calc(100% - 44px);
    border-radius: 0 !important;
    border-top-left-radius: 3px !important; }
  .dropdown__search .icon {
    background: white; }
  .dropdown__button {
    -webkit-transition: 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 0ms cubic-bezier(1, 0, 0, 1);
    transition: 0ms cubic-bezier(1, 0, 0, 1);
    height: 44px;
    position: relative;
    margin: 0;
    padding: 0 40px 0 20px;
    border: 1px solid #e3e9ed;
    border-color: #a5b8c5;
    border-radius: 3px;
    background-color: white;
    line-height: 42px; }
    .dropdown__button::after {
      position: absolute;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 0;
      width: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #5f7d95;
      content: ''; }
    .dropdown__button:hover {
      background-color: #f8fafb;
      color: #5f7d95;
      cursor: pointer; }
    .dropdown__button.active ~ .dropdown__select {
      display: block; }
  .dropdown--inverted .dropdown__button {
    border-color: white;
    background-color: transparent;
    color: white; }
    .dropdown--inverted .dropdown__button::after {
      border-top-color: white; }
    .dropdown--inverted .dropdown__button:hover {
      background-color: white;
      color: #5f7d95; }
      .dropdown--inverted .dropdown__button:hover::after {
        border-top-color: #5f7d95; }
  .dropdown--top .dropdown__select {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  .dropdown--top-left .dropdown__select {
    left: 0; }
    .dropdown--top-left .dropdown__select::after {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      left: 20px;
      right: auto; }
  .dropdown--top-right .dropdown__select {
    right: 0; }
    .dropdown--top-right .dropdown__select::after {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      left: auto;
      right: 20px; }
  .dropdown--bottom .dropdown__select {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  .dropdown--bottom-left .dropdown__select {
    left: 0; }
  .dropdown--bottom-right .dropdown__select {
    right: 0; }
  .dropdown--xs .dropdown__button, .dropdown--xs .dropdown__select li {
    height: 24px;
    line-height: 24px;
    font-size: 13px; }
  .dropdown--xs .dropdown__search input, .dropdown--xs .dropdown__search .tag-field {
    max-width: calc(100% - 24px); }
  .dropdown--xs .dropdown__button {
    padding: 0 20px 0 5px; }
    .dropdown--xs .dropdown__button::after {
      right: 5px; }
  .dropdown--sm .dropdown__button, .dropdown--sm .dropdown__select li {
    height: 34px;
    line-height: 34px;
    font-size: 14px; }
  .dropdown--sm .dropdown__search input, .dropdown--sm .dropdown__search .tag-field {
    max-width: calc(100% - 34px); }
  .dropdown--sm .dropdown__button {
    padding: 0 30px 0 10px; }
    .dropdown--sm .dropdown__button::after {
      right: 10px; }
  .dropdown--md .dropdown__button, .dropdown--md .dropdown__select li {
    height: 44px;
    line-height: 44px;
    font-size: 16px; }
  .dropdown--md .dropdown__search input, .dropdown--md .dropdown__search .tag-field {
    max-width: calc(100% - 44px); }
  .dropdown--md .dropdown__button {
    padding: 0 50px 0 20px; }
    .dropdown--md .dropdown__button::after {
      right: 20px; }
  .dropdown--lg .dropdown__button, .dropdown--lg .dropdown__select li {
    height: 54px;
    line-height: 54px;
    font-size: 18px; }
  .dropdown--lg .dropdown__search input, .dropdown--lg .dropdown__search .tag-field {
    max-width: calc(100% - 54px); }
  .dropdown--lg .dropdown__button {
    padding: 0 90px 0 40px; }
    .dropdown--lg .dropdown__button::after {
      right: 40px; }
  .dropdown--xl .dropdown__button, .dropdown--xl .dropdown__select li {
    height: 64px;
    line-height: 64px;
    font-size: 22px; }
  .dropdown--xl .dropdown__search input, .dropdown--xl .dropdown__search .tag-field {
    max-width: calc(100% - 64px); }
  .dropdown--xl .dropdown__button {
    padding: 0 170px 0 80px; }
    .dropdown--xl .dropdown__button::after {
      right: 80px; }

.active.dropdown--top-left .dropdown__select, .active.dropdown--top-right .dropdown__select {
  margin: 0 0 10px; }

.dropdown--top-left .dropdown__select, .dropdown--top-right .dropdown__select {
  bottom: 100%; }

.active.dropdown--right .dropdown__select {
  margin: 0 10px 0 0; }

.dropdown--right .dropdown__select {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 100%; }

.active.dropdown--left .dropdown__select {
  margin: 0 10px 0 0; }

.dropdown--left .dropdown__select {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 100%; }

.active.dropdown--top .dropdown__select, .active.dropdown--bottom .dropdown__select, .active.dropdown--bottom-left .dropdown__select, .active.dropdown--bottom-right .dropdown__select {
  margin: 10px 0 0; }

.dropdown--top .dropdown__select, .dropdown--bottom .dropdown__select, .dropdown--bottom-left .dropdown__select, .dropdown--bottom-right .dropdown__select {
  top: 100%; }

input[type="color"], .tag-field[type="color"], input[type="date"], .tag-field[type="date"], input[type="datetime"], .tag-field[type="datetime"], input[type="datetime-local"], .tag-field[type="datetime-local"], input[type="email"], .tag-field[type="email"], input[type="month"], .tag-field[type="month"], input[type="number"], .tag-field[type="number"], input[type="password"], .tag-field[type="password"], input[type="search"], .tag-field[type="search"], input[type="tel"], .tag-field[type="tel"], input[type="text"], .tag-field[type="text"], input[type="time"], .tag-field[type="time"], input[type="url"], .tag-field[type="url"], input[type="week"], .tag-field[type="week"], input:not([type]), .tag-field:not([type]), textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-transition: border 0ms cubic-bezier(1, 0, 0, 1), box-shadow 0ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: border 0ms cubic-bezier(1, 0, 0, 1), box-shadow 0ms cubic-bezier(1, 0, 0, 1);
  transition: border 0ms cubic-bezier(1, 0, 0, 1), box-shadow 0ms cubic-bezier(1, 0, 0, 1);
  display: block;
  width: 100%;
  height: 44px;
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #e3e9ed;
  border-color: #bac8d3;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 0 transparent;
  color: #5f7d95;
  font-size: 16px;
  line-height: 24px; }
  input[type="color"]:-webkit-autofill, .tag-field[type="color"]:-webkit-autofill, input[type="date"]:-webkit-autofill, .tag-field[type="date"]:-webkit-autofill, input[type="datetime"]:-webkit-autofill, .tag-field[type="datetime"]:-webkit-autofill, input[type="datetime-local"]:-webkit-autofill, .tag-field[type="datetime-local"]:-webkit-autofill, input[type="email"]:-webkit-autofill, .tag-field[type="email"]:-webkit-autofill, input[type="month"]:-webkit-autofill, .tag-field[type="month"]:-webkit-autofill, input[type="number"]:-webkit-autofill, .tag-field[type="number"]:-webkit-autofill, input[type="password"]:-webkit-autofill, .tag-field[type="password"]:-webkit-autofill, input[type="search"]:-webkit-autofill, .tag-field[type="search"]:-webkit-autofill, input[type="tel"]:-webkit-autofill, .tag-field[type="tel"]:-webkit-autofill, input[type="text"]:-webkit-autofill, .tag-field[type="text"]:-webkit-autofill, input[type="time"]:-webkit-autofill, .tag-field[type="time"]:-webkit-autofill, input[type="url"]:-webkit-autofill, .tag-field[type="url"]:-webkit-autofill, input[type="week"]:-webkit-autofill, .tag-field[type="week"]:-webkit-autofill, input:not([type]):-webkit-autofill, .tag-field:not([type]):-webkit-autofill, textarea:-webkit-autofill {
    box-shadow: inset 0 0 0 64px white; }
  input[type="color"]:hover, .tag-field[type="color"]:hover, input[type="date"]:hover, .tag-field[type="date"]:hover, input[type="datetime"]:hover, .tag-field[type="datetime"]:hover, input[type="datetime-local"]:hover, .tag-field[type="datetime-local"]:hover, input[type="email"]:hover, .tag-field[type="email"]:hover, input[type="month"]:hover, .tag-field[type="month"]:hover, input[type="number"]:hover, .tag-field[type="number"]:hover, input[type="password"]:hover, .tag-field[type="password"]:hover, input[type="search"]:hover, .tag-field[type="search"]:hover, input[type="tel"]:hover, .tag-field[type="tel"]:hover, input[type="text"]:hover, .tag-field[type="text"]:hover, input[type="time"]:hover, .tag-field[type="time"]:hover, input[type="url"]:hover, .tag-field[type="url"]:hover, input[type="week"]:hover, .tag-field[type="week"]:hover, input:not([type]):hover, .tag-field:not([type]):hover, textarea:hover {
    outline: none;
    border-color: #67879d; }
  input[type="color"]:focus, .tag-field[type="color"]:focus, input[type="date"]:focus, .tag-field[type="date"]:focus, input[type="datetime"]:focus, .tag-field[type="datetime"]:focus, input[type="datetime-local"]:focus, .tag-field[type="datetime-local"]:focus, input[type="email"]:focus, .tag-field[type="email"]:focus, input[type="month"]:focus, .tag-field[type="month"]:focus, input[type="number"]:focus, .tag-field[type="number"]:focus, input[type="password"]:focus, .tag-field[type="password"]:focus, input[type="search"]:focus, .tag-field[type="search"]:focus, input[type="tel"]:focus, .tag-field[type="tel"]:focus, input[type="text"]:focus, .tag-field[type="text"]:focus, input[type="time"]:focus, .tag-field[type="time"]:focus, input[type="url"]:focus, .tag-field[type="url"]:focus, input[type="week"]:focus, .tag-field[type="week"]:focus, input:not([type]):focus, .tag-field:not([type]):focus, textarea:focus {
    outline: none;
    border-color: #1273eb; }
  input[type="color"]:disabled, .tag-field[type="color"]:disabled, input[type="date"]:disabled, .tag-field[type="date"]:disabled, input[type="datetime"]:disabled, .tag-field[type="datetime"]:disabled, input[type="datetime-local"]:disabled, .tag-field[type="datetime-local"]:disabled, input[type="email"]:disabled, .tag-field[type="email"]:disabled, input[type="month"]:disabled, .tag-field[type="month"]:disabled, input[type="number"]:disabled, .tag-field[type="number"]:disabled, input[type="password"]:disabled, .tag-field[type="password"]:disabled, input[type="search"]:disabled, .tag-field[type="search"]:disabled, input[type="tel"]:disabled, .tag-field[type="tel"]:disabled, input[type="text"]:disabled, .tag-field[type="text"]:disabled, input[type="time"]:disabled, .tag-field[type="time"]:disabled, input[type="url"]:disabled, .tag-field[type="url"]:disabled, input[type="week"]:disabled, .tag-field[type="week"]:disabled, input:not([type]):disabled, .tag-field:not([type]):disabled, textarea:disabled {
    background-color: white;
    cursor: no-drop;
    color: rgba(95, 125, 149, 0.4); }
  input[type="color"].error, .tag-field[type="color"].error, input[type="date"].error, .tag-field[type="date"].error, input[type="datetime"].error, .tag-field[type="datetime"].error, input[type="datetime-local"].error, .tag-field[type="datetime-local"].error, input[type="email"].error, .tag-field[type="email"].error, input[type="month"].error, .tag-field[type="month"].error, input[type="number"].error, .tag-field[type="number"].error, input[type="password"].error, .tag-field[type="password"].error, input[type="search"].error, .tag-field[type="search"].error, input[type="tel"].error, .tag-field[type="tel"].error, input[type="text"].error, .tag-field[type="text"].error, input[type="time"].error, .tag-field[type="time"].error, input[type="url"].error, .tag-field[type="url"].error, input[type="week"].error, .tag-field[type="week"].error, input:not([type]).error, .tag-field:not([type]).error, textarea.error {
    border-color: #fb5252; }

input::-webkit-input-placeholder, .tag-field::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(95, 125, 149, 0.4); }

input::-moz-placeholder, .tag-field::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(95, 125, 149, 0.4); }

input:-moz-placeholder, .tag-field:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(95, 125, 149, 0.4); }

input:-ms-input-placeholder, .tag-field:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(95, 125, 149, 0.4); }

.label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block; }
  .label > span {
    color: #63829b;
    font-size: 13px; }
  .label input[type="color"], .label .tag-field[type="color"], .label input[type="date"], .label .tag-field[type="date"], .label input[type="datetime"], .label .tag-field[type="datetime"], .label input[type="datetime-local"], .label .tag-field[type="datetime-local"], .label input[type="email"], .label .tag-field[type="email"], .label input[type="month"], .label .tag-field[type="month"], .label input[type="number"], .label .tag-field[type="number"], .label input[type="password"], .label .tag-field[type="password"], .label input[type="search"], .label .tag-field[type="search"], .label input[type="tel"], .label .tag-field[type="tel"], .label input[type="text"], .label .tag-field[type="text"], .label input[type="time"], .label .tag-field[type="time"], .label input[type="url"], .label .tag-field[type="url"], .label input[type="week"], .label .tag-field[type="week"], .label input:not([type]), .label .tag-field:not([type]), .label textarea {
    font-size: 16px;
    font-weight: normal; }
  .label .text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    margin-bottom: 10px;
    color: #5f7d95;
    font-size: 16px;
    font-weight: normal; }
  .label--inline {
    display: inline-block; }

.groups__item {
  border-bottom: 1px solid #e3e9ed;
  border-color: #bac8d3; }
  .groups__item:last-child {
    border: none; }
  .groups__item [class^="col__"], .groups__item [class*="col__"] {
    margin: 0 !important; }
  .groups__item label {
    margin: 0;
    font-size: 14px;
    text-align: right; }

.groups--pd-xs .groups__item {
  margin: 0 -5px;
  padding: 10px 5px; }

.groups--mg-xs {
  margin: -5px 0; }

.groups--pd-sm .groups__item {
  margin: 0 -10px;
  padding: 10px 10px; }

.groups--mg-sm {
  margin: -10px 0; }

.groups--pd-md .groups__item {
  margin: 0 -20px;
  padding: 10px 20px; }

.groups--mg-md {
  margin: -20px 0; }

.groups--pd-lg .groups__item {
  margin: 0 -40px;
  padding: 10px 40px; }

.groups--mg-lg {
  margin: -40px 0; }

.groups--pd-xl .groups__item {
  margin: 0 -80px;
  padding: 10px 80px; }

.groups--mg-xl {
  margin: -80px 0; }

textarea {
  padding: 10px;
  min-height: 176px;
  line-height: 1.6; }

.error-msg {
  position: relative;
  margin: 5px 0 0 0;
  padding: 0 0 0 25px;
  color: #fb5252;
  line-height: 20px; }
  .error-msg .icon {
    position: absolute;
    top: 9px;
    left: 0;
    transform: translateY(-50%);
    color: #fb5252; }

.group {
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #f8fafb; }
  .group::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #bac8d3;
    content: '';
    z-index: 2; }
  .group > * {
    border-right: 1px solid #e3e9ed;
    border-color: #bac8d3; }
    .group > *:last-child {
      border: none;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  .group > input, .group > .tag-field {
    flex: 1;
    height: 100%;
    margin: 0;
    border: none; }
  .group > button {
    position: relative;
    margin: 0;
    border-radius: 0;
    z-index: 1; }
    .group > button:hover {
      z-index: 2; }
  .group--inverted {
    background-color: white;
    color: #5f7d95; }
    .group--inverted::before {
      box-shadow: none; }
  .group__context {
    padding: 0 10px; }
    .group__context span {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      display: block; }
  .group__button .button, .group__button .nav .nav__submenu__button, .nav .group__button .nav__submenu__button, .group__button .nav a, .nav .group__button a {
    position: relative;
    border-radius: 0;
    z-index: 3; }
  .group__input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .group__input input[type="color"], .group__input .tag-field[type="color"], .group__input input[type="date"], .group__input .tag-field[type="date"], .group__input input[type="datetime"], .group__input .tag-field[type="datetime"], .group__input input[type="datetime-local"], .group__input .tag-field[type="datetime-local"], .group__input input[type="email"], .group__input .tag-field[type="email"], .group__input input[type="month"], .group__input .tag-field[type="month"], .group__input input[type="number"], .group__input .tag-field[type="number"], .group__input input[type="password"], .group__input .tag-field[type="password"], .group__input input[type="search"], .group__input .tag-field[type="search"], .group__input input[type="tel"], .group__input .tag-field[type="tel"], .group__input input[type="text"], .group__input .tag-field[type="text"], .group__input input[type="time"], .group__input .tag-field[type="time"], .group__input input[type="url"], .group__input .tag-field[type="url"], .group__input input[type="week"], .group__input .tag-field[type="week"], .group__input input:not([type]), .group__input .tag-field:not([type]), .group__input textarea {
      margin: 0;
      border: none; }
    .group__input input, .group__input .tag-field {
      height: 100%; }

.switch {
  background-color: white;
  cursor: pointer; }
  .switch:hover .switch__indicator::after {
    background-color: #f8fafb; }
  .switch .switch__indicator ~ .switch__link,
  .switch .switch__link ~ .switch__indicator {
    margin: 0 0 0 10px; }
  .switch input[type="checkbox"], .switch .tag-field[type="checkbox"],
  .switch input[type="radio"],
  .switch .tag-field[type="radio"] {
    display: none; }
    .switch input[type="checkbox"]:checked ~ .switch__indicator, .switch .tag-field[type="checkbox"]:checked ~ .switch__indicator,
    .switch input[type="radio"]:checked ~ .switch__indicator,
    .switch .tag-field[type="radio"]:checked ~ .switch__indicator {
      background-color: #69e781; }
      .switch input[type="checkbox"]:checked ~ .switch__indicator::before, .switch .tag-field[type="checkbox"]:checked ~ .switch__indicator::before,
      .switch input[type="radio"]:checked ~ .switch__indicator::before,
      .switch .tag-field[type="radio"]:checked ~ .switch__indicator::before {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
      .switch input[type="checkbox"]:checked ~ .switch__indicator::after, .switch .tag-field[type="checkbox"]:checked ~ .switch__indicator::after,
      .switch input[type="radio"]:checked ~ .switch__indicator::after,
      .switch .tag-field[type="radio"]:checked ~ .switch__indicator::after {
        background-color: white;
        box-shadow: 0 0 0 1px rgba(227, 233, 237, 0); }
    .switch input[type="checkbox"]:checked ~ Â .switch__link, .switch .tag-field[type="checkbox"]:checked ~ Â .switch__link,
    .switch input[type="radio"]:checked ~ Â .switch__link,
    .switch .tag-field[type="radio"]:checked ~ Â .switch__link {
      color: #5f7d95; }
  .switch__indicator {
    position: relative;
    display: block;
    background: #cfd9e0; }
    .switch__indicator::before {
      position: absolute;
      top: 2px;
      left: 2px;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: all 0ms cubic-bezier(1, 0, 0, 1);
      transition: all 0ms cubic-bezier(1, 0, 0, 1);
      z-index: 1;
      content: ''; }
    .switch__indicator::after {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: all 0ms cubic-bezier(1, 0, 0, 1);
      transition: all 0ms cubic-bezier(1, 0, 0, 1);
      margin: 2px;
      background-color: white;
      box-shadow: 0 1px 0 0 #869fb2;
      z-index: 2;
      content: ''; }
  .switch--xs .switch__indicator {
    width: 24px;
    height: 16px;
    border-radius: 16px;
    line-height: 16px; }
    .switch--xs .switch__indicator::before {
      width: 20px;
      height: 12px;
      border-radius: 12px; }
    .switch--xs .switch__indicator::after {
      width: 12px;
      height: 12px;
      border-radius: 12px; }
  .switch--xs .switch__link {
    font-size: 13px; }
  .switch--xs input[type="checkbox"]:checked ~ .switch__indicator::after, .switch--xs .tag-field[type="checkbox"]:checked ~ .switch__indicator::after,
  .switch--xs input[type="radio"]:checked ~ .switch__indicator::after,
  .switch--xs .tag-field[type="radio"]:checked ~ .switch__indicator::after {
    left: 8px; }
  .switch--sm .switch__indicator {
    width: 30px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px; }
    .switch--sm .switch__indicator::before {
      width: 26px;
      height: 16px;
      border-radius: 16px; }
    .switch--sm .switch__indicator::after {
      width: 16px;
      height: 16px;
      border-radius: 16px; }
  .switch--sm .switch__link {
    font-size: 14px; }
  .switch--sm input[type="checkbox"]:checked ~ .switch__indicator::after, .switch--sm .tag-field[type="checkbox"]:checked ~ .switch__indicator::after,
  .switch--sm input[type="radio"]:checked ~ .switch__indicator::after,
  .switch--sm .tag-field[type="radio"]:checked ~ .switch__indicator::after {
    left: 10px; }
  .switch--md .switch__indicator {
    width: 45px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px; }
    .switch--md .switch__indicator::before {
      width: 41px;
      height: 26px;
      border-radius: 26px; }
    .switch--md .switch__indicator::after {
      width: 26px;
      height: 26px;
      border-radius: 26px; }
  .switch--md .switch__link {
    font-size: 16px; }
  .switch--md input[type="checkbox"]:checked ~ .switch__indicator::after, .switch--md .tag-field[type="checkbox"]:checked ~ .switch__indicator::after,
  .switch--md input[type="radio"]:checked ~ .switch__indicator::after,
  .switch--md .tag-field[type="radio"]:checked ~ .switch__indicator::after {
    left: 15px; }
  .switch--lg .switch__indicator {
    width: 54px;
    height: 36px;
    border-radius: 36px;
    line-height: 36px; }
    .switch--lg .switch__indicator::before {
      width: 50px;
      height: 32px;
      border-radius: 32px; }
    .switch--lg .switch__indicator::after {
      width: 32px;
      height: 32px;
      border-radius: 32px; }
  .switch--lg .switch__link {
    font-size: 18px; }
  .switch--lg input[type="checkbox"]:checked ~ .switch__indicator::after, .switch--lg .tag-field[type="checkbox"]:checked ~ .switch__indicator::after,
  .switch--lg input[type="radio"]:checked ~ .switch__indicator::after,
  .switch--lg .tag-field[type="radio"]:checked ~ .switch__indicator::after {
    left: 18px; }
  .switch--xl .switch__indicator {
    width: 66px;
    height: 44px;
    border-radius: 44px;
    line-height: 44px; }
    .switch--xl .switch__indicator::before {
      width: 62px;
      height: 40px;
      border-radius: 40px; }
    .switch--xl .switch__indicator::after {
      width: 40px;
      height: 40px;
      border-radius: 40px; }
  .switch--xl .switch__link {
    font-size: 22px; }
  .switch--xl input[type="checkbox"]:checked ~ .switch__indicator::after, .switch--xl .tag-field[type="checkbox"]:checked ~ .switch__indicator::after,
  .switch--xl input[type="radio"]:checked ~ .switch__indicator::after,
  .switch--xl .tag-field[type="radio"]:checked ~ .switch__indicator::after {
    left: 22px; }

.tag-field {
  position: relative;
  height: auto !important;
  min-height: 44px; }
  .tag-field .autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: calc(100% + 14px);
    margin: 12px -7px 0 -7px; }
  .tag-field__content {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    pointer-events: none !important;
    font-size: 16px; }
  .tag-field__items {
    margin: 0 -4px;
    padding-top: 4px; }
    .tag-field__items .tag-field__item ~ input, .tag-field__items .tag-field__item ~ .tag-field {
      margin: 0 0 0 5px; }
  .tag-field__item {
    margin: 0 4px 4px 4px;
    padding-right: 0 !important; }
  .tag-field input, .tag-field .tag-field {
    width: 10px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    white-space: nowrap; }

.upload {
  overflow: hidden;
  height: 44px;
  margin: 0 0 10px;
  border-radius: 3px;
  line-height: 42px; }
  .upload__files {
    display: table-cell;
    padding: 0 20px;
    border: 1px solid #e3e9ed;
    border-color: #a5b8c5;
    border-right: none;
    width: 100%; }
  .upload__link {
    -webkit-transition: all 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 0ms cubic-bezier(1, 0, 0, 1);
    transition: all 0ms cubic-bezier(1, 0, 0, 1);
    position: relative;
    display: table-cell;
    padding: 0 20px;
    background-color: #1273eb;
    color: white;
    white-space: nowrap; }
    .upload__link:hover {
      background-color: #0b458c;
      box-shadow: inset 0 -1px 1px rgba(14, 42, 71, 0.35);
      color: white; }
    .upload__link--icon {
      padding: 0 20px 0 46px; }
      .upload__link--icon svg {
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        fill: white; }
  .upload--sm {
    height: 34px;
    line-height: 32px; }
  .upload--large {
    height: 54px;
    line-height: 52px; }
  .upload--inline {
    display: inline-block; }
  .upload input[type="file"], .upload .tag-field[type="file"] {
    display: none; }
  .upload label {
    display: table;
    width: 100%;
    cursor: pointer; }

.password {
  position: relative; }
  .password--show .password__toggle i.active {
    display: block; }
  .password--show .password__toggle i.inactive {
    display: none; }
  .password__toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-color: white;
    cursor: pointer; }
    .password__toggle i.active {
      display: none; }
  .password input, .password .tag-field {
    width: 100%; }

.autocomplete {
  position: absolute;
  overflow: auto;
  display: none;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  transform: translateY(-1px);
  background-color: white;
  box-shadow: 0 0 60px rgba(14, 42, 71, 0.25);
  z-index: 100; }
  @media screen and (max-width: 768px) {
    .autocomplete {
      height: 187px; } }
  .autocomplete__item {
    height: 34px;
    padding: 0 20px;
    color: #63829b;
    text-align: left;
    text-transform: lowercase;
    line-height: 34px;
    cursor: pointer; }
    .autocomplete__item:hover {
      background-color: #fcfdfd; }
    .autocomplete__item.selected {
      background-color: #e9eef1; }
    .autocomplete__item b {
      color: #5f7d95; }
  .autocomplete--show {
    display: block; }

/* .accordion {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.6; }
  .accordion::after {
    clear: both;
    content: "";
    display: table; }
  .accordion:not(.accordion--ready) .accordion__mobile-nav {
    position: absolute;
    visibility: hidden;
    border-bottom: 1px solid #e3e9ed; }
  .accordion:not(.accordion--ready) .accordion__container > a,
  .accordion:not(.accordion--ready) .accordion__container > button {
    visibility: hidden; }
  @media screen and (min-width: 480px) {
    .accordion--tabs .accordion__container {
      display: inline;
      border: none; }
    .accordion--tabs .accordion__content {
      float: left;
      border-top: 1px solid #e3e9ed; }
    .accordion--tabs .accordion__link:not(.nostyle) {
      display: inline-block; }
      .accordion--tabs .accordion__link:not(.nostyle).active {
        border-bottom: 1px solid #5f7d95; } }
  .accordion__container {
    margin: 0 0 10px;
    list-style: none; }
    .accordion__container:last-child {
      margin-bottom: 0; }
  .accordion__content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px 20px; }
    .accordion__content p:last-child {
      margin: 0; }
  .accordion__mobile-nav {
    padding: 0 20px; }
  .accordion__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 44px;
    border: none;
    background: transparent;
    text-align: center; }
    .accordion__select__wrapper {
      position: relative;
      display: inline-block;
      padding: 0 15px 0 0; }
      .accordion__select__wrapper::after {
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #5f7d95;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        content: ''; }
  .accordion__link:not(.nostyle) {
    display: block;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
    color: #374957; }
    .accordion__link:not(.nostyle) .icon {
      color: #374957; }
    .accordion__link:not(.nostyle) .state--active {
      display: none; }
    .accordion__link:not(.nostyle).active {
      color: #1273eb; }
      .accordion__link:not(.nostyle).active .icon {
        color: #1273eb; }
      .accordion__link:not(.nostyle).active .state--active {
        display: block; }
      .accordion__link:not(.nostyle).active .state--inactive {
        display: none; }
  .accordion__link.active + .accordion__content {
    position: relative;
    display: block; }
  .accordion--inverted {
    color: white; }
    .accordion--inverted a:not(.button) {
      color: rgba(255, 255, 255, 0.75); }
      .accordion--inverted a:not(.button):hover, .accordion--inverted a:not(.button).active {
        color: white; } */

.avatar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 3px;
  background-color: white;
  z-index: 1; }
  .avatar--circle {
    overflow: hidden;
    border-radius: 50%; }
  .avatar--empty {
    border: 1px solid #e3e9ed;
    border-style: dashed; }
  .avatar--xs {
    width: 36px;
    height: 36px; }
  .avatar--sm {
    width: 44px;
    height: 44px; }
  .avatar--md {
    width: 64px;
    height: 64px; }
  .avatar--lg {
    width: 128px;
    height: 128px; }
  .avatar--xl {
    width: 164px;
    height: 164px; }
  .avatar svg, .avatar img {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%; }

.badge {
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #e3e9ed;
  border-color: #0e2a47;
  background-color: #0e2a47;
  color: white;
  font-size: 11px;
  line-height: 12px;
  vertical-align: middle; }
  .badge--absolute {
    position: absolute;
    z-index: 1; }
  .badge--top-left {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 0;
    left: -10px; }
  .badge--top-right {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 0;
    right: -10px; }
  .badge--top-center {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 0;
    left: 50%; }
  .badge--bottom-left {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 0;
    left: -10px; }
  .badge--bottom-right {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 0;
    right: -10px; }
  .badge--bottom-center {
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    bottom: 0;
    left: 50%; }
  .badge--green {
    border-color: #69e781;
    background-color: #69e781;
    color: #5f7d95; }
    .badge--green.badge--outline {
      border-color: #69e781;
      color: #69e781; }
  .badge--blue {
    border-color: #1273eb;
    background-color: #1273eb;
    color: white; }
    .badge--blue.badge--outline {
      border-color: #1273eb;
      color: #1273eb; }
  .badge--gray {
    border-color: #869fb2;
    background-color: #869fb2;
    color: white; }
    .badge--gray.badge--outline {
      border-color: #869fb2;
      color: #869fb2; }
  .badge--red {
    border-color: #fb5252;
    background-color: #fb5252;
    color: white; }
    .badge--red.badge--outline {
      border-color: #fb5252;
      color: #fb5252; }
  .badge--yellow {
    border-color: #ffb229;
    background-color: #ffb229;
    color: white; }
    .badge--yellow.badge--outline {
      border-color: #ffb229;
      color: #ffb229; }
  .badge--purple {
    border-color: #4949e7;
    background-color: #4949e7;
    color: white; }
    .badge--purple.badge--outline {
      border-color: #4949e7;
      color: #4949e7; }
  .badge--premium {
    border-color: #ffb229;
    background-color: #ffb229;
    color: white; }
    .badge--premium.badge--outline {
      border-color: #ffb229;
      color: #ffb229; }
  .badge--inverted {
    border-color: white;
    background-color: white;
    color: #5f7d95; }
    .badge--inverted.badge--outline {
      border-color: white;
      color: #5f7d95; }
  .badge--outline {
    background-color: white;
    color: #0e2a47; }
  .badge--sm {
    font-size: 10px; }
  .badge--pill {
    border-radius: 20px; }
  .badge--xs {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    padding: 0 1.25px;
    font-size: 13px;
    text-align: center;
    line-height: 24px; }
  .badge--sm {
    display: inline-block;
    min-width: 34px;
    height: 34px;
    padding: 0 2.5px;
    font-size: 14px;
    text-align: center;
    line-height: 34px; }
  .badge--md {
    display: inline-block;
    min-width: 44px;
    height: 44px;
    padding: 0 5px;
    font-size: 16px;
    text-align: center;
    line-height: 44px; }
  .badge--lg {
    display: inline-block;
    min-width: 54px;
    height: 54px;
    padding: 0 10px;
    font-size: 18px;
    text-align: center;
    line-height: 54px; }
  .badge--xl {
    display: inline-block;
    min-width: 64px;
    height: 64px;
    padding: 0 20px;
    font-size: 22px;
    text-align: center;
    line-height: 64px; }

.breadcrumbs {
  overflow: hidden;
  display: inline-block;
  margin: 0 0 20px; }
  .breadcrumbs::after {
    clear: both;
    content: "";
    display: table; }
  .breadcrumbs__link {
    position: relative;
    display: block;
    float: left;
    padding: 5px 20px;
    font-size: 14px;
    text-decoration: none; }
    .breadcrumbs__link:first-child {
      padding-left: 0; }
    .breadcrumbs__link a {
      color: rgba(95, 125, 149, 0.6); }
    @media screen and (max-width: 640px) {
      .breadcrumbs__link {
        padding: 2.5px 10px;
        font-size: 13px; } }
    .breadcrumbs__link::after {
      content: '/';
      color: rgba(95, 125, 149, 0.4);
      position: absolute;
      right: 0; }
    .breadcrumbs__link:last-child a {
      color: #5f7d95;
      font-weight: semibold; }
    .breadcrumbs__link:last-child::after {
      content: ''; }

button, input[type="button"], .tag-field[type="button"],
input[type="reset"],
.tag-field[type="reset"],
input[type="submit"],
.tag-field[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  user-select: none;
  cursor: pointer; }

.button, .nav .nav__submenu__button, .nav a {
  display: inline-block;
  position: relative;
  height: 44px;
  padding: 0 1.4em;
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 0 #1273eb;
  color: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 44px;
  cursor: pointer;
  /**
        * Modifier
        */
  /**
        * Sizes
        */
  /**
        * Colors
        */
  /**
        * Social
        */ }
  .button.active, .nav .active.nav__submenu__button, .nav a.active, .button:hover, .nav .nav__submenu__button:hover, .nav a:hover {
    box-shadow: inset 0px 0px 0px 0 #0e5cbc;
    color: white; }
    .button.active .icon, .nav .active.nav__submenu__button .icon, .nav a.active .icon, .button:hover .icon, .nav .nav__submenu__button:hover .icon, .nav a:hover .icon {
      color: white; }
  .button.active, .nav .active.nav__submenu__button, .nav a.active, .button:active, .nav .nav__submenu__button:active, .nav a:active {
    box-shadow: inset 0px 0px 0px 0 #c2c2c2; }
  .button .icon, .nav .nav__submenu__button .icon, .nav a .icon {
    color: white; }
  .button--outline {
    --color: color('default-outline', 'buttons-text');
    box-shadow: inset 0px 0px 0px 1px #1273eb;
    color: #1273eb; }
    .button--outline .icon {
      color: #1273eb; }
    .button--outline.active, .button--outline:hover {
      box-shadow: inset 0px 0px 0px 32px #1273eb;
      color: white; }
      .button--outline.active .icon, .button--outline:hover .icon {
        color: white; }
  .button--flat {
    box-shadow: inset 0px 0px 0px 100px #1273eb; }
    .button--flat.active, .button--flat:hover {
      box-shadow: inset 0px 0px 0px 100px #0e5cbc;
      color: white; }
      .button--flat.active .icon, .button--flat:hover .icon {
        color: white; }
    .button--flat.active, .button--flat:active {
      box-shadow: inset 0px 0px 0px 100px #093b79; }
  .button--shadow::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(14, 42, 71, 0.25);
    content: ''; }
  .button--state.active:not(:disabled) .state--inactive, .feedback--fixed.active .feedback__trigger:not(:disabled) .state--inactive {
    display: none; }
  .button--state.active:not(:disabled) .state--active, .feedback--fixed.active .feedback__trigger:not(:disabled) .state--active {
    display: block; }
  .button--state:not(.active) .state--inactive {
    display: block; }
  .button--state:not(.active) .state--active {
    display: none; }
  .button--pill {
    border-radius: 44px; }
  .button--icon:not(.button--icon--only) .icon, .nav .nav__submenu__button:not(.button--icon--only) .icon, .nav a:not(.button--icon--only) .icon {
    padding-left: 0;
    padding-right: 0; }
  .button--icon span, .nav .nav__submenu__button span, .nav a span, .button--icon i, .nav .nav__submenu__button i, .nav a i {
    margin-left: auto; }
  .button--icon span ~ i, .nav .nav__submenu__button span ~ i, .nav a span ~ i, .button--icon i ~ span, .nav .nav__submenu__button i ~ span, .nav a i ~ span {
    margin-left: 5px !important;
    margin-right: auto; }
  .button--icon--only {
    width: 44px;
    padding: 0 !important; }
  .button--auto {
    box-shadow: inset 0px 0px 0px 100px #1273eb;
    height: auto !important; }
    .button--auto span {
      line-height: 1.6; }
  .button--loading {
    box-shadow: inset 0px 0px 0px 32px #869fb2 !important;
    pointer-events: none !important; }
    .button--loading::after {
      animation: rotate 600ms linear infinite;
      display: block !important;
      overflow: hidden;
      opacity: 1;
      width: calc((32px) * .75);
      height: calc((32px) * .75);
      margin: calc(((32px) * .25) / 2) auto;
      border-radius: 50%;
      border-width: 2px;
      border-color: white rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3);
      border-style: solid;
      box-sizing: border-box;
      content: ''; }
    .button--loading > * {
      display: none !important; }
  .button--xs {
    font-size: 13px;
    height: 24px;
    line-height: 24px; }
    .button--xs.button--icon--only {
      width: 24px;
      height: 24px; }
  .button--sm {
    font-size: 14px;
    height: 34px;
    line-height: 34px; }
    .button--sm.button--icon--only {
      width: 34px;
      height: 34px; }
  .button--md {
    font-size: 16px;
    height: 44px;
    line-height: 44px; }
    .button--md.button--icon--only {
      width: 44px;
      height: 44px; }
  .button--lg {
    font-size: 18px;
    height: 54px;
    line-height: 54px; }
    .button--lg.button--icon--only {
      width: 54px;
      height: 54px; }
  .button--xl {
    font-size: 22px;
    height: 64px;
    line-height: 64px; }
    .button--xl.button--icon--only {
      width: 64px;
      height: 64px; }
  .button--default {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--default .icon {
      color: white; }
    .button--default.button--outline {
      box-shadow: inset 0px 0px 0px 1px #1273eb;
      color: #1273eb; }
      .button--default.button--outline .icon {
        color: #1273eb; }
      .button--default.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #1067d3; }
      .button--default.button--outline.active, .button--default.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #1067d3; }
        .button--default.button--outline.active .icon, .button--default.button--outline:active .icon {
          color: white; }
    .button--default.button--flat {
      box-shadow: inset 0px 0px 0px 100px #1273eb; }
    .button--default:hover {
      box-shadow: inset 0px 0px 0px 100px #1067d3;
      color: white; }
      .button--default:hover .icon {
        color: white; }
    .button--default.active, .button--default:active {
      box-shadow: inset 0px 0px 0px 100px #0e5cbc; }
  .button--default--hover.active, .button--default--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #1067d3 !important;
    color: white !important; }
    .button--default--hover.active .icon, .button--default--hover:hover .icon {
      color: white !important; }
  .button--default--hover.active, .button--default--hover:active {
    box-shadow: inset 0px 0px 0px 100px #0e5cbc !important; }
  .button--green {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--green .icon {
      color: white; }
    .button--green.button--outline {
      box-shadow: inset 0px 0px 0px 1px #69E781;
      color: #69e781; }
      .button--green.button--outline .icon {
        color: #69e781; }
      .button--green.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #69e781; }
      .button--green.button--outline.active, .button--green.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #69e781; }
        .button--green.button--outline.active .icon, .button--green.button--outline:active .icon {
          color: white; }
    .button--green.button--flat {
      box-shadow: inset 0px 0px 0px 100px #69E781; }
    .button--green:hover {
      box-shadow: inset 0px 0px 0px 100px #69e781;
      color: white; }
      .button--green:hover .icon {
        color: white; }
    .button--green.active, .button--green:active {
      box-shadow: inset 0px 0px 0px 100px #4ad295; }
  .button--green--hover.active, .button--green--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #69e781 !important;
    color: white !important; }
    .button--green--hover.active .icon, .button--green--hover:hover .icon {
      color: white !important; }
  .button--green--hover.active, .button--green--hover:active {
    box-shadow: inset 0px 0px 0px 100px #4ad295 !important; }
  .button--blue {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--blue .icon {
      color: white; }
    .button--blue.button--outline {
      box-shadow: inset 0px 0px 0px 1px #1273EB;
      color: #1273eb; }
      .button--blue.button--outline .icon {
        color: #1273eb; }
      .button--blue.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #1273eb; }
      .button--blue.button--outline.active, .button--blue.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #1273eb; }
        .button--blue.button--outline.active .icon, .button--blue.button--outline:active .icon {
          color: white; }
    .button--blue.button--flat {
      box-shadow: inset 0px 0px 0px 100px #1273EB; }
    .button--blue:hover {
      box-shadow: inset 0px 0px 0px 100px #1273eb;
      color: white; }
      .button--blue:hover .icon {
        color: white; }
    .button--blue.active, .button--blue:active {
      box-shadow: inset 0px 0px 0px 100px #0161cd; }
  .button--blue--hover.active, .button--blue--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #1273eb !important;
    color: white !important; }
    .button--blue--hover.active .icon, .button--blue--hover:hover .icon {
      color: white !important; }
  .button--blue--hover.active, .button--blue--hover:active {
    box-shadow: inset 0px 0px 0px 100px #0161cd !important; }
  .button--gray {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--gray .icon {
      color: white; }
    .button--gray.button--outline {
      box-shadow: inset 0px 0px 0px 1px #869FB2;
      color: #869fb2; }
      .button--gray.button--outline .icon {
        color: #869fb2; }
      .button--gray.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #5f7d95; }
      .button--gray.button--outline.active, .button--gray.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #5f7d95; }
        .button--gray.button--outline.active .icon, .button--gray.button--outline:active .icon {
          color: white; }
    .button--gray.button--flat {
      box-shadow: inset 0px 0px 0px 100px #869FB2; }
    .button--gray:hover {
      box-shadow: inset 0px 0px 0px 100px #5f7d95;
      color: white; }
      .button--gray:hover .icon {
        color: white; }
    .button--gray.active, .button--gray:active {
      box-shadow: inset 0px 0px 0px 100px #374957; }
  .button--gray--hover.active, .button--gray--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #5f7d95 !important;
    color: white !important; }
    .button--gray--hover.active .icon, .button--gray--hover:hover .icon {
      color: white !important; }
  .button--gray--hover.active, .button--gray--hover:active {
    box-shadow: inset 0px 0px 0px 100px #374957 !important; }
  .button--red {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--red .icon {
      color: white; }
    .button--red.button--outline {
      box-shadow: inset 0px 0px 0px 1px #FB5252;
      color: #fb5252; }
      .button--red.button--outline .icon {
        color: #fb5252; }
      .button--red.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #fb5252; }
      .button--red.button--outline.active, .button--red.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #fb5252; }
        .button--red.button--outline.active .icon, .button--red.button--outline:active .icon {
          color: white; }
    .button--red.button--flat {
      box-shadow: inset 0px 0px 0px 100px #FB5252; }
    .button--red:hover {
      box-shadow: inset 0px 0px 0px 100px #fb5252;
      color: white; }
      .button--red:hover .icon {
        color: white; }
    .button--red.active, .button--red:active {
      box-shadow: inset 0px 0px 0px 100px #ec3a3b; }
  .button--red--hover.active, .button--red--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #fb5252 !important;
    color: white !important; }
    .button--red--hover.active .icon, .button--red--hover:hover .icon {
      color: white !important; }
  .button--red--hover.active, .button--red--hover:active {
    box-shadow: inset 0px 0px 0px 100px #ec3a3b !important; }
  .button--yellow {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--yellow .icon {
      color: white; }
    .button--yellow.button--outline {
      box-shadow: inset 0px 0px 0px 1px #FFB229;
      color: #ffb229; }
      .button--yellow.button--outline .icon {
        color: #ffb229; }
      .button--yellow.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #ffb229; }
      .button--yellow.button--outline.active, .button--yellow.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #ffb229; }
        .button--yellow.button--outline.active .icon, .button--yellow.button--outline:active .icon {
          color: white; }
    .button--yellow.button--flat {
      box-shadow: inset 0px 0px 0px 100px #FFB229; }
    .button--yellow:hover {
      box-shadow: inset 0px 0px 0px 100px #ffb229;
      color: white; }
      .button--yellow:hover .icon {
        color: white; }
    .button--yellow.active, .button--yellow:active {
      box-shadow: inset 0px 0px 0px 100px #fca120; }
  .button--yellow--hover.active, .button--yellow--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #ffb229 !important;
    color: white !important; }
    .button--yellow--hover.active .icon, .button--yellow--hover:hover .icon {
      color: white !important; }
  .button--yellow--hover.active, .button--yellow--hover:active {
    box-shadow: inset 0px 0px 0px 100px #fca120 !important; }
  .button--purple {
    --color: color($color, 'buttons-text');
    color: white; }
    .button--purple .icon {
      color: white; }
    .button--purple.button--outline {
      box-shadow: inset 0px 0px 0px 1px #4949E7;
      color: #4949e7; }
      .button--purple.button--outline .icon {
        color: #4949e7; }
      .button--purple.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #4949e7; }
      .button--purple.button--outline.active, .button--purple.button--outline:active {
        color: white;
        box-shadow: inset 0px 0px 0px 100px #4949e7; }
        .button--purple.button--outline.active .icon, .button--purple.button--outline:active .icon {
          color: white; }
    .button--purple.button--flat {
      box-shadow: inset 0px 0px 0px 100px #4949E7; }
    .button--purple:hover {
      box-shadow: inset 0px 0px 0px 100px #4949e7;
      color: white; }
      .button--purple:hover .icon {
        color: white; }
    .button--purple.active, .button--purple:active {
      box-shadow: inset 0px 0px 0px 100px #3636cc; }
  .button--purple--hover.active, .button--purple--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #4949e7 !important;
    color: white !important; }
    .button--purple--hover.active .icon, .button--purple--hover:hover .icon {
      color: white !important; }
  .button--purple--hover.active, .button--purple--hover:active {
    box-shadow: inset 0px 0px 0px 100px #3636cc !important; }
  .button--inverted {
    --color: color($color, 'buttons-text');
    color: #5f7d95; }
    .button--inverted .icon {
      color: #5f7d95; }
    .button--inverted.button--outline {
      box-shadow: inset 0px 0px 0px 1px #fff;
      color: white; }
      .button--inverted.button--outline .icon {
        color: white; }
      .button--inverted.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #e3e9ed; }
      .button--inverted.button--outline.active, .button--inverted.button--outline:active {
        color: #5f7d95;
        box-shadow: inset 0px 0px 0px 100px #e3e9ed; }
        .button--inverted.button--outline.active .icon, .button--inverted.button--outline:active .icon {
          color: #5f7d95; }
    .button--inverted.button--flat {
      box-shadow: inset 0px 0px 0px 100px #fff; }
    .button--inverted:hover {
      box-shadow: inset 0px 0px 0px 100px #e3e9ed;
      color: #5f7d95; }
      .button--inverted:hover .icon {
        color: #5f7d95; }
    .button--inverted.active, .button--inverted:active {
      box-shadow: inset 0px 0px 0px 100px #e3e9ed; }
  .button--inverted--hover.active, .button--inverted--hover:hover {
    box-shadow: inset 0px 0px 0px 100px #e3e9ed !important;
    color: #5f7d95 !important; }
    .button--inverted--hover.active .icon, .button--inverted--hover:hover .icon {
      color: #5f7d95 !important; }
  .button--inverted--hover.active, .button--inverted--hover:active {
    box-shadow: inset 0px 0px 0px 100px #e3e9ed !important; }
  .button--behance {
    box-shadow: inset 0px 0px 0px 0 #1769ff;
    color: white; }
    .button--behance .icon {
      color: white; }
    .button--behance.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #1769ff; }
      .button--behance.button--flat.button--inverted .icon {
        color: #1769ff; }
      .button--behance.button--flat.button--inverted.active, .button--behance.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #0050e3;
        color: white; }
        .button--behance.button--flat.button--inverted.active .icon, .button--behance.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--behance.button--flat.button--inverted.active, .button--behance.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #0049cf; }
    .button--behance.button--outline {
      box-shadow: inset 0px 0px 0px 1px #1769ff;
      color: #1769ff; }
      .button--behance.button--outline .icon {
        color: #1769ff; }
      .button--behance.button--outline.active, .button--behance.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #0050e3;
        color: white; }
        .button--behance.button--outline.active .icon, .button--behance.button--outline:hover .icon {
          color: white; }
      .button--behance.button--outline.active, .button--behance.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #0049cf; }
    .button--behance.button--flat {
      box-shadow: inset 0px 0px 0px 100px #1769ff; }
    .button--behance.active, .button--behance:hover {
      box-shadow: inset 0px 0px 0px 100px #0050e3;
      color: white; }
      .button--behance.active .icon, .button--behance:hover .icon {
        color: white; }
    .button--behance.active, .button--behance:active {
      box-shadow: inset 0px 0px 0px 100px #0049cf; }
  .button--dribbble {
    box-shadow: inset 0px 0px 0px 0 #ea4c89;
    color: white; }
    .button--dribbble .icon {
      color: white; }
    .button--dribbble.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #ea4c89; }
      .button--dribbble.button--flat.button--inverted .icon {
        color: #ea4c89; }
      .button--dribbble.button--flat.button--inverted.active, .button--dribbble.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #e51e6b;
        color: white; }
        .button--dribbble.button--flat.button--inverted.active .icon, .button--dribbble.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--dribbble.button--flat.button--inverted.active, .button--dribbble.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #d61962; }
    .button--dribbble.button--outline {
      box-shadow: inset 0px 0px 0px 1px #ea4c89;
      color: #ea4c89; }
      .button--dribbble.button--outline .icon {
        color: #ea4c89; }
      .button--dribbble.button--outline.active, .button--dribbble.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #e51e6b;
        color: white; }
        .button--dribbble.button--outline.active .icon, .button--dribbble.button--outline:hover .icon {
          color: white; }
      .button--dribbble.button--outline.active, .button--dribbble.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #d61962; }
    .button--dribbble.button--flat {
      box-shadow: inset 0px 0px 0px 100px #ea4c89; }
    .button--dribbble.active, .button--dribbble:hover {
      box-shadow: inset 0px 0px 0px 100px #e51e6b;
      color: white; }
      .button--dribbble.active .icon, .button--dribbble:hover .icon {
        color: white; }
    .button--dribbble.active, .button--dribbble:active {
      box-shadow: inset 0px 0px 0px 100px #d61962; }
  .button--facebook {
    box-shadow: inset 0px 0px 0px 0 #3b5998;
    color: white; }
    .button--facebook .icon {
      color: white; }
    .button--facebook.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #3b5998; }
      .button--facebook.button--flat.button--inverted .icon {
        color: #3b5998; }
      .button--facebook.button--flat.button--inverted.active, .button--facebook.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #2d4373;
        color: white; }
        .button--facebook.button--flat.button--inverted.active .icon, .button--facebook.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--facebook.button--flat.button--inverted.active, .button--facebook.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #273b65; }
    .button--facebook.button--outline {
      box-shadow: inset 0px 0px 0px 1px #3b5998;
      color: #3b5998; }
      .button--facebook.button--outline .icon {
        color: #3b5998; }
      .button--facebook.button--outline.active, .button--facebook.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #2d4373;
        color: white; }
        .button--facebook.button--outline.active .icon, .button--facebook.button--outline:hover .icon {
          color: white; }
      .button--facebook.button--outline.active, .button--facebook.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #273b65; }
    .button--facebook.button--flat {
      box-shadow: inset 0px 0px 0px 100px #3b5998; }
    .button--facebook.active, .button--facebook:hover {
      box-shadow: inset 0px 0px 0px 100px #2d4373;
      color: white; }
      .button--facebook.active .icon, .button--facebook:hover .icon {
        color: white; }
    .button--facebook.active, .button--facebook:active {
      box-shadow: inset 0px 0px 0px 100px #273b65; }
  .button--google {
    box-shadow: inset 0px 0px 0px 0 #dd4b39;
    color: white; }
    .button--google .icon {
      color: white; }
    .button--google.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #dd4b39; }
      .button--google.button--flat.button--inverted .icon {
        color: #dd4b39; }
      .button--google.button--flat.button--inverted.active, .button--google.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #c23321;
        color: white; }
        .button--google.button--flat.button--inverted.active .icon, .button--google.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--google.button--flat.button--inverted.active, .button--google.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #b02e1e; }
    .button--google.button--outline {
      box-shadow: inset 0px 0px 0px 1px #dd4b39;
      color: #dd4b39; }
      .button--google.button--outline .icon {
        color: #dd4b39; }
      .button--google.button--outline.active, .button--google.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #c23321;
        color: white; }
        .button--google.button--outline.active .icon, .button--google.button--outline:hover .icon {
          color: white; }
      .button--google.button--outline.active, .button--google.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #b02e1e; }
    .button--google.button--flat {
      box-shadow: inset 0px 0px 0px 100px #dd4b39; }
    .button--google.active, .button--google:hover {
      box-shadow: inset 0px 0px 0px 100px #c23321;
      color: white; }
      .button--google.active .icon, .button--google:hover .icon {
        color: white; }
    .button--google.active, .button--google:active {
      box-shadow: inset 0px 0px 0px 100px #b02e1e; }
  .button--instagram {
    box-shadow: inset 0px 0px 0px 0 #c32aa3;
    color: white; }
    .button--instagram .icon {
      color: white; }
    .button--instagram.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #c32aa3; }
      .button--instagram.button--flat.button--inverted .icon {
        color: #c32aa3; }
      .button--instagram.button--flat.button--inverted.active, .button--instagram.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #992180;
        color: white; }
        .button--instagram.button--flat.button--inverted.active .icon, .button--instagram.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--instagram.button--flat.button--inverted.active, .button--instagram.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #881d72; }
    .button--instagram.button--outline {
      box-shadow: inset 0px 0px 0px 1px #c32aa3;
      color: #c32aa3; }
      .button--instagram.button--outline .icon {
        color: #c32aa3; }
      .button--instagram.button--outline.active, .button--instagram.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #992180;
        color: white; }
        .button--instagram.button--outline.active .icon, .button--instagram.button--outline:hover .icon {
          color: white; }
      .button--instagram.button--outline.active, .button--instagram.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #881d72; }
    .button--instagram.button--flat {
      box-shadow: inset 0px 0px 0px 100px #c32aa3; }
    .button--instagram.active, .button--instagram:hover {
      box-shadow: inset 0px 0px 0px 100px #992180;
      color: white; }
      .button--instagram.active .icon, .button--instagram:hover .icon {
        color: white; }
    .button--instagram.active, .button--instagram:active {
      box-shadow: inset 0px 0px 0px 100px #881d72; }
  .button--pinterest {
    box-shadow: inset 0px 0px 0px 0 #cb2027;
    color: white; }
    .button--pinterest .icon {
      color: white; }
    .button--pinterest.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #cb2027; }
      .button--pinterest.button--flat.button--inverted .icon {
        color: #cb2027; }
      .button--pinterest.button--flat.button--inverted.active, .button--pinterest.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #9f191f;
        color: white; }
        .button--pinterest.button--flat.button--inverted.active .icon, .button--pinterest.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--pinterest.button--flat.button--inverted.active, .button--pinterest.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #8d161b; }
    .button--pinterest.button--outline {
      box-shadow: inset 0px 0px 0px 1px #cb2027;
      color: #cb2027; }
      .button--pinterest.button--outline .icon {
        color: #cb2027; }
      .button--pinterest.button--outline.active, .button--pinterest.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #9f191f;
        color: white; }
        .button--pinterest.button--outline.active .icon, .button--pinterest.button--outline:hover .icon {
          color: white; }
      .button--pinterest.button--outline.active, .button--pinterest.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #8d161b; }
    .button--pinterest.button--flat {
      box-shadow: inset 0px 0px 0px 100px #cb2027; }
    .button--pinterest.active, .button--pinterest:hover {
      box-shadow: inset 0px 0px 0px 100px #9f191f;
      color: white; }
      .button--pinterest.active .icon, .button--pinterest:hover .icon {
        color: white; }
    .button--pinterest.active, .button--pinterest:active {
      box-shadow: inset 0px 0px 0px 100px #8d161b; }
  .button--stumbleupon {
    box-shadow: inset 0px 0px 0px 0 #f74425;
    color: white; }
    .button--stumbleupon .icon {
      color: white; }
    .button--stumbleupon.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #f74425; }
      .button--stumbleupon.button--flat.button--inverted .icon {
        color: #f74425; }
      .button--stumbleupon.button--flat.button--inverted.active, .button--stumbleupon.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #e12808;
        color: white; }
        .button--stumbleupon.button--flat.button--inverted.active .icon, .button--stumbleupon.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--stumbleupon.button--flat.button--inverted.active, .button--stumbleupon.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #cd2508; }
    .button--stumbleupon.button--outline {
      box-shadow: inset 0px 0px 0px 1px #f74425;
      color: #f74425; }
      .button--stumbleupon.button--outline .icon {
        color: #f74425; }
      .button--stumbleupon.button--outline.active, .button--stumbleupon.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #e12808;
        color: white; }
        .button--stumbleupon.button--outline.active .icon, .button--stumbleupon.button--outline:hover .icon {
          color: white; }
      .button--stumbleupon.button--outline.active, .button--stumbleupon.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #cd2508; }
    .button--stumbleupon.button--flat {
      box-shadow: inset 0px 0px 0px 100px #f74425; }
    .button--stumbleupon.active, .button--stumbleupon:hover {
      box-shadow: inset 0px 0px 0px 100px #e12808;
      color: white; }
      .button--stumbleupon.active .icon, .button--stumbleupon:hover .icon {
        color: white; }
    .button--stumbleupon.active, .button--stumbleupon:active {
      box-shadow: inset 0px 0px 0px 100px #cd2508; }
  .button--telegram {
    box-shadow: inset 0px 0px 0px 0 #0088cc;
    color: white; }
    .button--telegram .icon {
      color: white; }
    .button--telegram.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #0088cc; }
      .button--telegram.button--flat.button--inverted .icon {
        color: #0088cc; }
      .button--telegram.button--flat.button--inverted.active, .button--telegram.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #006699;
        color: white; }
        .button--telegram.button--flat.button--inverted.active .icon, .button--telegram.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--telegram.button--flat.button--inverted.active, .button--telegram.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #005885; }
    .button--telegram.button--outline {
      box-shadow: inset 0px 0px 0px 1px #0088cc;
      color: #0088cc; }
      .button--telegram.button--outline .icon {
        color: #0088cc; }
      .button--telegram.button--outline.active, .button--telegram.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #006699;
        color: white; }
        .button--telegram.button--outline.active .icon, .button--telegram.button--outline:hover .icon {
          color: white; }
      .button--telegram.button--outline.active, .button--telegram.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #005885; }
    .button--telegram.button--flat {
      box-shadow: inset 0px 0px 0px 100px #0088cc; }
    .button--telegram.active, .button--telegram:hover {
      box-shadow: inset 0px 0px 0px 100px #006699;
      color: white; }
      .button--telegram.active .icon, .button--telegram:hover .icon {
        color: white; }
    .button--telegram.active, .button--telegram:active {
      box-shadow: inset 0px 0px 0px 100px #005885; }
  .button--twitter {
    box-shadow: inset 0px 0px 0px 0 #55acee;
    color: white; }
    .button--twitter .icon {
      color: white; }
    .button--twitter.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #55acee; }
      .button--twitter.button--flat.button--inverted .icon {
        color: #55acee; }
      .button--twitter.button--flat.button--inverted.active, .button--twitter.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #2795e9;
        color: white; }
        .button--twitter.button--flat.button--inverted.active .icon, .button--twitter.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--twitter.button--flat.button--inverted.active, .button--twitter.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #178ce5; }
    .button--twitter.button--outline {
      box-shadow: inset 0px 0px 0px 1px #55acee;
      color: #55acee; }
      .button--twitter.button--outline .icon {
        color: #55acee; }
      .button--twitter.button--outline.active, .button--twitter.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #2795e9;
        color: white; }
        .button--twitter.button--outline.active .icon, .button--twitter.button--outline:hover .icon {
          color: white; }
      .button--twitter.button--outline.active, .button--twitter.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #178ce5; }
    .button--twitter.button--flat {
      box-shadow: inset 0px 0px 0px 100px #55acee; }
    .button--twitter.active, .button--twitter:hover {
      box-shadow: inset 0px 0px 0px 100px #2795e9;
      color: white; }
      .button--twitter.active .icon, .button--twitter:hover .icon {
        color: white; }
    .button--twitter.active, .button--twitter:active {
      box-shadow: inset 0px 0px 0px 100px #178ce5; }
  .button--vimeo {
    box-shadow: inset 0px 0px 0px 0 #aad450;
    color: white; }
    .button--vimeo .icon {
      color: white; }
    .button--vimeo.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #aad450; }
      .button--vimeo.button--flat.button--inverted .icon {
        color: #aad450; }
      .button--vimeo.button--flat.button--inverted.active, .button--vimeo.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #93c130;
        color: white; }
        .button--vimeo.button--flat.button--inverted.active .icon, .button--vimeo.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--vimeo.button--flat.button--inverted.active, .button--vimeo.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #87b12c; }
    .button--vimeo.button--outline {
      box-shadow: inset 0px 0px 0px 1px #aad450;
      color: #aad450; }
      .button--vimeo.button--outline .icon {
        color: #aad450; }
      .button--vimeo.button--outline.active, .button--vimeo.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #93c130;
        color: white; }
        .button--vimeo.button--outline.active .icon, .button--vimeo.button--outline:hover .icon {
          color: white; }
      .button--vimeo.button--outline.active, .button--vimeo.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #87b12c; }
    .button--vimeo.button--flat {
      box-shadow: inset 0px 0px 0px 100px #aad450; }
    .button--vimeo.active, .button--vimeo:hover {
      box-shadow: inset 0px 0px 0px 100px #93c130;
      color: white; }
      .button--vimeo.active .icon, .button--vimeo:hover .icon {
        color: white; }
    .button--vimeo.active, .button--vimeo:active {
      box-shadow: inset 0px 0px 0px 100px #87b12c; }
  .button--whatsapp {
    box-shadow: inset 0px 0px 0px 0 #25d366;
    color: white; }
    .button--whatsapp .icon {
      color: white; }
    .button--whatsapp.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #25d366; }
      .button--whatsapp.button--flat.button--inverted .icon {
        color: #25d366; }
      .button--whatsapp.button--flat.button--inverted.active, .button--whatsapp.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #1da851;
        color: white; }
        .button--whatsapp.button--flat.button--inverted.active .icon, .button--whatsapp.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--whatsapp.button--flat.button--inverted.active, .button--whatsapp.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #1a9649; }
    .button--whatsapp.button--outline {
      box-shadow: inset 0px 0px 0px 1px #25d366;
      color: #25d366; }
      .button--whatsapp.button--outline .icon {
        color: #25d366; }
      .button--whatsapp.button--outline.active, .button--whatsapp.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #1da851;
        color: white; }
        .button--whatsapp.button--outline.active .icon, .button--whatsapp.button--outline:hover .icon {
          color: white; }
      .button--whatsapp.button--outline.active, .button--whatsapp.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #1a9649; }
    .button--whatsapp.button--flat {
      box-shadow: inset 0px 0px 0px 100px #25d366; }
    .button--whatsapp.active, .button--whatsapp:hover {
      box-shadow: inset 0px 0px 0px 100px #1da851;
      color: white; }
      .button--whatsapp.active .icon, .button--whatsapp:hover .icon {
        color: white; }
    .button--whatsapp.active, .button--whatsapp:active {
      box-shadow: inset 0px 0px 0px 100px #1a9649; }
  .button--youtube {
    box-shadow: inset 0px 0px 0px 0 #bb0000;
    color: white; }
    .button--youtube .icon {
      color: white; }
    .button--youtube.button--flat.button--inverted {
      box-shadow: inset 0px 0px 0px 100px white;
      color: #bb0000; }
      .button--youtube.button--flat.button--inverted .icon {
        color: #bb0000; }
      .button--youtube.button--flat.button--inverted.active, .button--youtube.button--flat.button--inverted:hover {
        box-shadow: inset 0px 0px 0px 100px #880000;
        color: white; }
        .button--youtube.button--flat.button--inverted.active .icon, .button--youtube.button--flat.button--inverted:hover .icon {
          color: white; }
      .button--youtube.button--flat.button--inverted.active, .button--youtube.button--flat.button--inverted:active {
        box-shadow: inset 0px 0px 0px 100px #740000; }
    .button--youtube.button--outline {
      box-shadow: inset 0px 0px 0px 1px #bb0000;
      color: #bb0000; }
      .button--youtube.button--outline .icon {
        color: #bb0000; }
      .button--youtube.button--outline.active, .button--youtube.button--outline:hover {
        box-shadow: inset 0px 0px 0px 100px #880000;
        color: white; }
        .button--youtube.button--outline.active .icon, .button--youtube.button--outline:hover .icon {
          color: white; }
      .button--youtube.button--outline.active, .button--youtube.button--outline:active {
        box-shadow: inset 0px 0px 0px 100px #740000; }
    .button--youtube.button--flat {
      box-shadow: inset 0px 0px 0px 100px #bb0000; }
    .button--youtube.active, .button--youtube:hover {
      box-shadow: inset 0px 0px 0px 100px #880000;
      color: white; }
      .button--youtube.active .icon, .button--youtube:hover .icon {
        color: white; }
    .button--youtube.active, .button--youtube:active {
      box-shadow: inset 0px 0px 0px 100px #740000; }

.caption {
  position: relative;
  margin: 0 0 20px;
  padding: 0; }
  .caption__content {
    position: absolute;
    bottom: 0%;
    left: 0;
    -webkit-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    opacity: 0;
    padding: 20px;
    background-color: rgba(11, 34, 57, 0.75); }
    .caption__content--full-size {
      width: 100%;
      height: 100%; }
    .caption__content > *:last-child {
      margin: 0; }
    .caption__content h1, .caption__content h2, .caption__content h3, .caption__content h4, .caption__content h5, .caption__content h6 {
      color: white; }
    .caption__content p, .caption__content span {
      color: white; }
    .caption__content a {
      color: rgba(255, 255, 255, 0.8); }
      .caption__content a:hover {
        color: white; }
  .caption:hover .caption__content {
    opacity: 1; }
  .caption img {
    height: auto;
    width: 100%;
    display: block; }

.comments .comment {
  margin: 0 0 20px; }
  .comments .comment__author {
    margin: 0 0 5px; }
  .comments .comment__content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .comments .comment__message {
    font-size: 14px; }
  .comments .comment__image {
    margin: 0 10px 0 0; }
  .comments .comment .author {
    font-weight: bold; }
  .comments .comment ul {
    margin: 20px 0 0;
    padding: 0 0 0 54px;
    border-left: 1px solid #e3e9ed;
    border-width: 2px; }
    .comments .comment ul .comment__reply {
      display: none !important; }
  .comments .comment p {
    margin: 0 0 5px;
    padding: 5px 0 0 0;
    font-size: 14px; }

.expandable__more {
  border-color: #1273eb;
  background-color: #1273eb;
  color: white;
  cursor: pointer; }

.feedback--fixed {
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0) scale(1, 1);
  pointer-events: none !important;
  z-index: 400; }
  .feedback--fixed.active {
    pointer-events: all !important; }
    .feedback--fixed.active * {
      pointer-events: all !important; }
    .feedback--fixed.active .feedback__box {
      transform: translateX(0);
      box-shadow: 0 0 30px rgba(14, 42, 71, 0.25); }

.feedback--pointer-events.active {
  pointer-events: none !important; }

.feedback__wrapper > .feedback-content {
  color: #1273eb;
  text-align: center; }
  .feedback__wrapper > .feedback-content label {
    margin: 0 5px; }

.feedback__box {
  position: absolute;
  bottom: 5%;
  right: 0;
  width: 100%;
  max-width: 380px;
  min-height: 148px;
  transform: translateX(100%);
  border-top: 5px solid #1273eb;
  background-color: white;
  box-shadow: 0 0 0px rgba(14, 42, 71, 0.25);
  transition: 150ms cubic-bezier(1, 0, 0, 1);
  pointer-events: all; }
  .feedback__box * {
    pointer-events: all !important; }
  @media screen and (max-width: 480px) {
    .feedback__box {
      max-width: calc(100% - 29px); } }

.feedback__trigger {
  position: absolute;
  right: 100%;
  top: -5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #1273eb; }

.feedback__icon {
  width: 50px;
  height: 50px;
  padding: 0 5px;
  font-size: 50px;
  line-height: 50px;
  box-sizing: content-box; }

.feedback h1, .feedback h2, .feedback h3, .feedback h4, .feedback h5, .feedback h6 {
  color: #1273eb; }

.feedback .status-message {
  text-align: center; }
  .feedback .status-message--success .status-message__icon {
    border-color: #69e781; }
    .feedback .status-message--success .status-message__icon .icon {
      color: #69e781; }
  .feedback .status-message--error .status-message__icon {
    margin: 0 0 10px;
    border-color: #fb5252; }
    .feedback .status-message--error .status-message__icon .icon {
      color: #fb5252; }
  .feedback .status-message__icon {
    display: inline-block;
    border: 5px solid;
    border-radius: 50%;
    font-size: 0; }

.feedback .content {
  padding: 20px; }
  .feedback .content.form-content {
    display: none; }

.feedback input[name="option"], .feedback .tag-field[name="option"] {
  display: none; }
  .feedback input[name="option"]:checked ~ .form-content, .feedback .tag-field[name="option"]:checked ~ .form-content {
    display: block; }
  .feedback input[name="option"]:checked ~ .feedback-content, .feedback .tag-field[name="option"]:checked ~ .feedback-content {
    display: none; }

.feedback form {
  display: none; }
  .feedback form .error-msg {
    position: relative;
    margin: 5px 0 0 0;
    padding: 0 0 0 25px;
    color: #fb5252;
    line-height: 20px; }
    .feedback form .error-msg .icon {
      position: absolute;
      top: 9px;
      left: 0;
      transform: translateY(-50%);
      color: #fb5252; }
  .feedback form label {
    display: block;
    margin: 0 0 5px; }

body {
  align-items: flex-start;
  -ms-align-items: flex-start;
  display: flex;
  -ms-display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  overflow: auto;
  height: auto;
  min-height: 100vh !important;
  background-color: white;
  color: #5f7d95;
  font-family: "Proxima Nova";
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased; }
  @media all and (-ms-high-contrast: none) {
    body {
      display: block; } }
  body > * {
    width: 100%; }

main {
  flex: 1;
  -ms-flex: 1;
  overflow: hidden; }
  main > :last-child {
    margin-bottom: 0; }
  main section {
    margin: 0 0 40px; }

* {
  box-sizing: border-box;
  outline: none; }

.checkbox,
.radio, .group, .switch, .tag-field__items, .button--icon, .nav .nav__submenu__button, .nav a, .row, .groups__item, .notification--alert .notification__content, .pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }

.col, .row .col__xs--1, .groups__item .col__xs--1, .row .col__xs--2, .groups__item .col__xs--2, .row .col__xs--3, .groups__item .col__xs--3, .row .col__xs--4, .groups__item .col__xs--4, .row .col__xs--5, .groups__item .col__xs--5, .row .col__xs--6, .groups__item .col__xs--6, .row .col__xs--7, .groups__item .col__xs--7, .row .col__xs--8, .groups__item .col__xs--8, .row .col__xs--9, .groups__item .col__xs--9, .row .col__xs--10, .groups__item .col__xs--10, .row .col__xs--11, .groups__item .col__xs--11, .row .col__xs--12, .groups__item .col__xs--12, .row .col__sm--1, .groups__item .col__sm--1, .row .col__sm--2, .groups__item .col__sm--2, .row .col__sm--3, .groups__item .col__sm--3, .row .col__sm--4, .groups__item .col__sm--4, .row .col__sm--5, .groups__item .col__sm--5, .row .col__sm--6, .groups__item .col__sm--6, .row .col__sm--7, .groups__item .col__sm--7, .row .col__sm--8, .groups__item .col__sm--8, .row .col__sm--9, .groups__item .col__sm--9, .row .col__sm--10, .groups__item .col__sm--10, .row .col__sm--11, .groups__item .col__sm--11, .row .col__sm--12, .groups__item .col__sm--12, .row .col__md--1, .groups__item .col__md--1, .row .col__md--2, .groups__item .col__md--2, .row .col__md--3, .groups__item .col__md--3, .row .col__md--4, .groups__item .col__md--4, .row .col__md--5, .groups__item .col__md--5, .row .col__md--6, .groups__item .col__md--6, .row .col__md--7, .groups__item .col__md--7, .row .col__md--8, .groups__item .col__md--8, .row .col__md--9, .groups__item .col__md--9, .row .col__md--10, .groups__item .col__md--10, .row .col__md--11, .groups__item .col__md--11, .row .col__md--12, .groups__item .col__md--12, .row .col__lg--1, .groups__item .col__lg--1, .row .col__lg--2, .groups__item .col__lg--2, .row .col__lg--3, .groups__item .col__lg--3, .row .col__lg--4, .groups__item .col__lg--4, .row .col__lg--5, .groups__item .col__lg--5, .row .col__lg--6, .groups__item .col__lg--6, .row .col__lg--7, .groups__item .col__lg--7, .row .col__lg--8, .groups__item .col__lg--8, .row .col__lg--9, .groups__item .col__lg--9, .row .col__lg--10, .groups__item .col__lg--10, .row .col__lg--11, .groups__item .col__lg--11, .row .col__lg--12, .groups__item .col__lg--12, .row .col__xl--1, .groups__item .col__xl--1, .row .col__xl--2, .groups__item .col__xl--2, .row .col__xl--3, .groups__item .col__xl--3, .row .col__xl--4, .groups__item .col__xl--4, .row .col__xl--5, .groups__item .col__xl--5, .row .col__xl--6, .groups__item .col__xl--6, .row .col__xl--7, .groups__item .col__xl--7, .row .col__xl--8, .groups__item .col__xl--8, .row .col__xl--9, .groups__item .col__xl--9, .row .col__xl--10, .groups__item .col__xl--10, .row .col__xl--11, .groups__item .col__xl--11, .row .col__xl--12, .groups__item .col__xl--12 {
  position: relative;
  margin: 0 0 10px;
  padding: 0 5px;
  box-sizing: border-box; }

.row--space-between {
  justify-content: space-between; }

.row--horizontal-center {
  justify-content: center; }

.row--vertical-center, .checkbox,
.radio, .groups__item, .group, .switch, .button--icon, .nav .nav__submenu__button, .nav a, .notification--alert .notification__content {
  align-items: center; }

.row--left {
  justify-content: flex-start; }

.row--right {
  justify-content: flex-end; }

.row--nowrap {
  flex-wrap: nowrap; }

.col {
  flex: 1; }

.col--center {
  align-self: center; }

.col--top {
  align-self: flex-start; }

.col--bottom {
  align-self: flex-end; }

.col--stretch, .group > *, .notification__state {
  align-self: stretch; }

.container-fluid {
  padding: 0 20px; }
  .container-fluid::after {
    clear: both;
    content: "";
    display: table; }

.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  .container--sm {
    max-width: 992px; }
  .container--md {
    max-width: 1024px; }

.row, .groups__item {
  margin: 0 -5px; }
  .row .col__xs--12, .groups__item .col__xs--12 {
    width: 100%; }
  .row .col__xs--11, .groups__item .col__xs--11 {
    width: 91.66667%; }
  .row .col__xs--10, .groups__item .col__xs--10 {
    width: 83.33333%; }
  .row .col__xs--9, .groups__item .col__xs--9 {
    width: 75%; }
  .row .col__xs--8, .groups__item .col__xs--8 {
    width: 66.66667%; }
  .row .col__xs--7, .groups__item .col__xs--7 {
    width: 58.33333%; }
  .row .col__xs--6, .groups__item .col__xs--6 {
    width: 50%; }
  .row .col__xs--5, .groups__item .col__xs--5 {
    width: 41.66667%; }
  .row .col__xs--4, .groups__item .col__xs--4 {
    width: 33.33333%; }
  .row .col__xs--3, .groups__item .col__xs--3 {
    width: 25%; }
  .row .col__xs--2, .groups__item .col__xs--2 {
    width: 16.66667%; }
  .row .col__xs--1, .groups__item .col__xs--1 {
    width: 8.33333%; }
  @media screen and (min-width: 480px) {
    .row .col__xs--12, .groups__item .col__xs--12 {
      width: 100%; }
    .row .col__xs--11, .groups__item .col__xs--11 {
      width: 91.66667%; }
    .row .col__xs--10, .groups__item .col__xs--10 {
      width: 83.33333%; }
    .row .col__xs--9, .groups__item .col__xs--9 {
      width: 75%; }
    .row .col__xs--8, .groups__item .col__xs--8 {
      width: 66.66667%; }
    .row .col__xs--7, .groups__item .col__xs--7 {
      width: 58.33333%; }
    .row .col__xs--6, .groups__item .col__xs--6 {
      width: 50%; }
    .row .col__xs--5, .groups__item .col__xs--5 {
      width: 41.66667%; }
    .row .col__xs--4, .groups__item .col__xs--4 {
      width: 33.33333%; }
    .row .col__xs--3, .groups__item .col__xs--3 {
      width: 25%; }
    .row .col__xs--2, .groups__item .col__xs--2 {
      width: 16.66667%; }
    .row .col__xs--1, .groups__item .col__xs--1 {
      width: 8.33333%; } }
  @media screen and (min-width: 640px) {
    .row .col__sm--12, .groups__item .col__sm--12 {
      width: 100%; }
    .row .col__sm--11, .groups__item .col__sm--11 {
      width: 91.66667%; }
    .row .col__sm--10, .groups__item .col__sm--10 {
      width: 83.33333%; }
    .row .col__sm--9, .groups__item .col__sm--9 {
      width: 75%; }
    .row .col__sm--8, .groups__item .col__sm--8 {
      width: 66.66667%; }
    .row .col__sm--7, .groups__item .col__sm--7 {
      width: 58.33333%; }
    .row .col__sm--6, .groups__item .col__sm--6 {
      width: 50%; }
    .row .col__sm--5, .groups__item .col__sm--5 {
      width: 41.66667%; }
    .row .col__sm--4, .groups__item .col__sm--4 {
      width: 33.33333%; }
    .row .col__sm--3, .groups__item .col__sm--3 {
      width: 25%; }
    .row .col__sm--2, .groups__item .col__sm--2 {
      width: 16.66667%; }
    .row .col__sm--1, .groups__item .col__sm--1 {
      width: 8.33333%; } }
  @media screen and (min-width: 768px) {
    .row .col__md--12, .groups__item .col__md--12 {
      width: 100%; }
    .row .col__md--11, .groups__item .col__md--11 {
      width: 91.66667%; }
    .row .col__md--10, .groups__item .col__md--10 {
      width: 83.33333%; }
    .row .col__md--9, .groups__item .col__md--9 {
      width: 75%; }
    .row .col__md--8, .groups__item .col__md--8 {
      width: 66.66667%; }
    .row .col__md--7, .groups__item .col__md--7 {
      width: 58.33333%; }
    .row .col__md--6, .groups__item .col__md--6 {
      width: 50%; }
    .row .col__md--5, .groups__item .col__md--5 {
      width: 41.66667%; }
    .row .col__md--4, .groups__item .col__md--4 {
      width: 33.33333%; }
    .row .col__md--3, .groups__item .col__md--3 {
      width: 25%; }
    .row .col__md--2, .groups__item .col__md--2 {
      width: 16.66667%; }
    .row .col__md--1, .groups__item .col__md--1 {
      width: 8.33333%; } }
  @media screen and (min-width: 992px) {
    .row .col__lg--12, .groups__item .col__lg--12 {
      width: 100%; }
    .row .col__lg--11, .groups__item .col__lg--11 {
      width: 91.66667%; }
    .row .col__lg--10, .groups__item .col__lg--10 {
      width: 83.33333%; }
    .row .col__lg--9, .groups__item .col__lg--9 {
      width: 75%; }
    .row .col__lg--8, .groups__item .col__lg--8 {
      width: 66.66667%; }
    .row .col__lg--7, .groups__item .col__lg--7 {
      width: 58.33333%; }
    .row .col__lg--6, .groups__item .col__lg--6 {
      width: 50%; }
    .row .col__lg--5, .groups__item .col__lg--5 {
      width: 41.66667%; }
    .row .col__lg--4, .groups__item .col__lg--4 {
      width: 33.33333%; }
    .row .col__lg--3, .groups__item .col__lg--3 {
      width: 25%; }
    .row .col__lg--2, .groups__item .col__lg--2 {
      width: 16.66667%; }
    .row .col__lg--1, .groups__item .col__lg--1 {
      width: 8.33333%; } }
  @media screen and (min-width: 1400px) {
    .row .col__xl--12, .groups__item .col__xl--12 {
      width: 100%; }
    .row .col__xl--11, .groups__item .col__xl--11 {
      width: 91.66667%; }
    .row .col__xl--10, .groups__item .col__xl--10 {
      width: 83.33333%; }
    .row .col__xl--9, .groups__item .col__xl--9 {
      width: 75%; }
    .row .col__xl--8, .groups__item .col__xl--8 {
      width: 66.66667%; }
    .row .col__xl--7, .groups__item .col__xl--7 {
      width: 58.33333%; }
    .row .col__xl--6, .groups__item .col__xl--6 {
      width: 50%; }
    .row .col__xl--5, .groups__item .col__xl--5 {
      width: 41.66667%; }
    .row .col__xl--4, .groups__item .col__xl--4 {
      width: 33.33333%; }
    .row .col__xl--3, .groups__item .col__xl--3 {
      width: 25%; }
    .row .col__xl--2, .groups__item .col__xl--2 {
      width: 16.66667%; }
    .row .col__xl--1, .groups__item .col__xl--1 {
      width: 8.33333%; } }

.col {
  flex: 1; }

html .bg__general--border {
  color: #5f7d95;
  background-color: #e3e9ed; }

html .text__general--border {
  color: #e3e9ed; }

html a.text:hover__general--border {
  color: #a5b8c5; }

html .bg__general--border-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--border-inverted {
  color: white; }

html a.text:hover__general--border-inverted {
  color: #cccccc; }

html .bg__general--form-border {
  color: #5f7d95;
  background-color: #bac8d3; }

html .text__general--form-border {
  color: #bac8d3; }

html a.text:hover__general--form-border {
  color: #7c96ab; }

html .bg__general--button {
  color: white;
  background-color: #1273eb; }

html .text__general--button {
  color: #1273eb; }

html a.text:hover__general--button {
  color: #0b458c; }

html .bg__general--button-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--button-inverted {
  color: white; }

html a.text:hover__general--button-inverted {
  color: #cccccc; }

html .bg__general--heading {
  color: white;
  background-color: #374957; }

html .text__general--heading {
  color: #374957; }

html a.text:hover__general--heading {
  color: #0f1519; }

html .bg__general--heading-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--heading-inverted {
  color: white; }

html a.text:hover__general--heading-inverted {
  color: #cccccc; }

html .bg__general--icon {
  color: white;
  background-color: #5f7d95; }

html .text__general--icon {
  color: #5f7d95; }

html a.text:hover__general--icon {
  color: #374957; }

html .bg__general--icon-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--icon-inverted {
  color: white; }

html a.text:hover__general--icon-inverted {
  color: #cccccc; }

html .bg__general--link {
  color: white;
  background-color: #1273eb; }

html .text__general--link {
  color: #1273eb; }

html a.text:hover__general--link {
  color: #0b458c; }

html .bg__general--link-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--link-inverted {
  color: white; }

html a.text:hover__general--link-inverted {
  color: #cccccc; }

html .bg__general--shadow {
  color: white;
  background-color: #0e2a47; }

html .text__general--shadow {
  color: #0e2a47; }

html a.text:hover__general--shadow {
  color: black; }

html .bg__general--tabs {
  color: white;
  background-color: #5f7d95; }

html .text__general--tabs {
  color: #5f7d95; }

html a.text:hover__general--tabs {
  color: #374957; }

html .bg__general--tabs-border {
  color: #5f7d95;
  background-color: #d8e3e8; }

html .text__general--tabs-border {
  color: #d8e3e8; }

html a.text:hover__general--tabs-border {
  color: #b7ccd6; }

html .bg__general--tabs-active {
  color: white;
  background-color: #1271e6; }

html .text__general--tabs-active {
  color: #1271e6; }

html a.text:hover__general--tabs-active {
  color: #0e5ab7; }

html .bg__general--tabs-triangle {
  color: white;
  background-color: #5f7d95; }

html .text__general--tabs-triangle {
  color: #5f7d95; }

html a.text:hover__general--tabs-triangle {
  color: #374957; }

html .bg__general--tabs-triangle-active {
  color: #5f7d95;
  background-color: #e3e9ed; }

html .text__general--tabs-triangle-active {
  color: #e3e9ed; }

html a.text:hover__general--tabs-triangle-active {
  color: #a5b8c5; }

html .bg__general--accordion {
  color: white;
  background-color: #374957; }

html .text__general--accordion {
  color: #374957; }

html a.text:hover__general--accordion {
  color: #0f1519; }

html .bg__general--tags {
  color: white;
  background-color: #5f7d95; }

html .text__general--tags {
  color: #5f7d95; }

html a.text:hover__general--tags {
  color: #374957; }

html .bg__general--tags-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--tags-inverted {
  color: white; }

html a.text:hover__general--tags-inverted {
  color: #cccccc; }

html .bg__general--text {
  color: white;
  background-color: #5f7d95; }

html .text__general--text {
  color: #5f7d95; }

html a.text:hover__general--text {
  color: #374957; }

html .bg__general--text-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__general--text-inverted {
  color: white; }

html a.text:hover__general--text-inverted {
  color: #cccccc; }

html .bg__general--text-secondary {
  color: white;
  background-color: #63829b; }

html .text__general--text-secondary {
  color: #63829b; }

html a.text:hover__general--text-secondary {
  color: #4f687c; }

html .bg__background--badge {
  color: white;
  background-color: #0e2a47; }

html .text__background--badge {
  color: #0e2a47; }

html a.text:hover__background--badge {
  color: black; }

html .bg__background--badge-inverted {
  color: #5f7d95;
  background-color: white; }

html .text__background--badge-inverted {
  color: white; }

html a.text:hover__background--badge-inverted {
  color: #cccccc; }

html .bg__background--body {
  color: #5f7d95;
  background-color: white; }

html .text__background--body {
  color: white; }

html a.text:hover__background--body {
  color: #cccccc; }

html .bg__background--body-inverted {
  color: white;
  background-color: #0e2a47; }

html .text__background--body-inverted {
  color: #0e2a47; }

html a.text:hover__background--body-inverted {
  color: black; }

html .bg__background--dropdown {
  color: #5f7d95;
  background-color: white; }

html .text__background--dropdown {
  color: white; }

html a.text:hover__background--dropdown {
  color: #cccccc; }

html .bg__background--footer {
  color: #5f7d95;
  background-color: #f8fafb; }

html .text__background--footer {
  color: #f8fafb; }

html a.text:hover__background--footer {
  color: #b7ccd6; }

html .bg__background--header {
  color: #5f7d95;
  background-color: #f8fafb; }

html .text__background--header {
  color: #f8fafb; }

html a.text:hover__background--header {
  color: #b7ccd6; }

html .bg__background--input {
  color: #5f7d95;
  background-color: white; }

html .text__background--input {
  color: white; }

html a.text:hover__background--input {
  color: #cccccc; }

html .bg__background--input-inverted {
  color: white;
  background-color: #0e2a47; }

html .text__background--input-inverted {
  color: #0e2a47; }

html a.text:hover__background--input-inverted {
  color: black; }

html .bg__background--switch {
  color: #5f7d95;
  background-color: #cfd9e0; }

html .text__background--switch {
  color: #cfd9e0; }

html a.text:hover__background--switch {
  color: #91a8b8; }

html .bg__background--modal {
  color: #5f7d95;
  background-color: white; }

html .text__background--modal {
  color: white; }

html a.text:hover__background--modal {
  color: #cccccc; }

html .bg__background--notification {
  color: #5f7d95;
  background-color: white; }

html .text__background--notification {
  color: white; }

html a.text:hover__background--notification {
  color: #cccccc; }

html .bg__background--overlay {
  color: white;
  background-color: rgba(11, 34, 57, 0.75); }

html .text__background--overlay {
  color: rgba(11, 34, 57, 0.75); }

html a.text:hover__background--overlay {
  color: rgba(3, 9, 14, 0.75); }

html .bg__background--popover {
  color: #5f7d95;
  background-color: white; }

html .text__background--popover {
  color: white; }

html a.text:hover__background--popover {
  color: #cccccc; }

html .bg__background--secondary {
  color: #5f7d95;
  background-color: #f8fafb; }

html .text__background--secondary {
  color: #f8fafb; }

html a.text:hover__background--secondary {
  color: #b7ccd6; }

html .bg__background--light {
  color: #5f7d95;
  background-color: white; }

html .text__background--light {
  color: white; }

html a.text:hover__background--light {
  color: #cccccc; }

html .bg__background--table {
  color: #5f7d95;
  background-color: white; }

html .text__background--table {
  color: white; }

html a.text:hover__background--table {
  color: #cccccc; }

html .bg__background--table-head {
  color: #5f7d95;
  background-color: #f2f5f7; }

html .text__background--table-head {
  color: #f2f5f7; }

html a.text:hover__background--table-head {
  color: #d1dee5; }

html .bg__background--table-odd {
  color: #5f7d95;
  background-color: #feffff; }

html .text__background--table-odd {
  color: #feffff; }

html a.text:hover__background--table-odd {
  color: #dee7ec; }

html .bg__background--tabs {
  color: #5f7d95;
  background-color: white; }

html .text__background--tabs {
  color: white; }

html a.text:hover__background--tabs {
  color: #cccccc; }

html .bg__background--tabs-active {
  color: #5f7d95;
  background-color: #f8fafb; }

html .text__background--tabs-active {
  color: #f8fafb; }

html a.text:hover__background--tabs-active {
  color: #b7ccd6; }

html .bg__background--tags {
  color: #5f7d95;
  background-color: white; }

html .text__background--tags {
  color: white; }

html a.text:hover__background--tags {
  color: #cccccc; }

html .bg__background--tags-inverted {
  color: #5f7d95;
  background-color: #f8fafb; }

html .text__background--tags-inverted {
  color: #f8fafb; }

html a.text:hover__background--tags-inverted {
  color: #b7ccd6; }

html .bg__background--tooltip {
  color: #5f7d95;
  background-color: white; }

html .text__background--tooltip {
  color: white; }

html a.text:hover__background--tooltip {
  color: #cccccc; }

html .bg__state--green {
  color: #fff;
  background-color: #69e781; }

html .text__state--green {
  color: #69e781; }

html a.text:hover__state--green {
  color: #20ca41; }

html .bg__state--blue {
  color: #fff;
  background-color: #1273eb; }

html .text__state--blue {
  color: #1273eb; }

html a.text:hover__state--blue {
  color: #0b458c; }

html .bg__state--gray {
  color: #fff;
  background-color: #869fb2; }

html .text__state--gray {
  color: #869fb2; }

html a.text:hover__state--gray {
  color: #526c80; }

html .bg__state--red {
  color: #fff;
  background-color: #fb5252; }

html .text__state--red {
  color: #fb5252; }

html a.text:hover__state--red {
  color: #e20505; }

html .bg__state--yellow {
  color: #fff;
  background-color: #ffb229; }

html .text__state--yellow {
  color: #ffb229; }

html a.text:hover__state--yellow {
  color: #c27c00; }

html .bg__state--purple {
  color: #fff;
  background-color: #4949e7; }

html .text__state--purple {
  color: #4949e7; }

html a.text:hover__state--purple {
  color: #1818b2; }

html .bg__state--premium {
  color: #fff;
  background-color: #ffb229; }

html .text__state--premium {
  color: #ffb229; }

html a.text:hover__state--premium {
  color: #c27c00; }

html .bg__gray--9 {
  color: white;
  background-color: #1d262d; }

html .text__gray--9 {
  color: #1d262d; }

html a.text:hover__gray--9 {
  color: black; }

html .bg__gray--8 {
  color: white;
  background-color: #374957; }

html .text__gray--8 {
  color: #374957; }

html a.text:hover__gray--8 {
  color: #0f1519; }

html .bg__gray--7 {
  color: white;
  background-color: #5f7d95; }

html .text__gray--7 {
  color: #5f7d95; }

html a.text:hover__gray--7 {
  color: #374957; }

html .bg__gray--6 {
  color: white;
  background-color: #869fb2; }

html .text__gray--6 {
  color: #869fb2; }

html a.text:hover__gray--6 {
  color: #526c80; }

html .bg__gray--5 {
  color: white;
  background-color: #a5b7c6; }

html .text__gray--5 {
  color: #a5b7c6; }

html a.text:hover__gray--5 {
  color: #67859e; }

html .bg__gray--4 {
  color: #5f7d95;
  background-color: #bac8d3; }

html .text__gray--4 {
  color: #bac8d3; }

html a.text:hover__gray--4 {
  color: #7c96ab; }

html .bg__gray--3 {
  color: #5f7d95;
  background-color: #cfd9e0; }

html .text__gray--3 {
  color: #cfd9e0; }

html a.text:hover__gray--3 {
  color: #91a8b8; }

html .bg__gray--2 {
  color: #5f7d95;
  background-color: #e3e9ed; }

html .text__gray--2 {
  color: #e3e9ed; }

html a.text:hover__gray--2 {
  color: #a5b8c5; }

html .bg__gray--1 {
  color: #5f7d95;
  background-color: #f8fafb; }

html .text__gray--1 {
  color: #f8fafb; }

html a.text:hover__gray--1 {
  color: #b7ccd6; }

html .bg__dark-blue--7 {
  color: white;
  background-color: #08192b; }

html .text__dark-blue--7 {
  color: #08192b; }

html a.text:hover__dark-blue--7 {
  color: black; }

html .bg__dark-blue--6 {
  color: white;
  background-color: #0b2239; }

html .text__dark-blue--6 {
  color: #0b2239; }

html a.text:hover__dark-blue--6 {
  color: black; }

html .bg__dark-blue--5 {
  color: white;
  background-color: #0e2a47; }

html .text__dark-blue--5 {
  color: #0e2a47; }

html a.text:hover__dark-blue--5 {
  color: black; }

html .bg__dark-blue--4 {
  color: white;
  background-color: #113255; }

html .text__dark-blue--4 {
  color: #113255; }

html a.text:hover__dark-blue--4 {
  color: black; }

html .bg__dark-blue--3 {
  color: white;
  background-color: #143b63; }

html .text__dark-blue--3 {
  color: #143b63; }

html a.text:hover__dark-blue--3 {
  color: #03080e; }

html .bg__dark-blue--2 {
  color: white;
  background-color: #164372; }

html .text__dark-blue--2 {
  color: #164372; }

html a.text:hover__dark-blue--2 {
  color: #06111d; }

html .bg__dark-blue--1 {
  color: white;
  background-color: #194c80; }

html .text__dark-blue--1 {
  color: #194c80; }

html a.text:hover__dark-blue--1 {
  color: #08192b; }

html .bg__purple--8 {
  color: white;
  background-color: #202095; }

html .text__purple--8 {
  color: #202095; }

html a.text:hover__purple--8 {
  color: #0e0e41; }

html .bg__purple--7 {
  color: white;
  background-color: #2d2db0; }

html .text__purple--7 {
  color: #2d2db0; }

html a.text:hover__purple--7 {
  color: #18185f; }

html .bg__purple--6 {
  color: white;
  background-color: #3636cc; }

html .text__purple--6 {
  color: #3636cc; }

html a.text:hover__purple--6 {
  color: #20207c; }

html .bg__purple--5 {
  color: white;
  background-color: #4949e7; }

html .text__purple--5 {
  color: #4949e7; }

html a.text:hover__purple--5 {
  color: #1818b2; }

html .bg__purple--4 {
  color: white;
  background-color: #5f5ff6; }

html .text__purple--4 {
  color: #5f5ff6; }

html a.text:hover__purple--4 {
  color: #0d0de2; }

html .bg__purple--3 {
  color: white;
  background-color: #8080f1; }

html .text__purple--3 {
  color: #8080f1; }

html a.text:hover__purple--3 {
  color: #2424e7; }

html .bg__purple--2 {
  color: white;
  background-color: #b3b3fc; }

html .text__purple--2 {
  color: #b3b3fc; }

html a.text:hover__purple--2 {
  color: #5151f8; }

html .bg__purple--1 {
  color: #5f7d95;
  background-color: #d7d7ff; }

html .text__purple--1 {
  color: #d7d7ff; }

html a.text:hover__purple--1 {
  color: #7171ff; }

html .bg__blue--8 {
  color: white;
  background-color: #04458f; }

html .text__blue--8 {
  color: #04458f; }

html a.text:hover__blue--8 {
  color: #01152c; }

html .bg__blue--7 {
  color: white;
  background-color: #0353a7; }

html .text__blue--7 {
  color: #0353a7; }

html a.text:hover__blue--7 {
  color: #012143; }

html .bg__blue--6 {
  color: white;
  background-color: #0161cd; }

html .text__blue--6 {
  color: #0161cd; }

html a.text:hover__blue--6 {
  color: #013167; }

html .bg__blue--5 {
  color: white;
  background-color: #1273eb; }

html .text__blue--5 {
  color: #1273eb; }

html a.text:hover__blue--5 {
  color: #0b458c; }

html .bg__blue--4 {
  color: white;
  background-color: #2c8cf4; }

html .text__blue--4 {
  color: #2c8cf4; }

html a.text:hover__blue--4 {
  color: #095ab1; }

html .bg__blue--3 {
  color: white;
  background-color: #5eb2fc; }

html .text__blue--3 {
  color: #5eb2fc; }

html a.text:hover__blue--3 {
  color: #0481f0; }

html .bg__blue--2 {
  color: #5f7d95;
  background-color: #92cdfa; }

html .text__blue--2 {
  color: #92cdfa; }

html a.text:hover__blue--2 {
  color: #30a0f6; }

html .bg__blue--1 {
  color: #5f7d95;
  background-color: #c7ebff; }

html .text__blue--1 {
  color: #c7ebff; }

html a.text:hover__blue--1 {
  color: #61c7ff; }

html .bg__green--8 {
  color: white;
  background-color: #00af80; }

html .text__green--8 {
  color: #00af80; }

html a.text:hover__green--8 {
  color: #004935; }

html .bg__green--7 {
  color: white;
  background-color: #2bc48a; }

html .text__green--7 {
  color: #2bc48a; }

html a.text:hover__green--7 {
  color: #19704f; }

html .bg__green--6 {
  color: white;
  background-color: #4ad295; }

html .text__green--6 {
  color: #4ad295; }

html a.text:hover__green--6 {
  color: #249261; }

html .bg__green--5 {
  color: #5f7d95;
  background-color: #69e781; }

html .text__green--5 {
  color: #69e781; }

html a.text:hover__green--5 {
  color: #20ca41; }

html .bg__green--4 {
  color: #5f7d95;
  background-color: #8df690; }

html .text__green--4 {
  color: #8df690; }

html a.text:hover__green--4 {
  color: #2eef34; }

html .bg__green--3 {
  color: #5f7d95;
  background-color: #abffad; }

html .text__green--3 {
  color: #abffad; }

html a.text:hover__green--3 {
  color: #45ff49; }

html .bg__green--2 {
  color: #5f7d95;
  background-color: #c7ffc7; }

html .text__green--2 {
  color: #c7ffc7; }

html a.text:hover__green--2 {
  color: #61ff61; }

html .bg__green--1 {
  color: #5f7d95;
  background-color: #e2ffe2; }

html .text__green--1 {
  color: #e2ffe2; }

html a.text:hover__green--1 {
  color: #7cff7c; }

html .bg__yellow--8 {
  color: white;
  background-color: #eb7d16; }

html .text__yellow--8 {
  color: #eb7d16; }

html a.text:hover__yellow--8 {
  color: #8f4b0c; }

html .bg__yellow--7 {
  color: white;
  background-color: #f69110; }

html .text__yellow--7 {
  color: #f69110; }

html a.text:hover__yellow--7 {
  color: #9a5906; }

html .bg__yellow--6 {
  color: white;
  background-color: #fca120; }

html .text__yellow--6 {
  color: #fca120; }

html a.text:hover__yellow--6 {
  color: #b46a02; }

html .bg__yellow--5 {
  color: white;
  background-color: #ffb229; }

html .text__yellow--5 {
  color: #ffb229; }

html a.text:hover__yellow--5 {
  color: #c27c00; }

html .bg__yellow--4 {
  color: #5f7d95;
  background-color: #fcbd24; }

html .text__yellow--4 {
  color: #fcbd24; }

html a.text:hover__yellow--4 {
  color: #b78303; }

html .bg__yellow--3 {
  color: #5f7d95;
  background-color: #fcd250; }

html .text__yellow--3 {
  color: #fcd250; }

html a.text:hover__yellow--3 {
  color: #e2ac04; }

html .bg__yellow--2 {
  color: #5f7d95;
  background-color: #fcdb7e; }

html .text__yellow--2 {
  color: #fcdb7e; }

html a.text:hover__yellow--2 {
  color: #fabf1a; }

html .bg__yellow--1 {
  color: #5f7d95;
  background-color: #ffeeb6; }

html .text__yellow--1 {
  color: #ffeeb6; }

html a.text:hover__yellow--1 {
  color: #ffd650; }

html .bg__red--8 {
  color: white;
  background-color: #c12020; }

html .text__red--8 {
  color: #c12020; }

html a.text:hover__red--8 {
  color: #6a1111; }

html .bg__red--7 {
  color: white;
  background-color: #d53232; }

html .text__red--7 {
  color: #d53232; }

html a.text:hover__red--7 {
  color: #861b1b; }

html .bg__red--6 {
  color: white;
  background-color: #ec3a3b; }

html .text__red--6 {
  color: #ec3a3b; }

html a.text:hover__red--6 {
  color: #af1112; }

html .bg__red--5 {
  color: white;
  background-color: #fb5252; }

html .text__red--5 {
  color: #fb5252; }

html a.text:hover__red--5 {
  color: #e20505; }

html .bg__red--4 {
  color: white;
  background-color: #ff8578; }

html .text__red--4 {
  color: #ff8578; }

html a.text:hover__red--4 {
  color: #ff2912; }

html .bg__red--3 {
  color: white;
  background-color: #ffa68f; }

html .text__red--3 {
  color: #ffa68f; }

html a.text:hover__red--3 {
  color: #ff5529; }

html .bg__red--2 {
  color: #5f7d95;
  background-color: #ffc8af; }

html .text__red--2 {
  color: #ffc8af; }

html a.text:hover__red--2 {
  color: #ff8249; }

html .bg__red--1 {
  color: #5f7d95;
  background-color: #ffdecc; }

html .text__red--1 {
  color: #ffdecc; }

html a.text:hover__red--1 {
  color: #ff9c66; }

html .floatl {
  float: left; }

html .floatr {
  float: right; }

html .clear {
  clear: both; }

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

html .roman {
  font-style: normal; }

html .italic {
  font-style: italic; }

html .light {
  font-weight: 300; }

html .regular {
  font-weight: 400; }

html .medium {
  font-weight: 500; }

html .semibold {
  font-weight: 600; }

html .bold {
  font-weight: 700; }

html .ff--base {
  font-family: "Proxima Nova"; }

html .ff--title {
  font-family: "Proxima Nova"; }

html .alignl {
  text-align: left; }

html .alignr {
  text-align: right; }

html .alignc {
  text-align: center; }

html .font-xs {
  font-size: 13px; }

html .font-sm {
  font-size: 14px; }

html .font-md {
  font-size: 16px; }

html .font-lg {
  font-size: 18px; }

html .font-xl {
  font-size: 22px; }

html .font-h1 {
  font-size: 40px; }
  @media screen and (min-width: 480px) {
    html .font-h1 {
      font-size: calc(40px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    html .font-h1 {
      font-size: 46px; } }

html .font-h2 {
  font-size: 36px; }
  @media screen and (min-width: 480px) {
    html .font-h2 {
      font-size: calc(36px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    html .font-h2 {
      font-size: 42px; } }

html .font-h3 {
  font-size: 32px; }
  @media screen and (min-width: 480px) {
    html .font-h3 {
      font-size: calc(32px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    html .font-h3 {
      font-size: 38px; } }

html .font-h4 {
  font-size: 28px; }
  @media screen and (min-width: 480px) {
    html .font-h4 {
      font-size: calc(28px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    html .font-h4 {
      font-size: 34px; } }

html .font-h5 {
  font-size: 24px; }
  @media screen and (min-width: 480px) {
    html .font-h5 {
      font-size: calc(24px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    html .font-h5 {
      font-size: 30px; } }

html .font-h6 {
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    html .font-h6 {
      font-size: calc(20px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    html .font-h6 {
      font-size: 26px; } }

html .font-lh-xs {
  line-height: 13px; }

html .font-lh-sm {
  line-height: 14px; }

html .font-lh-md {
  line-height: 16px; }

html .font-lh-lg {
  line-height: 18px; }

html .font-lh-xl {
  line-height: 22px; }

html .resetcase {
  text-transform: initial; }

html .lowercase {
  text-transform: lowercase; }

html .uppercase {
  text-transform: uppercase; }

html .capitalize {
  text-transform: capitalize; }

html .strike {
  text-decoration: line-through; }

html .underline {
  text-decoration: underline; }

html .text-inverted {
  color: white; }

html .line-height-xs {
  line-height: 24px; }

html .line-height-sm {
  line-height: 34px; }

html .line-height-md {
  line-height: 44px; }

html .line-height-lg {
  line-height: 54px; }

html .line-height-xl {
  line-height: 64px; }

html .line-height-reset {
  line-height: normal; }

html body.noscript .noscript {
  display: none !important; }

html .full-width-fix {
  margin: 0 -5px; }

html .full-width-fix-i {
  margin: 0 -5px !important; }

html .full-width {
  width: 100% !important; }

html .full-height {
  height: 100% !important; }

html .invisible {
  visibility: hidden; }

html .hide {
  display: none !important; }

html .inline {
  display: inline; }

html .inline-i {
  display: inline !important; }

html .block {
  display: block; }

html .block-i {
  display: block !important; }

html .inline-block {
  display: inline-block; }

html .inline-block-i {
  display: inline-block !important; }

html .overflow-hidden {
  overflow: hidden; }

html .overflow-auto {
  overflow: auto; }

html .overflow-scroll {
  overflow: scroll !important; }

html .overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

html .overflow-visible {
  overflow: visible; }

html .scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%; }
  @media screen and (max-width: 768px) {
    html .scrollable {
      overflow-y: scroll; }
      html .scrollable > .container,
      html .scrollable > .container-fluid {
        min-height: calc(100% + 10px); } }
  html .scrollable--absolute {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%; }

html .v-alignc {
  vertical-align: middle; }

html .v-alignc-transform {
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%); }

html .paragraph-readable {
  max-width: 640px; }

html .paragraph-readable--xs {
  max-width: 480px; }

html .size--xs {
  height: 24px;
  font-size: 13px;
  line-height: 24px; }

html .size--sm {
  height: 34px;
  font-size: 14px;
  line-height: 34px; }

html .size--md {
  height: 44px;
  font-size: 16px;
  line-height: 44px; }

html .size--lg {
  height: 54px;
  font-size: 18px;
  line-height: 54px; }

html .size--xl {
  height: 64px;
  font-size: 22px;
  line-height: 64px; }

html .mg-none-i {
  margin: 0 !important; }

html .mg-x-none-i {
  margin-left: 0 !important;
  margin-right: 0 !important; }

html .mg-y-none-i {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

html .mg-lv1 {
  margin: 5px; }

html .mg-lv1-i {
  margin: 5px !important; }

html .mg-top-lv1 {
  margin-top: 5px; }

html .mg-top-lv1-i {
  margin-top: 5px !important; }

html .mg-right-lv1 {
  margin-right: 5px; }

html .mg-right-lv1-i {
  margin-right: 5px !important; }

html .mg-bottom-lv1 {
  margin-bottom: 5px; }

html .mg-bottom-lv1-i {
  margin-bottom: 5px !important; }

html .mg-left-lv1 {
  margin-left: 5px; }

html .mg-left-lv1-i {
  margin-left: 5px !important; }

html .mg-lv2 {
  margin: 10px; }

html .mg-lv2-i {
  margin: 10px !important; }

html .mg-top-lv2 {
  margin-top: 10px; }

html .mg-top-lv2-i {
  margin-top: 10px !important; }

html .mg-right-lv2 {
  margin-right: 10px; }

html .mg-right-lv2-i {
  margin-right: 10px !important; }

html .mg-bottom-lv2 {
  margin-bottom: 10px; }

html .mg-bottom-lv2-i {
  margin-bottom: 10px !important; }

html .mg-left-lv2 {
  margin-left: 10px; }

html .mg-left-lv2-i {
  margin-left: 10px !important; }

html .mg-lv3 {
  margin: 20px; }

html .mg-lv3-i {
  margin: 20px !important; }

html .mg-top-lv3 {
  margin-top: 20px; }

html .mg-top-lv3-i {
  margin-top: 20px !important; }

html .mg-right-lv3 {
  margin-right: 20px; }

html .mg-right-lv3-i {
  margin-right: 20px !important; }

html .mg-bottom-lv3 {
  margin-bottom: 20px; }

html .mg-bottom-lv3-i {
  margin-bottom: 20px !important; }

html .mg-left-lv3 {
  margin-left: 20px; }

html .mg-left-lv3-i {
  margin-left: 20px !important; }

html .mg-lv4 {
  margin: 40px; }

html .mg-lv4-i {
  margin: 40px !important; }

html .mg-top-lv4 {
  margin-top: 40px; }

html .mg-top-lv4-i {
  margin-top: 40px !important; }

html .mg-right-lv4 {
  margin-right: 40px; }

html .mg-right-lv4-i {
  margin-right: 40px !important; }

html .mg-bottom-lv4 {
  margin-bottom: 40px; }

html .mg-bottom-lv4-i {
  margin-bottom: 40px !important; }

html .mg-left-lv4 {
  margin-left: 40px; }

html .mg-left-lv4-i {
  margin-left: 40px !important; }

html .mg-lv5 {
  margin: 80px; }

html .mg-lv5-i {
  margin: 80px !important; }

html .mg-top-lv5 {
  margin-top: 80px; }

html .mg-top-lv5-i {
  margin-top: 80px !important; }

html .mg-right-lv5 {
  margin-right: 80px; }

html .mg-right-lv5-i {
  margin-right: 80px !important; }

html .mg-bottom-lv5 {
  margin-bottom: 80px; }

html .mg-bottom-lv5-i {
  margin-bottom: 80px !important; }

html .mg-left-lv5 {
  margin-left: 80px; }

html .mg-left-lv5-i {
  margin-left: 80px !important; }

html .mg-none {
  margin: 0; }

html .mg-x-none {
  margin-left: 0;
  margin-right: 0; }

html .mg-y-none {
  margin-top: 0;
  margin-bottom: 0; }

html .pd-none-i {
  padding: 0 !important; }

html .pd-x-none-i {
  padding-left: 0 !important;
  padding-right: 0 !important; }

html .pd-y-none-i {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

html .pd-lv1 {
  padding: 5px; }

html .pd-lv1-i {
  padding: 5px !important; }

html .pd-top-lv1 {
  padding-top: 5px; }

html .pd-top-lv1-i {
  padding-top: 5px !important; }

html .pd-right-lv1 {
  padding-right: 5px; }

html .pd-right-lv1-i {
  padding-right: 5px !important; }

html .pd-bottom-lv1 {
  padding-bottom: 5px; }

html .pd-bottom-lv1-i {
  padding-bottom: 5px !important; }

html .pd-left-lv1 {
  padding-left: 5px; }

html .pd-left-lv1-i {
  padding-left: 5px !important; }

html .pd-lv2 {
  padding: 10px; }

html .pd-lv2-i {
  padding: 10px !important; }

html .pd-top-lv2 {
  padding-top: 10px; }

html .pd-top-lv2-i {
  padding-top: 10px !important; }

html .pd-right-lv2 {
  padding-right: 10px; }

html .pd-right-lv2-i {
  padding-right: 10px !important; }

html .pd-bottom-lv2 {
  padding-bottom: 10px; }

html .pd-bottom-lv2-i {
  padding-bottom: 10px !important; }

html .pd-left-lv2 {
  padding-left: 10px; }

html .pd-left-lv2-i {
  padding-left: 10px !important; }

html .pd-lv3 {
  padding: 20px; }

html .pd-lv3-i {
  padding: 20px !important; }

html .pd-top-lv3 {
  padding-top: 20px; }

html .pd-top-lv3-i {
  padding-top: 20px !important; }

html .pd-right-lv3 {
  padding-right: 20px; }

html .pd-right-lv3-i {
  padding-right: 20px !important; }

html .pd-bottom-lv3 {
  padding-bottom: 20px; }

html .pd-bottom-lv3-i {
  padding-bottom: 20px !important; }

html .pd-left-lv3 {
  padding-left: 20px; }

html .pd-left-lv3-i {
  padding-left: 20px !important; }

html .pd-lv4 {
  padding: 40px; }

html .pd-lv4-i {
  padding: 40px !important; }

html .pd-top-lv4 {
  padding-top: 40px; }

html .pd-top-lv4-i {
  padding-top: 40px !important; }

html .pd-right-lv4 {
  padding-right: 40px; }

html .pd-right-lv4-i {
  padding-right: 40px !important; }

html .pd-bottom-lv4 {
  padding-bottom: 40px; }

html .pd-bottom-lv4-i {
  padding-bottom: 40px !important; }

html .pd-left-lv4 {
  padding-left: 40px; }

html .pd-left-lv4-i {
  padding-left: 40px !important; }

html .pd-lv5 {
  padding: 80px; }

html .pd-lv5-i {
  padding: 80px !important; }

html .pd-top-lv5 {
  padding-top: 80px; }

html .pd-top-lv5-i {
  padding-top: 80px !important; }

html .pd-right-lv5 {
  padding-right: 80px; }

html .pd-right-lv5-i {
  padding-right: 80px !important; }

html .pd-bottom-lv5 {
  padding-bottom: 80px; }

html .pd-bottom-lv5-i {
  padding-bottom: 80px !important; }

html .pd-left-lv5 {
  padding-left: 80px; }

html .pd-left-lv5-i {
  padding-left: 80px !important; }

html .pd-none {
  padding: 0; }

html .pd-x-none {
  padding-left: 0;
  padding-right: 0; }

html .pd-y-none {
  padding-top: 0;
  padding-bottom: 0; }

html .push-left {
  margin-right: auto; }

html .push-left-i {
  margin-right: auto !important; }

html .push-right {
  margin-left: auto; }

html .push-right-i {
  margin-left: auto !important; }

html .push-center {
  margin-left: auto;
  margin-right: auto; }

html .push-center-i {
  margin-left: auto !important;
  margin-right: auto !important; }

html .show-phone,
html .show-phone-i,
html .show-mobile,
html .show-mobile-i,
html .show-tablet,
html .show-tablet-i,
html .hide-desktop {
  display: none !important; }

@media screen and (max-width: 640px) {
  html .full-width-phone {
    width: 100%; }
  html .left-on-phone {
    text-align: left; }
  html .nofloat-phone {
    float: none; }
  html .show-phone {
    display: inherit !important; }
  html .show-phone-i {
    display: inherit !important; } }

@media screen and (max-width: 768px) {
  html .full-width-mobile {
    width: 100%; }
  html .show-mobile {
    display: inherit !important; }
  html .show-mobile-i {
    display: inherit !important; } }

@media screen and (max-width: 640px) {
  html .hide-phone {
    display: none !important; } }

@media screen and (max-width: 768px) {
  html .hide-mobile {
    display: none !important; } }

@media screen and (max-width: 992px) {
  html .hide-tablet {
    display: none !important; }
  html .show-tablet {
    display: inherit !important; }
  html .show-tablet-i {
    display: inherit !important; } }

@media screen and (min-width: 992px) {
  html .hide-desktop {
    display: inherit !important; } }

html .video-wrapper {
  position: relative;
  overflow: hidden; }
  html .video-wrapper::before {
    display: block;
    padding-bottom: 56.25%;
    content: ''; }
  html .video-wrapper .video, html .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

html .aspect-ratio::before {
  display: block;
  width: 100%;
  content: ''; }

html .aspect-ratio--100::before {
  padding: 0 0 100%; }

html .aspect-ratio--75::before {
  padding: 0 0 75%; }

html .aspect-ratio--16-9::before {
  padding: 0 0 56.25%; }

html .aspect-ratio--4-3::before {
  padding: 0 0 75%; }

html .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important; }

html .disabled {
  opacity: .4;
  pointer-events: none !important; }
  html .disabled * {
    pointer-events: none !important; }

html .opacity-1 {
  opacity: 0.1; }

html .opacity-2 {
  opacity: 0.2; }

html .opacity-3 {
  opacity: 0.3; }

html .opacity-4 {
  opacity: 0.4; }

html .opacity-5 {
  opacity: 0.5; }

html .opacity-6 {
  opacity: 0.6; }

html .opacity-7 {
  opacity: 0.7; }

html .opacity-8 {
  opacity: 0.8; }

html .opacity-9 {
  opacity: 0.9; }

html .opacity-10 {
  opacity: 1; }

@font-face {
  font-family: "bobjoll";
  src: url(//theme.zdassets.com/theme_assets/680878/607fc7bfd087b576e4b2eadec51e0f6389f0a6d9.woff2) format("woff2"), url(//theme.zdassets.com/theme_assets/680878/afde3eaa8ed403b0c5ddc2a72669f9e11b306fe7.woff) format("woff"); }

.icon {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  color: #5f7d95;
  fill: #5f7d95;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none; }
  .icon::before {
    font-family: "bobjoll";
    font-style: normal;
    font-weight: normal;
    font-variant: normal; }

.icon--inverted {
  color: white !important;
  fill: white !important; }

.icon--behance {
  color: #1769ff;
  fill: #1769ff; }

.icon--dribbble {
  color: #ea4c89;
  fill: #ea4c89; }

.icon--facebook {
  color: #3b5998;
  fill: #3b5998; }

.icon--google {
  color: #dd4b39;
  fill: #dd4b39; }

.icon--instagram {
  color: #c32aa3;
  fill: #c32aa3; }

.icon--pinterest {
  color: #cb2027;
  fill: #cb2027; }

.icon--stumbleupon {
  color: #f74425;
  fill: #f74425; }

.icon--telegram {
  color: #0088cc;
  fill: #0088cc; }

.icon--twitter {
  color: #55acee;
  fill: #55acee; }

.icon--vimeo {
  color: #aad450;
  fill: #aad450; }

.icon--whatsapp {
  color: #25d366;
  fill: #25d366; }

.icon--youtube {
  color: #bb0000;
  fill: #bb0000; }

.icon--xs {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px; }
  .icon--xs.icon--mg-xs {
    padding: 6px;
    box-sizing: content-box; }
  .icon--xs.icon--mg-sm {
    padding: 11px;
    box-sizing: content-box; }
  .icon--xs.icon--mg-md {
    padding: 16px;
    box-sizing: content-box; }
  .icon--xs.icon--mg-lg {
    padding: 21px;
    box-sizing: content-box; }
  .icon--xs.icon--mg-xl {
    padding: 26px;
    box-sizing: content-box; }

.icon--sm {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px; }
  .icon--sm.icon--mg-xs {
    padding: 4px;
    box-sizing: content-box; }
  .icon--sm.icon--mg-sm {
    padding: 9px;
    box-sizing: content-box; }
  .icon--sm.icon--mg-md {
    padding: 14px;
    box-sizing: content-box; }
  .icon--sm.icon--mg-lg {
    padding: 19px;
    box-sizing: content-box; }
  .icon--sm.icon--mg-xl {
    padding: 24px;
    box-sizing: content-box; }

.icon--md {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px; }
  .icon--md.icon--mg-xs {
    padding: 2px;
    box-sizing: content-box; }
  .icon--md.icon--mg-sm {
    padding: 7px;
    box-sizing: content-box; }
  .icon--md.icon--mg-md {
    padding: 12px;
    box-sizing: content-box; }
  .icon--md.icon--mg-lg {
    padding: 17px;
    box-sizing: content-box; }
  .icon--md.icon--mg-xl {
    padding: 22px;
    box-sizing: content-box; }

.icon--lg {
  width: 26px;
  height: 26px;
  font-size: 26px;
  line-height: 26px; }
  .icon--lg.icon--mg-xs {
    padding: -1px;
    box-sizing: content-box; }
  .icon--lg.icon--mg-sm {
    padding: 4px;
    box-sizing: content-box; }
  .icon--lg.icon--mg-md {
    padding: 9px;
    box-sizing: content-box; }
  .icon--lg.icon--mg-lg {
    padding: 14px;
    box-sizing: content-box; }
  .icon--lg.icon--mg-xl {
    padding: 19px;
    box-sizing: content-box; }

.icon--xl {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px; }
  .icon--xl.icon--mg-xs {
    padding: -3px;
    box-sizing: content-box; }
  .icon--xl.icon--mg-sm {
    padding: 2px;
    box-sizing: content-box; }
  .icon--xl.icon--mg-md {
    padding: 7px;
    box-sizing: content-box; }
  .icon--xl.icon--mg-lg {
    padding: 12px;
    box-sizing: content-box; }
  .icon--xl.icon--mg-xl {
    padding: 17px;
    box-sizing: content-box; }

.icon--addcollection:before { content: "\f101"; }
.icon--advanced:before { content: "\f102"; }
.icon--aligncenter:before { content: "\f103"; }
.icon--alignleft:before { content: "\f104"; }
.icon--alignright:before { content: "\f105"; }
.icon--amex:before { content: "\f106"; }
.icon--archive:before { content: "\f107"; }
.icon--backwards:before { content: "\f108"; }
.icon--beginner:before { content: "\f109"; }
.icon--behance:before { content: "\f10a"; }
.icon--bold:before { content: "\f10b"; }
.icon--book:before { content: "\f10c"; }
.icon--bookmark-filled:before { content: "\f10d"; }
.icon--bookmark:before { content: "\f10e"; }
.icon--briefcase:before { content: "\f10f"; }
.icon--bug:before { content: "\f110"; }
.icon--calendar:before { content: "\f111"; }
.icon--caret-down:before { content: "\f112"; }
.icon--caret-left:before { content: "\f113"; }
.icon--caret-right:before { content: "\f114"; }
.icon--caret-up:before { content: "\f115"; }
.icon--check:before { content: "\f116"; }
.icon--checkbox:before { content: "\f117"; }
.icon--circle-filled:before { content: "\f118"; }
.icon--circle-lineal-small:before { content: "\f119"; }
.icon--circle-lineal:before { content: "\f11a"; }
.icon--clean:before { content: "\f11b"; }
.icon--clip:before { content: "\f11c"; }
.icon--cloud:before { content: "\f11d"; }
.icon--collection:before { content: "\f11e"; }
.icon--comment:before { content: "\f11f"; }
.icon--cookie:before { content: "\f120"; }
.icon--copyright:before { content: "\f121"; }
.icon--coupon:before { content: "\f122"; }
.icon--credit-card:before { content: "\f123"; }
.icon--cross-small:before { content: "\f124"; }
.icon--cross:before { content: "\f125"; }
.icon--crown:before { content: "\f126"; }
.icon--disabled:before { content: "\f127"; }
.icon--dollar:before { content: "\f128"; }
.icon--down-small:before { content: "\f129"; }
.icon--down:before { content: "\f12a"; }
.icon--download:before { content: "\f12b"; }
.icon--dribbble:before { content: "\f12c"; }
.icon--duplicate:before { content: "\f12d"; }
.icon--earnings:before { content: "\f12e"; }
.icon--edit:before { content: "\f12f"; }
.icon--envelope-solid:before { content: "\f130"; }
.icon--envelope:before { content: "\f131"; }
.icon--exclamation:before { content: "\f132"; }
.icon--eye-line-through:before { content: "\f133"; }
.icon--eye:before { content: "\f134"; }
.icon--facebook:before { content: "\f135"; }
.icon--file:before { content: "\f136"; }
.icon--filter:before { content: "\f137"; }
.icon--flame:before { content: "\f138"; }
.icon--flaticon:before { content: "\f139"; }
.icon--flip:before { content: "\f13a"; }
.icon--folder:before { content: "\f13b"; }
.icon--followcollection:before { content: "\f13c"; }
.icon--following:before { content: "\f13d"; }
.icon--font:before { content: "\f13e"; }
.icon--forwards:before { content: "\f13f"; }
.icon--fullscreen:before { content: "\f140"; }
.icon--globe:before { content: "\f141"; }
.icon--google:before { content: "\f142"; }
.icon--grid:before { content: "\f143"; }
.icon--heart-filled:before { content: "\f144"; }
.icon--heart:before { content: "\f145"; }
.icon--home:before { content: "\f146"; }
.icon--inbox:before { content: "\f147"; }
.icon--info:before { content: "\f148"; }
.icon--instagram:before { content: "\f149"; }
.icon--interactive:before { content: "\f14a"; }
.icon--intermediate:before { content: "\f14b"; }
.icon--interogation:before { content: "\f14c"; }
.icon--italic:before { content: "\f14d"; }
.icon--justify:before { content: "\f14e"; }
.icon--laptop:before { content: "\f14f"; }
.icon--layers:before { content: "\f150"; }
.icon--left-small:before { content: "\f151"; }
.icon--left:before { content: "\f152"; }
.icon--linkedin:before { content: "\f153"; }
.icon--list:before { content: "\f154"; }
.icon--lock-open-solid:before { content: "\f155"; }
.icon--lock-solid:before { content: "\f156"; }
.icon--lock:before { content: "\f157"; }
.icon--logo-symbol-old:before { content: "\f158"; }
.icon--logo-symbol:before { content: "\f159"; }
.icon--logo-text-old:before { content: "\f15a"; }
.icon--logo-text:before { content: "\f15b"; }
.icon--logout:before { content: "\f15c"; }
.icon--marker:before { content: "\f15d"; }
.icon--master-card:before { content: "\f15e"; }
.icon--menuburger:before { content: "\f15f"; }
.icon--menudots-vertical:before { content: "\f160"; }
.icon--menudots:before { content: "\f161"; }
.icon--minimize:before { content: "\f162"; }
.icon--minus-small:before { content: "\f163"; }
.icon--minus:before { content: "\f164"; }
.icon--next-small:before { content: "\f165"; }
.icon--next:before { content: "\f166"; }
.icon--notification:before { content: "\f167"; }
.icon--o-horizontal:before { content: "\f168"; }
.icon--o-panoramic:before { content: "\f169"; }
.icon--o-square:before { content: "\f16a"; }
.icon--o-vertical:before { content: "\f16b"; }
.icon--opacity:before { content: "\f16c"; }
.icon--palette:before { content: "\f16d"; }
.icon--paper-plane:before { content: "\f16e"; }
.icon--paper-plane2:before { content: "\f16f"; }
.icon--pause:before { content: "\f170"; }
.icon--paypal:before { content: "\f171"; }
.icon--pencil:before { content: "\f172"; }
.icon--phone:before { content: "\f173"; }
.icon--photo:before { content: "\f174"; }
.icon--pinterest:before { content: "\f175"; }
.icon--pixabay:before { content: "\f176"; }
.icon--play:before { content: "\f177"; }
.icon--plus-small:before { content: "\f178"; }
.icon--plus:before { content: "\f179"; }
.icon--prev-small:before { content: "\f17a"; }
.icon--prev:before { content: "\f17b"; }
.icon--projects:before { content: "\f17c"; }
.icon--psd:before { content: "\f17d"; }
.icon--quote:before { content: "\f17e"; }
.icon--receipt:before { content: "\f17f"; }
.icon--redo:before { content: "\f180"; }
.icon--refresh:before { content: "\f181"; }
.icon--removecollection:before { content: "\f182"; }
.icon--resources:before { content: "\f183"; }
.icon--right-small:before { content: "\f184"; }
.icon--right:before { content: "\f185"; }
.icon--rotate:before { content: "\f186"; }
.icon--save:before { content: "\f187"; }
.icon--search:before { content: "\f188"; }
.icon--security:before { content: "\f189"; }
.icon--settings:before { content: "\f18a"; }
.icon--share:before { content: "\f18b"; }
.icon--shopping-cart:before { content: "\f18c"; }
.icon--shuffle:before { content: "\f18d"; }
.icon--sortcollection:before { content: "\f18e"; }
.icon--spinner:before { content: "\f18f"; }
.icon--squares:before { content: "\f190"; }
.icon--star-filled:before { content: "\f191"; }
.icon--star:before { content: "\f192"; }
.icon--stats:before { content: "\f193"; }
.icon--stop:before { content: "\f194"; }
.icon--stumbleupon:before { content: "\f195"; }
.icon--subtitles:before { content: "\f196"; }
.icon--support:before { content: "\f197"; }
.icon--tablet:before { content: "\f198"; }
.icon--tag:before { content: "\f199"; }
.icon--telegram:before { content: "\f19a"; }
.icon--thumb-down:before { content: "\f19b"; }
.icon--thumb-up:before { content: "\f19c"; }
.icon--time:before { content: "\f19d"; }
.icon--trash:before { content: "\f19e"; }
.icon--twitter:before { content: "\f19f"; }
.icon--underline:before { content: "\f1a0"; }
.icon--undo:before { content: "\f1a1"; }
.icon--unlock:before { content: "\f1a2"; }
.icon--up-small:before { content: "\f1a3"; }
.icon--up:before { content: "\f1a4"; }
.icon--upload:before { content: "\f1a5"; }
.icon--url:before { content: "\f1a6"; }
.icon--user:before { content: "\f1a7"; }
.icon--vector:before { content: "\f1a8"; }
.icon--video:before { content: "\f1a9"; }
.icon--vimeo:before { content: "\f1aa"; }
.icon--visa:before { content: "\f1ab"; }
.icon--volume:before { content: "\f1ac"; }
.icon--whatsapp:before { content: "\f1ad"; }
.icon--world:before { content: "\f1ae"; }
.icon--youtube:before { content: "\f1af"; }
.icon--zoom-in:before { content: "\f1b0"; }
.icon--zoom-out:before { content: "\f1b1"; }

ul, ol, dl {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

.list {
  margin: 0 0 20px; }
  .list li {
    position: relative;
    margin: 0 0 2.5px;
    padding: 0 0 0 10px;
    list-style: none; }
    .list li::before {
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 8.5px 10px 9.5px -10px;
      border-radius: 50%;
      background-color: #5f7d95;
      vertical-align: middle;
      content: ''; }
  .list--xs li {
    font-size: 13px;
    line-height: 1.2; }
    .list--xs li::before {
      margin: 4.5px 5px 0 0; }
  .list--sm li {
    font-size: 14px;
    line-height: 1.4; }
    .list--sm li::before {
      margin: 6.5px 5px 0 0; }
  .list--md li {
    font-size: 16px;
    line-height: 1.6; }
    .list--md li::before {
      margin: 9.5px 5px 0 0; }
  .list--lg li {
    font-size: 18px;
    line-height: 1.8; }
    .list--lg li::before {
      margin: 13px 5px 0 0; }
  .list--xl li {
    font-size: 22px;
    line-height: 2; }
    .list--xl li::before {
      margin: 19px 5px 0 0; }
  .list--horizontal {
    display: block; }
    .list--horizontal::after {
      clear: both;
      content: "";
      display: table; }
    .list--horizontal li {
      float: left;
      margin: 0 10px 0 0; }
      .list--horizontal li:last-child {
        margin: 0; }
  .list--comma-separated li {
    margin: 0;
    padding: 0; }
  .list--comma-separated li:not(:last-child)::after {
    content: ',\A0'; }
  .list--comma-separated li:last-child::after {
    content: '.'; }
  .list--nospacing {
    margin: 0; }
    .list--nospacing li {
      margin: 0; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0ms 0ms cubic-bezier(1, 0, 0, 1), -webkit-transform 0ms 0ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: opacity 0ms 0ms cubic-bezier(1, 0, 0, 1), -moz-transform 0ms 0ms cubic-bezier(1, 0, 0, 1);
  transition: opacity 0ms 0ms cubic-bezier(1, 0, 0, 1), transform 0ms 0ms cubic-bezier(1, 0, 0, 1);
  opacity: 0;
  width: 100vw;
  height: 0vh;
  padding: 0 20px;
  background-color: rgba(11, 34, 57, 0.75);
  text-align: center;
  line-height: 100vh;
  z-index: 100; }
  .modal.scrollable {
    overflow-y: scroll; }
  .modal.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    opacity: 1;
    height: 100vh; }
    .modal.active > * {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: 0ms 0ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 0ms 0ms cubic-bezier(1, 0, 0, 1);
      transition: 0ms 0ms cubic-bezier(1, 0, 0, 1);
      opacity: 1; }
  .modal > * {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 0ms cubic-bezier(1, 0, 0, 1);
    transition: 0ms cubic-bezier(1, 0, 0, 1);
    opacity: 0; }
  .modal__container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 992px;
    margin: 80px 0;
    vertical-align: middle;
    text-align: left;
    line-height: 1.6; }
    .modal__container > .content {
      overflow: hidden;
      padding: 20px;
      border-radius: 3px;
      background-color: white; }
  .modal__close:not(.nostyle) {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 10px;
    padding: 0;
    color: white;
    font-size: 36px;
    line-height: 1; }
  .modal__close--absolute {
    position: absolute;
    z-index: 1; }
  .modal__close--top-left {
    top: 0;
    left: 0; }
  .modal__close--top-right {
    top: 0;
    right: 0; }
  .modal__close--bottom-left {
    top: 0;
    left: 0; }
  .modal__close--bottom-right {
    top: 0;
    right: 0; }
  .modal--full-screen {
    padding: 0;
    line-height: inherit; }
    .modal--full-screen .modal__container {
      width: 100%;
      max-width: inherit;
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: white;
      vertical-align: inherit; }
  .modal__trigger {
    cursor: pointer; }
  .modal--xs .modal__container {
    max-width: 480px; }
  .modal--sm .modal__container {
    max-width: 640px; }
  .modal--md .modal__container {
    max-width: 768px; }
  .modal--lg .modal__container {
    max-width: 992px; }
  .modal--xl .modal__container {
    max-width: 1400px; }

.notifications {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1000; }
  .notifications .notifications__top-left, .notifications .notifications__top-right, .notifications .notifications__top-center, .notifications .notifications__bottom-left, .notifications .notifications__bottom-right, .notifications .notifications__bottom-center, .notifications .notifications__center {
    position: absolute; }
  .notifications__content {
    padding-right: 29px; }
  .notifications__top-left {
    top: 0;
    left: 0; }
  .notifications__top-right {
    top: 0;
    right: 20px; }
  .notifications__top-center {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%; }
  .notifications__bottom-left {
    bottom: 0;
    left: 0; }
  .notifications__bottom-right {
    bottom: 0;
    right: 20px; }
  .notifications__bottom-center {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%; }
  .notifications__center {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }

.notification {
  position: relative;
  opacity: 0;
  width: 90vw;
  max-width: 680px;
  min-height: 44px;
  margin: 20px;
  padding: 20px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 60px rgba(14, 42, 71, 0.25);
  pointer-events: all; }
  .notification__message {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 44px 10px 20px;
    font-size: 14px;
    font-weight: 500; }
  .notification__state {
    overflow: hidden;
    position: relative;
    top: 5px;
    left: 5px;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.2); }
    .notification__state .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .notification__close:not(.nostyle) {
    position: absolute;
    top: 0;
    right: 0; }
  .notification__triangle {
    position: absolute; }
    .notification__triangle::before {
      height: 0;
      width: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid white;
      display: block;
      content: ''; }
  .notification--no-shadow {
    box-shadow: none; }
  .notification--static {
    width: 100%;
    max-width: inherit;
    margin: 0 0 20px; }
  .notification--absolute {
    position: absolute;
    margin: 0;
    z-index: 99; }
  .notification--alert {
    padding: 0; }
    .notification--alert .notification__close {
      margin: 0; }
  .notification--error {
    background-color: #fb5252;
    color: white; }
    .notification--error a {
      color: rgba(255, 255, 255, 0.75);
      font-weight: bold; }
      .notification--error a:hover {
        color: white; }
    .notification--error .icon {
      color: white; }
  .notification--warning {
    background-color: #FFB229;
    color: white; }
    .notification--warning a {
      color: rgba(255, 255, 255, 0.75);
      font-weight: bold; }
      .notification--warning a:hover {
        color: white; }
    .notification--warning .icon {
      color: white; }
  .notification--success {
    background-color: #69E781;
    color: white; }
    .notification--success a {
      color: rgba(255, 255, 255, 0.75);
      font-weight: bold; }
      .notification--success a:hover {
        color: white; }
    .notification--success .icon {
      color: white; }
  .notification--neutral {
    background-color: #1273eb;
    color: white; }
    .notification--neutral a {
      color: rgba(255, 255, 255, 0.75);
      font-weight: bold; }
      .notification--neutral a:hover {
        color: white; }
    .notification--neutral .icon {
      color: white; }
  .notification--hide-disable .notification__disable {
    display: none; }
  .notification--hide-close .notification__close {
    display: none; }

.pagination input::-webkit-inner-spin-button, .pagination .tag-field::-webkit-inner-spin-button,
.pagination input::-webkit-outer-spin-button,
.pagination .tag-field::-webkit-outer-spin-button {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield; }

.pagination ul {
  margin: 0 -2.5px; }
  .pagination ul > li {
    padding: 0 2.5px; }
  .pagination ul .button, .pagination ul .nav .nav__submenu__button, .nav .pagination ul .nav__submenu__button, .pagination ul .nav a, .nav .pagination ul a {
    padding: 0 5px;
    text-align: center;
    font-weight: normal; }
    .pagination ul .button--xs {
      min-width: 24px; }
    .pagination ul .button--sm {
      min-width: 34px; }
    .pagination ul .button--md {
      min-width: 44px; }
    .pagination ul .button--lg {
      min-width: 54px; }
    .pagination ul .button--xl {
      min-width: 64px; }

.pagination a {
  padding: 5px 10px;
  border-radius: 3px;
  text-decoration: none; }
  .pagination a.active {
    border: none;
    box-shadow: none;
    color: #5f7d95;
    font-weight: bold;
    background: none; }

.pagination__context {
  padding: 0 20px; }
  .pagination__context .pagination__pages {
    padding: 0; }

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

.pagination__button button {
  float: left; }

.pagination__menu {
  display: table; }
  .pagination__menu > * {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top; }
  .pagination__menu input[type="color"], .pagination__menu .tag-field[type="color"], .pagination__menu input[type="date"], .pagination__menu .tag-field[type="date"], .pagination__menu input[type="datetime"], .pagination__menu .tag-field[type="datetime"], .pagination__menu input[type="datetime-local"], .pagination__menu .tag-field[type="datetime-local"], .pagination__menu input[type="email"], .pagination__menu .tag-field[type="email"], .pagination__menu input[type="month"], .pagination__menu .tag-field[type="month"], .pagination__menu input[type="number"], .pagination__menu .tag-field[type="number"], .pagination__menu input[type="password"], .pagination__menu .tag-field[type="password"], .pagination__menu input[type="search"], .pagination__menu .tag-field[type="search"], .pagination__menu input[type="tel"], .pagination__menu .tag-field[type="tel"], .pagination__menu input[type="text"], .pagination__menu .tag-field[type="text"], .pagination__menu input[type="time"], .pagination__menu .tag-field[type="time"], .pagination__menu input[type="url"], .pagination__menu .tag-field[type="url"], .pagination__menu input[type="week"], .pagination__menu .tag-field[type="week"], .pagination__menu input:not([type]), .pagination__menu .tag-field:not([type]), .pagination__menu textarea {
    text-align: center; }
  .pagination__menu--sm .pagination__menu__context {
    padding: 0 10px; }
  .pagination__menu--sm .pagination__context span,
  .pagination__menu--sm .pagination__button button,
  .pagination__menu--sm .pagination__input input,
  .pagination__menu--sm .pagination__input .tag-field {
    display: inline-block;
    height: 34px;
    margin: 5px 0;
    font-size: 14px;
    line-height: 34px; }
  .pagination__menu--sm .pagination__context,
  .pagination__menu--sm .pagination__button button,
  .pagination__menu--sm .pagination__input input,
  .pagination__menu--sm .pagination__input .tag-field {
    padding: 0 10px; }
  .pagination__menu--sm input[type="color"], .pagination__menu--sm .tag-field[type="color"], .pagination__menu--sm input[type="date"], .pagination__menu--sm .tag-field[type="date"], .pagination__menu--sm input[type="datetime"], .pagination__menu--sm .tag-field[type="datetime"], .pagination__menu--sm input[type="datetime-local"], .pagination__menu--sm .tag-field[type="datetime-local"], .pagination__menu--sm input[type="email"], .pagination__menu--sm .tag-field[type="email"], .pagination__menu--sm input[type="month"], .pagination__menu--sm .tag-field[type="month"], .pagination__menu--sm input[type="number"], .pagination__menu--sm .tag-field[type="number"], .pagination__menu--sm input[type="password"], .pagination__menu--sm .tag-field[type="password"], .pagination__menu--sm input[type="search"], .pagination__menu--sm .tag-field[type="search"], .pagination__menu--sm input[type="tel"], .pagination__menu--sm .tag-field[type="tel"], .pagination__menu--sm input[type="text"], .pagination__menu--sm .tag-field[type="text"], .pagination__menu--sm input[type="time"], .pagination__menu--sm .tag-field[type="time"], .pagination__menu--sm input[type="url"], .pagination__menu--sm .tag-field[type="url"], .pagination__menu--sm input[type="week"], .pagination__menu--sm .tag-field[type="week"], .pagination__menu--sm input:not([type]), .pagination__menu--sm .tag-field:not([type]), .pagination__menu--sm textarea {
    max-width: 44px; }
  .pagination__menu--sm .icon {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px; }
  .pagination__menu--xs .pagination__menu__context {
    padding: 0 10px; }
  .pagination__menu--xs .pagination__context span,
  .pagination__menu--xs .pagination__button button,
  .pagination__menu--xs .pagination__input input,
  .pagination__menu--xs .pagination__input .tag-field {
    display: inline-block;
    height: 24px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 24px; }
  .pagination__menu--xs .pagination__context,
  .pagination__menu--xs .pagination__button button,
  .pagination__menu--xs .pagination__input input,
  .pagination__menu--xs .pagination__input .tag-field {
    padding: 0 5px; }
  .pagination__menu--xs input[type="color"], .pagination__menu--xs .tag-field[type="color"], .pagination__menu--xs input[type="date"], .pagination__menu--xs .tag-field[type="date"], .pagination__menu--xs input[type="datetime"], .pagination__menu--xs .tag-field[type="datetime"], .pagination__menu--xs input[type="datetime-local"], .pagination__menu--xs .tag-field[type="datetime-local"], .pagination__menu--xs input[type="email"], .pagination__menu--xs .tag-field[type="email"], .pagination__menu--xs input[type="month"], .pagination__menu--xs .tag-field[type="month"], .pagination__menu--xs input[type="number"], .pagination__menu--xs .tag-field[type="number"], .pagination__menu--xs input[type="password"], .pagination__menu--xs .tag-field[type="password"], .pagination__menu--xs input[type="search"], .pagination__menu--xs .tag-field[type="search"], .pagination__menu--xs input[type="tel"], .pagination__menu--xs .tag-field[type="tel"], .pagination__menu--xs input[type="text"], .pagination__menu--xs .tag-field[type="text"], .pagination__menu--xs input[type="time"], .pagination__menu--xs .tag-field[type="time"], .pagination__menu--xs input[type="url"], .pagination__menu--xs .tag-field[type="url"], .pagination__menu--xs input[type="week"], .pagination__menu--xs .tag-field[type="week"], .pagination__menu--xs input:not([type]), .pagination__menu--xs .tag-field:not([type]), .pagination__menu--xs textarea {
    max-width: 39px; }
  .pagination__menu--xs button:nth-of-type(1) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .pagination__menu--xs button:nth-of-type(2) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .pagination__menu--xs .icon {
    width: 13px;
    height: 13px;
    margin: 5.5px 0;
    font-size: 13px;
    line-height: 13px; }

.popover {
  position: relative;
  display: inline-block; }
  .popover::after {
    -webkit-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 0ms cubic-bezier(1, 0, 0, 1);
    opacity: 0;
    z-index: 21;
    content: ''; }
  .popover.active {
    overflow: visible; }
    .popover.active::after {
      opacity: 1; }
    .popover.active .popover__container {
      opacity: 1;
      display: block; }
  .popover .scrollable {
    overflow-x: hidden; }
  .popover__container {
    -webkit-transition: opacity 0ms cubic-bezier(1, 0, 0, 1), margin 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 0ms cubic-bezier(1, 0, 0, 1), margin 0ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 0ms cubic-bezier(1, 0, 0, 1), margin 0ms cubic-bezier(1, 0, 0, 1);
    position: absolute;
    overflow: hidden;
    opacity: 0;
    display: none;
    width: 80vw;
    min-width: 320px;
    max-width: 640px;
    padding: 20px;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 0 60px rgba(14, 42, 71, 0.25);
    font-size: 14px;
    z-index: 20; }
  .popover--width-auto .popover__container {
    width: auto;
    min-width: inherit;
    white-space: nowrap; }
  .popover--width-xs .popover__container {
    width: 320px; }
  .popover--full-size {
    position: static !important; }
    .popover--full-size .popover__container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-width: inherit;
      max-width: inherit;
      height: 100%;
      border-radius: 0; }
      .popover--full-size .popover__container .content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 10px; }
  .popover--top .popover__container {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  .popover--top-left .popover__container {
    left: 0; }
  .popover--top-right .popover__container {
    right: 0; }
  .popover--bottom .popover__container {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  .popover--bottom-left .popover__container {
    left: 0; }
  .popover--bottom-right .popover__container {
    right: 0; }
  @media screen and (min-width: 768px) {
    .popover .scrollable {
      max-height: 480px; } }

.active.popover--top::after, .active.popover--top-left::after, .active.popover--top-right::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  margin: 0 0 5px;
  content: ''; }

.active.popover--top .popover__container, .active.popover--top-left .popover__container, .active.popover--top-right .popover__container {
  margin: 0 0 10px; }

.popover--top .popover__container, .popover--top-left .popover__container, .popover--top-right .popover__container {
  bottom: 100%;
  margin-left: 0;
  margin-right: 0; }

.active.popover--right::after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0;
  width: 0;
  border-bottom: 5px solid transparent;
  border-right: 5px solid white;
  border-top: 5px solid transparent;
  margin: 0 5px 0;
  content: ''; }

.active.popover--right .popover__container {
  margin: 0 10px 0 0; }

.popover--right .popover__container {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0; }

.active.popover--left::after {
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0;
  width: 0;
  border-bottom: 5px solid transparent;
  border-left: 5px solid white;
  border-top: 5px solid transparent;
  margin: 0 5px 0;
  content: ''; }

.active.popover--left .popover__container {
  margin: 0 10px 0 0; }

.popover--left .popover__container {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.active.popover--bottom::after, .active.popover--bottom-left::after, .active.popover--bottom-right::after {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border-bottom: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 5px 0 0;
  content: ''; }

.active.popover--bottom .popover__container, .active.popover--bottom-left .popover__container, .active.popover--bottom-right .popover__container {
  margin: 10px 0 0; }

.popover--bottom .popover__container, .popover--bottom-left .popover__container, .popover--bottom-right .popover__container {
  top: 100%;
  margin-left: 0;
  margin-right: 0; }

.tabs:not(.tabs--nostyle) {
  overflow: hidden;
  margin: 0 0 20px;
  border: 1px solid #e3e9ed;
  border-color: #d8e3e8;
  border-radius: 3px; }
  .tabs:not(.tabs--nostyle) .tabs__navigation {
    display: none; }
    @media screen and (min-width: 640px) {
      .tabs:not(.tabs--nostyle) .tabs__navigation {
        height: 480px;
        width: 30%;
        position: relative;
        display: inline;
        float: left;
        z-index: 1; } }
  .tabs:not(.tabs--nostyle) .tabs__container {
    display: block;
    margin: 0 auto;
    white-space: wrap; }
    @media screen and (min-width: 640px) {
      .tabs:not(.tabs--nostyle) .tabs__container {
        height: 480px;
        width: 70%;
        display: inline-block;
        float: left;
        border-left: 1px solid #e3e9ed;
        border-color: #d8e3e8; } }
  .tabs:not(.tabs--nostyle) .tabs__content {
    padding: 20px; }
    .tabs:not(.tabs--nostyle) .tabs__content:last-child {
      margin: 0; }
    .tabs:not(.tabs--nostyle) .tabs__content .scrollable {
      margin: -10px -20px;
      padding: 10px 20px; }
    @media screen and (min-width: 480px) {
      .tabs:not(.tabs--nostyle) .tabs__content {
        border: 0; } }
  .tabs:not(.tabs--nostyle) .tabs__link {
    -webkit-transition: border 0ms cubic-bezier(1, 0, 0, 1) background 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: border 0ms cubic-bezier(1, 0, 0, 1) background 0ms cubic-bezier(1, 0, 0, 1);
    transition: border 0ms cubic-bezier(1, 0, 0, 1) background 0ms cubic-bezier(1, 0, 0, 1);
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #e3e9ed;
    border-color: #d8e3e8;
    background-color: white;
    color: #5f7d95;
    text-align: left;
    text-decoration: none;
    cursor: pointer; }
    .tabs:not(.tabs--nostyle) .tabs__link.button--icon, .tabs:not(.tabs--nostyle) .nav .tabs__link.nav__submenu__button, .nav .tabs:not(.tabs--nostyle) .tabs__link.nav__submenu__button, .tabs:not(.tabs--nostyle) .nav a.tabs__link, .nav .tabs:not(.tabs--nostyle) a.tabs__link {
      -webkit-box-pack: flex-start !important;
      -moz-box-pack: flex-start !important;
      box-pack: flex-start !important;
      -webkit-justify-content: flex-start !important;
      -moz-justify-content: flex-start !important;
      -ms-justify-content: flex-start !important;
      -o-justify-content: flex-start !important;
      justify-content: flex-start !important;
      -ms-flex-pack: flex-start !important; }
    .tabs:not(.tabs--nostyle) .tabs__link.tabs__link--heading {
      border-top: 1px solid #e3e9ed;
      border-bottom: 0; }
      .tabs:not(.tabs--nostyle) .tabs__link.tabs__link--heading:first-child {
        border-top: 0; }
      .tabs:not(.tabs--nostyle) .tabs__link.tabs__link--heading.active {
        border-bottom: 1px solid #e3e9ed;
        border-color: #d8e3e8;
        font-weight: bold; }
      @media screen and (min-width: 640px) {
        .tabs:not(.tabs--nostyle) .tabs__link.tabs__link--heading {
          display: none; } }
    .tabs:not(.tabs--nostyle) .tabs__link:focus {
      outline: none; }
    .tabs:not(.tabs--nostyle) .tabs__link.active, .tabs:not(.tabs--nostyle) .tabs__link:hover {
      background-color: #f8fafb;
      color: #1271e6; }
    @media screen and (min-width: 640px) {
      .tabs:not(.tabs--nostyle) .tabs__link {
        position: relative; } }

.tabs.tabs--auto-height .tabs__navigation,
.tabs.tabs--auto-height .tabs__container {
  height: auto !important; }

.tabs.tabs--no-border {
  border: none;
  border-radius: 0; }

.tabs .tabs__content {
  display: none; }

.tabs .tabs__link {
  cursor: pointer; }
  .tabs .tabs__link.tabs__link--heading.active + .tabs__content {
    display: block; }

.tags {
  margin: 0 -2.5px -5px -2.5px;
  list-style: none;
  font-size: 0; }
  .tags__item, .tag-field__item, .tags li {
    -webkit-transition: 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 0ms cubic-bezier(1, 0, 0, 1);
    transition: 0ms cubic-bezier(1, 0, 0, 1);
    overflow: hidden;
    display: inline-block;
    margin: 0 2.5px 5px 2.5px;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 14px; }
    .tags__item:not(.expandable__more), .tag-field__item:not(.expandable__more), .tags li:not(.expandable__more) {
      box-shadow: inset 0 0 0 1px #bac8d3;
      background-color: white;
      color: #5f7d95; }
      .tags__item:not(.expandable__more):hover, .tag-field__item:not(.expandable__more):hover, .tags li:not(.expandable__more):hover {
        background-color: #f8fafb; }
      .tags__item:not(.expandable__more) .remove, .tag-field__item:not(.expandable__more) .remove, .tags li:not(.expandable__more) .remove {
        position: relative;
        overflow: hidden;
        float: right;
        margin: 0 -5px 0 0;
        box-sizing: content-box;
        cursor: pointer; }
        .tags__item:not(.expandable__more) .remove:hover::before, .tag-field__item:not(.expandable__more) .remove:hover::before, .tags li:not(.expandable__more) .remove:hover::before {
          background-color: #f8fafb; }
    .tags__item button, .tag-field__item button, .tags__item a, .tag-field__item a, .tags li button, .tags li a {
      -webkit-transition: 0ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 0ms cubic-bezier(1, 0, 0, 1);
      transition: 0ms cubic-bezier(1, 0, 0, 1);
      color: #5f7d95;
      font-weight: 400; }
  .tags--xs .tags__item, .tags--xs .tag-field__item, .tags--xs li {
    height: 24px;
    font-size: 13px;
    line-height: 23px; }
  .tags--sm .tags__item, .tag-field__items .tags__item, .tags--sm .tag-field__item, .tag-field__items .tag-field__item, .tags--sm li, .tag-field__items li {
    height: 34px;
    font-size: 14px;
    line-height: 33px; }
  .tags--md .tags__item, .tags--md .tag-field__item, .tags--md li {
    height: 44px;
    font-size: 16px;
    line-height: 43px; }
  .tags--lg .tags__item, .tags--lg .tag-field__item, .tags--lg li {
    height: 54px;
    font-size: 18px;
    line-height: 53px; }
  .tags--xl .tags__item, .tags--xl .tag-field__item, .tags--xl li {
    height: 64px;
    font-size: 22px;
    line-height: 63px; }

.tooltip {
  position: relative; }
  .tooltip:hover .tooltip__container {
    display: block; }
  .tooltip:not(.tooltip--permanent) .tooltip__container:hover {
    display: none !important;
    opacity: 0;
    visibility: hidden; }
  .tooltip:not(.clicked) [data-content]::after {
    display: inline-block;
    content: attr(data-content); }
  .tooltip.clicked [data-content-action]::after {
    display: inline-block;
    content: attr(data-content-action); }
  .tooltip--permanent:hover .tooltip__container {
    display: block !important; }
  .tooltip__container {
    position: absolute;
    display: none;
    width: 100%;
    min-width: 240px;
    z-index: 20; }
    .tooltip__container--top {
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 100%;
      left: 50%;
      padding: 0 0 10px; }
      .tooltip__container--top .tooltip__content::before {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid white;
        top: 100%;
        left: 50%; }
    .tooltip__container--right {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      left: 100%;
      padding: 0 0 0 10px; }
      .tooltip__container--right .tooltip__content::before {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
        width: 0;
        border-bottom: 5px solid transparent;
        border-right: 5px solid white;
        border-top: 5px solid transparent;
        top: 50%;
        right: 100%; }
    .tooltip__container--bottom {
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 100%;
      left: 50%;
      padding: 10px 0 0 0; }
      .tooltip__container--bottom .tooltip__content::before {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 0;
        width: 0;
        border-bottom: 5px solid white;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        bottom: 100%;
        left: 50%; }
    .tooltip__container--left {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      right: 100%;
      padding: 0 10px 0 0; }
      .tooltip__container--left .tooltip__content::before {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
        width: 0;
        border-bottom: 5px solid transparent;
        border-left: 5px solid white;
        border-top: 5px solid transparent;
        top: 50%;
        left: 100%; }
    .tooltip__container--pre {
      width: auto;
      min-width: inherit;
      white-space: nowrap; }
    .tooltip__container--no-min-width {
      min-width: inherit; }
  .tooltip__content {
    position: relative;
    padding: 10px;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 0 60px rgba(14, 42, 71, 0.25);
    color: #5f7d95;
    font-size: 13px;
    line-height: 1.4; }
    .tooltip__content::before {
      position: absolute;
      content: ''; }
  .tooltip:hover .tooltip__container {
    display: block; }

.copyright {
  margin: 0;
  font-size: 14px; }

.type {
  display: inline-block;
  margin: 0 0 10px;
  padding: 1px 0;
  border-bottom: 1px solid #e3e9ed;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.date {
  margin: 0;
  color: rgba(95, 125, 149, 0.5); }

.author {
  font-size: 14px; }

.read-more {
  position: relative;
  padding: 0 5px 0 0;
  color: #1273eb;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

hr {
  width: 3em;
  height: 1px;
  margin: 0 0 20px;
  border: none;
  background-color: #e3e9ed; }

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0;
  padding: 0;
  color: #374957;
  font-family: "Proxima Nova";
  line-height: 1.4; }
  h1.first, h2.first, h3.first, h4.first, h5.first, h6.first {
    margin-top: 0; }

h1.category, h2.category, h3.category, h4.category, h5.category, h6.category {
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e9ed;
  border-color: rgba(95, 125, 149, 0.15);
  text-align: center; }

.heading-inverted {
  color: white; }

h1 {
  font-size: 40px; }
  @media screen and (min-width: 480px) {
    h1 {
      font-size: calc(40px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    h1 {
      font-size: 46px; } }

h2 {
  font-size: 36px; }
  @media screen and (min-width: 480px) {
    h2 {
      font-size: calc(36px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    h2 {
      font-size: 42px; } }

h3 {
  font-size: 32px; }
  @media screen and (min-width: 480px) {
    h3 {
      font-size: calc(32px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    h3 {
      font-size: 38px; } }

h4 {
  font-size: 28px; }
  @media screen and (min-width: 480px) {
    h4 {
      font-size: calc(28px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    h4 {
      font-size: 34px; } }

h5 {
  font-size: 24px; }
  @media screen and (min-width: 480px) {
    h5 {
      font-size: calc(24px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    h5 {
      font-size: 30px; } }

h6 {
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    h6 {
      font-size: calc(20px + 6 * (100vw - 480px) / 920); } }
  @media screen and (min-width: 1400px) {
    h6 {
      font-size: 26px; } }

.link--inverted, .link-inverted {
  color: white; }
  .link--inverted:hover, .link-inverted:hover {
    color: white;
    text-decoration: underline; }
    .link--inverted:hover svg, .link-inverted:hover svg {
      opacity: .8; }
  .active.link--inverted, .active.link-inverted {
    color: white;
    font-weight: bold;
    text-decoration: underline; }
    .active.link--inverted svg, .active.link-inverted svg {
      opacity: 1; }
  .link--inverted svg, .link-inverted svg {
    opacity: .4; }

.link:hover, a:hover, .link--text:hover {
  color: #0f60c5; }
  .link:hover .icon, a:hover .icon, .link--text:hover .icon {
    color: #0f60c5; }

.active.link, a.active, .active.link--text {
  color: #0f60c5;
  font-weight: 500; }
  .active.link .icon, a.active .icon, .active.link--text .icon {
    color: #0f60c5; }

.link, a {
  color: #1273eb;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none; }
  .link .icon, a .icon {
    color: #1273eb; }
  .link--text {
    color: #4f687c; }
    .link--text .icon {
      color: #4f687c; }

.text, p {
  margin: 0 0 20px; }

.text--inverted {
  color: white; }

blockquote {
  margin: 0;
  padding-left: 20px;
  border-left: 4px solid #e3e9ed; }

figcaption {
  color: #d9e1e7;
  font-size: 14px; }

svg {
  pointer-events: none; }

.gr-auth--premium .gr-auth__premium {
  display: inherit; }

.gr-auth--logged .gr-auth__disconnected {
  display: none !important; }

.gr-auth--logged .gr-auth__connected {
  display: inherit !important; }

.gr-auth__disconnected {
  display: inherit !important; }

.gr-auth__connected {
  display: none !important; }

.gr-auth__premium {
  display: none; }

.gr-auth button, .gr-auth a {
  font-weight: 400; }

.profile-login {
  margin: 0;
  padding: 0; }
  .profile-login .modal__container {
    max-width: 560px;
    padding-top: 74px; }
    .profile-login .modal__container .content {
      overflow: visible;
      position: relative; }
    @media screen and (max-width: 480px) {
      .profile-login .modal__container {
        padding-top: 64px; } }
  .profile-login .group {
    margin: 0 0 10px; }
    .profile-login .group:last-child {
      margin: 0; }
    .profile-login .group .group__context {
      padding: 0; }
  .profile-login .tabs #tab-subscribe {
    overflow: hidden;
    margin: -20px -80px -80px -80px; }
    .profile-login .tabs #tab-subscribe .background {
      position: relative; }
      .profile-login .tabs #tab-subscribe .background .content {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2; }
      .profile-login .tabs #tab-subscribe .background .content {
        padding: 90px 80px 20px 80px; }
        .profile-login .tabs #tab-subscribe .background .content .link:hover, .profile-login .tabs #tab-subscribe .background .content a:hover {
          color: white;
          text-decoration: underline; }
        .profile-login .tabs #tab-subscribe .background .content p {
          color: white; }
          .profile-login .tabs #tab-subscribe .background .content p.font-xs {
            color: #a5b7c6; }
            .profile-login .tabs #tab-subscribe .background .content p.font-xs a {
              color: #a5b7c6; }
              .profile-login .tabs #tab-subscribe .background .content p.font-xs a:hover {
                color: #a5b7c6;
                text-decoration: underline; }
      .profile-login .tabs #tab-subscribe .background svg.block {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1;
        width: 101%;
        transform: translate(-50%, 0); }
    .profile-login .tabs #tab-subscribe .content {
      padding: 80px 80px 40px 80px;
      text-align: center; }
      .profile-login .tabs #tab-subscribe .content h1, .profile-login .tabs #tab-subscribe .content h2, .profile-login .tabs #tab-subscribe .content h3, .profile-login .tabs #tab-subscribe .content h4, .profile-login .tabs #tab-subscribe .content h5, .profile-login .tabs #tab-subscribe .content h6 {
        color: #1273eb; }
      .profile-login .tabs #tab-subscribe .content p {
        color: #5f7d95; }
  .profile-login .tabs__navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -80px -80px 20px -80px; }
    .profile-login .tabs__navigation [data-tab="tab-forgot-password"].active ~ button {
      display: none; }
    .profile-login .tabs__navigation [data-tab="tab-subscribe"].active ~ button {
      display: none; }
    .profile-login .tabs__navigation button {
      flex: 1 0 auto;
      height: 64px;
      box-shadow: inset 0 0 30px rgba(14, 42, 71, 0.25);
      background-color: rgba(248, 250, 251, 0.5);
      color: #1273eb;
      font-size: 22px;
      font-weight: 500;
      text-align: center;
      line-height: 64px; }
      .profile-login .tabs__navigation button.active {
        box-shadow: none;
        background-color: white; }
  .profile-login .scrollable {
    padding: 0 20px; }
  .profile-login__projects {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 54px;
    background: white;
    pointer-events: all !important;
    cursor: inherit !important;
    line-height: 0; }
    .profile-login__projects > * {
      pointer-events: all !important;
      cursor: inherit !important; }
    .profile-login__projects .content {
      max-width: 560px;
      height: 100%;
      margin: 0 auto; }
    .profile-login__projects .row, .profile-login__projects .groups__item {
      height: 100%; }
    .profile-login__projects img {
      display: block; }
    .profile-login__projects a {
      padding: 0 10px; }
      .profile-login__projects a:first-child img {
        margin-left: auto; }
    @media screen and (max-width: 480px) {
      .profile-login__projects {
        height: 44px; }
        .profile-login__projects img {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 30px; }
        .profile-login__projects a {
          width: 33.33%; } }
  .profile-login__intro {
    color: #a5b7c6;
    text-align: center; }
    .profile-login__intro img {
      display: block;
      margin: 0 auto 20px auto; }
    .profile-login__intro a {
      color: #a5b7c6; }
      .profile-login__intro a:hover {
        color: #a5b7c6;
        text-decoration: underline; }
  .profile-login__hr {
    position: relative;
    margin: 0 0 10px;
    padding: 20px; }
    .profile-login__hr::before {
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 80%;
      height: 1px;
      background-color: rgba(248, 250, 251, 0.8);
      transform: translate(-50%, -50%);
      content: ''; }
    .profile-login__hr span {
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      padding: 5px 10px;
      transform: translate(-50%, -50%);
      background-color: white; }
  @media screen and (max-width: 640px) {
    .profile-login .modal__container > .content {
      padding: 20px; }
    .profile-login .tabs__navigation {
      margin: -20px -20px 20px -20px; }
      .profile-login .tabs__navigation button {
        font-size: 14px; } }

#header ~ #main .page--error .row--horizontal-center {
  height: 100vh; }

.page--error {
  position: relative;
  background: #002E53 url(../assets/1eac70ccfc41154dab5484ab8f33c687.png) no-repeat center; }
  .page--error .stars {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .page--error .stars1 {
    background: url(../assets/80434482e3abface1922d5a4ac249981.png) no-repeat center;
    -webkit-animation: twinkle 2s linear infinite;
    -moz-animation: twinkle 2s linear infinite;
    animation: twinkle 2s linear infinite; }
  .page--error .stars2 {
    background: url(../assets/f1f4b70785416bddec696fe7eeb32d16.png) no-repeat center;
    -webkit-animation: twinkle 4s linear infinite;
    -moz-animation: twinkle 4s linear infinite;
    animation: twinkle 4s linear infinite; }
  .page--error .row--horizontal-center {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto; }
  .page--error .col--center {
    position: relative; }
    .page--error .col--center .row, .page--error .col--center .groups__item {
      max-width: 1101px;
      margin: auto; }
    .page--error .col--center .col:nth-child(1) {
      max-width: 222px; }
    .page--error .col--center .col:nth-child(2) {
      -webkit-flex-grow: 3;
      -moz-flex-grow: 3;
      flex-grow: 3;
      -ms-flex-positive: 3; }
    .page--error .col--center .col:nth-child(3) {
      max-width: 153px; }
    .page--error .col--center img {
      max-width: 100%; }
  .page--error h4 {
    color: #5EB2FC; }
  .page--error .support-link {
    color: #BAC8D3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .page--error .astronaut-h__container {
    width: 100%;
    height: 113%;
    position: absolute;
    top: -77px;
    left: 104px;
    -webkit-animation: leftRight 6s ease-in-out infinite;
    -moz-animation: leftRight 6s ease-in-out infinite;
    animation: leftRight 6s ease-in-out infinite;
    z-index: 1; }
  .page--error .astronaut-h {
    width: 100%;
    height: 100%;
    background: url(../assets/25d699bc7dcce3ef15898b09af08699a.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-animation: floating 8s ease-in-out infinite;
    -moz-animation: floating 8s ease-in-out infinite;
    animation: floating 8s ease-in-out infinite; }
  .page--error .astronaut-m__container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 39px;
    right: 64px;
    -webkit-animation: leftRight 6s ease-in-out infinite;
    -moz-animation: leftRight 6s ease-in-out infinite;
    animation: leftRight 6s ease-in-out infinite; }
  .page--error .astronaut-m {
    width: 100%;
    height: 115%;
    background: url(../assets/d7fd0d9bee790ab9df2a405b7715c1c8.svg) no-repeat center;
    background-size: contain;
    -webkit-animation: floating 10s ease-in-out infinite;
    -moz-animation: floating 10s ease-in-out infinite;
    animation: floating 10s ease-in-out infinite;
    position: absolute;
    top: -10px;
    right: 0px; }
  @media screen and (max-width: 640px) {
    .page--error .col--center {
      -webkit-align-self: auto;
      -moz-align-self: auto;
      align-self: auto;
      -ms-flex-item-align: auto; }
    .page--error .mg-top-lv5 {
      margin-top: 20px; }
    .page--error .support-link {
      position: relative;
      margin-top: 20px; }
    .page--error .astronaut-h__container {
      top: -23px;
      left: 20px; }
    .page--error .astronaut-m__container {
      top: 9px;
      right: 30px; } }
  @media screen and (max-height: 900px) {
    .page--error .col--center .row, .page--error .col--center .groups__item {
      max-width: 800px !important;
      margin: auto; }
    .page--error .col--center .button, .page--error .col--center .nav .nav__submenu__button, .nav .page--error .col--center .nav__submenu__button, .page--error .col--center .nav a, .nav .page--error .col--center a {
      margin-top: 0px !important;
      margin-bottom: 80px !important; }
    .page--error h4.uppercase {
      margin-top: 0px !important; } }

@keyframes floating {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes leftRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes twinkle {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.header {
  position: relative; }
  .header .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

body[data-trigger="nav"] {
  overflow: hidden; }
  @media screen and (max-width: 992px) {
    body[data-trigger="nav"] {
      -webkit-transform: translateX(320px);
      -moz-transform: translateX(320px);
      -ms-transform: translateX(320px);
      -o-transform: translateX(320px);
      transform: translateX(320px); } }

.toggle--menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.nav {
  position: fixed;
  top: 0;
  left: -320px;
  -webkit-transition: 0ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 0ms cubic-bezier(1, 0, 0, 1);
  transition: 0ms cubic-bezier(1, 0, 0, 1);
  width: 320px;
  height: 100vh;
  padding: 5px 0;
  background-color: #0e2a47;
  z-index: 2; }
  .nav .nav__submenu__button, .nav a {
    justify-content: flex-start !important;
    -ms-justify-content: flex-start !important;
    height: 44px;
    padding: 0 40px;
    color: white;
    font-weight: 500;
    line-height: 44px;
    white-space: nowrap;
    opacity: .5;
    font-size: 14px; }
    .nav .active.nav__submenu__button, .nav a.active {
      opacity: 1; }
    .nav .nav__submenu__button i, .nav a i {
      margin-left: 0; }
  .nav .accordion__container {
    border: none; }
    .nav .accordion__container .accordion__link {
      color: white; }
      .nav .accordion__container .accordion__link .icon {
        position: static; }
      .nav .accordion__container .accordion__link::after {
        border-right: 3px solid white;
        border-top: 3px solid white;
        position: absolute;
        top: 50%;
        right: 50px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
        transform-origin: right;
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 2px;
        margin-top: 4px; }
      .nav .accordion__container .accordion__link.active {
        color: white; }
        .nav .accordion__container .accordion__link.active::after {
          -webkit-transform: translateY(-50%) rotate(135deg);
          -moz-transform: translateY(-50%) rotate(135deg);
          -ms-transform: translateY(-50%) rotate(135deg);
          -o-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
          right: 48px; }
    .nav .accordion__container .accordion__link .icon {
      color: white; }
  .nav__submenu {
    overflow: auto;
    display: none;
    background-color: #091b2d;
    max-height: 352px; }
    .nav__submenu__button::after {
      border-right: 3px solid white;
      border-top: 3px solid white;
      position: absolute;
      top: 50%;
      right: 50px;
      -webkit-transform: translateY(-50%) rotate(45deg);
      -moz-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      -o-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 2px; }
    .nav__submenu__button i {
      color: #1f5c9c; }
    .nav__submenu__button.show {
      opacity: 1; }
      .nav__submenu__button.show::after {
        -webkit-transform: translateY(-50%) rotate(135deg);
        -moz-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        -o-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
        right: 48px; }
      .nav__submenu__button.show ~ .nav__submenu {
        display: block; }
      .nav__submenu__button.show .icon {
        color: white; }
    .nav__submenu::-webkit-scrollbar {
      width: 5px; }
    .nav__submenu::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.45); }
  .nav .logo {
    padding: 0;
    opacity: 1; }
  @media screen and (min-width: 992px) {
    .nav {
      display: block;
      left: 0; }
      .nav ~ #main, .nav ~ .search {
        padding-left: 321px; } }

.search {
  height: 54px;
  position: relative; }
  .search.active {
    z-index: 1; }
    .search.active .input--holder {
      flex: 1; }
  .search form {
    position: relative;
    background-color: #fff;
    height: 54px; }
  .search .input--holder {
    box-shadow: 3px 0 4px #c6ddf4;
    width: 0;
    flex: none;
    overflow: hidden; }
  .search input, .search .tag-field {
    border: none; }
  .search .button, .search .nav .nav__submenu__button, .nav .search .nav__submenu__button, .search .nav a, .nav .search a {
    background: #fff; }
    .search .button:first-child, .search .nav .nav__submenu__button:first-child, .nav .search .nav__submenu__button:first-child, .search .nav a:first-child, .nav .search a:first-child {
      box-shadow: 0 0 4px #c6ddf4; }

.tip > span:first-of-type {
  border-radius: 3px 3px 0 0;
  background-color: #5EB2FC; }

.tip > p:first-of-type {
  border-radius: 0 3px 3px 3px;
  background-color: #C7EBFF;
  border: 1px solid #5EB2FC; }

.code {
  border-radius: 3px;
  margin-bottom: 80px; }
  .code[class*="bg__"] .code__result, .code[class^="bg__"] .code__result {
    border: none; }
  .code__show {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(rgba(14, 42, 71, 0), rgba(14, 42, 71, 0.5));
    pointer-events: none; }
    .code__show .button, .code__show .nav .nav__submenu__button, .nav .code__show .nav__submenu__button, .code__show .nav a, .nav .code__show a {
      pointer-events: all;
      margin-left: auto; }
  .code__result {
    position: relative;
    padding: 20px;
    border: 1px solid #e3e9ed; }
  .code__content {
    position: relative;
    overflow: hidden;
    height: auto;
    max-height: 150px;
    padding: 10px;
    background-color: #0e2a47;
    color: white; }
    .code__content.show {
      max-height: 100%; }
      .code__content.show .code__show {
        background: none; }
      .code__content.show .code__trigger--show {
        display: none; }
      .code__content.show .code__trigger--hide {
        display: block; }
    .code__content .code__trigger--hide {
      display: none; }
    .code__content code {
      display: block;
      margin: 0 0 10px;
      font-size: 14px;
      white-space: pre;
      background-color: transparent !important; }
      .code__content code:last-child {
        margin: 0; }
      .code__content code b {
        font-weight: normal; }
  .code__attribute {
    color: #69e781; }
    .code__attribute + b {
      color: #cfd9e0; }
  .code__tag {
    color: #8080f1; }
  .code .hljs-keyword {
    color: #fb5252; }
  .code .hljs-string, .code .hljs-built_in {
    color: #ffb229; }
  .code .hljs-literal {
    color: #4949e7; }
  .code .hljs-title {
    color: #69e781; }

#main {
  -webkit-transition: -webkit-transform 0ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: -moz-transform 0ms cubic-bezier(1, 0, 0, 1);
  transition: transform 0ms cubic-bezier(1, 0, 0, 1); }
  #main > .container {
    margin-left: auto;
    height: auto;
    min-height: 100vh;
    background-color: white; }
    #main > .container > .content {
      max-width: 680px;
      margin: auto; }
      #main > .container > .content img {
        display: block;
        max-width: 100%; }

.guide--box {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(13, 39, 67, 0.3);
  background-color: #f8fafb; }

h4 {
  font-weight: normal; }

h5, h6 {
  font-weight: 500; }

.logo {
  text-align: center; }
  .logo img {
    display: block;
    width: auto;
    height: 34px;
    margin: 0 auto; }

#main.page--error {
  background: #002E53 url(../assets/1eac70ccfc41154dab5484ab8f33c687.png) no-repeat center; }
  #main.page--error .stars {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  #main.page--error .stars1 {
    background: url(../assets/80434482e3abface1922d5a4ac249981.png) no-repeat center;
    -webkit-animation: twinkle 2s linear infinite;
    -moz-animation: twinkle 2s linear infinite;
    animation: twinkle 2s linear infinite; }
  #main.page--error .stars2 {
    background: url(../assets/f1f4b70785416bddec696fe7eeb32d16.png) no-repeat center;
    -webkit-animation: twinkle 4s linear infinite;
    -moz-animation: twinkle 4s linear infinite;
    animation: twinkle 4s linear infinite; }
  #main.page--error .row--horizontal-center {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto; }
  #main.page--error .col--center {
    position: relative; }
    #main.page--error .col--center .row, #main.page--error .col--center .groups__item {
      max-width: 1101px;
      margin: auto; }
    #main.page--error .col--center .col:nth-child(1) {
      max-width: 222px; }
    #main.page--error .col--center .col:nth-child(2) {
      -webkit-flex-grow: 3;
      -moz-flex-grow: 3;
      flex-grow: 3;
      -ms-flex-positive: 3; }
    #main.page--error .col--center .col:nth-child(3) {
      max-width: 153px; }
    #main.page--error .col--center img {
      max-width: 100%; }
  #main.page--error h4 {
    color: #5EB2FC; }
  #main.page--error .support-link {
    color: #BAC8D3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  #main.page--error .astronaut-h__container {
    width: 100%;
    height: 113%;
    position: absolute;
    top: -77px;
    left: 104px;
    -webkit-animation: leftRight 6s ease-in-out infinite;
    -moz-animation: leftRight 6s ease-in-out infinite;
    animation: leftRight 6s ease-in-out infinite;
    z-index: 1; }
  #main.page--error .astronaut-h {
    width: 100%;
    height: 100%;
    background: url(../assets/25d699bc7dcce3ef15898b09af08699a.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-animation: floating 8s ease-in-out infinite;
    -moz-animation: floating 8s ease-in-out infinite;
    animation: floating 8s ease-in-out infinite; }
  #main.page--error .astronaut-m__container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 39px;
    right: 64px;
    -webkit-animation: leftRight 6s ease-in-out infinite;
    -moz-animation: leftRight 6s ease-in-out infinite;
    animation: leftRight 6s ease-in-out infinite; }
  #main.page--error .astronaut-m {
    width: 100%;
    height: 115%;
    background: url(../assets/d7fd0d9bee790ab9df2a405b7715c1c8.svg) no-repeat center;
    background-size: contain;
    -webkit-animation: floating 10s ease-in-out infinite;
    -moz-animation: floating 10s ease-in-out infinite;
    animation: floating 10s ease-in-out infinite;
    position: absolute;
    top: -10px;
    right: 0px; }
  @media screen and (max-width: 640px) {
    #main.page--error .col--center {
      -webkit-align-self: auto;
      -moz-align-self: auto;
      align-self: auto;
      -ms-flex-item-align: auto; }
    #main.page--error .mg-top-lv5 {
      margin-top: 20px; }
    #main.page--error .support-link {
      position: relative;
      margin-top: 20px; }
    #main.page--error .astronaut-h__container {
      top: -23px;
      left: 20px; }
    #main.page--error .astronaut-m__container {
      top: 9px;
      right: 30px; } }

@keyframes floating {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes leftRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes twinkle {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

#main.home {
  padding-left: 0;
  background-color: #0e2a47;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100vh; }
  #main.home .paragraph-readable {
    max-width: 800px; }
  #main.home .home--nav {
    position: relative;
    z-index: 1; }
  #main.home img {
    max-width: 1024px; }
  @media screen and (max-width: 768px) {
    #main.home .clearfix > * {
      float: none; }
    #main.home nav {
      margin-top: 20px; }
      #main.home nav li {
        display: block;
        text-align: center;
        margin: 0 0 10px; }
    #main.home .home--content {
      overflow: hidden; } }

@media screen and (min-height: 1100px) {
  .home--content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

.icons .row .col, .icons .groups__item .col {
  min-width: 220px;
  max-width: 240px; }

.resource {
  position: relative;
  border: 1px solid #e3e9ed;
  height: 150px; }
  .resource .button, .resource .nav .nav__submenu__button, .nav .resource .nav__submenu__button, .resource .nav a, .nav .resource a {
    position: absolute;
    top: 10px;
    right: 10px; }

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: rgba(18, 115, 235, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: #0b458c;
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #9bafbf;
  font-weight: 300;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  font-weight: 300;
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(95, 125, 149, 1);
    display: block;
    font-weight: 400;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #4AD295;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(18, 115, 235, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-pending, .status-label-not-planned {
  background-color: #eee;
  color: #9bafbf;
}

.status-label-pending {
  text-align: center;
}

.status-label-open {
  background-color: #EC3A3B;
}

.status-label-closed {
  background-color: #ddd;
}

.status-label-solved {
  background-color: #BAC8D3;
}

.status-label-new {
  background-color: #FFB229;
}

.status-label-hold {
  background-color: #000;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
  text-transform: lowercase;
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe,
  .requests-table-toolbar .organization-unsubscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"]
  .requests-table-toolbar .organization-unsubscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-unsubscribe {
  background-color: rgba(18, 115, 235, 1);
  color: #FFFFFF;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
.subscriptions-unsubscribe a {
  background: rgba(18, 115, 235, 1);
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .subscriptions-unsubscribe a {
    width: auto;
  }
}

.subscriptions-unsubscribe a:hover {
  background-color: #0b458c;
  text-decoration: none;
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #9bafbf;
  font-size: 13px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #9bafbf;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #9bafbf;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(18, 115, 235, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(18, 115, 235, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h5 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h5 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #9bafbf;
  font-weight: 300;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/* CUSTOM CSS */
/* header */
#header {
  margin: 0;
  padding: 20px 24px;
  border-bottom: none;
  background: none;
  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  z-index: 1;
}

#header .gr_connected {
  position: relative;
  display: none;
}
#gr_user_menu_avatar {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  cursor: pointer;
}
#gr_user_menu_avatar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 6px;
}
#gr_user_menu_avatar span {
  font-size: 14px;
  font-weight: 500;
}
#header .user__dropdown {
  position: absolute;
  display: none;
  width: 80vw;
  min-width: 320px;
  max-width: 640px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 60px rgba(14, 42, 71, 0.25);
  font-size: 14px;
  z-index: 20;
  top: 100%;
  right: -10px;
  margin: 10px 0 0;
  width: auto;
  min-width: inherit;
  white-space: nowrap;
}
#header .user__dropdown.active {
  display: block;
}
#header .user__dropdown:after {
  position: absolute;
  bottom: 100%;
  right: 10px;
  height: 0;
  width: 0;
  border-bottom: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 5px 0 0;
  content: '';
  z-index: 21;
}
#header li a {
  height: 32px;
  display: block;
  line-height: 32px;
  padding: 0 16px;
  color: #374957;
}

@media screen and (max-width: 768px) {
  #gr_user_menu_avatar img {
    margin: 0;
  }
	#gr_user_menu_avatar span {
    display: none;
  }
}

/* footer */
#footer {
  margin: 0;
  padding: 40px 0;
  border: none;
  background-color: #1D262D;
  color: #BAC8D3;
  font-size: 14px;
}

#footer ul {
  margin-top: 20px;
}
#footer li {
  display: inline-block;
}
#footer li a {
  color: #869FB2;
  font-weight: normal;
}
#footer li span {
  display: inline-block;
  margin: 0 10px;
}

.powered-by-zendesk {
  display: none;
}

/* hero */
.hero {
  background: url(//theme.zdassets.com/theme_assets/680878/bfc71728795e9cadd4c11d6de52da77d9a21fee7.png) center;
  background-size: cover;
  height: 350px;
  padding: 76px 24px 24px;
  margin: 0;
}
.hero .hero-inner {
  width: 100%;
  max-width: 680px;
  margin: auto;
  text-align: center;
}
.hero .search {
  height: 65px;
}
.hero .search input {
  padding: 0 65px 0 20px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.hero form:after {
  content: "\f188";
  font-family: "bobjoll";
  color: #1273EB;
  position: absolute;
	top: 0;
  right: 0;
  font-size: 24px;
  line-height: 65px;
  width: 65px;
}

/* breadcrumbs */
.breadcrumbs {
  margin: 20px 0 0;
  color: #fff;
  font-size: 13px;
}
.breadcrumbs li {
  display: inline-block;
}
.breadcrumbs li:after {
  content: '/';
  display: inline-block;
  margin: 0 6px;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs a {
  color: #fff;
  font-weight: normal;
}

/* home */
.home__blocks {
  margin-bottom: 60px;
}
.home__block {
  padding: 20px;
  height: 100%;
}
.home__block a {
  box-shadow: 0 0 10px rgba(95, 125, 149, .3);
  background-color: #fff;
  padding: 40px 20px;
  text-align: center;
  display: block;
  border-radius: 3px;
  height: 100%;
  transition: transform 150ms cubic-bezier(.25,.46,.45,.94), box-shadow 150ms cubic-bezier(.25,.46,.45,.94);
}
.home__block a:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 20px rgba(95, 125, 149, .2), 0 0 10px rgba(95, 125, 149, .3);
}
.home__block span {
  display: block;
  color: #374957;
  margin-top: 18px;
}

.popular-topics {
  margin-bottom: 60px;
  text-align: center;
}
.popular-topics h6 {
  margin-bottom: 40px;
}
.promoted-articles {
  -webkit-columns: 3;
    columns: 3;
  -webkit-column-rule: 1px solid #D8D8D8;
    column-rule: 1px solid #D8D8D8;
  -webkit-column-gap: 50px;
    column-gap: 50px;
    padding: 0 40px;
}
.promoted-articles li {
  margin-bottom: 20px;
}
.promoted-articles a {
  font-weight: normal;
}

@media screen and (max-width: 920px) {
  .home__block {
    padding: 10px;
  }
}

@media screen and (max-width: 768px) {
  .home__block {
    padding: 5px;
  }
  .home__block a {
    padding: 30px;
  }
  .home__block img {
    width: 64px;
  }
  
  .promoted-articles {
    -webkit-columns: 2;
			columns: 2;
  }
  .promoted-articles li:nth-child(n+8) {
    display: none;
  }
  
  @media screen and (max-width: 640px) {
    .promoted-articles {
      -webkit-columns: 1;
        columns: 1;
      -webkit-column-rule: none;
        column-rule: none;
      -webkit-column-gap: 0;
        column-gap: 0;
      padding: 0;
      margin-bottom: 40px;
      text-align: center;
      border-bottom: 2px solid #E3E9ED;
      padding-bottom: 20px;
    }
  }
}

/* category */
.category__title {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  margin-bottom: 30px;
}
.category__title:before, .category__title:after {
	content: '';
  -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
  display: block;
  height: 2px;
  background-color: #E3E9ED;
  top: 15px;
  position: relative;
  margin-right: 34px;
}
.category__title:after {
	margin: 0 0 0 34px;
}

/* accordion */
.accordion {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 40px;
}
.accordion__trigger {
  display: none;
  appearance: none;
}
.accordion__content {
  display: none;
  background-color: #F8FAFB;
  padding: 12px 0;
  border-bottom: 1px solid #E3E9ED;
}
.accordion__content a {
  display: block;
  padding: 12px 30px;
}
.accordion .accordion__trigger:checked ~ .accordion__content {
  display: block;
}
.accordion .accordion__trigger:checked ~ .accordion__link .state--active {
  display: block;
}
.accordion .accordion__trigger:checked ~ .accordion__link .state--inactive {
  display: none;
}
.accordion__link {
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  color: #374957;
  font-weight: 500;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #E3E9ED;
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.accordion__link span {
  -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1
}
.accordion__link .icon {
  padding: 17px;
  box-sizing: content-box;
}
.accordion__link .state--inactive {
  transform: rotate(90deg);
}
.accordion__link .state--active {
  display: none;
  transform: rotate(270deg);
}

/* article */
section.article {
  margin-top: 50px;
}
article.article {
  padding-right: 20px;
}
.article__inner {
  border-bottom: 2px solid #E3E9ED;
  margin-bottom: 40px;
}
article.article h4 {
  font-size: 22px;
  font-weight: 500;
}
article.article pre {
  white-space: normal;
  padding: 12px;
  background-color: rgba(255, 238, 182, .2);
  border: 1px solid #FFEEB6;
  font-family: "Proxima Nova";
  font-weight: 500;
}
.related-articles {
	padding-left: 20px; 
}
.related-articles h3 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 6px;
}
.related-articles li {
  margin-bottom: 20px;
}
.related-articles a {
  font-size: 14px;
  font-weight: normal;
}
.article-body img {
  max-width: 100%;
}
.article-body ul {
  margin: 0 0 20px;
}
.article-body ul li {
    list-style: disc;
    margin-left: 24px;
}
.article-body ol {
  margin: 0 0 20px;
}
.article-body ol li {
    list-style: decimal;
    margin-left: 24px;
}

@media screen and (max-width: 768px) {
  .article {
    padding-right: 0;
  }
  .related-articles {
    padding-left: 0; 
  }
}

/* search */
.search-results-page .container {
  border-bottom: 2px solid #E3E9ED;
  margin: 40px auto;
  padding-bottom: 40px;
}
.search-result {
  border-bottom: 2px solid #E3E9ED;
  margin: 20px 0;
  padding-bottom: 20px;
}
.search-result:last-child {
  border-bottom: none;
}
.search-result .breadcrumbs {
  color: #1273eb;
  margin: 0;
}
.search-result .search-result-description {
  margin: 12px 0;
}
.search-result .breadcrumbs a {
  color: #1273eb;
}
.no-results img {
  max-width: 100%;
  margin-top: 40px;
}

/* pagination */
.pagination ul {
  -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  color: #4A6375;
}
.pagination a, .pagination span {
  color: #4A6375;
  font-weight: normal;
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  line-height: 24px;
  padding: 0;
}
.pagination-next a, .pagination-last a {
  font-size: 24px;
  line-height: 14px;
}
.pagination-current span {
  font-weight: bold;
  color: #374957;
}

/* Requests */
.section-requests {
  margin-top: 50px;
}
.my-activities-header {
  margin-bottom: 40px;
}

.my-activities-sub-nav li {
  display: inline-block;
  margin-right: 12px;
  padding-bottom: 6px;
}

.my-activities-sub-nav li[aria-selected="true"] {
  border-bottom: 1px solid;
}

table {
  width: 100%;
}

table td, table th {
  padding: 12px;
}

table th {
  text-align: left;
}

table tr:nth-child(even) {
  background-color: #F8FAFB;
}

table time {
  font-size: 13px;
  white-space: nowrap;
}

.section-requests .search {
  height: auto;
}

.section-requests .search input {
  border: 1px solid #e3e9ed;
  height: 42px;
  line-height: 42px;
  border-radius: 40px;
  margin: 0;
  padding: 0 20px;
  box-sizing: border-box;
}

.section-requests .pagination {
  margin: 40px 0;
}

/* Comments */
.comment-list {
  padding-top: 20px;
}
.comment {
  border-bottom: 1px solid #5f7d95;
  margin-bottom: 40px;
  word-break: break-word;
}
.comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.comment-author .avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 10px;
}
.comment-author .meta-data {
  font-size: 13px;
}

#user-menu a:nth-child(2) {
  display: none;
}

.flaticon-premium {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fba707;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-35%,-35%);
  z-index: 1;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.flaticon-premium:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA0Ni4yICg0NDQ5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+NTk1REVERUQtNEZBOC00Mjk3LUExMEItMjRBNTJCNUZBRTU0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzdXBlcmFkby1saW1pdGUtZGUtZGVzY2FyZ2FzLXVzdWFyaW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MjcuMDAwMDAwLCAtNTkzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ4LjAwMDAwMCwgNTE0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNvcm9uYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc5LjAwMDAwMCwgNzkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yOSIgZmlsbD0iI0ZBOEMwMCIgeD0iMS41MjU2NDEwMyIgeT0iMTAuNzY5MjMwOCIgd2lkdGg9IjExLjIxNzk0ODciIGhlaWdodD0iMi42MDI1NjQxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMyIgZmlsbD0iI0ZGOEMwMCIgcG9pbnRzPSIxLjM3NjU2OTA2IDguNzA1MTI4MjEgNy4wMTU5NDM1OSAwLjA2MTA0NDA0NTggMTIuNzU3MzYyNCA4LjcwNTEyODIxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtNCIgZmlsbD0iI0VEQTUwMCIgcG9pbnRzPSIxMi42NzQzOTggMTAuMTAzODQ0IDEzLjk4Njg4MDMgMi40NzAzMjQxNCAyLjgyMjQ4NTA4IDkuODAyMTcxMTEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC01IiBmaWxsPSIjRkVDNDAwIiBwb2ludHM9IjEuMzM0NjM2NDMgMTAuMDU3ODE3IDAuMDc1NDk1NDUxNSAyLjQzMjY4MTkzIDEwLjUwMzI4MDcgMTAuMDU3ODE3Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) 50% no-repeat;
  background-size: 100%;
}

/* Hide hidden-tables section */
li.hidden-tables, li[title="hidden-tables"] {
  display: none !important;
}