@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] {
  border-bottom: 1px dotted; }

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,
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"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

input {
  line-height: normal; }

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

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

input[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,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

#footer {
  margin: 24px 0 0 0;
  padding: 12px 0;
  border-top: 1px solid #dfdfdf;
  background-color: #3b3d40; }

#header, .header {
  margin: 0 0 24px 0;
  padding: 12px 0;
  border-bottom: 1px solid #dfdfdf;
  background-color: #eeeeee; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes scale-out {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }

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

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

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

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

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

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

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

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

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

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

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

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

.checkbox,
.radio {
  position: relative;
  display: block;
  margin: 0 0 12px;
  padding: 7px 0 7px 42px;
  height: 30px;
  box-sizing: content-box;
  color: #3b3d40;
  line-height: 30px;
  cursor: pointer; }
  .checkbox::after,
  .radio::after {
    clear: both;
    content: "";
    display: table; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"],
  .radio input[type="checkbox"],
  .radio input[type="radio"] {
    display: none; }
    .checkbox input[type="checkbox"]:checked + .checkbox__indicator,
    .checkbox input[type="checkbox"]:checked + .radio__indicator,
    .checkbox input[type="radio"]:checked + .checkbox__indicator,
    .checkbox input[type="radio"]:checked + .radio__indicator,
    .radio input[type="checkbox"]:checked + .checkbox__indicator,
    .radio input[type="checkbox"]:checked + .radio__indicator,
    .radio input[type="radio"]:checked + .checkbox__indicator,
    .radio input[type="radio"]:checked + .radio__indicator {
      -webkit-transition: box-shadow 150ms cubic-bezier(1, 0, 0, 1) background-color 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: box-shadow 150ms cubic-bezier(1, 0, 0, 1) background-color 150ms cubic-bezier(1, 0, 0, 1);
      transition: box-shadow 150ms cubic-bezier(1, 0, 0, 1) background-color 150ms cubic-bezier(1, 0, 0, 1);
      background-color: white;
      box-shadow: inset 0 0 0 30px #2dd274; }
      .checkbox input[type="checkbox"]:checked + .checkbox__indicator + .checkbox__link,
      .checkbox input[type="checkbox"]:checked + .checkbox__indicator + .radio__link,
      .checkbox input[type="checkbox"]:checked + .radio__indicator + .checkbox__link,
      .checkbox input[type="checkbox"]:checked + .radio__indicator + .radio__link,
      .checkbox input[type="radio"]:checked + .checkbox__indicator + .checkbox__link,
      .checkbox input[type="radio"]:checked + .checkbox__indicator + .radio__link,
      .checkbox input[type="radio"]:checked + .radio__indicator + .checkbox__link,
      .checkbox input[type="radio"]:checked + .radio__indicator + .radio__link,
      .radio input[type="checkbox"]:checked + .checkbox__indicator + .checkbox__link,
      .radio input[type="checkbox"]:checked + .checkbox__indicator + .radio__link,
      .radio input[type="checkbox"]:checked + .radio__indicator + .checkbox__link,
      .radio input[type="checkbox"]:checked + .radio__indicator + .radio__link,
      .radio input[type="radio"]:checked + .checkbox__indicator + .checkbox__link,
      .radio input[type="radio"]:checked + .checkbox__indicator + .radio__link,
      .radio input[type="radio"]:checked + .radio__indicator + .checkbox__link,
      .radio input[type="radio"]:checked + .radio__indicator + .radio__link {
        opacity: 1; }
      .checkbox input[type="checkbox"]:checked + .checkbox__indicator .icon,
      .checkbox input[type="checkbox"]:checked + .radio__indicator .icon,
      .checkbox input[type="radio"]:checked + .checkbox__indicator .icon,
      .checkbox input[type="radio"]:checked + .radio__indicator .icon,
      .radio input[type="checkbox"]:checked + .checkbox__indicator .icon,
      .radio input[type="checkbox"]:checked + .radio__indicator .icon,
      .radio input[type="radio"]:checked + .checkbox__indicator .icon,
      .radio input[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: opaicty 150ms 150ms cubic-bezier(1, 0, 0, 1), -webkit-transform 150ms 150ms cubic-bezier(1, 0, 0, 1);
        -moz-transition: opaicty 150ms 150ms cubic-bezier(1, 0, 0, 1), -moz-transform 150ms 150ms cubic-bezier(1, 0, 0, 1);
        transition: opaicty 150ms 150ms cubic-bezier(1, 0, 0, 1), transform 150ms 150ms cubic-bezier(1, 0, 0, 1);
        opacity: 1; }
  .checkbox:hover .checkbox__indicator,
  .checkbox:hover .radio__indicator,
  .radio:hover .checkbox__indicator,
  .radio:hover .radio__indicator {
    background-color: #f9f9f9; }
  .checkbox:hover .checkbox__link,
  .checkbox:hover .radio__link,
  .radio:hover .checkbox__link,
  .radio:hover .radio__link {
    opacity: 1; }
  .checkbox__indicator,
  .radio__indicator {
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transition: box-shadow 150ms 150ms cubic-bezier(1, 0, 0, 1), background-color 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: box-shadow 150ms 150ms cubic-bezier(1, 0, 0, 1), background-color 150ms cubic-bezier(1, 0, 0, 1);
    transition: box-shadow 150ms 150ms cubic-bezier(1, 0, 0, 1), background-color 150ms cubic-bezier(1, 0, 0, 1);
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: white;
    box-shadow: inset 0 0 0 1px #dfdfdf; }
    .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 150ms cubic-bezier(1, 0, 0, 1), -webkit-transform 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: opaicty 150ms cubic-bezier(1, 0, 0, 1), -moz-transform 150ms cubic-bezier(1, 0, 0, 1);
      transition: opaicty 150ms cubic-bezier(1, 0, 0, 1), transform 150ms cubic-bezier(1, 0, 0, 1);
      opacity: 0;
      width: 24px;
      height: 24px;
      margin: 3px;
      color: white;
      fill: white;
      font-size: 24px;
      line-height: 24px; }
  .checkbox__link,
  .radio__link {
    -webkit-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
    opacity: .6; }
  .checkbox--inverted,
  .radio--inverted {
    color: white; }
    .checkbox--inverted:hover .checkbox__indicator,
    .checkbox--inverted:hover .radio__indicator,
    .radio--inverted:hover .checkbox__indicator,
    .radio--inverted:hover .radio__indicator {
      background-color: #ececec; }
    .checkbox--inverted input[type="checkbox"]:checked + .checkbox__indicator,
    .checkbox--inverted input[type="radio"]:checked + .radio__indicator,
    .radio--inverted input[type="checkbox"]:checked + .checkbox__indicator,
    .radio--inverted input[type="radio"]:checked + .radio__indicator {
      background-color: white;
      box-shadow: inset 0 0 0 30px #2dd274; }
  .checkbox--inline,
  .radio--inline {
    display: inline-block; }
  .checkbox--right,
  .radio--right {
    padding: 7px 42px 7px 0; }
    .checkbox--right .checkbox__indicator,
    .checkbox--right .radio__indicator,
    .radio--right .checkbox__indicator,
    .radio--right .radio__indicator {
      position: absolute;
      top: 7px;
      right: 0;
      left: auto; }
  .checkbox--xs,
  .radio--xs {
    height: 16px;
    padding: 14px 0 14px 32px;
    line-height: 16px; }
    .checkbox--xs .checkbox__indicator,
    .checkbox--xs .radio__indicator,
    .radio--xs .checkbox__indicator,
    .radio--xs .radio__indicator {
      top: 14px;
      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: 12.8px;
        height: 12.8px;
        margin: 1.6px;
        font-size: 12.8px;
        line-height: 12.8px; }
    .checkbox--xs.checkbox--right, .checkbox--xs.radio--right,
    .radio--xs.checkbox--right,
    .radio--xs.radio--right {
      padding: 14px 28px 14px 0; }
  .checkbox--sm,
  .radio--sm {
    height: 20px;
    padding: 12px 0 12px 32px;
    line-height: 20px; }
    .checkbox--sm .checkbox__indicator,
    .checkbox--sm .radio__indicator,
    .radio--sm .checkbox__indicator,
    .radio--sm .radio__indicator {
      top: 12px;
      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: 16px;
        height: 16px;
        margin: 2px;
        font-size: 16px;
        line-height: 16px; }
    .checkbox--sm.checkbox--right, .checkbox--sm.radio--right,
    .radio--sm.checkbox--right,
    .radio--sm.radio--right {
      padding: 12px 32px 12px 0; }
  .checkbox--md,
  .radio--md {
    height: 30px;
    padding: 7px 0 7px 32px;
    line-height: 30px; }
    .checkbox--md .checkbox__indicator,
    .checkbox--md .radio__indicator,
    .radio--md .checkbox__indicator,
    .radio--md .radio__indicator {
      top: 7px;
      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: 24px;
        height: 24px;
        margin: 3px;
        font-size: 24px;
        line-height: 24px; }
    .checkbox--md.checkbox--right, .checkbox--md.radio--right,
    .radio--md.checkbox--right,
    .radio--md.radio--right {
      padding: 7px 42px 7px 0; }
  .checkbox--lg,
  .radio--lg {
    height: 36px;
    padding: 4px 0 4px 32px;
    line-height: 36px; }
    .checkbox--lg .checkbox__indicator,
    .checkbox--lg .radio__indicator,
    .radio--lg .checkbox__indicator,
    .radio--lg .radio__indicator {
      top: 4px;
      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: 28.8px;
        height: 28.8px;
        margin: 3.6px;
        font-size: 28.8px;
        line-height: 28.8px; }
    .checkbox--lg.checkbox--right, .checkbox--lg.radio--right,
    .radio--lg.checkbox--right,
    .radio--lg.radio--right {
      padding: 4px 48px 4px 0; }
  .checkbox--xl,
  .radio--xl {
    height: 44px;
    padding: 0px 0 0px 32px;
    line-height: 44px; }
    .checkbox--xl .checkbox__indicator,
    .checkbox--xl .radio__indicator,
    .radio--xl .checkbox__indicator,
    .radio--xl .radio__indicator {
      top: 0px;
      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: 35.2px;
        height: 35.2px;
        margin: 4.4px;
        font-size: 35.2px;
        line-height: 35.2px; }
    .checkbox--xl.checkbox--right, .checkbox--xl.radio--right,
    .radio--xl.checkbox--right,
    .radio--xl.radio--right {
      padding: 0px 56px 0px 0; }

.radio__indicator {
  border-radius: 50%; }

.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: 12px -1px;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 0 60px rgba(31, 45, 61, 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 {
      border-bottom: 1px solid #dfdfdf; }
      .dropdown__select .group > div > * {
        border: 0 !important; }
    .dropdown__select li {
      height: 44px;
      margin: 0;
      padding: 0 24px;
      border-bottom: 1px solid #dfdfdf;
      cursor: pointer;
      line-height: 44px; }
      .dropdown__select li:hover {
        background-color: #b3b3b3;
        color: #3b3d40;
        cursor: pointer; }
      .dropdown__select li:last-child {
        border: none; }
  .dropdown__search input {
    border-radius: 0 !important;
    border-top-left-radius: 3px !important; }
  .dropdown__button {
    -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
    transition: 150ms cubic-bezier(1, 0, 0, 1);
    height: 44px;
    margin: 0;
    padding: 0 46px 0 24px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    background-color: white;
    line-height: 42px; }
    .dropdown__button::after {
      position: absolute;
      top: 50%;
      right: 24px;
      -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 #3b3d40;
      content: ''; }
    .dropdown__button:hover {
      background-color: #cccccc;
      color: #3b3d40;
      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: #cccccc;
      color: #3b3d40; }
      .dropdown--inverted .dropdown__button:hover::after {
        border-top-color: #3b3d40; }
  .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: 24px;
      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: 24px; }
  .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: 12px; }
  .dropdown--xs .dropdown__button {
    padding: 0 22px 0 6px; }
    .dropdown--xs .dropdown__button::after {
      right: 6px; }
  .dropdown--sm .dropdown__button, .dropdown--sm .dropdown__select li {
    height: 32px;
    line-height: 32px;
    font-size: 14px; }
  .dropdown--sm .dropdown__button {
    padding: 0 34px 0 12px; }
    .dropdown--sm .dropdown__button::after {
      right: 12px; }
  .dropdown--md .dropdown__button, .dropdown--md .dropdown__select li {
    height: 44px;
    line-height: 44px;
    font-size: 16px; }
  .dropdown--md .dropdown__button {
    padding: 0 58px 0 24px; }
    .dropdown--md .dropdown__button::after {
      right: 24px; }
  .dropdown--lg .dropdown__button, .dropdown--lg .dropdown__select li {
    height: 56px;
    line-height: 56px;
    font-size: 24px; }
  .dropdown--lg .dropdown__button {
    padding: 0 106px 0 48px; }
    .dropdown--lg .dropdown__button::after {
      right: 48px; }
  .dropdown--xl .dropdown__button, .dropdown--xl .dropdown__select li {
    height: 64px;
    line-height: 64px;
    font-size: 32px; }
  .dropdown--xl .dropdown__button {
    padding: 0 202px 0 96px; }
    .dropdown--xl .dropdown__button::after {
      right: 96px; }

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

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

.active.dropdown--right .dropdown__select {
  margin: 0 12px 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 12px 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: 12px 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"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input: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 150ms cubic-bezier(1, 0, 0, 1), box-shadow 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: border 150ms cubic-bezier(1, 0, 0, 1), box-shadow 150ms cubic-bezier(1, 0, 0, 1);
  transition: border 150ms cubic-bezier(1, 0, 0, 1), box-shadow 150ms cubic-bezier(1, 0, 0, 1);
  display: block;
  width: 100%;
  height: 44px;
  margin: 0 0 12px;
  padding: 0 24px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 0 transparent;
  color: #3b3d40;
  font-size: 16px;
  line-height: 44px; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
    outline: none;
    border-color: #797979; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
    outline: none;
    border-color: #3b2551; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f9f9f9;
    cursor: no-drop;
    color: rgba(59, 61, 64, 0.4); }
  input[type="color"].error, input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="email"].error, input[type="month"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="time"].error, input[type="url"].error, input[type="week"].error, input:not([type]).error, textarea.error {
    border-color: #ef5350; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(59, 61, 64, 0.4); }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(59, 61, 64, 0.4); }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(59, 61, 64, 0.4); }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(59, 61, 64, 0.4); }

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

.groups__item {
  border-bottom: 1px solid #dfdfdf; }
  .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 -6px;
  padding: 12px 6px; }

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

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

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

.groups--pd-md .groups__item {
  margin: 0 -24px;
  padding: 12px 24px; }

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

.groups--pd-lg .groups__item {
  margin: 0 -48px;
  padding: 12px 48px; }

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

.groups--pd-xl .groups__item {
  margin: 0 -96px;
  padding: 12px 96px; }

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

.group {
  position: relative;
  overflow: hidden;
  margin: 0 0 12px;
  border-radius: 3px; }
  .group::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    pointer-events: none;
    z-index: 2;
    content: ''; }
  .group .button {
    position: relative;
    margin: 0 !important;
    border-radius: 0;
    z-index: 2; }
  .group input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin: 0;
    border: none;
    border-radius: 0;
    z-index: 1; }
    .group input:not(:focus) + .button--outline::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: calc(100% - 2px);
      margin-top: 1px;
      background-color: white;
      content: ''; }
  .group__context {
    white-space: nowrap; }
    .group__context span {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: block;
      height: 44px;
      padding: 0 24px;
      background-color: #f9f9f9;
      color: #3b3d40;
      line-height: 44px; }
  .group--sm {
    margin: 6px 0; }
    .group--sm .group__context span, .group--sm .button, .group--sm input {
      height: 32px;
      padding: 0 12px;
      font-size: 14px;
      line-height: 32px; }
  .group--inverted .group__context + div > * {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .group--inverted .group__context span {
    border: none;
    background-color: transparent;
    color: white; }
  .group--inverted .group__input input {
    border: none;
    background-color: #222222;
    color: white; }
    .group--inverted .group__input input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }
    .group--inverted .group__input input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4); }
    .group--inverted .group__input input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.4); }
    .group--inverted .group__input input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }
  .group.error::before {
    box-shadow: inset 0 0 0 1px #ef5350; }

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

.switch {
  margin: 0 0 12px;
  padding: 0;
  background-color: white;
  cursor: pointer; }
  .switch__indicator {
    -webkit-transition: all 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 150ms cubic-bezier(1, 0, 0, 1);
    transition: all 150ms cubic-bezier(1, 0, 0, 1);
    position: relative;
    display: block;
    width: 42px;
    height: 30px;
    margin: 0 auto 0 0;
    padding: 0 12px 0 0;
    border-radius: 30px;
    background: #dfdfdf;
    line-height: 30px;
    cursor: pointer; }
    .switch__indicator::before {
      position: absolute;
      top: 1px;
      left: 1px;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: all 150ms cubic-bezier(1, 0, 0, 1);
      transition: all 150ms cubic-bezier(1, 0, 0, 1);
      width: 40px;
      height: 28px;
      border-radius: 28px;
      background-color: white;
      z-index: 1;
      content: ''; }
    .switch__indicator::after {
      position: absolute;
      top: 1px;
      right: 0;
      bottom: 0;
      left: 1px;
      -webkit-transition: all 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: all 150ms cubic-bezier(1, 0, 0, 1);
      transition: all 150ms cubic-bezier(1, 0, 0, 1);
      width: 28px;
      height: 28px;
      border-radius: 28px;
      background-color: #f9f9f9;
      box-shadow: 0 0 0 1px #dfdfdf;
      z-index: 2;
      content: ''; }
  .switch__link {
    -webkit-transition: color 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: color 150ms cubic-bezier(1, 0, 0, 1);
    transition: color 150ms cubic-bezier(1, 0, 0, 1);
    color: rgba(59, 61, 64, 0.6); }
  .switch--right .switch__indicator {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -webkit-order: 10;
    -moz-order: 10;
    order: 10;
    -ms-flex-order: 10;
    margin: 0 0 0 auto;
    padding: 0 0 0 12px; }
  .switch--sm {
    padding: 6px 0 6px 32px;
    font-size: 14px;
    line-height: 20px; }
    .switch--sm .switch__indicator {
      top: 6px;
      width: 26px;
      height: 20px; }
      .switch--sm .switch__indicator::before {
        width: 24px;
        height: 18px;
        border-radius: 18px; }
      .switch--sm .switch__indicator::after {
        width: 18px;
        height: 18px;
        border-radius: 18px; }
    .switch--sm input[type="checkbox"]:checked + .switch__indicator::after {
      left: 7px !important; }
  .switch--large {
    padding: 4px 0 4px 60px;
    font-size: 24px;
    line-height: 36px; }
    .switch--large .switch__indicator {
      top: 4px;
      width: 48px;
      height: 36px; }
      .switch--large .switch__indicator::before {
        width: 46px;
        height: 34px;
        border-radius: 34px; }
      .switch--large .switch__indicator::after {
        width: 34px;
        height: 34px;
        border-radius: 34px; }
    .switch--large input[type="checkbox"]:checked + .switch__indicator::after {
      left: 13px !important; }
  .switch.radio__indicator {
    border-radius: 50%; }
  .switch:hover .switch__indicator::after {
    background-color: #f9f9f9; }
  .switch:hover .switch__link {
    color: #3b3d40; }
  .switch input[type="checkbox"] {
    display: none; }
    .switch input[type="checkbox"]:checked + .switch__indicator {
      background-color: #08050b; }
      .switch input[type="checkbox"]: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 {
        left: 13px;
        background-color: white;
        box-shadow: 0 0 0 1px rgba(223, 223, 223, 0); }
      .switch input[type="checkbox"]:checked + .switch__indicator ~ .switch__link {
        color: #3b3d40; }

.upload {
  overflow: hidden;
  height: 44px;
  margin: 0 0 12px;
  border-radius: 3px;
  line-height: 42px; }
  .upload__files {
    display: table-cell;
    padding: 0 24px;
    border: 1px solid #dfdfdf;
    border-right: none;
    width: 100%; }
  .upload__link {
    -webkit-transition: all 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 150ms cubic-bezier(1, 0, 0, 1);
    transition: all 150ms cubic-bezier(1, 0, 0, 1);
    position: relative;
    display: table-cell;
    padding: 0 24px;
    background-color: #3b2551;
    color: white;
    white-space: nowrap; }
    .upload__link:hover {
      background-color: #08050b;
      box-shadow: inset 0 -1px 1px rgba(31, 45, 61, 0.35);
      color: white; }
    .upload__link--icon {
      padding: 0 24px 0 56px; }
      .upload__link--icon svg {
        position: absolute;
        top: 50%;
        left: 24px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        fill: white; }
  .upload--sm {
    height: 32px;
    line-height: 30px; }
  .upload--large {
    height: 56px;
    line-height: 54px; }
  .upload--inline {
    display: inline-block; }
  .upload input[type="file"] {
    display: none; }
  .upload label {
    display: table;
    width: 100%;
    cursor: pointer; }

.accordion {
  position: relative;
  overflow: hidden;
  margin: 0 0 24px;
  padding: 0;
  line-height: 1.6; }
  .accordion::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 480px) {
    .accordion--tabs .accordion__container {
      display: inline; }
    .accordion--tabs .accordion__content {
      float: left;
      border-top: 0; }
    .accordion--tabs .accordion__link:not(.nostyle) {
      display: inline-block;
      border-top: 0; }
      .accordion--tabs .accordion__link:not(.nostyle).active {
        margin: 0 0 -1px;
        border: 1px solid #dfdfdf;
        border-bottom-color: #fff;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; } }
  .accordion__container {
    margin: 0;
    list-style: none; }
  .accordion__content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 12px 24px; }
    .accordion__content p:last-child {
      margin: 0; }
  .accordion__link:not(.nostyle) {
    display: block;
    border-top: 1px solid #dfdfdf;
    padding: 12px 24px;
    text-decoration: none; }
    .accordion__link:not(.nostyle).active {
      border-bottom: 0; }
  .accordion__link.active + .accordion__content {
    position: relative;
    display: block;
    border-top: 1px solid #dfdfdf; }
  .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 #dfdfdf;
    border-style: dashed; }
  .avatar--xs {
    width: 32px;
    height: 32px; }
  .avatar--sm {
    width: 44px;
    height: 44px; }
  .avatar--md {
    width: 64px;
    height: 64px; }
  .avatar--lg {
    width: 128px;
    height: 128px; }
  .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 #dfdfdf;
  border-color: #222222;
  background-color: #222222;
  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: -12px; }
  .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: -12px; }
  .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: -12px; }
  .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: -12px; }
  .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: #2dd274;
    background-color: #2dd274;
    color: #3b3d40; }
    .badge--green.badge--outline {
      border-color: #2dd274;
      color: #2dd274; }
  .badge--blue {
    border-color: #0f73ee;
    background-color: #0f73ee;
    color: white; }
    .badge--blue.badge--outline {
      border-color: #0f73ee;
      color: #0f73ee; }
  .badge--gray {
    border-color: #e8e8e8;
    background-color: #e8e8e8;
    color: #3b3d40; }
    .badge--gray.badge--outline {
      border-color: #e8e8e8;
      color: #e8e8e8; }
  .badge--red {
    border-color: #ef5350;
    background-color: #ef5350;
    color: white; }
    .badge--red.badge--outline {
      border-color: #ef5350;
      color: #ef5350; }
  .badge--yellow {
    border-color: #f8da1c;
    background-color: #f8da1c;
    color: #3b3d40; }
    .badge--yellow.badge--outline {
      border-color: #f8da1c;
      color: #f8da1c; }
  .badge--white {
    border-color: white;
    background-color: white;
    color: #3b3d40; }
    .badge--white.badge--outline {
      border-color: white;
      color: white; }
  .badge--inverted {
    border-color: white;
    background-color: white;
    color: #3b3d40; }
    .badge--inverted.badge--outline {
      border-color: white;
      color: #3b3d40; }
  .badge--outline {
    background-color: white;
    color: #222222; }
  .badge--sm {
    font-size: 10px; }
  .badge--pill {
    border-radius: 20px; }
  .badge--xs {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    padding: 0 1.5px;
    font-size: 12px;
    text-align: center;
    line-height: 24px; }
  .badge--sm {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    padding: 0 3px;
    font-size: 14px;
    text-align: center;
    line-height: 32px; }
  .badge--md {
    display: inline-block;
    min-width: 44px;
    height: 44px;
    padding: 0 6px;
    font-size: 16px;
    text-align: center;
    line-height: 44px; }
  .badge--lg {
    display: inline-block;
    min-width: 56px;
    height: 56px;
    padding: 0 12px;
    font-size: 24px;
    text-align: center;
    line-height: 56px; }
  .badge--xl {
    display: inline-block;
    min-width: 64px;
    height: 64px;
    padding: 0 24px;
    font-size: 32px;
    text-align: center;
    line-height: 64px; }

.breadcrumbs {
  overflow: hidden;
  display: inline-block;
  margin: 0 0 24px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  background-color: #f9f9f9; }
  .breadcrumbs::after {
    clear: both;
    content: "";
    display: table; }
  .breadcrumbs__link {
    position: relative;
    display: block;
    float: left;
    padding: 6px 24px;
    color: rgba(59, 61, 64, 0.6);
    font-size: 14px;
    text-decoration: none; }
    @media screen and (max-width: 640px) {
      .breadcrumbs__link {
        padding: 3px 12px;
        font-size: 12px; }
        .breadcrumbs__link::before, .breadcrumbs__link::after {
          border-bottom-width: 12px;
          border-left-width: 3px;
          border-top-width: 12px; } }
    .breadcrumbs__link::before, .breadcrumbs__link::after {
      position: absolute;
      top: 50%;
      right: auto;
      bottom: 0;
      left: 100%;
      -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;
      margin: auto;
      border-bottom: 24px solid transparent;
      border-left: 6px solid transparent;
      border-top: 24px solid transparent;
      z-index: 2;
      content: ''; }
    .breadcrumbs__link::before {
      margin: 0 0 0 1px;
      border-left-color: #dfdfdf;
      z-index: 1; }
    .breadcrumbs__link::after {
      border-left-color: #f9f9f9; }
    .breadcrumbs__link:last-child {
      color: #3b3d40;
      font-weight: bold; }
      .breadcrumbs__link:last-child::before, .breadcrumbs__link:last-child::after {
        border: none; }

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

.button {
  -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
  transition: 150ms cubic-bezier(1, 0, 0, 1);
  position: relative;
  display: inline-block;
  height: 44px;
  padding: 0 12px;
  border-radius: 3px;
  background-color: transparent;
  color: #3b3d40;
  text-decoration: none;
  line-height: 44px;
  cursor: pointer; }
  .button:disabled {
    opacity: .65; }
  .button--flat {
    position: relative;
    background-color: #3b2551;
    color: white; }
    .button--flat::after {
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms cubic-bezier(1, 0, 0, 1);
      opacity: 0;
      width: 100%;
      height: 100%;
      box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.25);
      content: ''; }
    .button--flat:hover:not(:disabled)::after {
      opacity: 1; }
    .button--flat [class^='icon'], .button--flat [class*='icon'] {
      color: white;
      fill: white; }
  .button--inverted {
    box-shadow: inset 0 0 0 1px white;
    color: white; }
    .button--inverted:hover:not(:disabled), .button--inverted.active:not(:disabled) {
      background-color: white;
      color: #aeaeae; }
      .button--inverted:hover:not(:disabled) [class^='icon'], .button--inverted:hover:not(:disabled) [class*='icon'], .button--inverted.active:not(:disabled) [class^='icon'], .button--inverted.active:not(:disabled) [class*='icon'] {
        color: #aeaeae;
        fill: #aeaeae; }
    .button--inverted [class^='icon'], .button--inverted [class*='icon'] {
      color: white;
      fill: white; }
  .button--outline {
    background-color: white;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    color: #aeaeae; }
    .button--outline [class^='icon'], .button--outline [class*='icon'] {
      color: #aeaeae;
      fill: #aeaeae; }
  .button--ghost {
    box-shadow: inset 0 0 0 1px #dfdfdf;
    color: #aeaeae; }
    .button--ghost [class^='icon'], .button--ghost [class*='icon'] {
      color: #aeaeae;
      fill: #aeaeae; }
  .button--main {
    box-shadow: inset 0 0 0 1px #3b2551; }
    .button--main.button--flat   {
      background-color: #3b2551;
      color: white; }
      .button--main.button--flat   [class^='icon'], .button--main.button--flat   [class*='icon'] {
        color: white;
        fill: white; }
    .button--main.button--outline {
      color: #3b2551; }
      .button--main.button--outline [class^='icon'], .button--main.button--outline [class*='icon'] {
        color: #3b2551;
        fill: #3b2551; }
  .button--green {
    box-shadow: inset 0 0 0 1px #2dd274; }
    .button--green.button--flat {
      background-color: #2dd274;
      color: white; }
      .button--green.button--flat [class^='icon'], .button--green.button--flat [class*='icon'] {
        color: white;
        fill: white; }
    .button--green.button--outline {
      color: #2dd274; }
      .button--green.button--outline [class^='icon'], .button--green.button--outline [class*='icon'] {
        color: #2dd274;
        fill: #2dd274; }
  .button--blue {
    box-shadow: inset 0 0 0 1px #0f73ee; }
    .button--blue.button--flat {
      background-color: #0f73ee;
      color: white; }
      .button--blue.button--flat [class^='icon'], .button--blue.button--flat [class*='icon'] {
        color: white;
        fill: white; }
    .button--blue.button--outline {
      color: #0f73ee; }
      .button--blue.button--outline [class^='icon'], .button--blue.button--outline [class*='icon'] {
        color: #0f73ee;
        fill: #0f73ee; }
  .button--gray {
    box-shadow: inset 0 0 0 1px #e8e8e8; }
    .button--gray.button--flat {
      background-color: #e8e8e8;
      color: #3b3d40; }
      .button--gray.button--flat [class^='icon'], .button--gray.button--flat [class*='icon'] {
        color: #3b3d40;
        fill: #3b3d40; }
    .button--gray.button--outline {
      color: #e8e8e8; }
      .button--gray.button--outline [class^='icon'], .button--gray.button--outline [class*='icon'] {
        color: #e8e8e8;
        fill: #e8e8e8; }
  .button--red {
    box-shadow: inset 0 0 0 1px #ef5350; }
    .button--red.button--flat {
      background-color: #ef5350;
      color: white; }
      .button--red.button--flat [class^='icon'], .button--red.button--flat [class*='icon'] {
        color: white;
        fill: white; }
    .button--red.button--outline {
      color: #ef5350; }
      .button--red.button--outline [class^='icon'], .button--red.button--outline [class*='icon'] {
        color: #ef5350;
        fill: #ef5350; }
  .button--yellow {
    box-shadow: inset 0 0 0 1px #f8da1c; }
    .button--yellow.button--flat {
      background-color: #f8da1c;
      color: #3b3d40; }
      .button--yellow.button--flat [class^='icon'], .button--yellow.button--flat [class*='icon'] {
        color: #3b3d40;
        fill: #3b3d40; }
    .button--yellow.button--outline {
      color: #f8da1c; }
      .button--yellow.button--outline [class^='icon'], .button--yellow.button--outline [class*='icon'] {
        color: #f8da1c;
        fill: #f8da1c; }
  .button--white {
    box-shadow: inset 0 0 0 1px white; }
    .button--white.button--flat {
      background-color: white;
      color: #3b3d40; }
      .button--white.button--flat [class^='icon'], .button--white.button--flat [class*='icon'] {
        color: #3b3d40;
        fill: #3b3d40; }
    .button--white.button--outline {
      color: white; }
      .button--white.button--outline [class^='icon'], .button--white.button--outline [class*='icon'] {
        color: white;
        fill: white; }
  .button--main--hover:hover:not(:disabled), .group input:focus + .button--main--hover {
    background-color: #5f3b82;
    box-shadow: inset 0 0 0 1px #5f3b82;
    color: white; }
    .button--main--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--main--hover [class^='icon'], .button--main--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--main--hover [class*='icon'] {
      color: white;
      fill: white; }
  .button--main--hover.active:not(:disabled), .button__group label input[type="checkbox"]:checked.hide ~ .button:not(:disabled),
  .button__group label input[type="radio"]:checked.hide ~ .button:not(:disabled) {
    background-color: #3b2551;
    box-shadow: inset 0 0 0 1px #3b2551;
    color: white; }
    .button--main--hover.active:not(:disabled) [class^='icon'], .button__group label input[type="checkbox"]:checked.hide ~ .button:not(:disabled) [class^='icon'],
    .button__group label input[type="radio"]:checked.hide ~ .button:not(:disabled) [class^='icon'], .button--main--hover.active:not(:disabled) [class*='icon'], .button__group label input[type="checkbox"]:checked.hide ~ .button:not(:disabled) [class*='icon'],
    .button__group label input[type="radio"]:checked.hide ~ .button:not(:disabled) [class*='icon'] {
      color: white;
      fill: white; }
  .button--green--hover:hover:not(:disabled), .group input:focus + .button--green--hover {
    background-color: #68df9b;
    box-shadow: inset 0 0 0 1px #68df9b;
    color: #3b3d40; }
    .button--green--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--green--hover [class^='icon'], .button--green--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--green--hover [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--green--hover.active:not(:disabled) {
    background-color: #2dd274;
    box-shadow: inset 0 0 0 1px #2dd274;
    color: #3b3d40; }
    .button--green--hover.active:not(:disabled) [class^='icon'], .button--green--hover.active:not(:disabled) [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--blue--hover:hover:not(:disabled), .group input:focus + .button--blue--hover {
    background-color: #509af4;
    box-shadow: inset 0 0 0 1px #509af4;
    color: white; }
    .button--blue--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--blue--hover [class^='icon'], .button--blue--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--blue--hover [class*='icon'] {
      color: white;
      fill: white; }
  .button--blue--hover.active:not(:disabled) {
    background-color: #0f73ee;
    box-shadow: inset 0 0 0 1px #0f73ee;
    color: white; }
    .button--blue--hover.active:not(:disabled) [class^='icon'], .button--blue--hover.active:not(:disabled) [class*='icon'] {
      color: white;
      fill: white; }
  .button--gray--hover:hover:not(:disabled), .group input:focus + .button--gray--hover {
    background-color: white;
    box-shadow: inset 0 0 0 1px white;
    color: #3b3d40; }
    .button--gray--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--gray--hover [class^='icon'], .button--gray--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--gray--hover [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--gray--hover.active:not(:disabled) {
    background-color: #e8e8e8;
    box-shadow: inset 0 0 0 1px #e8e8e8;
    color: #3b3d40; }
    .button--gray--hover.active:not(:disabled) [class^='icon'], .button--gray--hover.active:not(:disabled) [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--red--hover:hover:not(:disabled), .group input:focus + .button--red--hover {
    background-color: #f59391;
    box-shadow: inset 0 0 0 1px #f59391;
    color: white; }
    .button--red--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--red--hover [class^='icon'], .button--red--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--red--hover [class*='icon'] {
      color: white;
      fill: white; }
  .button--red--hover.active:not(:disabled) {
    background-color: #ef5350;
    box-shadow: inset 0 0 0 1px #ef5350;
    color: white; }
    .button--red--hover.active:not(:disabled) [class^='icon'], .button--red--hover.active:not(:disabled) [class*='icon'] {
      color: white;
      fill: white; }
  .button--yellow--hover:hover:not(:disabled), .group input:focus + .button--yellow--hover {
    background-color: #fae561;
    box-shadow: inset 0 0 0 1px #fae561;
    color: #3b3d40; }
    .button--yellow--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--yellow--hover [class^='icon'], .button--yellow--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--yellow--hover [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--yellow--hover.active:not(:disabled) {
    background-color: #f8da1c;
    box-shadow: inset 0 0 0 1px #f8da1c;
    color: #3b3d40; }
    .button--yellow--hover.active:not(:disabled) [class^='icon'], .button--yellow--hover.active:not(:disabled) [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--white--hover:hover:not(:disabled), .group input:focus + .button--white--hover {
    background-color: white;
    box-shadow: inset 0 0 0 1px white;
    color: #3b3d40; }
    .button--white--hover:hover:not(:disabled) [class^='icon'], .group input:focus + .button--white--hover [class^='icon'], .button--white--hover:hover:not(:disabled) [class*='icon'], .group input:focus + .button--white--hover [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--white--hover.active:not(:disabled) {
    background-color: white;
    box-shadow: inset 0 0 0 1px white;
    color: #3b3d40; }
    .button--white--hover.active:not(:disabled) [class^='icon'], .button--white--hover.active:not(:disabled) [class*='icon'] {
      color: #3b3d40;
      fill: #3b3d40; }
  .button--icon {
    position: relative;
    display: block; }
    .button--icon::after {
      clear: both;
      content: "";
      display: table; }
    .button--icon:not(.button--icon--only):not(.button--icon--left):not(.button--icon--right) .icon {
      padding-left: 0;
      padding-right: 0; }
    .button--icon--only {
      padding: 0 !important; }
    .button--icon--left .icon:first-of-type {
      position: absolute;
      top: 0;
      left: 0;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .button--icon--right .icon:first-of-type {
      position: absolute;
      top: 0;
      right: 0;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .button--icon span ~ i, .button--icon i ~ span {
      margin-left: 6px !important; }
  .button--facebook.button--flat {
    background: #3b5998;
    color: white; }
    .button--facebook.button--flat .icon {
      color: white;
      fill: white; }
    .button--facebook.button--flat.button--icon--left, .button--facebook.button--flat.button--icon--right {
      background: #4264aa; }
      .button--facebook.button--flat.button--icon--left span, .button--facebook.button--flat.button--icon--right span {
        display: block;
        white-space: nowrap; }
      .button--facebook.button--flat.button--icon--left .icon:first-of-type, .button--facebook.button--flat.button--icon--right .icon:first-of-type {
        background: #3b5998; }
  .button--facebook.button--outline {
    color: #3b5998; }
    .button--facebook.button--outline .icon {
      color: #3b5998;
      fill: #3b5998; }
    .button--facebook.button--outline:hover:not(:disabled), .button--facebook.button--outline.active:not(:disabled) {
      background: #3b5998;
      color: white; }
      .button--facebook.button--outline:hover:not(:disabled) [class^='icon'], .button--facebook.button--outline:hover:not(:disabled) [class*='icon'], .button--facebook.button--outline.active:not(:disabled) [class^='icon'], .button--facebook.button--outline.active:not(:disabled) [class*='icon'] {
        color: white;
        fill: white; }
  .button--twitter.button--flat {
    background: #55acee;
    color: #3b3d40; }
    .button--twitter.button--flat .icon {
      color: #3b3d40;
      fill: #3b3d40; }
    .button--twitter.button--flat.button--icon--left, .button--twitter.button--flat.button--icon--right {
      background: #6cb7f0; }
      .button--twitter.button--flat.button--icon--left span, .button--twitter.button--flat.button--icon--right span {
        display: block;
        white-space: nowrap; }
      .button--twitter.button--flat.button--icon--left .icon:first-of-type, .button--twitter.button--flat.button--icon--right .icon:first-of-type {
        background: #55acee; }
  .button--twitter.button--outline {
    color: #55acee; }
    .button--twitter.button--outline .icon {
      color: #55acee;
      fill: #55acee; }
    .button--twitter.button--outline:hover:not(:disabled), .button--twitter.button--outline.active:not(:disabled) {
      background: #55acee;
      color: #3b3d40; }
      .button--twitter.button--outline:hover:not(:disabled) [class^='icon'], .button--twitter.button--outline:hover:not(:disabled) [class*='icon'], .button--twitter.button--outline.active:not(:disabled) [class^='icon'], .button--twitter.button--outline.active:not(:disabled) [class*='icon'] {
        color: #3b3d40;
        fill: #3b3d40; }
  .button--google.button--flat {
    background: #dd4b39;
    color: white; }
    .button--google.button--flat .icon {
      color: white;
      fill: white; }
    .button--google.button--flat.button--icon--left, .button--google.button--flat.button--icon--right {
      background: #e15f4f; }
      .button--google.button--flat.button--icon--left span, .button--google.button--flat.button--icon--right span {
        display: block;
        white-space: nowrap; }
      .button--google.button--flat.button--icon--left .icon:first-of-type, .button--google.button--flat.button--icon--right .icon:first-of-type {
        background: #dd4b39; }
  .button--google.button--outline {
    color: #dd4b39; }
    .button--google.button--outline .icon {
      color: #dd4b39;
      fill: #dd4b39; }
    .button--google.button--outline:hover:not(:disabled), .button--google.button--outline.active:not(:disabled) {
      background: #dd4b39;
      color: white; }
      .button--google.button--outline:hover:not(:disabled) [class^='icon'], .button--google.button--outline:hover:not(:disabled) [class*='icon'], .button--google.button--outline.active:not(:disabled) [class^='icon'], .button--google.button--outline.active:not(:disabled) [class*='icon'] {
        color: white;
        fill: white; }
  .button--pinterest.button--flat {
    background: #cb2027;
    color: white; }
    .button--pinterest.button--flat .icon {
      color: white;
      fill: white; }
    .button--pinterest.button--flat.button--icon--left, .button--pinterest.button--flat.button--icon--right {
      background: #dd272f; }
      .button--pinterest.button--flat.button--icon--left span, .button--pinterest.button--flat.button--icon--right span {
        display: block;
        white-space: nowrap; }
      .button--pinterest.button--flat.button--icon--left .icon:first-of-type, .button--pinterest.button--flat.button--icon--right .icon:first-of-type {
        background: #cb2027; }
  .button--pinterest.button--outline {
    color: #cb2027; }
    .button--pinterest.button--outline .icon {
      color: #cb2027;
      fill: #cb2027; }
    .button--pinterest.button--outline:hover:not(:disabled), .button--pinterest.button--outline.active:not(:disabled) {
      background: #cb2027;
      color: white; }
      .button--pinterest.button--outline:hover:not(:disabled) [class^='icon'], .button--pinterest.button--outline:hover:not(:disabled) [class*='icon'], .button--pinterest.button--outline.active:not(:disabled) [class^='icon'], .button--pinterest.button--outline.active:not(:disabled) [class*='icon'] {
        color: white;
        fill: white; }
  .button--stumbleupon.button--flat {
    background: #f74425;
    color: white; }
    .button--stumbleupon.button--flat .icon {
      color: white;
      fill: white; }
    .button--stumbleupon.button--flat.button--icon--left, .button--stumbleupon.button--flat.button--icon--right {
      background: #f8593e; }
      .button--stumbleupon.button--flat.button--icon--left span, .button--stumbleupon.button--flat.button--icon--right span {
        display: block;
        white-space: nowrap; }
      .button--stumbleupon.button--flat.button--icon--left .icon:first-of-type, .button--stumbleupon.button--flat.button--icon--right .icon:first-of-type {
        background: #f74425; }
  .button--stumbleupon.button--outline {
    color: #f74425; }
    .button--stumbleupon.button--outline .icon {
      color: #f74425;
      fill: #f74425; }
    .button--stumbleupon.button--outline:hover:not(:disabled), .button--stumbleupon.button--outline.active:not(:disabled) {
      background: #f74425;
      color: white; }
      .button--stumbleupon.button--outline:hover:not(:disabled) [class^='icon'], .button--stumbleupon.button--outline:hover:not(:disabled) [class*='icon'], .button--stumbleupon.button--outline.active:not(:disabled) [class^='icon'], .button--stumbleupon.button--outline.active:not(:disabled) [class*='icon'] {
        color: white;
        fill: white; }
  .button--state.active:not(:disabled) .state--inactive {
    display: none; }
  .button--state.active: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--pill.button--flat {
      overflow: hidden;
      z-index: 1; }
  .button--auto {
    height: auto !important;
    padding: 12px !important;
    line-height: inherit !important; }
  .button--xs {
    height: 24px;
    margin: 10px 0 0 0;
    padding: 0 6px;
    font-size: 12px;
    line-height: 24px; }
    .button--xs.button--pill {
      border-radius: 24px; }
    .button--xs.button--icon--left {
      padding-left: 30px; }
    .button--xs.button--icon--right {
      padding-right: 30px; }
  .button--sm {
    height: 32px;
    margin: 6px 0 0 0;
    padding: 0 12px;
    font-size: 14px;
    line-height: 32px; }
    .button--sm.button--pill {
      border-radius: 32px; }
    .button--sm.button--icon--left {
      padding-left: 44px; }
    .button--sm.button--icon--right {
      padding-right: 44px; }
  .button--md {
    height: 44px;
    margin: 0px 0 0 0;
    padding: 0 24px;
    font-size: 16px;
    line-height: 44px; }
    .button--md.button--pill {
      border-radius: 44px; }
    .button--md.button--icon--left {
      padding-left: 68px; }
    .button--md.button--icon--right {
      padding-right: 68px; }
  .button--lg {
    height: 56px;
    margin: -6px 0 0 0;
    padding: 0 48px;
    font-size: 24px;
    line-height: 56px; }
    .button--lg.button--pill {
      border-radius: 56px; }
    .button--lg.button--icon--left {
      padding-left: 104px; }
    .button--lg.button--icon--right {
      padding-right: 104px; }
  .button--xl {
    height: 64px;
    margin: -10px 0 0 0;
    padding: 0 96px;
    font-size: 32px;
    line-height: 64px; }
    .button--xl.button--pill {
      border-radius: 64px; }
    .button--xl.button--icon--left {
      padding-left: 160px; }
    .button--xl.button--icon--right {
      padding-right: 160px; }
  .button__group {
    overflow: hidden;
    display: inline-block;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #dfdfdf; }
    .button__group .button {
      width: 100%;
      border-radius: 0 !important;
      box-shadow: none !important;
      text-align: center; }
    .button__group li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      box-shadow: 1px 0px 0px 0px #dfdfdf; }
      .button__group li:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px; }
      .button__group li:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }

.caption {
  position: relative;
  margin: 0 0 24px;
  padding: 0; }
  .caption__content {
    position: absolute;
    bottom: 0%;
    left: 0;
    -webkit-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    opacity: 0;
    padding: 24px;
    background-color: rgba(34, 34, 34, 0.65); }
    .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__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__image {
  margin: 0 12px 0 0; }

.comments .comment .author {
  font-weight: bold; }

.comments .comment p {
  margin: 0 0 6px;
  padding: 6px 0 0 0;
  font-size: 14px; }

.comments ul ul {
  margin: 24px 0 0 0;
  padding: 0 0 0 56px;
  border-left: 1px solid #dfdfdf;
  border-width: 2px; }

.comments ul li {
  margin: 0 0 24px; }

.expandable__more {
  border-color: #3b2551;
  background-color: #3b2551;
  color: white;
  cursor: pointer; }

body {
  -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;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -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;
  overflow: auto;
  height: auto;
  min-height: 100vh !important;
  background-color: #f9f9f9;
  color: #3b3d40;
  font-family: "Montserrat";
  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 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden; }
  main > :last-child {
    margin-bottom: 0; }
  main section {
    margin: 0 0 48px; }

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

.group, .switch, .button--icon:not(.button--icon--only):not(.button--icon--left):not(.button--icon--right), .button__group, .row, .groups__item, #modal-setup .setup__pages ul {
  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; }

.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, #modal-setup .setup__pages ul li, .showcase__item, .showcase__fake {
  position: relative;
  margin: 0 0 12px;
  padding: 0 6px;
  box-sizing: border-box; }

.row--space-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.row--horizontal-center, .button--icon:not(.button--icon--only):not(.button--icon--left):not(.button--icon--right), #modal-setup .setup__pages ul {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.row--vertical-center, .groups__item, .button--icon:not(.button--icon--only):not(.button--icon--left):not(.button--icon--right) {
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.col {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.col--center {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center; }

.col--top {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start; }

.col--bottom {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end; }

.col--stretch {
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch; }

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

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  .container--sm {
    max-width: 992px; }

.row, .groups__item {
  margin: 0 -6px; }
  .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: 1200px) {
    .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 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

html .text__general--border {
  color: #dfdfdf;
  fill: #dfdfdf; }

html .bg__general--border {
  color: #3b3d40;
  background-color: #dfdfdf; }

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

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

html .bg__general--border-inverted {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--button {
  color: #3b2551;
  fill: #3b2551; }

html .bg__general--button {
  color: white;
  background-color: #3b2551; }

html a.text:hover__general--button {
  color: #08050b;
  fill: #08050b; }

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

html .bg__general--button-inverted {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--footer {
  color: white;
  fill: white; }

html .bg__general--footer {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--heading {
  color: #273444;
  fill: #273444; }

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

html a.text:hover__general--heading {
  color: #020203;
  fill: #020203; }

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

html .bg__general--heading-inverted {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--icon {
  color: #adadad;
  fill: #adadad; }

html .bg__general--icon {
  color: #3b3d40;
  background-color: #adadad; }

html a.text:hover__general--icon {
  color: #7a7a7a;
  fill: #7a7a7a; }

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

html .bg__general--icon-inverted {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--link {
  color: #3b2551;
  fill: #3b2551; }

html .bg__general--link {
  color: white;
  background-color: #3b2551; }

html a.text:hover__general--link {
  color: #08050b;
  fill: #08050b; }

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

html .bg__general--link-inverted {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--shadow {
  color: #1f2d3d;
  fill: #1f2d3d; }

html .bg__general--shadow {
  color: white;
  background-color: #1f2d3d; }

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

html .text__general--tabs {
  color: white;
  fill: white; }

html .bg__general--tabs {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--tabs-border {
  color: #3b2551;
  fill: #3b2551; }

html .bg__general--tabs-border {
  color: white;
  background-color: #3b2551; }

html a.text:hover__general--tabs-border {
  color: #08050b;
  fill: #08050b; }

html .text__general--tabs-active {
  color: white;
  fill: white; }

html .bg__general--tabs-active {
  color: #3b3d40;
  background-color: white; }

html a.text:hover__general--tabs-active {
  color: #cccccc;
  fill: #cccccc; }

html .text__general--tabs-triangle {
  color: white;
  fill: white; }

html .bg__general--tabs-triangle {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--tabs-triangle-active {
  color: white;
  fill: white; }

html .bg__general--tabs-triangle-active {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--tags {
  color: #555555;
  fill: #555555; }

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

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

html .text__general--tags-inverted {
  color: #222222;
  fill: #222222; }

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

html a.text:hover__general--tags-inverted {
  color: black;
  fill: black; }

html .text__general--text {
  color: #3b3d40;
  fill: #3b3d40; }

html .bg__general--text {
  color: white;
  background-color: #3b3d40; }

html a.text:hover__general--text {
  color: #0a0a0b;
  fill: #0a0a0b; }

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

html .bg__general--text-inverted {
  color: #3b3d40;
  background-color: white; }

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

html .text__general--text-secondary {
  color: #aeaeae;
  fill: #aeaeae; }

html .bg__general--text-secondary {
  color: #3b3d40;
  background-color: #aeaeae; }

html a.text:hover__general--text-secondary {
  color: #7b7b7b;
  fill: #7b7b7b; }

html .text__types--icons {
  color: #2dd274;
  fill: #2dd274; }

html .bg__types--icons {
  color: #3b3d40;
  background-color: #2dd274; }

html a.text:hover__types--icons {
  color: #1b7e46;
  fill: #1b7e46; }

html .text__types--vector {
  color: #865ab1;
  fill: #865ab1; }

html .bg__types--vector {
  color: white;
  background-color: #865ab1; }

html a.text:hover__types--vector {
  color: #533570;
  fill: #533570; }

html .text__types--textures {
  color: darkgreen;
  fill: darkgreen; }

html .bg__types--textures {
  color: white;
  background-color: darkgreen; }

html a.text:hover__types--textures {
  color: black;
  fill: black; }

html .text__types--video {
  color: yellowgreen;
  fill: yellowgreen; }

html .bg__types--video {
  color: #3b3d40;
  background-color: yellowgreen; }

html a.text:hover__types--video {
  color: #5c7b1e;
  fill: #5c7b1e; }

html .text__types--photo {
  color: #f8da1c;
  fill: #f8da1c; }

html .bg__types--photo {
  color: #3b3d40;
  background-color: #f8da1c; }

html a.text:hover__types--photo {
  color: #a99205;
  fill: #a99205; }

html .text__types--psd {
  color: #0f73ee;
  fill: #0f73ee; }

html .bg__types--psd {
  color: white;
  background-color: #0f73ee; }

html a.text:hover__types--psd {
  color: #09458e;
  fill: #09458e; }

html .text__types--mockup {
  color: #ea2cb2;
  fill: #ea2cb2; }

html .bg__types--mockup {
  color: white;
  background-color: #ea2cb2; }

html a.text:hover__types--mockup {
  color: #a01076;
  fill: #a01076; }

html .text__types--ui {
  color: #3eccd8;
  fill: #3eccd8; }

html .bg__types--ui {
  color: #3b3d40;
  background-color: #3eccd8; }

html a.text:hover__types--ui {
  color: #1e8992;
  fill: #1e8992; }

html .text__types--font {
  color: black;
  fill: black; }

html .bg__types--font {
  color: white;
  background-color: black; }

html a.text:hover__types--font {
  color: black;
  fill: black; }

html .text__types--tutorial {
  color: #ef5350;
  fill: #ef5350; }

html .bg__types--tutorial {
  color: white;
  background-color: #ef5350; }

html a.text:hover__types--tutorial {
  color: #c71612;
  fill: #c71612; }

html .text__types--sketch {
  color: #f09d20;
  fill: #f09d20; }

html .bg__types--sketch {
  color: #3b3d40;
  background-color: #f09d20; }

html a.text:hover__types--sketch {
  color: #9f640b;
  fill: #9f640b; }

html .text__types--other {
  color: #aeaeae;
  fill: #aeaeae; }

html .bg__types--other {
  color: #3b3d40;
  background-color: #aeaeae; }

html a.text:hover__types--other {
  color: #7b7b7b;
  fill: #7b7b7b; }

html .text__types--footage {
  color: #ccc7ff;
  fill: #ccc7ff; }

html .bg__types--footage {
  color: #3b3d40;
  background-color: #ccc7ff; }

html a.text:hover__types--footage {
  color: #6f61ff;
  fill: #6f61ff; }

html .text__state--green {
  color: #2dd274;
  fill: #2dd274; }

html .bg__state--green {
  color: #3b3d40;
  background-color: #2dd274; }

html a.text:hover__state--green {
  color: #1b7e46;
  fill: #1b7e46; }

html .text__state--blue {
  color: #0f73ee;
  fill: #0f73ee; }

html .bg__state--blue {
  color: white;
  background-color: #0f73ee; }

html a.text:hover__state--blue {
  color: #09458e;
  fill: #09458e; }

html .text__state--gray {
  color: #e8e8e8;
  fill: #e8e8e8; }

html .bg__state--gray {
  color: #3b3d40;
  background-color: #e8e8e8; }

html a.text:hover__state--gray {
  color: #b5b5b5;
  fill: #b5b5b5; }

html .text__state--red {
  color: #ef5350;
  fill: #ef5350; }

html .bg__state--red {
  color: white;
  background-color: #ef5350; }

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

html .text__state--yellow {
  color: #f8da1c;
  fill: #f8da1c; }

html .bg__state--yellow {
  color: #3b3d40;
  background-color: #f8da1c; }

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

html .text__state--white {
  color: white;
  fill: white; }

html .bg__state--white {
  color: #3b3d40;
  background-color: white; }

html a.text:hover__state--white {
  color: #cccccc;
  fill: #cccccc; }

html .disabled {
  opacity: .65;
  pointer-events: none; }

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: 200; }

html .regular {
  font-weight: 400; }

html .semibold {
  font-weight: 500; }

html .bold {
  font-weight: 600; }

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

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

html .alignl {
  text-align: left; }

html .alignr {
  text-align: right; }

html .alignc {
  text-align: center; }

html .font-xs {
  font-size: 12px;
  line-height: 1.2; }

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

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

html .font-lg {
  font-size: 24px;
  line-height: 1.6; }

html .font-xl {
  font-size: 32px;
  line-height: 1.6; }

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 .text-inverted {
  color: white; }

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

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

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

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

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 -6px; }

html .full-width-fix-i {
  margin: 0 -6px !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-visible {
  overflow: visible !important; }

html .overflow-ellipsis, html .button--facebook.button--flat.button--icon--left span, .button--facebook.button--flat.button--icon--left html span, html .button--facebook.button--flat.button--icon--right span, .button--facebook.button--flat.button--icon--right html span, html .button--twitter.button--flat.button--icon--left span, .button--twitter.button--flat.button--icon--left html span, html .button--twitter.button--flat.button--icon--right span, .button--twitter.button--flat.button--icon--right html span, html .button--google.button--flat.button--icon--left span, .button--google.button--flat.button--icon--left html span, html .button--google.button--flat.button--icon--right span, .button--google.button--flat.button--icon--right html span, html .button--pinterest.button--flat.button--icon--left span, .button--pinterest.button--flat.button--icon--left html span, html .button--pinterest.button--flat.button--icon--right span, .button--pinterest.button--flat.button--icon--right html span, html .button--stumbleupon.button--flat.button--icon--left span, .button--stumbleupon.button--flat.button--icon--left html span, html .button--stumbleupon.button--flat.button--icon--right span, .button--stumbleupon.button--flat.button--icon--right html span, html .collections--list .collection h6, .collections--list .collection html h6 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

html .scrollable {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; }
  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 .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; }

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

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

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

html .size--lg {
  height: 56px;
  font-size: 24px;
  line-height: 56px; }

html .size--xl {
  height: 64px;
  font-size: 32px;
  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: 6px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html .mg-left-lv5-i {
  margin-left: 96px !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: 6px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html .pd-left-lv5-i {
  padding-left: 96px !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 .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 .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important; }

@font-face {
  font-family: 'bobjoll-linear';
  src: url("../bobjoll/fonts/bobjoll-linear.eot?peouxb");
  src: url("../bobjoll/fonts/bobjoll-linear.eot?peouxb#iefix") format("embedded-opentype"), url("../bobjoll/fonts/bobjoll-linear.ttf?peouxb") format("truetype"), url("../bobjoll/fonts/bobjoll-linear.woff?peouxb") format("woff"), url("../bobjoll/fonts/bobjoll-linear.svg?peouxb#bobjoll-linear") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  display: block;
  width: 26px;
  height: 26px;
  font-size: 26px;
  line-height: 26px;
  color: #adadad;
  fill: #adadad;
  font-family: 'bobjoll-linear' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon--inverted {
    color: white;
    fill: white; }
  .icon--facebook {
    color: #3b5998;
    fill: #3b5998; }
  .icon--twitter {
    color: #55acee;
    fill: #55acee; }
  .icon--google {
    color: #dd4b39;
    fill: #dd4b39; }
  .icon--pinterest {
    color: #cb2027;
    fill: #cb2027; }
  .icon--stumbleupon {
    color: #f74425;
    fill: #f74425; }
  .icon--xs {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px; }
    .icon--xs.icon--mg-xs {
      padding: 4px;
      box-sizing: content-box; }
    .icon--xs.icon--mg-sm {
      padding: 8px;
      box-sizing: content-box; }
    .icon--xs.icon--mg-md {
      padding: 14px;
      box-sizing: content-box; }
    .icon--xs.icon--mg-lg {
      padding: 20px;
      box-sizing: content-box; }
    .icon--xs.icon--mg-xl {
      padding: 24px;
      box-sizing: content-box; }
  .icon--sm {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px; }
    .icon--sm.icon--mg-xs {
      padding: 2px;
      box-sizing: content-box; }
    .icon--sm.icon--mg-sm {
      padding: 6px;
      box-sizing: content-box; }
    .icon--sm.icon--mg-md {
      padding: 12px;
      box-sizing: content-box; }
    .icon--sm.icon--mg-lg {
      padding: 18px;
      box-sizing: content-box; }
    .icon--sm.icon--mg-xl {
      padding: 22px;
      box-sizing: content-box; }
  .icon--md {
    width: 26px;
    height: 26px;
    font-size: 26px;
    line-height: 26px; }
    .icon--md.icon--mg-xs {
      padding: -1px;
      box-sizing: content-box; }
    .icon--md.icon--mg-sm {
      padding: 3px;
      box-sizing: content-box; }
    .icon--md.icon--mg-md {
      padding: 9px;
      box-sizing: content-box; }
    .icon--md.icon--mg-lg {
      padding: 15px;
      box-sizing: content-box; }
    .icon--md.icon--mg-xl {
      padding: 19px;
      box-sizing: content-box; }
  .icon--lg {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px; }
    .icon--lg.icon--mg-xs {
      padding: -4px;
      box-sizing: content-box; }
    .icon--lg.icon--mg-sm {
      padding: 0px;
      box-sizing: content-box; }
    .icon--lg.icon--mg-md {
      padding: 6px;
      box-sizing: content-box; }
    .icon--lg.icon--mg-lg {
      padding: 12px;
      box-sizing: content-box; }
    .icon--lg.icon--mg-xl {
      padding: 16px;
      box-sizing: content-box; }
  .icon--xl {
    width: 44px;
    height: 44px;
    font-size: 44px;
    line-height: 44px; }
    .icon--xl.icon--mg-xs {
      padding: -10px;
      box-sizing: content-box; }
    .icon--xl.icon--mg-sm {
      padding: -6px;
      box-sizing: content-box; }
    .icon--xl.icon--mg-md {
      padding: 0px;
      box-sizing: content-box; }
    .icon--xl.icon--mg-lg {
      padding: 6px;
      box-sizing: content-box; }
    .icon--xl.icon--mg-xl {
      padding: 10px;
      box-sizing: content-box; }
  .icon--eye:before {
    content: "\e900"; }
  .icon--credit-card:before {
    content: "\e901"; }
  .icon--menuburger:before {
    content: "\e902"; }
  .icon--menudots:before {
    content: "\e903"; }
  .icon--american-express:before {
    content: "\e904"; }
  .icon--master-card:before {
    content: "\e905"; }
  .icon--visa:before {
    content: "\e906"; }
  .icon--paypal:before {
    content: "\e907"; }
  .icon--logout:before {
    content: "\e908"; }
  .icon--support:before {
    content: "\e909"; }
  .icon--save:before {
    content: "\e90a"; }
  .icon--laptop:before {
    content: "\e90b"; }
  .icon--tablet:before {
    content: "\e90c"; }
  .icon--phone:before {
    content: "\e90d"; }
  .icon--url:before {
    content: "\e90e"; }
  .icon--globe:before {
    content: "\e90f"; }
  .icon--filter:before {
    content: "\e910"; }
  .icon--thumb-down:before {
    content: "\e911"; }
  .icon--thumb-up:before {
    content: "\e912"; }
  .icon--folder:before {
    content: "\e913"; }
  .icon--notification:before {
    content: "\e914"; }
  .icon--calendar:before {
    content: "\e915"; }
  .icon--comment:before {
    content: "\e916"; }
  .icon--interogation:before {
    content: "\e917"; }
  .icon--exclamation:before {
    content: "\e918"; }
  .icon--resize:before {
    content: "\e919"; }
  .icon--right:before {
    content: "\e91a"; }
  .icon--left:before {
    content: "\e91b"; }
  .icon--down:before {
    content: "\e91c"; }
  .icon--up:before {
    content: "\e91d"; }
  .icon--disabled:before {
    content: "\e91e"; }
  .icon--info:before {
    content: "\e91f"; }
  .icon--share:before {
    content: "\e920"; }
  .icon--marker:before {
    content: "\e921"; }
  .icon--inbox:before {
    content: "\e922"; }
  .icon--prev:before {
    content: "\e923"; }
  .icon--stop:before {
    content: "\e924"; }
  .icon--play:before {
    content: "\e925"; }
  .icon--tag:before {
    content: "\e926"; }
  .icon--unlock:before {
    content: "\e927"; }
  .icon--lock:before {
    content: "\e928"; }
  .icon--refresh:before {
    content: "\e929"; }
  .icon--upload:before {
    content: "\e92a"; }
  .icon--download:before {
    content: "\e92b"; }
  .icon--time:before {
    content: "\e92c"; }
  .icon--video:before {
    content: "\e92d"; }
  .icon--file:before {
    content: "\e92e"; }
  .icon--mockup:before {
    content: "\e92f"; }
  .icon--home:before {
    content: "\e930"; }
  .icon--vector:before {
    content: "\e931"; }
  .icon--trash:before {
    content: "\e932"; }
  .icon--settings:before {
    content: "\e933"; }
  .icon--photo:before {
    content: "\e934"; }
  .icon--zoom-out:before {
    content: "\e935"; }
  .icon--icon:before {
    content: "\e936"; }
  .icon--zoom-in:before {
    content: "\e937"; }
  .icon--paper-plane:before {
    content: "\e938"; }
  .icon--subtitles:before {
    content: "\e939"; }
  .icon--cross:before {
    content: "\e93a"; }
  .icon--fullscreen:before {
    content: "\e93b"; }
  .icon--check:before {
    content: "\e93c"; }
  .icon--user:before {
    content: "\e93d"; }
  .icon--list:before {
    content: "\e93e"; }
  .icon--volume:before {
    content: "\e93f"; }
  .icon--star:before {
    content: "\e940"; }
  .icon--heart:before {
    content: "\e941"; }
  .icon--copyright:before {
    content: "\e942"; }
  .icon--search:before {
    content: "\e943"; }
  .icon--popular:before {
    content: "\e944"; }
  .icon--pencil:before {
    content: "\e945"; }
  .icon--bug:before {
    content: "\e946"; }
  .icon--receipt:before {
    content: "\e947"; }
  .icon--envelope:before {
    content: "\e948"; }
  .icon--earnings:before {
    content: "\e949"; }
  .icon--cloud:before {
    content: "\e94a"; }
  .icon--stats:before {
    content: "\e94b"; }
  .icon--minus:before {
    content: "\e94c"; }
  .icon--shopping-cart:before {
    content: "\e94d"; }
  .icon--plus:before {
    content: "\e94e"; }
  .icon--heart-filled:before {
    content: "\e94f"; }
  .icon--star-filled:before {
    content: "\e950"; }
  .icon--facebook:before {
    content: "\e951"; }
  .icon--twitter:before {
    content: "\e952"; }
  .icon--instagram:before {
    content: "\e953"; }
  .icon--pinterest:before {
    content: "\e954"; }
  .icon--google:before {
    content: "\e955"; }
  .icon--linkedin:before {
    content: "\e956"; }
  .icon--stumbleupon:before {
    content: "\e957"; }
  .icon--youtube:before {
    content: "\e958"; }
  .icon--behance:before {
    content: "\e959"; }
  .icon--dribbble:before {
    content: "\e95a"; }
  .icon--next:before {
    content: "\e95b"; }

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

li {
  list-style: none; }

.list {
  margin: 0 0 24px; }
  .list li {
    position: relative;
    margin: 0 0 12px;
    padding: 0 0 0 12px;
    list-style: none; }
    .list li::before {
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 8.5px 6px 9.5px -12px;
      border-radius: 50%;
      background-color: #3b3d40;
      vertical-align: middle;
      content: ''; }
  .list--xs li {
    font-size: 12px;
    line-height: 1.2; }
    .list--xs li::before {
      margin: 4px 6px 0 0; }
  .list--sm li {
    font-size: 14px;
    line-height: 1.4; }
    .list--sm li::before {
      margin: 6.5px 6px 0 0; }
  .list--md li {
    font-size: 16px;
    line-height: 1.6; }
    .list--md li::before {
      margin: 9.5px 6px 0 0; }
  .list--lg li {
    font-size: 24px;
    line-height: 1.8; }
    .list--lg li::before {
      margin: 18.5px 6px 0 0; }
  .list--xl li {
    font-size: 32px;
    line-height: 2; }
    .list--xl li::before {
      margin: 29px 6px 0 0; }
  .list--horizontal {
    display: block; }
    .list--horizontal::after {
      clear: both;
      content: "";
      display: table; }
    .list--horizontal li {
      float: left;
      margin: 0 12px 0 0; }
      .list--horizontal li:last-child {
        margin: 0; }
  .list--comma-separated li {
    margin: 0;
    padding: 0; }
  .list--comma-separated li:not(:last-child) a::after {
    content: ',\00a0'; }
  .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 75ms 75ms cubic-bezier(1, 0, 0, 1), -webkit-transform 150ms 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: opacity 75ms 75ms cubic-bezier(1, 0, 0, 1), -moz-transform 150ms 150ms cubic-bezier(1, 0, 0, 1);
  transition: opacity 75ms 75ms cubic-bezier(1, 0, 0, 1), transform 150ms 150ms cubic-bezier(1, 0, 0, 1);
  opacity: 0;
  width: 100vw;
  height: 0vh;
  padding: 0 24px;
  background-color: rgba(34, 34, 34, 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 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 150ms 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: 150ms 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms 150ms 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: 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
    transition: 150ms cubic-bezier(1, 0, 0, 1);
    opacity: 0; }
  .modal__container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 992px;
    margin: 96px 0;
    vertical-align: middle;
    text-align: left;
    line-height: 1.6; }
    .modal__container > .content {
      overflow: hidden;
      padding: 24px;
      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: 12px;
    padding: 0;
    color: white;
    font-size: 48px;
    line-height: 1; }
  .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: 1200px; }

.nav--horizontal::after {
  clear: both;
  content: "";
  display: table; }

.nav--horizontal li {
  display: block;
  float: left;
  min-height: 44px;
  margin: 0 6px;
  line-height: 44px; }

.nav__submenu {
  -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
  transition: 150ms cubic-bezier(1, 0, 0, 1);
  overflow: hidden;
  height: 0;
  max-height: 600px; }
  .nav__submenu__button {
    position: relative; }
    .nav__submenu__button::after {
      position: absolute;
      top: 50%;
      right: 12px;
      -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 #3b3d40;
      border-top: 5px solid transparent;
      content: ''; }
    .nav__submenu__button.show::after {
      border: 0;
      height: 0;
      width: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #3b3d40; }
    .nav__submenu__button.show ~ .nav__submenu {
      height: auto; }

.notifications {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 101; }
  .notifications__top-left {
    position: fixed;
    top: 0;
    left: 0; }
  .notifications__top-right {
    position: fixed;
    top: 0;
    right: 0; }
  .notifications__bottom-left {
    position: fixed;
    bottom: 0;
    left: 0; }
  .notifications__bottom-right {
    position: fixed;
    right: 0;
    bottom: 0; }

.notification {
  -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
  transition: 150ms cubic-bezier(1, 0, 0, 1);
  position: relative;
  max-width: 480px;
  margin: 12px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 60px rgba(31, 45, 61, 0.25);
  pointer-events: all;
  z-index: 1; }
  .notification.animation--fade-out {
    -webkit-animation: scale-out 150ms cubic-bezier(1, 0, 0, 1) forwards;
    -moz-animation: scale-out 150ms cubic-bezier(1, 0, 0, 1) forwards;
    animation: scale-out 150ms cubic-bezier(1, 0, 0, 1) forwards; }
  .notification p:last-child {
    margin: 0;
    font-size: 12px; }
  .notification__content {
    padding: 12px; }
  .notification__close {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(25%, -25%);
    -moz-transform: translate(25%, -25%);
    -ms-transform: translate(25%, -25%);
    -o-transform: translate(25%, -25%);
    transform: translate(25%, -25%);
    -webkit-transition-duration: 0ms;
    -moz-transition-duration: 0ms;
    transition-duration: 0ms;
    margin: 0; }

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

.pagination ul {
  display: inline-block;
  text-align: center; }

.pagination li {
  display: inline; }

.pagination a {
  padding: 6px 12px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  text-decoration: none; }
  .pagination a.active {
    border: none;
    background-color: #3b2551;
    box-shadow: inset 0 0 60px rgba(31, 45, 61, 0.25);
    color: white; }

.pagination__context {
  padding: 0 24px; }
  .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 input[type="date"], .pagination__menu input[type="datetime"], .pagination__menu input[type="datetime-local"], .pagination__menu input[type="email"], .pagination__menu input[type="month"], .pagination__menu input[type="number"], .pagination__menu input[type="password"], .pagination__menu input[type="search"], .pagination__menu input[type="tel"], .pagination__menu input[type="text"], .pagination__menu input[type="time"], .pagination__menu input[type="url"], .pagination__menu input[type="week"], .pagination__menu input:not([type]), .pagination__menu textarea {
    text-align: center; }
  .pagination__menu--sm .pagination__menu__context {
    padding: 0 12px; }
  .pagination__menu--sm .pagination__context span,
  .pagination__menu--sm .pagination__button button,
  .pagination__menu--sm .pagination__input input {
    display: inline-block;
    height: 32px;
    margin: 6px 0;
    font-size: 14px;
    line-height: 32px; }
  .pagination__menu--sm .pagination__context,
  .pagination__menu--sm .pagination__button button,
  .pagination__menu--sm .pagination__input input {
    padding: 0 12px; }
  .pagination__menu--sm input[type="color"], .pagination__menu--sm input[type="date"], .pagination__menu--sm input[type="datetime"], .pagination__menu--sm input[type="datetime-local"], .pagination__menu--sm input[type="email"], .pagination__menu--sm input[type="month"], .pagination__menu--sm input[type="number"], .pagination__menu--sm input[type="password"], .pagination__menu--sm input[type="search"], .pagination__menu--sm input[type="tel"], .pagination__menu--sm input[type="text"], .pagination__menu--sm input[type="time"], .pagination__menu--sm input[type="url"], .pagination__menu--sm input[type="week"], .pagination__menu--sm input: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 12px; }
  .pagination__menu--xs .pagination__context span,
  .pagination__menu--xs .pagination__button button,
  .pagination__menu--xs .pagination__input input {
    display: inline-block;
    height: 24px;
    margin: 10px 0;
    font-size: 12px;
    line-height: 24px; }
  .pagination__menu--xs .pagination__context,
  .pagination__menu--xs .pagination__button button,
  .pagination__menu--xs .pagination__input input {
    padding: 0 6px; }
  .pagination__menu--xs input[type="color"], .pagination__menu--xs input[type="date"], .pagination__menu--xs input[type="datetime"], .pagination__menu--xs input[type="datetime-local"], .pagination__menu--xs input[type="email"], .pagination__menu--xs input[type="month"], .pagination__menu--xs input[type="number"], .pagination__menu--xs input[type="password"], .pagination__menu--xs input[type="search"], .pagination__menu--xs input[type="tel"], .pagination__menu--xs input[type="text"], .pagination__menu--xs input[type="time"], .pagination__menu--xs input[type="url"], .pagination__menu--xs input[type="week"], .pagination__menu--xs input:not([type]), .pagination__menu--xs textarea {
    max-width: 38px; }
  .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: 12px;
    height: 12px;
    margin: 6px 0;
    font-size: 12px;
    line-height: 12px; }

.popover {
  position: relative; }
  .popover::after {
    -webkit-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 150ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 150ms 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 150ms cubic-bezier(1, 0, 0, 1), margin 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 150ms cubic-bezier(1, 0, 0, 1), margin 150ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 150ms cubic-bezier(1, 0, 0, 1), margin 150ms cubic-bezier(1, 0, 0, 1);
    position: absolute;
    overflow: hidden;
    opacity: 0;
    display: none;
    width: 80vw;
    min-width: 320px;
    max-width: 640px;
    padding: 24px;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 0 60px rgba(31, 45, 61, 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: 12px; }
  .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 7px;
  content: ''; }

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

.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 7px 0;
  content: ''; }

.active.popover--right .popover__container {
  margin: 0 12px 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 7px 0;
  content: ''; }

.active.popover--left .popover__container {
  margin: 0 12px 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: 7px 0 0;
  content: ''; }

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

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

.social--nav .button {
  display: block;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none; }

.social--nav li:last-child {
  border: none !important; }

.social--nav--horizontal li {
  border-right: 1px solid #dfdfdf; }

.social--nav--vertical li {
  border-bottom: 1px solid #dfdfdf; }

.tabs {
  overflow: hidden;
  margin: 0 0 24px;
  border: 1px solid #dfdfdf;
  border-color: #3b2551;
  border-radius: 3px; }
  .tabs__navigation {
    display: none; }
    @media screen and (min-width: 640px) {
      .tabs__navigation {
        height: 480px;
        width: 20%;
        position: relative;
        display: inline;
        float: left;
        z-index: 1; } }
  .tabs__container {
    display: block;
    margin: 0 auto;
    border-left: 1px solid #dfdfdf;
    border-color: #3b2551;
    white-space: wrap; }
    .tabs__container .tabs__link[data-tab]::before {
      border: none;
      height: 0;
      width: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid white; }
    @media screen and (min-width: 640px) {
      .tabs__container {
        height: 480px;
        width: 80%;
        display: inline-block;
        float: left; } }
  .tabs__content {
    display: none;
    padding: 24px; }
    .tabs__content:last-child {
      margin: 0; }
    .tabs__content .scrollable {
      margin: -12px -24px;
      padding: 12px 24px; }
    @media screen and (min-width: 480px) {
      .tabs__content {
        border: 0; } }
  .tabs__link {
    -webkit-transition: border 150ms cubic-bezier(1, 0, 0, 1) background 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: border 150ms cubic-bezier(1, 0, 0, 1) background 150ms cubic-bezier(1, 0, 0, 1);
    transition: border 150ms cubic-bezier(1, 0, 0, 1) background 150ms cubic-bezier(1, 0, 0, 1);
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 24px;
    border-bottom: 1px solid #dfdfdf;
    border-color: #3b2551;
    background-color: #45305a;
    color: white;
    text-align: left;
    text-decoration: none;
    cursor: pointer; }
    .tabs__link[data-tab]::before {
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms cubic-bezier(1, 0, 0, 1);
      height: 0;
      width: 0;
      border-bottom: 5px solid transparent;
      border-left: 5px solid white;
      border-top: 5px solid transparent;
      opacity: 1;
      content: ''; }
    .tabs__link[data-tab]::after {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(100%, -50%);
      -moz-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
      -o-transform: translate(100%, -50%);
      transform: translate(100%, -50%);
      -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms cubic-bezier(1, 0, 0, 1);
      height: 0;
      width: 0;
      border-bottom: 13px solid transparent;
      border-right: 13px solid white;
      border-top: 13px solid transparent;
      opacity: 0;
      background-color: transparent;
      content: ''; }
    .tabs__link.button--icon {
      -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__link--heading {
      border-top: 1px solid #dfdfdf;
      border-bottom: 0; }
      .tabs__link--heading:first-child {
        border-top: 0; }
      .tabs__link--heading.active {
        border-bottom: 1px solid #dfdfdf;
        border-color: #3b2551;
        font-weight: bold; }
        .tabs__link--heading.active + .tabs__content {
          display: block; }
      @media screen and (min-width: 640px) {
        .tabs__link--heading {
          display: none; } }
    .tabs__link:focus {
      outline: none; }
    .tabs__link.active, .tabs__link:hover {
      width: calc(100% + 1px);
      border-bottom-color: #3b2551;
      background-color: #3b2551;
      color: white; }
    .tabs__link:hover {
      border-bottom-color: #553574;
      background-color: #553574; }
      .tabs__link:hover::before {
        height: 0;
        width: 0;
        border-bottom: 5px solid transparent;
        border-left: 5px solid white;
        border-top: 5px solid transparent; }
    .tabs__link.active[data-tab]::before {
      opacity: 0; }
    .tabs__link.active[data-tab]::after {
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      opacity: 1; }
    @media screen and (min-width: 640px) {
      .tabs__link {
        position: relative; }
        .tabs__link::after {
          height: 100%;
          width: 1px;
          display: block;
          background-color: #45305a;
          content: ''; }
        .tabs__link.active {
          margin: 0 -1px 0 0; } }
  .tabs--auto-height .tabs__navigation,
  .tabs--auto-height .tabs__container {
    height: auto !important; }
  .tabs--no-border {
    border: none;
    border-radius: 0; }

.tags {
  margin: 0 -3px -6px -3px;
  list-style: none;
  font-size: 0; }
  .tags li {
    -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
    transition: 150ms cubic-bezier(1, 0, 0, 1);
    overflow: hidden;
    display: inline-block;
    margin: 0 3px 6px 3px;
    padding: 0 6px;
    border-radius: 3px;
    font-size: 14px; }
    .tags li:not(.expandable__more) {
      box-shadow: inset 0 0 0 1px #dfdfdf;
      background-color: #f9f9f9;
      color: #555555; }
      .tags li:not(.expandable__more):hover {
        background-color: white; }
        .tags li:not(.expandable__more):hover button, .tags li:not(.expandable__more):hover a, .tags li:not(.expandable__more):hover .remove::before {
          color: #222222; }
      .tags li:not(.expandable__more) .remove {
        position: relative;
        overflow: hidden;
        float: right;
        margin: 0 -6px 0 6px;
        padding: 0 0 0 5px;
        box-sizing: content-box;
        cursor: pointer; }
        .tags li:not(.expandable__more) .remove::before {
          position: absolute;
          top: 50%;
          left: -1px;
          -webkit-transform: translate(-3px, -50%) rotate(45deg);
          -moz-transform: translate(-3px, -50%) rotate(45deg);
          -ms-transform: translate(-3px, -50%) rotate(45deg);
          -o-transform: translate(-3px, -50%) rotate(45deg);
          transform: translate(-3px, -50%) rotate(45deg);
          width: 6px;
          height: 6px;
          border: 1px solid #dfdfdf;
          background-color: #f9f9f9;
          content: ''; }
        .tags li:not(.expandable__more) .remove:hover::before {
          background-color: white; }
    .tags li button, .tags li a {
      -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms cubic-bezier(1, 0, 0, 1);
      color: #555555; }
  .tags--xs li {
    height: 24px;
    font-size: 12px;
    line-height: 22px; }
  .tags--sm li {
    height: 32px;
    font-size: 14px;
    line-height: 30px; }
  .tags--md li {
    height: 44px;
    font-size: 16px;
    line-height: 42px; }
  .tags--lg li {
    height: 56px;
    font-size: 24px;
    line-height: 54px; }
  .tags--xl li {
    height: 64px;
    font-size: 32px;
    line-height: 62px; }

.tooltip {
  position: relative; }
  .tooltip:hover .tooltip__container {
    display: block; }
  .tooltip:not(.tooltip--permanent) .tooltip__container:hover {
    display: none !important;
    opacity: 0;
    visibility: hidden; }
  .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 12px; }
      .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 12px; }
      .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: 12px 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 12px 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: 12px;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 0 60px rgba(31, 45, 61, 0.25);
    color: #3b3d40;
    font-size: 12px;
    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 12px;
  padding: 1.2px 0;
  border-bottom: 1px solid #dfdfdf;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.date {
  margin: 0;
  color: rgba(59, 61, 64, 0.5); }

.author {
  font-size: 14px; }

.read-more {
  position: relative;
  padding: 0 6px 0 0;
  color: #3b2551;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.code {
  padding: 6px 12px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  font-size: 12px;
  font-style: normal;
  white-space: nowrap; }
  .code--line {
    overflow: hidden;
    display: block;
    padding: 0 12px;
    height: 32px;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 32px; }
    .code--line code {
      white-space: nowrap; }

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

h1, h2, h3, h4, h5, h6 {
  margin: 24px 0;
  padding: 0;
  color: #273444;
  font-family: "Montserrat";
  line-height: 1.6; }
  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: 6px;
  border-bottom: 1px solid #dfdfdf;
  border-color: rgba(59, 61, 64, 0.15);
  text-align: center; }

.heading-inverted {
  color: white; }

h1 {
  font-size: 32px; }
  @media screen and (min-width: 480px) {
    h1 {
      font-size: 36px; } }
  @media screen and (min-width: 640px) {
    h1 {
      font-size: 40px; } }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 48px; } }

h2 {
  font-size: 21px; }
  @media screen and (min-width: 992px) {
    h2 {
      font-size: 24px; } }

h3 {
  font-size: 19px; }
  @media screen and (min-width: 992px) {
    h3 {
      font-size: 21px; } }

h4 {
  font-size: 18px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

.link, a {
  color: #3b2551;
  cursor: pointer;
  text-decoration: none; }
  .link:hover, a:hover {
    color: #08050b; }
  .link.active, a.active {
    color: black;
    font-weight: bold; }

.link-inverted:not(.button) {
  color: #999999; }
  .link-inverted:not(.button):hover {
    color: #cccccc; }
    .link-inverted:not(.button):hover svg {
      opacity: .8; }
  .link-inverted:not(.button).active {
    color: white;
    font-weight: bold; }
    .link-inverted:not(.button).active svg {
      opacity: 1; }
  .link-inverted:not(.button) svg {
    opacity: .4; }

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

.text--inverted {
  color: white; }

blockquote {
  margin: 0;
  padding-left: 24px;
  border-left: 4px solid #dfdfdf; }

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

svg {
  pointer-events: none; }

#aside #related.hide ~ hr {
  display: none; }

#aside #related .search__link {
  font-size: 12px; }
  #aside #related .search__link:not(:last-child)::after {
    content: ', '; }

#aside #related ~ hr,
#aside #related ~ #most-visited:not(.hide) ~ hr {
  display: block; }

#aside #most-visited.hide ~ hr {
  display: none; }

.header-landing {
  background-color: #3B2551;
  background-image: -webkit-radial-gradient(#3B2551, #1f152a);
  background-image: radial-gradient(  #3B2551, #1f152a);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px; }
  .header-landing ~ #header, .header-landing ~ .header {
    display: none; }
    .header-landing ~ #header ~ #main, .header-landing ~ .header ~ #main {
      margin: 12px 0 0 0; }
  .header-landing .mouse-wheel {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .header-landing .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%);
    color: white;
    text-align: center;
    z-index: 2; }
    .header-landing .content h1, .header-landing .content h2, .header-landing .content h3, .header-landing .content h4, .header-landing .content h5, .header-landing .content h6 {
      color: white; }
    .header-landing .content .button {
      color: #3b2551; }
      .header-landing .content .button:hover {
        background-color: transparent;
        color: white; }
    .header-landing .content p {
      opacity: .65; }
  .header-landing .shape {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0px, 0px, 0);
    -moz-transform: translate3d(0px, 0px, 0);
    -ms-transform: translate3d(0px, 0px, 0);
    -o-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
    width: 120%;
    height: 120%;
    pointer-events: none; }
    .header-landing .shape.shape-1 {
      background-image: url("../img/shapes1.png");
      z-index: 1;
      opacity: .35; }
    .header-landing .shape.shape-2 {
      background-image: url("../img/shapes2.png");
      z-index: 1;
      opacity: .55; }

.header {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 6px 0 !important;
  width: 100%;
  height: 44px;
  border: none !important;
  z-index: 100; }
  .header #search {
    width: 640px; }
  .header .container-fluid > .row > *, .header .container-fluid > .groups__item > * {
    margin-left: 3px;
    margin-right: 3px; }
    .header .container-fluid > .row > *:first-child, .header .container-fluid > .groups__item > *:first-child {
      margin-left: 0; }
    .header .container-fluid > .row > *:last-child, .header .container-fluid > .groups__item > *:last-child {
      margin-right: 0; }

.animation__frame {
  position: relative;
  overflow: hidden;
  width: 480px;
  height: 480px;
  margin: auto;
  border-radius: 50%;
  background-color: #25435b;
  background-image: -webkit-radial-gradient(#25435b, #1f3c54);
  background-image: radial-gradient(  #25435b, #1f3c54);
  z-index: 1; }

.animation__bananas-1 {
  opacity: 0.3;
  background-image: url("../img/animation/bananas1.png");
  z-index: 8; }

.animation__bananas-2 {
  opacity: 0.7;
  background-image: url("../img/animation/bananas2.png");
  z-index: 9; }

.animation__bananas-3 {
  background-image: url("../img/animation/bananas3.png");
  z-index: 11; }

.animation .bananas, .animation .animation__bananas-1, .animation .animation__bananas-2, .animation .animation__bananas-3 {
  -webkit-animation: bananas 1000ms linear 5 forwards, bananas-end 6s 5000ms linear infinite;
  -moz-animation: bananas 1000ms linear 5 forwards, bananas-end 6s 5000ms linear infinite;
  animation: bananas 1000ms linear 5 forwards, bananas-end 6s 5000ms linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
  width: 100%;
  height: 100%;
  background-position: 0 0; }

.animation__rocket {
  -webkit-animation: rocket 76.92308ms linear 65, rocket-end 4s 5000ms linear forwards;
  -moz-animation: rocket 76.92308ms linear 65, rocket-end 4s 5000ms linear forwards;
  animation: rocket 76.92308ms linear 65, rocket-end 4s 5000ms linear forwards;
  position: absolute;
  top: 45%;
  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: 240px;
  height: auto;
  z-index: 10; }

.animation__flame-1 {
  -webkit-animation: rocket 76.92308ms linear 65, flame1 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  -moz-animation: rocket 76.92308ms linear 65, flame1 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  animation: rocket 76.92308ms linear 65, flame1 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  z-index: 9; }

.animation__flame-2 {
  -webkit-animation: rocket 76.92308ms linear 65, flame2 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  -moz-animation: rocket 76.92308ms linear 65, flame2 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  animation: rocket 76.92308ms linear 65, flame2 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  z-index: 8; }

.animation__flame-3 {
  -webkit-animation: rocket 76.92308ms linear 65, flame3 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  -moz-animation: rocket 76.92308ms linear 65, flame3 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  animation: rocket 76.92308ms linear 65, flame3 1000ms linear 5, flame-end 300ms 5000ms linear forwards;
  z-index: 7; }

.animation .flame, .animation .animation__flame-1, .animation .animation__flame-2, .animation .animation__flame-3 {
  position: absolute;
  top: 74%;
  left: 56%;
  -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: 84px;
  height: auto; }

@-webkit-keyframes rocket {
  0% {
    margin: 0; }
  25% {
    margin: -1px 0 0 -1px; }
  75% {
    margin: 1px 0 0 1px; }
  100% {
    margin: 0; } }

@-moz-keyframes rocket {
  0% {
    margin: 0; }
  25% {
    margin: -1px 0 0 -1px; }
  75% {
    margin: 1px 0 0 1px; }
  100% {
    margin: 0; } }

@keyframes rocket {
  0% {
    margin: 0; }
  25% {
    margin: -1px 0 0 -1px; }
  75% {
    margin: 1px 0 0 1px; }
  100% {
    margin: 0; } }

@-webkit-keyframes flame1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.3); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1); } }

@-moz-keyframes flame1 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(1); }
  50% {
    -moz-transform: translate(-50%, -50%) scale(1.3); }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1); } }

@keyframes flame1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    -moz-transform: translate(-50%, -50%) scale(1.3);
    -ms-transform: translate(-50%, -50%) scale(1.3);
    -o-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes flame2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1); } }

@-moz-keyframes flame2 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(1); }
  50% {
    -moz-transform: translate(-50%, -50%) scale(1.2); }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1); } }

@keyframes flame2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes flame3 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1); } }

@-moz-keyframes flame3 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(1); }
  50% {
    -moz-transform: translate(-50%, -50%) scale(1.1); }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1); } }

@keyframes flame3 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes flame-end {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; } }

@-moz-keyframes flame-end {
  0% {
    opacity: 1; }
  100% {
    -moz-transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; } }

@keyframes flame-end {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    -o-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; } }

@-webkit-keyframes rocket-end {
  0% {
    position: absolute;
    top: 45%;
    left: 50%; }
  100% {
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%); } }

@-moz-keyframes rocket-end {
  0% {
    position: absolute;
    top: 45%;
    left: 50%; }
  100% {
    position: absolute;
    top: 50%;
    left: 55%;
    -moz-transform: translate(-50%, -50%); } }

@keyframes rocket-end {
  0% {
    position: absolute;
    top: 45%;
    left: 50%; }
  100% {
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-webkit-keyframes bananas {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 569px 510px; } }

@-moz-keyframes bananas {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 569px 510px; } }

@keyframes bananas {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 569px 510px; } }

@-webkit-keyframes bananas-end {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 569px 510px; } }

@-moz-keyframes bananas-end {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 569px 510px; } }

@keyframes bananas-end {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 569px 510px; } }

.overlay-landing {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 100%;
  height: 100%;
  z-index: 200; }
  .overlay-landing__bg {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(rgba(59, 37, 81, 0), #120b19) top;
    background: linear-gradient(rgba(59, 37, 81, 0), #120b19) top;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    content: ''; }
  .overlay-landing.show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .overlay-landing.show .overlay-landing__bg {
      -webkit-transition: 500ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 500ms cubic-bezier(1, 0, 0, 1);
      transition: 500ms cubic-bezier(1, 0, 0, 1);
      opacity: 1; }
    .overlay-landing.show ~ * {
      pointer-events: none; }
    .overlay-landing.show .button {
      -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1);
      transition: transform 500ms cubic-bezier(1, 0, 0, 1);
      -webkit-transform: translateX(-50%) scale(1);
      -moz-transform: translateX(-50%) scale(1);
      -ms-transform: translateX(-50%) scale(1);
      -o-transform: translateX(-50%) scale(1);
      transform: translateX(-50%) scale(1);
      color: #3b2551; }
      .overlay-landing.show .button:hover {
        background-color: transparent;
        color: white; }
  .overlay-landing .button {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1);
    transition: transform 500ms cubic-bezier(1, 0, 0, 1);
    z-index: 201; }

body[data-trigger="trigger-settings"] #trigger-settings {
  right: 0; }

body[data-trigger="trigger-settings"] #header, body[data-trigger="trigger-settings"] .header,
body[data-trigger="trigger-settings"] #main {
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  transform: translateX(-300px); }
  @media screen and (min-width: 992px) {
    body[data-trigger="trigger-settings"] #header, body[data-trigger="trigger-settings"] .header,
    body[data-trigger="trigger-settings"] #main {
      -webkit-transform: translateX(-992px);
      -moz-transform: translateX(-992px);
      -ms-transform: translateX(-992px);
      -o-transform: translateX(-992px);
      transform: translateX(-992px); } }

body[data-trigger="trigger-settings"]::before {
  display: block;
  opacity: 1; }

body[data-trigger="trigger-settings"] .header {
  position: relative; }
  body[data-trigger="trigger-settings"] .header::before {
    display: block;
    opacity: 1; }
  body[data-trigger="trigger-settings"] .header .trigger__button {
    position: relative;
    z-index: 100; }

#trigger-settings {
  position: fixed;
  top: 0;
  right: 100%;
  width: 300px;
  height: 100vh;
  background-color: white;
  z-index: 101; }
  @media screen and (min-width: 992px) {
    #trigger-settings {
      width: 992px; } }
  #trigger-settings .copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  #trigger-settings .sources [class^="text__types"],
  #trigger-settings .sources [class*="text__types"],
  #trigger-settings .tags [class^="text__types"],
  #trigger-settings .tags [class*="text__types"] {
    margin: 2px; }
  #trigger-settings .sources .checkbox, #trigger-settings .sources .radio,
  #trigger-settings .tags .checkbox,
  #trigger-settings .tags .radio {
    margin: 0; }
  #trigger-settings .sources .content,
  #trigger-settings .tags .content {
    height: 100%;
    padding: 0 12px;
    border: 1px solid #dfdfdf;
    border-radius: 3px; }
  #trigger-settings .sources .content {
    padding-bottom: 12px; }
  #trigger-settings .tabs {
    height: calc(100% - 44px); }
    #trigger-settings .tabs .tabs__navigation, #trigger-settings .tabs .tabs__container {
      height: 100%; }
    #trigger-settings .tabs .tabs__navigation {
      width: 30%;
      background-color: #5f427b; }
    #trigger-settings .tabs .tabs__container {
      width: 70%;
      border: none; }
    #trigger-settings .tabs .tabs__content {
      padding: 12px; }
  #trigger-settings header {
    background-color: #3b2551; }

#modal-collections .modal__container {
  background-color: #f9f9f9; }

#modal-collections .header {
  position: static; }

#modal-collections form {
  max-width: 640px; }

@media screen and (min-width: 640px) {
  #modal-collections .tabs__navigation {
    min-width: 300px; } }

#modal-setup {
  background-color: #3b2551;
  background-image: -webkit-radial-gradient(#3b2551, #120b19);
  background-image: radial-gradient(  #3b2551, #120b19);
  margin: 0;
  padding: 0;
  color: white; }
  #modal-setup h1, #modal-setup h2, #modal-setup h3, #modal-setup h4, #modal-setup h5, #modal-setup h6, #modal-setup .button {
    color: white; }
    #modal-setup h1 .icon, #modal-setup h2 .icon, #modal-setup h3 .icon, #modal-setup h4 .icon, #modal-setup h5 .icon, #modal-setup h6 .icon, #modal-setup .button .icon {
      color: white; }
  #modal-setup > .button {
    position: absolute;
    top: 12px;
    right: 12px;
    margin: 0; }
  #modal-setup .pages__page-finish {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 3px;
    background-color: white;
    color: #3b3d40; }
    #modal-setup .pages__page-finish h1, #modal-setup .pages__page-finish h2, #modal-setup .pages__page-finish h3, #modal-setup .pages__page-finish h4, #modal-setup .pages__page-finish h5, #modal-setup .pages__page-finish h6 {
      color: #273444; }
  #modal-setup .modal__container {
    max-width: inherit;
    margin: 0; }
  #modal-setup .setup__pages ul label {
    position: relative;
    display: block;
    cursor: pointer; }
    #modal-setup .setup__pages ul label:hover img {
      border-color: rgba(45, 210, 116, 0.55); }
    #modal-setup .setup__pages ul label div {
      -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms cubic-bezier(1, 0, 0, 1);
      position: relative;
      overflow: hidden;
      margin: 0 0 6px;
      border: 5px solid #3b2551;
      border-radius: 3px;
      background-color: white;
      padding-bottom: 65%; }
    #modal-setup .setup__pages ul label .icon {
      -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
      -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
      transition: 150ms cubic-bezier(1, 0, 0, 1);
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      border-bottom-left-radius: 3px;
      background-color: #2dd274;
      color: white; }
  #modal-setup .setup__pages ul input {
    display: none; }
    #modal-setup .setup__pages ul input:checked ~ div {
      border-color: #2dd274; }
      #modal-setup .setup__pages ul input:checked ~ div .icon {
        opacity: 1; }
  #modal-setup .setup__pages ul img {
    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;
    max-width: 100%; }
  #modal-setup .setup__pages ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 160px;
    max-width: 200px; }
  #modal-setup .content {
    background-color: transparent;
    text-align: center; }

.autocomplete {
  position: fixed;
  display: none;
  border: 1px solid #dfdfdf;
  border-top: 0;
  border-radius: 3px;
  background-color: white;
  z-index: 100; }
  .autocomplete__item {
    padding: 6px 24px;
    color: #aeaeae; }
    .autocomplete__item.selected {
      background-color: #eeeeee; }
    .autocomplete__item b {
      color: #3b3d40; }

.button--flat.button--twitter svg {
  fill: white; }

.collections__item .showcase__description, .collections__new .showcase__description {
  height: 74px; }

.collections__item .popover.popover--full-size.active ~ *, .collections__new .popover.popover--full-size.active ~ * {
  display: none; }

.collections--list .collection {
  overflow: hidden;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  margin: 12px 0 0 0;
  padding: 0 0 0 12px; }
  .collections--list .collection h6 {
    margin: 0;
    font-size: 14px; }

.collections--list .button {
  border-radius: 0; }

.collections #collection_navigation ul {
  width: 200px; }
  .collections #collection_navigation ul li {
    border-radius: 0;
    border-bottom: 1px solid #d5d5d5; }
    .collections #collection_navigation ul li:first-child {
      border-radius: 3px 3px 0 0; }
    .collections #collection_navigation ul li:last-child {
      border-radius: 0 0 3px 3px;
      border-bottom: none; }

.collections .showcase__image {
  background-color: #c6c6c6; }
  .collections .showcase__image .icon--plus {
    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%); }

.collections .showcase__description .create-collection {
  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: 12px;
  text-align: center;
  z-index: 3; }

.collections .showcase__description h2 {
  margin: 0 0 12px; }

.collections .group .button {
  box-shadow: none !important; }

.header::before, body::before {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
  transition: 150ms cubic-bezier(1, 0, 0, 1);
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.75);
  content: '';
  z-index: 99; }

body {
  -webkit-transition: -webkit-transform 150ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: -moz-transform 150ms cubic-bezier(1, 0, 0, 1);
  transition: transform 150ms cubic-bezier(1, 0, 0, 1); }

main {
  overflow: visible;
  margin: 56px 0 0; }

.container-fluid {
  padding: 0 12px; }

.loader {
  position: relative; }
  .loader::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    content: ''; }

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

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

.mouse-wheel {
  position: relative;
  display: block;
  width: 34px;
  height: 50px;
  border-radius: 16px;
  border: 1px solid #dfdfdf;
  border-color: #adadad;
  border-width: 2px; }
  .mouse-wheel::before {
    -webkit-animation: scroll 1500ms cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: scroll 1500ms cubic-bezier(1, 0, 0, 1) infinite;
    animation: scroll 1500ms cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 150ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 150ms cubic-bezier(1, 0, 0, 1);
    transition: 150ms cubic-bezier(1, 0, 0, 1);
    opacity: 1;
    width: 4px;
    height: 8px;
    margin: 0 0 0 0;
    border-radius: 4px;
    background-color: #adadad;
    content: ''; }
  .mouse-wheel--inverted {
    border-color: white; }
    .mouse-wheel--inverted::before {
      background-color: white; }

@-webkit-keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    margin-top: 18px; } }

@-moz-keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    margin-top: 18px; } }

@keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    margin-top: 18px; } }

html .scrollable {
  overflow-y: auto; }

.modal__close::before, .modal__close::after {
  display: none; }

.notifications .notification--hide-group label {
  display: none; }

.notifications .notification--hide-group p {
  margin: 0; }

.pages .pages__radio[value="1"]:checked ~ .pages__steps li:nth-child(1) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="1"]:checked ~ .pages__steps li:nth-child(1) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="1"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="1"]:checked ~ .pages__container .pages__page-1 {
  display: block; }

.pages .pages__radio[value="2"]:checked ~ .pages__steps li:nth-child(2) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="2"]:checked ~ .pages__steps li:nth-child(2) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="2"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="2"]:checked ~ .pages__container .pages__page-2 {
  display: block; }

.pages .pages__radio[value="3"]:checked ~ .pages__steps li:nth-child(3) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="3"]:checked ~ .pages__steps li:nth-child(3) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="3"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="3"]:checked ~ .pages__container .pages__page-3 {
  display: block; }

.pages .pages__radio[value="4"]:checked ~ .pages__steps li:nth-child(4) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="4"]:checked ~ .pages__steps li:nth-child(4) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="4"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="4"]:checked ~ .pages__container .pages__page-4 {
  display: block; }

.pages .pages__radio[value="5"]:checked ~ .pages__steps li:nth-child(5) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="5"]:checked ~ .pages__steps li:nth-child(5) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="5"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="5"]:checked ~ .pages__container .pages__page-5 {
  display: block; }

.pages .pages__radio[value="6"]:checked ~ .pages__steps li:nth-child(6) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="6"]:checked ~ .pages__steps li:nth-child(6) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="6"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="6"]:checked ~ .pages__container .pages__page-6 {
  display: block; }

.pages .pages__radio[value="7"]:checked ~ .pages__steps li:nth-child(7) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="7"]:checked ~ .pages__steps li:nth-child(7) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="7"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="7"]:checked ~ .pages__container .pages__page-7 {
  display: block; }

.pages .pages__radio[value="8"]:checked ~ .pages__steps li:nth-child(8) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="8"]:checked ~ .pages__steps li:nth-child(8) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="8"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="8"]:checked ~ .pages__container .pages__page-8 {
  display: block; }

.pages .pages__radio[value="9"]:checked ~ .pages__steps li:nth-child(9) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="9"]:checked ~ .pages__steps li:nth-child(9) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="9"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="9"]:checked ~ .pages__container .pages__page-9 {
  display: block; }

.pages .pages__radio[value="10"]:checked ~ .pages__steps li:nth-child(10) ~ * {
  background-color: transparent;
  color: white; }
  .pages .pages__radio[value="10"]:checked ~ .pages__steps li:nth-child(10) ~ *::before {
    background-color: rgba(255, 255, 255, 0.35); }

.pages .pages__radio[value="10"]:checked.pages__finish ~ .pages__steps {
  display: none; }

.pages .pages__radio[value="10"]:checked ~ .pages__container .pages__page-10 {
  display: block; }

.pages__page {
  display: none; }

.pages__steps ul {
  display: inline-block; }
  .pages__steps ul::after {
    clear: both;
    content: "";
    display: table; }

.pages__steps li {
  position: relative;
  float: left;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: white;
  box-shadow: inset 0 0 0 1px white;
  color: #3b3d40;
  line-height: 44px; }
  .pages__steps li:not(:nth-child(1)) {
    margin: 0 0 0 12px; }
    .pages__steps li:not(:nth-child(1))::before {
      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%);
      width: 12px;
      height: 4px;
      background-color: white;
      content: ''; }
  .pages__steps li label {
    display: block;
    width: 44px;
    height: 44px; }

.pages label {
  cursor: pointer; }

.showcase__description {
  position: relative;
  overflow: hidden;
  height: 50px;
  padding: 12px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 2; }
  .showcase__description h2 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .showcase__description h2 a {
      font-size: 14px; }
  .showcase__description__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 12px 12px 12px; }
    .showcase__description__bottom .types {
      overflow: hidden;
      height: 34px; }

.showcase__content {
  -webkit-transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
  transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
  position: relative;
  height: 100%;
  background-color: white; }
  .showcase__content::after {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
    transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
    opacity: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 12px rgba(31, 45, 61, 0.25);
    content: '';
    z-index: 1; }
  .showcase__content:hover::after, #modal-add-collection .showcase__content::after {
    opacity: 1; }
  .showcase__content:hover .showcase__actions, #modal-add-collection .showcase__content .showcase__actions {
    opacity: 1; }

.showcase__actions {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
  transition: 150ms 300ms cubic-bezier(1, 0, 0, 1);
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.95);
  text-align: center;
  z-index: 2; }
  .showcase__actions > *:not(.showcase__link):not(h2) {
    display: inline-block;
    margin: 0 3px;
    z-index: 3; }
  .showcase__actions > .button:not([class^="--hover"]):not([class*="--hover"]),
  .showcase__actions > .popover > .button:not([class^="--hover"]):not([class*="--hover"]) {
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px white; }
    .showcase__actions > .button:not([class^="--hover"]):not([class*="--hover"]):hover,
    .showcase__actions > .popover > .button:not([class^="--hover"]):not([class*="--hover"]):hover {
      box-shadow: inset 0 0 0 26px white; }
      .showcase__actions > .button:not([class^="--hover"]):not([class*="--hover"]):hover svg:not([class^="text__"]):not([class*="text__"]),
      .showcase__actions > .popover > .button:not([class^="--hover"]):not([class*="--hover"]):hover svg:not([class^="text__"]):not([class*="text__"]) {
        fill: #3b2551; }
    .showcase__actions > .button:not([class^="--hover"]):not([class*="--hover"]) svg:not([class^="text__"]):not([class*="text__"]),
    .showcase__actions > .popover > .button:not([class^="--hover"]):not([class*="--hover"]) svg:not([class^="text__"]):not([class*="text__"]) {
      fill: white; }
  .showcase__actions > h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    color: white;
    font-size: 14px;
    z-index: 1; }
  .showcase__actions .popover--share .popover__container {
    width: 131px;
    height: 32px; }

.showcase__image > ul {
  overflow: hidden;
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
  -webkit-column-rule: 1px solid white;
  -moz-column-rule: 1px solid white;
  column-rule: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .showcase__image > ul li {
    background-color: #c6c6c6;
    background-size: cover;
    background-position: center center; }
    .showcase__image > ul li:nth-child(1) {
      height: 60%;
      border-top-left-radius: 3px; }
    .showcase__image > ul li:nth-child(2) {
      height: 40%;
      border-top: 1px solid white; }
    .showcase__image > ul li:nth-child(3) {
      height: 40%; }
    .showcase__image > ul li:nth-child(4) {
      height: 60%;
      border-top: 1px solid white; }
    .showcase__image > ul li:nth-child(5) {
      height: 60%;
      border-top-right-radius: 3px; }
    .showcase__image > ul li:nth-child(6) {
      height: 40%;
      border-top: 1px solid white; }

.showcase__video > .button {
  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%); }

.showcase__video > .button:not([class^="--hover"]):not([class*="--hover"]) {
  box-shadow: inset 0 0 0 2px white; }
  .showcase__video > .button:not([class^="--hover"]):not([class*="--hover"]):hover {
    box-shadow: inset 0 0 0 26px white; }
    .showcase__video > .button:not([class^="--hover"]):not([class*="--hover"]):hover svg:not([class^="text__"]):not([class*="text__"]) {
      fill: #3b2551; }
  .showcase__video > .button:not([class^="--hover"]):not([class*="--hover"]) svg:not([class^="text__"]):not([class*="text__"]) {
    fill: white; }

.showcase__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.showcase__item, .showcase__fake {
  width: 100%; }
  @media screen and (min-width: 640px) {
    .showcase__item, .showcase__fake {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 280px;
      -moz-flex: 1 1 280px;
      -ms-flex: 1 1 280px;
      flex: 1 1 280px;
      width: auto;
      min-width: 280px;
      max-width: 360px; } }
  .showcase__item[data-type='2'][data-source="freepik"] .showcase__image, [data-type='2'][data-source="freepik"].showcase__fake .showcase__image, .showcase__item[data-type='102'][data-source="freepik"] .showcase__image, [data-type='102'][data-source="freepik"].showcase__fake .showcase__image {
    background-size: 30% auto; }
  .showcase__item[data-type='2'] .showcase__image, [data-type='2'].showcase__fake .showcase__image, .showcase__item[data-type='102'] .showcase__image, [data-type='102'].showcase__fake .showcase__image {
    background-size: contain;
    background-repeat: no-repeat; }
  .showcase__item .badge, .showcase__fake .badge {
    z-index: 3; }
  .showcase__item .author, .showcase__fake .author {
    font-size: 12px; }

.showcase__fake {
  margin: 0 !important;
  padding: 0 !important; }

.showcase__404 {
  display: none !important; }

.showcase .showcase__image, .collections .showcase__image, .showcase .showcase__video, .collections .showcase__video {
  position: relative;
  display: block;
  padding: 0 0 75%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-position: center center;
  background-size: cover;
  z-index: 2; }
  .showcase .loader.showcase__image, .collections .loader.showcase__image, .showcase .loader.showcase__video, .collections .loader.showcase__video {
    background-size: 0 0; }
  .showcase .showcase__image img, .collections .showcase__image img, .showcase .showcase__video img, .collections .showcase__video img {
    position: absolute;
    visibility: hidden; }

.tabs__link.active, .tabs__link:hover {
  width: 100%; }

.uninstall-page .container {
  max-width: 640px;
  margin: 0 auto !important;
  padding: 24px 48px;
  background-color: white; }