@import 'https://fonts.googleapis.com/css?family=Sintony:400,700';
/*
@custom-media --break-sm (min-width: 384px);
@custom-media --break-md (min-width: 576px);
@custom-media --break-lg (min-width: 768px);

@custom-media --high-dppx (-webkit-min-device-pixel-ratio: 1.5),
    (min-resolution: 144dpi), (min-resolution: 1.5dppx);
*/
/*
$--break-sm:   "only screen and (min-width: 381px)";
$--break-md:   "only screen and (min-width: 769px)";
$--break-lg:   "only screen and (min-width: 1025px)";
*/
*,
*::after,
*::before {
  box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  color: #4C4C4C;
  font: 400 90%/1.4 "Sintony", sans-serif;
  letter-spacing: 0.03em;
  text-rendering: optimizeLegibility; }
  @media only screen and (min-width: 1030px) {
    html, body {
      font-size: 100%; } }

@media (--high-dppx) {
  html {
    font-weight: 400; } }

h1, h2 {
  font-family: "Sintony", sans-serif; }

h1 {
  font-weight: 700;
  font-size: 2.5em;
  -webkit-font-kerning: normal;
  line-height: 1;
  margin: .5rem 0 1rem; }

h2 {
  font-size: 2.00em;
  font-weight: 700;
  margin: 0 0 calc(0.5em/1.333); }

h3 {
  font-size: 1.125em;
  font-weight: 700;
  margin: 0 0 1rem; }

h4 {
  font-size: 1em;
  font-weight: 400; }

p,
pre {
  margin: 0 0 1rem; }

p {
  line-height: 1.65; }

code,
pre {
  font-family: "Sintony", sans-serif; }

code {
  font-size: .9em;
  font-weight: normal;
  color: #000; }

pre > code {
  font: inherit;
  color: inherit; }

a,
a:visited {
  color: #0183DA;
  text-decoration: none; }

a:focus,
a:hover {
  text-decoration: underline; }

ol,
ul {
  margin: 0 0 1.5em;
  padding: 0 0 0 1.5em; }

ul {
  list-style: square; }

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0; }

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em; }

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em; }

li ol > li {
  margin: 0; }

li ol > li:before {
  content: counters(item, ".") " "; }

li {
  margin-bottom: 0.333em; }

figure {
  margin: 0; }

strong {
  font-weight: 700; }

dl dt {
  font-weight: 400; }

dl dd {
  margin: 0.5rem 0 3rem;
  font-weight: 300;
  color: #A6A6A5;
  line-height: 1.65; }

.Aligner {
  display: flex;
  align-items: center;
  min-height: 24em;
  justify-content: center; }

.Aligner--columns {
  flex-direction: column; }
  .Aligner--columns [class*="Aligner-item"] {
    width: 100%; }

.Aligner-item {
  flex: 1; }

.Aligner-item--top {
  align-self: flex-start; }

.Aligner-item--bottom {
  align-self: flex-end; }

.Aligner-item--fixed {
  flex: none;
  max-width: 50%; }

.Boxed {
  background-color: #FFF;
  padding: 1.5rem;
  border: 1px solid #e8e8e8; }

.Table.Boxed {
  border: 1px solid #e8e8e8; }
  .Table.Boxed tbody > .Table-row:last-child td {
    border-bottom: none; }

.Browser {
  font-size: .8em;
  text-align: center; }

.Browser-image {
  height: 64px;
  width: 64px;
  margin: 0 0.5em 0.5em;
  background: url("images/browser-logos.jpg") no-repeat 0 0;
  background-size: auto 100%; }

.Browser--chrome > .Browser-image {
  background-position: 0 0; }

.Browser--opera > .Browser-image {
  background-position: -64px 0; }

.Browser--firefox > .Browser-image {
  background-position: -128px 0; }

.Browser--safari > .Browser-image {
  background-position: -192px 0; }

.Browser--ie > .Browser-image {
  background-position: -256px 0; }

.Button-primary {
  -webkit-appearance: none;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 1rem 1.5rem;
  cursor: pointer;
  background-color: #ff5a5f;
  color: #FFF !important;
  font-weight: 400;
  font-family: "Sintony", sans-serif;
  font-size: 1rem;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  border: 0;
  text-transform: uppercase; }
  .Button-primary:active, .Button-primary:focus, .Button-primary:hover {
    text-decoration: none;
    background: #ff4146; }
  .Button-primary:focus {
    outline: none; }
  .Button-primary:active, .Button-primary:focus, .Button-primary:hover {
    border: 0;
    color: #FFF; }

.Button-secondary {
  -webkit-appearance: none;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 1rem 1.5rem;
  cursor: pointer;
  background-color: #56a55b;
  color: #FFF !important;
  font-weight: 400;
  font-family: "Sintony", sans-serif;
  font-size: 1rem;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  border: 0; }
  .Button-secondary:active, .Button-secondary:focus, .Button-secondary:hover {
    text-decoration: none;
    background: #4d9452; }
  .Button-secondary:focus {
    outline: none; }
  .Button-secondary:active, .Button-secondary:focus, .Button-secondary:hover {
    border: 0;
    color: #FFF; }

.Button-action {
  -webkit-appearance: none;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 1rem 1.5rem;
  cursor: pointer;
  background-color: #FAFAFA;
  color: #A6A6A5 !important;
  font-weight: 400;
  font-family: "Sintony", sans-serif;
  font-size: 1rem;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  font-size: 1rem;
  border: 1px solid #e8e8e8;
  padding: 1rem 3rem; }
  .Button-action:active, .Button-action:focus, .Button-action:hover {
    text-decoration: none;
    background: #ededed; }
  .Button-action:focus {
    outline: none; }
  .Button-action:active, .Button-action:hover {
    border: 1px solid #cfcfcf;
    color: #A6A6A5; }
  .Button-action--filled {
    background-color: #A6A6A5;
    color: #FFF;
    border: none; }
    .Button-action--filled:hover {
      background-color: #8d8d8b;
      border: none;
      color: #FFF; }
  .Button-action .Notice-count {
    top: -5px;
    right: -5px; }

.Button--orange {
  background-color: #f5883f;
  color: #FFF; }
  .Button--orange:active, .Button--orange:focus, .Button--orange:hover {
    background: #f47927; }

.Button--wide {
  padding-right: 1.5em;
  padding-left: 1.5em; }

.Button--full {
  width: 100%; }

.Button--space {
  margin-top: 0.5rem; }

.Button--small {
  padding: 0.5rem 1rem;
  font-size: 0.875rem; }

.Button-bar {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  z-index: 10; }

.Button-bar--sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
  .Button-bar--sticky [class*="Button-"] {
    border-radius: 0; }

.Button-bar--center {
  text-align: center; }

.Button-facebook:before {
  content: url('data:image/svg+xml;utf8,<svg width="40px" height="20px" viewBox="0 0 2 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M9.70313776,0.991051152 C9.40179811,0.946408242 8.36385045,0.857122421 7.15849187,0.857122421 C4.63616743,0.857122421 2.90625466,2.39730283 2.90625466,5.22096691 L2.90625466,7.65400552 L0.0602691211,7.65400552 L0.0602691211,10.9575809 L2.90625466,10.9575809 L2.90625466,19.4285731 L6.3214373,19.4285731 L6.3214373,10.9575809 L9.15626211,10.9575809 L9.59153048,7.65400552 L6.3214373,7.65400552 L6.3214373,5.54462801 C6.3214373,4.59596616 6.57813403,3.93748324 7.95090353,3.93748324 L9.70313776,3.93748324 L9.70313776,0.991051152 Z" id="Facebook" fill="#7C7C7C"></path>\a</svg>'); }

.Button-twitter:before {
  content: url('data:image/svg+xml;utf8,<svg width="40px" height="20px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\a           <path d="M18.0803787,2.41069928 C17.4330565,2.68971747 16.7299307,2.89061056 16.0044834,2.96873566 C16.7522521,2.52230655 17.3214492,1.81918072 17.5893067,0.982126147 C16.8973416,1.39507307 16.1160906,1.69641271 15.3013575,1.8526629 C14.6428746,1.14953706 13.7053735,0.714268684 12.6674258,0.714268684 C10.6696556,0.714268684 9.0625108,2.33257418 9.0625108,4.3191837 C9.0625108,4.59820189 9.09599299,4.87722008 9.15179662,5.14507754 C6.16072163,4.98882735 3.49330774,3.56025422 1.71875205,1.37275161 C1.40625168,1.90846654 1.22768003,2.52230655 1.22768003,3.19195021 C1.22768003,4.4419517 1.86384151,5.54686373 2.83482481,6.19418593 C2.24330625,6.17186448 1.68526987,6.00445356 1.20535858,5.7365961 L1.20535858,5.78123901 C1.20535858,7.53347324 2.44419934,8.98436783 4.09598703,9.31918966 C3.79464738,9.39731475 3.47098628,9.44195766 3.14732518,9.44195766 C2.9129499,9.44195766 2.68973535,9.4196362 2.4665208,9.38615402 C2.92411063,10.8147272 4.25223721,11.8526748 5.83706053,11.886157 C4.59821977,12.8571403 3.04687863,13.4263374 1.36160877,13.4263374 C1.06026912,13.4263374 0.781250931,13.4151767 0.491072014,13.3816945 C2.08705606,14.4084814 3.98437975,15 6.0267929,15 C12.6562651,15 16.2835016,9.50892203 16.2835016,4.74329134 C16.2835016,4.58704116 16.2835016,4.43079097 16.2723408,4.27454079 C16.9754667,3.76114732 17.5893067,3.12498584 18.0803787,2.41069928 L18.0803787,2.41069928 Z" id="Twitter" fill="#7C7C7C"></path>\a           </svg>'); }

.Button-google:before {
  content: url('data:image/svg+xml;utf8,<svg width="40px" height="20px" viewBox="0 0 26 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M16.0379655,9.04686671 C16.0379655,8.51115179 15.9821619,8.09820487 15.9040368,7.68525795 L8.18081332,7.68525795 L8.18081332,10.4977613 L12.823676,10.4977613 C12.6339436,11.6919592 11.4174243,14.0245512 8.18081332,14.0245512 C5.39063143,14.0245512 3.113843,11.7142806 3.113843,8.85713434 C3.113843,5.99998808 5.39063143,3.68971747 8.18081332,3.68971747 C9.77679737,3.68971747 10.8370665,4.37052185 11.4397458,4.95087969 L13.6607306,2.81918072 C12.2321574,1.4798934 10.3906374,0.676321018 8.18081332,0.676321018 C3.66071865,0.676321018 0,4.33703967 0,8.85713434 C0,13.377229 3.66071865,17.0379477 8.18081332,17.0379477 C12.9018011,17.0379477 16.0379655,13.7232116 16.0379655,9.04686671 L16.0379655,9.04686671 Z M25.7143164,7.68525795 L23.3817243,7.68525795 L23.3817243,5.35266588 L21.0379715,5.35266588 L21.0379715,7.68525795 L18.7053794,7.68525795 L18.7053794,10.0290107 L21.0379715,10.0290107 L21.0379715,12.3616028 L23.3817243,12.3616028 L23.3817243,10.0290107 L25.7143164,10.0290107 L25.7143164,7.68525795 Z" id="Google" fill="#7C7C7C"></path>\a</svg>'); }

.Button-mail:before {
  content: url('data:image/svg+xml;utf8,<svg width="40px" height="20px" viewBox="0 0 20 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M18.5714507,14.6428567 C18.5714507,14.8325891 18.4040398,15 18.2143074,15 L1.78571641,15 C1.59598405,15 1.42857313,14.8325891 1.42857313,14.6428567 L1.42857313,6.07141793 C1.66294841,6.33927539 1.91964515,6.5848114 2.19866334,6.80802595 C3.79464738,8.03570598 5.40179215,9.28570747 6.95313329,10.5803519 C7.79018786,11.2834777 8.82813552,12.1428537 9.98885119,12.1428537 L10.0000119,12.1428537 L10.0111726,12.1428537 C11.1718883,12.1428537 12.209836,11.2834777 13.0468906,10.5803519 C14.5982317,9.28570747 16.2053765,8.03570598 17.8013605,6.80802595 C18.0803787,6.5848114 18.3370754,6.33927539 18.5714507,6.07141793 L18.5714507,14.6428567 Z M18.5714507,2.91293202 C18.5714507,3.86159386 17.656271,5.10043463 16.9308238,5.66963173 C15.4352863,6.84150813 13.9397488,8.02454526 12.455372,9.20758238 C11.8638534,9.68749367 10.7924236,10.7142806 10.0111726,10.7142806 L10.0000119,10.7142806 L9.98885119,10.7142806 C9.20760026,10.7142806 8.13617041,9.68749367 7.54465185,9.20758238 C6.06027508,8.02454526 4.56473758,6.84150813 3.06920009,5.66963173 C2.0647346,4.87722008 1.42857313,3.77230804 1.42857313,2.4999851 C1.42857313,2.31025273 1.59598405,2.14284182 1.78571641,2.14284182 L18.2143074,2.14284182 C18.6384151,2.14284182 18.5714507,2.63391383 18.5714507,2.91293202 L18.5714507,2.91293202 Z M20.0000238,2.4999851 C20.0000238,1.51784107 19.1964515,0.714268684 18.2143074,0.714268684 L1.78571641,0.714268684 C0.803572387,0.714268684 0,1.51784107 0,2.4999851 L0,14.6428567 C0,15.6250007 0.803572387,16.4285731 1.78571641,16.4285731 L18.2143074,16.4285731 C19.1964515,16.4285731 20.0000238,15.6250007 20.0000238,14.6428567 L20.0000238,2.4999851 Z" id="Envelope" fill="#7C7C7C"></path>\a</svg>'); }

.Button-embed:before {
  content: url('data:image/svg+xml;utf8,<svg width="40px" height="20px" viewBox="0 0 21 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M6.88616892,13.4709803 C7.03125838,13.3258909 7.03125838,13.1026763 6.88616892,12.9575869 L2.50000298,8.57142091 L6.88616892,4.18525496 C7.03125838,4.04016551 7.03125838,3.81695095 6.88616892,3.6718615 L6.32813254,3.11382512 C6.18304309,2.96873566 5.95982853,2.96873566 5.81473907,3.11382512 L0.613840017,8.31472417 C0.468750559,8.45981363 0.468750559,8.68302818 0.613840017,8.82811764 L5.81473907,14.0290167 C5.95982853,14.1741062 6.18304309,14.1741062 6.32813254,14.0290167 L6.88616892,13.4709803 Z M13.4821589,1.56248398 C13.5379626,1.37275161 13.4263553,1.17185852 13.2366229,1.11605488 L12.5446578,0.926322509 C12.3660862,0.870518871 12.1651931,0.982126147 12.1093894,1.17185852 L7.94643804,15.5803578 C7.89063441,15.7700902 8.00224168,15.9709833 8.19197405,16.0267869 L8.88393916,16.2165193 C9.0625108,16.2723229 9.2634039,16.1607157 9.31920754,15.9709833 L13.4821589,1.56248398 Z M20.814757,8.82811764 C20.9598464,8.68302818 20.9598464,8.45981363 20.814757,8.31472417 L15.6138579,3.11382512 C15.4687684,2.96873566 15.2455539,2.96873566 15.1004644,3.11382512 L14.5424281,3.6718615 C14.3973386,3.81695095 14.3973386,4.04016551 14.5424281,4.18525496 L18.928594,8.57142091 L14.5424281,12.9575869 C14.3973386,13.1026763 14.3973386,13.3258909 14.5424281,13.4709803 L15.1004644,14.0290167 C15.2455539,14.1741062 15.4687684,14.1741062 15.6138579,14.0290167 L20.814757,8.82811764 Z" id="Code" fill="#7C7C7C"></path>\a</svg>'); }

.Card {
  border: 1px solid #e8e8e8;
  background-color: #FFF;
  border-radius: 3px;
  max-width: 22.5rem;
  min-height: 27.5rem;
  display: flex;
  flex-direction: column; }
  .Card-image {
    flex: none; }
    .Card-image img {
      width: 100%; }
  .Card-body {
    flex: 1;
    padding: 1rem; }
  .Card-meta {
    color: #A6A6A5;
    font-size: 0.875em; }
  .Card-description {
    margin: 1rem 0; }
  .Card-footer {
    flex: none;
    padding: 1rem;
    font-size: 0.8125em;
    border-top: 1px solid #e8e8e8; }
  .Card h3 {
    margin: 0; }
  .Card h4 {
    margin: 0 0 1rem; }
  .Card p {
    color: #A6A6A5;
    font-size: 0.875em; }
    .Card p:first-child {
      margin-top: 1rem; }

.Columns {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2; }

@media only screen and (max-width: 767px) {
  .small-Columns--2 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .medium-Columns--2 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; }
  .medium-Columns--3 {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; } }

@media only screen and (min-width: 1030px) {
  .large-Columns--2 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; }
  .large-Columns--3 {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; }
  .large-Columns--4 {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; } }

.Container {
  max-width: 58.438em;
  margin: 0 auto; }
  .Container--narrow {
    max-width: 34.500em;
    margin: 0 auto; }
  .Container--wide {
    max-width: 63.750em;
    margin: 0 auto; }

.Demo {
  width: 100%;
  padding: .8em 1em 0;
  background: rgba(147, 128, 108, 0.1);
  border-radius: 3px; }

.Demo::after {
  content: '\00a0';
  /* &nbsp; */
  display: block;
  margin-top: 1em;
  height: 0px;
  visibility: hidden; }

.Demo--spaced {
  margin-bottom: 1rem; }

.Divider, hr, .Divider--small {
  border: none;
  border-bottom: 1px solid #EFEFEF; }

.Divider--small {
  width: 3rem; }

.Divider--space {
  margin: 1.5rem 0; }

.Divider--blue {
  border-color: #0dacbd; }

.Divider--orange {
  border-color: #f5883f; }

.Divider--dark {
  border-color: #e8e8e8; }

.Divider--xdark {
  border-color: #4C4C4C; }

.Divider--padded {
  margin: 1.5rem auto; }

.Divider--padded-lg {
  margin: 3rem auto; }

div.Error {
  /*
  padding: 1em 1.5em;
  background: #c00;
  color: #fff;
  font-weight: $heavy-font;
  text-align: center;
*/
  color: #ff5a5f;
  font-size: 0.875em;
  line-height: 2; }

input.Error {
  border-color: #ff5a5f; }

ul.Error {
  color: #ff5a5f;
  font-size: 0.875em; }

.InputAddOn + .Errors-wrapper > .Error {
  margin: -1.25em 0 1em; }

input + .Error,
textarea + .Error {
  margin: -0.75em 0 0.875em;
  display: block; }

.Form-compact input.Error,
.Form-compact textarea.Error {
  /* Firefox 18- */
  /* Firefox 19+ */ }
  .Form-compact input.Error::-webkit-input-placeholder,
  .Form-compact textarea.Error::-webkit-input-placeholder {
    color: #e7546f; }
  .Form-compact input.Error:-moz-placeholder,
  .Form-compact textarea.Error:-moz-placeholder {
    color: #e7546f; }
  .Form-compact input.Error::-moz-placeholder,
  .Form-compact textarea.Error::-moz-placeholder {
    color: #e7546f; }
  .Form-compact input.Error:-ms-input-placeholder,
  .Form-compact textarea.Error:-ms-input-placeholder {
    color: #e7546f; }

input + .error,
textarea + .error {
  margin: -0.75em 0 0.875em;
  display: block;
  color: #ff5a5f;
  font-size: 0.875em;
  line-height: 2; }

.Feature-figure {
  margin-bottom: 0.75em;
  border: 1px solid #d9d9d9;
  transition: border-color 0.2s; }

.Feature-image {
  display: block;
  max-width: 100%;
  height: auto;
  border: 5px solid white; }

.Feature-title {
  margin: 0 0 0.5em;
  color: #404040;
  text-align: center;
  transition: color 0.1s; }

.Feature-description {
  margin: 0 0.75em;
  font-size: 0.8em; }

.Feature a:active .Feature-figure,
.Feature a:focus .Feature-figure,
.Feature a:hover .Feature-figure {
  border-color: #46b980; }

.Feature a:active .Feature-title,
.Feature a:focus .Feature-title,
.Feature a:hover .Feature-title {
  color: #46b980; }

.Footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  background-color: #333;
  font-size: 0.875em;
  padding: 3rem; }
  @media only screen and (min-width: 768px) {
    .Footer {
      font-size: 1em; } }
  .Footer a {
    border: 0;
    color: #FFF;
    display: block;
    padding: 1rem;
    text-transform: uppercase; }
  .Footer a:focus,
  .Footer a:active,
  .Footer a:hover {
    text-decoration: none;
    background: #4C4C4C; }
  .Footer .Footer-copyright {
    flex-grow: 1;
    text-align: center; }
  .Footer .Footer-nav {
    text-align: center;
    flex-grow: 2; }
    .Footer .Footer-nav a {
      display: inline-block;
      margin: 0 0.25em; }
    .Footer .Footer-nav span:before {
      content: ' | ';
      color: #A6A6A5; }
  .Footer .Footer-social {
    flex-grow: 1;
    text-align: center;
    margin-top: 1rem; }
    .Footer .Footer-social a {
      opacity: 0.5; }
      .Footer .Footer-social a:hover {
        opacity: 1; }

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
  -webkit-appearance: none;
  display: block;
  padding: 0.875em 1.25em;
  margin-bottom: 0.875em;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.03em;
  color: #4C4C4C;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  outline: 0;
  width: 100%;
  font-family: "Sintony", sans-serif;
  background-color: #FFF;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  transition: all 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active {
    background-color: #FFF;
    border-bottom-color: #cfcfcf; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid {
    color: #4C4C4C;
    border-color: #ff5a5f;
    background-color: #FFF;
    background-position: 99% center;
    background-repeat: no-repeat;
    outline-color: #ff5a5f; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid {
    color: #56a55b;
    border-color: #56a55b;
    background-color: #FFF;
    background-position: 99% center;
    background-repeat: no-repeat;
    outline-color: #56a55b; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled {
    cursor: not-allowed;
    background-color: #EFEFEF;
    color: #4C4C4C; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active {
      background-color: #0dacbd; }
  input[type="text"].small-input,
  input[type="password"].small-input,
  input[type="datetime"].small-input,
  input[type="datetime-local"].small-input,
  input[type="date"].small-input,
  input[type="month"].small-input,
  input[type="time"].small-input,
  input[type="week"].small-input,
  input[type="number"].small-input,
  input[type="email"].small-input,
  input[type="url"].small-input,
  input[type="search"].small-input,
  input[type="tel"].small-input,
  input[type="color"].small-input,
  select.small-input,
  textarea.small-input {
    padding: 5px 8px;
    font-size: .875em; }

::-webkit-input-placeholder {
  color: #cccccb; }

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

/* Firefox 18- */
::-moz-placeholder {
  color: #cccccb; }

/* Firefox 19+ */
:-ms-input-placeholder {
  color: #cccccb; }

/*
input[type="password"] {
  letter-spacing: 0.2em;
}
*/
textarea {
  max-width: 100%;
  line-height: 1.65em;
  padding: 0.875em 1.25em;
  min-height: 120px;
  font-family: "Sintony", sans-serif; }
  textarea.small-textarea {
    height: 75px;
    min-height: 75px;
    min-height: 50px; }

select {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20'><path d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/><path d='M0-.75h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: right center; }

@-moz-document url-prefix() {
  select {
    background-image: none; } }

label + input,
label + textarea,
label + select {
  margin-top: 0.5rem; }

.Input-droparea {
  color: #A6A6A5;
  font-size: 0.8125em;
  display: block;
  border: dashed #A6A6A5 2px;
  padding: 1rem;
  background-color: rgba(228, 243, 249, 0.88);
  cursor: hand;
  text-align: center; }
  .Input-droparea .icons {
    font-size: 3em; }

.Form--compact {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%; }
  .Form--compact input,
  .Form--compact textarea,
  .Form--compact select {
    margin: -1px -1px 0 -1px;
    border-radius: 0;
    width: initial;
    outline: none;
    flex: 1 auto; }
  .Form--compact .Form-radio {
    padding: 14px 20px; }
    .Form--compact .Form-radio .Form-radioTitle {
      margin-bottom: 0.5rem; }
  .Form--compact .Form-note {
    color: #2e8084;
    font-size: 0.750em;
    padding: 0.5rem;
    background: #a0dbde;
    position: relative;
    border-bottom: 1px solid #e8e8e8; }
  .Form--compact .Form-note:after, .Form--compact .Form-note:before {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .Form--compact .Form-note:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #a0dbde;
    border-width: 8px;
    margin-left: -8px; }
  .Form--compact .Form-note:before {
    border-color: rgba(151, 151, 151, 0);
    border-bottom-color: #e8e8e8;
    border-width: 9px;
    margin-left: -9px; }
  .Form--compact .Form-item-last {
    margin-bottom: -1px; }
  .Form--compact .Form-item-full {
    width: 100% !important;
    flex: 1 auto !important; }
  .Form--compact .Form-item-flex1 {
    flex: 1 auto; }
  .Form--compact .Form-item-flex2 {
    flex: 2 auto; }
  .Form--compact .Form-item-flex3 {
    flex: 3 auto; }
  .Form--compact .InputAddOn-field,
  .Form--compact .InputAddOn-item {
    border-radius: 0 !important; }

.Input-set {
  background: #EFEFEF;
  padding: 1.5rem;
  margin-bottom: 1.25rem; }
  .Input-set .Input-header {
    margin-bottom: 0.5rem; }
    .Input-set .Input-header label {
      font-weight: 700; }
  .Input-set .Input-field input,
  .Input-set .Input-field select,
  .Input-set .Input-field textarea {
    margin: 0; }
  .Input-set .Input-instructions {
    font-size: 0.875rem;
    margin: 0.5rem 0; }
  .Input-set--compact {
    margin: 0 0 1.5rem;
    border-radius: 3px;
    overflow: hidden; }
    .Input-set--compact input,
    .Input-set--compact .InputAddOn {
      margin: 0; }
    .Input-set--compact .InputAddOn-field:first-child,
    .Input-set--compact .InputAddOn-item:first-child,
    .Input-set--compact .InputAddOn-field:last-child,
    .Input-set--compact .InputAddOn-item:last-child {
      border-radius: 0; }

@media only screen and (min-width: 768px) {
  .Input-set {
    display: flex; }
  .Input-header {
    margin-bottom: 0;
    padding-right: 1rem;
    flex: 1; }
  .Input-field {
    flex: 2; } }

.Grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }

.Grid-cell {
  flex: 1; }

.Grid--flexCells > .Grid-cell {
  display: flex; }

.Grid--top {
  align-items: flex-start; }

.Grid--bottom {
  align-items: flex-end; }

.Grid--center {
  align-items: center; }

.Grid--justifyCenter {
  justify-content: center; }

.Grid-cell--top {
  align-self: flex-start; }

.Grid-cell--bottom {
  align-self: flex-end; }

.Grid-cell--center {
  align-self: center; }

.Grid-cell--autoSize {
  flex: none; }

.Grid--fit > .Grid-cell {
  flex: 1; }

.Grid--full > .Grid-cell {
  flex: 0 0 100%; }

.Grid--1of2 > .Grid-cell {
  flex: 0 0 50%; }

.Grid--1of3 > .Grid-cell {
  flex: 0 0 33.3333%; }

.Grid--1of4 > .Grid-cell {
  flex: 0 0 25%; }

@media only screen and (max-width: 767px) {
  .small-Grid--fit > .Grid-cell {
    flex: 1; }
  .small-Grid--full > .Grid-cell {
    flex: 0 0 100%; }
  .small-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%; }
  .small-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%; }
  .small-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .med-Grid--fit > .Grid-cell {
    flex: 1; }
  .med-Grid--full > .Grid-cell {
    flex: 0 0 100%; }
  .med-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%; }
  .med-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%; }
  .med-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%; } }

@media only screen and (min-width: 1030px) {
  .large-Grid--fit > .Grid-cell {
    flex: 1; }
  .large-Grid--full > .Grid-cell {
    flex: 0 0 100%; }
  .large-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%; }
  .large-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%; }
  .large-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%; } }

.Grid--gutters {
  margin: -1em 0 1em -1em; }

.Grid--gutters > .Grid-cell {
  padding: 1em 0 0 1em; }

.Grid--guttersLg {
  margin: -1.5em 0 1.5em -1.5em; }

.Grid--guttersLg > .Grid-cell {
  padding: 1.5em 0 0 1.5em; }

.Grid--guttersXl {
  margin: -2em 0 2em -2em; }

.Grid--guttersXl > .Grid-cell {
  padding: 2em 0 0 2em; }

@media only screen and (max-width: 767px) {
  .small-Grid--gutters {
    margin: -1em 0 1em -1em; }
  .small-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em; }
  .small-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em; }
  .small-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em; }
  .small-Grid--guttersXl {
    margin: -2em 0 2em -2em; }
  .small-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .med-Grid--gutters {
    margin: -1em 0 1em -1em; }
  .med-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em; }
  .med-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em; }
  .med-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em; }
  .med-Grid--guttersXl {
    margin: -2em 0 2em -2em; }
  .med-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em; } }

@media only screen and (min-width: 1030px) {
  .large-Grid--gutters {
    margin: -1em 0 1em -1em; }
  .large-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em; }
  .large-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em; }
  .large-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em; }
  .large-Grid--guttersXl {
    margin: -2em 0 2em -2em; }
  .large-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em; } }

.Header {
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
  background-color: #FFF;
  border-bottom: 1px solid #FAFAFA;
  position: relative; }

@media only screen and (min-width: 1030px) {
  .Header {
    display: flex;
    align-items: center; } }

.Header-title {
  font-size: 1.5em;
  font-weight: 400; }
  .Header-title i {
    font-family: serif;
    font-style: italic;
    font-weight: 400; }
  .Header-title a {
    border: 0;
    color: inherit;
    font-weight: inherit;
    overflow: hidden;
    display: block;
    padding: 0 1rem;
    display: flex;
    align-items: flex-end; }
  .Header-title a:focus,
  .Header-title a:hover,
  .Header-title a:active {
    text-decoration: none; }
  .Header-title svg {
    margin-right: 0.35em; }
  .Header-title img {
    width: auto;
    height: 100%; }

.Header-subTitle {
  margin: 0 0 1.5em;
  font-size: 0.8em;
  font-weight: 300;
  white-space: nowrap; }

@media only screen and (min-width: 1030px) {
  .Header-subTitle {
    margin: 1em 0 1.75em;
    font-size: 1.1em; } }

.Header-actions {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  flex-direction: row;
  font-size: 0.938em; }

.Header-button:first-child {
  margin: 0 0 1em; }

@media only screen and (max-width: 767px) {
  .Header-button:first-child {
    margin: 0 1em 0 0; } }

.Header--cozy {
  display: flex;
  padding: 1rem;
  align-items: center;
  transition: all 0.4s ease; }
  .Header--cozy .Header-titles {
    display: flex;
    align-items: baseline; }
  .Header--cozy .Header-title {
    font-size: 1.5em; }
  .Header--cozy .Header-subTitle {
    margin: 0 0 0 1em;
    font-size: 0.8em;
    font-weight: 300; }
  .Header--cozy .Header-actions {
    flex: 1;
    justify-content: flex-end;
    font-size: 0.9em; }

@media only screen and (min-width: 1030px) {
  .Header--cozy {
    display: flex;
    padding: 3rem 0;
    align-items: center; } }

.Image {
  display: block;
  width: 40px;
  height: auto;
  margin-top: 0.2em; }

.Image--tiny {
  width: 30px; }

@media (min-width: 768px) and (max-width: 1029px) {
  .Image {
    width: 70px; }
  .Image--tiny {
    width: 40px; } }

.InputAddOn {
  display: flex;
  margin-bottom: 1.5em; }
  .InputAddOn input {
    margin: 0 !important; }

.InputAddOn-field {
  flex: 1; }

.InputAddOn-field:not(:first-child) {
  border-left: 0; }

.InputAddOn-field:not(:last-child) {
  border-right: 0; }

.InputAddOn-item {
  background-color: #FAFAFA;
  color: #A6A6A5;
  font: inherit;
  font-weight: normal;
  font-size: 1.125em;
  display: flex;
  align-items: center; }

.InputAddOn-field {
  border: 1px solid #EFEFEF; }

.InputAddOn-field,
.InputAddOn-item {
  padding: 0.875em 1.25em; }

.InputAddOn-field:first-child,
.InputAddOn-item:first-child {
  border-radius: 3px 0 0 3px;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF; }

.InputAddOn-field:last-child,
.InputAddOn-item:last-child {
  border-radius: 0 3px 3px 0; }

/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
.Layout {
  display: flex;
  height: 100%;
  /* 1, 3 */
  flex-direction: column; }

.Layout-header,
.Layout-footer {
  flex: none;
  /* 2 */ }

.Layout-body {
  display: flex;
  flex: 1 0 auto;
  /* 2 */
  flex-direction: column; }

.Layout-content {
  padding: 1.5rem 1rem; }
  @media only screen and (min-width: 1030px) {
    .Layout-content {
      padding: 3rem 1rem 5.625rem; } }

.Layout-content--padded {
  padding: 3rem 1rem; }
  @media only screen and (min-width: 768px) {
    .Layout-content--padded {
      padding: 3rem 5.625rem 5.625rem; } }

.Layout-content--nopad {
  padding: 0 !important; }

.Layout-nav {
  order: -1; }

.Layout-nav,
.Layout-aside {
  padding: 1rem; }
  @media only screen and (min-width: 1030px) {
    .Layout-nav,
    .Layout-aside {
      padding: 3rem 1rem; } }

@media only screen and (min-width: 768px) {
  .Layout-body {
    flex-direction: row; }
  .Layout-content {
    flex: 1; }
  .Layout-nav, .Layout-aside {
    flex: 0 0 18em; } }

.Loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(13, 172, 189, 0.2);
  border-right: 1.1em solid rgba(13, 172, 189, 0.2);
  border-bottom: 1.1em solid rgba(13, 172, 189, 0.2);
  border-left: 1.1em solid #0dacbd;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.Loader,
.Loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

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

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

.Marquee > div {
  padding: 1rem; }

.Marquee-title {
  margin: 1.50em 0 0.35em; }

.Marquee-description {
  font-size: 1.250em;
  font-weight: 300;
  max-width: 18.750em;
  margin: 0 auto 1.5em; }

.Marquee-subtext {
  font-size: 0.750em;
  font-weight: 300;
  margin: 1em 0 0; }

.Marquee .Aligner {
  height: 100vh; }

@media only screen and (min-width: 1030px) {
  .Marquee {
    padding: 0; }
    .Marquee .Aligner {
      height: auto;
      min-height: 37.500em; } }

.Media {
  text-align: center;
  margin: 0 1rem; }
  .Media-figure {
    margin: 0 auto 3rem;
    max-width: 200px; }
    .Media-figure img {
      width: 100%;
      height: auto; }
  .Media-body {
    color: #EFEFEF; }
    .Media-body-large {
      font-size: 1.125em;
      font-weight: 300; }

@media only screen and (min-width: 1030px) {
  .Media {
    display: flex;
    align-items: flex-start;
    margin: 0;
    text-align: inherit; }
    .Media-figure {
      margin: 0 5.625rem 0 0;
      max-width: 350px; }
    .Media-body {
      flex: 1; }
      .Media-body-large {
        font-size: 1.625em; }
    .Media-body,
    .Media-body :last-child {
      margin-bottom: 0; }
    .Media-title {
      margin: 0 0 .5em; }
    .Media--center {
      align-items: center; }
    .Media--reverse > .Media-figure {
      order: 1;
      margin: 0 0 0 5.625rem; } }

.Modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #FFF;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  display: none; }
  .Modal--show {
    display: flex; }
    @media only screen and (min-width: 768px) {
      .Modal--show {
        align-items: center; } }
  .Modal-closer {
    font-size: 1.5625rem;
    cursor: pointer;
    opacity: 0.75; }
    .Modal-closer:hover {
      opacity: 1; }
  .Modal-body {
    padding: 1rem; }
  .Modal-header {
    padding-bottom: 0.5rem; }
  .Modal-content {
    padding: 0.5rem 0 1rem; }
  .Modal-title {
    font-weight: 400;
    margin: 0;
    padding: 0 0 0.5rem;
    border-bottom: 1px solid #EFEFEF; }
  .Modal-option {
    padding: 0.5rem 1rem;
    font-size: 1.125em;
    font-weight: 300;
    display: block; }
    .Modal-option:hover {
      background: #0dacbd;
      text-decoration: none; }
  .Modal--dark {
    background: rgba(35, 50, 68, 0.9);
    color: #FFF; }
    .Modal--dark a {
      color: #FFF; }
  .Modal-closer {
    text-align: right; }

.Nav {
  display: flex;
  align-items: center;
  font-weight: 400;
  padding: 0;
  margin: 0;
  list-style: none; }
  .Nav a:hover {
    text-decoration: none; }
  .Nav-item {
    padding: 1.5em; }
    .Nav-item-first {
      margin-left: 0; }
    .Nav-item-last {
      margin-right: 0; }
    .Nav-item-selected {
      font-weight: 700; }
  .Nav .Nav-item:hover {
    background-color: #FAFAFA; }
  .Nav-group:hover {
    background-color: #FAFAFA; }
  .Nav-group .Nav-item {
    display: block; }
  .Nav-group:hover > .Nav--dropdown {
    display: block; }
  .Nav .Nav-burger {
    cursor: pointer; }
    .Nav .Nav-burger .material-icons {
      line-height: inherit; }
  .Nav-closer {
    margin-top: 1.25em;
    padding-right: .725em; }

@media only screen and (min-width: 768px) {
  .Nav-group {
    margin-left: 0.5rem;
    position: relative; } }

.Nav-categories,
.Nav-tags {
  line-height: 1.75;
  font-size: 0.875rem; }
  .Nav-categories a,
  .Nav-tags a {
    color: #A6A6A5; }

.Nav-edit-post {
  margin: 0.625rem 0 0; }

@media only screen and (min-width: 768px) {
  .Nav-posts .Nav-links {
    display: flex; }
    .Nav-posts .Nav-links > div {
      flex: 1; } }

.Nav-posts .Nav-links a {
  display: inline-block;
  padding: 1rem 1.5rem;
  background: #FAFAFA;
  border: 1px solid #e8e8e8;
  color: #4C4C4C;
  text-decoration: none;
  line-height: 1.25; }
  .Nav-posts .Nav-links a:hover {
    background: #EFEFEF; }
  @media only screen and (max-width: 767px) {
    .Nav-posts .Nav-links a {
      width: 100%;
      margin-bottom: 0.625rem;
      font-size: 0.875rem; } }

.Nav-posts .Nav-previous a:before {
  content: url('\a     data:image/svg+xml;utf8,\a     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a 	 width="10px" height="15px" viewBox="0 0 20 30" enable-background="new 0 0 20 30" xml:space="preserve">\a       <polygon fill="#999999" points="20,0 20,29.999 0,15 "/>\a     </svg>\a   ');
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em; }

.Nav-posts .Nav-next {
  text-align: right; }
  .Nav-posts .Nav-next a:after {
    content: url('\a     data:image/svg+xml;utf8,\a     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a 	 width="10px" height="15px" viewBox="0 0 20 30" enable-background="new 0 0 20 30" xml:space="preserve">\a       <polygon fill="#999999" points="0,30 0,0 20,15 "/>\a     </svg>\a   ');
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em; }

.Notice {
  background-color: #0dacbd;
  color: #FFF;
  padding: 1rem 1.5rem;
  flex: none;
  text-align: center; }

.Notice-count {
  position: absolute;
  top: 0;
  right: 0; }
  .Notice-count span {
    display: block;
    line-height: 20px;
    background: #0dacbd;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    color: #FFF;
    text-align: center; }

.Notice-count--inline {
  position: relative;
  display: inline-block; }

.Page-header {
  padding: 4em;
  background: #EFEFEF;
  flex: none;
  display: flex;
  flex-direction: column; }
  .Page-header h1 {
    font-weight: 400; }

.Page-title {
  align-self: center;
  text-align: center;
  margin: 0; }

.Page-subtitle {
  align-self: center;
  text-align: center;
  margin: 0;
  color: #A6A6A5;
  max-width: 890px;
  font-size: 1.05em;
  font-weight: 300; }

.Page-content {
  padding: 1.5rem 1rem; }
  @media only screen and (min-width: 1030px) {
    .Page-content {
      padding: 3rem 1rem; } }

.Page-title + .Page-subtitle {
  margin: 3rem 0 0; }

.Player-detail {
  position: relative;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  padding: 3rem 0;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .Player-detail {
      background-attachment: scroll; } }

.Player-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background: rgba(255, 255, 255, 0.85); }
  @media only screen and (min-width: 768px) {
    .Player-wrap {
      flex-direction: row; } }

.Player-header {
  text-align: center;
  padding: 1.5rem 3rem; }

.Player-avatar {
  display: inline-block; }
  .Player-avatar img {
    border-radius: 50%;
    max-width: 130px;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .Player-avatar img {
        max-width: 160px; } }

.Player-name a {
  color: #4C4C4C; }

@media only screen and (min-width: 768px) {
  .Player-toggle {
    display: none; } }

.Player-stats {
  padding: 1.5rem; }
  @media only screen and (max-width: 767px) {
    .Player-stats {
      border-top: 1px solid #A6A6A5;
      margin: 0 1rem; }
      .Player-stats--hide-sm {
        display: none; } }
  @media only screen and (min-width: 768px) {
    .Player-stats {
      border-left: 1px solid #A6A6A5;
      padding: 1.5rem 3rem; } }
  .Player-stats a {
    color: #0174c1; }

.Section {
  padding: 3rem 1rem; }
  .Section::before, .Section::after {
    content: '\00a0';
    /* &nbsp; */
    display: block;
    height: 0px;
    visibility: hidden; }
  .Section::before {
    margin-bottom: 1rem; }
  .Section::after {
    margin-top: 1rem; }
  .Section-header {
    margin-bottom: 3rem; }
  .Section-subheading {
    font-size: 1.125em;
    font-weight: 300;
    color: #EFEFEF; }
  .Section-subheading-small {
    font-size: 0.85em; }

@media only screen and (min-width: 1030px) {
  .Section {
    padding: 5.625rem 1rem; }
    .Section-header {
      margin-bottom: 5.625rem; } }

.Section--full {
  width: 100%; }

@media only screen and (min-width: 1030px) {
  .Section-list {
    padding: 0;
    text-align: center;
    list-style-position: inside; } }

/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
.Site {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* 1, 3 */ }

.Site-header,
.Site-footer {
  flex: none;
  /* 2 */ }

.Site-header-scrolled {
  background-color: #FFF !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  .Site-header-scrolled a {
    color: #0174c1; }
  .Site-header-scrolled .Header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .Site-header-scrolled .scrolled-u-hide {
    display: none !important; }

.Site-header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }

.Site-footer {
  background: #FFF; }

@media only screen and (min-width: 1030px) {
  .Site-header-scrolled .Button.u-hide {
    display: inline-block !important; }
  .Site-footer {
    background: #233244; } }

.Site-branding {
  text-align: center; }
  .Site-branding img {
    border-radius: 50%; }

.Site-content {
  flex: 1 0 auto;
  /* 2 */
  padding-top: 3rem;
  padding-bottom: 3rem;
  width: 100%; }

@media only screen and (min-width: 1030px) {
  .Site-sidebar {
    flex: 0 0 250px; } }

.Slider-item {
  outline: 0; }

.Slider .Slide-content {
  padding: 5.625rem 1rem;
  min-height: 37.500em;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

@media only screen and (max-width: 768px) {
  .Slider h1 {
    font-size: 2.50em; } }

@media only screen and (min-width: 1030px) {
  .Slider h3 {
    font-size: 1.50em; }
  .Slider p {
    font-size: 1.125em; } }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.875rem; }

thead {
  background: #333;
  color: #FFF; }

tbody {
  border: 1px solid #EFEFEF; }
  tbody td {
    border-bottom: 1px solid #EFEFEF; }

th,
td {
  padding: 1rem; }

.Table-wrap {
  overflow: auto; }

.Table-stat {
  text-align: center; }

.Table {
  border: 0;
  width: 100%;
  border-top: 1px solid #EFEFEF;
  display: table;
  position: relative; }

th {
  text-align: left; }

.Table-row {
  display: block;
  border-bottom: 1px solid #EFEFEF; }

.Table-cell,
.Table-heading {
  padding: 1rem;
  margin: 0;
  display: table-cell; }
  .Table-cell--full,
  .Table-heading--full {
    display: block; }
  .Table-cell--center,
  .Table-heading--center {
    text-align: center; }

.Table-cell:first-child {
  padding-left: 0; }

.Table-heading {
  background-color: #4C4C4C;
  color: #f4f4f4;
  font-weight: 400; }

.Table-filters {
  margin: 0 0 1rem; }

@media only screen and (min-width: 768px) {
  .Table-row {
    display: table-row; }
  .Table-cell,
  .Table-heading {
    display: table-cell;
    border-bottom: 1px solid #EFEFEF; } }

.Wrap {
  max-width: 61.25rem;
  margin-left: auto;
  margin-right: auto; }
  .Wrap--xnarrow {
    max-width: 26.688em;
    margin-left: auto;
    margin-right: auto; }
  .Wrap--narrow {
    max-width: 34.500em;
    margin-left: auto;
    margin-right: auto; }
  .Wrap--wide {
    max-width: 1090px;
    margin-left: auto;
    margin-right: auto; }

@media only screen and (max-width: 767px) {
  .small-Wrap--pad {
    padding-right: 1rem;
    padding-left: 1rem; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .medium-Wrap--pad {
    padding-right: 1rem;
    padding-left: 1rem; } }

/**
 * Fixes the min-height bug in IE10-11.
 * This class should be added to a container element as described in
 * Flexbug #3. See http://bit.ly/1gy8OJS for details.
 */
.u-ieMinHeightBugFix {
  display: flex;
  flex-direction: column; }

/*
@custom-media --break-sm (min-width: 384px);
@custom-media --break-md (min-width: 576px);
@custom-media --break-lg (min-width: 768px);

@custom-media --high-dppx (-webkit-min-device-pixel-ratio: 1.5),
    (min-resolution: 144dpi), (min-resolution: 1.5dppx);
*/
/*
$--break-sm:   "only screen and (min-width: 381px)";
$--break-md:   "only screen and (min-width: 769px)";
$--break-lg:   "only screen and (min-width: 1025px)";
*/
.u-full {
  width: 100% !important;
  flex: none !important; }

.u-1of2 {
  width: 50% !important;
  flex: none !important; }

.u-1of3 {
  width: 33.3333% !important;
  flex: none !important; }

.u-2of3 {
  width: 66.6667% !important;
  flex: none !important; }

.u-1of4 {
  width: 25% !important;
  flex: none !important; }

.u-3of4 {
  width: 75% !important;
  flex: none !important; }

@media only screen and (max-width: 767px) {
  .u-small-full {
    width: 100% !important;
    flex: none !important; }
  .u-small-1of2 {
    width: 50% !important;
    flex: none !important; }
  .u-small-1of3 {
    width: 33.3333% !important;
    flex: none !important; }
  .u-small-2of3 {
    width: 66.6667% !important;
    flex: none !important; }
  .u-small-1of4 {
    width: 25% !important;
    flex: none !important; }
  .u-small-3of4 {
    width: 75% !important;
    flex: none !important; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .u-med-full {
    width: 100% !important;
    flex: none !important; }
  .u-med-1of2 {
    width: 50% !important;
    flex: none !important; }
  .u-med-1of3 {
    width: 33.3333% !important;
    flex: none !important; }
  .u-med-2of3 {
    width: 66.6667% !important;
    flex: none !important; }
  .u-med-1of4 {
    width: 25% !important;
    flex: none !important; }
  .u-med-3of4 {
    width: 75% !important;
    flex: none !important; } }

@media only screen and (min-width: 1030px) {
  .u-large-full {
    width: 100% !important;
    flex: none !important; }
  .u-large-1of2 {
    width: 50% !important;
    flex: none !important; }
  .u-large-1of3 {
    width: 33.3333% !important;
    flex: none !important; }
  .u-large-2of3 {
    width: 66.6667% !important;
    flex: none !important; }
  .u-large-1of4 {
    width: 25% !important;
    flex: none !important; }
  .u-large-3of4 {
    width: 75% !important;
    flex: none !important; } }

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

.u-hide {
  display: none !important; }

@media only screen and (max-width: 767px) {
  .small-u-hide,
  .m-u-hide {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .med-u-hide,
  .t-u-hide {
    display: none !important; } }

@media only screen and (min-width: 1030px) {
  .large-u-hide,
  .d-u-hide {
    display: none !important; } }

.u-hiddenVisually {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; }

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

.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%; }

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

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

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

.u-textBreak {
  word-wrap: break-word !important; }

.u-center {
  text-align: center !important; }

.u-uppercase {
  text-transform: uppercase; }

.u-pointer {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  .md-u-center {
    text-align: center !important; } }

.u-textLeft {
  text-align: left !important; }

.u-textRight {
  text-align: right !important; }

.u-textInheritColor {
  color: inherit !important; }

.u-textColorLight {
  color: #EFEFEF; }

.u-textLightWeight {
  font-weight: 300; }

.u-textKern {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "kern" 1, "kern";
  -moz-font-feature-settings: "kern" 1, "kern";
  font-feature-settings: "kern" 1, "kern";
  -webkit-font-kerning: normal;
  -moz-font-kerning: normal;
  font-kerning: normal; }

.u-textNoWrap {
  white-space: nowrap !important; }

.u-textTruncate {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important; }

/*
.gray-set {
  div {
    height: 100px;
    width: 100px;
  }
  .g1 {
    background-color: $xlight-gray;
  }
  .g2 {
    background-color: $light-gray;
  }
  .g3 {
    background-color: $gray;
  }
  .g4 {
    background-color: $medium-gray;
  }
  .g5 {
    background-color: $dark-gray;
  }
}
  <div class="gray-set">
    <div class="g1"></div>
    <div class="g2"></div>
    <div class="g3"></div>
    <div class="g4"></div>
    <div class="g5"></div>
  </div>
*/
.u-smaller {
  font-size: 0.813em !important; }

.u-bigger, dl dt {
  font-size: 1.125em !important; }

.u-xl {
  font-size: 1.625em !important;
  line-height: inherit; }

@media only screen and (max-width: 767px) {
  .small-u-smaller {
    font-size: 0.85em !important; }
  .small-u-bigger {
    font-size: 1.125em !important; }
  .small-u-xbigger {
    font-size: 1.625em !important; } }

@media (min-width: 768px) and (max-width: 1029px) {
  .med-u-smaller {
    font-size: 0.85em !important; }
  .med-u-bigger {
    font-size: 1.125em !important; }
  .med-u-xbigger {
    font-size: 1.625em !important; } }

@media only screen and (min-width: 1030px) {
  .large-u-smaller {
    font-size: 0.85em !important; }
  .large-u-bigger {
    font-size: 1.125em !important; }
  .large-u-xbigger {
    font-size: 1.625em !important; } }

.u-spaceAN {
  margin: 0 !important; }

.u-spaceVN {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.u-spacehN {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.u-spaceTN {
  margin-top: 0 !important; }

.u-spaceRN {
  margin-right: 0 !important; }

.u-spaceBN {
  margin-bottom: 0 !important; }

.u-spaceLN {
  margin-left: 0 !important; }

.u-spaceAS {
  margin: 0.5em !important; }

.u-spaceVS {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important; }

.u-spaceHS {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important; }

.u-spaceTS {
  margin-top: 0.5em !important; }

.u-spaceRS {
  margin-right: 0.5em !important; }

.u-spaceBS {
  margin-bottom: 0.5em !important; }

.u-spaceLS {
  margin-left: 0.5em !important; }

.u-spaceAM {
  margin: 1em !important; }

.u-spaceVM {
  margin-top: 1em !important;
  margin-bottom: 1em !important; }

.u-spaceHM {
  margin-left: 1em !important;
  margin-right: 1em !important; }

.u-spaceTM {
  margin-top: 1em !important; }

.u-spaceRM {
  margin-right: 1em !important; }

.u-spaceBM {
  margin-bottom: 1em !important; }

.u-spaceLM {
  margin-left: 1em !important; }

.u-spaceAL {
  margin: 3rem !important; }

.u-spaceVL {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.u-spaceHL {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.u-spaceTL {
  margin-top: 3rem !important; }

.u-spaceRL {
  margin-right: 3rem !important; }

.u-spaceBL {
  margin-bottom: 3rem !important; }

.u-spaceLL {
  margin-left: 3rem !important; }

.u-spaceAXL {
  margin: 5.875em !important; }

.u-spaceVXL {
  margin-top: 5.875em !important;
  margin-bottom: 5.875em !important; }

.u-spaceHXL {
  margin-left: 5.875em !important;
  margin-right: 5.875em !important; }

.u-spaceTXL {
  margin-top: 5.875em !important; }

.u-spaceRXL {
  margin-right: 5.875em !important; }

.u-spaceBXL {
  margin-bottom: 5.875em !important; }

.u-spaceLXL {
  margin-left: 5.875em !important; }

.Home .Player-detail {
  min-height: 80vh;
  align-items: flex-end; }

.icon-big {
  font-size: 1.5em; }

pre {
  border-radius: 3px;
  background: rgba(147, 128, 108, 0.1);
  font-size: 0.85em;
  margin-bottom: calc($--space/0.85);
  padding: 1.25em 1.5em; }

.Pinned {
  top: 1.5rem !important; }

.material-icons {
  font-size: inherit !important; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 2rem;
  width: 2rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 100;
  opacity: 0.75; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background-color: transparent;
    color: transparent;
    opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.75; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 2rem;
    line-height: 1;
    color: #4C4C4C;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 2rem;
  width: 5rem;
  height: 5rem;
  background-size: 10rem;
  background-repeat: no-repeat;
  background-image: url('\a           data:image/svg+xml;utf-8,\a           <svg fill="#ffffff" height="50" viewBox="0 0 50 50" width="50" xmlns="http://www.w3.org/2000/svg">\a               <path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/>\a               <path d="M0-.5h24v24H0z" fill="none"/>\a           </svg>\a           '); }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
  right: 2rem;
  width: 5rem;
  height: 5rem;
  background-size: 10rem;
  background-repeat: no-repeat;
  background-image: url('\a         data:image/svg+xml;utf-8,\a         <svg fill="#ffffff" height="50" viewBox="0 0 50 50" width="50" xmlns="http://www.w3.org/2000/svg">\a             <path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/>\a             <path d="M0-.25h24v24H0z" fill="none"/>\a         </svg>\a         '); }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

@media only screen and (max-width: 768px) {
  .slick-prev,
  .slick-next {
    display: none !important; } }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  position: absolute;
  bottom: 30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 0.75rem;
    width: 0.75rem;
    margin: 0 0.5rem;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: #EFEFEF;
      display: block;
      height: 0.75rem;
      width: 0.75rem;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 0;
      cursor: pointer;
      border-radius: 5rem;
      opacity: 0.75; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none;
        opacity: 1; }
    .slick-dots li.slick-active button {
      opacity: 1;
      background-color: #FFF; }

.twitter-follow-button {
  width: 230px !important; }

.twitter-color {
  color: #00ACED; }