@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto+Mono:100,200,300,400,500,600,700|Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto+Mono:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap");
/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Helpers > Root
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --dark: #19282B;
  --primary-1:#15DBDA;
  --white: #FFFFFF;
  --primary: #3FEDEC;
  --neutral: #212B33;
  --neutral-4:#CBD5DE;
  --primary-2:#8CF4F4;
  --neutral-3:#98ACBC;
  --primary-2-0fa5a4:#0FA5A4;
  --secondary: #6576EA;
  --neutral-1:#425767;
  --neutral-5:#E5EAEE;
  --alerts: #F0C052;
  --light: #EDF0F0;
  --info: #3F97ED;
  --link: #54D8D7;
  --snow: #FAFAFA;
  --azure: #F2F4F4;
  --lightgrey: #F8F9FA;
  --success: #97ED3F;
  --tertiary: #EAFF0C;
  --danger: #F07152;
  --warning: #ED953F;
  --secondary-1:#8491EE;
  --alerts-1:#F3CD75;
  --primary-4:#D9FBFB;
  --primary-5:#F5FEFE;
  --primary-3:#0A6E6D;
  --primary-4-053737:#053737;
  --success-1:#79DB15;
  --success-2:#5BA50F;
  --success-3:#447B0C;
  --success-4:#2D5208;
  --success-1-acf165:#ACF165;
  --success-2-c1f48c: #C1F48C;
  --success-3-d5f8b2:#D5F8B2;
  --success-4-eafbd9:#EAFBD9;
  --success-5:#F5FDEC;
  --danger-1:#F38D75;
  --danger-2:#F6AA97;
  --danger-3:#F9C6BA;
  --danger-4:#FCE3DC;
  --danger-5:#FEF8F6;
  --danger-1-eb4017:#EB4017;
  --danger-2-b22f0f: #B22F0F;
  --danger-3-85230c: #85230C;
  --danger-4-591808:#591808;
  --warning-1:#F1AA65;
  --warning-2:#F4BF8C;
  --warning-3:#F8D5B2;
  --warning-4:#FBE5CF;
  --warning-5:#FEFAF5;
  --warning-1-db7715:#DB7715;
  --warning-2-a5590f: #A5590F;
  --warning-3-6e3b0a: #6E3B0A;
  --warning-4-522d08:#522D08;
  --alerts-2:#F6D997;
  --alerts-3:#F9E6BA;
  --alerts-4:#FCF2DC;
  --alerts-5:#FEFCF6;
  --alerts-1-ebaa17:#EBAA17;
  --alerts-2-b2800f: #B2800F;
  --alerts-3-77560a: #77560A;
  --alerts-4-594008:#594008;
  --info-1:#65ACF1;
  --info-2:#8CC1F4;
  --info-3:#B2D5F8;
  --info-4:#D9EAFB;
  --info-5:#ECF5FD;
  --info-1-1579db: #1579DB;
  --info-2-0f5ba5:#0F5BA5;
  --info-3-0c447b: #0C447B;
  --info-4-082d52:#082D52;
  --secondary-2:#A3ADF2;
  --secondary-3:#C1C8F7;
  --secondary-4:#E0E4FB;
  --secondary-5:#F0F1FD;
  --secondary-1-2a42e2:#2A42E2;
  --secondary-2-182cb1:#182CB1;
  --secondary-3-101d76:#101D76;
  --secondary-4-0c1658:#0C1658;
  --tertiary-1:#EEFF3D;
  --tertiary-2:#F2FF6D;
  --tertiary-3:#F7FF9E;
  --tertiary-4:#FAFFC2;
  --tertiary-5:#FDFFE7;
  --tertiary-1-c3d600:#C3D600;
  --tertiary-2-92a000:#92A000;
  --tertiary-3-6e7800:#6E7800;
  --tertiary-4-3d4300:#3D4300;
  --neutral-2:#64829A;
  --neutral-6:#F2F5F7;
  --dark-1:#395C63;
  --dark-2:#5A909B;
  --dark-3:#8FB6BE;
  --dark-4:#C7DBDE;
  --dark-5:#E3EDEF;
  --dark-6:#F1F6F7;
  --light-1:#C6CFCF;
  --light-2:#ACBABA;
  --light-3:#92A4A4;
  --light-4:#788E8E;
  --light-5:#627575;
  --primary-1-65f1f0:#65F1F0;
  --primary-3-b2f8f7:#B2F8F7;
  --link-1:#76E0DF;
  --link-2:#98E8E7;
  --link-3:#BBEFEF;
  --link-4:#D4F5F5;
  --link-5:#F6FDFD;
  --link-1-2dc3c2:#2DC3C2;
  --link-2-219392:#219392;
  --link-3-196e6d: #196E6D;
  --link-4-0e3d3d: #0E3D3D;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Base > Resst
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

html {
  font-size: 1rem;
  scroll-behavior: smooth;
}

@media (max-width: 992px) {
  html {
    font-size: 0.875rem;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 0.875rem;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 0.75rem;
  }
}

body {
  background-color: #F4F6F8;
  color: #343A40;
  font-family: "Orbitron", "source-han-sans-traditional", -apple-system, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", "PingFang SC", "Noto Sans CJK TC", sans-serif;
  line-height: 1.5;
  margin: 0;
  min-height: 100%;
  text-rendering: optimizeSpeed;
}

hr {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px dashed #dfe2e3;
  height: 1px;
  overflow: visible;
}

pre,
code,
kbd,
samp {
  font-family: "Orbitron", "source-han-sans-traditional", -apple-system, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", "PingFang SC", "Noto Sans CJK TC", sans-serif;
  font-size: 0.8125rem;
  margin: 0.5rem 0;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

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

sub {
  bottom: -.25rem;
}

sup {
  top: -.5rem;
}

a {
  color: #00B6CE;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a:hover {
  color: #007282;
}

a:visited {
  color: #02e2ff;
}

a a[href^="http"]:empty:before {
  content: attr(href);
}

figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bolder;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

dd {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  margin-left: 0;
}

table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Orbitron", "source-han-sans-traditional", -apple-system, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", "PingFang SC", "Noto Sans CJK TC", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  outline: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35rem 0.75rem 0.625rem;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

img,
svg,
image {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

::-moz-selection {
  color: #fff;
  background-color: #3BC9DB;
}

::selection {
  color: #fff;
  background-color: #3BC9DB;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Base > Typography
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  font-size: 1rem;
}

span {
  font-size: 0.875rem;
}

label {
  font-size: 0.9375rem;
}

em {
  font-style: italic;
}

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 0.1rem;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 0.1rem;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
          box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Grid
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf {
  *zoom: 1;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
  overflow: hidden;
}

.clear-fix {
  *zoom: 1;
}

.clear-fix:before, .clear-fix:after {
  content: "";
  display: table;
}

.clear-fix:after {
  clear: both;
  overflow: hidden;
}

@media (max-width: 992px) {
  .clear-fix-md {
    *zoom: 1;
  }
  .clear-fix-md:before, .clear-fix-md:after {
    content: "";
    display: table;
  }
  .clear-fix-md:after {
    clear: both;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .clear-fix-sm {
    *zoom: 1;
  }
  .clear-fix-sm:before, .clear-fix-sm:after {
    content: "";
    display: table;
  }
  .clear-fix-sm:after {
    clear: both;
    overflow: hidden;
  }
}

@media (max-width: 576px) {
  .clear-fix-xs {
    *zoom: 1;
  }
  .clear-fix-xs:before, .clear-fix-xs:after {
    content: "";
    display: table;
  }
  .clear-fix-xs:after {
    clear: both;
    overflow: hidden;
  }
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  *zoom: 1;
  max-width: 1200px;
}

.container:before, .container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
  overflow: hidden;
}

@media (max-width: 768px) {
  .container {
    max-width: 736px;
  }
}

@media (max-width: 992px) {
  .container {
    max-width: 956px;
    padding-right: .5rem;
    padding-left: .5rem;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
  content: "";
  display: table;
}

.container-fluid:after {
  clear: both;
  overflow: hidden;
}

.row {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  *zoom: 1;
}

.row:before, .row:after {
  content: "";
  display: table;
}

.row:after {
  clear: both;
  overflow: hidden;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  float: left;
}

.col-lg-1 {
  width: 8.33333%;
}

.col-lg-2 {
  width: 16.66667%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-4 {
  width: 33.33333%;
}

.col-lg-5 {
  width: 41.66667%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-7 {
  width: 58.33333%;
}

.col-lg-8 {
  width: 66.66667%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-10 {
  width: 83.33333%;
}

.col-lg-11 {
  width: 91.66667%;
}

.col-lg-12 {
  width: 100%;
}

@media (max-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-1 {
    width: 8.33333%;
  }
  .col-xs-2 {
    width: 16.66667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.33333%;
  }
  .col-xs-5 {
    width: 41.66667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.33333%;
  }
  .col-xs-8 {
    width: 66.66667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.33333%;
  }
  .col-xs-11 {
    width: 91.66667%;
  }
  .col-xs-12 {
    width: 100%;
  }
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Utilities
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.push-left {
  float: left !important;
}

.push-right {
  float: right !important;
}

.no-float {
  float: none !important;
}

.hide,
.hidden {
  display: none !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media all and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media all and (max-width: 576px) {
  .hidden-xs {
    display: none !important;
  }
}

@media all and (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media all and (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media all and (min-width: 576px) {
  .hidden-xs-up {
    display: none !important;
  }
}

.pointer {
  cursor: pointer;
}

.pointer-none {
  cursor: none;
}

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

.center-block {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.table-fixed {
  display: table !important;
  table-layout: fixed !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.no-border {
  border: none !important;
}

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

.in-bk-mid {
  display: inline-block;
  vertical-align: middle;
}

.tb-cell-mid {
  display: table-cell;
  vertical-align: middle;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Margin
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.no-margin {
  margin: 0 !important;
}

.margin-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.margin-4 {
  margin: 0.25rem !important;
}

.mt-4 {
  margin-top: 0.25rem !important;
}

.mr-4 {
  margin-right: 0.25rem !important;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}

.ml-4 {
  margin-left: 0.25rem !important;
}

.margin-8 {
  margin: 0.5rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mr-8 {
  margin-right: 0.5rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}

.ml-8 {
  margin-left: 0.5rem !important;
}

.margin-12 {
  margin: 0.75rem !important;
}

.mt-12 {
  margin-top: 0.75rem !important;
}

.mr-12 {
  margin-right: 0.75rem !important;
}

.mb-12 {
  margin-bottom: 0.75rem !important;
}

.ml-12 {
  margin-left: 0.75rem !important;
}

.margin-16 {
  margin: 1rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mr-16 {
  margin-right: 1rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.ml-16 {
  margin-left: 1rem !important;
}

.margin-20 {
  margin: 1.25rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mr-20 {
  margin-right: 1.25rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.ml-20 {
  margin-left: 1.25rem !important;
}

.margin-24 {
  margin: 1.5rem !important;
}

.mt-24 {
  margin-top: 1.5rem !important;
}

.mr-24 {
  margin-right: 1.5rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem !important;
}

.ml-24 {
  margin-left: 1.5rem !important;
}

.margin-28 {
  margin: 1.75rem !important;
}

.mt-28 {
  margin-top: 1.75rem !important;
}

.mr-28 {
  margin-right: 1.75rem !important;
}

.mb-28 {
  margin-bottom: 1.75rem !important;
}

.ml-28 {
  margin-left: 1.75rem !important;
}

.margin-32 {
  margin: 2rem !important;
}

.mt-32 {
  margin-top: 2rem !important;
}

.mr-32 {
  margin-right: 2rem !important;
}

.mb-32 {
  margin-bottom: 2rem !important;
}

.ml-32 {
  margin-left: 2rem !important;
}

.margin-36 {
  margin: 2.25rem !important;
}

.mt-36 {
  margin-top: 2.25rem !important;
}

.mr-36 {
  margin-right: 2.25rem !important;
}

.mb-36 {
  margin-bottom: 2.25rem !important;
}

.ml-36 {
  margin-left: 2.25rem !important;
}

.margin-40 {
  margin: 2.5rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mr-40 {
  margin-right: 2.5rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}

.ml-40 {
  margin-left: 2.5rem !important;
}

.margin-44 {
  margin: 2.75rem !important;
}

.mt-44 {
  margin-top: 2.75rem !important;
}

.mr-44 {
  margin-right: 2.75rem !important;
}

.mb-44 {
  margin-bottom: 2.75rem !important;
}

.ml-44 {
  margin-left: 2.75rem !important;
}

.margin-48 {
  margin: 3rem !important;
}

.mt-48 {
  margin-top: 3rem !important;
}

.mr-48 {
  margin-right: 3rem !important;
}

.mb-48 {
  margin-bottom: 3rem !important;
}

.ml-48 {
  margin-left: 3rem !important;
}

.margin-52 {
  margin: 3.25rem !important;
}

.mt-52 {
  margin-top: 3.25rem !important;
}

.mr-52 {
  margin-right: 3.25rem !important;
}

.mb-52 {
  margin-bottom: 3.25rem !important;
}

.ml-52 {
  margin-left: 3.25rem !important;
}

.margin-56 {
  margin: 3.5rem !important;
}

.mt-56 {
  margin-top: 3.5rem !important;
}

.mr-56 {
  margin-right: 3.5rem !important;
}

.mb-56 {
  margin-bottom: 3.5rem !important;
}

.ml-56 {
  margin-left: 3.5rem !important;
}

.margin-60 {
  margin: 3.75rem !important;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

.mr-60 {
  margin-right: 3.75rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}

.ml-60 {
  margin-left: 3.75rem !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Padding
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.no-padding {
  padding: 0 !important;
}

.padding-0 {
  padding: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.padding-4 {
  padding: 0.25rem !important;
}

.pt-4 {
  padding-top: 0.25rem !important;
}

.pr-4 {
  padding-right: 0.25rem !important;
}

.pb-4 {
  padding-bottom: 0.25rem !important;
}

.pl-4 {
  padding-left: 0.25rem !important;
}

.padding-8 {
  padding: 0.5rem !important;
}

.pt-8 {
  padding-top: 0.5rem !important;
}

.pr-8 {
  padding-right: 0.5rem !important;
}

.pb-8 {
  padding-bottom: 0.5rem !important;
}

.pl-8 {
  padding-left: 0.5rem !important;
}

.padding-12 {
  padding: 0.75rem !important;
}

.pt-12 {
  padding-top: 0.75rem !important;
}

.pr-12 {
  padding-right: 0.75rem !important;
}

.pb-12 {
  padding-bottom: 0.75rem !important;
}

.pl-12 {
  padding-left: 0.75rem !important;
}

.padding-16 {
  padding: 1rem !important;
}

.pt-16 {
  padding-top: 1rem !important;
}

.pr-16 {
  padding-right: 1rem !important;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

.pl-16 {
  padding-left: 1rem !important;
}

.padding-20 {
  padding: 1.25rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pr-20 {
  padding-right: 1.25rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.pl-20 {
  padding-left: 1.25rem !important;
}

.padding-24 {
  padding: 1.5rem !important;
}

.pt-24 {
  padding-top: 1.5rem !important;
}

.pr-24 {
  padding-right: 1.5rem !important;
}

.pb-24 {
  padding-bottom: 1.5rem !important;
}

.pl-24 {
  padding-left: 1.5rem !important;
}

.padding-28 {
  padding: 1.75rem !important;
}

.pt-28 {
  padding-top: 1.75rem !important;
}

.pr-28 {
  padding-right: 1.75rem !important;
}

.pb-28 {
  padding-bottom: 1.75rem !important;
}

.pl-28 {
  padding-left: 1.75rem !important;
}

.padding-32 {
  padding: 2rem !important;
}

.pt-32 {
  padding-top: 2rem !important;
}

.pr-32 {
  padding-right: 2rem !important;
}

.pb-32 {
  padding-bottom: 2rem !important;
}

.pl-32 {
  padding-left: 2rem !important;
}

.padding-36 {
  padding: 2.25rem !important;
}

.pt-36 {
  padding-top: 2.25rem !important;
}

.pr-36 {
  padding-right: 2.25rem !important;
}

.pb-36 {
  padding-bottom: 2.25rem !important;
}

.pl-36 {
  padding-left: 2.25rem !important;
}

.padding-40 {
  padding: 2.5rem !important;
}

.pt-40 {
  padding-top: 2.5rem !important;
}

.pr-40 {
  padding-right: 2.5rem !important;
}

.pb-40 {
  padding-bottom: 2.5rem !important;
}

.pl-40 {
  padding-left: 2.5rem !important;
}

.padding-44 {
  padding: 2.75rem !important;
}

.pt-44 {
  padding-top: 2.75rem !important;
}

.pr-44 {
  padding-right: 2.75rem !important;
}

.pb-44 {
  padding-bottom: 2.75rem !important;
}

.pl-44 {
  padding-left: 2.75rem !important;
}

.padding-48 {
  padding: 3rem !important;
}

.pt-48 {
  padding-top: 3rem !important;
}

.pr-48 {
  padding-right: 3rem !important;
}

.pb-48 {
  padding-bottom: 3rem !important;
}

.pl-48 {
  padding-left: 3rem !important;
}

.padding-52 {
  padding: 3.25rem !important;
}

.pt-52 {
  padding-top: 3.25rem !important;
}

.pr-52 {
  padding-right: 3.25rem !important;
}

.pb-52 {
  padding-bottom: 3.25rem !important;
}

.pl-52 {
  padding-left: 3.25rem !important;
}

.padding-56 {
  padding: 3.5rem !important;
}

.pt-56 {
  padding-top: 3.5rem !important;
}

.pr-56 {
  padding-right: 3.5rem !important;
}

.pb-56 {
  padding-bottom: 3.5rem !important;
}

.pl-56 {
  padding-left: 3.5rem !important;
}

.padding-60 {
  padding: 3.75rem !important;
}

.pt-60 {
  padding-top: 3.75rem !important;
}

.pr-60 {
  padding-right: 3.75rem !important;
}

.pb-60 {
  padding-bottom: 3.75rem !important;
}

.pl-60 {
  padding-left: 3.75rem !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Utilities
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.push-left {
  float: left !important;
}

.push-right {
  float: right !important;
}

.no-float {
  float: none !important;
}

.hide,
.hidden {
  display: none !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media all and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media all and (max-width: 576px) {
  .hidden-xs {
    display: none !important;
  }
}

@media all and (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media all and (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media all and (min-width: 576px) {
  .hidden-xs-up {
    display: none !important;
  }
}

.pointer {
  cursor: pointer;
}

.pointer-none {
  cursor: none;
}

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

.center-block {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.table-fixed {
  display: table !important;
  table-layout: fixed !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.no-border {
  border: none !important;
}

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

.in-bk-mid {
  display: inline-block;
  vertical-align: middle;
}

.tb-cell-mid {
  display: table-cell;
  vertical-align: middle;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Displays
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.none {
  display: none !important;
}

.inline {
  display: inline !important;
}

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

.block {
  display: block !important;
}

.table {
  display: table !important;
}

.table-row {
  display: table-row !important;
}

.table-cell {
  display: table-cell !important;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Forms
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
::-webkit-input-placeholder {
  color: #C5C9CA;
}

::-moz-placeholder {
  color: #C5C9CA;
}

:-ms-input-placeholder {
  color: #C5C9CA;
}

::-ms-input-placeholder {
  color: #C5C9CA;
}

::placeholder {
  color: #C5C9CA;
}

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 {
  background-color: #F3F3F4;
  border: 1px transparent solid;
  border-radius: 2px;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
  font-size: .9375rem;
  padding: .625rem .875rem;
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

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 {
  border-color: #3BC9DB;
}

.ie input[type="color"], .ie input[type="date"], .ie input[type="datetime"], .ie input[type="datetime-local"], .ie input[type="email"], .ie input[type="month"], .ie input[type="number"], .ie input[type="password"], .ie input[type="search"], .ie input[type="tel"], .ie input[type="text"], .ie input[type="time"], .ie input[type="url"], .ie input[type="week"], .ie input:not([type]), .ie textarea {
  line-height: 1;
  padding: .75rem .875rem;
}

.form-group {
  margin-bottom: 1.25rem;
}

.form-check {
  margin-bottom: 1.25rem;
}

.form-col {
  display: inline-block;
  vertical-align: middle;
}

.form-control.form-control {
  display: block;
  width: 100%;
}

.form-control.form-control--md {
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.75;
}

.form-control.form-control.is-valid {
  padding-right: 2.75rem;
  border-color: #38D9A9;
}

.form-control.form-control.is-invalid {
  padding-right: 2.75rem;
  border-color: #EF6866;
}

.form-control.form-control[disabled] {
  cursor: not-allowed;
}

.form-control.form-control[disabled], .form-control.form-control[readonly] {
  background-color: #D2D6D7;
  opacity: 1;
}

.checkbox-van-inp {
  display: none;
}

.checkbox-van-inp ~ .checkbox-van-lab {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: .875rem;
}

.checkbox-van-inp ~ .checkbox-van-lab .checkbox, .checkbox-van-inp ~ .checkbox-van-lab a, .checkbox-van-inp ~ .checkbox-van-lab font {
  display: inline-block;
  vertical-align: middle;
}

.checkbox-van-inp ~ .checkbox-van-lab.checkbox--lg .checkbox {
  height: 22px;
  width: 22px;
}

.checkbox-van-inp ~ .checkbox-van-lab.checkbox--lg .checkbox:after {
  width: 8px;
  height: 12px;
}

.checkbox-van-inp ~ .checkbox-van-lab.checkbox--md .checkbox {
  height: 20px;
  width: 20px;
}

.checkbox-van-inp ~ .checkbox-van-lab.checkbox--md .checkbox:after {
  width: 7px;
  height: 11px;
}

.checkbox-van-inp ~ .checkbox-van-lab .checkbox {
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #edeeef;
  border-radius: 2px;
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  margin-right: .5rem;
}

.checkbox-van-inp ~ .checkbox-van-lab .checkbox:before {
  content: '';
  height: 100%;
  width: 100%;
  background-color: #52b7c4;
  border-radius: 12%;
  display: block;
  opacity: 0.08;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.125s ease-in-outt;
  transition: all 0.125s ease-in-outt;
}

.checkbox-van-inp ~ .checkbox-van-lab .checkbox:after {
  content: '';
  opacity: 0;
  width: 6px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

.checkbox-van-inp ~ .checkbox-van-lab .checkbox:hover:before {
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.checkbox-van-inp ~ .checkbox-van-lab:hover .box {
  border-color: #52b7c4;
}

.checkbox-van-inp:checked + .checkbox-van-lab .checkbox {
  background: #52b7c4;
  border-color: #52b7c4;
}

.checkbox-van-inp:checked + .checkbox-van-lab .checkbox:before {
  opacity: 0;
  -webkit-transform: scale(2.5);
          transform: scale(2.5);
}

.checkbox-van-inp:checked + .checkbox-van-lab .checkbox:after {
  opacity: 1;
}

.checkbox-van-inp:disabled + .checkbox-van-lab .checkbox {
  border-color: #edeeef;
  background: #fafbfb;
  cursor: not-allowed;
}

.checkbox-van-inp:disabled + .checkbox-van-lab font, .checkbox-van-inp:disabled + .checkbox-van-lab a {
  cursor: not-allowed;
}

.checkbox-van-inp:disabled + .checkbox-van-lab .checkbox:hover:before {
  display: none;
}

.radio-van-inp {
  display: none;
}

.radio-van-inp ~ .radio-van-lab {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: .875rem;
}

.radio-van-inp ~ .radio-van-lab .radio,
.radio-van-inp ~ .radio-van-lab a,
.radio-van-inp ~ .radio-van-lab font {
  display: inline-block;
  vertical-align: middle;
}

.radio-van-inp ~ .radio-van-lab.radio--lg .radio {
  width: 24px;
  height: 24px;
}

.radio-van-inp ~ .radio-van-lab.radio--lg .radio:after {
  width: 10px;
  height: 10px;
}

.radio-van-inp ~ .radio-van-lab.radio--md .radio {
  width: 22px;
  height: 22px;
}

.radio-van-inp ~ .radio-van-lab.radio--md .radio:after {
  width: 9px;
  height: 9px;
}

.radio-van-inp ~ .radio-van-lab .radio {
  background-color: #fff;
  border: 1px solid #edeeef;
  border-radius: 100%;
  margin-right: .25rem;
  width: 18px;
  height: 18px;
}

.radio-van-inp ~ .radio-van-lab .radio:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #52b7c4;
  border-radius: 100%;
  opacity: 0.08;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

.radio-van-inp ~ .radio-van-lab:hover .radio:after {
  -webkit-transform: translate(-50%, -50%) scale(3.5);
          transform: translate(-50%, -50%) scale(3.5);
}

.radio-van-inp:checked + .radio-van-lab .radio {
  border-color: #52b7c4;
}

.radio-van-inp:checked + .radio-van-lab .radio:after {
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 1;
}

.radio-van-inp:disabled + .radio-van-lab .radio {
  border-color: #edeeef;
  background: #fafbfb;
  cursor: not-allowed;
}

.radio-van-inp:disabled + .radio-van-lab font {
  cursor: not-allowed;
}

.radio-van-inp:disabled + .radio-van-lab .radio:after {
  display: none;
}

.complate-list {
  margin-bottom: .5rem;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Breadcrumbs
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.breadcrumbs {
  background-color: rgba(0, 0, 0, 0.24);
  color: #fff;
  padding: .75rem 2rem;
}

.breadcrumbs ul {
  padding: 0 2rem;
}

.breadcrumbs ul:before {
  content: '';
  background: url("../img/breadcrumb.svg") no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.breadcrumbs ul li {
  display: inline-block;
  margin-right: 1.5rem;
}

.breadcrumbs ul li:not(:last-child):after {
  content: '>';
  position: absolute;
  right: -1rem;
  top: 0;
}

.breadcrumbs ul li a {
  color: #03DEDF;
  text-decoration: underline;
}

.breadcrumbs ul li a:hover {
  color: #fff;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Headers
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
  background: url("../img/bg-header.svg") center center no-repeat;
  background-size: cover;
}

.top-bar {
  background-color: rgba(33, 42, 51, 0.88);
  border-bottom: 1px rgba(255, 255, 255, 0.24) solid;
}

.top-bar .container {
  padding: 0;
}

.logo-b {
  display: none;
}

.top-bar ul li {
  float: right;
}

.top-bar ul li a {
  display: block;
  color: #fff;
  padding: 0.75rem 2rem;
  white-space: nowrap;
}

.top-bar ul li a:hover {
  color: #3FEDEC;
}

.top-bar .tn-select {
  background-color: #3FEDEC;
  color: #212B33;
  font-weight: bolder;
  padding: .75rem 1.5rem;
}

.top-bar .tn-select:hover {
  color: #212B33;
  background-color: #0FA5A4;
}

.main-header {
  background-color: rgba(33, 42, 51, 0.66);
}

.main-header .logo {
  padding: .875rem 0;
}

.main-header .rocket {
  position: absolute;
  top: 1rem;
  left: 18rem;
}

.main-header .rt-blk {
  text-align: right;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80%;
}

.main-header .tn-btn {
  color: #fff;
  display: inline-block;
  font-size: 1.125rem;
  border: 2px solid rgba(255, 255, 255, 0.66);
  padding: 0.75rem 2rem;
  margin-right: 2rem;
  white-space: nowrap;
}

.main-header .tn-btn i {
  margin-right: .5rem;
  font-size: 1.5rem;
  vertical-align: middle;
}

.search-input {
  display: inline-block;
  width: 20rem;
}

.input-search.input-search {
  padding: 1.25rem 1.0rem;
  font-size: 1rem;
  width: 100%;
}

.input-btn {
  font-size: 1rem;
  background-color: #3FEDEC;
  color: #212B33;
  padding: 1.125rem 1.5rem;
  position: absolute;
  right: .25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
}

.sm-sub-header {
  display: none;
}

@media (max-width: 992px) {
  .main-header .logo {
    width: 200px;
  }
  .main-header .tn-btn {
    font-size: 1rem;
    border: 1.5px solid #fff;
    padding: 0.6375rem 1.75rem;
    margin-right: 1.5rem;
  }
  .input-search.input-search {
    padding: 1rem .75rem;
    font-size: 1rem;
  }
  .input-btn {
    font-size: .9375rem;
    padding: .875rem 1.25rem;
  }
}

@media (max-width: 768px) {
  .top-bar {
    background-color: #fff;
    margin: 0 -.5rem;
    border-bottom: 0;
  }
  .logo-mobile {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .logo-b {
    display: inline-block;
  }
  .burger {
    font-size: 1.675rem;
  }
  .top-bar .tn-select {
    background-color: #3FEDEC;
    padding: 1.25rem 1.75rem;
  }
  .main-header .logo {
    width: 200px;
  }
  .main-header .tn-btn {
    display: none;
  }
  .input-search.input-search {
    display: none;
  }
  .input-btn {
    font-size: .9375rem;
    padding: .875rem 1.25rem;
  }
  .main-header {
    display: none;
  }
  .nav-bar {
    display: none;
  }
  .burger {
    background-color: #212B33;
  }
  .sm-sub-header {
    display: block;
    background-color: #fff;
    text-align: right;
  }
  .sm-sub-header a {
    display: inline-block;
    padding: 0.75rem 1rem;
  }
  .sm-sub-header .login {
    color: #212B33;
  }
}

.nav-bar {
  background-color: rgba(111, 246, 246, 0.56);
}

.nav-bar .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.nav-bar .navbar-nav .nav-item:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.nav-bar .navbar-nav .nav-item {
  -webkit-box-flex: 2;
      -ms-flex: 2 1;
          flex: 2 1;
  text-align: center;
  margin-right: .5rem;
}

.nav-bar .navbar-nav .nav-item:first-child .nav-link {
  padding: 1.125rem 1rem 1.125rem 1rem;
  margin-right: 0;
}

.nav-bar .navbar-nav .nav-item .nav-link {
  display: block;
  color: #fff;
  font-size: 1.125rem;
  padding: 1.125rem 2.5rem 1.125rem 1rem;
  white-space: nowrap;
}

.nav-bar .navbar-nav .nav-item .nav-link i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transition: .25s all ease-in-out;
  transition: .25s all ease-in-out;
}

.nav-bar .navbar-nav .nav-link.active,
.nav-bar .navbar-nav .nav-link:hover {
  background-color: #0586AE;
}

.nav-bar .navbar-nav .nav-link:hover i {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

.sub-menu {
  position: absolute;
  width: -webkit-fill-available;
  top: 100%;
  left: 0;
  display: none;
  z-index: 2;
}

.nav-item:hover > .sub-menu {
  display: block;
}

.sub-menu .menu-item {
  padding: .75rem .25rem;
  background-color: #fff;
  color: #212B33;
  opacity: 0;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-animation: enter 0.2s ease forwards;
          animation: enter 0.2s ease forwards;
  font-size: 0.875rem;
  text-align: left;
  white-space: nowrap;
}

/*
.sub-menu .menu-item:nth-child(1) {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.sub-menu .menu-item:nth-child(2) {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.sub-menu .menu-item:nth-child(3) {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.sub-menu .menu-item:nth-child(4) {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.sub-menu .menu-item:nth-child(5) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.sub-menu .menu-item:nth-child(6) {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.sub-menu .menu-item:nth-child(7) {
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(8) {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.sub-menu .menu-item:nth-child(9) {
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.sub-menu .menu-item:nth-child(10) {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
*/

.sub-menu .menu-item:hover {
  background: #bff8ff;
}

.sub-menu .menu-item a {
  padding: 0 0.5rem;
}

@-webkit-keyframes enter {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0.98) translateY(10px);
            transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes enter {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0.98) translateY(10px);
            transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 992px) {
  .nav-bar .navbar-nav .nav-item .nav-link {
    font-size: 0.9375rem;
    padding: .75rem 1.5rem .75rem  1rem;
    margin-right: 1rem;
  }
  .nav-bar .navbar-nav .nav-item:first-child .nav-link {
    padding: .75rem 1rem .75rem  1rem;
    margin-right: 0;
  }
  .nav-bar .navbar-nav .nav-item .nav-link i {
    right: .5rem;
  }
}

@media (max-width: 768px) {
  .nav-bar .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 100%;
    padding: .5rem 0;
  }
  .nav-bar .navbar-nav .nav-item:first-child {
    text-align: left;
  }
  .nav-bar .navbar-nav .nav-item {
    margin: .125rem 0;
    text-align: left;
  }
  .nav-bar .navbar-nav .nav-item .nav-link {
    margin: 0;
  }
  .sub-menu {
    position: relative;
  }
  .nav-bar .navbar-nav .nav-item .nav-link i {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 1.5rem;
  }
  .nav-bar .navbar-nav .nav-link:hover i {
    -webkit-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
  }
}

.sub-nav {
  padding: 2.0rem 0;
}

.sub-nav .sub-nav-item {
  background: #212b33;
  background: linear-gradient(60deg, #212b33 0%, #0f3b5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#212b33", endColorstr="#0f3b5f", GradientType=1);
  display: block;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  padding: 1.375rem 0;
}

.sub-nav .sub-nav-item h6 {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 1.0rem;
}

@media (max-width: 992px) {
  .sub-nav .sub-nav-item {
    margin: .5rem 0;
  }
}

.section-news {
  padding: 4.5rem 0 3.75rem;
}

.section-heading .en {
  font-size: 2.25rem;
  color: #CBD5DE;
  font-weight: 100;
}

.section-heading .ch {
  font-size: 2.0rem;
}

.section-tab {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.section-tab li {
  float: right;
  padding: 0 1.25rem;
}

.section-tab li:not(:first-child):after {
  content: '';
  width: 1px;
  height: 80%;
  background-color: #EDF0F0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-tab li a {
  color: #64829A;
  font-size: 1.125rem;
  white-space: nowrap;
}

.section-tab li a:hover {
  color: #425767;
}

.section-tab li a.active {
  color: #212B33;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Footer
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-star {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTU5MS4wMTMiIGhlaWdodD0iMzM3LjgyIiB2aWV3Qm94PSIwIDAgMTU5MS4wMTMgMzM3LjgyIj48ZGVmcz48c3R5bGU+LmF7c3Ryb2tlOnJnYmEoMCwwLDAsMCk7c3Ryb2tlLW1pdGVybGltaXQ6MTA7ZmlsbDp1cmwoI2EpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjAuMTM3IiB5MT0iMC4yNjQiIHgyPSIxIiB5Mj0iMC42OTQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2NjdkYjYiLz48c3RvcCBvZmZzZXQ9IjAuMzMiIHN0b3AtY29sb3I9IiMyYzlhYzQiLz48c3RvcCBvZmZzZXQ9IjAuNjU1IiBzdG9wLWNvbG9yPSIjMDA4MmM4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjY3ZGI2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNTkwLjAxMyw3MTMuNDYzSDBWNDM4LjY4NWMxOC42OTItNC4yNjYsMzguODQxLTkuOTMsNTkuODg4LTE2LjgzNywzMC4xLTguMDYzLDYxLjUxOC0xNS4xMjksOTMuMzY4LTIxLDMwLjU2MS01LjYzNiw2Mi40NDItMTAuMzQzLDk0Ljc1NS0xMy45OSwzMC44NTktMy40ODMsNjMuMDYxLTYuMTA2LDk1LjcwOS03LjgsMzAuOTkyLTEuNiw2My4zNjktMi40MTcsOTYuMjMtMi40MTcsMjEuNzc3LDAsNDQuMzU4LjM1Nyw2Ny4xMTYsMS4wNiwyMS43MTYuNjcxLDQ0LjI2NSwxLjY3OSw2Ny4wMjEsMi45OTUsNDIuMjYxLDIuNDQ0LDg1LjgyNyw1Ljk0LDEzMy4xODcsMTAuNjg5LDkwLjc4OSw5LjEsMTgxLjI4NSwyMS41MTcsMjU4Ljk4MSwzMi40MzcsMTIuOTIyLDEuODE2LDI2LjExMywzLjY4LDM3Ljc1MSw1LjMyNWguMDA2Yzc3LjU0OCwxMC45NTcsMTUwLjgsMjEuMzA2LDIyMC45NDksMjkuMDU4LDM3LjYxMSw0LjE1Niw3MS4wMjcsNy4yLDEwMi4xNTcsOS4zLDM0LjczNiwyLjM0OCw2NS45NDMsMy40OSw5NS40LDMuNDksMTUuNTQ5LDAsMzAuNzA4LS4zMzMsNDUuMDU0LS45OSwxNC44NDYtLjY4LDI5LjMxNy0xLjcyOCw0My4wMTEtMy4xMTYsMTQuMTE3LTEuNDMxLDI3Ljg2MS0zLjI2OSw0MC44NTEtNS40NjMsMTMuMzUyLTIuMjU1LDI2LjMzLTQuOTU3LDM4LjU3NS04LjAzMVY3MTMuNDYyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IC0zNzYuMTQzKSIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.layer {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: repeat-x;
  height: 100%;
  left: 0;
  position: absolute;
  top: 2rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 100%;
}

@-webkit-keyframes twinkle {
  from {
    opacity: .3;
  }
  to {
    opacity: 1;
  }
}

@keyframes twinkle {
  from {
    opacity: .3;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes layer-1 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-689px, 0, 0);
            transform: translate3d(-689px, 0, 0);
  }
}

@keyframes layer-1 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-689px, 0, 0);
            transform: translate3d(-689px, 0, 0);
  }
}

.footer-star .layer:nth-child(1) {
  -webkit-animation: twinkle 10s ease-in -5s infinite alternate, layer-1 192s linear infinite;
          animation: twinkle 10s ease-in -5s infinite alternate, layer-1 192s linear infinite;
  background-image: url("../img/layer1.png");
}

@-webkit-keyframes layer-2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-699px, 0, 0);
            transform: translate3d(-699px, 0, 0);
  }
}

@keyframes layer-2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-699px, 0, 0);
            transform: translate3d(-699px, 0, 0);
  }
}

.footer-star .layer:nth-child(2) {
  -webkit-animation: twinkle 3s ease-in -3s infinite alternate, layer-2 195s linear infinite;
          animation: twinkle 3s ease-in -3s infinite alternate, layer-2 195s linear infinite;
  background-image: url("../img/layer2.png");
}

@-webkit-keyframes layer-3 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-699px, 0, 0);
            transform: translate3d(-699px, 0, 0);
  }
}

@keyframes layer-3 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-699px, 0, 0);
            transform: translate3d(-699px, 0, 0);
  }
}

.footer-star .layer:nth-child(3) {
  -webkit-animation: twinkle 3.5s ease-in infinite alternate, layer-3 195s linear infinite;
          animation: twinkle 3.5s ease-in infinite alternate, layer-3 195s linear infinite;
  background-image: url("../img/layer3.png");
}

@-webkit-keyframes layer-4 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-480px, 0, 0);
            transform: translate3d(-480px, 0, 0);
  }
}

@keyframes layer-4 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-480px, 0, 0);
            transform: translate3d(-480px, 0, 0);
  }
}

.footer-star .layer:nth-child(4) {
  -webkit-animation: twinkle 4s ease-in -2s infinite alternate, layer-4 134s linear infinite;
          animation: twinkle 4s ease-in -2s infinite alternate, layer-4 134s linear infinite;
  background-image: url("../img/layer4.png");
}

@-webkit-keyframes layer-5 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-486px, 0, 0);
            transform: translate3d(-486px, 0, 0);
  }
}

@keyframes layer-5 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-486px, 0, 0);
            transform: translate3d(-486px, 0, 0);
  }
}

.footer-star .layer:nth-child(5) {
  -webkit-animation: twinkle 5.5s ease-in infinite alternate, layer-5 136s linear infinite;
          animation: twinkle 5.5s ease-in infinite alternate, layer-5 136s linear infinite;
  background-image: url("../img/layer5.png");
}

@-webkit-keyframes shooting-star {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-270px, 180px, 0);
            transform: translate3d(-270px, 180px, 0);
  }
}

@keyframes shooting-star {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-270px, 180px, 0);
            transform: translate3d(-270px, 180px, 0);
  }
}

.footer-star:after {
  -webkit-animation: 500ms linear 2.5s shooting-star;
          animation: 500ms linear 2.5s shooting-star;
  background-image: url("../img/layer6.png");
  background-size: 4.5rem 3.125rem;
  content: ' ';
  height: 3.125rem;
  left: 80%;
  position: absolute;
  top: -3.125rem;
  width: 4.5rem;
  z-index: 100;
}

.footer-star .img-1 {
  padding: 3rem 0  0;
}

.footer-star .img-2 {
  position: absolute;
  left: 16rem;
  bottom: -2rem;
}

@media (max-width: 768px) {
  .footer-star .img-1 {
    width: 10rem;
  }
  .footer-star .img-2 {
    width: 10rem;
  }
}

.footer {
  background-color: #0D1422;
  color: #fff;
}

.footer:before {
  content: '';
  background: url("../img/footer-1.svg") center center;
  background-size: cover;
  height: 3.125rem;
  width: 100%;
  position: absolute;
  left: 0;
  top: -3rem;
}

.footer-list li {
  margin: 1.5rem 0;
  font-size: 0.875rem;
}

.footer-list li i {
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 1rem;
  color: #6FF6F6;
}

.aplus {
  width: 125px;
}

.another-links {
  border-bottom: rgba(237, 240, 240, 0.3) 2px solid;
  padding-bottom: 0.25rem;
}

.another-links li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1rem 0 0;
}

.another-links li:not(:last-child):after {
  content: '';
  width: 1px;
  height: 80%;
  background-color: rgba(237, 240, 240, 0.3);
  position: absolute;
  top: 50%;
  right: .25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.another-links li a {
  color: #fff;
  white-space: nowrap;
}

.another-links li a:hover {
  color: #3FEDEC;
}

.copyright {
  background-color: #343A40;
  color: #fff;
  font-size: 0.875rem;
  padding: 1.25rem;
  text-align: center;
}

@media (max-width: 992px) {
  .list-contact {
    padding-top: 3rem;
  }
  .another-links {
    padding-top: 2rem;
  }
  footer iframe {
    padding-top: 2rem;
  }
}

@media (max-width: 576px) {
  .list-contact {
    padding-top: 1rem;
  }
  .another-links {
    padding-top: 1rem;
  }
  footer iframe {
    padding-top: 1rem;
  }
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Alerts
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.alert--block {
  border: 1px solid transparent;
  font-size: 0.8125rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.125rem;
}

.alert--block i {
  vertical-align: middle;
}

.alert--block font {
  vertical-align: middle;
}

.alert--block .close {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
  color: #343A40;
  cursor: pointer;
  font-size: 1.125rem;
}

.alert--block .close:hover {
  color: rgba(52, 58, 64, 0.7);
}

.alert--primary {
  color: #31676e;
  background: #e7f9fb -webkit-gradient(linear, left top, left bottom, from(#ebfafc), to(#e7f9fb)) repeat-x;
  background: #e7f9fb linear-gradient(180deg, #ebfafc, #e7f9fb) repeat-x;
  border-color: #e7f9fb;
}

.alert--primary hr {
  border-top-color: #d1f4f7;
}

.alert--primary a {
  color: #31676e;
  text-decoration: underline;
}

.alert--primary a:hover {
  color: #21464b;
}

.alert--secondary {
  color: #754e5d;
  background: #fef0f5 -webkit-gradient(linear, left top, left bottom, from(#fef2f7), to(#fef0f5)) repeat-x;
  background: #fef0f5 linear-gradient(180deg, #fef2f7, #fef0f5) repeat-x;
  border-color: #fef0f5;
}

.alert--secondary hr {
  border-top-color: #fcd8e5;
}

.alert--secondary a {
  color: #754e5d;
  text-decoration: underline;
}

.alert--secondary a:hover {
  color: #563a45;
}

.alert--success {
  color: #306d5c;
  background: #e7faf5 -webkit-gradient(linear, left top, left bottom, from(#ebfbf7), to(#e7faf5)) repeat-x;
  background: #e7faf5 linear-gradient(180deg, #ebfbf7, #e7faf5) repeat-x;
  border-color: #e7faf5;
}

.alert--success hr {
  border-top-color: #d2f6ec;
}

.alert--success a {
  color: #306d5c;
  text-decoration: underline;
}

.alert--success a:hover {
  color: #204a3e;
}

.alert--danger {
  color: #724444;
  background: #fdeded -webkit-gradient(linear, left top, left bottom, from(#fdf0f0), to(#fdeded)) repeat-x;
  background: #fdeded linear-gradient(180deg, #fdf0f0, #fdeded) repeat-x;
  border-color: #fdeded;
}

.alert--danger hr {
  border-top-color: #fad6d6;
}

.alert--danger a {
  color: #724444;
  text-decoration: underline;
}

.alert--danger a:hover {
  color: #523131;
}

.alert--warning {
  color: #786146;
  background: #fff6ed -webkit-gradient(linear, left top, left bottom, from(#fff7f0), to(#fff6ed)) repeat-x;
  background: #fff6ed linear-gradient(180deg, #fff7f0, #fff6ed) repeat-x;
  border-color: #fff6ed;
}

.alert--warning hr {
  border-top-color: #ffe9d4;
}

.alert--warning a {
  color: #786146;
  text-decoration: underline;
}

.alert--warning a:hover {
  color: #584733;
}

.alert--info {
  color: #1c4e77;
  background: #e0f0fe -webkit-gradient(linear, left top, left bottom, from(#e5f2fe), to(#e0f0fe)) repeat-x;
  background: #e0f0fe linear-gradient(180deg, #e5f2fe, #e0f0fe) repeat-x;
  border-color: #e0f0fe;
}

.alert--info hr {
  border-top-color: #c7e4fd;
}

.alert--info a {
  color: #1c4e77;
  text-decoration: underline;
}

.alert--info a:hover {
  color: #12334e;
}

.alert--dark {
  color: #2f3436;
  background: #e7e7e8 -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#e7e7e8)) repeat-x;
  background: #e7e7e8 linear-gradient(180deg, #ebebeb, #e7e7e8) repeat-x;
  border-color: #e7e7e8;
}

.alert--dark hr {
  border-top-color: #dadadc;
}

.alert--dark a {
  color: #2f3436;
  text-decoration: underline;
}

.alert--dark a:hover {
  color: #171a1b;
}

.alert--grey {
  color: #4c5255;
  background: #f0f1f2 -webkit-gradient(linear, left top, left bottom, from(#f2f3f4), to(#f0f1f2)) repeat-x;
  background: #f0f1f2 linear-gradient(180deg, #f2f3f4, #f0f1f2) repeat-x;
  border-color: #f0f1f2;
}

.alert--grey hr {
  border-top-color: #e2e4e6;
}

.alert--grey a {
  color: #4c5255;
  text-decoration: underline;
}

.alert--grey a:hover {
  color: #34383a;
}

.alert--lightgrey {
  color: #636768;
  background: #f8f9f9 -webkit-gradient(linear, left top, left bottom, from(#f9fafa), to(#f8f9f9)) repeat-x;
  background: #f8f9f9 linear-gradient(180deg, #f9fafa, #f8f9f9) repeat-x;
  border-color: #f8f9f9;
}

.alert--lightgrey hr {
  border-top-color: #eaeded;
}

.alert--lightgrey a {
  color: #636768;
  text-decoration: underline;
}

.alert--lightgrey a:hover {
  color: #4a4d4e;
}

.alert--light {
  color: #6c7071;
  background: #fbfcfc -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#fbfcfc)) repeat-x;
  background: #fbfcfc linear-gradient(180deg, #fcfcfc, #fbfcfc) repeat-x;
  border-color: #fbfcfc;
}

.alert--light hr {
  border-top-color: #ecf1f1;
}

.alert--light a {
  color: #6c7071;
  text-decoration: underline;
}

.alert--light a:hover {
  color: #535657;
}

.alert--black {
  color: #2c3031;
  background: #e6e6e6 -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#e6e6e6)) repeat-x;
  background: #e6e6e6 linear-gradient(180deg, #eaeaea, #e6e6e6) repeat-x;
  border-color: #e6e6e6;
}

.alert--black hr {
  border-top-color: #d9d9d9;
}

.alert--black a {
  color: #2c3031;
  text-decoration: underline;
}

.alert--black a:hover {
  color: #141616;
}

.alert--watergrey {
  color: #686c6d;
  background: #fafafa -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)) repeat-x;
  background: #fafafa linear-gradient(180deg, #fbfbfb, #fafafa) repeat-x;
  border-color: #fafafa;
}

.alert--watergrey hr {
  border-top-color: #ededed;
}

.alert--watergrey a {
  color: #686c6d;
  text-decoration: underline;
}

.alert--watergrey a:hover {
  color: #4f5253;
}

.alert--facebook {
  color: #313f56;
  background: #e7ebf3 -webkit-gradient(linear, left top, left bottom, from(#ebeef5), to(#e7ebf3)) repeat-x;
  background: #e7ebf3 linear-gradient(180deg, #ebeef5, #e7ebf3) repeat-x;
  border-color: #e7ebf3;
}

.alert--facebook hr {
  border-top-color: #d6ddeb;
}

.alert--facebook a {
  color: #313f56;
  text-decoration: underline;
}

.alert--facebook a:hover {
  color: #1e2736;
}

.alert--twitter {
  color: #275976;
  background: #e4f4fd -webkit-gradient(linear, left top, left bottom, from(#e8f6fd), to(#e4f4fd)) repeat-x;
  background: #e4f4fd linear-gradient(180deg, #e8f6fd, #e4f4fd) repeat-x;
  border-color: #e4f4fd;
}

.alert--twitter hr {
  border-top-color: #cceafb;
}

.alert--twitter a {
  color: #275976;
  text-decoration: underline;
}

.alert--twitter a:hover {
  color: #1a3c50;
}

.alert--google-plus {
  color: #6c3a34;
  background: #fbe9e7 -webkit-gradient(linear, left top, left bottom, from(#fceceb), to(#fbe9e7)) repeat-x;
  background: #fbe9e7 linear-gradient(180deg, #fceceb, #fbe9e7) repeat-x;
  border-color: #fbe9e7;
}

.alert--google-plus hr {
  border-top-color: #f7d5d1;
}

.alert--google-plus a {
  color: #6c3a34;
  text-decoration: underline;
}

.alert--google-plus a:hover {
  color: #4a2823;
}

.alert--instagram {
  color: #6e3642;
  background: #fce8ec -webkit-gradient(linear, left top, left bottom, from(#fcebef), to(#fce8ec)) repeat-x;
  background: #fce8ec linear-gradient(180deg, #fcebef, #fce8ec) repeat-x;
  border-color: #fce8ec;
}

.alert--instagram hr {
  border-top-color: #f9d1d9;
}

.alert--instagram a {
  color: #6e3642;
  text-decoration: underline;
}

.alert--instagram a:hover {
  color: #4c252d;
}

.alert--pinterest {
  color: #602229;
  background: #f7e1e4 -webkit-gradient(linear, left top, left bottom, from(#f8e6e8), to(#f7e1e4)) repeat-x;
  background: #f7e1e4 linear-gradient(180deg, #f8e6e8, #f7e1e4) repeat-x;
  border-color: #f7e1e4;
}

.alert--pinterest hr {
  border-top-color: #f2cdd2;
}

.alert--pinterest a {
  color: #602229;
  text-decoration: underline;
}

.alert--pinterest a:hover {
  color: #3a1519;
}

.alert--youtube {
  color: #662a2b;
  background: #f9e4e4 -webkit-gradient(linear, left top, left bottom, from(#fae8e8), to(#f9e4e4)) repeat-x;
  background: #f9e4e4 linear-gradient(180deg, #fae8e8, #f9e4e4) repeat-x;
  border-color: #f9e4e4;
}

.alert--youtube hr {
  border-top-color: #f4cfcf;
}

.alert--youtube a {
  color: #662a2b;
  text-decoration: underline;
}

.alert--youtube a:hover {
  color: #421b1c;
}

.alert--slack {
  color: #315e4f;
  background: #e7f5f0 -webkit-gradient(linear, left top, left bottom, from(#ebf7f2), to(#e7f5f0)) repeat-x;
  background: #e7f5f0 linear-gradient(180deg, #ebf7f2, #e7f5f0) repeat-x;
  border-color: #e7f5f0;
}

.alert--slack hr {
  border-top-color: #d5eee5;
}

.alert--slack a {
  color: #315e4f;
  text-decoration: underline;
}

.alert--slack a:hover {
  color: #203c33;
}

.alert--dribbble {
  color: #703a51;
  background: #fceaf1 -webkit-gradient(linear, left top, left bottom, from(#fcedf3), to(#fceaf1)) repeat-x;
  background: #fceaf1 linear-gradient(180deg, #fcedf3, #fceaf1) repeat-x;
  border-color: #fceaf1;
}

.alert--dribbble hr {
  border-top-color: #f9d4e2;
}

.alert--dribbble a {
  color: #703a51;
  text-decoration: underline;
}

.alert--dribbble a:hover {
  color: #4e2939;
}

.alert--dropbox {
  color: #27537b;
  background: #e4f2ff -webkit-gradient(linear, left top, left bottom, from(#e8f4ff), to(#e4f2ff)) repeat-x;
  background: #e4f2ff linear-gradient(180deg, #e8f4ff, #e4f2ff) repeat-x;
  border-color: #e4f2ff;
}

.alert--dropbox hr {
  border-top-color: #cbe6ff;
}

.alert--dropbox a {
  color: #27537b;
  text-decoration: underline;
}

.alert--dropbox a:hover {
  color: #1b3954;
}

.alert--twitch {
  color: #37324c;
  background: #e9e7ef -webkit-gradient(linear, left top, left bottom, from(#ecebf1), to(#e9e7ef)) repeat-x;
  background: #e9e7ef linear-gradient(180deg, #ecebf1, #e9e7ef) repeat-x;
  border-color: #e9e7ef;
}

.alert--twitch hr {
  border-top-color: #dbd8e5;
}

.alert--twitch a {
  color: #37324c;
  text-decoration: underline;
}

.alert--twitch a:hover {
  color: #211e2d;
}

.alert--paypal {
  color: #715f2f;
  background: #fdf6e6 -webkit-gradient(linear, left top, left bottom, from(#fdf7ea), to(#fdf6e6)) repeat-x;
  background: #fdf6e6 linear-gradient(180deg, #fdf7ea, #fdf6e6) repeat-x;
  border-color: #fdf6e6;
}

.alert--paypal hr {
  border-top-color: #fbeece;
}

.alert--paypal a {
  color: #715f2f;
  text-decoration: underline;
}

.alert--paypal a:hover {
  color: #4d4120;
}

.alert--behance {
  color: #1c3e7b;
  background: #e0ebff -webkit-gradient(linear, left top, left bottom, from(#e5eeff), to(#e0ebff)) repeat-x;
  background: #e0ebff linear-gradient(180deg, #e5eeff, #e0ebff) repeat-x;
  border-color: #e0ebff;
}

.alert--behance hr {
  border-top-color: #c7dbff;
}

.alert--behance a {
  color: #1c3e7b;
  text-decoration: underline;
}

.alert--behance a:hover {
  color: #132951;
}

.alert--reddit {
  color: #70372c;
  background: #fce9e4 -webkit-gradient(linear, left top, left bottom, from(#fcece8), to(#fce9e4)) repeat-x;
  background: #fce9e4 linear-gradient(180deg, #fcece8, #fce9e4) repeat-x;
  border-color: #fce9e4;
}

.alert--reddit hr {
  border-top-color: #f9d6cd;
}

.alert--reddit a {
  color: #70372c;
  text-decoration: underline;
}

.alert--reddit a:hover {
  color: #4b251e;
}

.alert--github {
  color: #282b2c;
  background: #e4e4e4 -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e4e4e4)) repeat-x;
  background: #e4e4e4 linear-gradient(180deg, #e8e8e8, #e4e4e4) repeat-x;
  border-color: #e4e4e4;
}

.alert--github hr {
  border-top-color: #d7d7d7;
}

.alert--github a {
  color: #282b2c;
  text-decoration: underline;
}

.alert--github a:hover {
  color: #101111;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Backgrounds
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg--primary {
  background-color: #3BC9DB;
}

.bg--secondary {
  background-color: #F783AC;
}

.bg--success {
  background-color: #38D9A9;
}

.bg--danger {
  background-color: #EF6866;
}

.bg--warning {
  background-color: #FFB76B;
}

.bg--info {
  background-color: #0084F4;
}

.bg--dark {
  background-color: #343A40;
}

.bg--grey {
  background-color: #868E96;
}

.bg--lightgrey {
  background-color: #C5C9CA;
}

.bg--light {
  background-color: #dfe2e3;
}

.bg--black {
  background-color: #2C3031;
}

.bg--watergrey {
  background-color: #D2D6D7;
}

.bg--white {
  background-color: #fff;
}

.bg--default {
  background-color: #F5FDFE;
}

.bg--grey-100 {
  background-color: #fafbfb;
}

.bg--grey-200 {
  background-color: #edeeef;
}

.bg--grey-300 {
  background-color: #dfe2e3;
}

.bg--grey-400 {
  background-color: #c5c9ca;
}

.bg--grey-500 {
  background-color: #aab1b2;
}

.bg--grey-600 {
  background-color: #8f989a;
}

.bg--grey-700 {
  background-color: #747f82;
}

.bg--grey-800 {
  background-color: #5c6567;
}

.bg--grey-900 {
  background-color: #444a4c;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Badges
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.badge {
  border-radius: 2px;
  color: #fff;
  font-size: 0.75rem;
  padding: .125rem .375rem;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.badge.badge--primary {
  color: #fff;
  background-color: #3BC9DB;
}

a.badge.badge--primary:hover, a.badge.badge--primary:focus {
  color: #fff;
  background-color: #23aec0;
}

a.badge.badge--primary:focus, a.badge.badge--primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(59, 201, 219, 0.5);
          box-shadow: 0 0 0 1px rgba(59, 201, 219, 0.5);
}

.badge.badge--secondary {
  color: #fff;
  background-color: #F783AC;
}

a.badge.badge--secondary:hover, a.badge.badge--secondary:focus {
  color: #fff;
  background-color: #f4538c;
}

a.badge.badge--secondary:focus, a.badge.badge--secondary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
          box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
}

.badge.badge--success {
  color: #fff;
  background-color: #38D9A9;
}

a.badge.badge--success:hover, a.badge.badge--success:focus {
  color: #fff;
  background-color: #24ba8d;
}

a.badge.badge--success:focus, a.badge.badge--success.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(56, 217, 169, 0.5);
          box-shadow: 0 0 0 1px rgba(56, 217, 169, 0.5);
}

.badge.badge--danger {
  color: #fff;
  background-color: #EF6866;
}

a.badge.badge--danger:hover, a.badge.badge--danger:focus {
  color: #fff;
  background-color: #ea3a38;
}

a.badge.badge--danger:focus, a.badge.badge--danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(239, 104, 102, 0.5);
          box-shadow: 0 0 0 1px rgba(239, 104, 102, 0.5);
}

.badge.badge--warning {
  color: #fff;
  background-color: #FFB76B;
}

a.badge.badge--warning:hover, a.badge.badge--warning:focus {
  color: #fff;
  background-color: #ff9e38;
}

a.badge.badge--warning:focus, a.badge.badge--warning.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 183, 107, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 183, 107, 0.5);
}

.badge.badge--info {
  color: #fff;
  background-color: #0084F4;
}

a.badge.badge--info:hover, a.badge.badge--info:focus {
  color: #fff;
  background-color: #0068c1;
}

a.badge.badge--info:focus, a.badge.badge--info.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 132, 244, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 132, 244, 0.5);
}

.badge.badge--dark {
  color: #fff;
  background-color: #343A40;
}

a.badge.badge--dark:hover, a.badge.badge--dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge.badge--dark:focus, a.badge.badge--dark.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.5);
}

.badge.badge--grey {
  color: #fff;
  background-color: #868E96;
}

a.badge.badge--grey:hover, a.badge.badge--grey:focus {
  color: #fff;
  background-color: #6c757d;
}

a.badge.badge--grey:focus, a.badge.badge--grey.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(134, 142, 150, 0.5);
          box-shadow: 0 0 0 1px rgba(134, 142, 150, 0.5);
}

.badge.badge--lightgrey {
  color: #fff;
  background-color: #C5C9CA;
}

a.badge.badge--lightgrey:hover, a.badge.badge--lightgrey:focus {
  color: #fff;
  background-color: #aab0b2;
}

a.badge.badge--lightgrey:focus, a.badge.badge--lightgrey.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(197, 201, 202, 0.5);
          box-shadow: 0 0 0 1px rgba(197, 201, 202, 0.5);
}

.badge.badge--light {
  color: #444a4c;
  background-color: #dfe2e3;
}

a.badge.badge--light:hover, a.badge.badge--light:focus {
  color: #444a4c;
  background-color: #c4c9cb;
}

a.badge.badge--light:focus, a.badge.badge--light.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(223, 226, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(223, 226, 227, 0.5);
}

.badge.badge--black {
  color: #fff;
  background-color: #2C3031;
}

a.badge.badge--black:hover, a.badge.badge--black:focus {
  color: #fff;
  background-color: #141616;
}

a.badge.badge--black:focus, a.badge.badge--black.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(44, 48, 49, 0.5);
          box-shadow: 0 0 0 1px rgba(44, 48, 49, 0.5);
}

.badge.badge--default {
  color: #444a4c;
  background-color: #F5FDFE;
}

a.badge.badge--default:hover, a.badge.badge--default:focus {
  color: #444a4c;
  background-color: #c7f4f9;
}

a.badge.badge--default:focus, a.badge.badge--default.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(245, 253, 254, 0.5);
          box-shadow: 0 0 0 1px rgba(245, 253, 254, 0.5);
}

.badge.badge--watergrey {
  color: #444a4c;
  background-color: #D2D6D7;
}

a.badge.badge--watergrey:hover, a.badge.badge--watergrey:focus {
  color: #444a4c;
  background-color: #b7bdbf;
}

a.badge.badge--watergrey:focus, a.badge.badge--watergrey.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(210, 214, 215, 0.5);
          box-shadow: 0 0 0 1px rgba(210, 214, 215, 0.5);
}

/*------------------------------------
  Border Width
------------------------------------*/
.brd-w--0 {
  border-width: 0 !important;
}

.brd-w--1 {
  border-width: 1px !important;
}

.brd-w--2 {
  border-width: 2px !important;
}

.brd-w--3 {
  border-width: 3px !important;
}

.brd-w--3--before::before {
  border-width: 3px !important;
}

.brd-w--3--before--active.active::before {
  border-width: 3px !important;
}

.brd-w--4 {
  border-width: 4px !important;
}

.brd-w--5 {
  border-width: 5px !important;
}

.brd-w--6 {
  border-width: 6px !important;
}

.brd-w--7 {
  border-width: 7px !important;
}

.brd-w--10 {
  border-width: 10px !important;
}

.brd-w--12 {
  border-width: 12px !important;
}

.brd-w--top-0 {
  border-top-width: 0 !important;
}

.brd-w--top-2 {
  border-top-width: 2px !important;
}

.brd-w--top-3 {
  border-top-width: 3px !important;
}

.brd-w--top-5 {
  border-top-width: 5px !important;
}

.brd-w--bottom-0 {
  border-bottom-width: 0 !important;
}

.brd-w--bottom-2 {
  border-bottom-width: 2px !important;
}

.brd-w--bottom-2--hover:hover {
  border-bottom-width: 2px !important;
}

.parent:hover .brd-w--bottom-2--parent-hover {
  border-bottom-width: 2px !important;
}

.brd-w--bottom-5 {
  border-bottom-width: 5px !important;
}

.brd-w--left-0 {
  border-left-width: 0 !important;
}

.brd-w--left-1 {
  border-left-width: 1px !important;
}

.brd-w--left-2 {
  border-left-width: 2px !important;
}

.brd-w--left-3 {
  border-left-width: 3px !important;
}

.brd-w--left-4 {
  border-left-width: 4px !important;
}

.brd-w--right-0 {
  border-right-width: 0 !important;
}

.brd-w--right-1 {
  border-right-width: 1px !important;
}

.brd-w--right-2 {
  border-right-width: 2px !important;
}

.brd-w--right-3 {
  border-right-width: 3px !important;
}

.brd-w--right-4 {
  border-right-width: 4px !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > BoxShadows
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.shd-none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shd-betw:after {
  content: '';
  width: 50%;
  max-width: 22rem;
  -webkit-box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
          box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 1rem;
  left: .375rem;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.shd-betw:before {
  content: '';
  width: 50%;
  max-width: 22rem;
  -webkit-box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
          box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 1rem;
  right: .375rem;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}

.shd-lt:before {
  content: '';
  width: 50%;
  max-width: 22rem;
  -webkit-box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
          box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 1rem;
  left: .375rem;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.shd-rt:after {
  content: '';
  width: 50%;
  max-width: 22rem;
  -webkit-box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
          box-shadow: 0 1rem 0.625rem rgba(44, 48, 49, 0.36);
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 1rem;
  right: .375rem;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}

.shd--ver_1 {
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(52, 58, 64, 0.04);
          box-shadow: 0 0.25rem 0.5rem rgba(52, 58, 64, 0.04);
}

.shd--ver_2 {
  -webkit-box-shadow: -0.75rem -0.75rem 0.75rem 0 rgba(255, 255, 255, 0.6), 12px 12px 12px 0 rgba(52, 58, 64, 0.03);
          box-shadow: -0.75rem -0.75rem 0.75rem 0 rgba(255, 255, 255, 0.6), 12px 12px 12px 0 rgba(52, 58, 64, 0.03);
}

.shd--ver_3 {
  -webkit-box-shadow: 0 0.3125rem 0.625rem -0.375rem rgba(52, 58, 64, 0.1);
          box-shadow: 0 0.3125rem 0.625rem -0.375rem rgba(52, 58, 64, 0.1);
}

.shd--ver_4 {
  -webkit-box-shadow: 0 0.5rem 2.125rem rgba(52, 58, 64, 0.03), 0 0.9375rem 1.375rem rgba(52, 58, 64, 0.03), 0 0.25rem 0.5rem rgba(52, 58, 64, 0.05), 0 0.125rem 0.1875rem rgba(52, 58, 64, 0.03);
          box-shadow: 0 0.5rem 2.125rem rgba(52, 58, 64, 0.03), 0 0.9375rem 1.375rem rgba(52, 58, 64, 0.03), 0 0.25rem 0.5rem rgba(52, 58, 64, 0.05), 0 0.125rem 0.1875rem rgba(52, 58, 64, 0.03);
}

.shd--ver_5 {
  -webkit-box-shadow: 0 0.5rem 1.25rem 0 rgba(52, 58, 64, 0.1);
          box-shadow: 0 0.5rem 1.25rem 0 rgba(52, 58, 64, 0.1);
}

.shd--ver_6 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(52, 58, 64, 0.1);
          box-shadow: 0 0.125rem 0.25rem rgba(52, 58, 64, 0.1);
}

.shd--ver_7 {
  -webkit-box-shadow: 0 0.75rem 0.75rem 0.0375rem rgba(52, 58, 64, 0.1);
          box-shadow: 0 0.75rem 0.75rem 0.0375rem rgba(52, 58, 64, 0.1);
}

.shd--ver_8 {
  -webkit-box-shadow: 0 1rem 3rem rgba(52, 58, 64, 0.1);
          box-shadow: 0 1rem 3rem rgba(52, 58, 64, 0.1);
}

.shd--ver_9 {
  -webkit-box-shadow: 0 0.1875rem 0.625rem 0 rgba(52, 58, 64, 0.1);
          box-shadow: 0 0.1875rem 0.625rem 0 rgba(52, 58, 64, 0.1);
}

.shd--ver_10 {
  -webkit-box-shadow: 0 0.0625rem 0.9375rem 0.0625rem rgba(52, 58, 64, 0.07);
          box-shadow: 0 0.0625rem 0.9375rem 0.0625rem rgba(52, 58, 64, 0.07);
}

.shd--ver_11 {
  -webkit-box-shadow: -0.0625rem 0.5625rem 1.125rem 0 rgba(52, 58, 64, 0.1);
          box-shadow: -0.0625rem 0.5625rem 1.125rem 0 rgba(52, 58, 64, 0.1);
}

.shd--ver_12 {
  -webkit-box-shadow: 0 0.1875rem 0.625rem 0 rgba(52, 58, 64, 0.08);
          box-shadow: 0 0.1875rem 0.625rem 0 rgba(52, 58, 64, 0.08);
}

.shd--ver_13 {
  -webkit-box-shadow: 0 0.875rem 1.625rem -0.75rem rgba(52, 58, 64, 0.32), 0 0.25rem 1.4375rem 0 rgba(52, 58, 64, 0.12);
          box-shadow: 0 0.875rem 1.625rem -0.75rem rgba(52, 58, 64, 0.32), 0 0.25rem 1.4375rem 0 rgba(52, 58, 64, 0.12);
}

.shd--ver_14 {
  -webkit-box-shadow: 0 0 1.875rem 0 rgba(52, 58, 64, 0.18);
          box-shadow: 0 0 1.875rem 0 rgba(52, 58, 64, 0.18);
}

.shd--ver_15 {
  -webkit-box-shadow: 0 1.25rem 3.75rem 0 rgba(52, 58, 64, 0.1);
          box-shadow: 0 1.25rem 3.75rem 0 rgba(52, 58, 64, 0.1);
}

.shd--ver_16 {
  -webkit-box-shadow: 0 0 1.875rem rgba(52, 58, 64, 0.15);
          box-shadow: 0 0 1.875rem rgba(52, 58, 64, 0.15);
}

.shd--ver_17 {
  -webkit-box-shadow: 0 0 13px 0 rgba(52, 58, 64, 0.44);
          box-shadow: 0 0 13px 0 rgba(52, 58, 64, 0.44);
}

.shd--ver_18 {
  -webkit-box-shadow: 0 2px 1px 0 rgba(52, 58, 64, 0.12);
          box-shadow: 0 2px 1px 0 rgba(52, 58, 64, 0.12);
}

.shd--hv--ver_1 {
  -webkit-box-shadow: 0 2px 4px 0 rgba(52, 58, 64, 0.04);
          box-shadow: 0 2px 4px 0 rgba(52, 58, 64, 0.04);
}

.shd--hv--ver_1:hover {
  -webkit-box-shadow: 0 20px 40px 0 rgba(52, 58, 64, 0.08);
          box-shadow: 0 20px 40px 0 rgba(52, 58, 64, 0.08);
}

.shd--hv--ver_2 {
  -webkit-box-shadow: 13px 32px 36px -14px rgba(52, 58, 64, 0.1);
          box-shadow: 13px 32px 36px -14px rgba(52, 58, 64, 0.1);
}

.shd--hv--ver_2:hover {
  top: -2px;
  -webkit-box-shadow: 13px 32px 36px -14px rgba(52, 58, 64, 0.3);
          box-shadow: 13px 32px 36px -14px rgba(52, 58, 64, 0.3);
}

.shd--hv--ver_3 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(52, 58, 64, 0.08);
          box-shadow: 0 0.125rem 0.25rem rgba(52, 58, 64, 0.08);
}

.shd--hv--ver_3:hover {
  -webkit-box-shadow: 0 0.175rem 0.275rem rgba(52, 58, 64, 0.16);
          box-shadow: 0 0.175rem 0.275rem rgba(52, 58, 64, 0.16);
}

.shd--hv--ver_4 {
  -webkit-box-shadow: 0 20px 24px -12px rgba(52, 58, 64, 0.08);
          box-shadow: 0 20px 24px -12px rgba(52, 58, 64, 0.08);
}

.shd--hv--ver_4:hover {
  -webkit-box-shadow: 0 22px 28px -14px rgba(52, 58, 64, 0.15);
          box-shadow: 0 22px 28px -14px rgba(52, 58, 64, 0.15);
}

.shd--hv--ver_5 {
  -webkit-box-shadow: 0 3px 10px 0 rgba(52, 58, 64, 0.1);
          box-shadow: 0 3px 10px 0 rgba(52, 58, 64, 0.1);
}

.shd--hv--ver_5:hover {
  -webkit-box-shadow: 0 30px 60px 0 rgba(52, 58, 64, 0.1);
          box-shadow: 0 30px 60px 0 rgba(52, 58, 64, 0.1);
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Buttons
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn {
  background-color: #fafbfb;
  border: 1px solid #fafbfb;
  color: #5c6567;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 0.625rem 1.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn:hover:not(.btn--disabled) {
  color: #8f989a;
  text-decoration: none;
}

.btn:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(223, 224, 225, 0.5);
          box-shadow: 0 0 0 1px rgba(223, 224, 225, 0.5);
}

.btn.btn--disabled, .btn.disabled, .btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125);
  box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125);
}

.btn.btn--lg {
  padding: 1rem 3rem;
  font-size: 1rem;
  line-height: 1.75;
  border-radius: 2px;
}

.btn.btn--md {
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.75;
  border-radius: 2px;
}

.btn.btn--sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  border-radius: 2px;
}

.btn.btn--xs {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 2px;
}

.btn.btn--xxs {
  padding: 0.25rem 0.375rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 2px;
}

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

.btn.btn--block + .btn.btn-block {
  margin-top: 0.5rem;
}

.btn.btn--icon span {
  vertical-align: middle;
}

.btn.btn--icon i {
  vertical-align: middle;
  font-size: 125%;
  margin-right: .75rem;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.show > .btn.btn--border.dropdown-toggle {
  color: #2C3031;
  background-color: #fafbfb;
  border-color: #edeeef;
}

.btn.btn--primary {
  color: #fff;
  background: #3BC9DB -webkit-gradient(linear, left top, left bottom, from(#58d1e0), to(#3BC9DB)) repeat-x;
  background: #3BC9DB linear-gradient(180deg, #58d1e0, #3BC9DB) repeat-x;
  border-color: #3BC9DB;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--primary:hover:not(.btn--disabled) {
  color: #fff;
  background: #5bd2e1 -webkit-gradient(linear, left top, left bottom, from(#74d9e5), to(#5bd2e1)) repeat-x;
  background: #5bd2e1 linear-gradient(180deg, #74d9e5, #5bd2e1) repeat-x;
  border-color: #71d8e5;
}

.btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(88, 209, 224, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(88, 209, 224, 0.5);
}

.btn.btn--primary.btn--disabled, .btn.btn--primary.disabled, .btn.btn--primary:disabled {
  color: #fff;
  background-color: #3BC9DB;
  border-color: #fff;
  background-image: none;
}

.btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #71d8e5;
  background-image: none;
  border-color: #7cdbe7;
}

.btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(88, 209, 224, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(88, 209, 224, 0.5);
}

.btn.btn--secondary {
  color: #fff;
  background: #F783AC -webkit-gradient(linear, left top, left bottom, from(#f896b8), to(#F783AC)) repeat-x;
  background: #F783AC linear-gradient(180deg, #f896b8, #F783AC) repeat-x;
  border-color: #F783AC;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--secondary:hover:not(.btn--disabled) {
  color: #fff;
  background: #f9a7c4 -webkit-gradient(linear, left top, left bottom, from(#fab4cd), to(#f9a7c4)) repeat-x;
  background: #f9a7c4 linear-gradient(180deg, #fab4cd, #f9a7c4) repeat-x;
  border-color: #fbbfd4;
}

.btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(248, 150, 184, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(248, 150, 184, 0.5);
}

.btn.btn--secondary.btn--disabled, .btn.btn--secondary.disabled, .btn.btn--secondary:disabled {
  color: #fff;
  background-color: #F783AC;
  border-color: #fff;
  background-image: none;
}

.btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #fbbfd4;
  background-image: none;
  border-color: #fccbdc;
}

.btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(248, 150, 184, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(248, 150, 184, 0.5);
}

.btn.btn--success {
  color: #fff;
  background: #38D9A9 -webkit-gradient(linear, left top, left bottom, from(#56dfb6), to(#38D9A9)) repeat-x;
  background: #38D9A9 linear-gradient(180deg, #56dfb6, #38D9A9) repeat-x;
  border-color: #38D9A9;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--success:hover:not(.btn--disabled) {
  color: #fff;
  background: #58dfb7 -webkit-gradient(linear, left top, left bottom, from(#71e4c2), to(#58dfb7)) repeat-x;
  background: #58dfb7 linear-gradient(180deg, #71e4c2, #58dfb7) repeat-x;
  border-color: #6ee3c0;
}

.btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(86, 223, 182, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(86, 223, 182, 0.5);
}

.btn.btn--success.btn--disabled, .btn.btn--success.disabled, .btn.btn--success:disabled {
  color: #fff;
  background-color: #38D9A9;
  border-color: #fff;
  background-image: none;
}

.btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #6ee3c0;
  background-image: none;
  border-color: #78e5c5;
}

.btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(86, 223, 182, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(86, 223, 182, 0.5);
}

.btn.btn--danger {
  color: #fff;
  background: #EF6866 -webkit-gradient(linear, left top, left bottom, from(#f17f7d), to(#EF6866)) repeat-x;
  background: #EF6866 linear-gradient(180deg, #f17f7d, #EF6866) repeat-x;
  border-color: #EF6866;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--danger:hover:not(.btn--disabled) {
  color: #fff;
  background: #f38a89 -webkit-gradient(linear, left top, left bottom, from(#f49c9a), to(#f38a89)) repeat-x;
  background: #f38a89 linear-gradient(180deg, #f49c9a, #f38a89) repeat-x;
  border-color: #f5a1a0;
}

.btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(241, 127, 125, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(241, 127, 125, 0.5);
}

.btn.btn--danger.btn--disabled, .btn.btn--danger.disabled, .btn.btn--danger:disabled {
  color: #fff;
  background-color: #EF6866;
  border-color: #fff;
  background-image: none;
}

.btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f5a1a0;
  background-image: none;
  border-color: #f6acab;
}

.btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(241, 127, 125, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(241, 127, 125, 0.5);
}

.btn.btn--warning {
  color: #fff;
  background: #FFB76B -webkit-gradient(linear, left top, left bottom, from(#ffc281), to(#FFB76B)) repeat-x;
  background: #FFB76B linear-gradient(180deg, #ffc281, #FFB76B) repeat-x;
  border-color: #FFB76B;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--warning:hover:not(.btn--disabled) {
  color: #fff;
  background: #ffca91 -webkit-gradient(linear, left top, left bottom, from(#ffd2a2), to(#ffca91)) repeat-x;
  background: #ffca91 linear-gradient(180deg, #ffd2a2, #ffca91) repeat-x;
  border-color: #ffd6ab;
}

.btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(255, 194, 129, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(255, 194, 129, 0.5);
}

.btn.btn--warning.btn--disabled, .btn.btn--warning.disabled, .btn.btn--warning:disabled {
  color: #fff;
  background-color: #FFB76B;
  border-color: #fff;
  background-image: none;
}

.btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: #ffd6ab;
  background-image: none;
  border-color: #ffdcb8;
}

.btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(255, 194, 129, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(255, 194, 129, 0.5);
}

.btn.btn--info {
  color: #fff;
  background: #0084F4 -webkit-gradient(linear, left top, left bottom, from(#2696f6), to(#0084F4)) repeat-x;
  background: #0084F4 linear-gradient(180deg, #2696f6, #0084F4) repeat-x;
  border-color: #0084F4;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--info:hover:not(.btn--disabled) {
  color: #fff;
  background: #1b96ff -webkit-gradient(linear, left top, left bottom, from(#3da6ff), to(#1b96ff)) repeat-x;
  background: #1b96ff linear-gradient(180deg, #3da6ff, #1b96ff) repeat-x;
  border-color: #35a2ff;
}

.btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(38, 150, 246, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(38, 150, 246, 0.5);
}

.btn.btn--info.btn--disabled, .btn.btn--info.disabled, .btn.btn--info:disabled {
  color: #fff;
  background-color: #0084F4;
  border-color: #fff;
  background-image: none;
}

.btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #35a2ff;
  background-image: none;
  border-color: #42a8ff;
}

.btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(38, 150, 246, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(38, 150, 246, 0.5);
}

.btn.btn--dark {
  color: #fff;
  background: #343A40 -webkit-gradient(linear, left top, left bottom, from(#52585d), to(#343A40)) repeat-x;
  background: #343A40 linear-gradient(180deg, #52585d, #343A40) repeat-x;
  border-color: #343A40;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--dark:hover:not(.btn--disabled) {
  color: #fff;
  background: #454d55 -webkit-gradient(linear, left top, left bottom, from(#61686f), to(#454d55)) repeat-x;
  background: #454d55 linear-gradient(180deg, #61686f, #454d55) repeat-x;
  border-color: #515a63;
}

.btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(82, 88, 93, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(82, 88, 93, 0.5);
}

.btn.btn--dark.btn--disabled, .btn.btn--dark.disabled, .btn.btn--dark:disabled {
  color: #fff;
  background-color: #343A40;
  border-color: #fff;
  background-image: none;
}

.btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #515a63;
  background-image: none;
  border-color: #56606a;
}

.btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(82, 88, 93, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(82, 88, 93, 0.5);
}

.btn.btn--grey {
  color: #fff;
  background: #868E96 -webkit-gradient(linear, left top, left bottom, from(#989fa6), to(#868E96)) repeat-x;
  background: #868E96 linear-gradient(180deg, #989fa6, #868E96) repeat-x;
  border-color: #868E96;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--grey:hover:not(.btn--disabled) {
  color: #fff;
  background: #9aa1a8 -webkit-gradient(linear, left top, left bottom, from(#aaafb5), to(#9aa1a8)) repeat-x;
  background: #9aa1a8 linear-gradient(180deg, #aaafb5, #9aa1a8) repeat-x;
  border-color: #a8aeb4;
}

.btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(152, 159, 166, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(152, 159, 166, 0.5);
}

.btn.btn--grey.btn--disabled, .btn.btn--grey.disabled, .btn.btn--grey:disabled {
  color: #fff;
  background-color: #868E96;
  border-color: #fff;
  background-image: none;
}

.btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #a8aeb4;
  background-image: none;
  border-color: #afb4ba;
}

.btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(152, 159, 166, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(152, 159, 166, 0.5);
}

.btn.btn--lightgrey {
  color: #fff;
  background: #C5C9CA -webkit-gradient(linear, left top, left bottom, from(#ced1d2), to(#C5C9CA)) repeat-x;
  background: #C5C9CA linear-gradient(180deg, #ced1d2, #C5C9CA) repeat-x;
  border-color: #C5C9CA;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--lightgrey:hover:not(.btn--disabled) {
  color: #444a4c;
  background: #d9dcdc -webkit-gradient(linear, left top, left bottom, from(#dfe1e1), to(#d9dcdc)) repeat-x;
  background: #d9dcdc linear-gradient(180deg, #dfe1e1, #d9dcdc) repeat-x;
  border-color: #e6e8e8;
}

.btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(206, 209, 210, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(206, 209, 210, 0.5);
}

.btn.btn--lightgrey.btn--disabled, .btn.btn--lightgrey.disabled, .btn.btn--lightgrey:disabled {
  color: #fff;
  background-color: #C5C9CA;
  border-color: #fff;
  background-image: none;
}

.btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: #e6e8e8;
  background-image: none;
  border-color: #edeeef;
}

.btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(206, 209, 210, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(206, 209, 210, 0.5);
}

.btn.btn--light {
  color: #444a4c;
  background: #dfe2e3 -webkit-gradient(linear, left top, left bottom, from(#e4e6e7), to(#dfe2e3)) repeat-x;
  background: #dfe2e3 linear-gradient(180deg, #e4e6e7, #dfe2e3) repeat-x;
  border-color: #dfe2e3;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--light:hover:not(.btn--disabled) {
  color: #444a4c;
  background: #f3f4f5 -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#f3f4f5)) repeat-x;
  background: #f3f4f5 linear-gradient(180deg, #f5f6f6, #f3f4f5) repeat-x;
  border-color: white;
}

.btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(200, 203, 204, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(200, 203, 204, 0.5);
}

.btn.btn--light.btn--disabled, .btn.btn--light.disabled, .btn.btn--light:disabled {
  color: #444a4c;
  background-color: #dfe2e3;
  border-color: #fff;
  background-image: none;
}

.btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: white;
  background-image: none;
  border-color: white;
}

.btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(200, 203, 204, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(200, 203, 204, 0.5);
}

.btn.btn--black {
  color: #fff;
  background: #2C3031 -webkit-gradient(linear, left top, left bottom, from(#4c4f50), to(#2C3031)) repeat-x;
  background: #2C3031 linear-gradient(180deg, #4c4f50, #2C3031) repeat-x;
  border-color: #2C3031;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--black:hover:not(.btn--disabled) {
  color: #fff;
  background: #3e4445 -webkit-gradient(linear, left top, left bottom, from(#5b6061), to(#3e4445)) repeat-x;
  background: #3e4445 linear-gradient(180deg, #5b6061, #3e4445) repeat-x;
  border-color: #4a5153;
}

.btn.btn--black:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--black:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(76, 79, 80, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(76, 79, 80, 0.5);
}

.btn.btn--black.btn--disabled, .btn.btn--black.disabled, .btn.btn--black:disabled {
  color: #fff;
  background-color: #2C3031;
  border-color: #fff;
  background-image: none;
}

.btn.btn--black:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--black:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #4a5153;
  background-image: none;
  border-color: #505759;
}

.btn.btn--black:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--black:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(76, 79, 80, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(76, 79, 80, 0.5);
}

.btn.btn--watergrey {
  color: #444a4c;
  background: #D2D6D7 -webkit-gradient(linear, left top, left bottom, from(#d9dcdd), to(#D2D6D7)) repeat-x;
  background: #D2D6D7 linear-gradient(180deg, #d9dcdd, #D2D6D7) repeat-x;
  border-color: #D2D6D7;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--watergrey:hover:not(.btn--disabled) {
  color: #444a4c;
  background: #e6e8e9 -webkit-gradient(linear, left top, left bottom, from(#eaecec), to(#e6e8e9)) repeat-x;
  background: #e6e8e9 linear-gradient(180deg, #eaecec, #e6e8e9) repeat-x;
  border-color: #f4f5f5;
}

.btn.btn--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(189, 193, 194, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(189, 193, 194, 0.5);
}

.btn.btn--watergrey.btn--disabled, .btn.btn--watergrey.disabled, .btn.btn--watergrey:disabled {
  color: #444a4c;
  background-color: #D2D6D7;
  border-color: #fff;
  background-image: none;
}

.btn.btn--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: #f4f5f5;
  background-image: none;
  border-color: #fbfbfb;
}

.btn.btn--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(189, 193, 194, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(189, 193, 194, 0.5);
}

.btn.btn--facebook {
  color: #fff;
  background: #3b5999 -webkit-gradient(linear, left top, left bottom, from(#5872a8), to(#3b5999)) repeat-x;
  background: #3b5999 linear-gradient(180deg, #5872a8, #3b5999) repeat-x;
  border-color: #3b5999;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--facebook:hover:not(.btn--disabled) {
  color: #fff;
  background: #4669b5 -webkit-gradient(linear, left top, left bottom, from(#6180c0), to(#4669b5)) repeat-x;
  background: #4669b5 linear-gradient(180deg, #6180c0, #4669b5) repeat-x;
  border-color: #5677be;
}

.btn.btn--facebook:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--facebook:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(88, 114, 168, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(88, 114, 168, 0.5);
}

.btn.btn--facebook.btn--disabled, .btn.btn--facebook.disabled, .btn.btn--facebook:disabled {
  color: #fff;
  background-color: #3b5999;
  border-color: #fff;
  background-image: none;
}

.btn.btn--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5677be;
  background-image: none;
  border-color: #5f7ec1;
}

.btn.btn--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(88, 114, 168, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(88, 114, 168, 0.5);
}

.btn.btn--twitter {
  color: #fff;
  background: #1da1f2 -webkit-gradient(linear, left top, left bottom, from(#3faff4), to(#1da1f2)) repeat-x;
  background: #1da1f2 linear-gradient(180deg, #3faff4, #1da1f2) repeat-x;
  border-color: #1da1f2;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--twitter:hover:not(.btn--disabled) {
  color: #fff;
  background: #41b0f4 -webkit-gradient(linear, left top, left bottom, from(#5ebcf6), to(#41b0f4)) repeat-x;
  background: #41b0f4 linear-gradient(180deg, #5ebcf6, #41b0f4) repeat-x;
  border-color: #59baf5;
}

.btn.btn--twitter:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--twitter:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(63, 175, 244, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(63, 175, 244, 0.5);
}

.btn.btn--twitter.btn--disabled, .btn.btn--twitter.disabled, .btn.btn--twitter:disabled {
  color: #fff;
  background-color: #1da1f2;
  border-color: #fff;
  background-image: none;
}

.btn.btn--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #59baf5;
  background-image: none;
  border-color: #65bff6;
}

.btn.btn--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(63, 175, 244, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(63, 175, 244, 0.5);
}

.btn.btn--google-plus {
  color: #fff;
  background: #dd4b39 -webkit-gradient(linear, left top, left bottom, from(#e26657), to(#dd4b39)) repeat-x;
  background: #dd4b39 linear-gradient(180deg, #e26657, #dd4b39) repeat-x;
  border-color: #dd4b39;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--google-plus:hover:not(.btn--disabled) {
  color: #fff;
  background: #e3695a -webkit-gradient(linear, left top, left bottom, from(#e77f72), to(#e3695a)) repeat-x;
  background: #e3695a linear-gradient(180deg, #e77f72, #e3695a) repeat-x;
  border-color: #e67c6f;
}

.btn.btn--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(226, 102, 87, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(226, 102, 87, 0.5);
}

.btn.btn--google-plus.btn--disabled, .btn.btn--google-plus.disabled, .btn.btn--google-plus:disabled {
  color: #fff;
  background-color: #dd4b39;
  border-color: #fff;
  background-image: none;
}

.btn.btn--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #e67c6f;
  background-image: none;
  border-color: #e8867a;
}

.btn.btn--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(226, 102, 87, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(226, 102, 87, 0.5);
}

.btn.btn--instagram {
  color: #fff;
  background: #e4405f -webkit-gradient(linear, left top, left bottom, from(#e85d77), to(#e4405f)) repeat-x;
  background: #e4405f linear-gradient(180deg, #e85d77, #e4405f) repeat-x;
  border-color: #e4405f;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--instagram:hover:not(.btn--disabled) {
  color: #fff;
  background: #e9627b -webkit-gradient(linear, left top, left bottom, from(#ec798f), to(#e9627b)) repeat-x;
  background: #e9627b linear-gradient(180deg, #ec798f, #e9627b) repeat-x;
  border-color: #ec788e;
}

.btn.btn--instagram:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--instagram:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(232, 93, 119, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(232, 93, 119, 0.5);
}

.btn.btn--instagram.btn--disabled, .btn.btn--instagram.disabled, .btn.btn--instagram:disabled {
  color: #fff;
  background-color: #e4405f;
  border-color: #fff;
  background-image: none;
}

.btn.btn--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ec788e;
  background-image: none;
  border-color: #ed8397;
}

.btn.btn--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(232, 93, 119, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(232, 93, 119, 0.5);
}

.btn.btn--pinterest {
  color: #fff;
  background: #bd081c -webkit-gradient(linear, left top, left bottom, from(#c72d3e), to(#bd081c)) repeat-x;
  background: #bd081c linear-gradient(180deg, #c72d3e, #bd081c) repeat-x;
  border-color: #bd081c;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--pinterest:hover:not(.btn--disabled) {
  color: #fff;
  background: #e20a21 -webkit-gradient(linear, left top, left bottom, from(#e62e43), to(#e20a21)) repeat-x;
  background: #e20a21 linear-gradient(180deg, #e62e43, #e20a21) repeat-x;
  border-color: #f51029;
}

.btn.btn--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(199, 45, 62, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(199, 45, 62, 0.5);
}

.btn.btn--pinterest.btn--disabled, .btn.btn--pinterest.disabled, .btn.btn--pinterest:disabled {
  color: #fff;
  background-color: #bd081c;
  border-color: #fff;
  background-image: none;
}

.btn.btn--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f51029;
  background-image: none;
  border-color: #f51c34;
}

.btn.btn--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(199, 45, 62, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(199, 45, 62, 0.5);
}

.btn.btn--youtube {
  color: #fff;
  background: #cd201f -webkit-gradient(linear, left top, left bottom, from(#d54141), to(#cd201f)) repeat-x;
  background: #cd201f linear-gradient(180deg, #d54141, #cd201f) repeat-x;
  border-color: #cd201f;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--youtube:hover:not(.btn--disabled) {
  color: #fff;
  background: #e03332 -webkit-gradient(linear, left top, left bottom, from(#e55251), to(#e03332)) repeat-x;
  background: #e03332 linear-gradient(180deg, #e55251, #e03332) repeat-x;
  border-color: #e34948;
}

.btn.btn--youtube:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--youtube:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(213, 65, 65, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(213, 65, 65, 0.5);
}

.btn.btn--youtube.btn--disabled, .btn.btn--youtube.disabled, .btn.btn--youtube:disabled {
  color: #fff;
  background-color: #cd201f;
  border-color: #fff;
  background-image: none;
}

.btn.btn--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #e34948;
  background-image: none;
  border-color: #e55453;
}

.btn.btn--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(213, 65, 65, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(213, 65, 65, 0.5);
}

.btn.btn--slack {
  color: #fff;
  background: #3aaf85 -webkit-gradient(linear, left top, left bottom, from(#58bb97), to(#3aaf85)) repeat-x;
  background: #3aaf85 linear-gradient(180deg, #58bb97, #3aaf85) repeat-x;
  border-color: #3aaf85;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--slack:hover:not(.btn--disabled) {
  color: #fff;
  background: #4cc499 -webkit-gradient(linear, left top, left bottom, from(#67cca8), to(#4cc499)) repeat-x;
  background: #4cc499 linear-gradient(180deg, #67cca8, #4cc499) repeat-x;
  border-color: #5fcaa3;
}

.btn.btn--slack:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--slack:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(88, 187, 151, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(88, 187, 151, 0.5);
}

.btn.btn--slack.btn--disabled, .btn.btn--slack.disabled, .btn.btn--slack:disabled {
  color: #fff;
  background-color: #3aaf85;
  border-color: #fff;
  background-image: none;
}

.btn.btn--slack:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--slack:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5fcaa3;
  background-image: none;
  border-color: #68cda9;
}

.btn.btn--slack:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--slack:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(88, 187, 151, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(88, 187, 151, 0.5);
}

.btn.btn--dribbble {
  color: #fff;
  background: #ea4c89 -webkit-gradient(linear, left top, left bottom, from(#ed679b), to(#ea4c89)) repeat-x;
  background: #ea4c89 linear-gradient(180deg, #ed679b, #ea4c89) repeat-x;
  border-color: #ea4c89;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--dribbble:hover:not(.btn--disabled) {
  color: #fff;
  background: #ee6ea0 -webkit-gradient(linear, left top, left bottom, from(#f184ae), to(#ee6ea0)) repeat-x;
  background: #ee6ea0 linear-gradient(180deg, #f184ae, #ee6ea0) repeat-x;
  border-color: #f185af;
}

.btn.btn--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(237, 103, 155, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(237, 103, 155, 0.5);
}

.btn.btn--dribbble.btn--disabled, .btn.btn--dribbble.disabled, .btn.btn--dribbble:disabled {
  color: #fff;
  background-color: #ea4c89;
  border-color: #fff;
  background-image: none;
}

.btn.btn--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f185af;
  background-image: none;
  border-color: #f290b6;
}

.btn.btn--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(237, 103, 155, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(237, 103, 155, 0.5);
}

.btn.btn--dropbox {
  color: #fff;
  background: #1E90FF -webkit-gradient(linear, left top, left bottom, from(#40a1ff), to(#1E90FF)) repeat-x;
  background: #1E90FF linear-gradient(180deg, #40a1ff, #1E90FF) repeat-x;
  border-color: #1E90FF;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--dropbox:hover:not(.btn--disabled) {
  color: #fff;
  background: #44a3ff -webkit-gradient(linear, left top, left bottom, from(#60b1ff), to(#44a3ff)) repeat-x;
  background: #44a3ff linear-gradient(180deg, #60b1ff, #44a3ff) repeat-x;
  border-color: #5eafff;
}

.btn.btn--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(64, 161, 255, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(64, 161, 255, 0.5);
}

.btn.btn--dropbox.btn--disabled, .btn.btn--dropbox.disabled, .btn.btn--dropbox:disabled {
  color: #fff;
  background-color: #1E90FF;
  border-color: #fff;
  background-image: none;
}

.btn.btn--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5eafff;
  background-image: none;
  border-color: #6bb6ff;
}

.btn.btn--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(64, 161, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(64, 161, 255, 0.5);
}

.btn.btn--twitch {
  color: #fff;
  background: #4B367C -webkit-gradient(linear, left top, left bottom, from(#665490), to(#4B367C)) repeat-x;
  background: #4B367C linear-gradient(180deg, #665490, #4B367C) repeat-x;
  border-color: #4B367C;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--twitch:hover:not(.btn--disabled) {
  color: #fff;
  background: #5b4297 -webkit-gradient(linear, left top, left bottom, from(#745ea6), to(#5b4297)) repeat-x;
  background: #5b4297 linear-gradient(180deg, #745ea6, #5b4297) repeat-x;
  border-color: #6649a8;
}

.btn.btn--twitch:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--twitch:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(102, 84, 144, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(102, 84, 144, 0.5);
}

.btn.btn--twitch.btn--disabled, .btn.btn--twitch.disabled, .btn.btn--twitch:disabled {
  color: #fff;
  background-color: #4B367C;
  border-color: #fff;
  background-image: none;
}

.btn.btn--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #6649a8;
  background-image: none;
  border-color: #6b4db1;
}

.btn.btn--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(102, 84, 144, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(102, 84, 144, 0.5);
}

.btn.btn--paypal {
  color: #fff;
  background: #ecb32c -webkit-gradient(linear, left top, left bottom, from(#efbe4c), to(#ecb32c)) repeat-x;
  background: #ecb32c linear-gradient(180deg, #efbe4c, #ecb32c) repeat-x;
  border-color: #ecb32c;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--paypal:hover:not(.btn--disabled) {
  color: #fff;
  background: #efc04f -webkit-gradient(linear, left top, left bottom, from(#f2c969), to(#efc04f)) repeat-x;
  background: #efc04f linear-gradient(180deg, #f2c969, #efc04f) repeat-x;
  border-color: #f1c866;
}

.btn.btn--paypal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--paypal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(239, 190, 76, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(239, 190, 76, 0.5);
}

.btn.btn--paypal.btn--disabled, .btn.btn--paypal.disabled, .btn.btn--paypal:disabled {
  color: #fff;
  background-color: #ecb32c;
  border-color: #fff;
  background-image: none;
}

.btn.btn--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f1c866;
  background-image: none;
  border-color: #f2cc72;
}

.btn.btn--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(239, 190, 76, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(239, 190, 76, 0.5);
}

.btn.btn--behance {
  color: #fff;
  background: #0057ff -webkit-gradient(linear, left top, left bottom, from(#2670ff), to(#0057ff)) repeat-x;
  background: #0057ff linear-gradient(180deg, #2670ff, #0057ff) repeat-x;
  border-color: #0057ff;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--behance:hover:not(.btn--disabled) {
  color: #fff;
  background: #2670ff -webkit-gradient(linear, left top, left bottom, from(#4786ff), to(#2670ff)) repeat-x;
  background: #2670ff linear-gradient(180deg, #4786ff, #2670ff) repeat-x;
  border-color: #4081ff;
}

.btn.btn--behance:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--behance:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(38, 112, 255, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(38, 112, 255, 0.5);
}

.btn.btn--behance.btn--disabled, .btn.btn--behance.disabled, .btn.btn--behance:disabled {
  color: #fff;
  background-color: #0057ff;
  border-color: #fff;
  background-image: none;
}

.btn.btn--behance:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--behance:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #4081ff;
  background-image: none;
  border-color: #4d89ff;
}

.btn.btn--behance:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--behance:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(38, 112, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(38, 112, 255, 0.5);
}

.btn.btn--reddit {
  color: #fff;
  background: #E84422 -webkit-gradient(linear, left top, left bottom, from(#eb6043), to(#E84422)) repeat-x;
  background: #E84422 linear-gradient(180deg, #eb6043, #E84422) repeat-x;
  border-color: #E84422;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--reddit:hover:not(.btn--disabled) {
  color: #fff;
  background: #ec6145 -webkit-gradient(linear, left top, left bottom, from(#ef7961), to(#ec6145)) repeat-x;
  background: #ec6145 linear-gradient(180deg, #ef7961, #ec6145) repeat-x;
  border-color: #ee755c;
}

.btn.btn--reddit:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--reddit:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(235, 96, 67, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(235, 96, 67, 0.5);
}

.btn.btn--reddit.btn--disabled, .btn.btn--reddit.disabled, .btn.btn--reddit:disabled {
  color: #fff;
  background-color: #E84422;
  border-color: #fff;
  background-image: none;
}

.btn.btn--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ee755c;
  background-image: none;
  border-color: #ef7f67;
}

.btn.btn--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(235, 96, 67, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(235, 96, 67, 0.5);
}

.btn.btn--github {
  color: #fff;
  background: #222222 -webkit-gradient(linear, left top, left bottom, from(#434343), to(#222222)) repeat-x;
  background: #222222 linear-gradient(180deg, #434343, #222222) repeat-x;
  border-color: #222222;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075);
}

.btn.btn--github:hover:not(.btn--disabled) {
  color: #fff;
  background: #353535 -webkit-gradient(linear, left top, left bottom, from(#535353), to(#353535)) repeat-x;
  background: #353535 linear-gradient(180deg, #535353, #353535) repeat-x;
  border-color: #424242;
}

.btn.btn--github:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--github:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(67, 67, 67, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(44, 48, 49, 0.075), 0 0 0 1px rgba(67, 67, 67, 0.5);
}

.btn.btn--github.btn--disabled, .btn.btn--github.disabled, .btn.btn--github:disabled {
  color: #fff;
  background-color: #222222;
  border-color: #fff;
  background-image: none;
}

.btn.btn--github:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--github:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #424242;
  background-image: none;
  border-color: #484848;
}

.btn.btn--github:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--github:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(67, 67, 67, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(67, 67, 67, 0.5);
}

.btn.btn--shadow--primary {
  color: #fff;
  background: #3BC9DB -webkit-gradient(linear, left top, left bottom, from(#58d1e0), to(#3BC9DB)) repeat-x;
  background: #3BC9DB linear-gradient(180deg, #58d1e0, #3BC9DB) repeat-x;
  border-color: #3BC9DB;
  -webkit-box-shadow: 0 4px 12px 0 rgba(59, 201, 219, 0.66);
          box-shadow: 0 4px 12px 0 rgba(59, 201, 219, 0.66);
}

.btn.btn--shadow--primary:hover:not(.btn--disabled) {
  color: #fff;
  background: #5bd2e1 -webkit-gradient(linear, left top, left bottom, from(#74d9e5), to(#5bd2e1)) repeat-x;
  background: #5bd2e1 linear-gradient(180deg, #74d9e5, #5bd2e1) repeat-x;
  border-color: #71d8e5;
}

.btn.btn--shadow--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(59, 201, 219, 0.82);
          box-shadow: 0 6px 18px 0 rgba(59, 201, 219, 0.82);
}

.btn.btn--shadow--primary.btn--disabled, .btn.btn--shadow--primary.disabled, .btn.btn--shadow--primary:disabled {
  color: #fff;
  background-color: #3BC9DB;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--primary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #71d8e5;
  background-image: none;
  border-color: #7cdbe7;
}

.btn.btn--shadow--primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(59, 201, 219, 0.82);
          box-shadow: 0 6px 18px 0 rgba(59, 201, 219, 0.82);
}

.btn.btn--shadow--secondary {
  color: #fff;
  background: #F783AC -webkit-gradient(linear, left top, left bottom, from(#f896b8), to(#F783AC)) repeat-x;
  background: #F783AC linear-gradient(180deg, #f896b8, #F783AC) repeat-x;
  border-color: #F783AC;
  -webkit-box-shadow: 0 4px 12px 0 rgba(247, 131, 172, 0.66);
          box-shadow: 0 4px 12px 0 rgba(247, 131, 172, 0.66);
}

.btn.btn--shadow--secondary:hover:not(.btn--disabled) {
  color: #fff;
  background: #f9a7c4 -webkit-gradient(linear, left top, left bottom, from(#fab4cd), to(#f9a7c4)) repeat-x;
  background: #f9a7c4 linear-gradient(180deg, #fab4cd, #f9a7c4) repeat-x;
  border-color: #fbbfd4;
}

.btn.btn--shadow--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(247, 131, 172, 0.82);
          box-shadow: 0 6px 18px 0 rgba(247, 131, 172, 0.82);
}

.btn.btn--shadow--secondary.btn--disabled, .btn.btn--shadow--secondary.disabled, .btn.btn--shadow--secondary:disabled {
  color: #fff;
  background-color: #F783AC;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #fbbfd4;
  background-image: none;
  border-color: #fccbdc;
}

.btn.btn--shadow--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(247, 131, 172, 0.82);
          box-shadow: 0 6px 18px 0 rgba(247, 131, 172, 0.82);
}

.btn.btn--shadow--success {
  color: #fff;
  background: #38D9A9 -webkit-gradient(linear, left top, left bottom, from(#56dfb6), to(#38D9A9)) repeat-x;
  background: #38D9A9 linear-gradient(180deg, #56dfb6, #38D9A9) repeat-x;
  border-color: #38D9A9;
  -webkit-box-shadow: 0 4px 12px 0 rgba(56, 217, 169, 0.66);
          box-shadow: 0 4px 12px 0 rgba(56, 217, 169, 0.66);
}

.btn.btn--shadow--success:hover:not(.btn--disabled) {
  color: #fff;
  background: #58dfb7 -webkit-gradient(linear, left top, left bottom, from(#71e4c2), to(#58dfb7)) repeat-x;
  background: #58dfb7 linear-gradient(180deg, #71e4c2, #58dfb7) repeat-x;
  border-color: #6ee3c0;
}

.btn.btn--shadow--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(56, 217, 169, 0.82);
          box-shadow: 0 6px 18px 0 rgba(56, 217, 169, 0.82);
}

.btn.btn--shadow--success.btn--disabled, .btn.btn--shadow--success.disabled, .btn.btn--shadow--success:disabled {
  color: #fff;
  background-color: #38D9A9;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--success:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--success:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #6ee3c0;
  background-image: none;
  border-color: #78e5c5;
}

.btn.btn--shadow--success:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--success:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(56, 217, 169, 0.82);
          box-shadow: 0 6px 18px 0 rgba(56, 217, 169, 0.82);
}

.btn.btn--shadow--danger {
  color: #fff;
  background: #EF6866 -webkit-gradient(linear, left top, left bottom, from(#f17f7d), to(#EF6866)) repeat-x;
  background: #EF6866 linear-gradient(180deg, #f17f7d, #EF6866) repeat-x;
  border-color: #EF6866;
  -webkit-box-shadow: 0 4px 12px 0 rgba(239, 104, 102, 0.66);
          box-shadow: 0 4px 12px 0 rgba(239, 104, 102, 0.66);
}

.btn.btn--shadow--danger:hover:not(.btn--disabled) {
  color: #fff;
  background: #f38a89 -webkit-gradient(linear, left top, left bottom, from(#f49c9a), to(#f38a89)) repeat-x;
  background: #f38a89 linear-gradient(180deg, #f49c9a, #f38a89) repeat-x;
  border-color: #f5a1a0;
}

.btn.btn--shadow--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(239, 104, 102, 0.82);
          box-shadow: 0 6px 18px 0 rgba(239, 104, 102, 0.82);
}

.btn.btn--shadow--danger.btn--disabled, .btn.btn--shadow--danger.disabled, .btn.btn--shadow--danger:disabled {
  color: #fff;
  background-color: #EF6866;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--danger:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--danger:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f5a1a0;
  background-image: none;
  border-color: #f6acab;
}

.btn.btn--shadow--danger:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--danger:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(239, 104, 102, 0.82);
          box-shadow: 0 6px 18px 0 rgba(239, 104, 102, 0.82);
}

.btn.btn--shadow--warning {
  color: #fff;
  background: #FFB76B -webkit-gradient(linear, left top, left bottom, from(#ffc281), to(#FFB76B)) repeat-x;
  background: #FFB76B linear-gradient(180deg, #ffc281, #FFB76B) repeat-x;
  border-color: #FFB76B;
  -webkit-box-shadow: 0 4px 12px 0 rgba(255, 183, 107, 0.66);
          box-shadow: 0 4px 12px 0 rgba(255, 183, 107, 0.66);
}

.btn.btn--shadow--warning:hover:not(.btn--disabled) {
  color: #fff;
  background: #ffca91 -webkit-gradient(linear, left top, left bottom, from(#ffd2a2), to(#ffca91)) repeat-x;
  background: #ffca91 linear-gradient(180deg, #ffd2a2, #ffca91) repeat-x;
  border-color: #ffd6ab;
}

.btn.btn--shadow--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(255, 183, 107, 0.82);
          box-shadow: 0 6px 18px 0 rgba(255, 183, 107, 0.82);
}

.btn.btn--shadow--warning.btn--disabled, .btn.btn--shadow--warning.disabled, .btn.btn--shadow--warning:disabled {
  color: #fff;
  background-color: #FFB76B;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--warning:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--warning:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: #ffd6ab;
  background-image: none;
  border-color: #ffdcb8;
}

.btn.btn--shadow--warning:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--warning:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(255, 183, 107, 0.82);
          box-shadow: 0 6px 18px 0 rgba(255, 183, 107, 0.82);
}

.btn.btn--shadow--info {
  color: #fff;
  background: #0084F4 -webkit-gradient(linear, left top, left bottom, from(#2696f6), to(#0084F4)) repeat-x;
  background: #0084F4 linear-gradient(180deg, #2696f6, #0084F4) repeat-x;
  border-color: #0084F4;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 132, 244, 0.66);
          box-shadow: 0 4px 12px 0 rgba(0, 132, 244, 0.66);
}

.btn.btn--shadow--info:hover:not(.btn--disabled) {
  color: #fff;
  background: #1b96ff -webkit-gradient(linear, left top, left bottom, from(#3da6ff), to(#1b96ff)) repeat-x;
  background: #1b96ff linear-gradient(180deg, #3da6ff, #1b96ff) repeat-x;
  border-color: #35a2ff;
}

.btn.btn--shadow--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(0, 132, 244, 0.82);
          box-shadow: 0 6px 18px 0 rgba(0, 132, 244, 0.82);
}

.btn.btn--shadow--info.btn--disabled, .btn.btn--shadow--info.disabled, .btn.btn--shadow--info:disabled {
  color: #fff;
  background-color: #0084F4;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--info:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--info:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #35a2ff;
  background-image: none;
  border-color: #42a8ff;
}

.btn.btn--shadow--info:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--info:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(0, 132, 244, 0.82);
          box-shadow: 0 6px 18px 0 rgba(0, 132, 244, 0.82);
}

.btn.btn--shadow--dark {
  color: #fff;
  background: #343A40 -webkit-gradient(linear, left top, left bottom, from(#52585d), to(#343A40)) repeat-x;
  background: #343A40 linear-gradient(180deg, #52585d, #343A40) repeat-x;
  border-color: #343A40;
  -webkit-box-shadow: 0 4px 12px 0 rgba(52, 58, 64, 0.66);
          box-shadow: 0 4px 12px 0 rgba(52, 58, 64, 0.66);
}

.btn.btn--shadow--dark:hover:not(.btn--disabled) {
  color: #fff;
  background: #454d55 -webkit-gradient(linear, left top, left bottom, from(#61686f), to(#454d55)) repeat-x;
  background: #454d55 linear-gradient(180deg, #61686f, #454d55) repeat-x;
  border-color: #515a63;
}

.btn.btn--shadow--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(52, 58, 64, 0.82);
          box-shadow: 0 6px 18px 0 rgba(52, 58, 64, 0.82);
}

.btn.btn--shadow--dark.btn--disabled, .btn.btn--shadow--dark.disabled, .btn.btn--shadow--dark:disabled {
  color: #fff;
  background-color: #343A40;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--dark:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--dark:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #515a63;
  background-image: none;
  border-color: #56606a;
}

.btn.btn--shadow--dark:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--dark:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(52, 58, 64, 0.82);
          box-shadow: 0 6px 18px 0 rgba(52, 58, 64, 0.82);
}

.btn.btn--shadow--grey {
  color: #fff;
  background: #868E96 -webkit-gradient(linear, left top, left bottom, from(#989fa6), to(#868E96)) repeat-x;
  background: #868E96 linear-gradient(180deg, #989fa6, #868E96) repeat-x;
  border-color: #868E96;
  -webkit-box-shadow: 0 4px 12px 0 rgba(134, 142, 150, 0.66);
          box-shadow: 0 4px 12px 0 rgba(134, 142, 150, 0.66);
}

.btn.btn--shadow--grey:hover:not(.btn--disabled) {
  color: #fff;
  background: #9aa1a8 -webkit-gradient(linear, left top, left bottom, from(#aaafb5), to(#9aa1a8)) repeat-x;
  background: #9aa1a8 linear-gradient(180deg, #aaafb5, #9aa1a8) repeat-x;
  border-color: #a8aeb4;
}

.btn.btn--shadow--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(134, 142, 150, 0.82);
          box-shadow: 0 6px 18px 0 rgba(134, 142, 150, 0.82);
}

.btn.btn--shadow--grey.btn--disabled, .btn.btn--shadow--grey.disabled, .btn.btn--shadow--grey:disabled {
  color: #fff;
  background-color: #868E96;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--grey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--grey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #a8aeb4;
  background-image: none;
  border-color: #afb4ba;
}

.btn.btn--shadow--grey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--grey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(134, 142, 150, 0.82);
          box-shadow: 0 6px 18px 0 rgba(134, 142, 150, 0.82);
}

.btn.btn--shadow--lightgrey {
  color: #fff;
  background: #C5C9CA -webkit-gradient(linear, left top, left bottom, from(#ced1d2), to(#C5C9CA)) repeat-x;
  background: #C5C9CA linear-gradient(180deg, #ced1d2, #C5C9CA) repeat-x;
  border-color: #C5C9CA;
  -webkit-box-shadow: 0 4px 12px 0 rgba(197, 201, 202, 0.66);
          box-shadow: 0 4px 12px 0 rgba(197, 201, 202, 0.66);
}

.btn.btn--shadow--lightgrey:hover:not(.btn--disabled) {
  color: #444a4c;
  background: #d9dcdc -webkit-gradient(linear, left top, left bottom, from(#dfe1e1), to(#d9dcdc)) repeat-x;
  background: #d9dcdc linear-gradient(180deg, #dfe1e1, #d9dcdc) repeat-x;
  border-color: #e6e8e8;
}

.btn.btn--shadow--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(197, 201, 202, 0.82);
          box-shadow: 0 6px 18px 0 rgba(197, 201, 202, 0.82);
}

.btn.btn--shadow--lightgrey.btn--disabled, .btn.btn--shadow--lightgrey.disabled, .btn.btn--shadow--lightgrey:disabled {
  color: #fff;
  background-color: #C5C9CA;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: #e6e8e8;
  background-image: none;
  border-color: #edeeef;
}

.btn.btn--shadow--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(197, 201, 202, 0.82);
          box-shadow: 0 6px 18px 0 rgba(197, 201, 202, 0.82);
}

.btn.btn--shadow--light {
  color: #444a4c;
  background: #dfe2e3 -webkit-gradient(linear, left top, left bottom, from(#e4e6e7), to(#dfe2e3)) repeat-x;
  background: #dfe2e3 linear-gradient(180deg, #e4e6e7, #dfe2e3) repeat-x;
  border-color: #dfe2e3;
  -webkit-box-shadow: 0 4px 12px 0 rgba(223, 226, 227, 0.66);
          box-shadow: 0 4px 12px 0 rgba(223, 226, 227, 0.66);
}

.btn.btn--shadow--light:hover:not(.btn--disabled) {
  color: #444a4c;
  background: #f3f4f5 -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#f3f4f5)) repeat-x;
  background: #f3f4f5 linear-gradient(180deg, #f5f6f6, #f3f4f5) repeat-x;
  border-color: white;
}

.btn.btn--shadow--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(223, 226, 227, 0.82);
          box-shadow: 0 6px 18px 0 rgba(223, 226, 227, 0.82);
}

.btn.btn--shadow--light.btn--disabled, .btn.btn--shadow--light.disabled, .btn.btn--shadow--light:disabled {
  color: #444a4c;
  background-color: #dfe2e3;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--light:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--light:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: white;
  background-image: none;
  border-color: white;
}

.btn.btn--shadow--light:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--light:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(223, 226, 227, 0.82);
          box-shadow: 0 6px 18px 0 rgba(223, 226, 227, 0.82);
}

.btn.btn--shadow--black {
  color: #fff;
  background: #2C3031 -webkit-gradient(linear, left top, left bottom, from(#4c4f50), to(#2C3031)) repeat-x;
  background: #2C3031 linear-gradient(180deg, #4c4f50, #2C3031) repeat-x;
  border-color: #2C3031;
  -webkit-box-shadow: 0 4px 12px 0 rgba(44, 48, 49, 0.66);
          box-shadow: 0 4px 12px 0 rgba(44, 48, 49, 0.66);
}

.btn.btn--shadow--black:hover:not(.btn--disabled) {
  color: #fff;
  background: #3e4445 -webkit-gradient(linear, left top, left bottom, from(#5b6061), to(#3e4445)) repeat-x;
  background: #3e4445 linear-gradient(180deg, #5b6061, #3e4445) repeat-x;
  border-color: #4a5153;
}

.btn.btn--shadow--black:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--black:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(44, 48, 49, 0.82);
          box-shadow: 0 6px 18px 0 rgba(44, 48, 49, 0.82);
}

.btn.btn--shadow--black.btn--disabled, .btn.btn--shadow--black.disabled, .btn.btn--shadow--black:disabled {
  color: #fff;
  background-color: #2C3031;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--black:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--black:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #4a5153;
  background-image: none;
  border-color: #505759;
}

.btn.btn--shadow--black:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--black:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(44, 48, 49, 0.82);
          box-shadow: 0 6px 18px 0 rgba(44, 48, 49, 0.82);
}

.btn.btn--shadow--watergrey {
  color: #444a4c;
  background: #D2D6D7 -webkit-gradient(linear, left top, left bottom, from(#d9dcdd), to(#D2D6D7)) repeat-x;
  background: #D2D6D7 linear-gradient(180deg, #d9dcdd, #D2D6D7) repeat-x;
  border-color: #D2D6D7;
  -webkit-box-shadow: 0 4px 12px 0 rgba(210, 214, 215, 0.66);
          box-shadow: 0 4px 12px 0 rgba(210, 214, 215, 0.66);
}

.btn.btn--shadow--watergrey:hover:not(.btn--disabled) {
  color: #444a4c;
  background: #e6e8e9 -webkit-gradient(linear, left top, left bottom, from(#eaecec), to(#e6e8e9)) repeat-x;
  background: #e6e8e9 linear-gradient(180deg, #eaecec, #e6e8e9) repeat-x;
  border-color: #f4f5f5;
}

.btn.btn--shadow--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(210, 214, 215, 0.82);
          box-shadow: 0 6px 18px 0 rgba(210, 214, 215, 0.82);
}

.btn.btn--shadow--watergrey.btn--disabled, .btn.btn--shadow--watergrey.disabled, .btn.btn--shadow--watergrey:disabled {
  color: #444a4c;
  background-color: #D2D6D7;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #444a4c;
  background-color: #f4f5f5;
  background-image: none;
  border-color: #fbfbfb;
}

.btn.btn--shadow--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(210, 214, 215, 0.82);
          box-shadow: 0 6px 18px 0 rgba(210, 214, 215, 0.82);
}

.btn.btn--shadow--facebook {
  color: #fff;
  background: #3b5999 -webkit-gradient(linear, left top, left bottom, from(#5872a8), to(#3b5999)) repeat-x;
  background: #3b5999 linear-gradient(180deg, #5872a8, #3b5999) repeat-x;
  border-color: #3b5999;
  -webkit-box-shadow: 0 4px 12px 0 rgba(59, 89, 153, 0.66);
          box-shadow: 0 4px 12px 0 rgba(59, 89, 153, 0.66);
}

.btn.btn--shadow--facebook:hover:not(.btn--disabled) {
  color: #fff;
  background: #4669b5 -webkit-gradient(linear, left top, left bottom, from(#6180c0), to(#4669b5)) repeat-x;
  background: #4669b5 linear-gradient(180deg, #6180c0, #4669b5) repeat-x;
  border-color: #5677be;
}

.btn.btn--shadow--facebook:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--facebook:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(59, 89, 153, 0.82);
          box-shadow: 0 6px 18px 0 rgba(59, 89, 153, 0.82);
}

.btn.btn--shadow--facebook.btn--disabled, .btn.btn--shadow--facebook.disabled, .btn.btn--shadow--facebook:disabled {
  color: #fff;
  background-color: #3b5999;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5677be;
  background-image: none;
  border-color: #5f7ec1;
}

.btn.btn--shadow--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(59, 89, 153, 0.82);
          box-shadow: 0 6px 18px 0 rgba(59, 89, 153, 0.82);
}

.btn.btn--shadow--twitter {
  color: #fff;
  background: #1da1f2 -webkit-gradient(linear, left top, left bottom, from(#3faff4), to(#1da1f2)) repeat-x;
  background: #1da1f2 linear-gradient(180deg, #3faff4, #1da1f2) repeat-x;
  border-color: #1da1f2;
  -webkit-box-shadow: 0 4px 12px 0 rgba(29, 161, 242, 0.66);
          box-shadow: 0 4px 12px 0 rgba(29, 161, 242, 0.66);
}

.btn.btn--shadow--twitter:hover:not(.btn--disabled) {
  color: #fff;
  background: #41b0f4 -webkit-gradient(linear, left top, left bottom, from(#5ebcf6), to(#41b0f4)) repeat-x;
  background: #41b0f4 linear-gradient(180deg, #5ebcf6, #41b0f4) repeat-x;
  border-color: #59baf5;
}

.btn.btn--shadow--twitter:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--twitter:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(29, 161, 242, 0.82);
          box-shadow: 0 6px 18px 0 rgba(29, 161, 242, 0.82);
}

.btn.btn--shadow--twitter.btn--disabled, .btn.btn--shadow--twitter.disabled, .btn.btn--shadow--twitter:disabled {
  color: #fff;
  background-color: #1da1f2;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #59baf5;
  background-image: none;
  border-color: #65bff6;
}

.btn.btn--shadow--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(29, 161, 242, 0.82);
          box-shadow: 0 6px 18px 0 rgba(29, 161, 242, 0.82);
}

.btn.btn--shadow--google-plus {
  color: #fff;
  background: #dd4b39 -webkit-gradient(linear, left top, left bottom, from(#e26657), to(#dd4b39)) repeat-x;
  background: #dd4b39 linear-gradient(180deg, #e26657, #dd4b39) repeat-x;
  border-color: #dd4b39;
  -webkit-box-shadow: 0 4px 12px 0 rgba(221, 75, 57, 0.66);
          box-shadow: 0 4px 12px 0 rgba(221, 75, 57, 0.66);
}

.btn.btn--shadow--google-plus:hover:not(.btn--disabled) {
  color: #fff;
  background: #e3695a -webkit-gradient(linear, left top, left bottom, from(#e77f72), to(#e3695a)) repeat-x;
  background: #e3695a linear-gradient(180deg, #e77f72, #e3695a) repeat-x;
  border-color: #e67c6f;
}

.btn.btn--shadow--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(221, 75, 57, 0.82);
          box-shadow: 0 6px 18px 0 rgba(221, 75, 57, 0.82);
}

.btn.btn--shadow--google-plus.btn--disabled, .btn.btn--shadow--google-plus.disabled, .btn.btn--shadow--google-plus:disabled {
  color: #fff;
  background-color: #dd4b39;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #e67c6f;
  background-image: none;
  border-color: #e8867a;
}

.btn.btn--shadow--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(221, 75, 57, 0.82);
          box-shadow: 0 6px 18px 0 rgba(221, 75, 57, 0.82);
}

.btn.btn--shadow--instagram {
  color: #fff;
  background: #e4405f -webkit-gradient(linear, left top, left bottom, from(#e85d77), to(#e4405f)) repeat-x;
  background: #e4405f linear-gradient(180deg, #e85d77, #e4405f) repeat-x;
  border-color: #e4405f;
  -webkit-box-shadow: 0 4px 12px 0 rgba(228, 64, 95, 0.66);
          box-shadow: 0 4px 12px 0 rgba(228, 64, 95, 0.66);
}

.btn.btn--shadow--instagram:hover:not(.btn--disabled) {
  color: #fff;
  background: #e9627b -webkit-gradient(linear, left top, left bottom, from(#ec798f), to(#e9627b)) repeat-x;
  background: #e9627b linear-gradient(180deg, #ec798f, #e9627b) repeat-x;
  border-color: #ec788e;
}

.btn.btn--shadow--instagram:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--instagram:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(228, 64, 95, 0.82);
          box-shadow: 0 6px 18px 0 rgba(228, 64, 95, 0.82);
}

.btn.btn--shadow--instagram.btn--disabled, .btn.btn--shadow--instagram.disabled, .btn.btn--shadow--instagram:disabled {
  color: #fff;
  background-color: #e4405f;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ec788e;
  background-image: none;
  border-color: #ed8397;
}

.btn.btn--shadow--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(228, 64, 95, 0.82);
          box-shadow: 0 6px 18px 0 rgba(228, 64, 95, 0.82);
}

.btn.btn--shadow--pinterest {
  color: #fff;
  background: #bd081c -webkit-gradient(linear, left top, left bottom, from(#c72d3e), to(#bd081c)) repeat-x;
  background: #bd081c linear-gradient(180deg, #c72d3e, #bd081c) repeat-x;
  border-color: #bd081c;
  -webkit-box-shadow: 0 4px 12px 0 rgba(189, 8, 28, 0.66);
          box-shadow: 0 4px 12px 0 rgba(189, 8, 28, 0.66);
}

.btn.btn--shadow--pinterest:hover:not(.btn--disabled) {
  color: #fff;
  background: #e20a21 -webkit-gradient(linear, left top, left bottom, from(#e62e43), to(#e20a21)) repeat-x;
  background: #e20a21 linear-gradient(180deg, #e62e43, #e20a21) repeat-x;
  border-color: #f51029;
}

.btn.btn--shadow--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(189, 8, 28, 0.82);
          box-shadow: 0 6px 18px 0 rgba(189, 8, 28, 0.82);
}

.btn.btn--shadow--pinterest.btn--disabled, .btn.btn--shadow--pinterest.disabled, .btn.btn--shadow--pinterest:disabled {
  color: #fff;
  background-color: #bd081c;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f51029;
  background-image: none;
  border-color: #f51c34;
}

.btn.btn--shadow--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(189, 8, 28, 0.82);
          box-shadow: 0 6px 18px 0 rgba(189, 8, 28, 0.82);
}

.btn.btn--shadow--youtube {
  color: #fff;
  background: #cd201f -webkit-gradient(linear, left top, left bottom, from(#d54141), to(#cd201f)) repeat-x;
  background: #cd201f linear-gradient(180deg, #d54141, #cd201f) repeat-x;
  border-color: #cd201f;
  -webkit-box-shadow: 0 4px 12px 0 rgba(205, 32, 31, 0.66);
          box-shadow: 0 4px 12px 0 rgba(205, 32, 31, 0.66);
}

.btn.btn--shadow--youtube:hover:not(.btn--disabled) {
  color: #fff;
  background: #e03332 -webkit-gradient(linear, left top, left bottom, from(#e55251), to(#e03332)) repeat-x;
  background: #e03332 linear-gradient(180deg, #e55251, #e03332) repeat-x;
  border-color: #e34948;
}

.btn.btn--shadow--youtube:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--youtube:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(205, 32, 31, 0.82);
          box-shadow: 0 6px 18px 0 rgba(205, 32, 31, 0.82);
}

.btn.btn--shadow--youtube.btn--disabled, .btn.btn--shadow--youtube.disabled, .btn.btn--shadow--youtube:disabled {
  color: #fff;
  background-color: #cd201f;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #e34948;
  background-image: none;
  border-color: #e55453;
}

.btn.btn--shadow--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(205, 32, 31, 0.82);
          box-shadow: 0 6px 18px 0 rgba(205, 32, 31, 0.82);
}

.btn.btn--shadow--slack {
  color: #fff;
  background: #3aaf85 -webkit-gradient(linear, left top, left bottom, from(#58bb97), to(#3aaf85)) repeat-x;
  background: #3aaf85 linear-gradient(180deg, #58bb97, #3aaf85) repeat-x;
  border-color: #3aaf85;
  -webkit-box-shadow: 0 4px 12px 0 rgba(58, 175, 133, 0.66);
          box-shadow: 0 4px 12px 0 rgba(58, 175, 133, 0.66);
}

.btn.btn--shadow--slack:hover:not(.btn--disabled) {
  color: #fff;
  background: #4cc499 -webkit-gradient(linear, left top, left bottom, from(#67cca8), to(#4cc499)) repeat-x;
  background: #4cc499 linear-gradient(180deg, #67cca8, #4cc499) repeat-x;
  border-color: #5fcaa3;
}

.btn.btn--shadow--slack:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--slack:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(58, 175, 133, 0.82);
          box-shadow: 0 6px 18px 0 rgba(58, 175, 133, 0.82);
}

.btn.btn--shadow--slack.btn--disabled, .btn.btn--shadow--slack.disabled, .btn.btn--shadow--slack:disabled {
  color: #fff;
  background-color: #3aaf85;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--slack:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--slack:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5fcaa3;
  background-image: none;
  border-color: #68cda9;
}

.btn.btn--shadow--slack:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--slack:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(58, 175, 133, 0.82);
          box-shadow: 0 6px 18px 0 rgba(58, 175, 133, 0.82);
}

.btn.btn--shadow--dribbble {
  color: #fff;
  background: #ea4c89 -webkit-gradient(linear, left top, left bottom, from(#ed679b), to(#ea4c89)) repeat-x;
  background: #ea4c89 linear-gradient(180deg, #ed679b, #ea4c89) repeat-x;
  border-color: #ea4c89;
  -webkit-box-shadow: 0 4px 12px 0 rgba(234, 76, 137, 0.66);
          box-shadow: 0 4px 12px 0 rgba(234, 76, 137, 0.66);
}

.btn.btn--shadow--dribbble:hover:not(.btn--disabled) {
  color: #fff;
  background: #ee6ea0 -webkit-gradient(linear, left top, left bottom, from(#f184ae), to(#ee6ea0)) repeat-x;
  background: #ee6ea0 linear-gradient(180deg, #f184ae, #ee6ea0) repeat-x;
  border-color: #f185af;
}

.btn.btn--shadow--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(234, 76, 137, 0.82);
          box-shadow: 0 6px 18px 0 rgba(234, 76, 137, 0.82);
}

.btn.btn--shadow--dribbble.btn--disabled, .btn.btn--shadow--dribbble.disabled, .btn.btn--shadow--dribbble:disabled {
  color: #fff;
  background-color: #ea4c89;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f185af;
  background-image: none;
  border-color: #f290b6;
}

.btn.btn--shadow--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(234, 76, 137, 0.82);
          box-shadow: 0 6px 18px 0 rgba(234, 76, 137, 0.82);
}

.btn.btn--shadow--dropbox {
  color: #fff;
  background: #1E90FF -webkit-gradient(linear, left top, left bottom, from(#40a1ff), to(#1E90FF)) repeat-x;
  background: #1E90FF linear-gradient(180deg, #40a1ff, #1E90FF) repeat-x;
  border-color: #1E90FF;
  -webkit-box-shadow: 0 4px 12px 0 rgba(30, 144, 255, 0.66);
          box-shadow: 0 4px 12px 0 rgba(30, 144, 255, 0.66);
}

.btn.btn--shadow--dropbox:hover:not(.btn--disabled) {
  color: #fff;
  background: #44a3ff -webkit-gradient(linear, left top, left bottom, from(#60b1ff), to(#44a3ff)) repeat-x;
  background: #44a3ff linear-gradient(180deg, #60b1ff, #44a3ff) repeat-x;
  border-color: #5eafff;
}

.btn.btn--shadow--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(30, 144, 255, 0.82);
          box-shadow: 0 6px 18px 0 rgba(30, 144, 255, 0.82);
}

.btn.btn--shadow--dropbox.btn--disabled, .btn.btn--shadow--dropbox.disabled, .btn.btn--shadow--dropbox:disabled {
  color: #fff;
  background-color: #1E90FF;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5eafff;
  background-image: none;
  border-color: #6bb6ff;
}

.btn.btn--shadow--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(30, 144, 255, 0.82);
          box-shadow: 0 6px 18px 0 rgba(30, 144, 255, 0.82);
}

.btn.btn--shadow--twitch {
  color: #fff;
  background: #4B367C -webkit-gradient(linear, left top, left bottom, from(#665490), to(#4B367C)) repeat-x;
  background: #4B367C linear-gradient(180deg, #665490, #4B367C) repeat-x;
  border-color: #4B367C;
  -webkit-box-shadow: 0 4px 12px 0 rgba(75, 54, 124, 0.66);
          box-shadow: 0 4px 12px 0 rgba(75, 54, 124, 0.66);
}

.btn.btn--shadow--twitch:hover:not(.btn--disabled) {
  color: #fff;
  background: #5b4297 -webkit-gradient(linear, left top, left bottom, from(#745ea6), to(#5b4297)) repeat-x;
  background: #5b4297 linear-gradient(180deg, #745ea6, #5b4297) repeat-x;
  border-color: #6649a8;
}

.btn.btn--shadow--twitch:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--twitch:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(75, 54, 124, 0.82);
          box-shadow: 0 6px 18px 0 rgba(75, 54, 124, 0.82);
}

.btn.btn--shadow--twitch.btn--disabled, .btn.btn--shadow--twitch.disabled, .btn.btn--shadow--twitch:disabled {
  color: #fff;
  background-color: #4B367C;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #6649a8;
  background-image: none;
  border-color: #6b4db1;
}

.btn.btn--shadow--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(75, 54, 124, 0.82);
          box-shadow: 0 6px 18px 0 rgba(75, 54, 124, 0.82);
}

.btn.btn--shadow--paypal {
  color: #fff;
  background: #ecb32c -webkit-gradient(linear, left top, left bottom, from(#efbe4c), to(#ecb32c)) repeat-x;
  background: #ecb32c linear-gradient(180deg, #efbe4c, #ecb32c) repeat-x;
  border-color: #ecb32c;
  -webkit-box-shadow: 0 4px 12px 0 rgba(236, 179, 44, 0.66);
          box-shadow: 0 4px 12px 0 rgba(236, 179, 44, 0.66);
}

.btn.btn--shadow--paypal:hover:not(.btn--disabled) {
  color: #fff;
  background: #efc04f -webkit-gradient(linear, left top, left bottom, from(#f2c969), to(#efc04f)) repeat-x;
  background: #efc04f linear-gradient(180deg, #f2c969, #efc04f) repeat-x;
  border-color: #f1c866;
}

.btn.btn--shadow--paypal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--paypal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(236, 179, 44, 0.82);
          box-shadow: 0 6px 18px 0 rgba(236, 179, 44, 0.82);
}

.btn.btn--shadow--paypal.btn--disabled, .btn.btn--shadow--paypal.disabled, .btn.btn--shadow--paypal:disabled {
  color: #fff;
  background-color: #ecb32c;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #f1c866;
  background-image: none;
  border-color: #f2cc72;
}

.btn.btn--shadow--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(236, 179, 44, 0.82);
          box-shadow: 0 6px 18px 0 rgba(236, 179, 44, 0.82);
}

.btn.btn--shadow--behance {
  color: #fff;
  background: #0057ff -webkit-gradient(linear, left top, left bottom, from(#2670ff), to(#0057ff)) repeat-x;
  background: #0057ff linear-gradient(180deg, #2670ff, #0057ff) repeat-x;
  border-color: #0057ff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 87, 255, 0.66);
          box-shadow: 0 4px 12px 0 rgba(0, 87, 255, 0.66);
}

.btn.btn--shadow--behance:hover:not(.btn--disabled) {
  color: #fff;
  background: #2670ff -webkit-gradient(linear, left top, left bottom, from(#4786ff), to(#2670ff)) repeat-x;
  background: #2670ff linear-gradient(180deg, #4786ff, #2670ff) repeat-x;
  border-color: #4081ff;
}

.btn.btn--shadow--behance:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--behance:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(0, 87, 255, 0.82);
          box-shadow: 0 6px 18px 0 rgba(0, 87, 255, 0.82);
}

.btn.btn--shadow--behance.btn--disabled, .btn.btn--shadow--behance.disabled, .btn.btn--shadow--behance:disabled {
  color: #fff;
  background-color: #0057ff;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--behance:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--behance:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #4081ff;
  background-image: none;
  border-color: #4d89ff;
}

.btn.btn--shadow--behance:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--behance:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(0, 87, 255, 0.82);
          box-shadow: 0 6px 18px 0 rgba(0, 87, 255, 0.82);
}

.btn.btn--shadow--reddit {
  color: #fff;
  background: #E84422 -webkit-gradient(linear, left top, left bottom, from(#eb6043), to(#E84422)) repeat-x;
  background: #E84422 linear-gradient(180deg, #eb6043, #E84422) repeat-x;
  border-color: #E84422;
  -webkit-box-shadow: 0 4px 12px 0 rgba(232, 68, 34, 0.66);
          box-shadow: 0 4px 12px 0 rgba(232, 68, 34, 0.66);
}

.btn.btn--shadow--reddit:hover:not(.btn--disabled) {
  color: #fff;
  background: #ec6145 -webkit-gradient(linear, left top, left bottom, from(#ef7961), to(#ec6145)) repeat-x;
  background: #ec6145 linear-gradient(180deg, #ef7961, #ec6145) repeat-x;
  border-color: #ee755c;
}

.btn.btn--shadow--reddit:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--reddit:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(232, 68, 34, 0.82);
          box-shadow: 0 6px 18px 0 rgba(232, 68, 34, 0.82);
}

.btn.btn--shadow--reddit.btn--disabled, .btn.btn--shadow--reddit.disabled, .btn.btn--shadow--reddit:disabled {
  color: #fff;
  background-color: #E84422;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ee755c;
  background-image: none;
  border-color: #ef7f67;
}

.btn.btn--shadow--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(232, 68, 34, 0.82);
          box-shadow: 0 6px 18px 0 rgba(232, 68, 34, 0.82);
}

.btn.btn--shadow--github {
  color: #fff;
  background: #222222 -webkit-gradient(linear, left top, left bottom, from(#434343), to(#222222)) repeat-x;
  background: #222222 linear-gradient(180deg, #434343, #222222) repeat-x;
  border-color: #222222;
  -webkit-box-shadow: 0 4px 12px 0 rgba(34, 34, 34, 0.66);
          box-shadow: 0 4px 12px 0 rgba(34, 34, 34, 0.66);
}

.btn.btn--shadow--github:hover:not(.btn--disabled) {
  color: #fff;
  background: #353535 -webkit-gradient(linear, left top, left bottom, from(#535353), to(#353535)) repeat-x;
  background: #353535 linear-gradient(180deg, #535353, #353535) repeat-x;
  border-color: #424242;
}

.btn.btn--shadow--github:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--github:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(34, 34, 34, 0.82);
          box-shadow: 0 6px 18px 0 rgba(34, 34, 34, 0.82);
}

.btn.btn--shadow--github.btn--disabled, .btn.btn--shadow--github.disabled, .btn.btn--shadow--github:disabled {
  color: #fff;
  background-color: #222222;
  border-color: #fff;
  background-image: none;
}

.btn.btn--shadow--github:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--shadow--github:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #424242;
  background-image: none;
  border-color: #484848;
}

.btn.btn--shadow--github:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--shadow--github:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: 0 6px 18px 0 rgba(34, 34, 34, 0.82);
          box-shadow: 0 6px 18px 0 rgba(34, 34, 34, 0.82);
}

.btn.btn--border--primary {
  color: #3BC9DB;
  border-color: #3BC9DB;
  background-color: transparent;
}

.btn.btn--border--primary:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #3BC9DB;
  border-color: #3BC9DB;
}

.btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(59, 201, 219, 0.5);
          box-shadow: 0 0 0 1px rgba(59, 201, 219, 0.5);
}

.btn.btn--border--primary.btn--disabled, .btn.btn--border--primary.disabled, .btn.btn--border--primary:disabled {
  color: #3BC9DB;
  background-color: transparent;
}

.btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--primary.dropdown-toggle {
  color: #fff;
  background-color: #3BC9DB;
  border-color: #3BC9DB;
}

.btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--primary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(59, 201, 219, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(59, 201, 219, 0.5);
}

.btn.btn--border--secondary {
  color: #F783AC;
  border-color: #F783AC;
  background-color: transparent;
}

.btn.btn--border--secondary:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #F783AC;
  border-color: #F783AC;
}

.btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
          box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
}

.btn.btn--border--secondary.btn--disabled, .btn.btn--border--secondary.disabled, .btn.btn--border--secondary:disabled {
  color: #F783AC;
  background-color: transparent;
}

.btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--secondary.dropdown-toggle {
  color: #fff;
  background-color: #F783AC;
  border-color: #F783AC;
}

.btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--secondary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(247, 131, 172, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(247, 131, 172, 0.5);
}

.btn.btn--border--success {
  color: #38D9A9;
  border-color: #38D9A9;
  background-color: transparent;
}

.btn.btn--border--success:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #38D9A9;
  border-color: #38D9A9;
}

.btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(56, 217, 169, 0.5);
          box-shadow: 0 0 0 1px rgba(56, 217, 169, 0.5);
}

.btn.btn--border--success.btn--disabled, .btn.btn--border--success.disabled, .btn.btn--border--success:disabled {
  color: #38D9A9;
  background-color: transparent;
}

.btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--success.dropdown-toggle {
  color: #fff;
  background-color: #38D9A9;
  border-color: #38D9A9;
}

.btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--success.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(56, 217, 169, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(56, 217, 169, 0.5);
}

.btn.btn--border--danger {
  color: #EF6866;
  border-color: #EF6866;
  background-color: transparent;
}

.btn.btn--border--danger:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #EF6866;
  border-color: #EF6866;
}

.btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(239, 104, 102, 0.5);
          box-shadow: 0 0 0 1px rgba(239, 104, 102, 0.5);
}

.btn.btn--border--danger.btn--disabled, .btn.btn--border--danger.disabled, .btn.btn--border--danger:disabled {
  color: #EF6866;
  background-color: transparent;
}

.btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--danger.dropdown-toggle {
  color: #fff;
  background-color: #EF6866;
  border-color: #EF6866;
}

.btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--danger.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(239, 104, 102, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(239, 104, 102, 0.5);
}

.btn.btn--border--warning {
  color: #FFB76B;
  border-color: #FFB76B;
  background-color: transparent;
}

.btn.btn--border--warning:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #FFB76B;
  border-color: #FFB76B;
}

.btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 183, 107, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 183, 107, 0.5);
}

.btn.btn--border--warning.btn--disabled, .btn.btn--border--warning.disabled, .btn.btn--border--warning:disabled {
  color: #FFB76B;
  background-color: transparent;
}

.btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--warning.dropdown-toggle {
  color: #fff;
  background-color: #FFB76B;
  border-color: #FFB76B;
}

.btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--warning.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(255, 183, 107, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(255, 183, 107, 0.5);
}

.btn.btn--border--info {
  color: #0084F4;
  border-color: #0084F4;
  background-color: transparent;
}

.btn.btn--border--info:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #0084F4;
  border-color: #0084F4;
}

.btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 132, 244, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 132, 244, 0.5);
}

.btn.btn--border--info.btn--disabled, .btn.btn--border--info.disabled, .btn.btn--border--info:disabled {
  color: #0084F4;
  background-color: transparent;
}

.btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--info.dropdown-toggle {
  color: #fff;
  background-color: #0084F4;
  border-color: #0084F4;
}

.btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--info.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(0, 132, 244, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(0, 132, 244, 0.5);
}

.btn.btn--border--dark {
  color: #343A40;
  border-color: #343A40;
  background-color: transparent;
}

.btn.btn--border--dark:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #343A40;
  border-color: #343A40;
}

.btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.5);
}

.btn.btn--border--dark.btn--disabled, .btn.btn--border--dark.disabled, .btn.btn--border--dark:disabled {
  color: #343A40;
  background-color: transparent;
}

.btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--dark.dropdown-toggle {
  color: #fff;
  background-color: #343A40;
  border-color: #343A40;
}

.btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--dark.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(52, 58, 64, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(52, 58, 64, 0.5);
}

.btn.btn--border--grey {
  color: #868E96;
  border-color: #868E96;
  background-color: transparent;
}

.btn.btn--border--grey:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #868E96;
  border-color: #868E96;
}

.btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(134, 142, 150, 0.5);
          box-shadow: 0 0 0 1px rgba(134, 142, 150, 0.5);
}

.btn.btn--border--grey.btn--disabled, .btn.btn--border--grey.disabled, .btn.btn--border--grey:disabled {
  color: #868E96;
  background-color: transparent;
}

.btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--grey.dropdown-toggle {
  color: #fff;
  background-color: #868E96;
  border-color: #868E96;
}

.btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--grey.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(134, 142, 150, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(134, 142, 150, 0.5);
}

.btn.btn--border--lightgrey {
  color: #C5C9CA;
  border-color: #C5C9CA;
  background-color: transparent;
}

.btn.btn--border--lightgrey:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #C5C9CA;
  border-color: #C5C9CA;
}

.btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(197, 201, 202, 0.5);
          box-shadow: 0 0 0 1px rgba(197, 201, 202, 0.5);
}

.btn.btn--border--lightgrey.btn--disabled, .btn.btn--border--lightgrey.disabled, .btn.btn--border--lightgrey:disabled {
  color: #C5C9CA;
  background-color: transparent;
}

.btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--lightgrey.dropdown-toggle {
  color: #fff;
  background-color: #C5C9CA;
  border-color: #C5C9CA;
}

.btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--lightgrey.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(197, 201, 202, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(197, 201, 202, 0.5);
}

.btn.btn--border--light {
  color: #dfe2e3;
  border-color: #dfe2e3;
  background-color: transparent;
}

.btn.btn--border--light:hover:not(.btn--disabled) {
  color: #444a4c;
  background-color: #dfe2e3;
  border-color: #dfe2e3;
}

.btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(223, 226, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(223, 226, 227, 0.5);
}

.btn.btn--border--light.btn--disabled, .btn.btn--border--light.disabled, .btn.btn--border--light:disabled {
  color: #dfe2e3;
  background-color: transparent;
}

.btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--light.dropdown-toggle {
  color: #444a4c;
  background-color: #dfe2e3;
  border-color: #dfe2e3;
}

.btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--light.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(223, 226, 227, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(223, 226, 227, 0.5);
}

.btn.btn--border--black {
  color: #2C3031;
  border-color: #2C3031;
  background-color: transparent;
}

.btn.btn--border--black:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #2C3031;
  border-color: #2C3031;
}

.btn.btn--border--black:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--black:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(44, 48, 49, 0.5);
          box-shadow: 0 0 0 1px rgba(44, 48, 49, 0.5);
}

.btn.btn--border--black.btn--disabled, .btn.btn--border--black.disabled, .btn.btn--border--black:disabled {
  color: #2C3031;
  background-color: transparent;
}

.btn.btn--border--black:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--black:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--black.dropdown-toggle {
  color: #fff;
  background-color: #2C3031;
  border-color: #2C3031;
}

.btn.btn--border--black:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--black:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--black.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(44, 48, 49, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(44, 48, 49, 0.5);
}

.btn.btn--border--watergrey {
  color: #D2D6D7;
  border-color: #D2D6D7;
  background-color: transparent;
}

.btn.btn--border--watergrey:hover:not(.btn--disabled) {
  color: #444a4c;
  background-color: #D2D6D7;
  border-color: #D2D6D7;
}

.btn.btn--border--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(210, 214, 215, 0.5);
          box-shadow: 0 0 0 1px rgba(210, 214, 215, 0.5);
}

.btn.btn--border--watergrey.btn--disabled, .btn.btn--border--watergrey.disabled, .btn.btn--border--watergrey:disabled {
  color: #D2D6D7;
  background-color: transparent;
}

.btn.btn--border--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--watergrey.dropdown-toggle {
  color: #444a4c;
  background-color: #D2D6D7;
  border-color: #D2D6D7;
}

.btn.btn--border--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--watergrey.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(210, 214, 215, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(210, 214, 215, 0.5);
}

.btn.btn--border--facebook {
  color: #3b5999;
  border-color: #3b5999;
  background-color: transparent;
}

.btn.btn--border--facebook:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
}

.btn.btn--border--facebook:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--facebook:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(59, 89, 153, 0.5);
          box-shadow: 0 0 0 1px rgba(59, 89, 153, 0.5);
}

.btn.btn--border--facebook.btn--disabled, .btn.btn--border--facebook.disabled, .btn.btn--border--facebook:disabled {
  color: #3b5999;
  background-color: transparent;
}

.btn.btn--border--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--facebook.dropdown-toggle {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
}

.btn.btn--border--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--facebook.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(59, 89, 153, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(59, 89, 153, 0.5);
}

.btn.btn--border--twitter {
  color: #1da1f2;
  border-color: #1da1f2;
  background-color: transparent;
}

.btn.btn--border--twitter:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn.btn--border--twitter:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--twitter:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(29, 161, 242, 0.5);
          box-shadow: 0 0 0 1px rgba(29, 161, 242, 0.5);
}

.btn.btn--border--twitter.btn--disabled, .btn.btn--border--twitter.disabled, .btn.btn--border--twitter:disabled {
  color: #1da1f2;
  background-color: transparent;
}

.btn.btn--border--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--twitter.dropdown-toggle {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn.btn--border--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--twitter.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(29, 161, 242, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(29, 161, 242, 0.5);
}

.btn.btn--border--google-plus {
  color: #dd4b39;
  border-color: #dd4b39;
  background-color: transparent;
}

.btn.btn--border--google-plus:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.btn.btn--border--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(221, 75, 57, 0.5);
          box-shadow: 0 0 0 1px rgba(221, 75, 57, 0.5);
}

.btn.btn--border--google-plus.btn--disabled, .btn.btn--border--google-plus.disabled, .btn.btn--border--google-plus:disabled {
  color: #dd4b39;
  background-color: transparent;
}

.btn.btn--border--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--google-plus.dropdown-toggle {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.btn.btn--border--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--google-plus.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(221, 75, 57, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(221, 75, 57, 0.5);
}

.btn.btn--border--instagram {
  color: #e4405f;
  border-color: #e4405f;
  background-color: transparent;
}

.btn.btn--border--instagram:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
}

.btn.btn--border--instagram:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--instagram:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(228, 64, 95, 0.5);
          box-shadow: 0 0 0 1px rgba(228, 64, 95, 0.5);
}

.btn.btn--border--instagram.btn--disabled, .btn.btn--border--instagram.disabled, .btn.btn--border--instagram:disabled {
  color: #e4405f;
  background-color: transparent;
}

.btn.btn--border--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--instagram.dropdown-toggle {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
}

.btn.btn--border--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--instagram.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(228, 64, 95, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(228, 64, 95, 0.5);
}

.btn.btn--border--pinterest {
  color: #bd081c;
  border-color: #bd081c;
  background-color: transparent;
}

.btn.btn--border--pinterest:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

.btn.btn--border--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(189, 8, 28, 0.5);
          box-shadow: 0 0 0 1px rgba(189, 8, 28, 0.5);
}

.btn.btn--border--pinterest.btn--disabled, .btn.btn--border--pinterest.disabled, .btn.btn--border--pinterest:disabled {
  color: #bd081c;
  background-color: transparent;
}

.btn.btn--border--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--pinterest.dropdown-toggle {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

.btn.btn--border--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--pinterest.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(189, 8, 28, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(189, 8, 28, 0.5);
}

.btn.btn--border--youtube {
  color: #cd201f;
  border-color: #cd201f;
  background-color: transparent;
}

.btn.btn--border--youtube:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

.btn.btn--border--youtube:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--youtube:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(205, 32, 31, 0.5);
          box-shadow: 0 0 0 1px rgba(205, 32, 31, 0.5);
}

.btn.btn--border--youtube.btn--disabled, .btn.btn--border--youtube.disabled, .btn.btn--border--youtube:disabled {
  color: #cd201f;
  background-color: transparent;
}

.btn.btn--border--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--youtube.dropdown-toggle {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

.btn.btn--border--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--youtube.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(205, 32, 31, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(205, 32, 31, 0.5);
}

.btn.btn--border--slack {
  color: #3aaf85;
  border-color: #3aaf85;
  background-color: transparent;
}

.btn.btn--border--slack:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
}

.btn.btn--border--slack:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--slack:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(58, 175, 133, 0.5);
          box-shadow: 0 0 0 1px rgba(58, 175, 133, 0.5);
}

.btn.btn--border--slack.btn--disabled, .btn.btn--border--slack.disabled, .btn.btn--border--slack:disabled {
  color: #3aaf85;
  background-color: transparent;
}

.btn.btn--border--slack:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--slack:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--slack.dropdown-toggle {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
}

.btn.btn--border--slack:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--slack:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--slack.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(58, 175, 133, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(58, 175, 133, 0.5);
}

.btn.btn--border--dribbble {
  color: #ea4c89;
  border-color: #ea4c89;
  background-color: transparent;
}

.btn.btn--border--dribbble:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
}

.btn.btn--border--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(234, 76, 137, 0.5);
          box-shadow: 0 0 0 1px rgba(234, 76, 137, 0.5);
}

.btn.btn--border--dribbble.btn--disabled, .btn.btn--border--dribbble.disabled, .btn.btn--border--dribbble:disabled {
  color: #ea4c89;
  background-color: transparent;
}

.btn.btn--border--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--dribbble.dropdown-toggle {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
}

.btn.btn--border--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--dribbble.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(234, 76, 137, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(234, 76, 137, 0.5);
}

.btn.btn--border--dropbox {
  color: #1E90FF;
  border-color: #1E90FF;
  background-color: transparent;
}

.btn.btn--border--dropbox:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #1E90FF;
  border-color: #1E90FF;
}

.btn.btn--border--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(30, 144, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(30, 144, 255, 0.5);
}

.btn.btn--border--dropbox.btn--disabled, .btn.btn--border--dropbox.disabled, .btn.btn--border--dropbox:disabled {
  color: #1E90FF;
  background-color: transparent;
}

.btn.btn--border--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--dropbox.dropdown-toggle {
  color: #fff;
  background-color: #1E90FF;
  border-color: #1E90FF;
}

.btn.btn--border--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--dropbox.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(30, 144, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(30, 144, 255, 0.5);
}

.btn.btn--border--twitch {
  color: #4B367C;
  border-color: #4B367C;
  background-color: transparent;
}

.btn.btn--border--twitch:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #4B367C;
  border-color: #4B367C;
}

.btn.btn--border--twitch:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--twitch:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(75, 54, 124, 0.5);
          box-shadow: 0 0 0 1px rgba(75, 54, 124, 0.5);
}

.btn.btn--border--twitch.btn--disabled, .btn.btn--border--twitch.disabled, .btn.btn--border--twitch:disabled {
  color: #4B367C;
  background-color: transparent;
}

.btn.btn--border--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--twitch.dropdown-toggle {
  color: #fff;
  background-color: #4B367C;
  border-color: #4B367C;
}

.btn.btn--border--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--twitch.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(75, 54, 124, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(75, 54, 124, 0.5);
}

.btn.btn--border--paypal {
  color: #ecb32c;
  border-color: #ecb32c;
  background-color: transparent;
}

.btn.btn--border--paypal:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #ecb32c;
  border-color: #ecb32c;
}

.btn.btn--border--paypal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--paypal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(236, 179, 44, 0.5);
          box-shadow: 0 0 0 1px rgba(236, 179, 44, 0.5);
}

.btn.btn--border--paypal.btn--disabled, .btn.btn--border--paypal.disabled, .btn.btn--border--paypal:disabled {
  color: #ecb32c;
  background-color: transparent;
}

.btn.btn--border--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--paypal.dropdown-toggle {
  color: #fff;
  background-color: #ecb32c;
  border-color: #ecb32c;
}

.btn.btn--border--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--paypal.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(236, 179, 44, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(236, 179, 44, 0.5);
}

.btn.btn--border--behance {
  color: #0057ff;
  border-color: #0057ff;
  background-color: transparent;
}

.btn.btn--border--behance:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #0057ff;
  border-color: #0057ff;
}

.btn.btn--border--behance:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--behance:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 87, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 87, 255, 0.5);
}

.btn.btn--border--behance.btn--disabled, .btn.btn--border--behance.disabled, .btn.btn--border--behance:disabled {
  color: #0057ff;
  background-color: transparent;
}

.btn.btn--border--behance:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--behance:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--behance.dropdown-toggle {
  color: #fff;
  background-color: #0057ff;
  border-color: #0057ff;
}

.btn.btn--border--behance:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--behance:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--behance.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(0, 87, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(0, 87, 255, 0.5);
}

.btn.btn--border--reddit {
  color: #E84422;
  border-color: #E84422;
  background-color: transparent;
}

.btn.btn--border--reddit:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #E84422;
  border-color: #E84422;
}

.btn.btn--border--reddit:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--reddit:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(232, 68, 34, 0.5);
          box-shadow: 0 0 0 1px rgba(232, 68, 34, 0.5);
}

.btn.btn--border--reddit.btn--disabled, .btn.btn--border--reddit.disabled, .btn.btn--border--reddit:disabled {
  color: #E84422;
  background-color: transparent;
}

.btn.btn--border--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--reddit.dropdown-toggle {
  color: #fff;
  background-color: #E84422;
  border-color: #E84422;
}

.btn.btn--border--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--reddit.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(232, 68, 34, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(232, 68, 34, 0.5);
}

.btn.btn--border--github {
  color: #222222;
  border-color: #222222;
  background-color: transparent;
}

.btn.btn--border--github:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.btn.btn--border--github:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--github:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(34, 34, 34, 0.5);
          box-shadow: 0 0 0 1px rgba(34, 34, 34, 0.5);
}

.btn.btn--border--github.btn--disabled, .btn.btn--border--github.disabled, .btn.btn--border--github:disabled {
  color: #222222;
  background-color: transparent;
}

.btn.btn--border--github:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--github:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--github.dropdown-toggle {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.btn.btn--border--github:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--github:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--github.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(34, 34, 34, 0.5);
          box-shadow: inset 0 3px 5px rgba(44, 48, 49, 0.125), 0 0 0 1px rgba(34, 34, 34, 0.5);
}

.btn.btn--inverse--primary {
  background-color: rgba(59, 201, 219, 0.24);
  background-image: none;
  border-color: rgba(59, 201, 219, 0);
}

.btn.btn--inverse--primary:not(.btn-inverse-light) {
  color: #3BC9DB;
}

.btn.btn--inverse--primary:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #3BC9DB;
  border-color: #3BC9DB;
}

.btn.btn--inverse--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(59, 201, 219, 0.5);
          box-shadow: 0 0 0 1px rgba(59, 201, 219, 0.5);
}

.show > .btn.btn--inverse--primary:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--primary:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #3BC9DB;
  border-color: #3BC9DB;
}

.btn.btn--inverse--secondary {
  background-color: rgba(247, 131, 172, 0.24);
  background-image: none;
  border-color: rgba(247, 131, 172, 0);
}

.btn.btn--inverse--secondary:not(.btn-inverse-light) {
  color: #F783AC;
}

.btn.btn--inverse--secondary:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #F783AC;
  border-color: #F783AC;
}

.btn.btn--inverse--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
          box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
}

.show > .btn.btn--inverse--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #F783AC;
  border-color: #F783AC;
}

.btn.btn--inverse--success {
  background-color: rgba(56, 217, 169, 0.24);
  background-image: none;
  border-color: rgba(56, 217, 169, 0);
}

.btn.btn--inverse--success:not(.btn-inverse-light) {
  color: #38D9A9;
}

.btn.btn--inverse--success:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #38D9A9;
  border-color: #38D9A9;
}

.btn.btn--inverse--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(56, 217, 169, 0.5);
          box-shadow: 0 0 0 1px rgba(56, 217, 169, 0.5);
}

.show > .btn.btn--inverse--success:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--success:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #38D9A9;
  border-color: #38D9A9;
}

.btn.btn--inverse--danger {
  background-color: rgba(239, 104, 102, 0.24);
  background-image: none;
  border-color: rgba(239, 104, 102, 0);
}

.btn.btn--inverse--danger:not(.btn-inverse-light) {
  color: #EF6866;
}

.btn.btn--inverse--danger:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #EF6866;
  border-color: #EF6866;
}

.btn.btn--inverse--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(239, 104, 102, 0.5);
          box-shadow: 0 0 0 1px rgba(239, 104, 102, 0.5);
}

.show > .btn.btn--inverse--danger:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--danger:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #EF6866;
  border-color: #EF6866;
}

.btn.btn--inverse--warning {
  background-color: rgba(255, 183, 107, 0.24);
  background-image: none;
  border-color: rgba(255, 183, 107, 0);
}

.btn.btn--inverse--warning:not(.btn-inverse-light) {
  color: #FFB76B;
}

.btn.btn--inverse--warning:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #FFB76B;
  border-color: #FFB76B;
}

.btn.btn--inverse--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 183, 107, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 183, 107, 0.5);
}

.show > .btn.btn--inverse--warning:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--warning:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #FFB76B;
  border-color: #FFB76B;
}

.btn.btn--inverse--info {
  background-color: rgba(0, 132, 244, 0.24);
  background-image: none;
  border-color: rgba(0, 132, 244, 0);
}

.btn.btn--inverse--info:not(.btn-inverse-light) {
  color: #0084F4;
}

.btn.btn--inverse--info:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #0084F4;
  border-color: #0084F4;
}

.btn.btn--inverse--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 132, 244, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 132, 244, 0.5);
}

.show > .btn.btn--inverse--info:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--info:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #0084F4;
  border-color: #0084F4;
}

.btn.btn--inverse--dark {
  background-color: rgba(52, 58, 64, 0.24);
  background-image: none;
  border-color: rgba(52, 58, 64, 0);
}

.btn.btn--inverse--dark:not(.btn-inverse-light) {
  color: #343A40;
}

.btn.btn--inverse--dark:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #343A40;
  border-color: #343A40;
}

.btn.btn--inverse--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.5);
}

.show > .btn.btn--inverse--dark:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--dark:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #343A40;
  border-color: #343A40;
}

.btn.btn--inverse--grey {
  background-color: rgba(134, 142, 150, 0.24);
  background-image: none;
  border-color: rgba(134, 142, 150, 0);
}

.btn.btn--inverse--grey:not(.btn-inverse-light) {
  color: #868E96;
}

.btn.btn--inverse--grey:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #868E96;
  border-color: #868E96;
}

.btn.btn--inverse--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(134, 142, 150, 0.5);
          box-shadow: 0 0 0 1px rgba(134, 142, 150, 0.5);
}

.show > .btn.btn--inverse--grey:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--grey:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #868E96;
  border-color: #868E96;
}

.btn.btn--inverse--lightgrey {
  background-color: rgba(197, 201, 202, 0.24);
  background-image: none;
  border-color: rgba(197, 201, 202, 0);
}

.btn.btn--inverse--lightgrey:not(.btn-inverse-light) {
  color: #C5C9CA;
}

.btn.btn--inverse--lightgrey:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #C5C9CA;
  border-color: #C5C9CA;
}

.btn.btn--inverse--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(197, 201, 202, 0.5);
          box-shadow: 0 0 0 1px rgba(197, 201, 202, 0.5);
}

.show > .btn.btn--inverse--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #C5C9CA;
  border-color: #C5C9CA;
}

.btn.btn--inverse--light {
  background-color: rgba(223, 226, 227, 0.24);
  background-image: none;
  border-color: rgba(223, 226, 227, 0);
}

.btn.btn--inverse--light:not(.btn-inverse-light) {
  color: #dfe2e3;
}

.btn.btn--inverse--light:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #dfe2e3;
  border-color: #dfe2e3;
}

.btn.btn--inverse--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(223, 226, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(223, 226, 227, 0.5);
}

.show > .btn.btn--inverse--light:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--light:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #dfe2e3;
  border-color: #dfe2e3;
}

.btn.btn--inverse--black {
  background-color: rgba(44, 48, 49, 0.24);
  background-image: none;
  border-color: rgba(44, 48, 49, 0);
}

.btn.btn--inverse--black:not(.btn-inverse-light) {
  color: #2C3031;
}

.btn.btn--inverse--black:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #2C3031;
  border-color: #2C3031;
}

.btn.btn--inverse--black:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--black:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(44, 48, 49, 0.5);
          box-shadow: 0 0 0 1px rgba(44, 48, 49, 0.5);
}

.show > .btn.btn--inverse--black:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--black:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #2C3031;
  border-color: #2C3031;
}

.btn.btn--inverse--watergrey {
  background-color: rgba(210, 214, 215, 0.24);
  background-image: none;
  border-color: rgba(210, 214, 215, 0);
}

.btn.btn--inverse--watergrey:not(.btn-inverse-light) {
  color: #D2D6D7;
}

.btn.btn--inverse--watergrey:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #D2D6D7;
  border-color: #D2D6D7;
}

.btn.btn--inverse--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(210, 214, 215, 0.5);
          box-shadow: 0 0 0 1px rgba(210, 214, 215, 0.5);
}

.show > .btn.btn--inverse--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #D2D6D7;
  border-color: #D2D6D7;
}

.btn.btn--inverse--facebook {
  background-color: rgba(59, 89, 153, 0.24);
  background-image: none;
  border-color: rgba(59, 89, 153, 0);
}

.btn.btn--inverse--facebook:not(.btn-inverse-light) {
  color: #3b5999;
}

.btn.btn--inverse--facebook:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
}

.btn.btn--inverse--facebook:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--facebook:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(59, 89, 153, 0.5);
          box-shadow: 0 0 0 1px rgba(59, 89, 153, 0.5);
}

.show > .btn.btn--inverse--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
}

.btn.btn--inverse--twitter {
  background-color: rgba(29, 161, 242, 0.24);
  background-image: none;
  border-color: rgba(29, 161, 242, 0);
}

.btn.btn--inverse--twitter:not(.btn-inverse-light) {
  color: #1da1f2;
}

.btn.btn--inverse--twitter:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn.btn--inverse--twitter:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--twitter:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(29, 161, 242, 0.5);
          box-shadow: 0 0 0 1px rgba(29, 161, 242, 0.5);
}

.show > .btn.btn--inverse--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn.btn--inverse--google-plus {
  background-color: rgba(221, 75, 57, 0.24);
  background-image: none;
  border-color: rgba(221, 75, 57, 0);
}

.btn.btn--inverse--google-plus:not(.btn-inverse-light) {
  color: #dd4b39;
}

.btn.btn--inverse--google-plus:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.btn.btn--inverse--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(221, 75, 57, 0.5);
          box-shadow: 0 0 0 1px rgba(221, 75, 57, 0.5);
}

.show > .btn.btn--inverse--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.btn.btn--inverse--instagram {
  background-color: rgba(228, 64, 95, 0.24);
  background-image: none;
  border-color: rgba(228, 64, 95, 0);
}

.btn.btn--inverse--instagram:not(.btn-inverse-light) {
  color: #e4405f;
}

.btn.btn--inverse--instagram:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
}

.btn.btn--inverse--instagram:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--instagram:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(228, 64, 95, 0.5);
          box-shadow: 0 0 0 1px rgba(228, 64, 95, 0.5);
}

.show > .btn.btn--inverse--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
}

.btn.btn--inverse--pinterest {
  background-color: rgba(189, 8, 28, 0.24);
  background-image: none;
  border-color: rgba(189, 8, 28, 0);
}

.btn.btn--inverse--pinterest:not(.btn-inverse-light) {
  color: #bd081c;
}

.btn.btn--inverse--pinterest:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

.btn.btn--inverse--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(189, 8, 28, 0.5);
          box-shadow: 0 0 0 1px rgba(189, 8, 28, 0.5);
}

.show > .btn.btn--inverse--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

.btn.btn--inverse--youtube {
  background-color: rgba(205, 32, 31, 0.24);
  background-image: none;
  border-color: rgba(205, 32, 31, 0);
}

.btn.btn--inverse--youtube:not(.btn-inverse-light) {
  color: #cd201f;
}

.btn.btn--inverse--youtube:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

.btn.btn--inverse--youtube:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--youtube:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(205, 32, 31, 0.5);
          box-shadow: 0 0 0 1px rgba(205, 32, 31, 0.5);
}

.show > .btn.btn--inverse--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

.btn.btn--inverse--slack {
  background-color: rgba(58, 175, 133, 0.24);
  background-image: none;
  border-color: rgba(58, 175, 133, 0);
}

.btn.btn--inverse--slack:not(.btn-inverse-light) {
  color: #3aaf85;
}

.btn.btn--inverse--slack:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
}

.btn.btn--inverse--slack:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--slack:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(58, 175, 133, 0.5);
          box-shadow: 0 0 0 1px rgba(58, 175, 133, 0.5);
}

.show > .btn.btn--inverse--slack:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--slack:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
}

.btn.btn--inverse--dribbble {
  background-color: rgba(234, 76, 137, 0.24);
  background-image: none;
  border-color: rgba(234, 76, 137, 0);
}

.btn.btn--inverse--dribbble:not(.btn-inverse-light) {
  color: #ea4c89;
}

.btn.btn--inverse--dribbble:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
}

.btn.btn--inverse--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(234, 76, 137, 0.5);
          box-shadow: 0 0 0 1px rgba(234, 76, 137, 0.5);
}

.show > .btn.btn--inverse--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
}

.btn.btn--inverse--dropbox {
  background-color: rgba(30, 144, 255, 0.24);
  background-image: none;
  border-color: rgba(30, 144, 255, 0);
}

.btn.btn--inverse--dropbox:not(.btn-inverse-light) {
  color: #1E90FF;
}

.btn.btn--inverse--dropbox:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #1E90FF;
  border-color: #1E90FF;
}

.btn.btn--inverse--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(30, 144, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(30, 144, 255, 0.5);
}

.show > .btn.btn--inverse--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #1E90FF;
  border-color: #1E90FF;
}

.btn.btn--inverse--twitch {
  background-color: rgba(75, 54, 124, 0.24);
  background-image: none;
  border-color: rgba(75, 54, 124, 0);
}

.btn.btn--inverse--twitch:not(.btn-inverse-light) {
  color: #4B367C;
}

.btn.btn--inverse--twitch:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #4B367C;
  border-color: #4B367C;
}

.btn.btn--inverse--twitch:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--twitch:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(75, 54, 124, 0.5);
          box-shadow: 0 0 0 1px rgba(75, 54, 124, 0.5);
}

.show > .btn.btn--inverse--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #4B367C;
  border-color: #4B367C;
}

.btn.btn--inverse--paypal {
  background-color: rgba(236, 179, 44, 0.24);
  background-image: none;
  border-color: rgba(236, 179, 44, 0);
}

.btn.btn--inverse--paypal:not(.btn-inverse-light) {
  color: #ecb32c;
}

.btn.btn--inverse--paypal:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #ecb32c;
  border-color: #ecb32c;
}

.btn.btn--inverse--paypal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--paypal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(236, 179, 44, 0.5);
          box-shadow: 0 0 0 1px rgba(236, 179, 44, 0.5);
}

.show > .btn.btn--inverse--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #ecb32c;
  border-color: #ecb32c;
}

.btn.btn--inverse--behance {
  background-color: rgba(0, 87, 255, 0.24);
  background-image: none;
  border-color: rgba(0, 87, 255, 0);
}

.btn.btn--inverse--behance:not(.btn-inverse-light) {
  color: #0057ff;
}

.btn.btn--inverse--behance:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #0057ff;
  border-color: #0057ff;
}

.btn.btn--inverse--behance:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--behance:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 87, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 87, 255, 0.5);
}

.show > .btn.btn--inverse--behance:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--behance:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #0057ff;
  border-color: #0057ff;
}

.btn.btn--inverse--reddit {
  background-color: rgba(232, 68, 34, 0.24);
  background-image: none;
  border-color: rgba(232, 68, 34, 0);
}

.btn.btn--inverse--reddit:not(.btn-inverse-light) {
  color: #E84422;
}

.btn.btn--inverse--reddit:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #E84422;
  border-color: #E84422;
}

.btn.btn--inverse--reddit:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--reddit:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(232, 68, 34, 0.5);
          box-shadow: 0 0 0 1px rgba(232, 68, 34, 0.5);
}

.show > .btn.btn--inverse--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #E84422;
  border-color: #E84422;
}

.btn.btn--inverse--github {
  background-color: rgba(34, 34, 34, 0.24);
  background-image: none;
  border-color: rgba(34, 34, 34, 0);
}

.btn.btn--inverse--github:not(.btn-inverse-light) {
  color: #222222;
}

.btn.btn--inverse--github:hover:not(.btn--disabled) {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.btn.btn--inverse--github:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse--github:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(34, 34, 34, 0.5);
          box-shadow: 0 0 0 1px rgba(34, 34, 34, 0.5);
}

.show > .btn.btn--inverse--github:not(:disabled):not(.disabled):not(.btn--disabled):active.dropdown-toggle, .show > .btn.btn--inverse--github:not(:disabled):not(.disabled):not(.btn--disabled).active.dropdown-toggle {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.btn.btn--3d--primary {
  background: #3BC9DB -webkit-gradient(linear, left top, left bottom, from(#58d1e0), to(#3BC9DB)) repeat-x;
  background: #3BC9DB linear-gradient(180deg, #58d1e0, #3BC9DB) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #1b8795, 0 0 20px 0 rgba(59, 201, 219, 0.2);
          box-shadow: 0 4px 0 0 #1b8795, 0 0 20px 0 rgba(59, 201, 219, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--primary:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
          box-shadow: 0 4px 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #25b8cb -webkit-gradient(linear, left top, left bottom, from(#46c3d2), to(#25b8cb)) repeat-x;
  background: #25b8cb linear-gradient(180deg, #46c3d2, #25b8cb) repeat-x;
}

.btn.btn--3d--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
          box-shadow: 0 4px 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
}

.btn.btn--3d--primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--primary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
          box-shadow: 0 0 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
          box-shadow: 0 0 0 0 #17737f, 0 0 20px 0 rgba(59, 201, 219, 0.2);
}

.btn.btn--3d--secondary {
  background: #F783AC -webkit-gradient(linear, left top, left bottom, from(#f896b8), to(#F783AC)) repeat-x;
  background: #F783AC linear-gradient(180deg, #f896b8, #F783AC) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #f1236c, 0 0 20px 0 rgba(247, 131, 172, 0.2);
          box-shadow: 0 4px 0 0 #f1236c, 0 0 20px 0 rgba(247, 131, 172, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--secondary:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
          box-shadow: 0 4px 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #f55f94 -webkit-gradient(linear, left top, left bottom, from(#f677a4), to(#f55f94)) repeat-x;
  background: #f55f94 linear-gradient(180deg, #f677a4, #f55f94) repeat-x;
}

.btn.btn--3d--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
          box-shadow: 0 4px 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
}

.btn.btn--3d--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
          box-shadow: 0 0 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
          box-shadow: 0 0 0 0 #eb0f5d, 0 0 20px 0 rgba(247, 131, 172, 0.2);
}

.btn.btn--3d--success {
  background: #38D9A9 -webkit-gradient(linear, left top, left bottom, from(#56dfb6), to(#38D9A9)) repeat-x;
  background: #38D9A9 linear-gradient(180deg, #56dfb6, #38D9A9) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #1b906d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
          box-shadow: 0 4px 0 0 #1b906d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--success:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
          box-shadow: 0 4px 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #26c596 -webkit-gradient(linear, left top, left bottom, from(#46cea5), to(#26c596)) repeat-x;
  background: #26c596 linear-gradient(180deg, #46cea5, #26c596) repeat-x;
}

.btn.btn--3d--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
          box-shadow: 0 4px 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
}

.btn.btn--3d--success:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--success:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
          box-shadow: 0 0 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--success:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--success:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
          box-shadow: 0 0 0 0 #177a5d, 0 0 20px 0 rgba(56, 217, 169, 0.2);
}

.btn.btn--3d--danger {
  background: #EF6866 -webkit-gradient(linear, left top, left bottom, from(#f17f7d), to(#EF6866)) repeat-x;
  background: #EF6866 linear-gradient(180deg, #f17f7d, #EF6866) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #d81917, 0 0 20px 0 rgba(239, 104, 102, 0.2);
          box-shadow: 0 4px 0 0 #d81917, 0 0 20px 0 rgba(239, 104, 102, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--danger:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
          box-shadow: 0 4px 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #eb4643 -webkit-gradient(linear, left top, left bottom, from(#ee6260), to(#eb4643)) repeat-x;
  background: #eb4643 linear-gradient(180deg, #ee6260, #eb4643) repeat-x;
}

.btn.btn--3d--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
          box-shadow: 0 4px 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
}

.btn.btn--3d--danger:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--danger:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
          box-shadow: 0 0 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--danger:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--danger:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
          box-shadow: 0 0 0 0 #c11714, 0 0 20px 0 rgba(239, 104, 102, 0.2);
}

.btn.btn--3d--warning {
  background: #FFB76B -webkit-gradient(linear, left top, left bottom, from(#ffc281), to(#FFB76B)) repeat-x;
  background: #FFB76B linear-gradient(180deg, #ffc281, #FFB76B) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #ff8505, 0 0 20px 0 rgba(255, 183, 107, 0.2);
          box-shadow: 0 4px 0 0 #ff8505, 0 0 20px 0 rgba(255, 183, 107, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--warning:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
          box-shadow: 0 4px 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #ffa445 -webkit-gradient(linear, left top, left bottom, from(#ffb261), to(#ffa445)) repeat-x;
  background: #ffa445 linear-gradient(180deg, #ffb261, #ffa445) repeat-x;
}

.btn.btn--3d--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
          box-shadow: 0 4px 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
}

.btn.btn--3d--warning:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--warning:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
          box-shadow: 0 0 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--warning:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--warning:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
          box-shadow: 0 0 0 0 #eb7800, 0 0 20px 0 rgba(255, 183, 107, 0.2);
}

.btn.btn--3d--info {
  background: #0084F4 -webkit-gradient(linear, left top, left bottom, from(#2696f6), to(#0084F4)) repeat-x;
  background: #0084F4 linear-gradient(180deg, #2696f6, #0084F4) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #004d8e, 0 0 20px 0 rgba(0, 132, 244, 0.2);
          box-shadow: 0 4px 0 0 #004d8e, 0 0 20px 0 rgba(0, 132, 244, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--info:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
          box-shadow: 0 4px 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #006fce -webkit-gradient(linear, left top, left bottom, from(#2685d5), to(#006fce)) repeat-x;
  background: #006fce linear-gradient(180deg, #2685d5, #006fce) repeat-x;
}

.btn.btn--3d--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
          box-shadow: 0 4px 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
}

.btn.btn--3d--info:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--info:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
          box-shadow: 0 0 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--info:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--info:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
          box-shadow: 0 0 0 0 #003f75, 0 0 20px 0 rgba(0, 132, 244, 0.2);
}

.btn.btn--3d--dark {
  background: #343A40 -webkit-gradient(linear, left top, left bottom, from(#52585d), to(#343A40)) repeat-x;
  background: #343A40 linear-gradient(180deg, #52585d, #343A40) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #060708, 0 0 20px 0 rgba(52, 58, 64, 0.2);
          box-shadow: 0 4px 0 0 #060708, 0 0 20px 0 rgba(52, 58, 64, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--dark:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #23272b -webkit-gradient(linear, left top, left bottom, from(#44474b), to(#23272b)) repeat-x;
  background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x;
}

.btn.btn--3d--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
}

.btn.btn--3d--dark:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--dark:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
          box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--dark:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--dark:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
          box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(52, 58, 64, 0.2);
}

.btn.btn--3d--grey {
  background: #868E96 -webkit-gradient(linear, left top, left bottom, from(#989fa6), to(#868E96)) repeat-x;
  background: #868E96 linear-gradient(180deg, #989fa6, #868E96) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #555b61, 0 0 20px 0 rgba(134, 142, 150, 0.2);
          box-shadow: 0 4px 0 0 #555b61, 0 0 20px 0 rgba(134, 142, 150, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--grey:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
          box-shadow: 0 4px 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #727b84 -webkit-gradient(linear, left top, left bottom, from(#878f96), to(#727b84)) repeat-x;
  background: #727b84 linear-gradient(180deg, #878f96, #727b84) repeat-x;
}

.btn.btn--3d--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
          box-shadow: 0 4px 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
}

.btn.btn--3d--grey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--grey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
          box-shadow: 0 0 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--grey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--grey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
          box-shadow: 0 0 0 0 #494e54, 0 0 20px 0 rgba(134, 142, 150, 0.2);
}

.btn.btn--3d--lightgrey {
  background: #C5C9CA -webkit-gradient(linear, left top, left bottom, from(#ced1d2), to(#C5C9CA)) repeat-x;
  background: #C5C9CA linear-gradient(180deg, #ced1d2, #C5C9CA) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #909799, 0 0 20px 0 rgba(197, 201, 202, 0.2);
          box-shadow: 0 4px 0 0 #909799, 0 0 20px 0 rgba(197, 201, 202, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--lightgrey:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
          box-shadow: 0 4px 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #b1b6b8 -webkit-gradient(linear, left top, left bottom, from(#bdc1c2), to(#b1b6b8)) repeat-x;
  background: #b1b6b8 linear-gradient(180deg, #bdc1c2, #b1b6b8) repeat-x;
}

.btn.btn--3d--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
          box-shadow: 0 4px 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
}

.btn.btn--3d--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
          box-shadow: 0 0 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
          box-shadow: 0 0 0 0 #828b8d, 0 0 20px 0 rgba(197, 201, 202, 0.2);
}

.btn.btn--3d--light {
  background: #dfe2e3 -webkit-gradient(linear, left top, left bottom, from(#e4e6e7), to(#dfe2e3)) repeat-x;
  background: #dfe2e3 linear-gradient(180deg, #e4e6e7, #dfe2e3) repeat-x;
  border: 0;
  color: #444a4c;
  -webkit-box-shadow: 0 4px 0 0 #a9b1b3, 0 0 20px 0 rgba(223, 226, 227, 0.2);
          box-shadow: 0 4px 0 0 #a9b1b3, 0 0 20px 0 rgba(223, 226, 227, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--light:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
          box-shadow: 0 4px 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #cbd0d1 -webkit-gradient(linear, left top, left bottom, from(#d2d7d8), to(#cbd0d1)) repeat-x;
  background: #cbd0d1 linear-gradient(180deg, #d2d7d8, #cbd0d1) repeat-x;
}

.btn.btn--3d--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
          box-shadow: 0 4px 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
}

.btn.btn--3d--light:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--light:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
          box-shadow: 0 0 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--light:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--light:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
          box-shadow: 0 0 0 0 #9ba4a8, 0 0 20px 0 rgba(223, 226, 227, 0.2);
}

.btn.btn--3d--black {
  background: #2C3031 -webkit-gradient(linear, left top, left bottom, from(#4c4f50), to(#2C3031)) repeat-x;
  background: #2C3031 linear-gradient(180deg, #4c4f50, #2C3031) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--black:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #1a1c1d -webkit-gradient(linear, left top, left bottom, from(#3c3e3f), to(#1a1c1d)) repeat-x;
  background: #1a1c1d linear-gradient(180deg, #3c3e3f, #1a1c1d) repeat-x;
}

.btn.btn--3d--black:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--black:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
}

.btn.btn--3d--black:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--black:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
          box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--black:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--black:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
          box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(44, 48, 49, 0.2);
}

.btn.btn--3d--watergrey {
  background: #D2D6D7 -webkit-gradient(linear, left top, left bottom, from(#d9dcdd), to(#D2D6D7)) repeat-x;
  background: #D2D6D7 linear-gradient(180deg, #d9dcdd, #D2D6D7) repeat-x;
  border: 0;
  color: #444a4c;
  -webkit-box-shadow: 0 4px 0 0 #9ca5a7, 0 0 20px 0 rgba(210, 214, 215, 0.2);
          box-shadow: 0 4px 0 0 #9ca5a7, 0 0 20px 0 rgba(210, 214, 215, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--watergrey:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
          box-shadow: 0 4px 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #bec4c5 -webkit-gradient(linear, left top, left bottom, from(#c8ccce), to(#bec4c5)) repeat-x;
  background: #bec4c5 linear-gradient(180deg, #c8ccce, #bec4c5) repeat-x;
}

.btn.btn--3d--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
          box-shadow: 0 4px 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
}

.btn.btn--3d--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
          box-shadow: 0 0 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--watergrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--watergrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
          box-shadow: 0 0 0 0 #8f999b, 0 0 20px 0 rgba(210, 214, 215, 0.2);
}

.btn.btn--3d--facebook {
  background: #3b5999 -webkit-gradient(linear, left top, left bottom, from(#5872a8), to(#3b5999)) repeat-x;
  background: #3b5999 linear-gradient(180deg, #5872a8, #3b5999) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #1f2e4f, 0 0 20px 0 rgba(59, 89, 153, 0.2);
          box-shadow: 0 4px 0 0 #1f2e4f, 0 0 20px 0 rgba(59, 89, 153, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--facebook:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
          box-shadow: 0 4px 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #30497d -webkit-gradient(linear, left top, left bottom, from(#4f6491), to(#30497d)) repeat-x;
  background: #30497d linear-gradient(180deg, #4f6491, #30497d) repeat-x;
}

.btn.btn--3d--facebook:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--facebook:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
          box-shadow: 0 4px 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
}

.btn.btn--3d--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
          box-shadow: 0 0 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--facebook:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--facebook:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
          box-shadow: 0 0 0 0 #18233d, 0 0 20px 0 rgba(59, 89, 153, 0.2);
}

.btn.btn--3d--twitter {
  background: #1da1f2 -webkit-gradient(linear, left top, left bottom, from(#3faff4), to(#1da1f2)) repeat-x;
  background: #1da1f2 linear-gradient(180deg, #3faff4, #1da1f2) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #0967a0, 0 0 20px 0 rgba(29, 161, 242, 0.2);
          box-shadow: 0 4px 0 0 #0967a0, 0 0 20px 0 rgba(29, 161, 242, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--twitter:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
          box-shadow: 0 4px 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #0d8ddc -webkit-gradient(linear, left top, left bottom, from(#319ee1), to(#0d8ddc)) repeat-x;
  background: #0d8ddc linear-gradient(180deg, #319ee1, #0d8ddc) repeat-x;
}

.btn.btn--3d--twitter:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--twitter:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
          box-shadow: 0 4px 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
}

.btn.btn--3d--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
          box-shadow: 0 0 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--twitter:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--twitter:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
          box-shadow: 0 0 0 0 #085788, 0 0 20px 0 rgba(29, 161, 242, 0.2);
}

.btn.btn--3d--google-plus {
  background: #dd4b39 -webkit-gradient(linear, left top, left bottom, from(#e26657), to(#dd4b39)) repeat-x;
  background: #dd4b39 linear-gradient(180deg, #e26657, #dd4b39) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #96271a, 0 0 20px 0 rgba(221, 75, 57, 0.2);
          box-shadow: 0 4px 0 0 #96271a, 0 0 20px 0 rgba(221, 75, 57, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--google-plus:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
          box-shadow: 0 4px 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #cd3623 -webkit-gradient(linear, left top, left bottom, from(#d45444), to(#cd3623)) repeat-x;
  background: #cd3623 linear-gradient(180deg, #d45444, #cd3623) repeat-x;
}

.btn.btn--3d--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
          box-shadow: 0 4px 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
}

.btn.btn--3d--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
          box-shadow: 0 0 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--google-plus:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--google-plus:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
          box-shadow: 0 0 0 0 #802216, 0 0 20px 0 rgba(221, 75, 57, 0.2);
}

.btn.btn--3d--instagram {
  background: #e4405f -webkit-gradient(linear, left top, left bottom, from(#e85d77), to(#e4405f)) repeat-x;
  background: #e4405f linear-gradient(180deg, #e85d77, #e4405f) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #a61833, 0 0 20px 0 rgba(228, 64, 95, 0.2);
          box-shadow: 0 4px 0 0 #a61833, 0 0 20px 0 rgba(228, 64, 95, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--instagram:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
          box-shadow: 0 4px 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #de1f44 -webkit-gradient(linear, left top, left bottom, from(#e34160), to(#de1f44)) repeat-x;
  background: #de1f44 linear-gradient(180deg, #e34160, #de1f44) repeat-x;
}

.btn.btn--3d--instagram:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--instagram:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
          box-shadow: 0 4px 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
}

.btn.btn--3d--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
          box-shadow: 0 0 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--instagram:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--instagram:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
          box-shadow: 0 0 0 0 #90142c, 0 0 20px 0 rgba(228, 64, 95, 0.2);
}

.btn.btn--3d--pinterest {
  background: #bd081c -webkit-gradient(linear, left top, left bottom, from(#c72d3e), to(#bd081c)) repeat-x;
  background: #bd081c linear-gradient(180deg, #c72d3e, #bd081c) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #5b040e, 0 0 20px 0 rgba(189, 8, 28, 0.2);
          box-shadow: 0 4px 0 0 #5b040e, 0 0 20px 0 rgba(189, 8, 28, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--pinterest:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
          box-shadow: 0 4px 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #980617 -webkit-gradient(linear, left top, left bottom, from(#a82c39), to(#980617)) repeat-x;
  background: #980617 linear-gradient(180deg, #a82c39, #980617) repeat-x;
}

.btn.btn--3d--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
          box-shadow: 0 4px 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
}

.btn.btn--3d--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
          box-shadow: 0 0 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--pinterest:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--pinterest:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
          box-shadow: 0 0 0 0 #43030a, 0 0 20px 0 rgba(189, 8, 28, 0.2);
}

.btn.btn--3d--youtube {
  background: #cd201f -webkit-gradient(linear, left top, left bottom, from(#d54141), to(#cd201f)) repeat-x;
  background: #cd201f linear-gradient(180deg, #d54141, #cd201f) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #741212, 0 0 20px 0 rgba(205, 32, 31, 0.2);
          box-shadow: 0 4px 0 0 #741212, 0 0 20px 0 rgba(205, 32, 31, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--youtube:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
          box-shadow: 0 4px 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #ac1b1a -webkit-gradient(linear, left top, left bottom, from(#b83d3c), to(#ac1b1a)) repeat-x;
  background: #ac1b1a linear-gradient(180deg, #b83d3c, #ac1b1a) repeat-x;
}

.btn.btn--3d--youtube:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--youtube:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
          box-shadow: 0 4px 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
}

.btn.btn--3d--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
          box-shadow: 0 0 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--youtube:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--youtube:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
          box-shadow: 0 0 0 0 #5e0f0e, 0 0 20px 0 rgba(205, 32, 31, 0.2);
}

.btn.btn--3d--slack {
  background: #3aaf85 -webkit-gradient(linear, left top, left bottom, from(#58bb97), to(#3aaf85)) repeat-x;
  background: #3aaf85 linear-gradient(180deg, #58bb97, #3aaf85) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #21624b, 0 0 20px 0 rgba(58, 175, 133, 0.2);
          box-shadow: 0 4px 0 0 #21624b, 0 0 20px 0 rgba(58, 175, 133, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--slack:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
          box-shadow: 0 4px 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #30926f -webkit-gradient(linear, left top, left bottom, from(#4fa385), to(#30926f)) repeat-x;
  background: #30926f linear-gradient(180deg, #4fa385, #30926f) repeat-x;
}

.btn.btn--3d--slack:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--slack:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
          box-shadow: 0 4px 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
}

.btn.btn--3d--slack:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--slack:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
          box-shadow: 0 0 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--slack:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--slack:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
          box-shadow: 0 0 0 0 #1a4f3c, 0 0 20px 0 rgba(58, 175, 133, 0.2);
}

.btn.btn--3d--dribbble {
  background: #ea4c89 -webkit-gradient(linear, left top, left bottom, from(#ed679b), to(#ea4c89)) repeat-x;
  background: #ea4c89 linear-gradient(180deg, #ed679b, #ea4c89) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #ba1655, 0 0 20px 0 rgba(234, 76, 137, 0.2);
          box-shadow: 0 4px 0 0 #ba1655, 0 0 20px 0 rgba(234, 76, 137, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--dribbble:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
          box-shadow: 0 4px 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #e62a72 -webkit-gradient(linear, left top, left bottom, from(#ea4a88), to(#e62a72)) repeat-x;
  background: #e62a72 linear-gradient(180deg, #ea4a88, #e62a72) repeat-x;
}

.btn.btn--3d--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
          box-shadow: 0 4px 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
}

.btn.btn--3d--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
          box-shadow: 0 0 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--dribbble:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--dribbble:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
          box-shadow: 0 0 0 0 #a3134b, 0 0 20px 0 rgba(234, 76, 137, 0.2);
}

.btn.btn--3d--dropbox {
  background: #1E90FF -webkit-gradient(linear, left top, left bottom, from(#40a1ff), to(#1E90FF)) repeat-x;
  background: #1E90FF linear-gradient(180deg, #40a1ff, #1E90FF) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #005db7, 0 0 20px 0 rgba(30, 144, 255, 0.2);
          box-shadow: 0 4px 0 0 #005db7, 0 0 20px 0 rgba(30, 144, 255, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--dropbox:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
          box-shadow: 0 4px 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #007df7 -webkit-gradient(linear, left top, left bottom, from(#2691f8), to(#007df7)) repeat-x;
  background: #007df7 linear-gradient(180deg, #2691f8, #007df7) repeat-x;
}

.btn.btn--3d--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
          box-shadow: 0 4px 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
}

.btn.btn--3d--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
          box-shadow: 0 0 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--dropbox:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--dropbox:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
          box-shadow: 0 0 0 0 #00509e, 0 0 20px 0 rgba(30, 144, 255, 0.2);
}

.btn.btn--3d--twitch {
  background: #4B367C -webkit-gradient(linear, left top, left bottom, from(#665490), to(#4B367C)) repeat-x;
  background: #4B367C linear-gradient(180deg, #665490, #4B367C) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #201735, 0 0 20px 0 rgba(75, 54, 124, 0.2);
          box-shadow: 0 4px 0 0 #201735, 0 0 20px 0 rgba(75, 54, 124, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--twitch:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
          box-shadow: 0 4px 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #3b2a61 -webkit-gradient(linear, left top, left bottom, from(#584a79), to(#3b2a61)) repeat-x;
  background: #3b2a61 linear-gradient(180deg, #584a79, #3b2a61) repeat-x;
}

.btn.btn--3d--twitch:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--twitch:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
          box-shadow: 0 4px 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
}

.btn.btn--3d--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
          box-shadow: 0 0 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--twitch:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--twitch:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
          box-shadow: 0 0 0 0 #150f23, 0 0 20px 0 rgba(75, 54, 124, 0.2);
}

.btn.btn--3d--paypal {
  background: #ecb32c -webkit-gradient(linear, left top, left bottom, from(#efbe4c), to(#ecb32c)) repeat-x;
  background: #ecb32c linear-gradient(180deg, #efbe4c, #ecb32c) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #a3770f, 0 0 20px 0 rgba(236, 179, 44, 0.2);
          box-shadow: 0 4px 0 0 #a3770f, 0 0 20px 0 rgba(236, 179, 44, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--paypal:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
          box-shadow: 0 4px 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #dea214 -webkit-gradient(linear, left top, left bottom, from(#e3b037), to(#dea214)) repeat-x;
  background: #dea214 linear-gradient(180deg, #e3b037, #dea214) repeat-x;
}

.btn.btn--3d--paypal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--paypal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
          box-shadow: 0 4px 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
}

.btn.btn--3d--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
          box-shadow: 0 0 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--paypal:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--paypal:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
          box-shadow: 0 0 0 0 #8c660d, 0 0 20px 0 rgba(236, 179, 44, 0.2);
}

.btn.btn--3d--behance {
  background: #0057ff -webkit-gradient(linear, left top, left bottom, from(#2670ff), to(#0057ff)) repeat-x;
  background: #0057ff linear-gradient(180deg, #2670ff, #0057ff) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #003499, 0 0 20px 0 rgba(0, 87, 255, 0.2);
          box-shadow: 0 4px 0 0 #003499, 0 0 20px 0 rgba(0, 87, 255, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--behance:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
          box-shadow: 0 4px 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #004ad9 -webkit-gradient(linear, left top, left bottom, from(#2665de), to(#004ad9)) repeat-x;
  background: #004ad9 linear-gradient(180deg, #2665de, #004ad9) repeat-x;
}

.btn.btn--3d--behance:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--behance:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
          box-shadow: 0 4px 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
}

.btn.btn--3d--behance:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--behance:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
          box-shadow: 0 0 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--behance:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--behance:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
          box-shadow: 0 0 0 0 #002c80, 0 0 20px 0 rgba(0, 87, 255, 0.2);
}

.btn.btn--3d--reddit {
  background: #E84422 -webkit-gradient(linear, left top, left bottom, from(#eb6043), to(#E84422)) repeat-x;
  background: #E84422 linear-gradient(180deg, #eb6043, #E84422) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 #95260f, 0 0 20px 0 rgba(232, 68, 34, 0.2);
          box-shadow: 0 4px 0 0 #95260f, 0 0 20px 0 rgba(232, 68, 34, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--reddit:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
          box-shadow: 0 4px 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #ce3515 -webkit-gradient(linear, left top, left bottom, from(#d65338), to(#ce3515)) repeat-x;
  background: #ce3515 linear-gradient(180deg, #d65338, #ce3515) repeat-x;
}

.btn.btn--3d--reddit:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--reddit:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
          box-shadow: 0 4px 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
}

.btn.btn--3d--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
          box-shadow: 0 0 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--reddit:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--reddit:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
          box-shadow: 0 0 0 0 #7d200d, 0 0 20px 0 rgba(232, 68, 34, 0.2);
}

.btn.btn--3d--github {
  background: #222222 -webkit-gradient(linear, left top, left bottom, from(#434343), to(#222222)) repeat-x;
  background: #222222 linear-gradient(180deg, #434343, #222222) repeat-x;
  border: 0;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.btn.btn--3d--github:hover:not(.btn--disabled) {
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #0f0f0f -webkit-gradient(linear, left top, left bottom, from(#333333), to(#0f0f0f)) repeat-x;
  background: #0f0f0f linear-gradient(180deg, #333333, #0f0f0f) repeat-x;
}

.btn.btn--3d--github:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--3d--github:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
          box-shadow: 0 4px 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
}

.btn.btn--3d--github:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--3d--github:not(:disabled):not(.disabled):not(.btn--disabled).active {
  -webkit-box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
          box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.btn.btn--3d--github:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):focus, .btn.btn--3d--github:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
          box-shadow: 0 0 0 0 black, 0 0 20px 0 rgba(34, 34, 34, 0.2);
}

input[type="submit"].btn--block,
input[type="reset"].btn--block,
input[type="button"].btn--block {
  width: 100%;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Cards
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.card {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 24px 0 rgba(44, 48, 49, 0.04);
          box-shadow: 0 2px 24px 0 rgba(44, 48, 49, 0.04);
  -webkit-transition: ease-in-out all 0.35s;
  transition: ease-in-out all 0.35s;
}

.card-point {
  border: #edeeef 1px solid;
  margin: 1.25rem 0 0 0;
}

.card-point:hover .mask_primary--24 {
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.card-point a {
  display: block;
}

.card-point .img-container:before {
  padding-top: 50%;
}

.card-point .img-container .image {
  border-radius: 4px 4px 0 0;
}

.card-point .img-container .btn-add-point {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: none;
  color: #C5C9CA;
  padding: 0;
  z-index: 2;
}

.card-point .img-container .btn-add-point i {
  font-size: 1.125rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.card-point .img-container .btn-add-point.active, .card-point .img-container .btn-add-point:hover {
  background-color: #3BC9DB;
  color: #fff;
}

.card-point .img-container .mask {
  z-index: 1;
}

.card-point figcaption {
  padding: 1rem;
}

.card-point figcaption .tag {
  background-color: #3BC9DB;
  color: #fff;
  font-size: .75rem;
  padding: .125rem .5rem;
}

.card-point figcaption .tag:not(:last-of-type) {
  margin-right: .25rem;
}

.card-point figcaption h6 {
  color: #2C3031;
  font-size: 1rem;
  margin-top: .5rem;
  height: 3rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 顯示行數 Chrome&Safari */
  max-height: calc(1em * 2 * 2);
  /* 顯示高度 IE&Firefox */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.card-point figcaption h6:after {
  content: '...';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75%, white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 75%);
  width: 25%;
  height: calc(1em * 2);
  text-align: right;
}

@supports (-webkit-line-clamp: 1) {
  .card-point figcaption h6:after {
    display: none;
  }
}

.card-point figcaption .area-line {
  margin-top: .5rem;
  text-align: right;
}

.card-point figcaption .area-line i {
  color: #91e1eb;
  vertical-align: middle;
}

.card-point figcaption .area-line span {
  color: #868E96;
  font-size: .75rem;
  vertical-align: middle;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Category Picker
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.category-picker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  z-index: 1000;
}

.category-picker .category-mask {
  position: fixed;
  background-color: rgba(52, 58, 64, 0.24);
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.category-picker .category-modal {
  width: 100%;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  max-width: 750px;
  padding: 0 1rem;
  height: 100%;
  margin: auto;
}

.category-picker .category-modal .category-modal-cnt {
  overflow: hidden;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 0.5rem 0 #C5C9CA;
          box-shadow: 0 0 0.5rem 0 #C5C9CA;
  min-height: 530px;
  margin: 1rem 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.category-picker .category-modal .category-modal-cnt .category-modal-header {
  font-weight: bolder;
  text-align: center;
  padding: .75rem 0;
}

.category-picker .category-modal .category-modal-cnt .category-modal-header .category-close {
  border: 0;
  outline: 0;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath fill='none' stroke='%237E7E7E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M22 22l-5-5 5 5 5-5-5 5zm0 0l5 5-5-5-5 5 5-5z'/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.category-picker .category-modal .category-modal-cnt .category-modal-selected {
  padding: .5rem 1rem;
}

.category-picker .category-modal .category-modal-cnt .category-modal-body {
  border-top: 1px solid #dfe2e3;
  min-height: 384px;
  overflow: hidden;
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .list-level-one {
  border-right: 1px solid #dfe2e3;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  width: 50%;
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .list-level-one.list-level-two--focus {
  display: none;
}

@media (max-width: 576px) {
  .category-picker .category-modal .category-modal-cnt .category-modal-body .list-level-one {
    width: 100%;
  }
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .category-item {
  border-bottom: 1px solid #dfe2e3;
  cursor: pointer;
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: 1rem;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .category-item > i {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .category-item:hover, .category-picker .category-modal .category-modal-cnt .category-modal-body .category-item.active {
  background-color: #e7f8fb;
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .list-level-two {
  width: 50%;
  top: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.category-picker .category-modal .category-modal-cnt .category-modal-body .list-level-two.list-level-two--focus {
  right: 0;
}

@media (max-width: 576px) {
  .category-picker .category-modal .category-modal-cnt .category-modal-body .list-level-two {
    width: 100%;
    right: -100%;
  }
}

.category-picker .category-modal .category-modal-cnt .category-modal-footer {
  -webkit-box-shadow: 0 -1px 2px 0 #ececeb;
          box-shadow: 0 -1px 2px 0 #ececeb;
  padding: .75rem;
  text-align: center;
}

/**
 * ==   Components > Images
 */
.img-container {
  display: block;
  width: 100%;
}

.img-container:before {
  content: '';
  display: block;
  width: 100%;
}

.img-container.percent_1--1:before {
  padding-top: 100%;
}

.img-container.percent_2--1:before {
  padding-top: 50%;
}

.img-container.percent_3--1:before {
  padding-top: 33%;
}

.img-container.percent_4--1:before {
  padding-top: 25%;
}

.img-container.percent_5--1:before {
  padding-top: 20%;
}

.img-container.percent_16--9:before {
  padding-top: 56%;
}

.img-container.percent_36--1:before {
  padding-top: 27.5%;
}

.img-container .image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > inputs
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.input--xs.input--xs {
  font-size: .75rem;
  padding: .375rem .625rem;
  max-width: 12rem;
}

.input--sm.input--sm {
  padding: .5rem .75rem;
  width: 16rem;
  max-width: 100%;
}

.input--md.input--md {
  width: 20rem;
  max-width: 100%;
}

.input--lg.input--lg {
  padding: .875rem 1rem;
  width: 24rem;
  max-width: 100%;
}

.input--xlg.input--xlg {
  padding: 1rem 1.125rem;
  width: 28rem;
  max-width: 100%;
}

.input--xxlg.input--xxlg {
  padding: 1.125rem 1.25rem;
  width: 32rem;
  max-width: 100%;
}

.input--full.input--full {
  width: 100%;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Mask
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mask.mask_white--4 {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

.mask.mask_white--8 {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.mask.mask_white--12 {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.mask.mask_white--16 {
  background-color: rgba(255, 255, 255, 0.16) !important;
}

.mask.mask_white--20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.mask.mask_white--24 {
  background-color: rgba(255, 255, 255, 0.24) !important;
}

.mask.mask_white--28 {
  background-color: rgba(255, 255, 255, 0.28) !important;
}

.mask.mask_white--32 {
  background-color: rgba(255, 255, 255, 0.32) !important;
}

.mask.mask_white--36 {
  background-color: rgba(255, 255, 255, 0.36) !important;
}

.mask.mask_white--40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mask.mask_white--44 {
  background-color: rgba(255, 255, 255, 0.44) !important;
}

.mask.mask_white--48 {
  background-color: rgba(255, 255, 255, 0.48) !important;
}

.mask.mask_white--52 {
  background-color: rgba(255, 255, 255, 0.52) !important;
}

.mask.mask_white--56 {
  background-color: rgba(255, 255, 255, 0.56) !important;
}

.mask.mask_white--60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.mask.mask_white--64 {
  background-color: rgba(255, 255, 255, 0.64) !important;
}

.mask.mask_white--68 {
  background-color: rgba(255, 255, 255, 0.68) !important;
}

.mask.mask_white--72 {
  background-color: rgba(255, 255, 255, 0.72) !important;
}

.mask.mask_white--76 {
  background-color: rgba(255, 255, 255, 0.76) !important;
}

.mask.mask_white--80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.mask.mask_white--84 {
  background-color: rgba(255, 255, 255, 0.84) !important;
}

.mask.mask_white--88 {
  background-color: rgba(255, 255, 255, 0.88) !important;
}

.mask.mask_white--92 {
  background-color: rgba(255, 255, 255, 0.92) !important;
}

.mask.mask_white--96 {
  background-color: rgba(255, 255, 255, 0.96) !important;
}

.mask.mask_white--100 {
  background-color: white !important;
}

.mask.mask_dark--4 {
  background-color: rgba(44, 48, 49, 0.04) !important;
}

.mask.mask_dark--8 {
  background-color: rgba(44, 48, 49, 0.08) !important;
}

.mask.mask_dark--12 {
  background-color: rgba(44, 48, 49, 0.12) !important;
}

.mask.mask_dark--16 {
  background-color: rgba(44, 48, 49, 0.16) !important;
}

.mask.mask_dark--20 {
  background-color: rgba(44, 48, 49, 0.2) !important;
}

.mask.mask_dark--24 {
  background-color: rgba(44, 48, 49, 0.24) !important;
}

.mask.mask_dark--28 {
  background-color: rgba(44, 48, 49, 0.28) !important;
}

.mask.mask_dark--32 {
  background-color: rgba(44, 48, 49, 0.32) !important;
}

.mask.mask_dark--36 {
  background-color: rgba(44, 48, 49, 0.36) !important;
}

.mask.mask_dark--40 {
  background-color: rgba(44, 48, 49, 0.4) !important;
}

.mask.mask_dark--44 {
  background-color: rgba(44, 48, 49, 0.44) !important;
}

.mask.mask_dark--48 {
  background-color: rgba(44, 48, 49, 0.48) !important;
}

.mask.mask_dark--52 {
  background-color: rgba(44, 48, 49, 0.52) !important;
}

.mask.mask_dark--56 {
  background-color: rgba(44, 48, 49, 0.56) !important;
}

.mask.mask_dark--60 {
  background-color: rgba(44, 48, 49, 0.6) !important;
}

.mask.mask_dark--64 {
  background-color: rgba(44, 48, 49, 0.64) !important;
}

.mask.mask_dark--68 {
  background-color: rgba(44, 48, 49, 0.68) !important;
}

.mask.mask_dark--72 {
  background-color: rgba(44, 48, 49, 0.72) !important;
}

.mask.mask_dark--76 {
  background-color: rgba(44, 48, 49, 0.76) !important;
}

.mask.mask_dark--80 {
  background-color: rgba(44, 48, 49, 0.8) !important;
}

.mask.mask_dark--84 {
  background-color: rgba(44, 48, 49, 0.84) !important;
}

.mask.mask_dark--88 {
  background-color: rgba(44, 48, 49, 0.88) !important;
}

.mask.mask_dark--92 {
  background-color: rgba(44, 48, 49, 0.92) !important;
}

.mask.mask_dark--96 {
  background-color: rgba(44, 48, 49, 0.96) !important;
}

.mask.mask_dark--100 {
  background-color: #2c3031 !important;
}

.mask.mask_primary--4 {
  background-color: rgba(188, 237, 243, 0.04) !important;
}

.mask.mask_primary--8 {
  background-color: rgba(188, 237, 243, 0.08) !important;
}

.mask.mask_primary--12 {
  background-color: rgba(188, 237, 243, 0.12) !important;
}

.mask.mask_primary--16 {
  background-color: rgba(188, 237, 243, 0.16) !important;
}

.mask.mask_primary--20 {
  background-color: rgba(188, 237, 243, 0.2) !important;
}

.mask.mask_primary--24 {
  background-color: rgba(188, 237, 243, 0.24) !important;
}

.mask.mask_primary--28 {
  background-color: rgba(188, 237, 243, 0.28) !important;
}

.mask.mask_primary--32 {
  background-color: rgba(188, 237, 243, 0.32) !important;
}

.mask.mask_primary--36 {
  background-color: rgba(188, 237, 243, 0.36) !important;
}

.mask.mask_primary--40 {
  background-color: rgba(188, 237, 243, 0.4) !important;
}

.mask.mask_primary--44 {
  background-color: rgba(188, 237, 243, 0.44) !important;
}

.mask.mask_primary--48 {
  background-color: rgba(188, 237, 243, 0.48) !important;
}

.mask.mask_primary--52 {
  background-color: rgba(188, 237, 243, 0.52) !important;
}

.mask.mask_primary--56 {
  background-color: rgba(188, 237, 243, 0.56) !important;
}

.mask.mask_primary--60 {
  background-color: rgba(188, 237, 243, 0.6) !important;
}

.mask.mask_primary--64 {
  background-color: rgba(188, 237, 243, 0.64) !important;
}

.mask.mask_primary--68 {
  background-color: rgba(188, 237, 243, 0.68) !important;
}

.mask.mask_primary--72 {
  background-color: rgba(188, 237, 243, 0.72) !important;
}

.mask.mask_primary--76 {
  background-color: rgba(188, 237, 243, 0.76) !important;
}

.mask.mask_primary--80 {
  background-color: rgba(188, 237, 243, 0.8) !important;
}

.mask.mask_primary--84 {
  background-color: rgba(188, 237, 243, 0.84) !important;
}

.mask.mask_primary--88 {
  background-color: rgba(188, 237, 243, 0.88) !important;
}

.mask.mask_primary--92 {
  background-color: rgba(188, 237, 243, 0.92) !important;
}

.mask.mask_primary--96 {
  background-color: rgba(188, 237, 243, 0.96) !important;
}

.mask.mask_primary--100 {
  background-color: #bcedf3 !important;
}

.mask.mask_square {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBpZD0iR3JvdXBfODI4MjQiIGRhdGEtbmFtZT0iR3JvdXAgODI4MjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjEgLTE1OCkiPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDExNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMTYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMiAxNTkpIiBmaWxsPSIjOWI5YjliIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTE3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDExNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIxIDE1OCkiIGZpbGw9IiM5YjliOWIiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjYiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTI2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjIgMTU4KSIgZmlsbD0iI2ZiZmJmYiIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDEyNyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3MCAxNTgpIiBmaWxsPSIjZmJmYmZiIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTI1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDEyNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIxIDE1OSkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjgiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjEgMjA3KSIgZmlsbD0iI2ZmZiIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDExOSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMTkiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMiAyMDcpIiBmaWxsPSIjOWI5YjliIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTIxIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDEyMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcwIDIwNykiIGZpbGw9IiM5YjliOWIiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzAgMTU5KSIgZmlsbD0iIzliOWI5YiIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDExOCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMTgiIHdpZHRoPSIxIiBoZWlnaHQ9IjQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjEgMTYwKSIgZmlsbD0iI2U5ZTllOCIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDEyMiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzAgMTU4KSByb3RhdGUoOTApIiBmaWxsPSIjZTllOWU4Ii8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTI0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDEyNCIgd2lkdGg9IjEiIGhlaWdodD0iNDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3MCAyMDcpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTIwIiB3aWR0aD0iMSIgaGVpZ2h0PSI0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcwIDE2MCkiIGZpbGw9IiNlOWU5ZTgiLz4KICA8L2c+Cjwvc3ZnPgo=");
  background-size: 2rem 2rem;
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: 0;
  filter: alpha(opacity=72);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=72);
  opacity: 0.72;
}

.mask.mask_wave {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAP0lEQVQoU42Q0QoAIAgDz///aMPAKKeQb26HTg0tB6zKVUhI4Bus5tMn2K4Djh7gBGXM7Uvo5riQ/BfUNwwTWfn+Cgg4zkoRAAAAAElFTkSuQmCC) repeat;
  filter: alpha(opacity=16);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=16);
  opacity: 0.16;
}

.mask.mask_slash {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAN0lEQVQoU2NkIAIwEqHmPyFF/xkYGBgJKQJbhEsR2ASYU7ApQlGAzyQU/yCbhGECunU4FYAUAgBp4wYJ31jKswAAAABJRU5ErkJggg==) repeat;
  filter: alpha(opacity=16);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=16);
  opacity: 0.16;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Modal
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.opt--0 {
  opacity: 0 !important;
}

.opt--4 {
  opacity: 0.04 !important;
}

.opt--8 {
  opacity: 0.08 !important;
}

.opt--12 {
  opacity: 0.12 !important;
}

.opt--16 {
  opacity: 0.16 !important;
}

.opt--20 {
  opacity: 0.2 !important;
}

.opt--24 {
  opacity: 0.24 !important;
}

.opt--28 {
  opacity: 0.28 !important;
}

.opt--32 {
  opacity: 0.32 !important;
}

.opt--36 {
  opacity: 0.36 !important;
}

.opt--40 {
  opacity: 0.4 !important;
}

.opt--44 {
  opacity: 0.44 !important;
}

.opt--48 {
  opacity: 0.48 !important;
}

.opt--52 {
  opacity: 0.52 !important;
}

.opt--56 {
  opacity: 0.56 !important;
}

.opt--60 {
  opacity: 0.6 !important;
}

.opt--64 {
  opacity: 0.64 !important;
}

.opt--68 {
  opacity: 0.68 !important;
}

.opt--72 {
  opacity: 0.72 !important;
}

.opt--76 {
  opacity: 0.76 !important;
}

.opt--80 {
  opacity: 0.8 !important;
}

.opt--84 {
  opacity: 0.84 !important;
}

.opt--88 {
  opacity: 0.88 !important;
}

.opt--92 {
  opacity: 0.92 !important;
}

.opt--96 {
  opacity: 0.96 !important;
}

.opt--100 {
  opacity: 1 !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Pace Loading
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.pace {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #3BC9DB;
  position: fixed;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
  z-index: 2000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(44, 48, 49, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow:before, .bs-popover-auto[x-placement^="top"] .arrow:before, .bs-popover-top .arrow:after, .bs-popover-auto[x-placement^="top"] .arrow:after {
  border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow:before, .bs-popover-auto[x-placement^="top"] .arrow:before {
  bottom: 0;
  border-top-color: rgba(44, 48, 49, 0.25);
}

.bs-popover-top .arrow:after, .bs-popover-auto[x-placement^="top"] .arrow:after {
  bottom: 1px;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right .arrow:before, .bs-popover-auto[x-placement^="right"] .arrow:before, .bs-popover-right .arrow:after, .bs-popover-auto[x-placement^="right"] .arrow:after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow:before, .bs-popover-auto[x-placement^="right"] .arrow:before {
  left: 0;
  border-right-color: rgba(44, 48, 49, 0.25);
}

.bs-popover-right .arrow:after, .bs-popover-auto[x-placement^="right"] .arrow:after {
  left: 1px;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow:before, .bs-popover-auto[x-placement^="bottom"] .arrow:before, .bs-popover-bottom .arrow:after, .bs-popover-auto[x-placement^="bottom"] .arrow:after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow:before, .bs-popover-auto[x-placement^="bottom"] .arrow:before {
  top: 0;
  border-bottom-color: rgba(44, 48, 49, 0.25);
}

.bs-popover-bottom .arrow:after, .bs-popover-auto[x-placement^="bottom"] .arrow:after {
  top: 1px;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left .arrow:before, .bs-popover-auto[x-placement^="left"] .arrow:before, .bs-popover-left .arrow:after, .bs-popover-auto[x-placement^="left"] .arrow:after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow:before, .bs-popover-auto[x-placement^="left"] .arrow:before {
  right: 0;
  border-left-color: rgba(44, 48, 49, 0.25);
}

.bs-popover-left .arrow:after, .bs-popover-auto[x-placement^="left"] .arrow:after {
  right: 1px;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Rounded
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.rounded--0 {
  border-radius: 0px !important;
}

.rounded--4 {
  border-radius: 4px !important;
}

.rounded--8 {
  border-radius: 8px !important;
}

.rounded--12 {
  border-radius: 12px !important;
}

.rounded--16 {
  border-radius: 16px !important;
}

.rounded--20 {
  border-radius: 20px !important;
}

.rounded--24 {
  border-radius: 24px !important;
}

.rounded--28 {
  border-radius: 28px !important;
}

.rounded--32 {
  border-radius: 32px !important;
}

.rounded--36 {
  border-radius: 36px !important;
}

.rounded--40 {
  border-radius: 40px !important;
}

.rounded--44 {
  border-radius: 44px !important;
}

.rounded--48 {
  border-radius: 48px !important;
}

.rounded--52 {
  border-radius: 52px !important;
}

.rounded--56 {
  border-radius: 56px !important;
}

.rounded--60 {
  border-radius: 60px !important;
}

.rounded--64 {
  border-radius: 64px !important;
}

.rounded--68 {
  border-radius: 68px !important;
}

.rounded--72 {
  border-radius: 72px !important;
}

.rounded--76 {
  border-radius: 76px !important;
}

.rounded--80 {
  border-radius: 80px !important;
}

.rounded--84 {
  border-radius: 84px !important;
}

.rounded--88 {
  border-radius: 88px !important;
}

.rounded--92 {
  border-radius: 92px !important;
}

.rounded--96 {
  border-radius: 96px !important;
}

.rounded--100 {
  border-radius: 100px !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > rtTools
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.rt-fix-tools {
  width: 4.5rem;
  border: #EFF3F5 1px solid;
  background-color: white;
  color: #72828A;
  cursor: pointer;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(35, 49, 56, 0.08), 4px 4px 8px 0 rgba(35, 49, 56, 0.1), 6px 6px 12px 0 rgba(35, 49, 56, 0.12);
          box-shadow: 2px 2px 4px 0 rgba(35, 49, 56, 0.08), 4px 4px 8px 0 rgba(35, 49, 56, 0.1), 6px 6px 12px 0 rgba(35, 49, 56, 0.12);
  opacity: .86;
  font-size: .75rem;
  z-index: 99;
}

.rt-fix-tools.df-tools--intro,
.rt-fix-tools.df-tool {
  padding: 1rem .25rem .75rem;
  position: fixed;
  right: 24px;
  -webkit-animation: zoomIn 1s ease-in-out;
          animation: zoomIn 1s ease-in-out;
}

.rt-fix-tools.df-tool {
  bottom: 144px;
}

.rt-fix-tools.df-tools--intro {
  bottom: 232px;
}

.rt-fix-tools > i {
  display: block;
}

.rt-fix-tools.df-tools--intro > i,
.rt-fix-tools.df-tool > i {
  font-size: 1.75rem;
  color: #3BC9DB;
  margin-bottom: .375rem;
}

.rt-fix-tools:hover {
  -webkit-box-shadow: 2px 2px 6px 0 rgba(35, 49, 56, 0.12), 4px 4px 10px 0 rgba(35, 49, 56, 0.16), 6px 6px 14px 0 rgba(35, 49, 56, 0.18);
          box-shadow: 2px 2px 6px 0 rgba(35, 49, 56, 0.12), 4px 4px 10px 0 rgba(35, 49, 56, 0.16), 6px 6px 14px 0 rgba(35, 49, 56, 0.18);
  opacity: 1;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.go-to-top {
  display: none;
  padding: .5rem .25rem .375rem;
}

.go-to-top > i {
  font-size: 1.75rem;
  margin-bottom: .25rem;
}

.go-to-top > font {
  font-size: .75rem;
}

.go-to-top:hover, .go-to-top:focus:hover {
  color: #3BC9DB;
}

.w--0 {
  width: 0% !important;
}

.w--5 {
  width: 5% !important;
}

.w--10 {
  width: 10% !important;
}

.w--15 {
  width: 15% !important;
}

.w--20 {
  width: 20% !important;
}

.w--25 {
  width: 25% !important;
}

.w--30 {
  width: 30% !important;
}

.w--35 {
  width: 35% !important;
}

.w--40 {
  width: 40% !important;
}

.w--45 {
  width: 45% !important;
}

.w--50 {
  width: 50% !important;
}

.w--55 {
  width: 55% !important;
}

.w--60 {
  width: 60% !important;
}

.w--65 {
  width: 65% !important;
}

.w--70 {
  width: 70% !important;
}

.w--75 {
  width: 75% !important;
}

.w--80 {
  width: 80% !important;
}

.w--85 {
  width: 85% !important;
}

.w--90 {
  width: 90% !important;
}

.w--95 {
  width: 95% !important;
}

.w--100 {
  width: 100% !important;
}

.select-box {
  display: inline-block;
  color: #212B33;
  font-weight: bolder;
  /* width: 12.5rem; */
  z-index: 1;
}

.select-box__current {
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  outline: none;
}

.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}

.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}

.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  opacity: 0.3;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.select-box__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.select-box__input {
  display: none;
}

.select-box__input:checked + .select-box__input-text {
  display: block;
}

.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: .75rem 3rem .75rem 1.5rem;
  background-color: #3FEDEC;
}

@media (max-width: 768px) {
  .select-box__input-text {
    padding: 1.25rem 3rem 1.25rem 1.5rem;
  }
}

.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}

.select-box__list li {
  width: 100%;
}

.select-box__option {
  display: block;
  padding: 1rem;
  background-color: #fff;
}

.select-box__option:hover,
.select-box__option:focus {
  color: #546c84;
  background-color: #fbfbfb;
}

@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Texts
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.text--primary.text--primary.text--primary.text--primary {
  color: #3BC9DB;
}

.text--secondary.text--secondary.text--secondary.text--secondary {
  color: #F783AC;
}

.text--success.text--success.text--success.text--success {
  color: #38D9A9;
}

.text--danger.text--danger.text--danger.text--danger {
  color: #EF6866;
}

.text--warning.text--warning.text--warning.text--warning {
  color: #FFB76B;
}

.text--info.text--info.text--info.text--info {
  color: #0084F4;
}

.text--dark.text--dark.text--dark.text--dark {
  color: #343A40;
}

.text--grey.text--grey.text--grey.text--grey {
  color: #868E96;
}

.text--lightgrey.text--lightgrey.text--lightgrey.text--lightgrey {
  color: #C5C9CA;
}

.text--light.text--light.text--light.text--light {
  color: #dfe2e3;
}

.text--black.text--black.text--black.text--black {
  color: #2C3031;
}

.text--default.text--default.text--default.text--default {
  color: #F5FDFE;
}

.text--watergrey.text--watergrey.text--watergrey.text--watergrey {
  color: #D2D6D7;
}

.link--primary.link--primary.link--primary.link--primary {
  color: #3BC9DB;
}

.link--primary.link--primary.link--primary.link--primary:hover {
  color: #91e1eb;
}

.link--secondary.link--secondary.link--secondary.link--secondary {
  color: #F783AC;
}

.link--secondary.link--secondary.link--secondary.link--secondary:hover {
  color: #fde3ec;
}

.link--success.link--success.link--success.link--success {
  color: #38D9A9;
}

.link--success.link--success.link--success.link--success:hover {
  color: #8ee9ce;
}

.link--danger.link--danger.link--danger.link--danger {
  color: #EF6866;
}

.link--danger.link--danger.link--danger.link--danger:hover {
  color: #f9c3c2;
}

.link--warning.link--warning.link--warning.link--warning {
  color: #FFB76B;
}

.link--warning.link--warning.link--warning.link--warning:hover {
  color: #ffe9d1;
}

.link--info.link--info.link--info.link--info {
  color: #0084F4;
}

.link--info.link--info.link--info.link--info:hover {
  color: #5bb4ff;
}

.link--dark.link--dark.link--dark.link--dark {
  color: #343A40;
}

.link--dark.link--dark.link--dark.link--dark:hover {
  color: #626d78;
}

.link--grey.link--grey.link--grey.link--grey {
  color: #868E96;
}

.link--grey.link--grey.link--grey.link--grey:hover {
  color: #bdc1c5;
}

.link--lightgrey.link--lightgrey.link--lightgrey.link--lightgrey {
  color: #C5C9CA;
}

.link--lightgrey.link--lightgrey.link--lightgrey.link--lightgrey:hover {
  color: #fafbfb;
}

.link--light.link--light.link--light.link--light {
  color: #dfe2e3;
}

.link--light.link--light.link--light.link--light:hover {
  color: white;
}

.link--black.link--black.link--black.link--black {
  color: #2C3031;
}

.link--black.link--black.link--black.link--black:hover {
  color: #5c6567;
}

.link--default.link--default.link--default.link--default {
  color: #F5FDFE;
}

.link--default.link--default.link--default.link--default:hover {
  color: white;
}

.link--watergrey.link--watergrey.link--watergrey.link--watergrey {
  color: #D2D6D7;
}

.link--watergrey.link--watergrey.link--watergrey.link--watergrey:hover {
  color: white;
}

.text--48.text--48 {
  font-size: 3rem;
}

.text--36.text--36 {
  font-size: 2rem;
}

.text--24.text--24 {
  font-size: 1.5rem;
}

.text--22.text--22 {
  font-size: 1.375rem;
}

.text--20.text--20 {
  font-size: 1.25rem;
}

.text--18.text--18 {
  font-size: 1.125rem;
}

.text--17.text--17 {
  font-size: 1.0625rem;
}

.text--16.text--16 {
  font-size: 1rem;
}

.text--15.text--15 {
  font-size: 0.9375rem;
}

.text--14.text--14 {
  font-size: 0.875rem;
}

.text--13.text--13 {
  font-size: 0.8125rem;
}

.text--12.text--12 {
  font-size: 0.75rem;
}

.text--0.text--0 {
  font-size: 0;
}

.font-w--100 {
  font-weight: 100;
}

.font-w--200 {
  font-weight: 200;
}

.font-w--300 {
  font-weight: 300;
}

.font-w--400 {
  font-weight: 400;
}

.font-w--500 {
  font-weight: 500;
}

.font-w--600 {
  font-weight: 600;
}

.font-w--700 {
  font-weight: 700;
}

.font-w--800 {
  font-weight: 800;
}

.font-w--900 {
  font-weight: 900;
}

/**
 * ==   Components > Toasts
 */
.toast {
  border-radius: 8px;
  color: #fff;
  font-size: .875rem;
  min-width: 10rem;
  opacity: .87;
  padding: .75rem 1rem;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .25s all ease-in-out;
  transition: .25s all ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 99999999;
}

.toast.toast--info {
  background-color: #104b70;
}

.toast.toast--error {
  background-color: #70101b;
}

.toast:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background-color: inherit;
  background-attachment: fixed;
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.toast > i {
  display: block;
  font-size: 3rem;
  margin-bottom: .5rem;
}

/**
 * ==   Components > Toggles
 */
.toggle {
  background: #fff;
  border-radius: 4px;
  border: rgba(60, 60, 60, 0.15) 1px solid;
  display: inline-block;
  height: 1.875rem;
  margin-right: .5rem;
  vertical-align: middle;
  width: 5.25rem;
}

.toggle .toggle-checkbox {
  cursor: pointer;
  margin: 0;
  opacity: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.toggle .not-allowed {
  cursor: not-allowed;
}

.toggle .knobs,
.toggle .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.toggle .knobs {
  z-index: 2;
}

.toggle .layer {
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  width: 100%;
  z-index: 1;
}

.toggle .knobs:before {
  content: '開啟中';
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 3rem;
  height: .75rem;
  background-color: #1c84c6;
  color: #fff;
  line-height: 1;
  padding: .375rem .25rem;
  font-size: 0.75rem;
  border-radius: 2px;
  text-align: center;
  -webkit-transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

.toggle .toggle-checkbox:checked + .knobs:before {
  content: '關閉中';
  left: 1.5rem;
  background-color: #b1b6bc;
}

.toggle .not-finish:checked + .knobs:before {
  content: '未完成';
  left: 1.5rem;
  background: #F5F6FA;
  color: #b1b6bc;
  cursor: not-allowed;
}

.toggle .knobs.orange:before {
  content: '同步中';
  background-color: #FF9A75;
}

.toggle .toggle-checkbox:checked + .knobs.orange:before {
  content: '非同步';
  left: 1.5rem;
  background-color: #b1b6bc;
}

.toggle .not-finish:checked + .knobs.orange:before {
  content: '未完成';
  left: 1.5rem;
  background: #F5F6FA;
  color: #b1b6bc;
  cursor: not-allowed;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #2C3031;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #2C3031;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #2C3031;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0  0.4rem 0.4rem;
  border-left-color: #2C3031;
}

.tooltip-inner {
  max-width: 200px;
  padding: 4px 8px;
  color: #fff;
  text-align: center;
  background-color: #2C3031;
  border-radius: 4px;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Pages > Index
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.news li {
  background-color: #FAFAFA;
  border-radius: 2px;
  padding: 0.25rem 1.0rem;
  margin-top: 0.75rem;
}

.news li a {
  color: #212B33;
  font-size: 1.375rem;
  display: inline-block;
  vertical-align: bottom;
}

.news li.first {
  background-color: #D9FBFB;
  padding: 0.1rem 1.0rem;
}

.news li.first .news-img {
  display: table-cell;
}

.news li.first .news-content {
  display: table-cell;
  vertical-align: top;
  padding-left: 0rem;
  padding-top: 0rem;
}

.news-sub {
  display: inline-block;
  vertical-align: middle;
}

.year-cnt .year {
  color: #98ACBC;
  font-size: 1.0rem;
  font-weight: 100;
}

.date-cnt .date {
  font-size: 1.25rem;
  font-weight: 700;
}

.date-cnt .day {
  font-size: 1.0rem;
  font-weight: 100;
}

.news li .txt {
  padding-left: 1.5rem;
  text-decoration: underline;
}

.news li.first .txt {
  padding-top: 0.1rem;
  padding-left: 0;
  display: block;
}

.news li .txt:hover {
  color: #64829A;
}

.n-badge {
  color: #fff;
  font-size: 1.0rem;
  padding: 0.375rem 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.n-badge--primary {
  background-color: #15DBDA;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--sceondary {
  background-color: #8491EE;
}

.n-badge--alerts {
  background-color: #F3CD75;
}

.n-badge--1 {
  background-color: #15DBDA;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--2 {
  background-color: #8491EE;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--3 {
  background-color: #F3CD75;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--4 {
  background-color: #15DBDA;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--5 {
  background-color: #8491EE;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--6 {
  background-color: #F3CD75;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--7 {
  background-color: #F3CD75;
  vertical-align: -webkit-baseline-middle;
}

.n-badge--8 {
  background-color: #F3CD75;
  vertical-align: -webkit-baseline-middle;
}

.more {
  margin-top: 2.25rem;
  text-align: center;
}

@media (max-width: 768px) {
  .news li a {
    color: #212B33;
    font-size: 1.375rem;
    display: inline-block;
    vertical-align: bottom;
  }
  .news li.first .news-img {
    display: table;
  }
  .news li.first .news-img img {
    width: 100%;
  }
  .news li.first .news-content {
    display: table;
    padding-left: 0;
    padding-top: 1.0rem;
  }
  .news li .txt {
    padding-top: .5rem;
    padding-left: 0rem;
  }
}

.btn--more {
  font-size: 1.125rem;
  border: 2px solid #ACB1B2;
  color: #212B33;
  padding: 1.125rem 0;
  width: 255px;
  display: inline-block;
}

.btn--more:hover {
  background-color: #212B33;
  color: #fff;
  border: 2px solid #212B33;
}

.card-menu {
  padding: 2.0rem 0;
}

.card-menu-list {
  padding: 0 1.0rem;
}

.card-menu-list li {
  width: 33.33333%;
  padding: 1.0rem;
  float: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.card-menu-list li a {
  display: block;
  overflow: hidden;
}

.card-menu-list li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: top;
}

.card-menu-list li a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card-menu-list li:nth-child(1) a:before {
  mix-blend-mode: color-burn;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQwNCAxNDciPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiM2ZmY2ZjY7fS5he29wYWNpdHk6MC4xNjt9LmIsLmN7bWl4LWJsZW5kLW1vZGU6bXVsdGlwbHk7aXNvbGF0aW9uOmlzb2xhdGU7fS5ie2NsaXAtcGF0aDp1cmwoI2EpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3QgY2xhc3M9ImEiIHdpZHRoPSI0MDQiIGhlaWdodD0iMTQ3IiByeD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUgMjEyOSkiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGFzcz0iYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1IC0yMTI5KSI+PHBhdGggY2xhc3M9ImMiIGQ9Ik0tMzA5LjU4NywxMTEuMTExYy04MS43MDcsMy44MDktMTE4LjAyOSwyNS42MTItMTMzLjg1Niw0MS42LTM1Ljc5My05Ljk2Ny03NC41MS0xNi45ODMtMTEwLjY4OC0xNS44MTMtMjUuOTU0LjgyNi01MS41MzgsNzIuNDQ4LTYuNzc4LDQ2Ljc1OCwyMS4xNS0xMi4xNDMsNjAuMzkyLTguOTI3LDEwMS44ODUsMS45MjYtMy45MywyNC45NjQtMy44NzIsODAuMTg0LDQzLjI0NCwxNjUuNjE4Qy0zMzEuMiw1MDQuNTgxLTg5LjA4Niw0NDkuOTIyLDM0LjUwNSw0MDYuMzg3LTEyNi4yNzcsMzM5LjIxMy04OS4wNiwxMDAuODM3LTMwOS41ODcsMTExLjExMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMC44MTMgMTc1Ni40MTEpIHJvdGF0ZSgtMTkpIi8+PC9nPjwvc3ZnPg==");
}

.card-menu-list li:nth-child(1) a:after {
  background: #3FEDEC 0% 0% no-repeat padding-box;
  opacity: 0.24;
}

.card-menu-list li:nth-child(2) a:before {
  mix-blend-mode: color-burn;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQwNCAxNDciPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiM5NWZiOTU7fS5he29wYWNpdHk6MC4xNjt9LmIsLmN7bWl4LWJsZW5kLW1vZGU6bXVsdGlwbHk7aXNvbGF0aW9uOmlzb2xhdGU7fS5ie2NsaXAtcGF0aDp1cmwoI2EpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3QgY2xhc3M9ImEiIHdpZHRoPSI0MDQiIGhlaWdodD0iMTQ3IiByeD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUgMjEyOSkiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGFzcz0iYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1IC0yMTI5KSI+PHBhdGggY2xhc3M9ImMiIGQ9Ik0tMzA5LjU4NywxMTEuMTExYy04MS43MDcsMy44MDktMTE4LjAyOSwyNS42MTItMTMzLjg1Niw0MS42LTM1Ljc5My05Ljk2Ny03NC41MS0xNi45ODMtMTEwLjY4OC0xNS44MTMtMjUuOTU0LjgyNi01MS41MzgsNzIuNDQ4LTYuNzc4LDQ2Ljc1OCwyMS4xNS0xMi4xNDMsNjAuMzkyLTguOTI3LDEwMS44ODUsMS45MjYtMy45MywyNC45NjQtMy44NzIsODAuMTg0LDQzLjI0NCwxNjUuNjE4Qy0zMzEuMiw1MDQuNTgxLTg5LjA4Niw0NDkuOTIyLDM0LjUwNSw0MDYuMzg3LTEyNi4yNzcsMzM5LjIxMy04OS4wNiwxMDAuODM3LTMwOS41ODcsMTExLjExMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMC44MTMgMTc1Ni40MTEpIHJvdGF0ZSgtMTkpIi8+PC9nPjwvc3ZnPg==");
}

.card-menu-list li:nth-child(2) a:after {
  background: #41F641 0% 0% no-repeat padding-box;
  opacity: 0.16;
}

.card-menu-list li:nth-child(3) a:before {
  mix-blend-mode: color-burn;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQwNCAxNDciPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiNmZmMxNDQ7fS5he29wYWNpdHk6MC4xNjt9LmIsLmN7bWl4LWJsZW5kLW1vZGU6bXVsdGlwbHk7aXNvbGF0aW9uOmlzb2xhdGU7fS5ie2NsaXAtcGF0aDp1cmwoI2EpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3QgY2xhc3M9ImEiIHdpZHRoPSI0MDQiIGhlaWdodD0iMTQ3IiByeD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUgMjEyOSkiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGFzcz0iYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1IC0yMTI5KSI+PHBhdGggY2xhc3M9ImMiIGQ9Ik0tMzA5LjU4NywxMTEuMTExYy04MS43MDcsMy44MDktMTE4LjAyOSwyNS42MTItMTMzLjg1Niw0MS42LTM1Ljc5My05Ljk2Ny03NC41MS0xNi45ODMtMTEwLjY4OC0xNS44MTMtMjUuOTU0LjgyNi01MS41MzgsNzIuNDQ4LTYuNzc4LDQ2Ljc1OCwyMS4xNS0xMi4xNDMsNjAuMzkyLTguOTI3LDEwMS44ODUsMS45MjYtMy45MywyNC45NjQtMy44NzIsODAuMTg0LDQzLjI0NCwxNjUuNjE4Qy0zMzEuMiw1MDQuNTgxLTg5LjA4Niw0NDkuOTIyLDM0LjUwNSw0MDYuMzg3LTEyNi4yNzcsMzM5LjIxMy04OS4wNiwxMDAuODM3LTMwOS41ODcsMTExLjExMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMC44MTMgMTc1Ni40MTEpIHJvdGF0ZSgtMTkpIi8+PC9nPjwvc3ZnPg==");
}

.card-menu-list li:nth-child(3) a:after {
  background: #FF9944 0% 0% no-repeat padding-box;
  opacity: 0.36;
}

.card-menu-list li:nth-child(4) a:before {
  mix-blend-mode: color-burn;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQwNCAxNDciPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiMyOGMzZmY7fS5he29wYWNpdHk6MC4xNjt9LmJ7b3BhY2l0eTowLjQ4O21peC1ibGVuZC1tb2RlOmhhcmQtbGlnaHQ7aXNvbGF0aW9uOmlzb2xhdGU7Y2xpcC1wYXRoOnVybCgjYSk7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCBjbGFzcz0iYSIgd2lkdGg9IjQwNCIgaGVpZ2h0PSIxNDciIHJ4PSI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NSAyMTI5KSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsYXNzPSJiIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDUgLTIxMjkpIj48cGF0aCBjbGFzcz0iYyIgZD0iTS0zMDkuNTg3LDExMS4xMTFjLTgxLjcwNywzLjgwOS0xMTguMDI5LDI1LjYxMi0xMzMuODU2LDQxLjYtMzUuNzkzLTkuOTY3LTc0LjUxLTE2Ljk4My0xMTAuNjg4LTE1LjgxMy0yNS45NTQuODI2LTUxLjUzOCw3Mi40NDgtNi43NzgsNDYuNzU4LDIxLjE1LTEyLjE0Myw2MC4zOTItOC45MjcsMTAxLjg4NSwxLjkyNi0zLjkzLDI0Ljk2NC0zLjg3Miw4MC4xODQsNDMuMjQ0LDE2NS42MThDLTMzMS4yLDUwNC41ODEtODkuMDg2LDQ0OS45MjIsMzQuNTA1LDQwNi4zODctMTI2LjI3NywzMzkuMjEzLTg5LjA2LDEwMC44MzctMzA5LjU4NywxMTEuMTExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAwLjgxMyAxNzU2LjQxMSkgcm90YXRlKC0xOSkiLz48L2c+PC9zdmc+");
}

.card-menu-list li:nth-child(4) a:after {
  background: #5282F0 0% 0% no-repeat padding-box;
  opacity: 0.16;
}

.card-menu-list li:nth-child(5) a:before {
  mix-blend-mode: color-burn;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQwNCAxNDciPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiNmZjczNzM7fS5he29wYWNpdHk6MC4xNjt9LmJ7b3BhY2l0eTowLjQ4O2NsaXAtcGF0aDp1cmwoI2EpO30uYiwuY3tpc29sYXRpb246aXNvbGF0ZTt9LmN7bWl4LWJsZW5kLW1vZGU6bXVsdGlwbHk7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCBjbGFzcz0iYSIgd2lkdGg9IjQwNCIgaGVpZ2h0PSIxNDciIHJ4PSI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NSAyMTI5KSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsYXNzPSJiIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDUgLTIxMjkpIj48cGF0aCBjbGFzcz0iYyIgZD0iTS0zMDkuNTg3LDExMS4xMTFjLTgxLjcwNywzLjgwOS0xMTguMDI5LDI1LjYxMi0xMzMuODU2LDQxLjYtMzUuNzkzLTkuOTY3LTc0LjUxLTE2Ljk4My0xMTAuNjg4LTE1LjgxMy0yNS45NTQuODI2LTUxLjUzOCw3Mi40NDgtNi43NzgsNDYuNzU4LDIxLjE1LTEyLjE0Myw2MC4zOTItOC45MjcsMTAxLjg4NSwxLjkyNi0zLjkzLDI0Ljk2NC0zLjg3Miw4MC4xODQsNDMuMjQ0LDE2NS42MThDLTMzMS4yLDUwNC41ODEtODkuMDg2LDQ0OS45MjIsMzQuNTA1LDQwNi4zODctMTI2LjI3NywzMzkuMjEzLTg5LjA2LDEwMC44MzctMzA5LjU4NywxMTEuMTExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAwLjgxMyAxNzU2LjQxMSkgcm90YXRlKC0xOSkiLz48L2c+PC9zdmc+");
}

.card-menu-list li:nth-child(5) a:after {
  background: #FF7373 0% 0% no-repeat padding-box;
  opacity: 0.16;
}

.card-menu-list li:nth-child(6) a:before {
  mix-blend-mode: normal;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQwNCAxNDciPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiM5ZmFkMDQ7fS5ie29wYWNpdHk6MC40ODtjbGlwLXBhdGg6dXJsKCNhKTt9LmIsLmN7aXNvbGF0aW9uOmlzb2xhdGU7fS5je21peC1ibGVuZC1tb2RlOm11bHRpcGx5O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3QgY2xhc3M9ImEiIHdpZHRoPSI0MDQiIGhlaWdodD0iMTQ3IiByeD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUgMjEyOSkiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGFzcz0iYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1IC0yMTI5KSI+PHBhdGggY2xhc3M9ImMiIGQ9Ik0tMzA5LjU4NywxMTEuMTExYy04MS43MDcsMy44MDktMTE4LjAyOSwyNS42MTItMTMzLjg1Niw0MS42LTM1Ljc5My05Ljk2Ny03NC41MS0xNi45ODMtMTEwLjY4OC0xNS44MTMtMjUuOTU0LjgyNi01MS41MzgsNzIuNDQ4LTYuNzc4LDQ2Ljc1OCwyMS4xNS0xMi4xNDMsNjAuMzkyLTguOTI3LDEwMS44ODUsMS45MjYtMy45MywyNC45NjQtMy44NzIsODAuMTg0LDQzLjI0NCwxNjUuNjE4Qy0zMzEuMiw1MDQuNTgxLTg5LjA4Niw0NDkuOTIyLDM0LjUwNSw0MDYuMzg3LTEyNi4yNzcsMzM5LjIxMy04OS4wNiwxMDAuODM3LTMwOS41ODcsMTExLjExMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMC44MTMgMTc1Ni40MTEpIHJvdGF0ZSgtMTkpIi8+PC9nPjwvc3ZnPg==");
}

.card-menu-list li:nth-child(6) a:after {
  background: #EAFF0C 0% 0% no-repeat padding-box;
  opacity: 0.16;
}

.card-menu-list a h4 {
  position: absolute;
  top: .5rem;
  left: 1rem;
  color: #fff;
  z-index: 2;
  font-size: 2rem;
  line-height: 1.375;
}

.card-menu-list a:hover img {
  -webkit-transform: scale(1.125);
          transform: scale(1.125);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.card-menu-list.card-menu-list.card-menu-list a:hover:after {
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.card-menu-list.card-menu-list.card-menu-list a:hover:before {
  mix-blend-mode: normal;
  opacity: 0.36;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.card-menu-list .title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(33, 43, 51, 0.66);
  backdrop-filter: blur(36px);
  -webkit-backdrop-filter: blur(36px);
  font-size: 1.5rem;
  text-align: center;
  padding: .5rem;
  z-index: 1;
  letter-spacing: 4px;
}

@media (max-width: 992px) {
  .card-menu-list li {
    padding: .75rem;
  }
  .card-menu-list a h4 {
    font-size: 1.5rem;
  }
  .card-menu-list .title {
    font-size: 1.25rem;
  }
}

@media (max-width: 576px) {
  .card-menu-list li {
    width: 50%;
  }
  .card-menu-list a h4 {
    font-size: 1.25rem;
  }
  .card-menu-list .title {
    font-size: 1rem;
  }
}

.related-link {
  padding: 4.5rem 0 3.75rem;
}

#banner.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: -2rem;
}

#banner.owl-theme .owl-dots .owl-dot.active span,
#banner.owl-theme .owl-dots .owl-dot:hover span {
  background: #3FEDEC;
}

#relate_link {
  margin-top: 3.0rem;
}

.owl-theme .owl-nav {
  position: absolute;
  top: 25%;
  width: 100%;
}

.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 0;
}

.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 0;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  width: 44px;
  height: 44px;
  background: #19282B;
  -webkit-box-shadow: 0 2px 4px rgba(33, 43, 51, 0.24);
          box-shadow: 0 2px 4px rgba(33, 43, 51, 0.24);
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
  font-size: 2.5rem;
  position: absolute;
  top: 40%;
  left: 47%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}

.content {
  padding: 4.5rem 0 3.75rem;
}

@media (max-width: 768px) {
  .content {
    padding: 2rem;
  }
}

.container-wrap {
  background: #FFFFFF;
  border: #EDF0F0 1px solid;
  padding: 1.75rem 3rem;
}

.container-wrap .txts {
  padding-top: 2.75rem;
  font-size: 1.125rem;
  color: #495F71;
  line-height: 1.75;
}

.container-wrap .txts h6 {
  font-size: 1.25rem;
  color: #212B33;
  padding: 1rem 0;
}

.menu-title {
  background: transparent linear-gradient(288deg, var(--primary) 0%, #4C6EF5 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(288deg, #3FEDEC 0%, #4C6EF5 100%) 0% 0% no-repeat padding-box;
  border-radius: 8px 8px 0px 0px;
  text-align: center;
  color: #fff;
  padding: 1.5rem 0 1rem;
  font-size: 1.75rem;
  font-weight: 500;
}

.menu-title:after {
  content: '';
  background: url(../img/side-icons.svg) no-repeat;
  background-position: center;
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: .5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.side-meun-item {
  background: #FFFFFF;
  font-size: 1.25rem;
  border: #EDF0F0 1px solid;
  padding: 1.25rem 0 1rem;
  text-align: center;
}

.side-meun-item:hover,
.side-meun-item.active {
  background: #C1EEFF;
}

.side-meun li:before {
  font-size: 2.125rem;
  position: absolute;
  left: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: bolder;
  color: #E5EAEE;
  -webkit-transition: 0.125s all ease-in-out;
  transition: 0.125s all ease-in-out;
}

.side-meun li:hover:before,
.side-meun li.active:before {
  color: #5282F0;
}

/* .side-meun li:nth-of-type(2):before {
  content: '.';
}

.side-meun li:nth-of-type(3):before {
  content: '.';
}

.side-meun li:nth-of-type(4):before {
  content: '.';
}

.side-meun li:nth-of-type(5):before {
  content: '.';
}

.side-meun li:nth-of-type(6):before {
  content: '.';
}

.side-meun li:nth-of-type(7):before {
  content: '.';
}

.side-meun li:nth-of-type(8):before {
  content: '.';
}

.side-meun li:nth-of-type(9):before {
  content: '.'; */
}

.side-meun-item a {
  color: #212B33;
  display: block;
}

@media (max-width: 768px) {
  .container-wrap {
    margin-top: 1rem;
  }
  .side-meun li:not(.active) {
    display: none;
  }
  .side-meun li.active:after {
    font-family: 'tn' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
    position: absolute;
    right: 1rem;
    top: 55%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 1.5rem;
  }
  .side-meun li.show:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    -webkit-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
  }
}

.jumbotron {
  background: url("../img/bg-style1.jpg") center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.jumbotron .title {
  display: inline-block;
  padding: 4rem 2rem;
}

.jumbotron .title h2 {
  color: #fff;
  z-index: 1;
}

.jumbotron .title h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: .5rem;
  width: 100%;
  height: 28%;
  background: transparent linear-gradient(276deg, var(--primary) 0%, #4C6EF5 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(276deg, #3FEDEC 0%, #4C6EF5 100%) 0% 0% no-repeat padding-box;
  z-index: -1;
}

.search-bar:focus input,
.search-bar:hover input {
  display: block;
}

.search-bar:focus i,
.search-bar:hover i {
  display: none;
}

.search-bar input {
  display: none;
}

/*# sourceMappingURL=main.css.map */