@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:400,700&subset=latin,cyrillic-ext");@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,cyrillic");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap");@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=block");
/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
  zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(https://beerdroid.ru/misc/throbber-inactive.png);
  background-position: 100% center; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-image: url(https://beerdroid.ru/misc/throbber-active.gif);
  background-position: 100% center; /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}
fieldset.collapsible {
  position: relative;
}
fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(https://beerdroid.ru/misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin-left: -1em; /* LTR */
  overflow: hidden;
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url(https://beerdroid.ru/misc/draggable.png) no-repeat 6px 9px;
  height: 13px;
  margin: -0.4em 0.5em; /* LTR */
  padding: 0.42em 0.5em; /* LTR */
  width: 13px;
}
a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url(https://beerdroid.ru/misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(https://beerdroid.ru/misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(https://beerdroid.ru/misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right; /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}
.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}
.progress .percentage {
  float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
  display: inline-block;
}
.ajax-progress .throbber {
  background: transparent url(https://beerdroid.ru/misc/throbber-active.gif) no-repeat 0px center;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
.ajax-progress .message {
  padding-left: 20px;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}


/*})'"*/

#comments {
  margin-top: 15px;
}
.indented {
  margin-left: 25px; /* LTR */
}
.comment-unpublished {
  background-color: #fff4f4;
}
.comment-preview {
  background-color: #ffffea;
}

/*})'"*/

/* Field display */
.field .field-label {
  font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
  float:left; /*LTR*/
}

/* Form display */
form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table th.field-label {
  padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
  width: 30px;
  padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
  padding-right: .5em; /*LTR*/
}

form .field-add-more-submit {
  margin: .5em 0 0;
}

/*})'"*/

.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
td.revision-current {
  background: #ffc;
}

/*})'"*/

#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
  white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
  font-size: 0.85em;
  padding-bottom: .5em;
}

/**
 * Override default textfield float to put the "Add role" button next to
 * the input textfield.
 */
#user-admin-roles td.edit-name {
  clear: both;
}
#user-admin-roles .form-item-name {
  float: left; /* LTR */
  margin-right: 1em; /* LTR */
}

/**
 * Password strength indicator.
 */
.password-strength {
  width: 17em;
  float: right;  /* LTR */
  margin-top: 1.4em;
}
.password-strength-title {
  display: inline;
}
.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}
.password-indicator {
  background-color: #C4C4C4;
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: #47C965;
}
input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}
div.password-confirm {
  float: right;  /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}
.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

/* Generated by user.module but used by profile.module: */
.profile {
  clear: both;
  margin: 1em 0;
}
.profile .user-picture {
  float: right; /* LTR */
  margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
  border-bottom: 1px solid #ccc;
}
.profile dl {
  margin: 0 0 1.5em 0;
}
.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin: 0 0 1em 0;
}

/*})'"*/
.block-yashare-counters .ya-share2__list_direction_horizontal > .ya-share2__item,
.field-type-yashare-counters-buttons .ya-share2__list_direction_horizontal > .ya-share2__item {
  margin-bottom: 4px;
}

/*})'"*/
.views-exposed-form .views-exposed-widget {
  float: left; /* LTR */
  padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form label {
  font-weight: bold;
}

.views-exposed-widgets {
  margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}

.view .progress-disabled {
  float: none;
}

/*})'"*/
.ctools-locked {
  color: red;
  border: 1px solid red;
  padding: 1em;
}

.ctools-owns-lock {
  background: #ffffdd none repeat scroll 0 0;
  border: 1px solid #f0c020;
  padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
  padding-right: 18px !important;
  background: url(https://beerdroid.ru/sites/all/modules/ctools/images/status-active.gif) right center no-repeat;
}

div.ctools-ajaxing {
  float: left;
  width: 18px;
  background: url(https://beerdroid.ru/sites/all/modules/ctools/images/status-active.gif) center center no-repeat;
}

/*})'"*/
.search-api-autocomplete-suggestion {
  position: relative;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  font-size: 90%;
}

.search-api-autocomplete-suggestion .autocomplete-user-input {
  font-weight: bold;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-results {
  position: absolute;
  right: 0.2em;
}

/*})'"*/
/* break points */
/* mixins and functions */
/*
 *
 * Uncomment and set these variables to customize the grid.
 *
 * :root {
 *  --gutter-width: 1rem;
 *  --outer-margin: 2rem;
 *  --gutter-compensation: calc( var( --gutter-width / 2 ) * -1 );
 *  --half-gutter-width: calc( var( --gutter-width / 2 ) );
 *  --screen-xs-min: 30em;
 *  --screen-sm-min: 48em;
 *  --screen-md-min: 62em;
 *  --screen-lg-min: 75em;
 *  --container-sm: calc( 45rem + var( --gutter-width ) );
 *  --container-md: calc( 60rem + var( --gutter-width ) );
 *  --container-lg: calc( 70rem + var( --gutter-width ) );
 * }
 *
*/
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.row-wrapper {
  padding-right: 12px;
  padding-left: 12px;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.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,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 12px;
  padding-left: 12px;
}

.col-xs {
  flex: 1 0 0;
  max-width: 100%;
}

.col-xs-1 {
  flex: 0 0 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  flex: 0 0 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  flex: 0 0 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex: 0 0 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  flex: 0 0 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex: 0 0 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  flex: 0 0 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

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

.middle-xs {
  align-items: center;
}

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

.around-xs {
  justify-content: space-around;
}

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

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 768px) {
  .container {
    width: 768px;
  }
  .col-sm,
.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,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-sm {
    flex: 1 0 0;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%;
  }
  .col-sm-2 {
    flex: 0 0 16.667%;
    max-width: 16.667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .col-sm-5 {
    flex: 0 0 41.667%;
    max-width: 41.667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }
  .col-sm-8 {
    flex: 0 0 66.667%;
    max-width: 66.667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%;
  }
  .col-sm-11 {
    flex: 0 0 91.667%;
    max-width: 91.667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.667%;
  }
  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    width: 992px;
  }
  .col-md,
.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,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-md {
    flex: 1 0 0;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%;
  }
  .col-md-2 {
    flex: 0 0 16.667%;
    max-width: 16.667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .col-md-5 {
    flex: 0 0 41.667%;
    max-width: 41.667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }
  .col-md-8 {
    flex: 0 0 66.667%;
    max-width: 66.667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%;
  }
  .col-md-11 {
    flex: 0 0 91.667%;
    max-width: 91.667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-offset-1 {
    margin-left: 8.333%;
  }
  .col-md-offset-2 {
    margin-left: 16.667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.333%;
  }
  .col-md-offset-5 {
    margin-left: 41.667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333%;
  }
  .col-md-offset-8 {
    margin-left: 66.667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.333%;
  }
  .col-md-offset-11 {
    margin-left: 91.667%;
  }
  .start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    justify-content: center;
    text-align: center;
  }
  .end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 1256px) {
  .container {
    width: 1256px;
  }
  .col-lg,
.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,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-lg {
    flex: 1 0 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%;
  }
  .col-lg-2 {
    flex: 0 0 16.667%;
    max-width: 16.667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .col-lg-5 {
    flex: 0 0 41.667%;
    max-width: 41.667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }
  .col-lg-8 {
    flex: 0 0 66.667%;
    max-width: 66.667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%;
  }
  .col-lg-11 {
    flex: 0 0 91.667%;
    max-width: 91.667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.667%;
  }
  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
/*# sourceMappingURL=../css/flexboxgrid.css.map */

/*})'"*/
/* break points */
/* mixins and functions */
.primary-red #header {
  background: #f44336;
  color: #FFF;
}
.primary-red.navbar-fixed #navbar {
  background: #f44336;
}
.primary-red.header-bg-image #header, .primary-red.header-bg-object #header {
  background-color: #f44336;
}
.primary-red.header-bg-image.navbar-fixed #header {
  background: #f44336;
}
.primary-red.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-red.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #f44336;
}
.primary-red .navbar-icon {
  color: #FFF;
}
.primary-red .navbar-title a {
  color: #FFF;
}
.primary-red .navbar-slogan {
  color: #FFF;
}
.primary-red .navbar-menu .menu a {
  color: #FFF;
}
.primary-red .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-red .navbar-menu .menu .active a, .primary-red .navbar-menu .menu .active-trail a, .primary-red .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-red article .content blockquote {
  border-color: #f44336;
}
.primary-red #drawer .menu li.active a, .primary-red li.active-trail a {
  color: #e53935;
}
.primary-red #drawer .menu li.active a.icon-left:before, .primary-red #drawer .menu li.active a.icon-right:after, .primary-red li.active-trail a.icon-left:before, .primary-red li.active-trail a.icon-right:after {
  color: #e53935;
}
.primary-red #drawer .menu li.active a.services-icon-left:before, .primary-red #drawer .menu li.active a.services-icon-right:after, .primary-red li.active-trail a.services-icon-left:before, .primary-red li.active-trail a.services-icon-right:after {
  background: #e53935;
}
.primary-red .sidebar .menu li.active a {
  color: #e53935;
}
.primary-red .navbar-item.block-search form .form-item input[type=text], .primary-red #header .block-search form .form-item input[type=text], .primary-red .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-red .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-red #header .block-search form .form-item input[type=text]::placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-red .navbar-item.block-search form .form-item.icon-left:before, .primary-red #header .block-search form .form-item.icon-left:before, .primary-red .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-red .card-bg-primary {
  background: #f44336;
  color: #FFF;
}
.primary-red .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-red .card-bg-primary .btn {
  color: #FFF;
}
.primary-red .card-bg-primary .btn:hover, .primary-red .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-red .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-red .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-red .material-icons.text-primary {
  color: #f44336;
}
.primary-red .text-primary, .primary-red a.text-primary, .primary-red a.text-primary:hover, .primary-red a.text-primary:focus {
  color: #e53935;
}
.primary-red .btn-colored, .primary-red .btn-colored:hover, .primary-red .btn-colored:focus,
.primary-red .btn.btn-colored, .primary-red .btn.btn-colored:hover, .primary-red .btn.btn-colored:focus,
.primary-red input.btn-colored[type=submit], .primary-red input.btn-colored[type=submit]:hover, .primary-red input.btn-colored[type=submit]:focus {
  color: #e53935;
}
.primary-red .btn-raised.btn-colored, .primary-red .btn.btn-raised.btn-colored, .primary-red input.btn-raised[type=submit].btn-colored {
  background: #f44336;
  color: #FFF;
}
.primary-red .btn-raised.btn-colored:hover, .primary-red .btn-raised.btn-colored:focus, .primary-red .btn.btn-raised.btn-colored:hover, .primary-red .btn.btn-raised.btn-colored:focus, .primary-red input.btn-raised[type=submit].btn-colored:hover, .primary-red input.btn-raised[type=submit].btn-colored:focus {
  background: #e53935;
  color: #FFF;
}
.primary-red .btn-raised.btn-colored:active, .primary-red .btn.btn-raised.btn-colored:active, .primary-red input.btn-raised[type=submit].btn-colored:active {
  background: #d32f2f;
}
.primary-red .pager .pager-item.item-current > a, .primary-red .pager .pager-item.item-current > span {
  color: #e53935;
}
.primary-red.theme-dark .text-primary, .primary-red.theme-dark a.text-primary, .primary-red.theme-dark a.text-primary:hover, .primary-red.theme-dark a.text-primary:focus {
  color: #ef5350;
}
.primary-red.theme-dark .btn-colored, .primary-red.theme-dark .btn-colored:hover, .primary-red.theme-dark .btn-colored:focus,
.primary-red.theme-dark .btn.btn-colored, .primary-red.theme-dark .btn.btn-colored:hover, .primary-red.theme-dark .btn.btn-colored:focus,
.primary-red.theme-dark input.btn-colored[type=submit], .primary-red.theme-dark input.btn-colored[type=submit]:hover, .primary-red.theme-dark input.btn-colored[type=submit]:focus {
  color: #ef5350;
}
.primary-red.theme-dark .btn-raised.btn-colored, .primary-red.theme-dark .btn.btn-raised.btn-colored, .primary-red.theme-dark input.btn-raised.btn-colored {
  background: #f44336;
  color: #FFF;
}
.primary-red.theme-dark .btn-raised.btn-colored:hover, .primary-red.theme-dark .btn-raised.btn-colored:focus, .primary-red.theme-dark .btn.btn-raised.btn-colored:hover, .primary-red.theme-dark .btn.btn-raised.btn-colored:focus, .primary-red.theme-dark input.btn-raised.btn-colored:hover, .primary-red.theme-dark input.btn-raised.btn-colored:focus {
  background: #e57373;
  color: #FFF;
}
.primary-red.theme-dark .btn-raised.btn-colored:active, .primary-red.theme-dark .btn.btn-raised.btn-colored:active, .primary-red.theme-dark input.btn-raised.btn-colored:active {
  background: #ef9a9a;
}

.primary-pink #header {
  background: #e91e63;
  color: #FFF;
}
.primary-pink.navbar-fixed #navbar {
  background: #e91e63;
}
.primary-pink.header-bg-image #header, .primary-pink.header-bg-object #header {
  background-color: #e91e63;
}
.primary-pink.header-bg-image.navbar-fixed #header {
  background: #e91e63;
}
.primary-pink.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-pink.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #e91e63;
}
.primary-pink .navbar-icon {
  color: #FFF;
}
.primary-pink .navbar-title a {
  color: #FFF;
}
.primary-pink .navbar-slogan {
  color: #FFF;
}
.primary-pink .navbar-menu .menu a {
  color: #FFF;
}
.primary-pink .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-pink .navbar-menu .menu .active a, .primary-pink .navbar-menu .menu .active-trail a, .primary-pink .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-pink article .content blockquote {
  border-color: #e91e63;
}
.primary-pink #drawer .menu li.active a, .primary-pink li.active-trail a {
  color: #d81b60;
}
.primary-pink #drawer .menu li.active a.icon-left:before, .primary-pink #drawer .menu li.active a.icon-right:after, .primary-pink li.active-trail a.icon-left:before, .primary-pink li.active-trail a.icon-right:after {
  color: #d81b60;
}
.primary-pink #drawer .menu li.active a.services-icon-left:before, .primary-pink #drawer .menu li.active a.services-icon-right:after, .primary-pink li.active-trail a.services-icon-left:before, .primary-pink li.active-trail a.services-icon-right:after {
  background: #d81b60;
}
.primary-pink .sidebar .menu li.active a {
  color: #d81b60;
}
.primary-pink .navbar-item.block-search form .form-item input[type=text], .primary-pink #header .block-search form .form-item input[type=text], .primary-pink .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-pink .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-pink #header .block-search form .form-item input[type=text]::placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-pink .navbar-item.block-search form .form-item.icon-left:before, .primary-pink #header .block-search form .form-item.icon-left:before, .primary-pink .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-pink .card-bg-primary {
  background: #e91e63;
  color: #FFF;
}
.primary-pink .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-pink .card-bg-primary .btn {
  color: #FFF;
}
.primary-pink .card-bg-primary .btn:hover, .primary-pink .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-pink .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-pink .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-pink .material-icons.text-primary {
  color: #e91e63;
}
.primary-pink .text-primary, .primary-pink a.text-primary, .primary-pink a.text-primary:hover, .primary-pink a.text-primary:focus {
  color: #d81b60;
}
.primary-pink .btn-colored, .primary-pink .btn-colored:hover, .primary-pink .btn-colored:focus,
.primary-pink .btn.btn-colored, .primary-pink .btn.btn-colored:hover, .primary-pink .btn.btn-colored:focus,
.primary-pink input.btn-colored[type=submit], .primary-pink input.btn-colored[type=submit]:hover, .primary-pink input.btn-colored[type=submit]:focus {
  color: #d81b60;
}
.primary-pink .btn-raised.btn-colored, .primary-pink .btn.btn-raised.btn-colored, .primary-pink input.btn-raised[type=submit].btn-colored {
  background: #e91e63;
  color: #FFF;
}
.primary-pink .btn-raised.btn-colored:hover, .primary-pink .btn-raised.btn-colored:focus, .primary-pink .btn.btn-raised.btn-colored:hover, .primary-pink .btn.btn-raised.btn-colored:focus, .primary-pink input.btn-raised[type=submit].btn-colored:hover, .primary-pink input.btn-raised[type=submit].btn-colored:focus {
  background: #d81b60;
  color: #FFF;
}
.primary-pink .btn-raised.btn-colored:active, .primary-pink .btn.btn-raised.btn-colored:active, .primary-pink input.btn-raised[type=submit].btn-colored:active {
  background: #c2185b;
}
.primary-pink .pager .pager-item.item-current > a, .primary-pink .pager .pager-item.item-current > span {
  color: #d81b60;
}
.primary-pink.theme-dark .text-primary, .primary-pink.theme-dark a.text-primary, .primary-pink.theme-dark a.text-primary:hover, .primary-pink.theme-dark a.text-primary:focus {
  color: #ec407a;
}
.primary-pink.theme-dark .btn-colored, .primary-pink.theme-dark .btn-colored:hover, .primary-pink.theme-dark .btn-colored:focus,
.primary-pink.theme-dark .btn.btn-colored, .primary-pink.theme-dark .btn.btn-colored:hover, .primary-pink.theme-dark .btn.btn-colored:focus,
.primary-pink.theme-dark input.btn-colored[type=submit], .primary-pink.theme-dark input.btn-colored[type=submit]:hover, .primary-pink.theme-dark input.btn-colored[type=submit]:focus {
  color: #ec407a;
}
.primary-pink.theme-dark .btn-raised.btn-colored, .primary-pink.theme-dark .btn.btn-raised.btn-colored, .primary-pink.theme-dark input.btn-raised.btn-colored {
  background: #e91e63;
  color: #FFF;
}
.primary-pink.theme-dark .btn-raised.btn-colored:hover, .primary-pink.theme-dark .btn-raised.btn-colored:focus, .primary-pink.theme-dark .btn.btn-raised.btn-colored:hover, .primary-pink.theme-dark .btn.btn-raised.btn-colored:focus, .primary-pink.theme-dark input.btn-raised.btn-colored:hover, .primary-pink.theme-dark input.btn-raised.btn-colored:focus {
  background: #f06292;
  color: #FFF;
}
.primary-pink.theme-dark .btn-raised.btn-colored:active, .primary-pink.theme-dark .btn.btn-raised.btn-colored:active, .primary-pink.theme-dark input.btn-raised.btn-colored:active {
  background: #f48fb1;
}

.primary-purple #header {
  background: #9c27b0;
  color: #FFF;
}
.primary-purple.navbar-fixed #navbar {
  background: #9c27b0;
}
.primary-purple.header-bg-image #header, .primary-purple.header-bg-object #header {
  background-color: #9c27b0;
}
.primary-purple.header-bg-image.navbar-fixed #header {
  background: #9c27b0;
}
.primary-purple.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-purple.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #9c27b0;
}
.primary-purple .navbar-icon {
  color: #FFF;
}
.primary-purple .navbar-title a {
  color: #FFF;
}
.primary-purple .navbar-slogan {
  color: #FFF;
}
.primary-purple .navbar-menu .menu a {
  color: #FFF;
}
.primary-purple .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-purple .navbar-menu .menu .active a, .primary-purple .navbar-menu .menu .active-trail a, .primary-purple .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-purple article .content blockquote {
  border-color: #9c27b0;
}
.primary-purple #drawer .menu li.active a, .primary-purple li.active-trail a {
  color: #8e24aa;
}
.primary-purple #drawer .menu li.active a.icon-left:before, .primary-purple #drawer .menu li.active a.icon-right:after, .primary-purple li.active-trail a.icon-left:before, .primary-purple li.active-trail a.icon-right:after {
  color: #8e24aa;
}
.primary-purple #drawer .menu li.active a.services-icon-left:before, .primary-purple #drawer .menu li.active a.services-icon-right:after, .primary-purple li.active-trail a.services-icon-left:before, .primary-purple li.active-trail a.services-icon-right:after {
  background: #8e24aa;
}
.primary-purple .sidebar .menu li.active a {
  color: #8e24aa;
}
.primary-purple .navbar-item.block-search form .form-item input[type=text], .primary-purple #header .block-search form .form-item input[type=text], .primary-purple .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-purple .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-purple #header .block-search form .form-item input[type=text]::placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-purple .navbar-item.block-search form .form-item.icon-left:before, .primary-purple #header .block-search form .form-item.icon-left:before, .primary-purple .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-purple .card-bg-primary {
  background: #9c27b0;
  color: #FFF;
}
.primary-purple .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-purple .card-bg-primary .btn {
  color: #FFF;
}
.primary-purple .card-bg-primary .btn:hover, .primary-purple .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-purple .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-purple .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-purple .material-icons.text-primary {
  color: #9c27b0;
}
.primary-purple .text-primary, .primary-purple a.text-primary, .primary-purple a.text-primary:hover, .primary-purple a.text-primary:focus {
  color: #8e24aa;
}
.primary-purple .btn-colored, .primary-purple .btn-colored:hover, .primary-purple .btn-colored:focus,
.primary-purple .btn.btn-colored, .primary-purple .btn.btn-colored:hover, .primary-purple .btn.btn-colored:focus,
.primary-purple input.btn-colored[type=submit], .primary-purple input.btn-colored[type=submit]:hover, .primary-purple input.btn-colored[type=submit]:focus {
  color: #8e24aa;
}
.primary-purple .btn-raised.btn-colored, .primary-purple .btn.btn-raised.btn-colored, .primary-purple input.btn-raised[type=submit].btn-colored {
  background: #9c27b0;
  color: #FFF;
}
.primary-purple .btn-raised.btn-colored:hover, .primary-purple .btn-raised.btn-colored:focus, .primary-purple .btn.btn-raised.btn-colored:hover, .primary-purple .btn.btn-raised.btn-colored:focus, .primary-purple input.btn-raised[type=submit].btn-colored:hover, .primary-purple input.btn-raised[type=submit].btn-colored:focus {
  background: #8e24aa;
  color: #FFF;
}
.primary-purple .btn-raised.btn-colored:active, .primary-purple .btn.btn-raised.btn-colored:active, .primary-purple input.btn-raised[type=submit].btn-colored:active {
  background: #7b1fa2;
}
.primary-purple .pager .pager-item.item-current > a, .primary-purple .pager .pager-item.item-current > span {
  color: #8e24aa;
}
.primary-purple.theme-dark .text-primary, .primary-purple.theme-dark a.text-primary, .primary-purple.theme-dark a.text-primary:hover, .primary-purple.theme-dark a.text-primary:focus {
  color: #ab47bc;
}
.primary-purple.theme-dark .btn-colored, .primary-purple.theme-dark .btn-colored:hover, .primary-purple.theme-dark .btn-colored:focus,
.primary-purple.theme-dark .btn.btn-colored, .primary-purple.theme-dark .btn.btn-colored:hover, .primary-purple.theme-dark .btn.btn-colored:focus,
.primary-purple.theme-dark input.btn-colored[type=submit], .primary-purple.theme-dark input.btn-colored[type=submit]:hover, .primary-purple.theme-dark input.btn-colored[type=submit]:focus {
  color: #ab47bc;
}
.primary-purple.theme-dark .btn-raised.btn-colored, .primary-purple.theme-dark .btn.btn-raised.btn-colored, .primary-purple.theme-dark input.btn-raised.btn-colored {
  background: #9c27b0;
  color: #FFF;
}
.primary-purple.theme-dark .btn-raised.btn-colored:hover, .primary-purple.theme-dark .btn-raised.btn-colored:focus, .primary-purple.theme-dark .btn.btn-raised.btn-colored:hover, .primary-purple.theme-dark .btn.btn-raised.btn-colored:focus, .primary-purple.theme-dark input.btn-raised.btn-colored:hover, .primary-purple.theme-dark input.btn-raised.btn-colored:focus {
  background: #ba68c8;
  color: #FFF;
}
.primary-purple.theme-dark .btn-raised.btn-colored:active, .primary-purple.theme-dark .btn.btn-raised.btn-colored:active, .primary-purple.theme-dark input.btn-raised.btn-colored:active {
  background: #ce93d8;
}

.primary-deep-purple #header {
  background: #673ab7;
  color: #FFF;
}
.primary-deep-purple.navbar-fixed #navbar {
  background: #673ab7;
}
.primary-deep-purple.header-bg-image #header, .primary-deep-purple.header-bg-object #header {
  background-color: #673ab7;
}
.primary-deep-purple.header-bg-image.navbar-fixed #header {
  background: #673ab7;
}
.primary-deep-purple.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-deep-purple.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #673ab7;
}
.primary-deep-purple .navbar-icon {
  color: #FFF;
}
.primary-deep-purple .navbar-title a {
  color: #FFF;
}
.primary-deep-purple .navbar-slogan {
  color: #FFF;
}
.primary-deep-purple .navbar-menu .menu a {
  color: #FFF;
}
.primary-deep-purple .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-deep-purple .navbar-menu .menu .active a, .primary-deep-purple .navbar-menu .menu .active-trail a, .primary-deep-purple .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-deep-purple article .content blockquote {
  border-color: #673ab7;
}
.primary-deep-purple #drawer .menu li.active a, .primary-deep-purple li.active-trail a {
  color: #5e35b1;
}
.primary-deep-purple #drawer .menu li.active a.icon-left:before, .primary-deep-purple #drawer .menu li.active a.icon-right:after, .primary-deep-purple li.active-trail a.icon-left:before, .primary-deep-purple li.active-trail a.icon-right:after {
  color: #5e35b1;
}
.primary-deep-purple #drawer .menu li.active a.services-icon-left:before, .primary-deep-purple #drawer .menu li.active a.services-icon-right:after, .primary-deep-purple li.active-trail a.services-icon-left:before, .primary-deep-purple li.active-trail a.services-icon-right:after {
  background: #5e35b1;
}
.primary-deep-purple .sidebar .menu li.active a {
  color: #5e35b1;
}
.primary-deep-purple .navbar-item.block-search form .form-item input[type=text], .primary-deep-purple #header .block-search form .form-item input[type=text], .primary-deep-purple .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-deep-purple .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-deep-purple #header .block-search form .form-item input[type=text]::placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-deep-purple .navbar-item.block-search form .form-item.icon-left:before, .primary-deep-purple #header .block-search form .form-item.icon-left:before, .primary-deep-purple .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-deep-purple .card-bg-primary {
  background: #673ab7;
  color: #FFF;
}
.primary-deep-purple .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-deep-purple .card-bg-primary .btn {
  color: #FFF;
}
.primary-deep-purple .card-bg-primary .btn:hover, .primary-deep-purple .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-deep-purple .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-deep-purple .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-deep-purple .material-icons.text-primary {
  color: #673ab7;
}
.primary-deep-purple .text-primary, .primary-deep-purple a.text-primary, .primary-deep-purple a.text-primary:hover, .primary-deep-purple a.text-primary:focus {
  color: #5e35b1;
}
.primary-deep-purple .btn-colored, .primary-deep-purple .btn-colored:hover, .primary-deep-purple .btn-colored:focus,
.primary-deep-purple .btn.btn-colored, .primary-deep-purple .btn.btn-colored:hover, .primary-deep-purple .btn.btn-colored:focus,
.primary-deep-purple input.btn-colored[type=submit], .primary-deep-purple input.btn-colored[type=submit]:hover, .primary-deep-purple input.btn-colored[type=submit]:focus {
  color: #5e35b1;
}
.primary-deep-purple .btn-raised.btn-colored, .primary-deep-purple .btn.btn-raised.btn-colored, .primary-deep-purple input.btn-raised[type=submit].btn-colored {
  background: #673ab7;
  color: #FFF;
}
.primary-deep-purple .btn-raised.btn-colored:hover, .primary-deep-purple .btn-raised.btn-colored:focus, .primary-deep-purple .btn.btn-raised.btn-colored:hover, .primary-deep-purple .btn.btn-raised.btn-colored:focus, .primary-deep-purple input.btn-raised[type=submit].btn-colored:hover, .primary-deep-purple input.btn-raised[type=submit].btn-colored:focus {
  background: #5e35b1;
  color: #FFF;
}
.primary-deep-purple .btn-raised.btn-colored:active, .primary-deep-purple .btn.btn-raised.btn-colored:active, .primary-deep-purple input.btn-raised[type=submit].btn-colored:active {
  background: #512da8;
}
.primary-deep-purple .pager .pager-item.item-current > a, .primary-deep-purple .pager .pager-item.item-current > span {
  color: #5e35b1;
}
.primary-deep-purple.theme-dark .text-primary, .primary-deep-purple.theme-dark a.text-primary, .primary-deep-purple.theme-dark a.text-primary:hover, .primary-deep-purple.theme-dark a.text-primary:focus {
  color: #7e57c2;
}
.primary-deep-purple.theme-dark .btn-colored, .primary-deep-purple.theme-dark .btn-colored:hover, .primary-deep-purple.theme-dark .btn-colored:focus,
.primary-deep-purple.theme-dark .btn.btn-colored, .primary-deep-purple.theme-dark .btn.btn-colored:hover, .primary-deep-purple.theme-dark .btn.btn-colored:focus,
.primary-deep-purple.theme-dark input.btn-colored[type=submit], .primary-deep-purple.theme-dark input.btn-colored[type=submit]:hover, .primary-deep-purple.theme-dark input.btn-colored[type=submit]:focus {
  color: #7e57c2;
}
.primary-deep-purple.theme-dark .btn-raised.btn-colored, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored, .primary-deep-purple.theme-dark input.btn-raised.btn-colored {
  background: #673ab7;
  color: #FFF;
}
.primary-deep-purple.theme-dark .btn-raised.btn-colored:hover, .primary-deep-purple.theme-dark .btn-raised.btn-colored:focus, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored:hover, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored:focus, .primary-deep-purple.theme-dark input.btn-raised.btn-colored:hover, .primary-deep-purple.theme-dark input.btn-raised.btn-colored:focus {
  background: #9575cd;
  color: #FFF;
}
.primary-deep-purple.theme-dark .btn-raised.btn-colored:active, .primary-deep-purple.theme-dark .btn.btn-raised.btn-colored:active, .primary-deep-purple.theme-dark input.btn-raised.btn-colored:active {
  background: #b39ddb;
}

.primary-indigo #header {
  background: #3f51b5;
  color: #FFF;
}
.primary-indigo.navbar-fixed #navbar {
  background: #3f51b5;
}
.primary-indigo.header-bg-image #header, .primary-indigo.header-bg-object #header {
  background-color: #3f51b5;
}
.primary-indigo.header-bg-image.navbar-fixed #header {
  background: #3f51b5;
}
.primary-indigo.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-indigo.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #3f51b5;
}
.primary-indigo .navbar-icon {
  color: #FFF;
}
.primary-indigo .navbar-title a {
  color: #FFF;
}
.primary-indigo .navbar-slogan {
  color: #FFF;
}
.primary-indigo .navbar-menu .menu a {
  color: #FFF;
}
.primary-indigo .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-indigo .navbar-menu .menu .active a, .primary-indigo .navbar-menu .menu .active-trail a, .primary-indigo .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-indigo article .content blockquote {
  border-color: #3f51b5;
}
.primary-indigo #drawer .menu li.active a, .primary-indigo li.active-trail a {
  color: #3949ab;
}
.primary-indigo #drawer .menu li.active a.icon-left:before, .primary-indigo #drawer .menu li.active a.icon-right:after, .primary-indigo li.active-trail a.icon-left:before, .primary-indigo li.active-trail a.icon-right:after {
  color: #3949ab;
}
.primary-indigo #drawer .menu li.active a.services-icon-left:before, .primary-indigo #drawer .menu li.active a.services-icon-right:after, .primary-indigo li.active-trail a.services-icon-left:before, .primary-indigo li.active-trail a.services-icon-right:after {
  background: #3949ab;
}
.primary-indigo .sidebar .menu li.active a {
  color: #3949ab;
}
.primary-indigo .navbar-item.block-search form .form-item input[type=text], .primary-indigo #header .block-search form .form-item input[type=text], .primary-indigo .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-indigo .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-indigo #header .block-search form .form-item input[type=text]::placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-indigo .navbar-item.block-search form .form-item.icon-left:before, .primary-indigo #header .block-search form .form-item.icon-left:before, .primary-indigo .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-indigo .card-bg-primary {
  background: #3f51b5;
  color: #FFF;
}
.primary-indigo .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-indigo .card-bg-primary .btn {
  color: #FFF;
}
.primary-indigo .card-bg-primary .btn:hover, .primary-indigo .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-indigo .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-indigo .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-indigo .material-icons.text-primary {
  color: #3f51b5;
}
.primary-indigo .text-primary, .primary-indigo a.text-primary, .primary-indigo a.text-primary:hover, .primary-indigo a.text-primary:focus {
  color: #3949ab;
}
.primary-indigo .btn-colored, .primary-indigo .btn-colored:hover, .primary-indigo .btn-colored:focus,
.primary-indigo .btn.btn-colored, .primary-indigo .btn.btn-colored:hover, .primary-indigo .btn.btn-colored:focus,
.primary-indigo input.btn-colored[type=submit], .primary-indigo input.btn-colored[type=submit]:hover, .primary-indigo input.btn-colored[type=submit]:focus {
  color: #3949ab;
}
.primary-indigo .btn-raised.btn-colored, .primary-indigo .btn.btn-raised.btn-colored, .primary-indigo input.btn-raised[type=submit].btn-colored {
  background: #3f51b5;
  color: #FFF;
}
.primary-indigo .btn-raised.btn-colored:hover, .primary-indigo .btn-raised.btn-colored:focus, .primary-indigo .btn.btn-raised.btn-colored:hover, .primary-indigo .btn.btn-raised.btn-colored:focus, .primary-indigo input.btn-raised[type=submit].btn-colored:hover, .primary-indigo input.btn-raised[type=submit].btn-colored:focus {
  background: #3949ab;
  color: #FFF;
}
.primary-indigo .btn-raised.btn-colored:active, .primary-indigo .btn.btn-raised.btn-colored:active, .primary-indigo input.btn-raised[type=submit].btn-colored:active {
  background: #303f9f;
}
.primary-indigo .pager .pager-item.item-current > a, .primary-indigo .pager .pager-item.item-current > span {
  color: #3949ab;
}
.primary-indigo.theme-dark .text-primary, .primary-indigo.theme-dark a.text-primary, .primary-indigo.theme-dark a.text-primary:hover, .primary-indigo.theme-dark a.text-primary:focus {
  color: #5c6bc0;
}
.primary-indigo.theme-dark .btn-colored, .primary-indigo.theme-dark .btn-colored:hover, .primary-indigo.theme-dark .btn-colored:focus,
.primary-indigo.theme-dark .btn.btn-colored, .primary-indigo.theme-dark .btn.btn-colored:hover, .primary-indigo.theme-dark .btn.btn-colored:focus,
.primary-indigo.theme-dark input.btn-colored[type=submit], .primary-indigo.theme-dark input.btn-colored[type=submit]:hover, .primary-indigo.theme-dark input.btn-colored[type=submit]:focus {
  color: #5c6bc0;
}
.primary-indigo.theme-dark .btn-raised.btn-colored, .primary-indigo.theme-dark .btn.btn-raised.btn-colored, .primary-indigo.theme-dark input.btn-raised.btn-colored {
  background: #3f51b5;
  color: #FFF;
}
.primary-indigo.theme-dark .btn-raised.btn-colored:hover, .primary-indigo.theme-dark .btn-raised.btn-colored:focus, .primary-indigo.theme-dark .btn.btn-raised.btn-colored:hover, .primary-indigo.theme-dark .btn.btn-raised.btn-colored:focus, .primary-indigo.theme-dark input.btn-raised.btn-colored:hover, .primary-indigo.theme-dark input.btn-raised.btn-colored:focus {
  background: #7986cb;
  color: #FFF;
}
.primary-indigo.theme-dark .btn-raised.btn-colored:active, .primary-indigo.theme-dark .btn.btn-raised.btn-colored:active, .primary-indigo.theme-dark input.btn-raised.btn-colored:active {
  background: #9fa8da;
}

.primary-blue #header {
  background: #2196f3;
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue.navbar-fixed #navbar {
  background: #2196f3;
}
.primary-blue.header-bg-image #header, .primary-blue.header-bg-object #header {
  background-color: #2196f3;
}
.primary-blue.header-bg-image.navbar-fixed #header {
  background: #2196f3;
}
.primary-blue.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-blue.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #2196f3;
}
.primary-blue .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .navbar-menu .menu .active a, .primary-blue .navbar-menu .menu .active-trail a, .primary-blue .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-blue article .content blockquote {
  border-color: #2196f3;
}
.primary-blue #drawer .menu li.active a, .primary-blue li.active-trail a {
  color: #1e88e5;
}
.primary-blue #drawer .menu li.active a.icon-left:before, .primary-blue #drawer .menu li.active a.icon-right:after, .primary-blue li.active-trail a.icon-left:before, .primary-blue li.active-trail a.icon-right:after {
  color: #1e88e5;
}
.primary-blue #drawer .menu li.active a.services-icon-left:before, .primary-blue #drawer .menu li.active a.services-icon-right:after, .primary-blue li.active-trail a.services-icon-left:before, .primary-blue li.active-trail a.services-icon-right:after {
  background: #1e88e5;
}
.primary-blue .sidebar .menu li.active a {
  color: #1e88e5;
}
.primary-blue .navbar-item.block-search form .form-item input[type=text], .primary-blue #header .block-search form .form-item input[type=text], .primary-blue .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-blue .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-blue #header .block-search form .form-item input[type=text]::placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-blue .navbar-item.block-search form .form-item.icon-left:before, .primary-blue #header .block-search form .form-item.icon-left:before, .primary-blue .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .card-bg-primary {
  background: #2196f3;
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-blue .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .card-bg-primary .btn:hover, .primary-blue .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-blue .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-blue .material-icons.text-primary {
  color: #2196f3;
}
.primary-blue .text-primary, .primary-blue a.text-primary, .primary-blue a.text-primary:hover, .primary-blue a.text-primary:focus {
  color: #1e88e5;
}
.primary-blue .btn-colored, .primary-blue .btn-colored:hover, .primary-blue .btn-colored:focus,
.primary-blue .btn.btn-colored, .primary-blue .btn.btn-colored:hover, .primary-blue .btn.btn-colored:focus,
.primary-blue input.btn-colored[type=submit], .primary-blue input.btn-colored[type=submit]:hover, .primary-blue input.btn-colored[type=submit]:focus {
  color: #1e88e5;
}
.primary-blue .btn-raised.btn-colored, .primary-blue .btn.btn-raised.btn-colored, .primary-blue input.btn-raised[type=submit].btn-colored {
  background: #2196f3;
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .btn-raised.btn-colored:hover, .primary-blue .btn-raised.btn-colored:focus, .primary-blue .btn.btn-raised.btn-colored:hover, .primary-blue .btn.btn-raised.btn-colored:focus, .primary-blue input.btn-raised[type=submit].btn-colored:hover, .primary-blue input.btn-raised[type=submit].btn-colored:focus {
  background: #1e88e5;
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue .btn-raised.btn-colored:active, .primary-blue .btn.btn-raised.btn-colored:active, .primary-blue input.btn-raised[type=submit].btn-colored:active {
  background: #1976d2;
}
.primary-blue .pager .pager-item.item-current > a, .primary-blue .pager .pager-item.item-current > span {
  color: #1e88e5;
}
.primary-blue.theme-dark .text-primary, .primary-blue.theme-dark a.text-primary, .primary-blue.theme-dark a.text-primary:hover, .primary-blue.theme-dark a.text-primary:focus {
  color: #42a5f5;
}
.primary-blue.theme-dark .btn-colored, .primary-blue.theme-dark .btn-colored:hover, .primary-blue.theme-dark .btn-colored:focus,
.primary-blue.theme-dark .btn.btn-colored, .primary-blue.theme-dark .btn.btn-colored:hover, .primary-blue.theme-dark .btn.btn-colored:focus,
.primary-blue.theme-dark input.btn-colored[type=submit], .primary-blue.theme-dark input.btn-colored[type=submit]:hover, .primary-blue.theme-dark input.btn-colored[type=submit]:focus {
  color: #42a5f5;
}
.primary-blue.theme-dark .btn-raised.btn-colored, .primary-blue.theme-dark .btn.btn-raised.btn-colored, .primary-blue.theme-dark input.btn-raised.btn-colored {
  background: #2196f3;
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue.theme-dark .btn-raised.btn-colored:hover, .primary-blue.theme-dark .btn-raised.btn-colored:focus, .primary-blue.theme-dark .btn.btn-raised.btn-colored:hover, .primary-blue.theme-dark .btn.btn-raised.btn-colored:focus, .primary-blue.theme-dark input.btn-raised.btn-colored:hover, .primary-blue.theme-dark input.btn-raised.btn-colored:focus {
  background: #64b5f6;
  color: rgba(0, 0, 0, 0.87);
}
.primary-blue.theme-dark .btn-raised.btn-colored:active, .primary-blue.theme-dark .btn.btn-raised.btn-colored:active, .primary-blue.theme-dark input.btn-raised.btn-colored:active {
  background: #90caf9;
}

.primary-light-blue #header {
  background: #03a9f4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue.navbar-fixed #navbar {
  background: #03a9f4;
}
.primary-light-blue.header-bg-image #header, .primary-light-blue.header-bg-object #header {
  background-color: #03a9f4;
}
.primary-light-blue.header-bg-image.navbar-fixed #header {
  background: #03a9f4;
}
.primary-light-blue.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-light-blue.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #03a9f4;
}
.primary-light-blue .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .navbar-menu .menu .active a, .primary-light-blue .navbar-menu .menu .active-trail a, .primary-light-blue .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue article .content blockquote {
  border-color: #03a9f4;
}
.primary-light-blue #drawer .menu li.active a, .primary-light-blue li.active-trail a {
  color: #039be5;
}
.primary-light-blue #drawer .menu li.active a.icon-left:before, .primary-light-blue #drawer .menu li.active a.icon-right:after, .primary-light-blue li.active-trail a.icon-left:before, .primary-light-blue li.active-trail a.icon-right:after {
  color: #039be5;
}
.primary-light-blue #drawer .menu li.active a.services-icon-left:before, .primary-light-blue #drawer .menu li.active a.services-icon-right:after, .primary-light-blue li.active-trail a.services-icon-left:before, .primary-light-blue li.active-trail a.services-icon-right:after {
  background: #039be5;
}
.primary-light-blue .sidebar .menu li.active a {
  color: #039be5;
}
.primary-light-blue .navbar-item.block-search form .form-item input[type=text], .primary-light-blue #header .block-search form .form-item input[type=text], .primary-light-blue .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-light-blue .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-light-blue #header .block-search form .form-item input[type=text]::placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-light-blue .navbar-item.block-search form .form-item.icon-left:before, .primary-light-blue #header .block-search form .form-item.icon-left:before, .primary-light-blue .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .card-bg-primary {
  background: #03a9f4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-light-blue .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .card-bg-primary .btn:hover, .primary-light-blue .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-light-blue .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-light-blue .material-icons.text-primary {
  color: #03a9f4;
}
.primary-light-blue .text-primary, .primary-light-blue a.text-primary, .primary-light-blue a.text-primary:hover, .primary-light-blue a.text-primary:focus {
  color: #039be5;
}
.primary-light-blue .btn-colored, .primary-light-blue .btn-colored:hover, .primary-light-blue .btn-colored:focus,
.primary-light-blue .btn.btn-colored, .primary-light-blue .btn.btn-colored:hover, .primary-light-blue .btn.btn-colored:focus,
.primary-light-blue input.btn-colored[type=submit], .primary-light-blue input.btn-colored[type=submit]:hover, .primary-light-blue input.btn-colored[type=submit]:focus {
  color: #039be5;
}
.primary-light-blue .btn-raised.btn-colored, .primary-light-blue .btn.btn-raised.btn-colored, .primary-light-blue input.btn-raised[type=submit].btn-colored {
  background: #03a9f4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .btn-raised.btn-colored:hover, .primary-light-blue .btn-raised.btn-colored:focus, .primary-light-blue .btn.btn-raised.btn-colored:hover, .primary-light-blue .btn.btn-raised.btn-colored:focus, .primary-light-blue input.btn-raised[type=submit].btn-colored:hover, .primary-light-blue input.btn-raised[type=submit].btn-colored:focus {
  background: #039be5;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue .btn-raised.btn-colored:active, .primary-light-blue .btn.btn-raised.btn-colored:active, .primary-light-blue input.btn-raised[type=submit].btn-colored:active {
  background: #0288d1;
}
.primary-light-blue .pager .pager-item.item-current > a, .primary-light-blue .pager .pager-item.item-current > span {
  color: #039be5;
}
.primary-light-blue.theme-dark .text-primary, .primary-light-blue.theme-dark a.text-primary, .primary-light-blue.theme-dark a.text-primary:hover, .primary-light-blue.theme-dark a.text-primary:focus {
  color: #29b6f6;
}
.primary-light-blue.theme-dark .btn-colored, .primary-light-blue.theme-dark .btn-colored:hover, .primary-light-blue.theme-dark .btn-colored:focus,
.primary-light-blue.theme-dark .btn.btn-colored, .primary-light-blue.theme-dark .btn.btn-colored:hover, .primary-light-blue.theme-dark .btn.btn-colored:focus,
.primary-light-blue.theme-dark input.btn-colored[type=submit], .primary-light-blue.theme-dark input.btn-colored[type=submit]:hover, .primary-light-blue.theme-dark input.btn-colored[type=submit]:focus {
  color: #29b6f6;
}
.primary-light-blue.theme-dark .btn-raised.btn-colored, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored, .primary-light-blue.theme-dark input.btn-raised.btn-colored {
  background: #03a9f4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue.theme-dark .btn-raised.btn-colored:hover, .primary-light-blue.theme-dark .btn-raised.btn-colored:focus, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored:hover, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored:focus, .primary-light-blue.theme-dark input.btn-raised.btn-colored:hover, .primary-light-blue.theme-dark input.btn-raised.btn-colored:focus {
  background: #4fc3f7;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-blue.theme-dark .btn-raised.btn-colored:active, .primary-light-blue.theme-dark .btn.btn-raised.btn-colored:active, .primary-light-blue.theme-dark input.btn-raised.btn-colored:active {
  background: #81d4fa;
}

.primary-cyan #header {
  background: #00bcd4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan.navbar-fixed #navbar {
  background: #00bcd4;
}
.primary-cyan.header-bg-image #header, .primary-cyan.header-bg-object #header {
  background-color: #00bcd4;
}
.primary-cyan.header-bg-image.navbar-fixed #header {
  background: #00bcd4;
}
.primary-cyan.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-cyan.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #00bcd4;
}
.primary-cyan .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .navbar-menu .menu .active a, .primary-cyan .navbar-menu .menu .active-trail a, .primary-cyan .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-cyan article .content blockquote {
  border-color: #00bcd4;
}
.primary-cyan #drawer .menu li.active a, .primary-cyan li.active-trail a {
  color: #00acc1;
}
.primary-cyan #drawer .menu li.active a.icon-left:before, .primary-cyan #drawer .menu li.active a.icon-right:after, .primary-cyan li.active-trail a.icon-left:before, .primary-cyan li.active-trail a.icon-right:after {
  color: #00acc1;
}
.primary-cyan #drawer .menu li.active a.services-icon-left:before, .primary-cyan #drawer .menu li.active a.services-icon-right:after, .primary-cyan li.active-trail a.services-icon-left:before, .primary-cyan li.active-trail a.services-icon-right:after {
  background: #00acc1;
}
.primary-cyan .sidebar .menu li.active a {
  color: #00acc1;
}
.primary-cyan .navbar-item.block-search form .form-item input[type=text], .primary-cyan #header .block-search form .form-item input[type=text], .primary-cyan .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-cyan .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-cyan #header .block-search form .form-item input[type=text]::placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-cyan .navbar-item.block-search form .form-item.icon-left:before, .primary-cyan #header .block-search form .form-item.icon-left:before, .primary-cyan .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .card-bg-primary {
  background: #00bcd4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-cyan .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .card-bg-primary .btn:hover, .primary-cyan .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-cyan .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-cyan .material-icons.text-primary {
  color: #00bcd4;
}
.primary-cyan .text-primary, .primary-cyan a.text-primary, .primary-cyan a.text-primary:hover, .primary-cyan a.text-primary:focus {
  color: #00acc1;
}
.primary-cyan .btn-colored, .primary-cyan .btn-colored:hover, .primary-cyan .btn-colored:focus,
.primary-cyan .btn.btn-colored, .primary-cyan .btn.btn-colored:hover, .primary-cyan .btn.btn-colored:focus,
.primary-cyan input.btn-colored[type=submit], .primary-cyan input.btn-colored[type=submit]:hover, .primary-cyan input.btn-colored[type=submit]:focus {
  color: #00acc1;
}
.primary-cyan .btn-raised.btn-colored, .primary-cyan .btn.btn-raised.btn-colored, .primary-cyan input.btn-raised[type=submit].btn-colored {
  background: #00bcd4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .btn-raised.btn-colored:hover, .primary-cyan .btn-raised.btn-colored:focus, .primary-cyan .btn.btn-raised.btn-colored:hover, .primary-cyan .btn.btn-raised.btn-colored:focus, .primary-cyan input.btn-raised[type=submit].btn-colored:hover, .primary-cyan input.btn-raised[type=submit].btn-colored:focus {
  background: #00acc1;
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan .btn-raised.btn-colored:active, .primary-cyan .btn.btn-raised.btn-colored:active, .primary-cyan input.btn-raised[type=submit].btn-colored:active {
  background: #0097a7;
}
.primary-cyan .pager .pager-item.item-current > a, .primary-cyan .pager .pager-item.item-current > span {
  color: #00acc1;
}
.primary-cyan.theme-dark .text-primary, .primary-cyan.theme-dark a.text-primary, .primary-cyan.theme-dark a.text-primary:hover, .primary-cyan.theme-dark a.text-primary:focus {
  color: #26c6da;
}
.primary-cyan.theme-dark .btn-colored, .primary-cyan.theme-dark .btn-colored:hover, .primary-cyan.theme-dark .btn-colored:focus,
.primary-cyan.theme-dark .btn.btn-colored, .primary-cyan.theme-dark .btn.btn-colored:hover, .primary-cyan.theme-dark .btn.btn-colored:focus,
.primary-cyan.theme-dark input.btn-colored[type=submit], .primary-cyan.theme-dark input.btn-colored[type=submit]:hover, .primary-cyan.theme-dark input.btn-colored[type=submit]:focus {
  color: #26c6da;
}
.primary-cyan.theme-dark .btn-raised.btn-colored, .primary-cyan.theme-dark .btn.btn-raised.btn-colored, .primary-cyan.theme-dark input.btn-raised.btn-colored {
  background: #00bcd4;
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan.theme-dark .btn-raised.btn-colored:hover, .primary-cyan.theme-dark .btn-raised.btn-colored:focus, .primary-cyan.theme-dark .btn.btn-raised.btn-colored:hover, .primary-cyan.theme-dark .btn.btn-raised.btn-colored:focus, .primary-cyan.theme-dark input.btn-raised.btn-colored:hover, .primary-cyan.theme-dark input.btn-raised.btn-colored:focus {
  background: #4dd0e1;
  color: rgba(0, 0, 0, 0.87);
}
.primary-cyan.theme-dark .btn-raised.btn-colored:active, .primary-cyan.theme-dark .btn.btn-raised.btn-colored:active, .primary-cyan.theme-dark input.btn-raised.btn-colored:active {
  background: #80deea;
}

.primary-teal #header {
  background: #009688;
  color: #FFF;
}
.primary-teal.navbar-fixed #navbar {
  background: #009688;
}
.primary-teal.header-bg-image #header, .primary-teal.header-bg-object #header {
  background-color: #009688;
}
.primary-teal.header-bg-image.navbar-fixed #header {
  background: #009688;
}
.primary-teal.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-teal.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #009688;
}
.primary-teal .navbar-icon {
  color: #FFF;
}
.primary-teal .navbar-title a {
  color: #FFF;
}
.primary-teal .navbar-slogan {
  color: #FFF;
}
.primary-teal .navbar-menu .menu a {
  color: #FFF;
}
.primary-teal .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-teal .navbar-menu .menu .active a, .primary-teal .navbar-menu .menu .active-trail a, .primary-teal .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-teal article .content blockquote {
  border-color: #009688;
}
.primary-teal #drawer .menu li.active a, .primary-teal li.active-trail a {
  color: #00897b;
}
.primary-teal #drawer .menu li.active a.icon-left:before, .primary-teal #drawer .menu li.active a.icon-right:after, .primary-teal li.active-trail a.icon-left:before, .primary-teal li.active-trail a.icon-right:after {
  color: #00897b;
}
.primary-teal #drawer .menu li.active a.services-icon-left:before, .primary-teal #drawer .menu li.active a.services-icon-right:after, .primary-teal li.active-trail a.services-icon-left:before, .primary-teal li.active-trail a.services-icon-right:after {
  background: #00897b;
}
.primary-teal .sidebar .menu li.active a {
  color: #00897b;
}
.primary-teal .navbar-item.block-search form .form-item input[type=text], .primary-teal #header .block-search form .form-item input[type=text], .primary-teal .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-teal .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-teal #header .block-search form .form-item input[type=text]::placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-teal .navbar-item.block-search form .form-item.icon-left:before, .primary-teal #header .block-search form .form-item.icon-left:before, .primary-teal .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-teal .card-bg-primary {
  background: #009688;
  color: #FFF;
}
.primary-teal .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-teal .card-bg-primary .btn {
  color: #FFF;
}
.primary-teal .card-bg-primary .btn:hover, .primary-teal .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-teal .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-teal .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-teal .material-icons.text-primary {
  color: #009688;
}
.primary-teal .text-primary, .primary-teal a.text-primary, .primary-teal a.text-primary:hover, .primary-teal a.text-primary:focus {
  color: #00897b;
}
.primary-teal .btn-colored, .primary-teal .btn-colored:hover, .primary-teal .btn-colored:focus,
.primary-teal .btn.btn-colored, .primary-teal .btn.btn-colored:hover, .primary-teal .btn.btn-colored:focus,
.primary-teal input.btn-colored[type=submit], .primary-teal input.btn-colored[type=submit]:hover, .primary-teal input.btn-colored[type=submit]:focus {
  color: #00897b;
}
.primary-teal .btn-raised.btn-colored, .primary-teal .btn.btn-raised.btn-colored, .primary-teal input.btn-raised[type=submit].btn-colored {
  background: #009688;
  color: #FFF;
}
.primary-teal .btn-raised.btn-colored:hover, .primary-teal .btn-raised.btn-colored:focus, .primary-teal .btn.btn-raised.btn-colored:hover, .primary-teal .btn.btn-raised.btn-colored:focus, .primary-teal input.btn-raised[type=submit].btn-colored:hover, .primary-teal input.btn-raised[type=submit].btn-colored:focus {
  background: #00897b;
  color: #FFF;
}
.primary-teal .btn-raised.btn-colored:active, .primary-teal .btn.btn-raised.btn-colored:active, .primary-teal input.btn-raised[type=submit].btn-colored:active {
  background: #00796b;
}
.primary-teal .pager .pager-item.item-current > a, .primary-teal .pager .pager-item.item-current > span {
  color: #00897b;
}
.primary-teal.theme-dark .text-primary, .primary-teal.theme-dark a.text-primary, .primary-teal.theme-dark a.text-primary:hover, .primary-teal.theme-dark a.text-primary:focus {
  color: #26a69a;
}
.primary-teal.theme-dark .btn-colored, .primary-teal.theme-dark .btn-colored:hover, .primary-teal.theme-dark .btn-colored:focus,
.primary-teal.theme-dark .btn.btn-colored, .primary-teal.theme-dark .btn.btn-colored:hover, .primary-teal.theme-dark .btn.btn-colored:focus,
.primary-teal.theme-dark input.btn-colored[type=submit], .primary-teal.theme-dark input.btn-colored[type=submit]:hover, .primary-teal.theme-dark input.btn-colored[type=submit]:focus {
  color: #26a69a;
}
.primary-teal.theme-dark .btn-raised.btn-colored, .primary-teal.theme-dark .btn.btn-raised.btn-colored, .primary-teal.theme-dark input.btn-raised.btn-colored {
  background: #009688;
  color: #FFF;
}
.primary-teal.theme-dark .btn-raised.btn-colored:hover, .primary-teal.theme-dark .btn-raised.btn-colored:focus, .primary-teal.theme-dark .btn.btn-raised.btn-colored:hover, .primary-teal.theme-dark .btn.btn-raised.btn-colored:focus, .primary-teal.theme-dark input.btn-raised.btn-colored:hover, .primary-teal.theme-dark input.btn-raised.btn-colored:focus {
  background: #4db6ac;
  color: #FFF;
}
.primary-teal.theme-dark .btn-raised.btn-colored:active, .primary-teal.theme-dark .btn.btn-raised.btn-colored:active, .primary-teal.theme-dark input.btn-raised.btn-colored:active {
  background: #80cbc4;
}

.primary-green #header {
  background: #4caf50;
  color: #FFF;
}
.primary-green.navbar-fixed #navbar {
  background: #4caf50;
}
.primary-green.header-bg-image #header, .primary-green.header-bg-object #header {
  background-color: #4caf50;
}
.primary-green.header-bg-image.navbar-fixed #header {
  background: #4caf50;
}
.primary-green.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-green.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #4caf50;
}
.primary-green .navbar-icon {
  color: #FFF;
}
.primary-green .navbar-title a {
  color: #FFF;
}
.primary-green .navbar-slogan {
  color: #FFF;
}
.primary-green .navbar-menu .menu a {
  color: #FFF;
}
.primary-green .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-green .navbar-menu .menu .active a, .primary-green .navbar-menu .menu .active-trail a, .primary-green .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-green article .content blockquote {
  border-color: #4caf50;
}
.primary-green #drawer .menu li.active a, .primary-green li.active-trail a {
  color: #43a047;
}
.primary-green #drawer .menu li.active a.icon-left:before, .primary-green #drawer .menu li.active a.icon-right:after, .primary-green li.active-trail a.icon-left:before, .primary-green li.active-trail a.icon-right:after {
  color: #43a047;
}
.primary-green #drawer .menu li.active a.services-icon-left:before, .primary-green #drawer .menu li.active a.services-icon-right:after, .primary-green li.active-trail a.services-icon-left:before, .primary-green li.active-trail a.services-icon-right:after {
  background: #43a047;
}
.primary-green .sidebar .menu li.active a {
  color: #43a047;
}
.primary-green .navbar-item.block-search form .form-item input[type=text], .primary-green #header .block-search form .form-item input[type=text], .primary-green .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-green .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-green #header .block-search form .form-item input[type=text]::placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-green .navbar-item.block-search form .form-item.icon-left:before, .primary-green #header .block-search form .form-item.icon-left:before, .primary-green .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-green .card-bg-primary {
  background: #4caf50;
  color: #FFF;
}
.primary-green .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-green .card-bg-primary .btn {
  color: #FFF;
}
.primary-green .card-bg-primary .btn:hover, .primary-green .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-green .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-green .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-green .material-icons.text-primary {
  color: #4caf50;
}
.primary-green .text-primary, .primary-green a.text-primary, .primary-green a.text-primary:hover, .primary-green a.text-primary:focus {
  color: #43a047;
}
.primary-green .btn-colored, .primary-green .btn-colored:hover, .primary-green .btn-colored:focus,
.primary-green .btn.btn-colored, .primary-green .btn.btn-colored:hover, .primary-green .btn.btn-colored:focus,
.primary-green input.btn-colored[type=submit], .primary-green input.btn-colored[type=submit]:hover, .primary-green input.btn-colored[type=submit]:focus {
  color: #43a047;
}
.primary-green .btn-raised.btn-colored, .primary-green .btn.btn-raised.btn-colored, .primary-green input.btn-raised[type=submit].btn-colored {
  background: #4caf50;
  color: #FFF;
}
.primary-green .btn-raised.btn-colored:hover, .primary-green .btn-raised.btn-colored:focus, .primary-green .btn.btn-raised.btn-colored:hover, .primary-green .btn.btn-raised.btn-colored:focus, .primary-green input.btn-raised[type=submit].btn-colored:hover, .primary-green input.btn-raised[type=submit].btn-colored:focus {
  background: #43a047;
  color: #FFF;
}
.primary-green .btn-raised.btn-colored:active, .primary-green .btn.btn-raised.btn-colored:active, .primary-green input.btn-raised[type=submit].btn-colored:active {
  background: #388e3c;
}
.primary-green .pager .pager-item.item-current > a, .primary-green .pager .pager-item.item-current > span {
  color: #43a047;
}
.primary-green.theme-dark .text-primary, .primary-green.theme-dark a.text-primary, .primary-green.theme-dark a.text-primary:hover, .primary-green.theme-dark a.text-primary:focus {
  color: #66bb6a;
}
.primary-green.theme-dark .btn-colored, .primary-green.theme-dark .btn-colored:hover, .primary-green.theme-dark .btn-colored:focus,
.primary-green.theme-dark .btn.btn-colored, .primary-green.theme-dark .btn.btn-colored:hover, .primary-green.theme-dark .btn.btn-colored:focus,
.primary-green.theme-dark input.btn-colored[type=submit], .primary-green.theme-dark input.btn-colored[type=submit]:hover, .primary-green.theme-dark input.btn-colored[type=submit]:focus {
  color: #66bb6a;
}
.primary-green.theme-dark .btn-raised.btn-colored, .primary-green.theme-dark .btn.btn-raised.btn-colored, .primary-green.theme-dark input.btn-raised.btn-colored {
  background: #4caf50;
  color: #FFF;
}
.primary-green.theme-dark .btn-raised.btn-colored:hover, .primary-green.theme-dark .btn-raised.btn-colored:focus, .primary-green.theme-dark .btn.btn-raised.btn-colored:hover, .primary-green.theme-dark .btn.btn-raised.btn-colored:focus, .primary-green.theme-dark input.btn-raised.btn-colored:hover, .primary-green.theme-dark input.btn-raised.btn-colored:focus {
  background: #81c784;
  color: #FFF;
}
.primary-green.theme-dark .btn-raised.btn-colored:active, .primary-green.theme-dark .btn.btn-raised.btn-colored:active, .primary-green.theme-dark input.btn-raised.btn-colored:active {
  background: #a5d6a7;
}

.primary-light-green #header {
  background: #8bc34a;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green.navbar-fixed #navbar {
  background: #8bc34a;
}
.primary-light-green.header-bg-image #header, .primary-light-green.header-bg-object #header {
  background-color: #8bc34a;
}
.primary-light-green.header-bg-image.navbar-fixed #header {
  background: #8bc34a;
}
.primary-light-green.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-light-green.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #8bc34a;
}
.primary-light-green .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .navbar-menu .menu .active a, .primary-light-green .navbar-menu .menu .active-trail a, .primary-light-green .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-light-green article .content blockquote {
  border-color: #8bc34a;
}
.primary-light-green #drawer .menu li.active a, .primary-light-green li.active-trail a {
  color: #7cb342;
}
.primary-light-green #drawer .menu li.active a.icon-left:before, .primary-light-green #drawer .menu li.active a.icon-right:after, .primary-light-green li.active-trail a.icon-left:before, .primary-light-green li.active-trail a.icon-right:after {
  color: #7cb342;
}
.primary-light-green #drawer .menu li.active a.services-icon-left:before, .primary-light-green #drawer .menu li.active a.services-icon-right:after, .primary-light-green li.active-trail a.services-icon-left:before, .primary-light-green li.active-trail a.services-icon-right:after {
  background: #7cb342;
}
.primary-light-green .sidebar .menu li.active a {
  color: #7cb342;
}
.primary-light-green .navbar-item.block-search form .form-item input[type=text], .primary-light-green #header .block-search form .form-item input[type=text], .primary-light-green .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-light-green .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-light-green #header .block-search form .form-item input[type=text]::placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-light-green .navbar-item.block-search form .form-item.icon-left:before, .primary-light-green #header .block-search form .form-item.icon-left:before, .primary-light-green .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .card-bg-primary {
  background: #8bc34a;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-light-green .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .card-bg-primary .btn:hover, .primary-light-green .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-light-green .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-light-green .material-icons.text-primary {
  color: #8bc34a;
}
.primary-light-green .text-primary, .primary-light-green a.text-primary, .primary-light-green a.text-primary:hover, .primary-light-green a.text-primary:focus {
  color: #7cb342;
}
.primary-light-green .btn-colored, .primary-light-green .btn-colored:hover, .primary-light-green .btn-colored:focus,
.primary-light-green .btn.btn-colored, .primary-light-green .btn.btn-colored:hover, .primary-light-green .btn.btn-colored:focus,
.primary-light-green input.btn-colored[type=submit], .primary-light-green input.btn-colored[type=submit]:hover, .primary-light-green input.btn-colored[type=submit]:focus {
  color: #7cb342;
}
.primary-light-green .btn-raised.btn-colored, .primary-light-green .btn.btn-raised.btn-colored, .primary-light-green input.btn-raised[type=submit].btn-colored {
  background: #8bc34a;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .btn-raised.btn-colored:hover, .primary-light-green .btn-raised.btn-colored:focus, .primary-light-green .btn.btn-raised.btn-colored:hover, .primary-light-green .btn.btn-raised.btn-colored:focus, .primary-light-green input.btn-raised[type=submit].btn-colored:hover, .primary-light-green input.btn-raised[type=submit].btn-colored:focus {
  background: #7cb342;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green .btn-raised.btn-colored:active, .primary-light-green .btn.btn-raised.btn-colored:active, .primary-light-green input.btn-raised[type=submit].btn-colored:active {
  background: #689f38;
}
.primary-light-green .pager .pager-item.item-current > a, .primary-light-green .pager .pager-item.item-current > span {
  color: #7cb342;
}
.primary-light-green.theme-dark .text-primary, .primary-light-green.theme-dark a.text-primary, .primary-light-green.theme-dark a.text-primary:hover, .primary-light-green.theme-dark a.text-primary:focus {
  color: #9ccc65;
}
.primary-light-green.theme-dark .btn-colored, .primary-light-green.theme-dark .btn-colored:hover, .primary-light-green.theme-dark .btn-colored:focus,
.primary-light-green.theme-dark .btn.btn-colored, .primary-light-green.theme-dark .btn.btn-colored:hover, .primary-light-green.theme-dark .btn.btn-colored:focus,
.primary-light-green.theme-dark input.btn-colored[type=submit], .primary-light-green.theme-dark input.btn-colored[type=submit]:hover, .primary-light-green.theme-dark input.btn-colored[type=submit]:focus {
  color: #9ccc65;
}
.primary-light-green.theme-dark .btn-raised.btn-colored, .primary-light-green.theme-dark .btn.btn-raised.btn-colored, .primary-light-green.theme-dark input.btn-raised.btn-colored {
  background: #8bc34a;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green.theme-dark .btn-raised.btn-colored:hover, .primary-light-green.theme-dark .btn-raised.btn-colored:focus, .primary-light-green.theme-dark .btn.btn-raised.btn-colored:hover, .primary-light-green.theme-dark .btn.btn-raised.btn-colored:focus, .primary-light-green.theme-dark input.btn-raised.btn-colored:hover, .primary-light-green.theme-dark input.btn-raised.btn-colored:focus {
  background: #aed581;
  color: rgba(0, 0, 0, 0.87);
}
.primary-light-green.theme-dark .btn-raised.btn-colored:active, .primary-light-green.theme-dark .btn.btn-raised.btn-colored:active, .primary-light-green.theme-dark input.btn-raised.btn-colored:active {
  background: #c5e1a5;
}

.primary-lime #header {
  background: #cddc39;
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime.navbar-fixed #navbar {
  background: #cddc39;
}
.primary-lime.header-bg-image #header, .primary-lime.header-bg-object #header {
  background-color: #cddc39;
}
.primary-lime.header-bg-image.navbar-fixed #header {
  background: #cddc39;
}
.primary-lime.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-lime.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #cddc39;
}
.primary-lime .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .navbar-menu .menu .active a, .primary-lime .navbar-menu .menu .active-trail a, .primary-lime .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-lime article .content blockquote {
  border-color: #cddc39;
}
.primary-lime #drawer .menu li.active a, .primary-lime li.active-trail a {
  color: #c0ca33;
}
.primary-lime #drawer .menu li.active a.icon-left:before, .primary-lime #drawer .menu li.active a.icon-right:after, .primary-lime li.active-trail a.icon-left:before, .primary-lime li.active-trail a.icon-right:after {
  color: #c0ca33;
}
.primary-lime #drawer .menu li.active a.services-icon-left:before, .primary-lime #drawer .menu li.active a.services-icon-right:after, .primary-lime li.active-trail a.services-icon-left:before, .primary-lime li.active-trail a.services-icon-right:after {
  background: #c0ca33;
}
.primary-lime .sidebar .menu li.active a {
  color: #c0ca33;
}
.primary-lime .navbar-item.block-search form .form-item input[type=text], .primary-lime #header .block-search form .form-item input[type=text], .primary-lime .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-lime .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-lime #header .block-search form .form-item input[type=text]::placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-lime .navbar-item.block-search form .form-item.icon-left:before, .primary-lime #header .block-search form .form-item.icon-left:before, .primary-lime .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .card-bg-primary {
  background: #cddc39;
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-lime .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .card-bg-primary .btn:hover, .primary-lime .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-lime .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-lime .material-icons.text-primary {
  color: #cddc39;
}
.primary-lime .text-primary, .primary-lime a.text-primary, .primary-lime a.text-primary:hover, .primary-lime a.text-primary:focus {
  color: #c0ca33;
}
.primary-lime .btn-colored, .primary-lime .btn-colored:hover, .primary-lime .btn-colored:focus,
.primary-lime .btn.btn-colored, .primary-lime .btn.btn-colored:hover, .primary-lime .btn.btn-colored:focus,
.primary-lime input.btn-colored[type=submit], .primary-lime input.btn-colored[type=submit]:hover, .primary-lime input.btn-colored[type=submit]:focus {
  color: #c0ca33;
}
.primary-lime .btn-raised.btn-colored, .primary-lime .btn.btn-raised.btn-colored, .primary-lime input.btn-raised[type=submit].btn-colored {
  background: #cddc39;
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .btn-raised.btn-colored:hover, .primary-lime .btn-raised.btn-colored:focus, .primary-lime .btn.btn-raised.btn-colored:hover, .primary-lime .btn.btn-raised.btn-colored:focus, .primary-lime input.btn-raised[type=submit].btn-colored:hover, .primary-lime input.btn-raised[type=submit].btn-colored:focus {
  background: #c0ca33;
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime .btn-raised.btn-colored:active, .primary-lime .btn.btn-raised.btn-colored:active, .primary-lime input.btn-raised[type=submit].btn-colored:active {
  background: #afb42b;
}
.primary-lime .pager .pager-item.item-current > a, .primary-lime .pager .pager-item.item-current > span {
  color: #c0ca33;
}
.primary-lime.theme-dark .text-primary, .primary-lime.theme-dark a.text-primary, .primary-lime.theme-dark a.text-primary:hover, .primary-lime.theme-dark a.text-primary:focus {
  color: #d4e157;
}
.primary-lime.theme-dark .btn-colored, .primary-lime.theme-dark .btn-colored:hover, .primary-lime.theme-dark .btn-colored:focus,
.primary-lime.theme-dark .btn.btn-colored, .primary-lime.theme-dark .btn.btn-colored:hover, .primary-lime.theme-dark .btn.btn-colored:focus,
.primary-lime.theme-dark input.btn-colored[type=submit], .primary-lime.theme-dark input.btn-colored[type=submit]:hover, .primary-lime.theme-dark input.btn-colored[type=submit]:focus {
  color: #d4e157;
}
.primary-lime.theme-dark .btn-raised.btn-colored, .primary-lime.theme-dark .btn.btn-raised.btn-colored, .primary-lime.theme-dark input.btn-raised.btn-colored {
  background: #cddc39;
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime.theme-dark .btn-raised.btn-colored:hover, .primary-lime.theme-dark .btn-raised.btn-colored:focus, .primary-lime.theme-dark .btn.btn-raised.btn-colored:hover, .primary-lime.theme-dark .btn.btn-raised.btn-colored:focus, .primary-lime.theme-dark input.btn-raised.btn-colored:hover, .primary-lime.theme-dark input.btn-raised.btn-colored:focus {
  background: #dce775;
  color: rgba(0, 0, 0, 0.87);
}
.primary-lime.theme-dark .btn-raised.btn-colored:active, .primary-lime.theme-dark .btn.btn-raised.btn-colored:active, .primary-lime.theme-dark input.btn-raised.btn-colored:active {
  background: #e6ee9c;
}

.primary-yellow #header {
  background: #ffeb3b;
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow.navbar-fixed #navbar {
  background: #ffeb3b;
}
.primary-yellow.header-bg-image #header, .primary-yellow.header-bg-object #header {
  background-color: #ffeb3b;
}
.primary-yellow.header-bg-image.navbar-fixed #header {
  background: #ffeb3b;
}
.primary-yellow.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-yellow.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #ffeb3b;
}
.primary-yellow .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .navbar-menu .menu .active a, .primary-yellow .navbar-menu .menu .active-trail a, .primary-yellow .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-yellow article .content blockquote {
  border-color: #ffeb3b;
}
.primary-yellow #drawer .menu li.active a, .primary-yellow li.active-trail a {
  color: #fdd835;
}
.primary-yellow #drawer .menu li.active a.icon-left:before, .primary-yellow #drawer .menu li.active a.icon-right:after, .primary-yellow li.active-trail a.icon-left:before, .primary-yellow li.active-trail a.icon-right:after {
  color: #fdd835;
}
.primary-yellow #drawer .menu li.active a.services-icon-left:before, .primary-yellow #drawer .menu li.active a.services-icon-right:after, .primary-yellow li.active-trail a.services-icon-left:before, .primary-yellow li.active-trail a.services-icon-right:after {
  background: #fdd835;
}
.primary-yellow .sidebar .menu li.active a {
  color: #fdd835;
}
.primary-yellow .navbar-item.block-search form .form-item input[type=text], .primary-yellow #header .block-search form .form-item input[type=text], .primary-yellow .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-yellow .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-yellow #header .block-search form .form-item input[type=text]::placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-yellow .navbar-item.block-search form .form-item.icon-left:before, .primary-yellow #header .block-search form .form-item.icon-left:before, .primary-yellow .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .card-bg-primary {
  background: #ffeb3b;
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-yellow .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .card-bg-primary .btn:hover, .primary-yellow .card-bg-primary .btn:focus {
  background: rgba(153, 153, 153, 0.2);
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .card-bg-primary .btn:active {
  background: rgba(153, 153, 153, 0.4);
}
.primary-yellow .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-yellow .material-icons.text-primary {
  color: #ffeb3b;
}
.primary-yellow .text-primary, .primary-yellow a.text-primary, .primary-yellow a.text-primary:hover, .primary-yellow a.text-primary:focus {
  color: #fdd835;
}
.primary-yellow .btn-colored, .primary-yellow .btn-colored:hover, .primary-yellow .btn-colored:focus,
.primary-yellow .btn.btn-colored, .primary-yellow .btn.btn-colored:hover, .primary-yellow .btn.btn-colored:focus,
.primary-yellow input.btn-colored[type=submit], .primary-yellow input.btn-colored[type=submit]:hover, .primary-yellow input.btn-colored[type=submit]:focus {
  color: #fdd835;
}
.primary-yellow .btn-raised.btn-colored, .primary-yellow .btn.btn-raised.btn-colored, .primary-yellow input.btn-raised[type=submit].btn-colored {
  background: #ffeb3b;
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .btn-raised.btn-colored:hover, .primary-yellow .btn-raised.btn-colored:focus, .primary-yellow .btn.btn-raised.btn-colored:hover, .primary-yellow .btn.btn-raised.btn-colored:focus, .primary-yellow input.btn-raised[type=submit].btn-colored:hover, .primary-yellow input.btn-raised[type=submit].btn-colored:focus {
  background: #fdd835;
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow .btn-raised.btn-colored:active, .primary-yellow .btn.btn-raised.btn-colored:active, .primary-yellow input.btn-raised[type=submit].btn-colored:active {
  background: #fbc02d;
}
.primary-yellow .pager .pager-item.item-current > a, .primary-yellow .pager .pager-item.item-current > span {
  color: #fdd835;
}
.primary-yellow.theme-dark .text-primary, .primary-yellow.theme-dark a.text-primary, .primary-yellow.theme-dark a.text-primary:hover, .primary-yellow.theme-dark a.text-primary:focus {
  color: #ffee58;
}
.primary-yellow.theme-dark .btn-colored, .primary-yellow.theme-dark .btn-colored:hover, .primary-yellow.theme-dark .btn-colored:focus,
.primary-yellow.theme-dark .btn.btn-colored, .primary-yellow.theme-dark .btn.btn-colored:hover, .primary-yellow.theme-dark .btn.btn-colored:focus,
.primary-yellow.theme-dark input.btn-colored[type=submit], .primary-yellow.theme-dark input.btn-colored[type=submit]:hover, .primary-yellow.theme-dark input.btn-colored[type=submit]:focus {
  color: #ffee58;
}
.primary-yellow.theme-dark .btn-raised.btn-colored, .primary-yellow.theme-dark .btn.btn-raised.btn-colored, .primary-yellow.theme-dark input.btn-raised.btn-colored {
  background: #ffeb3b;
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow.theme-dark .btn-raised.btn-colored:hover, .primary-yellow.theme-dark .btn-raised.btn-colored:focus, .primary-yellow.theme-dark .btn.btn-raised.btn-colored:hover, .primary-yellow.theme-dark .btn.btn-raised.btn-colored:focus, .primary-yellow.theme-dark input.btn-raised.btn-colored:hover, .primary-yellow.theme-dark input.btn-raised.btn-colored:focus {
  background: #fff176;
  color: rgba(0, 0, 0, 0.87);
}
.primary-yellow.theme-dark .btn-raised.btn-colored:active, .primary-yellow.theme-dark .btn.btn-raised.btn-colored:active, .primary-yellow.theme-dark input.btn-raised.btn-colored:active {
  background: #fff59d;
}

.primary-amber #header {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber.navbar-fixed #navbar {
  background: #ffc107;
}
.primary-amber.header-bg-image #header, .primary-amber.header-bg-object #header {
  background-color: #ffc107;
}
.primary-amber.header-bg-image.navbar-fixed #header {
  background: #ffc107;
}
.primary-amber.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-amber.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #ffc107;
}
.primary-amber .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .navbar-menu .menu .active a, .primary-amber .navbar-menu .menu .active-trail a, .primary-amber .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-amber article .content blockquote {
  border-color: #ffc107;
}
.primary-amber #drawer .menu li.active a, .primary-amber li.active-trail a {
  color: #ffb300;
}
.primary-amber #drawer .menu li.active a.icon-left:before, .primary-amber #drawer .menu li.active a.icon-right:after, .primary-amber li.active-trail a.icon-left:before, .primary-amber li.active-trail a.icon-right:after {
  color: #ffb300;
}
.primary-amber #drawer .menu li.active a.services-icon-left:before, .primary-amber #drawer .menu li.active a.services-icon-right:after, .primary-amber li.active-trail a.services-icon-left:before, .primary-amber li.active-trail a.services-icon-right:after {
  background: #ffb300;
}
.primary-amber .sidebar .menu li.active a {
  color: #ffb300;
}
.primary-amber .navbar-item.block-search form .form-item input[type=text], .primary-amber #header .block-search form .form-item input[type=text], .primary-amber .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-amber .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-amber #header .block-search form .form-item input[type=text]::placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-amber .navbar-item.block-search form .form-item.icon-left:before, .primary-amber #header .block-search form .form-item.icon-left:before, .primary-amber .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .card-bg-primary {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-amber .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .card-bg-primary .btn:hover, .primary-amber .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-amber .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-amber .material-icons.text-primary {
  color: #ffc107;
}
.primary-amber .text-primary, .primary-amber a.text-primary, .primary-amber a.text-primary:hover, .primary-amber a.text-primary:focus {
  color: #ffb300;
}
.primary-amber .btn-colored, .primary-amber .btn-colored:hover, .primary-amber .btn-colored:focus,
.primary-amber .btn.btn-colored, .primary-amber .btn.btn-colored:hover, .primary-amber .btn.btn-colored:focus,
.primary-amber input.btn-colored[type=submit], .primary-amber input.btn-colored[type=submit]:hover, .primary-amber input.btn-colored[type=submit]:focus {
  color: #ffb300;
}
.primary-amber .btn-raised.btn-colored, .primary-amber .btn.btn-raised.btn-colored, .primary-amber input.btn-raised[type=submit].btn-colored {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .btn-raised.btn-colored:hover, .primary-amber .btn-raised.btn-colored:focus, .primary-amber .btn.btn-raised.btn-colored:hover, .primary-amber .btn.btn-raised.btn-colored:focus, .primary-amber input.btn-raised[type=submit].btn-colored:hover, .primary-amber input.btn-raised[type=submit].btn-colored:focus {
  background: #ffb300;
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber .btn-raised.btn-colored:active, .primary-amber .btn.btn-raised.btn-colored:active, .primary-amber input.btn-raised[type=submit].btn-colored:active {
  background: #ffa000;
}
.primary-amber .pager .pager-item.item-current > a, .primary-amber .pager .pager-item.item-current > span {
  color: #ffb300;
}
.primary-amber.theme-dark .text-primary, .primary-amber.theme-dark a.text-primary, .primary-amber.theme-dark a.text-primary:hover, .primary-amber.theme-dark a.text-primary:focus {
  color: #ffca28;
}
.primary-amber.theme-dark .btn-colored, .primary-amber.theme-dark .btn-colored:hover, .primary-amber.theme-dark .btn-colored:focus,
.primary-amber.theme-dark .btn.btn-colored, .primary-amber.theme-dark .btn.btn-colored:hover, .primary-amber.theme-dark .btn.btn-colored:focus,
.primary-amber.theme-dark input.btn-colored[type=submit], .primary-amber.theme-dark input.btn-colored[type=submit]:hover, .primary-amber.theme-dark input.btn-colored[type=submit]:focus {
  color: #ffca28;
}
.primary-amber.theme-dark .btn-raised.btn-colored, .primary-amber.theme-dark .btn.btn-raised.btn-colored, .primary-amber.theme-dark input.btn-raised.btn-colored {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber.theme-dark .btn-raised.btn-colored:hover, .primary-amber.theme-dark .btn-raised.btn-colored:focus, .primary-amber.theme-dark .btn.btn-raised.btn-colored:hover, .primary-amber.theme-dark .btn.btn-raised.btn-colored:focus, .primary-amber.theme-dark input.btn-raised.btn-colored:hover, .primary-amber.theme-dark input.btn-raised.btn-colored:focus {
  background: #ffd54f;
  color: rgba(0, 0, 0, 0.87);
}
.primary-amber.theme-dark .btn-raised.btn-colored:active, .primary-amber.theme-dark .btn.btn-raised.btn-colored:active, .primary-amber.theme-dark input.btn-raised.btn-colored:active {
  background: #ffe082;
}

.primary-orange #header {
  background: #ff9800;
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange.navbar-fixed #navbar {
  background: #ff9800;
}
.primary-orange.header-bg-image #header, .primary-orange.header-bg-object #header {
  background-color: #ff9800;
}
.primary-orange.header-bg-image.navbar-fixed #header {
  background: #ff9800;
}
.primary-orange.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-orange.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #ff9800;
}
.primary-orange .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .navbar-menu .menu .active a, .primary-orange .navbar-menu .menu .active-trail a, .primary-orange .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-orange article .content blockquote {
  border-color: #ff9800;
}
.primary-orange #drawer .menu li.active a, .primary-orange li.active-trail a {
  color: #fb8c00;
}
.primary-orange #drawer .menu li.active a.icon-left:before, .primary-orange #drawer .menu li.active a.icon-right:after, .primary-orange li.active-trail a.icon-left:before, .primary-orange li.active-trail a.icon-right:after {
  color: #fb8c00;
}
.primary-orange #drawer .menu li.active a.services-icon-left:before, .primary-orange #drawer .menu li.active a.services-icon-right:after, .primary-orange li.active-trail a.services-icon-left:before, .primary-orange li.active-trail a.services-icon-right:after {
  background: #fb8c00;
}
.primary-orange .sidebar .menu li.active a {
  color: #fb8c00;
}
.primary-orange .navbar-item.block-search form .form-item input[type=text], .primary-orange #header .block-search form .form-item input[type=text], .primary-orange .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-orange .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-orange #header .block-search form .form-item input[type=text]::placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-orange .navbar-item.block-search form .form-item.icon-left:before, .primary-orange #header .block-search form .form-item.icon-left:before, .primary-orange .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .card-bg-primary {
  background: #ff9800;
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-orange .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .card-bg-primary .btn:hover, .primary-orange .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-orange .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-orange .material-icons.text-primary {
  color: #ff9800;
}
.primary-orange .text-primary, .primary-orange a.text-primary, .primary-orange a.text-primary:hover, .primary-orange a.text-primary:focus {
  color: #fb8c00;
}
.primary-orange .btn-colored, .primary-orange .btn-colored:hover, .primary-orange .btn-colored:focus,
.primary-orange .btn.btn-colored, .primary-orange .btn.btn-colored:hover, .primary-orange .btn.btn-colored:focus,
.primary-orange input.btn-colored[type=submit], .primary-orange input.btn-colored[type=submit]:hover, .primary-orange input.btn-colored[type=submit]:focus {
  color: #fb8c00;
}
.primary-orange .btn-raised.btn-colored, .primary-orange .btn.btn-raised.btn-colored, .primary-orange input.btn-raised[type=submit].btn-colored {
  background: #ff9800;
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .btn-raised.btn-colored:hover, .primary-orange .btn-raised.btn-colored:focus, .primary-orange .btn.btn-raised.btn-colored:hover, .primary-orange .btn.btn-raised.btn-colored:focus, .primary-orange input.btn-raised[type=submit].btn-colored:hover, .primary-orange input.btn-raised[type=submit].btn-colored:focus {
  background: #fb8c00;
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange .btn-raised.btn-colored:active, .primary-orange .btn.btn-raised.btn-colored:active, .primary-orange input.btn-raised[type=submit].btn-colored:active {
  background: #f57c00;
}
.primary-orange .pager .pager-item.item-current > a, .primary-orange .pager .pager-item.item-current > span {
  color: #fb8c00;
}
.primary-orange.theme-dark .text-primary, .primary-orange.theme-dark a.text-primary, .primary-orange.theme-dark a.text-primary:hover, .primary-orange.theme-dark a.text-primary:focus {
  color: #ffa726;
}
.primary-orange.theme-dark .btn-colored, .primary-orange.theme-dark .btn-colored:hover, .primary-orange.theme-dark .btn-colored:focus,
.primary-orange.theme-dark .btn.btn-colored, .primary-orange.theme-dark .btn.btn-colored:hover, .primary-orange.theme-dark .btn.btn-colored:focus,
.primary-orange.theme-dark input.btn-colored[type=submit], .primary-orange.theme-dark input.btn-colored[type=submit]:hover, .primary-orange.theme-dark input.btn-colored[type=submit]:focus {
  color: #ffa726;
}
.primary-orange.theme-dark .btn-raised.btn-colored, .primary-orange.theme-dark .btn.btn-raised.btn-colored, .primary-orange.theme-dark input.btn-raised.btn-colored {
  background: #ff9800;
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange.theme-dark .btn-raised.btn-colored:hover, .primary-orange.theme-dark .btn-raised.btn-colored:focus, .primary-orange.theme-dark .btn.btn-raised.btn-colored:hover, .primary-orange.theme-dark .btn.btn-raised.btn-colored:focus, .primary-orange.theme-dark input.btn-raised.btn-colored:hover, .primary-orange.theme-dark input.btn-raised.btn-colored:focus {
  background: #ffb74d;
  color: rgba(0, 0, 0, 0.87);
}
.primary-orange.theme-dark .btn-raised.btn-colored:active, .primary-orange.theme-dark .btn.btn-raised.btn-colored:active, .primary-orange.theme-dark input.btn-raised.btn-colored:active {
  background: #ffcc80;
}

.primary-deep-orange #header {
  background: #ff5722;
  color: #FFF;
}
.primary-deep-orange.navbar-fixed #navbar {
  background: #ff5722;
}
.primary-deep-orange.header-bg-image #header, .primary-deep-orange.header-bg-object #header {
  background-color: #ff5722;
}
.primary-deep-orange.header-bg-image.navbar-fixed #header {
  background: #ff5722;
}
.primary-deep-orange.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-deep-orange.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #ff5722;
}
.primary-deep-orange .navbar-icon {
  color: #FFF;
}
.primary-deep-orange .navbar-title a {
  color: #FFF;
}
.primary-deep-orange .navbar-slogan {
  color: #FFF;
}
.primary-deep-orange .navbar-menu .menu a {
  color: #FFF;
}
.primary-deep-orange .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-deep-orange .navbar-menu .menu .active a, .primary-deep-orange .navbar-menu .menu .active-trail a, .primary-deep-orange .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-deep-orange article .content blockquote {
  border-color: #ff5722;
}
.primary-deep-orange #drawer .menu li.active a, .primary-deep-orange li.active-trail a {
  color: #f4511e;
}
.primary-deep-orange #drawer .menu li.active a.icon-left:before, .primary-deep-orange #drawer .menu li.active a.icon-right:after, .primary-deep-orange li.active-trail a.icon-left:before, .primary-deep-orange li.active-trail a.icon-right:after {
  color: #f4511e;
}
.primary-deep-orange #drawer .menu li.active a.services-icon-left:before, .primary-deep-orange #drawer .menu li.active a.services-icon-right:after, .primary-deep-orange li.active-trail a.services-icon-left:before, .primary-deep-orange li.active-trail a.services-icon-right:after {
  background: #f4511e;
}
.primary-deep-orange .sidebar .menu li.active a {
  color: #f4511e;
}
.primary-deep-orange .navbar-item.block-search form .form-item input[type=text], .primary-deep-orange #header .block-search form .form-item input[type=text], .primary-deep-orange .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-deep-orange .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-deep-orange #header .block-search form .form-item input[type=text]::placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-deep-orange .navbar-item.block-search form .form-item.icon-left:before, .primary-deep-orange #header .block-search form .form-item.icon-left:before, .primary-deep-orange .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-deep-orange .card-bg-primary {
  background: #ff5722;
  color: #FFF;
}
.primary-deep-orange .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-deep-orange .card-bg-primary .btn {
  color: #FFF;
}
.primary-deep-orange .card-bg-primary .btn:hover, .primary-deep-orange .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-deep-orange .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-deep-orange .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-deep-orange .material-icons.text-primary {
  color: #ff5722;
}
.primary-deep-orange .text-primary, .primary-deep-orange a.text-primary, .primary-deep-orange a.text-primary:hover, .primary-deep-orange a.text-primary:focus {
  color: #f4511e;
}
.primary-deep-orange .btn-colored, .primary-deep-orange .btn-colored:hover, .primary-deep-orange .btn-colored:focus,
.primary-deep-orange .btn.btn-colored, .primary-deep-orange .btn.btn-colored:hover, .primary-deep-orange .btn.btn-colored:focus,
.primary-deep-orange input.btn-colored[type=submit], .primary-deep-orange input.btn-colored[type=submit]:hover, .primary-deep-orange input.btn-colored[type=submit]:focus {
  color: #f4511e;
}
.primary-deep-orange .btn-raised.btn-colored, .primary-deep-orange .btn.btn-raised.btn-colored, .primary-deep-orange input.btn-raised[type=submit].btn-colored {
  background: #ff5722;
  color: #FFF;
}
.primary-deep-orange .btn-raised.btn-colored:hover, .primary-deep-orange .btn-raised.btn-colored:focus, .primary-deep-orange .btn.btn-raised.btn-colored:hover, .primary-deep-orange .btn.btn-raised.btn-colored:focus, .primary-deep-orange input.btn-raised[type=submit].btn-colored:hover, .primary-deep-orange input.btn-raised[type=submit].btn-colored:focus {
  background: #f4511e;
  color: #FFF;
}
.primary-deep-orange .btn-raised.btn-colored:active, .primary-deep-orange .btn.btn-raised.btn-colored:active, .primary-deep-orange input.btn-raised[type=submit].btn-colored:active {
  background: #e64a19;
}
.primary-deep-orange .pager .pager-item.item-current > a, .primary-deep-orange .pager .pager-item.item-current > span {
  color: #f4511e;
}
.primary-deep-orange.theme-dark .text-primary, .primary-deep-orange.theme-dark a.text-primary, .primary-deep-orange.theme-dark a.text-primary:hover, .primary-deep-orange.theme-dark a.text-primary:focus {
  color: #ff7043;
}
.primary-deep-orange.theme-dark .btn-colored, .primary-deep-orange.theme-dark .btn-colored:hover, .primary-deep-orange.theme-dark .btn-colored:focus,
.primary-deep-orange.theme-dark .btn.btn-colored, .primary-deep-orange.theme-dark .btn.btn-colored:hover, .primary-deep-orange.theme-dark .btn.btn-colored:focus,
.primary-deep-orange.theme-dark input.btn-colored[type=submit], .primary-deep-orange.theme-dark input.btn-colored[type=submit]:hover, .primary-deep-orange.theme-dark input.btn-colored[type=submit]:focus {
  color: #ff7043;
}
.primary-deep-orange.theme-dark .btn-raised.btn-colored, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored, .primary-deep-orange.theme-dark input.btn-raised.btn-colored {
  background: #ff5722;
  color: #FFF;
}
.primary-deep-orange.theme-dark .btn-raised.btn-colored:hover, .primary-deep-orange.theme-dark .btn-raised.btn-colored:focus, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored:hover, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored:focus, .primary-deep-orange.theme-dark input.btn-raised.btn-colored:hover, .primary-deep-orange.theme-dark input.btn-raised.btn-colored:focus {
  background: #ff8a65;
  color: #FFF;
}
.primary-deep-orange.theme-dark .btn-raised.btn-colored:active, .primary-deep-orange.theme-dark .btn.btn-raised.btn-colored:active, .primary-deep-orange.theme-dark input.btn-raised.btn-colored:active {
  background: #ffab91;
}

.primary-brown #header {
  background: #795548;
  color: #FFF;
}
.primary-brown.navbar-fixed #navbar {
  background: #795548;
}
.primary-brown.header-bg-image #header, .primary-brown.header-bg-object #header {
  background-color: #795548;
}
.primary-brown.header-bg-image.navbar-fixed #header {
  background: #795548;
}
.primary-brown.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-brown.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #795548;
}
.primary-brown .navbar-icon {
  color: #FFF;
}
.primary-brown .navbar-title a {
  color: #FFF;
}
.primary-brown .navbar-slogan {
  color: #FFF;
}
.primary-brown .navbar-menu .menu a {
  color: #FFF;
}
.primary-brown .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-brown .navbar-menu .menu .active a, .primary-brown .navbar-menu .menu .active-trail a, .primary-brown .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-brown article .content blockquote {
  border-color: #795548;
}
.primary-brown #drawer .menu li.active a, .primary-brown li.active-trail a {
  color: #6d4c41;
}
.primary-brown #drawer .menu li.active a.icon-left:before, .primary-brown #drawer .menu li.active a.icon-right:after, .primary-brown li.active-trail a.icon-left:before, .primary-brown li.active-trail a.icon-right:after {
  color: #6d4c41;
}
.primary-brown #drawer .menu li.active a.services-icon-left:before, .primary-brown #drawer .menu li.active a.services-icon-right:after, .primary-brown li.active-trail a.services-icon-left:before, .primary-brown li.active-trail a.services-icon-right:after {
  background: #6d4c41;
}
.primary-brown .sidebar .menu li.active a {
  color: #6d4c41;
}
.primary-brown .navbar-item.block-search form .form-item input[type=text], .primary-brown #header .block-search form .form-item input[type=text], .primary-brown .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-brown .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-brown #header .block-search form .form-item input[type=text]::placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-brown .navbar-item.block-search form .form-item.icon-left:before, .primary-brown #header .block-search form .form-item.icon-left:before, .primary-brown .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-brown .card-bg-primary {
  background: #795548;
  color: #FFF;
}
.primary-brown .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-brown .card-bg-primary .btn {
  color: #FFF;
}
.primary-brown .card-bg-primary .btn:hover, .primary-brown .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-brown .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-brown .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-brown .material-icons.text-primary {
  color: #795548;
}
.primary-brown .text-primary, .primary-brown a.text-primary, .primary-brown a.text-primary:hover, .primary-brown a.text-primary:focus {
  color: #6d4c41;
}
.primary-brown .btn-colored, .primary-brown .btn-colored:hover, .primary-brown .btn-colored:focus,
.primary-brown .btn.btn-colored, .primary-brown .btn.btn-colored:hover, .primary-brown .btn.btn-colored:focus,
.primary-brown input.btn-colored[type=submit], .primary-brown input.btn-colored[type=submit]:hover, .primary-brown input.btn-colored[type=submit]:focus {
  color: #6d4c41;
}
.primary-brown .btn-raised.btn-colored, .primary-brown .btn.btn-raised.btn-colored, .primary-brown input.btn-raised[type=submit].btn-colored {
  background: #795548;
  color: #FFF;
}
.primary-brown .btn-raised.btn-colored:hover, .primary-brown .btn-raised.btn-colored:focus, .primary-brown .btn.btn-raised.btn-colored:hover, .primary-brown .btn.btn-raised.btn-colored:focus, .primary-brown input.btn-raised[type=submit].btn-colored:hover, .primary-brown input.btn-raised[type=submit].btn-colored:focus {
  background: #6d4c41;
  color: #FFF;
}
.primary-brown .btn-raised.btn-colored:active, .primary-brown .btn.btn-raised.btn-colored:active, .primary-brown input.btn-raised[type=submit].btn-colored:active {
  background: #5d4037;
}
.primary-brown .pager .pager-item.item-current > a, .primary-brown .pager .pager-item.item-current > span {
  color: #6d4c41;
}
.primary-brown.theme-dark .text-primary, .primary-brown.theme-dark a.text-primary, .primary-brown.theme-dark a.text-primary:hover, .primary-brown.theme-dark a.text-primary:focus {
  color: #8d6e63;
}
.primary-brown.theme-dark .btn-colored, .primary-brown.theme-dark .btn-colored:hover, .primary-brown.theme-dark .btn-colored:focus,
.primary-brown.theme-dark .btn.btn-colored, .primary-brown.theme-dark .btn.btn-colored:hover, .primary-brown.theme-dark .btn.btn-colored:focus,
.primary-brown.theme-dark input.btn-colored[type=submit], .primary-brown.theme-dark input.btn-colored[type=submit]:hover, .primary-brown.theme-dark input.btn-colored[type=submit]:focus {
  color: #8d6e63;
}
.primary-brown.theme-dark .btn-raised.btn-colored, .primary-brown.theme-dark .btn.btn-raised.btn-colored, .primary-brown.theme-dark input.btn-raised.btn-colored {
  background: #795548;
  color: #FFF;
}
.primary-brown.theme-dark .btn-raised.btn-colored:hover, .primary-brown.theme-dark .btn-raised.btn-colored:focus, .primary-brown.theme-dark .btn.btn-raised.btn-colored:hover, .primary-brown.theme-dark .btn.btn-raised.btn-colored:focus, .primary-brown.theme-dark input.btn-raised.btn-colored:hover, .primary-brown.theme-dark input.btn-raised.btn-colored:focus {
  background: #a1887f;
  color: #FFF;
}
.primary-brown.theme-dark .btn-raised.btn-colored:active, .primary-brown.theme-dark .btn.btn-raised.btn-colored:active, .primary-brown.theme-dark input.btn-raised.btn-colored:active {
  background: #bcaaa4;
}

.primary-grey #header {
  background: #9e9e9e;
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey.navbar-fixed #navbar {
  background: #9e9e9e;
}
.primary-grey.header-bg-image #header, .primary-grey.header-bg-object #header {
  background-color: #9e9e9e;
}
.primary-grey.header-bg-image.navbar-fixed #header {
  background: #9e9e9e;
}
.primary-grey.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-grey.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #9e9e9e;
}
.primary-grey .navbar-icon {
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .navbar-title a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .navbar-slogan {
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .navbar-menu .menu a:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .navbar-menu .menu .active a, .primary-grey .navbar-menu .menu .active-trail a, .primary-grey .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87);
}
.primary-grey article .content blockquote {
  border-color: #9e9e9e;
}
.primary-grey #drawer .menu li.active a, .primary-grey li.active-trail a {
  color: #757575;
}
.primary-grey #drawer .menu li.active a.icon-left:before, .primary-grey #drawer .menu li.active a.icon-right:after, .primary-grey li.active-trail a.icon-left:before, .primary-grey li.active-trail a.icon-right:after {
  color: #757575;
}
.primary-grey #drawer .menu li.active a.services-icon-left:before, .primary-grey #drawer .menu li.active a.services-icon-right:after, .primary-grey li.active-trail a.services-icon-left:before, .primary-grey li.active-trail a.services-icon-right:after {
  background: #757575;
}
.primary-grey .sidebar .menu li.active a {
  color: #757575;
}
.primary-grey .navbar-item.block-search form .form-item input[type=text], .primary-grey #header .block-search form .form-item input[type=text], .primary-grey .card-bg-primary .block-search form .form-item input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.primary-grey .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-grey #header .block-search form .form-item input[type=text]::placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.primary-grey .navbar-item.block-search form .form-item.icon-left:before, .primary-grey #header .block-search form .form-item.icon-left:before, .primary-grey .card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .card-bg-primary {
  background: #9e9e9e;
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .card-bg-primary .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.primary-grey .card-bg-primary .btn {
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .card-bg-primary .btn:hover, .primary-grey .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-grey .card-bg-primary .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.primary-grey .material-icons.text-primary {
  color: #9e9e9e;
}
.primary-grey .text-primary, .primary-grey a.text-primary, .primary-grey a.text-primary:hover, .primary-grey a.text-primary:focus {
  color: #757575;
}
.primary-grey .btn-colored, .primary-grey .btn-colored:hover, .primary-grey .btn-colored:focus,
.primary-grey .btn.btn-colored, .primary-grey .btn.btn-colored:hover, .primary-grey .btn.btn-colored:focus,
.primary-grey input.btn-colored[type=submit], .primary-grey input.btn-colored[type=submit]:hover, .primary-grey input.btn-colored[type=submit]:focus {
  color: #757575;
}
.primary-grey .btn-raised.btn-colored, .primary-grey .btn.btn-raised.btn-colored, .primary-grey input.btn-raised[type=submit].btn-colored {
  background: #9e9e9e;
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .btn-raised.btn-colored:hover, .primary-grey .btn-raised.btn-colored:focus, .primary-grey .btn.btn-raised.btn-colored:hover, .primary-grey .btn.btn-raised.btn-colored:focus, .primary-grey input.btn-raised[type=submit].btn-colored:hover, .primary-grey input.btn-raised[type=submit].btn-colored:focus {
  background: #757575;
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey .btn-raised.btn-colored:active, .primary-grey .btn.btn-raised.btn-colored:active, .primary-grey input.btn-raised[type=submit].btn-colored:active {
  background: #616161;
}
.primary-grey .pager .pager-item.item-current > a, .primary-grey .pager .pager-item.item-current > span {
  color: #757575;
}
.primary-grey.theme-dark .text-primary, .primary-grey.theme-dark a.text-primary, .primary-grey.theme-dark a.text-primary:hover, .primary-grey.theme-dark a.text-primary:focus {
  color: #bdbdbd;
}
.primary-grey.theme-dark .btn-colored, .primary-grey.theme-dark .btn-colored:hover, .primary-grey.theme-dark .btn-colored:focus,
.primary-grey.theme-dark .btn.btn-colored, .primary-grey.theme-dark .btn.btn-colored:hover, .primary-grey.theme-dark .btn.btn-colored:focus,
.primary-grey.theme-dark input.btn-colored[type=submit], .primary-grey.theme-dark input.btn-colored[type=submit]:hover, .primary-grey.theme-dark input.btn-colored[type=submit]:focus {
  color: #bdbdbd;
}
.primary-grey.theme-dark .btn-raised.btn-colored, .primary-grey.theme-dark .btn.btn-raised.btn-colored, .primary-grey.theme-dark input.btn-raised.btn-colored {
  background: #9e9e9e;
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey.theme-dark .btn-raised.btn-colored:hover, .primary-grey.theme-dark .btn-raised.btn-colored:focus, .primary-grey.theme-dark .btn.btn-raised.btn-colored:hover, .primary-grey.theme-dark .btn.btn-raised.btn-colored:focus, .primary-grey.theme-dark input.btn-raised.btn-colored:hover, .primary-grey.theme-dark input.btn-raised.btn-colored:focus {
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.primary-grey.theme-dark .btn-raised.btn-colored:active, .primary-grey.theme-dark .btn.btn-raised.btn-colored:active, .primary-grey.theme-dark input.btn-raised.btn-colored:active {
  background: #eeeeee;
}

.primary-blue-grey #header {
  background: #607d8b;
  color: #FFF;
}
.primary-blue-grey.navbar-fixed #navbar {
  background: #607d8b;
}
.primary-blue-grey.header-bg-image #header, .primary-blue-grey.header-bg-object #header {
  background-color: #607d8b;
}
.primary-blue-grey.header-bg-image.navbar-fixed #header {
  background: #607d8b;
}
.primary-blue-grey.header-bg-image.navbar-fixed #navbar.navbar-bg, .primary-blue-grey.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #607d8b;
}
.primary-blue-grey .navbar-icon {
  color: #FFF;
}
.primary-blue-grey .navbar-title a {
  color: #FFF;
}
.primary-blue-grey .navbar-slogan {
  color: #FFF;
}
.primary-blue-grey .navbar-menu .menu a {
  color: #FFF;
}
.primary-blue-grey .navbar-menu .menu a:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
.primary-blue-grey .navbar-menu .menu .active a, .primary-blue-grey .navbar-menu .menu .active-trail a, .primary-blue-grey .navbar-menu .menu .active {
  border-color: #FFF;
}
.primary-blue-grey article .content blockquote {
  border-color: #607d8b;
}
.primary-blue-grey #drawer .menu li.active a, .primary-blue-grey li.active-trail a {
  color: #546e7a;
}
.primary-blue-grey #drawer .menu li.active a.icon-left:before, .primary-blue-grey #drawer .menu li.active a.icon-right:after, .primary-blue-grey li.active-trail a.icon-left:before, .primary-blue-grey li.active-trail a.icon-right:after {
  color: #546e7a;
}
.primary-blue-grey #drawer .menu li.active a.services-icon-left:before, .primary-blue-grey #drawer .menu li.active a.services-icon-right:after, .primary-blue-grey li.active-trail a.services-icon-left:before, .primary-blue-grey li.active-trail a.services-icon-right:after {
  background: #546e7a;
}
.primary-blue-grey .sidebar .menu li.active a {
  color: #546e7a;
}
.primary-blue-grey .navbar-item.block-search form .form-item input[type=text], .primary-blue-grey #header .block-search form .form-item input[type=text], .primary-blue-grey .card-bg-primary .block-search form .form-item input[type=text] {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.primary-blue-grey .navbar-item.block-search form .form-item input[type=text]::placeholder, .primary-blue-grey #header .block-search form .form-item input[type=text]::placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.primary-blue-grey .navbar-item.block-search form .form-item.icon-left:before, .primary-blue-grey #header .block-search form .form-item.icon-left:before, .primary-blue-grey .card-bg-primary .block-search form .form-item.icon-left:before {
  color: #FFF;
}
.primary-blue-grey .card-bg-primary {
  background: #607d8b;
  color: #FFF;
}
.primary-blue-grey .card-bg-primary .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.primary-blue-grey .card-bg-primary .btn {
  color: #FFF;
}
.primary-blue-grey .card-bg-primary .btn:hover, .primary-blue-grey .card-bg-primary .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.primary-blue-grey .card-bg-primary .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.primary-blue-grey .card-bg-primary .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.primary-blue-grey .material-icons.text-primary {
  color: #607d8b;
}
.primary-blue-grey .text-primary, .primary-blue-grey a.text-primary, .primary-blue-grey a.text-primary:hover, .primary-blue-grey a.text-primary:focus {
  color: #546e7a;
}
.primary-blue-grey .btn-colored, .primary-blue-grey .btn-colored:hover, .primary-blue-grey .btn-colored:focus,
.primary-blue-grey .btn.btn-colored, .primary-blue-grey .btn.btn-colored:hover, .primary-blue-grey .btn.btn-colored:focus,
.primary-blue-grey input.btn-colored[type=submit], .primary-blue-grey input.btn-colored[type=submit]:hover, .primary-blue-grey input.btn-colored[type=submit]:focus {
  color: #546e7a;
}
.primary-blue-grey .btn-raised.btn-colored, .primary-blue-grey .btn.btn-raised.btn-colored, .primary-blue-grey input.btn-raised[type=submit].btn-colored {
  background: #607d8b;
  color: #FFF;
}
.primary-blue-grey .btn-raised.btn-colored:hover, .primary-blue-grey .btn-raised.btn-colored:focus, .primary-blue-grey .btn.btn-raised.btn-colored:hover, .primary-blue-grey .btn.btn-raised.btn-colored:focus, .primary-blue-grey input.btn-raised[type=submit].btn-colored:hover, .primary-blue-grey input.btn-raised[type=submit].btn-colored:focus {
  background: #546e7a;
  color: #FFF;
}
.primary-blue-grey .btn-raised.btn-colored:active, .primary-blue-grey .btn.btn-raised.btn-colored:active, .primary-blue-grey input.btn-raised[type=submit].btn-colored:active {
  background: #455a64;
}
.primary-blue-grey .pager .pager-item.item-current > a, .primary-blue-grey .pager .pager-item.item-current > span {
  color: #546e7a;
}
.primary-blue-grey.theme-dark .text-primary, .primary-blue-grey.theme-dark a.text-primary, .primary-blue-grey.theme-dark a.text-primary:hover, .primary-blue-grey.theme-dark a.text-primary:focus {
  color: #78909c;
}
.primary-blue-grey.theme-dark .btn-colored, .primary-blue-grey.theme-dark .btn-colored:hover, .primary-blue-grey.theme-dark .btn-colored:focus,
.primary-blue-grey.theme-dark .btn.btn-colored, .primary-blue-grey.theme-dark .btn.btn-colored:hover, .primary-blue-grey.theme-dark .btn.btn-colored:focus,
.primary-blue-grey.theme-dark input.btn-colored[type=submit], .primary-blue-grey.theme-dark input.btn-colored[type=submit]:hover, .primary-blue-grey.theme-dark input.btn-colored[type=submit]:focus {
  color: #78909c;
}
.primary-blue-grey.theme-dark .btn-raised.btn-colored, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored, .primary-blue-grey.theme-dark input.btn-raised.btn-colored {
  background: #607d8b;
  color: #FFF;
}
.primary-blue-grey.theme-dark .btn-raised.btn-colored:hover, .primary-blue-grey.theme-dark .btn-raised.btn-colored:focus, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored:hover, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored:focus, .primary-blue-grey.theme-dark input.btn-raised.btn-colored:hover, .primary-blue-grey.theme-dark input.btn-raised.btn-colored:focus {
  background: #90a4ae;
  color: #FFF;
}
.primary-blue-grey.theme-dark .btn-raised.btn-colored:active, .primary-blue-grey.theme-dark .btn.btn-raised.btn-colored:active, .primary-blue-grey.theme-dark input.btn-raised.btn-colored:active {
  background: #b0bec5;
}

.accent-red a {
  color: #ff1744;
}
.accent-red a:hover {
  color: #f40000;
}
.accent-red a:active {
  color: #d50000;
}
.accent-red .card-bg-accent {
  background: #ff1744;
  color: #FFF;
}
.accent-red .card-bg-accent .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.accent-red .card-bg-accent .btn {
  color: #FFF;
}
.accent-red .card-bg-accent .btn:hover, .accent-red .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.accent-red .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-red .card-bg-accent .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.accent-red .material-icons.text-accent {
  color: #ff1744;
}
.accent-red .text-accent, .accent-red a.text-accent, .accent-red a.text-accent:hover, .accent-red a.text-accent:focus {
  color: #ff1744;
}
.accent-red .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-red .btn:hover, .accent-red .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-red .btn-accent, .accent-red .btn-accent:hover, .accent-red .btn-accent:focus,
.accent-red .btn.btn-accent, .accent-red .btn.btn-accent:hover, .accent-red .btn.btn-accent:focus,
.accent-red input.btn-accent[type=submit], .accent-red input.btn-accent[type=submit]:hover, .accent-red input.btn-accent[type=submit]:focus {
  color: #ff1744;
}
.accent-red .btn-raised.btn-accent, .accent-red .btn.btn-raised.btn-accent, .accent-red input.btn-raised[type=submit].btn-accent {
  background: #ff1744;
  color: #FFF;
}
.accent-red .btn-raised.btn-accent:hover, .accent-red .btn-raised.btn-accent:focus, .accent-red .btn.btn-raised.btn-accent:hover, .accent-red .btn.btn-raised.btn-accent:focus, .accent-red input.btn-raised[type=submit].btn-accent:hover, .accent-red input.btn-raised[type=submit].btn-accent:focus {
  background: #f40000;
  color: #FFF;
}
.accent-red .btn-raised.btn-accent:active, .accent-red .btn.btn-raised.btn-accent:active, .accent-red input.btn-raised[type=submit].btn-accent:active {
  background: #d50000;
}
.accent-red .form-item .focused label {
  color: #ff5252;
}
.accent-red .form-item input[type=text]:focus, .accent-red .form-item input[type=text].error:focus, .accent-red .form-item input[type=email]:focus, .accent-red .form-item input[type=email].error:focus, .accent-red .form-item input[type=password]:focus, .accent-red .form-item input[type=password].error:focus, .accent-red .form-item input[type=search]:focus, .accent-red .form-item input[type=search].error:focus, .accent-red .form-item input[type=tel]:focus, .accent-red .form-item input[type=tel].error:focus, .accent-red .form-item textarea:focus, .accent-red .form-item textarea.error:focus, .accent-red .form-item select:focus, .accent-red .form-item select.error:focus {
  border-color: #ff5252;
}
.accent-red .form-item input[type=checkbox]:checked:before, .accent-red .form-item input[type=radio]:checked:before {
  color: #ff5252;
}
.accent-red.theme-dark a {
  color: #ff5252;
}
.accent-red.theme-dark a:hover {
  color: #ff7171;
}
.accent-red.theme-dark a:active {
  color: #ff8a80;
}
.accent-red.theme-dark .material-icons.text-accent {
  color: #ff5252;
}
.accent-red.theme-dark .text-accent, .accent-red.theme-dark a.text-accent, .accent-red.theme-dark a.text-accent:hover, .accent-red.theme-dark a.text-accent:focus {
  color: #ff5252;
}
.accent-red.theme-dark .btn {
  color: #FFF;
}
.accent-red.theme-dark .btn:hover, .accent-red.theme-dark .btn:focus {
  color: #FFF;
}
.accent-red.theme-dark .btn-accent, .accent-red.theme-dark .btn-accent:hover, .accent-red.theme-dark .btn-accent:focus,
.accent-red.theme-dark .btn.btn-accent, .accent-red.theme-dark .btn.btn-accent:hover, .accent-red.theme-dark .btn.btn-accent:focus,
.accent-red.theme-dark input.btn-accent[type=submit], .accent-red.theme-dark input.btn-accent[type=submit]:hover, .accent-red.theme-dark input.btn-accent[type=submit]:focus {
  color: #ff5252;
}
.accent-red.theme-dark .btn-raised.btn-accent, .accent-red.theme-dark .btn.btn-raised.btn-accent, .accent-red.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #ff1744;
  color: #FFF;
}
.accent-red.theme-dark .btn-raised.btn-accent:hover, .accent-red.theme-dark .btn-raised.btn-accent:focus, .accent-red.theme-dark .btn.btn-raised.btn-accent:hover, .accent-red.theme-dark .btn.btn-raised.btn-accent:focus, .accent-red.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-red.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #ff5252;
  color: #FFF;
}
.accent-red.theme-dark .btn-raised.btn-accent:active, .accent-red.theme-dark .btn.btn-raised.btn-accent:active, .accent-red.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #ff7171;
}

.accent-pink a {
  color: #f50057;
}
.accent-pink a:hover {
  color: #e11370;
}
.accent-pink a:active {
  color: #c51162;
}
.accent-pink .card-bg-accent {
  background: #f50057;
  color: #FFF;
}
.accent-pink .card-bg-accent .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.accent-pink .card-bg-accent .btn {
  color: #FFF;
}
.accent-pink .card-bg-accent .btn:hover, .accent-pink .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.accent-pink .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-pink .card-bg-accent .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.accent-pink .material-icons.text-accent {
  color: #f50057;
}
.accent-pink .text-accent, .accent-pink a.text-accent, .accent-pink a.text-accent:hover, .accent-pink a.text-accent:focus {
  color: #f50057;
}
.accent-pink .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-pink .btn:hover, .accent-pink .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-pink .btn-accent, .accent-pink .btn-accent:hover, .accent-pink .btn-accent:focus,
.accent-pink .btn.btn-accent, .accent-pink .btn.btn-accent:hover, .accent-pink .btn.btn-accent:focus,
.accent-pink input.btn-accent[type=submit], .accent-pink input.btn-accent[type=submit]:hover, .accent-pink input.btn-accent[type=submit]:focus {
  color: #f50057;
}
.accent-pink .btn-raised.btn-accent, .accent-pink .btn.btn-raised.btn-accent, .accent-pink input.btn-raised[type=submit].btn-accent {
  background: #f50057;
  color: #FFF;
}
.accent-pink .btn-raised.btn-accent:hover, .accent-pink .btn-raised.btn-accent:focus, .accent-pink .btn.btn-raised.btn-accent:hover, .accent-pink .btn.btn-raised.btn-accent:focus, .accent-pink input.btn-raised[type=submit].btn-accent:hover, .accent-pink input.btn-raised[type=submit].btn-accent:focus {
  background: #e11370;
  color: #FFF;
}
.accent-pink .btn-raised.btn-accent:active, .accent-pink .btn.btn-raised.btn-accent:active, .accent-pink input.btn-raised[type=submit].btn-accent:active {
  background: #c51162;
}
.accent-pink .form-item .focused label {
  color: #ff4081;
}
.accent-pink .form-item input[type=text]:focus, .accent-pink .form-item input[type=text].error:focus, .accent-pink .form-item input[type=email]:focus, .accent-pink .form-item input[type=email].error:focus, .accent-pink .form-item input[type=password]:focus, .accent-pink .form-item input[type=password].error:focus, .accent-pink .form-item input[type=search]:focus, .accent-pink .form-item input[type=search].error:focus, .accent-pink .form-item input[type=tel]:focus, .accent-pink .form-item input[type=tel].error:focus, .accent-pink .form-item textarea:focus, .accent-pink .form-item textarea.error:focus, .accent-pink .form-item select:focus, .accent-pink .form-item select.error:focus {
  border-color: #ff4081;
}
.accent-pink .form-item input[type=checkbox]:checked:before, .accent-pink .form-item input[type=radio]:checked:before {
  color: #ff4081;
}
.accent-pink.theme-dark a {
  color: #ff4081;
}
.accent-pink.theme-dark a:hover {
  color: #ff5f95;
}
.accent-pink.theme-dark a:active {
  color: #ff80ab;
}
.accent-pink.theme-dark .material-icons.text-accent {
  color: #ff4081;
}
.accent-pink.theme-dark .text-accent, .accent-pink.theme-dark a.text-accent, .accent-pink.theme-dark a.text-accent:hover, .accent-pink.theme-dark a.text-accent:focus {
  color: #ff4081;
}
.accent-pink.theme-dark .btn {
  color: #FFF;
}
.accent-pink.theme-dark .btn:hover, .accent-pink.theme-dark .btn:focus {
  color: #FFF;
}
.accent-pink.theme-dark .btn-accent, .accent-pink.theme-dark .btn-accent:hover, .accent-pink.theme-dark .btn-accent:focus,
.accent-pink.theme-dark .btn.btn-accent, .accent-pink.theme-dark .btn.btn-accent:hover, .accent-pink.theme-dark .btn.btn-accent:focus,
.accent-pink.theme-dark input.btn-accent[type=submit], .accent-pink.theme-dark input.btn-accent[type=submit]:hover, .accent-pink.theme-dark input.btn-accent[type=submit]:focus {
  color: #ff4081;
}
.accent-pink.theme-dark .btn-raised.btn-accent, .accent-pink.theme-dark .btn.btn-raised.btn-accent, .accent-pink.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #f50057;
  color: #FFF;
}
.accent-pink.theme-dark .btn-raised.btn-accent:hover, .accent-pink.theme-dark .btn-raised.btn-accent:focus, .accent-pink.theme-dark .btn.btn-raised.btn-accent:hover, .accent-pink.theme-dark .btn.btn-raised.btn-accent:focus, .accent-pink.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-pink.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #ff4081;
  color: #FFF;
}
.accent-pink.theme-dark .btn-raised.btn-accent:active, .accent-pink.theme-dark .btn.btn-raised.btn-accent:active, .accent-pink.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #ff5f95;
}

.accent-purple a {
  color: #d500f9;
}
.accent-purple a:hover {
  color: #b41fff;
}
.accent-purple a:active {
  color: #aa00ff;
}
.accent-purple .card-bg-accent {
  background: #d500f9;
  color: #FFF;
}
.accent-purple .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-purple .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-purple .card-bg-accent .btn:hover, .accent-purple .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-purple .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-purple .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-purple .material-icons.text-accent {
  color: #d500f9;
}
.accent-purple .text-accent, .accent-purple a.text-accent, .accent-purple a.text-accent:hover, .accent-purple a.text-accent:focus {
  color: #d500f9;
}
.accent-purple .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-purple .btn:hover, .accent-purple .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-purple .btn-accent, .accent-purple .btn-accent:hover, .accent-purple .btn-accent:focus,
.accent-purple .btn.btn-accent, .accent-purple .btn.btn-accent:hover, .accent-purple .btn.btn-accent:focus,
.accent-purple input.btn-accent[type=submit], .accent-purple input.btn-accent[type=submit]:hover, .accent-purple input.btn-accent[type=submit]:focus {
  color: #d500f9;
}
.accent-purple .btn-raised.btn-accent, .accent-purple .btn.btn-raised.btn-accent, .accent-purple input.btn-raised[type=submit].btn-accent {
  background: #d500f9;
  color: #FFF;
}
.accent-purple .btn-raised.btn-accent:hover, .accent-purple .btn-raised.btn-accent:focus, .accent-purple .btn.btn-raised.btn-accent:hover, .accent-purple .btn.btn-raised.btn-accent:focus, .accent-purple input.btn-raised[type=submit].btn-accent:hover, .accent-purple input.btn-raised[type=submit].btn-accent:focus {
  background: #b41fff;
  color: #FFF;
}
.accent-purple .btn-raised.btn-accent:active, .accent-purple .btn.btn-raised.btn-accent:active, .accent-purple input.btn-raised[type=submit].btn-accent:active {
  background: #aa00ff;
}
.accent-purple .form-item .focused label {
  color: #e040fb;
}
.accent-purple .form-item input[type=text]:focus, .accent-purple .form-item input[type=text].error:focus, .accent-purple .form-item input[type=email]:focus, .accent-purple .form-item input[type=email].error:focus, .accent-purple .form-item input[type=password]:focus, .accent-purple .form-item input[type=password].error:focus, .accent-purple .form-item input[type=search]:focus, .accent-purple .form-item input[type=search].error:focus, .accent-purple .form-item input[type=tel]:focus, .accent-purple .form-item input[type=tel].error:focus, .accent-purple .form-item textarea:focus, .accent-purple .form-item textarea.error:focus, .accent-purple .form-item select:focus, .accent-purple .form-item select.error:focus {
  border-color: #e040fb;
}
.accent-purple .form-item input[type=checkbox]:checked:before, .accent-purple .form-item input[type=radio]:checked:before {
  color: #e040fb;
}
.accent-purple.theme-dark a {
  color: #e040fb;
}
.accent-purple.theme-dark a:hover {
  color: #e55efc;
}
.accent-purple.theme-dark a:active {
  color: #ea80fc;
}
.accent-purple.theme-dark .material-icons.text-accent {
  color: #e040fb;
}
.accent-purple.theme-dark .text-accent, .accent-purple.theme-dark a.text-accent, .accent-purple.theme-dark a.text-accent:hover, .accent-purple.theme-dark a.text-accent:focus {
  color: #e040fb;
}
.accent-purple.theme-dark .btn {
  color: #FFF;
}
.accent-purple.theme-dark .btn:hover, .accent-purple.theme-dark .btn:focus {
  color: #FFF;
}
.accent-purple.theme-dark .btn-accent, .accent-purple.theme-dark .btn-accent:hover, .accent-purple.theme-dark .btn-accent:focus,
.accent-purple.theme-dark .btn.btn-accent, .accent-purple.theme-dark .btn.btn-accent:hover, .accent-purple.theme-dark .btn.btn-accent:focus,
.accent-purple.theme-dark input.btn-accent[type=submit], .accent-purple.theme-dark input.btn-accent[type=submit]:hover, .accent-purple.theme-dark input.btn-accent[type=submit]:focus {
  color: #e040fb;
}
.accent-purple.theme-dark .btn-raised.btn-accent, .accent-purple.theme-dark .btn.btn-raised.btn-accent, .accent-purple.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #d500f9;
  color: #FFF;
}
.accent-purple.theme-dark .btn-raised.btn-accent:hover, .accent-purple.theme-dark .btn-raised.btn-accent:focus, .accent-purple.theme-dark .btn.btn-raised.btn-accent:hover, .accent-purple.theme-dark .btn.btn-raised.btn-accent:focus, .accent-purple.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-purple.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #e040fb;
  color: #FFF;
}
.accent-purple.theme-dark .btn-raised.btn-accent:active, .accent-purple.theme-dark .btn.btn-raised.btn-accent:active, .accent-purple.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #e55efc;
}

.accent-deep-purple a {
  color: #651fff;
}
.accent-deep-purple a:hover {
  color: #700aff;
}
.accent-deep-purple a:active {
  color: #6200ea;
}
.accent-deep-purple .card-bg-accent {
  background: #651fff;
  color: #FFF;
}
.accent-deep-purple .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-deep-purple .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-deep-purple .card-bg-accent .btn:hover, .accent-deep-purple .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-deep-purple .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-deep-purple .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-deep-purple .material-icons.text-accent {
  color: #651fff;
}
.accent-deep-purple .text-accent, .accent-deep-purple a.text-accent, .accent-deep-purple a.text-accent:hover, .accent-deep-purple a.text-accent:focus {
  color: #651fff;
}
.accent-deep-purple .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-deep-purple .btn:hover, .accent-deep-purple .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-deep-purple .btn-accent, .accent-deep-purple .btn-accent:hover, .accent-deep-purple .btn-accent:focus,
.accent-deep-purple .btn.btn-accent, .accent-deep-purple .btn.btn-accent:hover, .accent-deep-purple .btn.btn-accent:focus,
.accent-deep-purple input.btn-accent[type=submit], .accent-deep-purple input.btn-accent[type=submit]:hover, .accent-deep-purple input.btn-accent[type=submit]:focus {
  color: #651fff;
}
.accent-deep-purple .btn-raised.btn-accent, .accent-deep-purple .btn.btn-raised.btn-accent, .accent-deep-purple input.btn-raised[type=submit].btn-accent {
  background: #651fff;
  color: #FFF;
}
.accent-deep-purple .btn-raised.btn-accent:hover, .accent-deep-purple .btn-raised.btn-accent:focus, .accent-deep-purple .btn.btn-raised.btn-accent:hover, .accent-deep-purple .btn.btn-raised.btn-accent:focus, .accent-deep-purple input.btn-raised[type=submit].btn-accent:hover, .accent-deep-purple input.btn-raised[type=submit].btn-accent:focus {
  background: #700aff;
  color: #FFF;
}
.accent-deep-purple .btn-raised.btn-accent:active, .accent-deep-purple .btn.btn-raised.btn-accent:active, .accent-deep-purple input.btn-raised[type=submit].btn-accent:active {
  background: #6200ea;
}
.accent-deep-purple .form-item .focused label {
  color: #7c4dff;
}
.accent-deep-purple .form-item input[type=text]:focus, .accent-deep-purple .form-item input[type=text].error:focus, .accent-deep-purple .form-item input[type=email]:focus, .accent-deep-purple .form-item input[type=email].error:focus, .accent-deep-purple .form-item input[type=password]:focus, .accent-deep-purple .form-item input[type=password].error:focus, .accent-deep-purple .form-item input[type=search]:focus, .accent-deep-purple .form-item input[type=search].error:focus, .accent-deep-purple .form-item input[type=tel]:focus, .accent-deep-purple .form-item input[type=tel].error:focus, .accent-deep-purple .form-item textarea:focus, .accent-deep-purple .form-item textarea.error:focus, .accent-deep-purple .form-item select:focus, .accent-deep-purple .form-item select.error:focus {
  border-color: #7c4dff;
}
.accent-deep-purple .form-item input[type=checkbox]:checked:before, .accent-deep-purple .form-item input[type=radio]:checked:before {
  color: #7c4dff;
}
.accent-deep-purple.theme-dark a {
  color: #7c4dff;
}
.accent-deep-purple.theme-dark a:hover {
  color: #936cff;
}
.accent-deep-purple.theme-dark a:active {
  color: #b388ff;
}
.accent-deep-purple.theme-dark .material-icons.text-accent {
  color: #7c4dff;
}
.accent-deep-purple.theme-dark .text-accent, .accent-deep-purple.theme-dark a.text-accent, .accent-deep-purple.theme-dark a.text-accent:hover, .accent-deep-purple.theme-dark a.text-accent:focus {
  color: #7c4dff;
}
.accent-deep-purple.theme-dark .btn {
  color: #FFF;
}
.accent-deep-purple.theme-dark .btn:hover, .accent-deep-purple.theme-dark .btn:focus {
  color: #FFF;
}
.accent-deep-purple.theme-dark .btn-accent, .accent-deep-purple.theme-dark .btn-accent:hover, .accent-deep-purple.theme-dark .btn-accent:focus,
.accent-deep-purple.theme-dark .btn.btn-accent, .accent-deep-purple.theme-dark .btn.btn-accent:hover, .accent-deep-purple.theme-dark .btn.btn-accent:focus,
.accent-deep-purple.theme-dark input.btn-accent[type=submit], .accent-deep-purple.theme-dark input.btn-accent[type=submit]:hover, .accent-deep-purple.theme-dark input.btn-accent[type=submit]:focus {
  color: #7c4dff;
}
.accent-deep-purple.theme-dark .btn-raised.btn-accent, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent, .accent-deep-purple.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #651fff;
  color: #FFF;
}
.accent-deep-purple.theme-dark .btn-raised.btn-accent:hover, .accent-deep-purple.theme-dark .btn-raised.btn-accent:focus, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent:hover, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent:focus, .accent-deep-purple.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-deep-purple.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #7c4dff;
  color: #FFF;
}
.accent-deep-purple.theme-dark .btn-raised.btn-accent:active, .accent-deep-purple.theme-dark .btn.btn-raised.btn-accent:active, .accent-deep-purple.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #936cff;
}

.accent-indigo a {
  color: #3d5afe;
}
.accent-indigo a:hover {
  color: #4e69fe;
}
.accent-indigo a:active {
  color: #304ffe;
}
.accent-indigo .card-bg-accent {
  background: #3d5afe;
  color: #FFF;
}
.accent-indigo .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-indigo .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-indigo .card-bg-accent .btn:hover, .accent-indigo .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-indigo .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-indigo .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-indigo .material-icons.text-accent {
  color: #3d5afe;
}
.accent-indigo .text-accent, .accent-indigo a.text-accent, .accent-indigo a.text-accent:hover, .accent-indigo a.text-accent:focus {
  color: #3d5afe;
}
.accent-indigo .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-indigo .btn:hover, .accent-indigo .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-indigo .btn-accent, .accent-indigo .btn-accent:hover, .accent-indigo .btn-accent:focus,
.accent-indigo .btn.btn-accent, .accent-indigo .btn.btn-accent:hover, .accent-indigo .btn.btn-accent:focus,
.accent-indigo input.btn-accent[type=submit], .accent-indigo input.btn-accent[type=submit]:hover, .accent-indigo input.btn-accent[type=submit]:focus {
  color: #3d5afe;
}
.accent-indigo .btn-raised.btn-accent, .accent-indigo .btn.btn-raised.btn-accent, .accent-indigo input.btn-raised[type=submit].btn-accent {
  background: #3d5afe;
  color: #FFF;
}
.accent-indigo .btn-raised.btn-accent:hover, .accent-indigo .btn-raised.btn-accent:focus, .accent-indigo .btn.btn-raised.btn-accent:hover, .accent-indigo .btn.btn-raised.btn-accent:focus, .accent-indigo input.btn-raised[type=submit].btn-accent:hover, .accent-indigo input.btn-raised[type=submit].btn-accent:focus {
  background: #4e69fe;
  color: #FFF;
}
.accent-indigo .btn-raised.btn-accent:active, .accent-indigo .btn.btn-raised.btn-accent:active, .accent-indigo input.btn-raised[type=submit].btn-accent:active {
  background: #304ffe;
}
.accent-indigo .form-item .focused label {
  color: #536dfe;
}
.accent-indigo .form-item input[type=text]:focus, .accent-indigo .form-item input[type=text].error:focus, .accent-indigo .form-item input[type=email]:focus, .accent-indigo .form-item input[type=email].error:focus, .accent-indigo .form-item input[type=password]:focus, .accent-indigo .form-item input[type=password].error:focus, .accent-indigo .form-item input[type=search]:focus, .accent-indigo .form-item input[type=search].error:focus, .accent-indigo .form-item input[type=tel]:focus, .accent-indigo .form-item input[type=tel].error:focus, .accent-indigo .form-item textarea:focus, .accent-indigo .form-item textarea.error:focus, .accent-indigo .form-item select:focus, .accent-indigo .form-item select.error:focus {
  border-color: #536dfe;
}
.accent-indigo .form-item input[type=checkbox]:checked:before, .accent-indigo .form-item input[type=radio]:checked:before {
  color: #536dfe;
}
.accent-indigo.theme-dark a {
  color: #536dfe;
}
.accent-indigo.theme-dark a:hover {
  color: #7187fe;
}
.accent-indigo.theme-dark a:active {
  color: #8c9eff;
}
.accent-indigo.theme-dark .material-icons.text-accent {
  color: #536dfe;
}
.accent-indigo.theme-dark .text-accent, .accent-indigo.theme-dark a.text-accent, .accent-indigo.theme-dark a.text-accent:hover, .accent-indigo.theme-dark a.text-accent:focus {
  color: #536dfe;
}
.accent-indigo.theme-dark .btn {
  color: #FFF;
}
.accent-indigo.theme-dark .btn:hover, .accent-indigo.theme-dark .btn:focus {
  color: #FFF;
}
.accent-indigo.theme-dark .btn-accent, .accent-indigo.theme-dark .btn-accent:hover, .accent-indigo.theme-dark .btn-accent:focus,
.accent-indigo.theme-dark .btn.btn-accent, .accent-indigo.theme-dark .btn.btn-accent:hover, .accent-indigo.theme-dark .btn.btn-accent:focus,
.accent-indigo.theme-dark input.btn-accent[type=submit], .accent-indigo.theme-dark input.btn-accent[type=submit]:hover, .accent-indigo.theme-dark input.btn-accent[type=submit]:focus {
  color: #536dfe;
}
.accent-indigo.theme-dark .btn-raised.btn-accent, .accent-indigo.theme-dark .btn.btn-raised.btn-accent, .accent-indigo.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #3d5afe;
  color: #FFF;
}
.accent-indigo.theme-dark .btn-raised.btn-accent:hover, .accent-indigo.theme-dark .btn-raised.btn-accent:focus, .accent-indigo.theme-dark .btn.btn-raised.btn-accent:hover, .accent-indigo.theme-dark .btn.btn-raised.btn-accent:focus, .accent-indigo.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-indigo.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #536dfe;
  color: #FFF;
}
.accent-indigo.theme-dark .btn-raised.btn-accent:active, .accent-indigo.theme-dark .btn.btn-raised.btn-accent:active, .accent-indigo.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #7187fe;
}

.accent-blue a {
  color: #2979ff;
}
.accent-blue a:hover {
  color: #4878ff;
}
.accent-blue a:active {
  color: #2962ff;
}
.accent-blue .card-bg-accent {
  background: #2979ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-blue .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .card-bg-accent .btn:hover, .accent-blue .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-blue .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-blue .material-icons.text-accent {
  color: #2979ff;
}
.accent-blue .text-accent, .accent-blue a.text-accent, .accent-blue a.text-accent:hover, .accent-blue a.text-accent:focus {
  color: #2979ff;
}
.accent-blue .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .btn:hover, .accent-blue .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .btn-accent, .accent-blue .btn-accent:hover, .accent-blue .btn-accent:focus,
.accent-blue .btn.btn-accent, .accent-blue .btn.btn-accent:hover, .accent-blue .btn.btn-accent:focus,
.accent-blue input.btn-accent[type=submit], .accent-blue input.btn-accent[type=submit]:hover, .accent-blue input.btn-accent[type=submit]:focus {
  color: #2979ff;
}
.accent-blue .btn-raised.btn-accent, .accent-blue .btn.btn-raised.btn-accent, .accent-blue input.btn-raised[type=submit].btn-accent {
  background: #2979ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .btn-raised.btn-accent:hover, .accent-blue .btn-raised.btn-accent:focus, .accent-blue .btn.btn-raised.btn-accent:hover, .accent-blue .btn.btn-raised.btn-accent:focus, .accent-blue input.btn-raised[type=submit].btn-accent:hover, .accent-blue input.btn-raised[type=submit].btn-accent:focus {
  background: #4878ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue .btn-raised.btn-accent:active, .accent-blue .btn.btn-raised.btn-accent:active, .accent-blue input.btn-raised[type=submit].btn-accent:active {
  background: #2962ff;
}
.accent-blue .form-item .focused label {
  color: #448aff;
}
.accent-blue .form-item input[type=text]:focus, .accent-blue .form-item input[type=text].error:focus, .accent-blue .form-item input[type=email]:focus, .accent-blue .form-item input[type=email].error:focus, .accent-blue .form-item input[type=password]:focus, .accent-blue .form-item input[type=password].error:focus, .accent-blue .form-item input[type=search]:focus, .accent-blue .form-item input[type=search].error:focus, .accent-blue .form-item input[type=tel]:focus, .accent-blue .form-item input[type=tel].error:focus, .accent-blue .form-item textarea:focus, .accent-blue .form-item textarea.error:focus, .accent-blue .form-item select:focus, .accent-blue .form-item select.error:focus {
  border-color: #448aff;
}
.accent-blue .form-item input[type=checkbox]:checked:before, .accent-blue .form-item input[type=radio]:checked:before {
  color: #448aff;
}
.accent-blue.theme-dark a {
  color: #448aff;
}
.accent-blue.theme-dark a:hover {
  color: #639dff;
}
.accent-blue.theme-dark a:active {
  color: #82b1ff;
}
.accent-blue.theme-dark .material-icons.text-accent {
  color: #448aff;
}
.accent-blue.theme-dark .text-accent, .accent-blue.theme-dark a.text-accent, .accent-blue.theme-dark a.text-accent:hover, .accent-blue.theme-dark a.text-accent:focus {
  color: #448aff;
}
.accent-blue.theme-dark .btn {
  color: #FFF;
}
.accent-blue.theme-dark .btn:hover, .accent-blue.theme-dark .btn:focus {
  color: #FFF;
}
.accent-blue.theme-dark .btn-accent, .accent-blue.theme-dark .btn-accent:hover, .accent-blue.theme-dark .btn-accent:focus,
.accent-blue.theme-dark .btn.btn-accent, .accent-blue.theme-dark .btn.btn-accent:hover, .accent-blue.theme-dark .btn.btn-accent:focus,
.accent-blue.theme-dark input.btn-accent[type=submit], .accent-blue.theme-dark input.btn-accent[type=submit]:hover, .accent-blue.theme-dark input.btn-accent[type=submit]:focus {
  color: #448aff;
}
.accent-blue.theme-dark .btn-raised.btn-accent, .accent-blue.theme-dark .btn.btn-raised.btn-accent, .accent-blue.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #2979ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue.theme-dark .btn-raised.btn-accent:hover, .accent-blue.theme-dark .btn-raised.btn-accent:focus, .accent-blue.theme-dark .btn.btn-raised.btn-accent:hover, .accent-blue.theme-dark .btn.btn-raised.btn-accent:focus, .accent-blue.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-blue.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #448aff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-blue.theme-dark .btn-raised.btn-accent:active, .accent-blue.theme-dark .btn.btn-raised.btn-accent:active, .accent-blue.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #639dff;
}

.accent-light-blue a {
  color: #00b0ff;
}
.accent-light-blue a:hover {
  color: #0aa2ff;
}
.accent-light-blue a:active {
  color: #0091ea;
}
.accent-light-blue .card-bg-accent {
  background: #00b0ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-light-blue .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .card-bg-accent .btn:hover, .accent-light-blue .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-light-blue .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-light-blue .material-icons.text-accent {
  color: #00b0ff;
}
.accent-light-blue .text-accent, .accent-light-blue a.text-accent, .accent-light-blue a.text-accent:hover, .accent-light-blue a.text-accent:focus {
  color: #00b0ff;
}
.accent-light-blue .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .btn:hover, .accent-light-blue .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .btn-accent, .accent-light-blue .btn-accent:hover, .accent-light-blue .btn-accent:focus,
.accent-light-blue .btn.btn-accent, .accent-light-blue .btn.btn-accent:hover, .accent-light-blue .btn.btn-accent:focus,
.accent-light-blue input.btn-accent[type=submit], .accent-light-blue input.btn-accent[type=submit]:hover, .accent-light-blue input.btn-accent[type=submit]:focus {
  color: #00b0ff;
}
.accent-light-blue .btn-raised.btn-accent, .accent-light-blue .btn.btn-raised.btn-accent, .accent-light-blue input.btn-raised[type=submit].btn-accent {
  background: #00b0ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .btn-raised.btn-accent:hover, .accent-light-blue .btn-raised.btn-accent:focus, .accent-light-blue .btn.btn-raised.btn-accent:hover, .accent-light-blue .btn.btn-raised.btn-accent:focus, .accent-light-blue input.btn-raised[type=submit].btn-accent:hover, .accent-light-blue input.btn-raised[type=submit].btn-accent:focus {
  background: #0aa2ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue .btn-raised.btn-accent:active, .accent-light-blue .btn.btn-raised.btn-accent:active, .accent-light-blue input.btn-raised[type=submit].btn-accent:active {
  background: #0091ea;
}
.accent-light-blue .form-item .focused label {
  color: #40c4ff;
}
.accent-light-blue .form-item input[type=text]:focus, .accent-light-blue .form-item input[type=text].error:focus, .accent-light-blue .form-item input[type=email]:focus, .accent-light-blue .form-item input[type=email].error:focus, .accent-light-blue .form-item input[type=password]:focus, .accent-light-blue .form-item input[type=password].error:focus, .accent-light-blue .form-item input[type=search]:focus, .accent-light-blue .form-item input[type=search].error:focus, .accent-light-blue .form-item input[type=tel]:focus, .accent-light-blue .form-item input[type=tel].error:focus, .accent-light-blue .form-item textarea:focus, .accent-light-blue .form-item textarea.error:focus, .accent-light-blue .form-item select:focus, .accent-light-blue .form-item select.error:focus {
  border-color: #40c4ff;
}
.accent-light-blue .form-item input[type=checkbox]:checked:before, .accent-light-blue .form-item input[type=radio]:checked:before {
  color: #40c4ff;
}
.accent-light-blue.theme-dark a {
  color: #40c4ff;
}
.accent-light-blue.theme-dark a:hover {
  color: #5fcdff;
}
.accent-light-blue.theme-dark a:active {
  color: #80d8ff;
}
.accent-light-blue.theme-dark .material-icons.text-accent {
  color: #40c4ff;
}
.accent-light-blue.theme-dark .text-accent, .accent-light-blue.theme-dark a.text-accent, .accent-light-blue.theme-dark a.text-accent:hover, .accent-light-blue.theme-dark a.text-accent:focus {
  color: #40c4ff;
}
.accent-light-blue.theme-dark .btn {
  color: #FFF;
}
.accent-light-blue.theme-dark .btn:hover, .accent-light-blue.theme-dark .btn:focus {
  color: #FFF;
}
.accent-light-blue.theme-dark .btn-accent, .accent-light-blue.theme-dark .btn-accent:hover, .accent-light-blue.theme-dark .btn-accent:focus,
.accent-light-blue.theme-dark .btn.btn-accent, .accent-light-blue.theme-dark .btn.btn-accent:hover, .accent-light-blue.theme-dark .btn.btn-accent:focus,
.accent-light-blue.theme-dark input.btn-accent[type=submit], .accent-light-blue.theme-dark input.btn-accent[type=submit]:hover, .accent-light-blue.theme-dark input.btn-accent[type=submit]:focus {
  color: #40c4ff;
}
.accent-light-blue.theme-dark .btn-raised.btn-accent, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent, .accent-light-blue.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #00b0ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue.theme-dark .btn-raised.btn-accent:hover, .accent-light-blue.theme-dark .btn-raised.btn-accent:focus, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent:hover, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent:focus, .accent-light-blue.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-light-blue.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #40c4ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-blue.theme-dark .btn-raised.btn-accent:active, .accent-light-blue.theme-dark .btn.btn-raised.btn-accent:active, .accent-light-blue.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #5fcdff;
}

.accent-cyan a {
  color: #00e5ff;
}
.accent-cyan a:hover {
  color: #00d3f3;
}
.accent-cyan a:active {
  color: #00b8d4;
}
.accent-cyan .card-bg-accent {
  background: #00e5ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-cyan .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .card-bg-accent .btn:hover, .accent-cyan .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-cyan .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-cyan .material-icons.text-accent {
  color: #00e5ff;
}
.accent-cyan .text-accent, .accent-cyan a.text-accent, .accent-cyan a.text-accent:hover, .accent-cyan a.text-accent:focus {
  color: #00e5ff;
}
.accent-cyan .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .btn:hover, .accent-cyan .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .btn-accent, .accent-cyan .btn-accent:hover, .accent-cyan .btn-accent:focus,
.accent-cyan .btn.btn-accent, .accent-cyan .btn.btn-accent:hover, .accent-cyan .btn.btn-accent:focus,
.accent-cyan input.btn-accent[type=submit], .accent-cyan input.btn-accent[type=submit]:hover, .accent-cyan input.btn-accent[type=submit]:focus {
  color: #00e5ff;
}
.accent-cyan .btn-raised.btn-accent, .accent-cyan .btn.btn-raised.btn-accent, .accent-cyan input.btn-raised[type=submit].btn-accent {
  background: #00e5ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .btn-raised.btn-accent:hover, .accent-cyan .btn-raised.btn-accent:focus, .accent-cyan .btn.btn-raised.btn-accent:hover, .accent-cyan .btn.btn-raised.btn-accent:focus, .accent-cyan input.btn-raised[type=submit].btn-accent:hover, .accent-cyan input.btn-raised[type=submit].btn-accent:focus {
  background: #00d3f3;
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan .btn-raised.btn-accent:active, .accent-cyan .btn.btn-raised.btn-accent:active, .accent-cyan input.btn-raised[type=submit].btn-accent:active {
  background: #00b8d4;
}
.accent-cyan .form-item .focused label {
  color: #18ffff;
}
.accent-cyan .form-item input[type=text]:focus, .accent-cyan .form-item input[type=text].error:focus, .accent-cyan .form-item input[type=email]:focus, .accent-cyan .form-item input[type=email].error:focus, .accent-cyan .form-item input[type=password]:focus, .accent-cyan .form-item input[type=password].error:focus, .accent-cyan .form-item input[type=search]:focus, .accent-cyan .form-item input[type=search].error:focus, .accent-cyan .form-item input[type=tel]:focus, .accent-cyan .form-item input[type=tel].error:focus, .accent-cyan .form-item textarea:focus, .accent-cyan .form-item textarea.error:focus, .accent-cyan .form-item select:focus, .accent-cyan .form-item select.error:focus {
  border-color: #18ffff;
}
.accent-cyan .form-item input[type=checkbox]:checked:before, .accent-cyan .form-item input[type=radio]:checked:before {
  color: #18ffff;
}
.accent-cyan.theme-dark a {
  color: #18ffff;
}
.accent-cyan.theme-dark a:hover {
  color: #37ffff;
}
.accent-cyan.theme-dark a:active {
  color: #84ffff;
}
.accent-cyan.theme-dark .material-icons.text-accent {
  color: #18ffff;
}
.accent-cyan.theme-dark .text-accent, .accent-cyan.theme-dark a.text-accent, .accent-cyan.theme-dark a.text-accent:hover, .accent-cyan.theme-dark a.text-accent:focus {
  color: #18ffff;
}
.accent-cyan.theme-dark .btn {
  color: #FFF;
}
.accent-cyan.theme-dark .btn:hover, .accent-cyan.theme-dark .btn:focus {
  color: #FFF;
}
.accent-cyan.theme-dark .btn-accent, .accent-cyan.theme-dark .btn-accent:hover, .accent-cyan.theme-dark .btn-accent:focus,
.accent-cyan.theme-dark .btn.btn-accent, .accent-cyan.theme-dark .btn.btn-accent:hover, .accent-cyan.theme-dark .btn.btn-accent:focus,
.accent-cyan.theme-dark input.btn-accent[type=submit], .accent-cyan.theme-dark input.btn-accent[type=submit]:hover, .accent-cyan.theme-dark input.btn-accent[type=submit]:focus {
  color: #18ffff;
}
.accent-cyan.theme-dark .btn-raised.btn-accent, .accent-cyan.theme-dark .btn.btn-raised.btn-accent, .accent-cyan.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #00e5ff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan.theme-dark .btn-raised.btn-accent:hover, .accent-cyan.theme-dark .btn-raised.btn-accent:focus, .accent-cyan.theme-dark .btn.btn-raised.btn-accent:hover, .accent-cyan.theme-dark .btn.btn-raised.btn-accent:focus, .accent-cyan.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-cyan.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #18ffff;
  color: rgba(0, 0, 0, 0.87);
}
.accent-cyan.theme-dark .btn-raised.btn-accent:active, .accent-cyan.theme-dark .btn.btn-raised.btn-accent:active, .accent-cyan.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #37ffff;
}

.accent-teal a {
  color: #1de9b6;
}
.accent-teal a:hover {
  color: #00debf;
}
.accent-teal a:active {
  color: #00bfa5;
}
.accent-teal .card-bg-accent {
  background: #1de9b6;
  color: #FFF;
}
.accent-teal .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-teal .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-teal .card-bg-accent .btn:hover, .accent-teal .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-teal .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-teal .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-teal .material-icons.text-accent {
  color: #1de9b6;
}
.accent-teal .text-accent, .accent-teal a.text-accent, .accent-teal a.text-accent:hover, .accent-teal a.text-accent:focus {
  color: #1de9b6;
}
.accent-teal .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-teal .btn:hover, .accent-teal .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-teal .btn-accent, .accent-teal .btn-accent:hover, .accent-teal .btn-accent:focus,
.accent-teal .btn.btn-accent, .accent-teal .btn.btn-accent:hover, .accent-teal .btn.btn-accent:focus,
.accent-teal input.btn-accent[type=submit], .accent-teal input.btn-accent[type=submit]:hover, .accent-teal input.btn-accent[type=submit]:focus {
  color: #1de9b6;
}
.accent-teal .btn-raised.btn-accent, .accent-teal .btn.btn-raised.btn-accent, .accent-teal input.btn-raised[type=submit].btn-accent {
  background: #1de9b6;
  color: #FFF;
}
.accent-teal .btn-raised.btn-accent:hover, .accent-teal .btn-raised.btn-accent:focus, .accent-teal .btn.btn-raised.btn-accent:hover, .accent-teal .btn.btn-raised.btn-accent:focus, .accent-teal input.btn-raised[type=submit].btn-accent:hover, .accent-teal input.btn-raised[type=submit].btn-accent:focus {
  background: #00debf;
  color: #FFF;
}
.accent-teal .btn-raised.btn-accent:active, .accent-teal .btn.btn-raised.btn-accent:active, .accent-teal input.btn-raised[type=submit].btn-accent:active {
  background: #00bfa5;
}
.accent-teal .form-item .focused label {
  color: #64ffda;
}
.accent-teal .form-item input[type=text]:focus, .accent-teal .form-item input[type=text].error:focus, .accent-teal .form-item input[type=email]:focus, .accent-teal .form-item input[type=email].error:focus, .accent-teal .form-item input[type=password]:focus, .accent-teal .form-item input[type=password].error:focus, .accent-teal .form-item input[type=search]:focus, .accent-teal .form-item input[type=search].error:focus, .accent-teal .form-item input[type=tel]:focus, .accent-teal .form-item input[type=tel].error:focus, .accent-teal .form-item textarea:focus, .accent-teal .form-item textarea.error:focus, .accent-teal .form-item select:focus, .accent-teal .form-item select.error:focus {
  border-color: #64ffda;
}
.accent-teal .form-item input[type=checkbox]:checked:before, .accent-teal .form-item input[type=radio]:checked:before {
  color: #64ffda;
}
.accent-teal.theme-dark a {
  color: #64ffda;
}
.accent-teal.theme-dark a:hover {
  color: #83ffe1;
}
.accent-teal.theme-dark a:active {
  color: #a7ffeb;
}
.accent-teal.theme-dark .material-icons.text-accent {
  color: #64ffda;
}
.accent-teal.theme-dark .text-accent, .accent-teal.theme-dark a.text-accent, .accent-teal.theme-dark a.text-accent:hover, .accent-teal.theme-dark a.text-accent:focus {
  color: #64ffda;
}
.accent-teal.theme-dark .btn {
  color: #FFF;
}
.accent-teal.theme-dark .btn:hover, .accent-teal.theme-dark .btn:focus {
  color: #FFF;
}
.accent-teal.theme-dark .btn-accent, .accent-teal.theme-dark .btn-accent:hover, .accent-teal.theme-dark .btn-accent:focus,
.accent-teal.theme-dark .btn.btn-accent, .accent-teal.theme-dark .btn.btn-accent:hover, .accent-teal.theme-dark .btn.btn-accent:focus,
.accent-teal.theme-dark input.btn-accent[type=submit], .accent-teal.theme-dark input.btn-accent[type=submit]:hover, .accent-teal.theme-dark input.btn-accent[type=submit]:focus {
  color: #64ffda;
}
.accent-teal.theme-dark .btn-raised.btn-accent, .accent-teal.theme-dark .btn.btn-raised.btn-accent, .accent-teal.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #1de9b6;
  color: #FFF;
}
.accent-teal.theme-dark .btn-raised.btn-accent:hover, .accent-teal.theme-dark .btn-raised.btn-accent:focus, .accent-teal.theme-dark .btn.btn-raised.btn-accent:hover, .accent-teal.theme-dark .btn.btn-raised.btn-accent:focus, .accent-teal.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-teal.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #64ffda;
  color: #FFF;
}
.accent-teal.theme-dark .btn-raised.btn-accent:active, .accent-teal.theme-dark .btn.btn-raised.btn-accent:active, .accent-teal.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #83ffe1;
}

.accent-green a {
  color: #00e676;
}
.accent-green a:hover {
  color: #00e760;
}
.accent-green a:active {
  color: #00c853;
}
.accent-green .card-bg-accent {
  background: #00e676;
  color: #FFF;
}
.accent-green .card-bg-accent .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.accent-green .card-bg-accent .btn {
  color: #FFF;
}
.accent-green .card-bg-accent .btn:hover, .accent-green .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.accent-green .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-green .card-bg-accent .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.accent-green .material-icons.text-accent {
  color: #00e676;
}
.accent-green .text-accent, .accent-green a.text-accent, .accent-green a.text-accent:hover, .accent-green a.text-accent:focus {
  color: #00e676;
}
.accent-green .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-green .btn:hover, .accent-green .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-green .btn-accent, .accent-green .btn-accent:hover, .accent-green .btn-accent:focus,
.accent-green .btn.btn-accent, .accent-green .btn.btn-accent:hover, .accent-green .btn.btn-accent:focus,
.accent-green input.btn-accent[type=submit], .accent-green input.btn-accent[type=submit]:hover, .accent-green input.btn-accent[type=submit]:focus {
  color: #00e676;
}
.accent-green .btn-raised.btn-accent, .accent-green .btn.btn-raised.btn-accent, .accent-green input.btn-raised[type=submit].btn-accent {
  background: #00e676;
  color: #FFF;
}
.accent-green .btn-raised.btn-accent:hover, .accent-green .btn-raised.btn-accent:focus, .accent-green .btn.btn-raised.btn-accent:hover, .accent-green .btn.btn-raised.btn-accent:focus, .accent-green input.btn-raised[type=submit].btn-accent:hover, .accent-green input.btn-raised[type=submit].btn-accent:focus {
  background: #00e760;
  color: #FFF;
}
.accent-green .btn-raised.btn-accent:active, .accent-green .btn.btn-raised.btn-accent:active, .accent-green input.btn-raised[type=submit].btn-accent:active {
  background: #00c853;
}
.accent-green .form-item .focused label {
  color: #69f0ae;
}
.accent-green .form-item input[type=text]:focus, .accent-green .form-item input[type=text].error:focus, .accent-green .form-item input[type=email]:focus, .accent-green .form-item input[type=email].error:focus, .accent-green .form-item input[type=password]:focus, .accent-green .form-item input[type=password].error:focus, .accent-green .form-item input[type=search]:focus, .accent-green .form-item input[type=search].error:focus, .accent-green .form-item input[type=tel]:focus, .accent-green .form-item input[type=tel].error:focus, .accent-green .form-item textarea:focus, .accent-green .form-item textarea.error:focus, .accent-green .form-item select:focus, .accent-green .form-item select.error:focus {
  border-color: #69f0ae;
}
.accent-green .form-item input[type=checkbox]:checked:before, .accent-green .form-item input[type=radio]:checked:before {
  color: #69f0ae;
}
.accent-green.theme-dark a {
  color: #69f0ae;
}
.accent-green.theme-dark a:hover {
  color: #85f3bd;
}
.accent-green.theme-dark a:active {
  color: #b9f6ca;
}
.accent-green.theme-dark .material-icons.text-accent {
  color: #69f0ae;
}
.accent-green.theme-dark .text-accent, .accent-green.theme-dark a.text-accent, .accent-green.theme-dark a.text-accent:hover, .accent-green.theme-dark a.text-accent:focus {
  color: #69f0ae;
}
.accent-green.theme-dark .btn {
  color: #FFF;
}
.accent-green.theme-dark .btn:hover, .accent-green.theme-dark .btn:focus {
  color: #FFF;
}
.accent-green.theme-dark .btn-accent, .accent-green.theme-dark .btn-accent:hover, .accent-green.theme-dark .btn-accent:focus,
.accent-green.theme-dark .btn.btn-accent, .accent-green.theme-dark .btn.btn-accent:hover, .accent-green.theme-dark .btn.btn-accent:focus,
.accent-green.theme-dark input.btn-accent[type=submit], .accent-green.theme-dark input.btn-accent[type=submit]:hover, .accent-green.theme-dark input.btn-accent[type=submit]:focus {
  color: #69f0ae;
}
.accent-green.theme-dark .btn-raised.btn-accent, .accent-green.theme-dark .btn.btn-raised.btn-accent, .accent-green.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #00e676;
  color: #FFF;
}
.accent-green.theme-dark .btn-raised.btn-accent:hover, .accent-green.theme-dark .btn-raised.btn-accent:focus, .accent-green.theme-dark .btn.btn-raised.btn-accent:hover, .accent-green.theme-dark .btn.btn-raised.btn-accent:focus, .accent-green.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-green.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #69f0ae;
  color: #FFF;
}
.accent-green.theme-dark .btn-raised.btn-accent:active, .accent-green.theme-dark .btn.btn-raised.btn-accent:active, .accent-green.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #85f3bd;
}

.accent-light-green a {
  color: #76ff03;
}
.accent-light-green a:hover {
  color: #74e92a;
}
.accent-light-green a:active {
  color: #64dd17;
}
.accent-light-green .card-bg-accent {
  background: #76ff03;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green .card-bg-accent .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.accent-light-green .card-bg-accent .btn {
  color: #FFF;
}
.accent-light-green .card-bg-accent .btn:hover, .accent-light-green .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.accent-light-green .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-light-green .card-bg-accent .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.accent-light-green .material-icons.text-accent {
  color: #76ff03;
}
.accent-light-green .text-accent, .accent-light-green a.text-accent, .accent-light-green a.text-accent:hover, .accent-light-green a.text-accent:focus {
  color: #76ff03;
}
.accent-light-green .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green .btn:hover, .accent-light-green .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green .btn-accent, .accent-light-green .btn-accent:hover, .accent-light-green .btn-accent:focus,
.accent-light-green .btn.btn-accent, .accent-light-green .btn.btn-accent:hover, .accent-light-green .btn.btn-accent:focus,
.accent-light-green input.btn-accent[type=submit], .accent-light-green input.btn-accent[type=submit]:hover, .accent-light-green input.btn-accent[type=submit]:focus {
  color: #76ff03;
}
.accent-light-green .btn-raised.btn-accent, .accent-light-green .btn.btn-raised.btn-accent, .accent-light-green input.btn-raised[type=submit].btn-accent {
  background: #76ff03;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green .btn-raised.btn-accent:hover, .accent-light-green .btn-raised.btn-accent:focus, .accent-light-green .btn.btn-raised.btn-accent:hover, .accent-light-green .btn.btn-raised.btn-accent:focus, .accent-light-green input.btn-raised[type=submit].btn-accent:hover, .accent-light-green input.btn-raised[type=submit].btn-accent:focus {
  background: #74e92a;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green .btn-raised.btn-accent:active, .accent-light-green .btn.btn-raised.btn-accent:active, .accent-light-green input.btn-raised[type=submit].btn-accent:active {
  background: #64dd17;
}
.accent-light-green .form-item .focused label {
  color: #b2ff59;
}
.accent-light-green .form-item input[type=text]:focus, .accent-light-green .form-item input[type=text].error:focus, .accent-light-green .form-item input[type=email]:focus, .accent-light-green .form-item input[type=email].error:focus, .accent-light-green .form-item input[type=password]:focus, .accent-light-green .form-item input[type=password].error:focus, .accent-light-green .form-item input[type=search]:focus, .accent-light-green .form-item input[type=search].error:focus, .accent-light-green .form-item input[type=tel]:focus, .accent-light-green .form-item input[type=tel].error:focus, .accent-light-green .form-item textarea:focus, .accent-light-green .form-item textarea.error:focus, .accent-light-green .form-item select:focus, .accent-light-green .form-item select.error:focus {
  border-color: #b2ff59;
}
.accent-light-green .form-item input[type=checkbox]:checked:before, .accent-light-green .form-item input[type=radio]:checked:before {
  color: #b2ff59;
}
.accent-light-green.theme-dark a {
  color: #b2ff59;
}
.accent-light-green.theme-dark a:hover {
  color: #c0ff78;
}
.accent-light-green.theme-dark a:active {
  color: #ccff90;
}
.accent-light-green.theme-dark .material-icons.text-accent {
  color: #b2ff59;
}
.accent-light-green.theme-dark .text-accent, .accent-light-green.theme-dark a.text-accent, .accent-light-green.theme-dark a.text-accent:hover, .accent-light-green.theme-dark a.text-accent:focus {
  color: #b2ff59;
}
.accent-light-green.theme-dark .btn {
  color: #FFF;
}
.accent-light-green.theme-dark .btn:hover, .accent-light-green.theme-dark .btn:focus {
  color: #FFF;
}
.accent-light-green.theme-dark .btn-accent, .accent-light-green.theme-dark .btn-accent:hover, .accent-light-green.theme-dark .btn-accent:focus,
.accent-light-green.theme-dark .btn.btn-accent, .accent-light-green.theme-dark .btn.btn-accent:hover, .accent-light-green.theme-dark .btn.btn-accent:focus,
.accent-light-green.theme-dark input.btn-accent[type=submit], .accent-light-green.theme-dark input.btn-accent[type=submit]:hover, .accent-light-green.theme-dark input.btn-accent[type=submit]:focus {
  color: #b2ff59;
}
.accent-light-green.theme-dark .btn-raised.btn-accent, .accent-light-green.theme-dark .btn.btn-raised.btn-accent, .accent-light-green.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #76ff03;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green.theme-dark .btn-raised.btn-accent:hover, .accent-light-green.theme-dark .btn-raised.btn-accent:focus, .accent-light-green.theme-dark .btn.btn-raised.btn-accent:hover, .accent-light-green.theme-dark .btn.btn-raised.btn-accent:focus, .accent-light-green.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-light-green.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #b2ff59;
  color: rgba(0, 0, 0, 0.87);
}
.accent-light-green.theme-dark .btn-raised.btn-accent:active, .accent-light-green.theme-dark .btn.btn-raised.btn-accent:active, .accent-light-green.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #c0ff78;
}

.accent-lime a {
  color: #c6ff00;
}
.accent-lime a:hover {
  color: #c0ff0a;
}
.accent-lime a:active {
  color: #aeea00;
}
.accent-lime .card-bg-accent {
  background: #c6ff00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-lime .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .card-bg-accent .btn:hover, .accent-lime .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-lime .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-lime .material-icons.text-accent {
  color: #c6ff00;
}
.accent-lime .text-accent, .accent-lime a.text-accent, .accent-lime a.text-accent:hover, .accent-lime a.text-accent:focus {
  color: #c6ff00;
}
.accent-lime .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .btn:hover, .accent-lime .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .btn-accent, .accent-lime .btn-accent:hover, .accent-lime .btn-accent:focus,
.accent-lime .btn.btn-accent, .accent-lime .btn.btn-accent:hover, .accent-lime .btn.btn-accent:focus,
.accent-lime input.btn-accent[type=submit], .accent-lime input.btn-accent[type=submit]:hover, .accent-lime input.btn-accent[type=submit]:focus {
  color: #c6ff00;
}
.accent-lime .btn-raised.btn-accent, .accent-lime .btn.btn-raised.btn-accent, .accent-lime input.btn-raised[type=submit].btn-accent {
  background: #c6ff00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .btn-raised.btn-accent:hover, .accent-lime .btn-raised.btn-accent:focus, .accent-lime .btn.btn-raised.btn-accent:hover, .accent-lime .btn.btn-raised.btn-accent:focus, .accent-lime input.btn-raised[type=submit].btn-accent:hover, .accent-lime input.btn-raised[type=submit].btn-accent:focus {
  background: #c0ff0a;
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime .btn-raised.btn-accent:active, .accent-lime .btn.btn-raised.btn-accent:active, .accent-lime input.btn-raised[type=submit].btn-accent:active {
  background: #aeea00;
}
.accent-lime .form-item .focused label {
  color: #eeff41;
}
.accent-lime .form-item input[type=text]:focus, .accent-lime .form-item input[type=text].error:focus, .accent-lime .form-item input[type=email]:focus, .accent-lime .form-item input[type=email].error:focus, .accent-lime .form-item input[type=password]:focus, .accent-lime .form-item input[type=password].error:focus, .accent-lime .form-item input[type=search]:focus, .accent-lime .form-item input[type=search].error:focus, .accent-lime .form-item input[type=tel]:focus, .accent-lime .form-item input[type=tel].error:focus, .accent-lime .form-item textarea:focus, .accent-lime .form-item textarea.error:focus, .accent-lime .form-item select:focus, .accent-lime .form-item select.error:focus {
  border-color: #eeff41;
}
.accent-lime .form-item input[type=checkbox]:checked:before, .accent-lime .form-item input[type=radio]:checked:before {
  color: #eeff41;
}
.accent-lime.theme-dark a {
  color: #eeff41;
}
.accent-lime.theme-dark a:hover {
  color: #f1ff60;
}
.accent-lime.theme-dark a:active {
  color: #f4ff81;
}
.accent-lime.theme-dark .material-icons.text-accent {
  color: #eeff41;
}
.accent-lime.theme-dark .text-accent, .accent-lime.theme-dark a.text-accent, .accent-lime.theme-dark a.text-accent:hover, .accent-lime.theme-dark a.text-accent:focus {
  color: #eeff41;
}
.accent-lime.theme-dark .btn {
  color: #FFF;
}
.accent-lime.theme-dark .btn:hover, .accent-lime.theme-dark .btn:focus {
  color: #FFF;
}
.accent-lime.theme-dark .btn-accent, .accent-lime.theme-dark .btn-accent:hover, .accent-lime.theme-dark .btn-accent:focus,
.accent-lime.theme-dark .btn.btn-accent, .accent-lime.theme-dark .btn.btn-accent:hover, .accent-lime.theme-dark .btn.btn-accent:focus,
.accent-lime.theme-dark input.btn-accent[type=submit], .accent-lime.theme-dark input.btn-accent[type=submit]:hover, .accent-lime.theme-dark input.btn-accent[type=submit]:focus {
  color: #eeff41;
}
.accent-lime.theme-dark .btn-raised.btn-accent, .accent-lime.theme-dark .btn.btn-raised.btn-accent, .accent-lime.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #c6ff00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime.theme-dark .btn-raised.btn-accent:hover, .accent-lime.theme-dark .btn-raised.btn-accent:focus, .accent-lime.theme-dark .btn.btn-raised.btn-accent:hover, .accent-lime.theme-dark .btn.btn-raised.btn-accent:focus, .accent-lime.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-lime.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #eeff41;
  color: rgba(0, 0, 0, 0.87);
}
.accent-lime.theme-dark .btn-raised.btn-accent:active, .accent-lime.theme-dark .btn.btn-raised.btn-accent:active, .accent-lime.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #f1ff60;
}

.accent-yellow a {
  color: #ffea00;
}
.accent-yellow a:hover {
  color: #ffdb1f;
}
.accent-yellow a:active {
  color: #ffd600;
}
.accent-yellow .card-bg-accent {
  background: #ffea00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-yellow .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .card-bg-accent .btn:hover, .accent-yellow .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-yellow .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-yellow .material-icons.text-accent {
  color: #ffea00;
}
.accent-yellow .text-accent, .accent-yellow a.text-accent, .accent-yellow a.text-accent:hover, .accent-yellow a.text-accent:focus {
  color: #ffea00;
}
.accent-yellow .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .btn:hover, .accent-yellow .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .btn-accent, .accent-yellow .btn-accent:hover, .accent-yellow .btn-accent:focus,
.accent-yellow .btn.btn-accent, .accent-yellow .btn.btn-accent:hover, .accent-yellow .btn.btn-accent:focus,
.accent-yellow input.btn-accent[type=submit], .accent-yellow input.btn-accent[type=submit]:hover, .accent-yellow input.btn-accent[type=submit]:focus {
  color: #ffea00;
}
.accent-yellow .btn-raised.btn-accent, .accent-yellow .btn.btn-raised.btn-accent, .accent-yellow input.btn-raised[type=submit].btn-accent {
  background: #ffea00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .btn-raised.btn-accent:hover, .accent-yellow .btn-raised.btn-accent:focus, .accent-yellow .btn.btn-raised.btn-accent:hover, .accent-yellow .btn.btn-raised.btn-accent:focus, .accent-yellow input.btn-raised[type=submit].btn-accent:hover, .accent-yellow input.btn-raised[type=submit].btn-accent:focus {
  background: #ffdb1f;
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow .btn-raised.btn-accent:active, .accent-yellow .btn.btn-raised.btn-accent:active, .accent-yellow input.btn-raised[type=submit].btn-accent:active {
  background: #ffd600;
}
.accent-yellow .form-item .focused label {
  color: #ffff00;
}
.accent-yellow .form-item input[type=text]:focus, .accent-yellow .form-item input[type=text].error:focus, .accent-yellow .form-item input[type=email]:focus, .accent-yellow .form-item input[type=email].error:focus, .accent-yellow .form-item input[type=password]:focus, .accent-yellow .form-item input[type=password].error:focus, .accent-yellow .form-item input[type=search]:focus, .accent-yellow .form-item input[type=search].error:focus, .accent-yellow .form-item input[type=tel]:focus, .accent-yellow .form-item input[type=tel].error:focus, .accent-yellow .form-item textarea:focus, .accent-yellow .form-item textarea.error:focus, .accent-yellow .form-item select:focus, .accent-yellow .form-item select.error:focus {
  border-color: #ffff00;
}
.accent-yellow .form-item input[type=checkbox]:checked:before, .accent-yellow .form-item input[type=radio]:checked:before {
  color: #ffff00;
}
.accent-yellow.theme-dark a {
  color: #ffff00;
}
.accent-yellow.theme-dark a:hover {
  color: #ffff1f;
}
.accent-yellow.theme-dark a:active {
  color: #ffff8d;
}
.accent-yellow.theme-dark .material-icons.text-accent {
  color: #ffff00;
}
.accent-yellow.theme-dark .text-accent, .accent-yellow.theme-dark a.text-accent, .accent-yellow.theme-dark a.text-accent:hover, .accent-yellow.theme-dark a.text-accent:focus {
  color: #ffff00;
}
.accent-yellow.theme-dark .btn {
  color: #FFF;
}
.accent-yellow.theme-dark .btn:hover, .accent-yellow.theme-dark .btn:focus {
  color: #FFF;
}
.accent-yellow.theme-dark .btn-accent, .accent-yellow.theme-dark .btn-accent:hover, .accent-yellow.theme-dark .btn-accent:focus,
.accent-yellow.theme-dark .btn.btn-accent, .accent-yellow.theme-dark .btn.btn-accent:hover, .accent-yellow.theme-dark .btn.btn-accent:focus,
.accent-yellow.theme-dark input.btn-accent[type=submit], .accent-yellow.theme-dark input.btn-accent[type=submit]:hover, .accent-yellow.theme-dark input.btn-accent[type=submit]:focus {
  color: #ffff00;
}
.accent-yellow.theme-dark .btn-raised.btn-accent, .accent-yellow.theme-dark .btn.btn-raised.btn-accent, .accent-yellow.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #ffea00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow.theme-dark .btn-raised.btn-accent:hover, .accent-yellow.theme-dark .btn-raised.btn-accent:focus, .accent-yellow.theme-dark .btn.btn-raised.btn-accent:hover, .accent-yellow.theme-dark .btn.btn-raised.btn-accent:focus, .accent-yellow.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-yellow.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #ffff00;
  color: rgba(0, 0, 0, 0.87);
}
.accent-yellow.theme-dark .btn-raised.btn-accent:active, .accent-yellow.theme-dark .btn.btn-raised.btn-accent:active, .accent-yellow.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #ffff1f;
}

.accent-amber a {
  color: #ffc400;
}
.accent-amber a:hover {
  color: #ffb51f;
}
.accent-amber a:active {
  color: #ffab00;
}
.accent-amber .card-bg-accent {
  background: #ffc400;
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-amber .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .card-bg-accent .btn:hover, .accent-amber .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-amber .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-amber .material-icons.text-accent {
  color: #ffc400;
}
.accent-amber .text-accent, .accent-amber a.text-accent, .accent-amber a.text-accent:hover, .accent-amber a.text-accent:focus {
  color: #ffc400;
}
.accent-amber .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .btn:hover, .accent-amber .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .btn-accent, .accent-amber .btn-accent:hover, .accent-amber .btn-accent:focus,
.accent-amber .btn.btn-accent, .accent-amber .btn.btn-accent:hover, .accent-amber .btn.btn-accent:focus,
.accent-amber input.btn-accent[type=submit], .accent-amber input.btn-accent[type=submit]:hover, .accent-amber input.btn-accent[type=submit]:focus {
  color: #ffc400;
}
.accent-amber .btn-raised.btn-accent, .accent-amber .btn.btn-raised.btn-accent, .accent-amber input.btn-raised[type=submit].btn-accent {
  background: #ffc400;
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .btn-raised.btn-accent:hover, .accent-amber .btn-raised.btn-accent:focus, .accent-amber .btn.btn-raised.btn-accent:hover, .accent-amber .btn.btn-raised.btn-accent:focus, .accent-amber input.btn-raised[type=submit].btn-accent:hover, .accent-amber input.btn-raised[type=submit].btn-accent:focus {
  background: #ffb51f;
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber .btn-raised.btn-accent:active, .accent-amber .btn.btn-raised.btn-accent:active, .accent-amber input.btn-raised[type=submit].btn-accent:active {
  background: #ffab00;
}
.accent-amber .form-item .focused label {
  color: #ffd740;
}
.accent-amber .form-item input[type=text]:focus, .accent-amber .form-item input[type=text].error:focus, .accent-amber .form-item input[type=email]:focus, .accent-amber .form-item input[type=email].error:focus, .accent-amber .form-item input[type=password]:focus, .accent-amber .form-item input[type=password].error:focus, .accent-amber .form-item input[type=search]:focus, .accent-amber .form-item input[type=search].error:focus, .accent-amber .form-item input[type=tel]:focus, .accent-amber .form-item input[type=tel].error:focus, .accent-amber .form-item textarea:focus, .accent-amber .form-item textarea.error:focus, .accent-amber .form-item select:focus, .accent-amber .form-item select.error:focus {
  border-color: #ffd740;
}
.accent-amber .form-item input[type=checkbox]:checked:before, .accent-amber .form-item input[type=radio]:checked:before {
  color: #ffd740;
}
.accent-amber.theme-dark a {
  color: #ffd740;
}
.accent-amber.theme-dark a:hover {
  color: #ffdd5f;
}
.accent-amber.theme-dark a:active {
  color: #ffe57f;
}
.accent-amber.theme-dark .material-icons.text-accent {
  color: #ffd740;
}
.accent-amber.theme-dark .text-accent, .accent-amber.theme-dark a.text-accent, .accent-amber.theme-dark a.text-accent:hover, .accent-amber.theme-dark a.text-accent:focus {
  color: #ffd740;
}
.accent-amber.theme-dark .btn {
  color: #FFF;
}
.accent-amber.theme-dark .btn:hover, .accent-amber.theme-dark .btn:focus {
  color: #FFF;
}
.accent-amber.theme-dark .btn-accent, .accent-amber.theme-dark .btn-accent:hover, .accent-amber.theme-dark .btn-accent:focus,
.accent-amber.theme-dark .btn.btn-accent, .accent-amber.theme-dark .btn.btn-accent:hover, .accent-amber.theme-dark .btn.btn-accent:focus,
.accent-amber.theme-dark input.btn-accent[type=submit], .accent-amber.theme-dark input.btn-accent[type=submit]:hover, .accent-amber.theme-dark input.btn-accent[type=submit]:focus {
  color: #ffd740;
}
.accent-amber.theme-dark .btn-raised.btn-accent, .accent-amber.theme-dark .btn.btn-raised.btn-accent, .accent-amber.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #ffc400;
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber.theme-dark .btn-raised.btn-accent:hover, .accent-amber.theme-dark .btn-raised.btn-accent:focus, .accent-amber.theme-dark .btn.btn-raised.btn-accent:hover, .accent-amber.theme-dark .btn.btn-raised.btn-accent:focus, .accent-amber.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-amber.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.accent-amber.theme-dark .btn-raised.btn-accent:active, .accent-amber.theme-dark .btn.btn-raised.btn-accent:active, .accent-amber.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #ffdd5f;
}

.accent-orange a {
  color: #ff9100;
}
.accent-orange a:hover {
  color: #ff7f1f;
}
.accent-orange a:active {
  color: #ff6d00;
}
.accent-orange .card-bg-accent {
  background: #ff9100;
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .card-bg-accent .text-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.accent-orange .card-bg-accent .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .card-bg-accent .btn:hover, .accent-orange .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-orange .card-bg-accent .rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3);
}
.accent-orange .material-icons.text-accent {
  color: #ff9100;
}
.accent-orange .text-accent, .accent-orange a.text-accent, .accent-orange a.text-accent:hover, .accent-orange a.text-accent:focus {
  color: #ff9100;
}
.accent-orange .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .btn:hover, .accent-orange .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .btn-accent, .accent-orange .btn-accent:hover, .accent-orange .btn-accent:focus,
.accent-orange .btn.btn-accent, .accent-orange .btn.btn-accent:hover, .accent-orange .btn.btn-accent:focus,
.accent-orange input.btn-accent[type=submit], .accent-orange input.btn-accent[type=submit]:hover, .accent-orange input.btn-accent[type=submit]:focus {
  color: #ff9100;
}
.accent-orange .btn-raised.btn-accent, .accent-orange .btn.btn-raised.btn-accent, .accent-orange input.btn-raised[type=submit].btn-accent {
  background: #ff9100;
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .btn-raised.btn-accent:hover, .accent-orange .btn-raised.btn-accent:focus, .accent-orange .btn.btn-raised.btn-accent:hover, .accent-orange .btn.btn-raised.btn-accent:focus, .accent-orange input.btn-raised[type=submit].btn-accent:hover, .accent-orange input.btn-raised[type=submit].btn-accent:focus {
  background: #ff7f1f;
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange .btn-raised.btn-accent:active, .accent-orange .btn.btn-raised.btn-accent:active, .accent-orange input.btn-raised[type=submit].btn-accent:active {
  background: #ff6d00;
}
.accent-orange .form-item .focused label {
  color: #ffab40;
}
.accent-orange .form-item input[type=text]:focus, .accent-orange .form-item input[type=text].error:focus, .accent-orange .form-item input[type=email]:focus, .accent-orange .form-item input[type=email].error:focus, .accent-orange .form-item input[type=password]:focus, .accent-orange .form-item input[type=password].error:focus, .accent-orange .form-item input[type=search]:focus, .accent-orange .form-item input[type=search].error:focus, .accent-orange .form-item input[type=tel]:focus, .accent-orange .form-item input[type=tel].error:focus, .accent-orange .form-item textarea:focus, .accent-orange .form-item textarea.error:focus, .accent-orange .form-item select:focus, .accent-orange .form-item select.error:focus {
  border-color: #ffab40;
}
.accent-orange .form-item input[type=checkbox]:checked:before, .accent-orange .form-item input[type=radio]:checked:before {
  color: #ffab40;
}
.accent-orange.theme-dark a {
  color: #ffab40;
}
.accent-orange.theme-dark a:hover {
  color: #ffb85f;
}
.accent-orange.theme-dark a:active {
  color: #ffd180;
}
.accent-orange.theme-dark .material-icons.text-accent {
  color: #ffab40;
}
.accent-orange.theme-dark .text-accent, .accent-orange.theme-dark a.text-accent, .accent-orange.theme-dark a.text-accent:hover, .accent-orange.theme-dark a.text-accent:focus {
  color: #ffab40;
}
.accent-orange.theme-dark .btn {
  color: #FFF;
}
.accent-orange.theme-dark .btn:hover, .accent-orange.theme-dark .btn:focus {
  color: #FFF;
}
.accent-orange.theme-dark .btn-accent, .accent-orange.theme-dark .btn-accent:hover, .accent-orange.theme-dark .btn-accent:focus,
.accent-orange.theme-dark .btn.btn-accent, .accent-orange.theme-dark .btn.btn-accent:hover, .accent-orange.theme-dark .btn.btn-accent:focus,
.accent-orange.theme-dark input.btn-accent[type=submit], .accent-orange.theme-dark input.btn-accent[type=submit]:hover, .accent-orange.theme-dark input.btn-accent[type=submit]:focus {
  color: #ffab40;
}
.accent-orange.theme-dark .btn-raised.btn-accent, .accent-orange.theme-dark .btn.btn-raised.btn-accent, .accent-orange.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #ff9100;
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange.theme-dark .btn-raised.btn-accent:hover, .accent-orange.theme-dark .btn-raised.btn-accent:focus, .accent-orange.theme-dark .btn.btn-raised.btn-accent:hover, .accent-orange.theme-dark .btn.btn-raised.btn-accent:focus, .accent-orange.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-orange.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #ffab40;
  color: rgba(0, 0, 0, 0.87);
}
.accent-orange.theme-dark .btn-raised.btn-accent:active, .accent-orange.theme-dark .btn.btn-raised.btn-accent:active, .accent-orange.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #ffb85f;
}

.accent-deep-orange a {
  color: #ff3d00;
}
.accent-deep-orange a:hover {
  color: #fc3200;
}
.accent-deep-orange a:active {
  color: #dd2c00;
}
.accent-deep-orange .card-bg-accent {
  background: #ff3d00;
  color: #FFF;
}
.accent-deep-orange .card-bg-accent .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.accent-deep-orange .card-bg-accent .btn {
  color: #FFF;
}
.accent-deep-orange .card-bg-accent .btn:hover, .accent-deep-orange .card-bg-accent .btn:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.accent-deep-orange .card-bg-accent .btn:active {
  background: rgba(204, 204, 204, 0.25);
}
.accent-deep-orange .card-bg-accent .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.accent-deep-orange .material-icons.text-accent {
  color: #ff3d00;
}
.accent-deep-orange .text-accent, .accent-deep-orange a.text-accent, .accent-deep-orange a.text-accent:hover, .accent-deep-orange a.text-accent:focus {
  color: #ff3d00;
}
.accent-deep-orange .btn {
  color: rgba(0, 0, 0, 0.87);
}
.accent-deep-orange .btn:hover, .accent-deep-orange .btn:focus {
  color: rgba(0, 0, 0, 0.87);
}
.accent-deep-orange .btn-accent, .accent-deep-orange .btn-accent:hover, .accent-deep-orange .btn-accent:focus,
.accent-deep-orange .btn.btn-accent, .accent-deep-orange .btn.btn-accent:hover, .accent-deep-orange .btn.btn-accent:focus,
.accent-deep-orange input.btn-accent[type=submit], .accent-deep-orange input.btn-accent[type=submit]:hover, .accent-deep-orange input.btn-accent[type=submit]:focus {
  color: #ff3d00;
}
.accent-deep-orange .btn-raised.btn-accent, .accent-deep-orange .btn.btn-raised.btn-accent, .accent-deep-orange input.btn-raised[type=submit].btn-accent {
  background: #ff3d00;
  color: #FFF;
}
.accent-deep-orange .btn-raised.btn-accent:hover, .accent-deep-orange .btn-raised.btn-accent:focus, .accent-deep-orange .btn.btn-raised.btn-accent:hover, .accent-deep-orange .btn.btn-raised.btn-accent:focus, .accent-deep-orange input.btn-raised[type=submit].btn-accent:hover, .accent-deep-orange input.btn-raised[type=submit].btn-accent:focus {
  background: #fc3200;
  color: #FFF;
}
.accent-deep-orange .btn-raised.btn-accent:active, .accent-deep-orange .btn.btn-raised.btn-accent:active, .accent-deep-orange input.btn-raised[type=submit].btn-accent:active {
  background: #dd2c00;
}
.accent-deep-orange .form-item .focused label {
  color: #ff6e40;
}
.accent-deep-orange .form-item input[type=text]:focus, .accent-deep-orange .form-item input[type=text].error:focus, .accent-deep-orange .form-item input[type=email]:focus, .accent-deep-orange .form-item input[type=email].error:focus, .accent-deep-orange .form-item input[type=password]:focus, .accent-deep-orange .form-item input[type=password].error:focus, .accent-deep-orange .form-item input[type=search]:focus, .accent-deep-orange .form-item input[type=search].error:focus, .accent-deep-orange .form-item input[type=tel]:focus, .accent-deep-orange .form-item input[type=tel].error:focus, .accent-deep-orange .form-item textarea:focus, .accent-deep-orange .form-item textarea.error:focus, .accent-deep-orange .form-item select:focus, .accent-deep-orange .form-item select.error:focus {
  border-color: #ff6e40;
}
.accent-deep-orange .form-item input[type=checkbox]:checked:before, .accent-deep-orange .form-item input[type=radio]:checked:before {
  color: #ff6e40;
}
.accent-deep-orange.theme-dark a {
  color: #ff6e40;
}
.accent-deep-orange.theme-dark a:hover {
  color: #ff855f;
}
.accent-deep-orange.theme-dark a:active {
  color: #ff9e80;
}
.accent-deep-orange.theme-dark .material-icons.text-accent {
  color: #ff6e40;
}
.accent-deep-orange.theme-dark .text-accent, .accent-deep-orange.theme-dark a.text-accent, .accent-deep-orange.theme-dark a.text-accent:hover, .accent-deep-orange.theme-dark a.text-accent:focus {
  color: #ff6e40;
}
.accent-deep-orange.theme-dark .btn {
  color: #FFF;
}
.accent-deep-orange.theme-dark .btn:hover, .accent-deep-orange.theme-dark .btn:focus {
  color: #FFF;
}
.accent-deep-orange.theme-dark .btn-accent, .accent-deep-orange.theme-dark .btn-accent:hover, .accent-deep-orange.theme-dark .btn-accent:focus,
.accent-deep-orange.theme-dark .btn.btn-accent, .accent-deep-orange.theme-dark .btn.btn-accent:hover, .accent-deep-orange.theme-dark .btn.btn-accent:focus,
.accent-deep-orange.theme-dark input.btn-accent[type=submit], .accent-deep-orange.theme-dark input.btn-accent[type=submit]:hover, .accent-deep-orange.theme-dark input.btn-accent[type=submit]:focus {
  color: #ff6e40;
}
.accent-deep-orange.theme-dark .btn-raised.btn-accent, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent, .accent-deep-orange.theme-dark input.btn-raised[type=submit].btn-accent {
  background: #ff3d00;
  color: #FFF;
}
.accent-deep-orange.theme-dark .btn-raised.btn-accent:hover, .accent-deep-orange.theme-dark .btn-raised.btn-accent:focus, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent:hover, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent:focus, .accent-deep-orange.theme-dark input.btn-raised[type=submit].btn-accent:hover, .accent-deep-orange.theme-dark input.btn-raised[type=submit].btn-accent:focus {
  background: #ff6e40;
  color: #FFF;
}
.accent-deep-orange.theme-dark .btn-raised.btn-accent:active, .accent-deep-orange.theme-dark .btn.btn-raised.btn-accent:active, .accent-deep-orange.theme-dark input.btn-raised[type=submit].btn-accent:active {
  background: #ff855f;
}
/*# sourceMappingURL=../css/color-themes.css.map */

/*})'"*/
/* break points */
/* mixins and functions */
.theme-dark {
  color: #FFF;
  background: #303030;
}
.theme-dark a {
  color: #40c4ff;
}
.theme-dark a:hover {
  color: #5fcdff;
}
.theme-dark a:active {
  color: #80d8ff;
}
.theme-dark article .content a[href^="#"]:not([href="#"]):not(.btn) {
  border-color: #40c4ff;
}
.theme-dark article .content a[href^="#"]:not([href="#"]):not(.btn):hover {
  border-color: #5fcdff;
}
.theme-dark article .content a[href^="#"]:not([href="#"]):not(.btn):active {
  border-color: #80d8ff;
}
.theme-dark article .content blockquote {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark table {
  background: #424242;
  border-color: #585858 !important;
}
.theme-dark tr {
  border-color: #585858;
}
.theme-dark tr.selected {
  background: #4c4c4c;
}
.theme-dark tr:hover, .theme-dark tr.selected:hover {
  background: #515151;
}
.theme-dark th {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .table-bordered {
  box-shadow: 0 0 0 1px #585858;
}
.theme-dark .table-striped tbody tr:nth-child(even) {
  background: #474747;
}
.theme-dark .table-striped tbody tr:nth-child(even):hover, .theme-dark .table-striped tbody tr.selected:nth-child(even):hover {
  background: #515151;
}
.theme-dark .table-striped tbody tr.selected:nth-child(even) {
  background: #4c4c4c;
}
.theme-dark .table-responsive td:before {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark :not(pre) > code, .theme-dark pre {
  background: #212121;
}
.theme-dark .breadcrumb .delimiter:before {
  color: #FFF;
}
.theme-dark .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .text-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .text-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .text-primary, .theme-dark a.text-primary, .theme-dark a.text-primary:hover, .theme-dark a.text-primary:focus {
  color: #78909c;
}
.theme-dark .text-accent, .theme-dark a.text-accent, .theme-dark a.text-accent:hover, .theme-dark a.text-accent:focus {
  color: #40c4ff;
}
.theme-dark .material-icons.text-accent {
  color: #40c4ff;
}
.theme-dark .divider-top {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.theme-dark .divider-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.theme-dark .highlight {
  background: #212121;
}
.theme-dark .info, .theme-dark .messages-error {
  background: #263238;
}
.theme-dark .info:before, .theme-dark .messages-error:before {
  color: #78909c;
}
.theme-dark #footer {
  background: #212121;
}
.theme-dark .btn, .theme-dark input[type=submit] {
  color: #FFF;
}
.theme-dark .btn:hover, .theme-dark .btn:focus, .theme-dark input[type=submit]:hover, .theme-dark input[type=submit]:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.theme-dark .btn:active, .theme-dark input[type=submit]:active {
  background: rgba(204, 204, 204, 0.25);
}
.theme-dark .btn-colored, .theme-dark .btn-colored:hover, .theme-dark .btn-colored:focus,
.theme-dark .btn.btn-colored, .theme-dark .btn.btn-colored:hover, .theme-dark .btn.btn-colored:focus {
  color: #78909c;
}
.theme-dark .btn-accent, .theme-dark .btn-accent:hover, .theme-dark .btn-accent:focus,
.theme-dark .btn.btn-accent, .theme-dark .btn.btn-accent:hover, .theme-dark .btn.btn-accent:focus {
  color: #40c4ff;
}
.theme-dark .btn-raised, .theme-dark .btn.btn-raised {
  background: rgba(255, 255, 255, 0.05);
}
.theme-dark .btn-raised.btn-colored, .theme-dark .btn.btn-raised.btn-colored {
  background: #78909c;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.btn-accent, .theme-dark .btn.btn-raised.btn-accent {
  background: #40c4ff;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.btn-colored:hover, .theme-dark .btn-raised.btn-colored:focus, .theme-dark .btn.btn-raised.btn-colored:hover, .theme-dark .btn.btn-raised.btn-colored:focus {
  background: #90a4ae;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.btn-colored:active, .theme-dark .btn.btn-raised.btn-colored:active {
  background: #b0bec5;
}
.theme-dark .btn-raised.btn-accent:hover, .theme-dark .btn-raised.btn-accent:focus, .theme-dark .btn.btn-raised.btn-accent:hover, .theme-dark .btn.btn-raised.btn-accent:focus {
  background: #5fcdff;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.btn-accent:active, .theme-dark .btn.btn-raised.btn-accent:active {
  background: #80d8ff;
}
.theme-dark .btn-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .btn-disabled:hover, .theme-dark .btn-disabled:focus, .theme-dark .btn-disabled:active {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab {
  color: #FFF;
}
.theme-dark .fab:hover, .theme-dark .fab:focus {
  background: rgba(204, 204, 204, 0.15);
  color: #FFF;
}
.theme-dark .fab:active {
  background: rgba(204, 204, 204, 0.25);
}
.theme-dark .fab.fab-colored {
  background: #78909c;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.fab-colored:hover, .theme-dark .fab.fab-colored:focus {
  background: #90a4ae;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.fab-colored:active {
  background: #b0bec5;
}
.theme-dark .fab.fab-accent {
  background: #40c4ff;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.fab-accent:hover, .theme-dark .fab.fab-accent:focus {
  background: #5fcdff;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.fab-accent:active {
  background: #80d8ff;
}
.theme-dark .tooltip:before {
  background: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .form-item label, .theme-dark .form-item .description {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .form-item label.option, .theme-dark .form-item.focused label.option {
  color: #FFF;
}
.theme-dark .form-item.focused label {
  color: #40c4ff;
}
.theme-dark .form-item input, .theme-dark .form-item textarea, .theme-dark .form-item select {
  color: #FFF;
}
.theme-dark .form-item select option {
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .form-item input[type=text], .theme-dark .form-item input[type=email], .theme-dark .form-item input[type=password], .theme-dark .form-item input[type=search], .theme-dark .form-item input[type=tel], .theme-dark .form-item textarea, .theme-dark .form-item select {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.theme-dark .form-item input[type=text]:focus, .theme-dark .form-item input[type=text].error:focus, .theme-dark .form-item input[type=email]:focus, .theme-dark .form-item input[type=email].error:focus, .theme-dark .form-item input[type=password]:focus, .theme-dark .form-item input[type=password].error:focus, .theme-dark .form-item input[type=search]:focus, .theme-dark .form-item input[type=search].error:focus, .theme-dark .form-item input[type=tel]:focus, .theme-dark .form-item input[type=tel].error:focus, .theme-dark .form-item textarea:focus, .theme-dark .form-item textarea.error:focus, .theme-dark .form-item select:focus, .theme-dark .form-item select.error:focus {
  border-bottom-color: #40c4ff;
}
.theme-dark .form-item input[type=text]::placeholder, .theme-dark .form-item input[type=email]::placeholder, .theme-dark .form-item input[type=password]::placeholder, .theme-dark .form-item input[type=search]::placeholder, .theme-dark .form-item input[type=tel]::placeholder, .theme-dark .form-item textarea::placeholder, .theme-dark .form-item select::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .form-item input[type=radio], .theme-dark .form-item input[type=checkbox] {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .form-item input[type=checkbox]:checked:before {
  color: #40c4ff;
}
.theme-dark .form-item input[type=radio]:checked:before {
  color: #40c4ff;
}
.theme-dark .form-item.form-type-select:after {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark #drawer {
  background: #303030;
  border-right-color: #303030;
}
.drawer-open .theme-dark #drawer {
  border-right-color: rgba(255, 255, 255, 0.12);
}
.theme-dark #drawer #drawer-menu-close a {
  color: #FFF;
}
.theme-dark #drawer #drawer-title {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark #drawer .menu li a {
  color: #FFF;
}
.theme-dark #drawer .menu li a:hover {
  background: #515151;
}
.theme-dark #drawer .menu li a.icon-left:before, .theme-dark #drawer .menu li a.icon-right:after {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark #drawer .menu li a.services-icon-left:before, .theme-dark #drawer .menu li a.services-icon-right:after {
  background: rgba(255, 255, 255, 0.7);
}
.theme-dark #drawer .menu li.active a, .theme-dark #drawer .menu li.active-trail a {
  color: #78909c;
}
.theme-dark #drawer .menu li.active a.icon-left:before, .theme-dark #drawer .menu li.active a.icon-right:after, .theme-dark #drawer .menu li.active-trail a.icon-left:before, .theme-dark #drawer .menu li.active-trail a.icon-right:after {
  color: #78909c;
}
.theme-dark #drawer .menu li.active a.services-icon-left:before, .theme-dark #drawer .menu li.active a.services-icon-right:after, .theme-dark #drawer .menu li.active-trail a.services-icon-left:before, .theme-dark #drawer .menu li.active-trail a.services-icon-right:after {
  background: #78909c;
}
.theme-dark .sidebar .menu li a {
  color: #FFF;
}
.theme-dark .sidebar .menu li a:hover {
  background: #515151;
}
.theme-dark .sidebar .menu li.active a {
  color: #78909c;
}
.theme-dark .sidebar .menu .collapsed > a:after, .theme-dark .sidebar .menu .expanded > a:after {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .block-search.search-persistent form .form-item.focused input[type=text] {
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .block-search.search-persistent form .form-item.focused input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.theme-dark .tabs ul li a, .theme-dark ul.tabs li a {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .tabs ul li a:hover, .theme-dark ul.tabs li a:hover {
  border-color: rgba(120, 144, 156, 0.5);
}
.theme-dark .tabs ul li.active a, .theme-dark .tabs ul li a.active, .theme-dark ul.tabs li.active a, .theme-dark ul.tabs li a.active {
  border-color: #78909c;
  color: #78909c;
}
.theme-dark .tabs ul li.active a:hover, .theme-dark .tabs ul li a.active:hover, .theme-dark ul.tabs li.active a:hover, .theme-dark ul.tabs li a.active:hover {
  border-color: #78909c;
}
.theme-dark .card {
  background: #424242;
}
.theme-dark .card-main {
  border-bottom-color: rgba(255, 255, 255, 0.12);
  background: #424242;
}
.theme-dark.content-card .card-holder {
  background: #424242;
}
.theme-dark .card-bg-primary {
  background: #607d8b;
  color: #FFF;
}
.theme-dark .card-bg-accent {
  background: #00b0ff;
  color: rgba(0, 0, 0, 0.87);
}
.theme-dark .collapsible-toggle:before {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .collapsible-toggle span {
  color: #40c4ff;
  border-color: #40c4ff;
}
.theme-dark .collapsible-toggle span:hover {
  color: #5fcdff;
  border-color: #5fcdff;
}
.theme-dark .collapsible-toggle span:active {
  color: #80d8ff;
  border-color: #80d8ff;
}
.theme-dark .collapsible-content {
  border-color: rgba(255, 255, 255, 0.12);
}
.theme-dark .menu-dropdown {
  background: #424242;
}
.theme-dark .menu-dropdown li a {
  color: #FFF;
}
.theme-dark .menu-dropdown li a:hover {
  background: #515151;
  color: #FFF;
}
.theme-dark .pager .pager-item.item-ellipsis > a:before, .theme-dark .pager .pager-item.item-ellipsis > span:before, .theme-dark .pager .pager-item.item-current > a:before, .theme-dark .pager .pager-item.item-current > span:before {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .pager .pager-item.item-current > a, .theme-dark .pager .pager-item.item-current > span {
  color: #78909c;
}
.theme-dark .pager .pager-item.item-first > span:before, .theme-dark .pager .pager-item.item-previous > span:before, .theme-dark .pager .pager-item.item-next > span:before, .theme-dark .pager .pager-item.item-last > span:before {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .card-actions .pager .pager-item.item-previous > a:before, .theme-dark .card-actions .pager .pager-item.item-next > a:before {
  color: #FFF;
}
.theme-dark .card-actions .pager-summary {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .messages-status {
  background: #1b5e20;
}
.theme-dark .messages-status:before {
  color: #66bb6a;
}
.theme-dark .messages-status a {
  color: #00c853;
}
.theme-dark .messages-status a:hover {
  color: #00d759;
}
.theme-dark .messages-status a:active {
  color: #00e760;
}
.theme-dark .messages-warning {
  background: #f57f17;
}
.theme-dark .messages-warning:before {
  color: #ffee58;
}
.theme-dark .messages-warning a {
  color: #ffff00;
}
.theme-dark .messages-warning a:hover {
  color: #ffff0f;
}
.theme-dark .messages-warning a:active {
  color: #ffff1f;
}
.theme-dark .messages-error {
  background: #b71c1c;
}
.theme-dark .messages-error:before {
  color: #e57373;
}
.theme-dark .messages-error a {
  color: #ff8a80;
}
.theme-dark .messages-error a:hover {
  color: #ff988f;
}
.theme-dark .messages-error a:active {
  color: #ffa69f;
}
/*# sourceMappingURL=../css/theme-dark.css.map */

/*})'"*/
/* break points */
/* mixins and functions */
.material-icons, .icon-right:after, .icon-left:before {
  font-family: "Material Icons", "Material Icons Local";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.material-icons.fs-18, .fs-18.icon-right:after, .fs-18.icon-left:before {
  font-size: 18px;
}

.material-icons.fs-24, .fs-24.icon-right:after, .fs-24.icon-left:before {
  font-size: 24px;
}

.material-icons.fs-36, .fs-36.icon-right:after, .fs-36.icon-left:before {
  font-size: 36px;
}

.material-icons.fs-48, .fs-48.icon-right:after, .fs-48.icon-left:before {
  font-size: 48px;
}

.icon-dark.icon-left:before, .icon-dark.icon-right:after {
  color: rgba(0, 0, 0, 0.87) !important;
}

.icon-secondary.icon-left:before, .icon-secondary.icon-right:after {
  color: rgba(0, 0, 0, 0.54);
}

.icon-disabled.icon-left:before, .icon-disabled.icon-right:after {
  color: rgba(0, 0, 0, 0.26);
}

.icon-light.icon-left:before, .icon-light.icon-right:after {
  color: #FFF !important;
}

.icon-light.icon-disabled.icon-left:before, .icon-light.icon-disabled.icon-right:after {
  color: rgba(255, 255, 255, 0.3) !important;
}

.icon-primary.icon-left:before, .icon-primary.icon-right:after {
  color: #607d8b;
}

.icon-accent.icon-left:before, .icon-accent.icon-right:after {
  color: #00b0ff;
}

.icon-left:before {
  content: attr(data-icon);
  margin-right: 12px;
  float: left;
}

.icon-right:after {
  content: attr(data-icon);
  margin-left: 12px;
  float: right;
}

.theme-dark .icon-secondary.icon-left:before, .theme-dark .icon-secondary.icon-right:after {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .icon-disabled.icon-left:before, .theme-dark .icon-disabled.icon-right:after {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .icon-primary.icon-left:before, .theme-dark .icon-primary.icon-right:after {
  color: #78909c;
}
.theme-dark .icon-accent.icon-left:before, .theme-dark .icon-accent.icon-right:after {
  color: #40c4ff;
}
/*# sourceMappingURL=../css/icons.css.map */

/*})'"*/
/* break points */
/* mixins and functions */
.services-icons {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
  opacity: 0.87;
}

.services-icons.icon-secondary {
  opacity: 0.54;
}

.services-icons.icon-disabled {
  opacity: 0.26;
}

.services-icons.si-android, .services-icons[data-icon=android] {
  background-position: -24px -192px;
}
.services-icons.si-apple, .services-icons[data-icon=apple] {
  background-position: -48px -192px;
}
.services-icons.si-behance, .services-icons[data-icon=behance] {
  background-position: -144px -48px;
}
.services-icons.si-bitbucket, .services-icons[data-icon=bitbucket] {
  background-position: -24px -120px;
}
.services-icons.si-blogger, .services-icons[data-icon=blogger] {
  background-position: -168px -48px;
}
.services-icons.si-digg, .services-icons[data-icon=digg] {
  background-position: -120px -72px;
}
.services-icons.si-discord, .services-icons[data-icon=discord] {
  background-position: -192px -192px;
}
.services-icons.si-disqus, .services-icons[data-icon=disqus] {
  background-position: -24px -96px;
}
.services-icons.si-disqus_outline, .services-icons[data-icon=disqus_outline] {
  background-position: 0 -96px;
}
.services-icons.si-disqus-outline, .services-icons[data-icon=disqus-outline] {
  background-position: 0 -96px;
}
.services-icons.si-dribbble, .services-icons[data-icon=dribbble] {
  background-position: -192px -48px;
}
.services-icons.si-dribbble_box, .services-icons[data-icon=dribbble_box] {
  background-position: -216px -48px;
}
.services-icons.si-dribbble-box, .services-icons[data-icon=dribbble-box] {
  background-position: -216px -48px;
}
.services-icons.si-drupal, .services-icons[data-icon=drupal] {
  background-position: -96px -120px;
}
.services-icons.si-evernote, .services-icons[data-icon=evernote] {
  background-position: -216px -72px;
}
.services-icons.si-facebook, .services-icons[data-icon=facebook] {
  background-position: 0 0;
}
.services-icons.si-facebook-box, .services-icons[data-icon=facebook-box] {
  background-position: 0 0;
}
.services-icons.si-facebook-messenger, .services-icons[data-icon=facebook-messenger] {
  background-position: -144px -120px;
}
.services-icons.si-facetime, .services-icons[data-icon=facetime] {
  background-position: -216px -168px;
}
.services-icons.si-fiverr, .services-icons[data-icon=fiverr] {
  background-position: -48px -216px;
}
.services-icons.si-flickr, .services-icons[data-icon=flickr] {
  background-position: -96px -96px;
}
.services-icons.si-foursquare, .services-icons[data-icon=foursquare] {
  background-position: -48px -96px;
}
.services-icons.si-github, .services-icons[data-icon=github] {
  background-position: 0 -120px;
}
.services-icons.si-github-box, .services-icons[data-icon=github-box] {
  background-position: 0 -120px;
}
.services-icons.si-gitlab, .services-icons[data-icon=gitlab] {
  background-position: 0 -216px;
}
.services-icons.si-google, .services-icons[data-icon=google] {
  background-position: -96px 0;
}
.services-icons.si-google-plus, .services-icons[data-icon=google-plus] {
  background-position: -96px 0;
}
.services-icons.si-google-chat, .services-icons[data-icon=google-chat] {
  background-position: -120px -168px;
}
.services-icons.si-google-meet, .services-icons[data-icon=google-meet] {
  background-position: -144px -168px;
}
.services-icons.si-google-photos, .services-icons[data-icon=google-photos] {
  background-position: -120px -96px;
}
.services-icons.si-google-play, .services-icons[data-icon=google-play] {
  background-position: 0 -192px;
}
.services-icons.si-google_circle, .services-icons[data-icon=google_circle] {
  background-position: -120px 0;
}
.services-icons.si-google-plus-box, .services-icons[data-icon=google-plus-box] {
  background-position: -120px 0;
}
.services-icons.si-imessage, .services-icons[data-icon=imessage] {
  background-position: -192px -168px;
}
.services-icons.si-imo, .services-icons[data-icon=imo] {
  background-position: 0 -168px;
}
.services-icons.si-instagram, .services-icons[data-icon=instagram] {
  background-position: 0 -24px;
}
.services-icons.si-instagram_circle, .services-icons[data-icon=instagram_circle] {
  background-position: -24px -24px;
}
.services-icons.si-instagram-box, .services-icons[data-icon=instagram-box] {
  background-position: -24px -24px;
}
.services-icons.si-kakaotalk, .services-icons[data-icon=kakaotalk] {
  background-position: -48px -168px;
}
.services-icons.si-kuaishou, .services-icons[data-icon=kuaishou] {
  background-position: -144px -192px;
}
.services-icons.si-lastfm, .services-icons[data-icon=lastfm] {
  background-position: -144px -96px;
}
.services-icons.si-lastfm_box, .services-icons[data-icon=lastfm_box] {
  background-position: -144px -72px;
}
.services-icons.si-likee, .services-icons[data-icon=likee] {
  background-position: -96px -216px;
}
.services-icons.si-line, .services-icons[data-icon=line] {
  background-position: -72px -168px;
}
.services-icons.si-line_box, .services-icons[data-icon=line_box] {
  background-position: -72px -144px;
}
.services-icons.si-linkedin, .services-icons[data-icon=linkedin] {
  background-position: -144px 0;
}
.services-icons.si-linkedin_box, .services-icons[data-icon=linkedin_box] {
  background-position: -168px 0;
}
.services-icons.si-linkedin-box, .services-icons[data-icon=linkedin-box] {
  background-position: -168px 0;
}
.services-icons.si-livejournal, .services-icons[data-icon=livejournal] {
  background-position: -192px -72px;
}
.services-icons.si-medium, .services-icons[data-icon=medium] {
  background-position: 0 -72px;
}
.services-icons.si-microsoft-teams, .services-icons[data-icon=microsoft-teams] {
  background-position: -168px -168px;
}
.services-icons.si-odnoklassniki, .services-icons[data-icon=odnoklassniki] {
  background-position: -96px -24px;
}
.services-icons.si-odnoklassniki_box, .services-icons[data-icon=odnoklassniki_box] {
  background-position: -120px -24px;
}
.services-icons.si-odnoklassniki-box, .services-icons[data-icon=odnoklassniki-box] {
  background-position: -120px -24px;
}
.services-icons.si-periscope, .services-icons[data-icon=periscope] {
  background-position: -120px -48px;
}
.services-icons.si-picsart, .services-icons[data-icon=picsart] {
  background-position: -72px -216px;
}
.services-icons.si-pinterest, .services-icons[data-icon=pinterest] {
  background-position: -192px 0;
}
.services-icons.si-pinterest-box, .services-icons[data-icon=pinterest-box] {
  background-position: -192px 0;
}
.services-icons.si-pocket, .services-icons[data-icon=pocket] {
  background-position: -24px -72px;
}
.services-icons.si-qqchat, .services-icons[data-icon=qqchat] {
  background-position: -96px -144px;
}
.services-icons.si-quora, .services-icons[data-icon=quora] {
  background-position: -216px -192px;
}
.services-icons.si-qzone, .services-icons[data-icon=qzone] {
  background-position: -216px -24px;
}
.services-icons.si-reddit, .services-icons[data-icon=reddit] {
  background-position: -48px -72px;
}
.services-icons.si-renren, .services-icons[data-icon=renren] {
  background-position: -24px -48px;
}
.services-icons.si-signal, .services-icons[data-icon=signal] {
  background-position: -24px -168px;
}
.services-icons.si-sina-weibo, .services-icons[data-icon=sina-weibo] {
  background-position: -192px -24px;
}
.services-icons.si-skype, .services-icons[data-icon=skype] {
  background-position: 0 -144px;
}
.services-icons.si-skype-outline, .services-icons[data-icon=skype-outline] {
  background-position: 0 -144px;
}
.services-icons.si-slack, .services-icons[data-icon=slack] {
  background-position: -144px -144px;
}
.services-icons.si-snapchat, .services-icons[data-icon=snapchat] {
  background-position: -120px -144px;
}
.services-icons.si-snapchat_outlined, .services-icons[data-icon=snapchat_outlined] {
  background-position: -168px -72px;
}
.services-icons.si-soundcloud, .services-icons[data-icon=soundcloud] {
  background-position: -168px -96px;
}
.services-icons.si-spotify, .services-icons[data-icon=spotify] {
  background-position: -192px -96px;
}
.services-icons.si-stackexchange, .services-icons[data-icon=stackexchange] {
  background-position: -48px -120px;
}
.services-icons.si-stackoverflow, .services-icons[data-icon=stackoverflow] {
  background-position: -72px -120px;
}
.services-icons.si-swarm, .services-icons[data-icon=swarm] {
  background-position: -72px -96px;
}
.services-icons.si-telegram, .services-icons[data-icon=telegram] {
  background-position: -216px -120px;
}
.services-icons.si-tieba, .services-icons[data-icon=tieba] {
  background-position: -120px -192px;
}
.services-icons.si-tiktok, .services-icons[data-icon=tiktok] {
  background-position: -168px -192px;
}
.services-icons.si-trello, .services-icons[data-icon=trello] {
  background-position: -216px -96px;
}
.services-icons.si-tumblr, .services-icons[data-icon=tumblr] {
  background-position: -72px -72px;
}
.services-icons.si-tumblr_box, .services-icons[data-icon=tumblr_box] {
  background-position: 0 -48px;
}
.services-icons.si-twitch, .services-icons[data-icon=twitch] {
  background-position: -96px -72px;
}
.services-icons.si-twitter, .services-icons[data-icon=twitter] {
  background-position: -48px 0;
}
.services-icons.si-twitter_circle, .services-icons[data-icon=twitter_circle] {
  background-position: -72px 0;
}
.services-icons.si-twitter-box, .services-icons[data-icon=twitter-box] {
  background-position: -72px 0;
}
.services-icons.si-upwork, .services-icons[data-icon=upwork] {
  background-position: -24px -216px;
}
.services-icons.si-viber, .services-icons[data-icon=viber] {
  background-position: -192px -120px;
}
.services-icons.si-vimeo, .services-icons[data-icon=vimeo] {
  background-position: -72px -48px;
}
.services-icons.si-vimeo_box, .services-icons[data-icon=vimeo_box] {
  background-position: -96px -48px;
}
.services-icons.si-vk, .services-icons[data-icon=vk] {
  background-position: -48px -24px;
}
.services-icons.si-vk-box, .services-icons[data-icon=vk-box] {
  background-position: -48px -24px;
}
.services-icons.si-wechat, .services-icons[data-icon=wechat] {
  background-position: -48px -144px;
}
.services-icons.si-whatsapp, .services-icons[data-icon=whatsapp] {
  background-position: -168px -120px;
}
.services-icons.si-wordpress, .services-icons[data-icon=wordpress] {
  background-position: -120px -120px;
}
.services-icons.si-xing, .services-icons[data-icon=xing] {
  background-position: -144px -24px;
}
.services-icons.si-xing_box, .services-icons[data-icon=xing_box] {
  background-position: -168px -24px;
}
.services-icons.si-xing-box, .services-icons[data-icon=xing-box] {
  background-position: -168px -24px;
}
.services-icons.si-yandex, .services-icons[data-icon=yandex] {
  background-position: -72px -192px;
}
.services-icons.si-yandex_ru, .services-icons[data-icon=yandex_ru] {
  background-position: -96px -192px;
}
.services-icons.si-youtube, .services-icons[data-icon=youtube] {
  background-position: -48px -48px;
}
.services-icons.si-zoom, .services-icons[data-icon=zoom] {
  background-position: -96px -168px;
}

.services-icons.icon-dark {
  background: rgba(0, 0, 0, 0.87) !important;
}

.services-icons.icon-light {
  background: #FFF !important;
}

.services-icons.icon-light.icon-disabled {
  background: rgba(255, 255, 255, 0.3) !important;
}

.services-icons.icon-primary {
  background: #607d8b;
}

.services-icons.icon-accent {
  background: #00b0ff;
}

.btn .services-icons, .btn .services-icons:hover, .btn .services-icons:focus {
  background: rgba(0, 0, 0, 0.87);
}

.btn-colored .services-icons, .btn-colored:hover .services-icons, .btn-colored:focus .services-icons, .btn.btn-colored .services-icons, .btn.btn-colored:hover .services-icons, .btn.btn-colored:focus .services-icons {
  background: #546e7a;
}

.btn-accent .services-icons, .btn-accent:hover .services-icons, .btn-accent:focus .services-icons, .btn.btn-accent .services-icons, .btn.btn-accent:hover .services-icons, .btn.btn-accent:focus .services-icons {
  background: #00b0ff;
}

.btn-raised.btn-colored .services-icons, .btn-raised.btn-colored:hover .services-icons, .btn-raised.btn-colored:focus .services-icons, .btn.btn-raised.btn-colored .services-icons, .btn.btn-raised.btn-colored:hover .services-icons, .btn.btn-raised.btn-colored:focus .services-icons {
  background: #FFF;
}
.btn-raised.btn-accent .services-icons, .btn-raised.btn-accent:hover .services-icons, .btn-raised.btn-accent:focus .services-icons, .btn.btn-raised.btn-accent .services-icons, .btn.btn-raised.btn-accent:hover .services-icons, .btn.btn-raised.btn-accent:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}

.btn.btn-disabled .services-icons, .btn.btn-disabled:hover .services-icons, .btn.btn-disabled:focus .services-icons, .btn.btn-disabled:active .services-icons {
  background: rgba(0, 0, 0, 0.26);
}

.fab .services-icons, .fab:hover .services-icons, .fab:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}
.fab.fab-colored .services-icons, .fab.fab-colored:hover .services-icons, .fab.fab-colored:focus .services-icons {
  background: #FFF;
}
.fab.fab-accent .services-icons, .fab.fab-accent:hover .services-icons, .fab.fab-accent:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}

.services-icons.icon-dark,
.services-icons.icon-light,
.services-icons.icon-primary,
.services-icons.icon-accent,
.btn .services-icons, .fab .services-icons,
.theme-dark .services-icons {
  opacity: 1;
  -webkit-mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
          mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
}
.services-icons.icon-dark.si-android, .services-icons.icon-dark[data-icon=android],
.services-icons.icon-light.si-android,
.services-icons.icon-light[data-icon=android],
.services-icons.icon-primary.si-android,
.services-icons.icon-primary[data-icon=android],
.services-icons.icon-accent.si-android,
.services-icons.icon-accent[data-icon=android],
.btn .services-icons.si-android,
.btn .services-icons[data-icon=android], .fab .services-icons.si-android, .fab .services-icons[data-icon=android],
.theme-dark .services-icons.si-android,
.theme-dark .services-icons[data-icon=android] {
  -webkit-mask-position: -24px -192px;
          mask-position: -24px -192px;
}
.services-icons.icon-dark.si-apple, .services-icons.icon-dark[data-icon=apple],
.services-icons.icon-light.si-apple,
.services-icons.icon-light[data-icon=apple],
.services-icons.icon-primary.si-apple,
.services-icons.icon-primary[data-icon=apple],
.services-icons.icon-accent.si-apple,
.services-icons.icon-accent[data-icon=apple],
.btn .services-icons.si-apple,
.btn .services-icons[data-icon=apple], .fab .services-icons.si-apple, .fab .services-icons[data-icon=apple],
.theme-dark .services-icons.si-apple,
.theme-dark .services-icons[data-icon=apple] {
  -webkit-mask-position: -48px -192px;
          mask-position: -48px -192px;
}
.services-icons.icon-dark.si-behance, .services-icons.icon-dark[data-icon=behance],
.services-icons.icon-light.si-behance,
.services-icons.icon-light[data-icon=behance],
.services-icons.icon-primary.si-behance,
.services-icons.icon-primary[data-icon=behance],
.services-icons.icon-accent.si-behance,
.services-icons.icon-accent[data-icon=behance],
.btn .services-icons.si-behance,
.btn .services-icons[data-icon=behance], .fab .services-icons.si-behance, .fab .services-icons[data-icon=behance],
.theme-dark .services-icons.si-behance,
.theme-dark .services-icons[data-icon=behance] {
  -webkit-mask-position: -144px -48px;
          mask-position: -144px -48px;
}
.services-icons.icon-dark.si-bitbucket, .services-icons.icon-dark[data-icon=bitbucket],
.services-icons.icon-light.si-bitbucket,
.services-icons.icon-light[data-icon=bitbucket],
.services-icons.icon-primary.si-bitbucket,
.services-icons.icon-primary[data-icon=bitbucket],
.services-icons.icon-accent.si-bitbucket,
.services-icons.icon-accent[data-icon=bitbucket],
.btn .services-icons.si-bitbucket,
.btn .services-icons[data-icon=bitbucket], .fab .services-icons.si-bitbucket, .fab .services-icons[data-icon=bitbucket],
.theme-dark .services-icons.si-bitbucket,
.theme-dark .services-icons[data-icon=bitbucket] {
  -webkit-mask-position: -24px -120px;
          mask-position: -24px -120px;
}
.services-icons.icon-dark.si-blogger, .services-icons.icon-dark[data-icon=blogger],
.services-icons.icon-light.si-blogger,
.services-icons.icon-light[data-icon=blogger],
.services-icons.icon-primary.si-blogger,
.services-icons.icon-primary[data-icon=blogger],
.services-icons.icon-accent.si-blogger,
.services-icons.icon-accent[data-icon=blogger],
.btn .services-icons.si-blogger,
.btn .services-icons[data-icon=blogger], .fab .services-icons.si-blogger, .fab .services-icons[data-icon=blogger],
.theme-dark .services-icons.si-blogger,
.theme-dark .services-icons[data-icon=blogger] {
  -webkit-mask-position: -168px -48px;
          mask-position: -168px -48px;
}
.services-icons.icon-dark.si-digg, .services-icons.icon-dark[data-icon=digg],
.services-icons.icon-light.si-digg,
.services-icons.icon-light[data-icon=digg],
.services-icons.icon-primary.si-digg,
.services-icons.icon-primary[data-icon=digg],
.services-icons.icon-accent.si-digg,
.services-icons.icon-accent[data-icon=digg],
.btn .services-icons.si-digg,
.btn .services-icons[data-icon=digg], .fab .services-icons.si-digg, .fab .services-icons[data-icon=digg],
.theme-dark .services-icons.si-digg,
.theme-dark .services-icons[data-icon=digg] {
  -webkit-mask-position: -120px -72px;
          mask-position: -120px -72px;
}
.services-icons.icon-dark.si-discord, .services-icons.icon-dark[data-icon=discord],
.services-icons.icon-light.si-discord,
.services-icons.icon-light[data-icon=discord],
.services-icons.icon-primary.si-discord,
.services-icons.icon-primary[data-icon=discord],
.services-icons.icon-accent.si-discord,
.services-icons.icon-accent[data-icon=discord],
.btn .services-icons.si-discord,
.btn .services-icons[data-icon=discord], .fab .services-icons.si-discord, .fab .services-icons[data-icon=discord],
.theme-dark .services-icons.si-discord,
.theme-dark .services-icons[data-icon=discord] {
  -webkit-mask-position: -192px -192px;
          mask-position: -192px -192px;
}
.services-icons.icon-dark.si-disqus, .services-icons.icon-dark[data-icon=disqus],
.services-icons.icon-light.si-disqus,
.services-icons.icon-light[data-icon=disqus],
.services-icons.icon-primary.si-disqus,
.services-icons.icon-primary[data-icon=disqus],
.services-icons.icon-accent.si-disqus,
.services-icons.icon-accent[data-icon=disqus],
.btn .services-icons.si-disqus,
.btn .services-icons[data-icon=disqus], .fab .services-icons.si-disqus, .fab .services-icons[data-icon=disqus],
.theme-dark .services-icons.si-disqus,
.theme-dark .services-icons[data-icon=disqus] {
  -webkit-mask-position: -24px -96px;
          mask-position: -24px -96px;
}
.services-icons.icon-dark.si-disqus_outline, .services-icons.icon-dark[data-icon=disqus_outline],
.services-icons.icon-light.si-disqus_outline,
.services-icons.icon-light[data-icon=disqus_outline],
.services-icons.icon-primary.si-disqus_outline,
.services-icons.icon-primary[data-icon=disqus_outline],
.services-icons.icon-accent.si-disqus_outline,
.services-icons.icon-accent[data-icon=disqus_outline],
.btn .services-icons.si-disqus_outline,
.btn .services-icons[data-icon=disqus_outline], .fab .services-icons.si-disqus_outline, .fab .services-icons[data-icon=disqus_outline],
.theme-dark .services-icons.si-disqus_outline,
.theme-dark .services-icons[data-icon=disqus_outline] {
  -webkit-mask-position: 0 -96px;
          mask-position: 0 -96px;
}
.services-icons.icon-dark.si-disqus-outline, .services-icons.icon-dark[data-icon=disqus-outline],
.services-icons.icon-light.si-disqus-outline,
.services-icons.icon-light[data-icon=disqus-outline],
.services-icons.icon-primary.si-disqus-outline,
.services-icons.icon-primary[data-icon=disqus-outline],
.services-icons.icon-accent.si-disqus-outline,
.services-icons.icon-accent[data-icon=disqus-outline],
.btn .services-icons.si-disqus-outline,
.btn .services-icons[data-icon=disqus-outline], .fab .services-icons.si-disqus-outline, .fab .services-icons[data-icon=disqus-outline],
.theme-dark .services-icons.si-disqus-outline,
.theme-dark .services-icons[data-icon=disqus-outline] {
  -webkit-mask-position: 0 -96px;
          mask-position: 0 -96px;
}
.services-icons.icon-dark.si-dribbble, .services-icons.icon-dark[data-icon=dribbble],
.services-icons.icon-light.si-dribbble,
.services-icons.icon-light[data-icon=dribbble],
.services-icons.icon-primary.si-dribbble,
.services-icons.icon-primary[data-icon=dribbble],
.services-icons.icon-accent.si-dribbble,
.services-icons.icon-accent[data-icon=dribbble],
.btn .services-icons.si-dribbble,
.btn .services-icons[data-icon=dribbble], .fab .services-icons.si-dribbble, .fab .services-icons[data-icon=dribbble],
.theme-dark .services-icons.si-dribbble,
.theme-dark .services-icons[data-icon=dribbble] {
  -webkit-mask-position: -192px -48px;
          mask-position: -192px -48px;
}
.services-icons.icon-dark.si-dribbble_box, .services-icons.icon-dark[data-icon=dribbble_box],
.services-icons.icon-light.si-dribbble_box,
.services-icons.icon-light[data-icon=dribbble_box],
.services-icons.icon-primary.si-dribbble_box,
.services-icons.icon-primary[data-icon=dribbble_box],
.services-icons.icon-accent.si-dribbble_box,
.services-icons.icon-accent[data-icon=dribbble_box],
.btn .services-icons.si-dribbble_box,
.btn .services-icons[data-icon=dribbble_box], .fab .services-icons.si-dribbble_box, .fab .services-icons[data-icon=dribbble_box],
.theme-dark .services-icons.si-dribbble_box,
.theme-dark .services-icons[data-icon=dribbble_box] {
  -webkit-mask-position: -216px -48px;
          mask-position: -216px -48px;
}
.services-icons.icon-dark.si-dribbble-box, .services-icons.icon-dark[data-icon=dribbble-box],
.services-icons.icon-light.si-dribbble-box,
.services-icons.icon-light[data-icon=dribbble-box],
.services-icons.icon-primary.si-dribbble-box,
.services-icons.icon-primary[data-icon=dribbble-box],
.services-icons.icon-accent.si-dribbble-box,
.services-icons.icon-accent[data-icon=dribbble-box],
.btn .services-icons.si-dribbble-box,
.btn .services-icons[data-icon=dribbble-box], .fab .services-icons.si-dribbble-box, .fab .services-icons[data-icon=dribbble-box],
.theme-dark .services-icons.si-dribbble-box,
.theme-dark .services-icons[data-icon=dribbble-box] {
  -webkit-mask-position: -216px -48px;
          mask-position: -216px -48px;
}
.services-icons.icon-dark.si-drupal, .services-icons.icon-dark[data-icon=drupal],
.services-icons.icon-light.si-drupal,
.services-icons.icon-light[data-icon=drupal],
.services-icons.icon-primary.si-drupal,
.services-icons.icon-primary[data-icon=drupal],
.services-icons.icon-accent.si-drupal,
.services-icons.icon-accent[data-icon=drupal],
.btn .services-icons.si-drupal,
.btn .services-icons[data-icon=drupal], .fab .services-icons.si-drupal, .fab .services-icons[data-icon=drupal],
.theme-dark .services-icons.si-drupal,
.theme-dark .services-icons[data-icon=drupal] {
  -webkit-mask-position: -96px -120px;
          mask-position: -96px -120px;
}
.services-icons.icon-dark.si-evernote, .services-icons.icon-dark[data-icon=evernote],
.services-icons.icon-light.si-evernote,
.services-icons.icon-light[data-icon=evernote],
.services-icons.icon-primary.si-evernote,
.services-icons.icon-primary[data-icon=evernote],
.services-icons.icon-accent.si-evernote,
.services-icons.icon-accent[data-icon=evernote],
.btn .services-icons.si-evernote,
.btn .services-icons[data-icon=evernote], .fab .services-icons.si-evernote, .fab .services-icons[data-icon=evernote],
.theme-dark .services-icons.si-evernote,
.theme-dark .services-icons[data-icon=evernote] {
  -webkit-mask-position: -216px -72px;
          mask-position: -216px -72px;
}
.services-icons.icon-dark.si-facebook, .services-icons.icon-dark[data-icon=facebook],
.services-icons.icon-light.si-facebook,
.services-icons.icon-light[data-icon=facebook],
.services-icons.icon-primary.si-facebook,
.services-icons.icon-primary[data-icon=facebook],
.services-icons.icon-accent.si-facebook,
.services-icons.icon-accent[data-icon=facebook],
.btn .services-icons.si-facebook,
.btn .services-icons[data-icon=facebook], .fab .services-icons.si-facebook, .fab .services-icons[data-icon=facebook],
.theme-dark .services-icons.si-facebook,
.theme-dark .services-icons[data-icon=facebook] {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}
.services-icons.icon-dark.si-facebook-box, .services-icons.icon-dark[data-icon=facebook-box],
.services-icons.icon-light.si-facebook-box,
.services-icons.icon-light[data-icon=facebook-box],
.services-icons.icon-primary.si-facebook-box,
.services-icons.icon-primary[data-icon=facebook-box],
.services-icons.icon-accent.si-facebook-box,
.services-icons.icon-accent[data-icon=facebook-box],
.btn .services-icons.si-facebook-box,
.btn .services-icons[data-icon=facebook-box], .fab .services-icons.si-facebook-box, .fab .services-icons[data-icon=facebook-box],
.theme-dark .services-icons.si-facebook-box,
.theme-dark .services-icons[data-icon=facebook-box] {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}
.services-icons.icon-dark.si-facebook-messenger, .services-icons.icon-dark[data-icon=facebook-messenger],
.services-icons.icon-light.si-facebook-messenger,
.services-icons.icon-light[data-icon=facebook-messenger],
.services-icons.icon-primary.si-facebook-messenger,
.services-icons.icon-primary[data-icon=facebook-messenger],
.services-icons.icon-accent.si-facebook-messenger,
.services-icons.icon-accent[data-icon=facebook-messenger],
.btn .services-icons.si-facebook-messenger,
.btn .services-icons[data-icon=facebook-messenger], .fab .services-icons.si-facebook-messenger, .fab .services-icons[data-icon=facebook-messenger],
.theme-dark .services-icons.si-facebook-messenger,
.theme-dark .services-icons[data-icon=facebook-messenger] {
  -webkit-mask-position: -144px -120px;
          mask-position: -144px -120px;
}
.services-icons.icon-dark.si-facetime, .services-icons.icon-dark[data-icon=facetime],
.services-icons.icon-light.si-facetime,
.services-icons.icon-light[data-icon=facetime],
.services-icons.icon-primary.si-facetime,
.services-icons.icon-primary[data-icon=facetime],
.services-icons.icon-accent.si-facetime,
.services-icons.icon-accent[data-icon=facetime],
.btn .services-icons.si-facetime,
.btn .services-icons[data-icon=facetime], .fab .services-icons.si-facetime, .fab .services-icons[data-icon=facetime],
.theme-dark .services-icons.si-facetime,
.theme-dark .services-icons[data-icon=facetime] {
  -webkit-mask-position: -216px -168px;
          mask-position: -216px -168px;
}
.services-icons.icon-dark.si-fiverr, .services-icons.icon-dark[data-icon=fiverr],
.services-icons.icon-light.si-fiverr,
.services-icons.icon-light[data-icon=fiverr],
.services-icons.icon-primary.si-fiverr,
.services-icons.icon-primary[data-icon=fiverr],
.services-icons.icon-accent.si-fiverr,
.services-icons.icon-accent[data-icon=fiverr],
.btn .services-icons.si-fiverr,
.btn .services-icons[data-icon=fiverr], .fab .services-icons.si-fiverr, .fab .services-icons[data-icon=fiverr],
.theme-dark .services-icons.si-fiverr,
.theme-dark .services-icons[data-icon=fiverr] {
  -webkit-mask-position: -48px -216px;
          mask-position: -48px -216px;
}
.services-icons.icon-dark.si-flickr, .services-icons.icon-dark[data-icon=flickr],
.services-icons.icon-light.si-flickr,
.services-icons.icon-light[data-icon=flickr],
.services-icons.icon-primary.si-flickr,
.services-icons.icon-primary[data-icon=flickr],
.services-icons.icon-accent.si-flickr,
.services-icons.icon-accent[data-icon=flickr],
.btn .services-icons.si-flickr,
.btn .services-icons[data-icon=flickr], .fab .services-icons.si-flickr, .fab .services-icons[data-icon=flickr],
.theme-dark .services-icons.si-flickr,
.theme-dark .services-icons[data-icon=flickr] {
  -webkit-mask-position: -96px -96px;
          mask-position: -96px -96px;
}
.services-icons.icon-dark.si-foursquare, .services-icons.icon-dark[data-icon=foursquare],
.services-icons.icon-light.si-foursquare,
.services-icons.icon-light[data-icon=foursquare],
.services-icons.icon-primary.si-foursquare,
.services-icons.icon-primary[data-icon=foursquare],
.services-icons.icon-accent.si-foursquare,
.services-icons.icon-accent[data-icon=foursquare],
.btn .services-icons.si-foursquare,
.btn .services-icons[data-icon=foursquare], .fab .services-icons.si-foursquare, .fab .services-icons[data-icon=foursquare],
.theme-dark .services-icons.si-foursquare,
.theme-dark .services-icons[data-icon=foursquare] {
  -webkit-mask-position: -48px -96px;
          mask-position: -48px -96px;
}
.services-icons.icon-dark.si-github, .services-icons.icon-dark[data-icon=github],
.services-icons.icon-light.si-github,
.services-icons.icon-light[data-icon=github],
.services-icons.icon-primary.si-github,
.services-icons.icon-primary[data-icon=github],
.services-icons.icon-accent.si-github,
.services-icons.icon-accent[data-icon=github],
.btn .services-icons.si-github,
.btn .services-icons[data-icon=github], .fab .services-icons.si-github, .fab .services-icons[data-icon=github],
.theme-dark .services-icons.si-github,
.theme-dark .services-icons[data-icon=github] {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px;
}
.services-icons.icon-dark.si-github-box, .services-icons.icon-dark[data-icon=github-box],
.services-icons.icon-light.si-github-box,
.services-icons.icon-light[data-icon=github-box],
.services-icons.icon-primary.si-github-box,
.services-icons.icon-primary[data-icon=github-box],
.services-icons.icon-accent.si-github-box,
.services-icons.icon-accent[data-icon=github-box],
.btn .services-icons.si-github-box,
.btn .services-icons[data-icon=github-box], .fab .services-icons.si-github-box, .fab .services-icons[data-icon=github-box],
.theme-dark .services-icons.si-github-box,
.theme-dark .services-icons[data-icon=github-box] {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px;
}
.services-icons.icon-dark.si-gitlab, .services-icons.icon-dark[data-icon=gitlab],
.services-icons.icon-light.si-gitlab,
.services-icons.icon-light[data-icon=gitlab],
.services-icons.icon-primary.si-gitlab,
.services-icons.icon-primary[data-icon=gitlab],
.services-icons.icon-accent.si-gitlab,
.services-icons.icon-accent[data-icon=gitlab],
.btn .services-icons.si-gitlab,
.btn .services-icons[data-icon=gitlab], .fab .services-icons.si-gitlab, .fab .services-icons[data-icon=gitlab],
.theme-dark .services-icons.si-gitlab,
.theme-dark .services-icons[data-icon=gitlab] {
  -webkit-mask-position: 0 -216px;
          mask-position: 0 -216px;
}
.services-icons.icon-dark.si-google, .services-icons.icon-dark[data-icon=google],
.services-icons.icon-light.si-google,
.services-icons.icon-light[data-icon=google],
.services-icons.icon-primary.si-google,
.services-icons.icon-primary[data-icon=google],
.services-icons.icon-accent.si-google,
.services-icons.icon-accent[data-icon=google],
.btn .services-icons.si-google,
.btn .services-icons[data-icon=google], .fab .services-icons.si-google, .fab .services-icons[data-icon=google],
.theme-dark .services-icons.si-google,
.theme-dark .services-icons[data-icon=google] {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.services-icons.icon-dark.si-google-plus, .services-icons.icon-dark[data-icon=google-plus],
.services-icons.icon-light.si-google-plus,
.services-icons.icon-light[data-icon=google-plus],
.services-icons.icon-primary.si-google-plus,
.services-icons.icon-primary[data-icon=google-plus],
.services-icons.icon-accent.si-google-plus,
.services-icons.icon-accent[data-icon=google-plus],
.btn .services-icons.si-google-plus,
.btn .services-icons[data-icon=google-plus], .fab .services-icons.si-google-plus, .fab .services-icons[data-icon=google-plus],
.theme-dark .services-icons.si-google-plus,
.theme-dark .services-icons[data-icon=google-plus] {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.services-icons.icon-dark.si-google-chat, .services-icons.icon-dark[data-icon=google-chat],
.services-icons.icon-light.si-google-chat,
.services-icons.icon-light[data-icon=google-chat],
.services-icons.icon-primary.si-google-chat,
.services-icons.icon-primary[data-icon=google-chat],
.services-icons.icon-accent.si-google-chat,
.services-icons.icon-accent[data-icon=google-chat],
.btn .services-icons.si-google-chat,
.btn .services-icons[data-icon=google-chat], .fab .services-icons.si-google-chat, .fab .services-icons[data-icon=google-chat],
.theme-dark .services-icons.si-google-chat,
.theme-dark .services-icons[data-icon=google-chat] {
  -webkit-mask-position: -120px -168px;
          mask-position: -120px -168px;
}
.services-icons.icon-dark.si-google-meet, .services-icons.icon-dark[data-icon=google-meet],
.services-icons.icon-light.si-google-meet,
.services-icons.icon-light[data-icon=google-meet],
.services-icons.icon-primary.si-google-meet,
.services-icons.icon-primary[data-icon=google-meet],
.services-icons.icon-accent.si-google-meet,
.services-icons.icon-accent[data-icon=google-meet],
.btn .services-icons.si-google-meet,
.btn .services-icons[data-icon=google-meet], .fab .services-icons.si-google-meet, .fab .services-icons[data-icon=google-meet],
.theme-dark .services-icons.si-google-meet,
.theme-dark .services-icons[data-icon=google-meet] {
  -webkit-mask-position: -144px -168px;
          mask-position: -144px -168px;
}
.services-icons.icon-dark.si-google-photos, .services-icons.icon-dark[data-icon=google-photos],
.services-icons.icon-light.si-google-photos,
.services-icons.icon-light[data-icon=google-photos],
.services-icons.icon-primary.si-google-photos,
.services-icons.icon-primary[data-icon=google-photos],
.services-icons.icon-accent.si-google-photos,
.services-icons.icon-accent[data-icon=google-photos],
.btn .services-icons.si-google-photos,
.btn .services-icons[data-icon=google-photos], .fab .services-icons.si-google-photos, .fab .services-icons[data-icon=google-photos],
.theme-dark .services-icons.si-google-photos,
.theme-dark .services-icons[data-icon=google-photos] {
  -webkit-mask-position: -120px -96px;
          mask-position: -120px -96px;
}
.services-icons.icon-dark.si-google-play, .services-icons.icon-dark[data-icon=google-play],
.services-icons.icon-light.si-google-play,
.services-icons.icon-light[data-icon=google-play],
.services-icons.icon-primary.si-google-play,
.services-icons.icon-primary[data-icon=google-play],
.services-icons.icon-accent.si-google-play,
.services-icons.icon-accent[data-icon=google-play],
.btn .services-icons.si-google-play,
.btn .services-icons[data-icon=google-play], .fab .services-icons.si-google-play, .fab .services-icons[data-icon=google-play],
.theme-dark .services-icons.si-google-play,
.theme-dark .services-icons[data-icon=google-play] {
  -webkit-mask-position: 0 -192px;
          mask-position: 0 -192px;
}
.services-icons.icon-dark.si-google_circle, .services-icons.icon-dark[data-icon=google_circle],
.services-icons.icon-light.si-google_circle,
.services-icons.icon-light[data-icon=google_circle],
.services-icons.icon-primary.si-google_circle,
.services-icons.icon-primary[data-icon=google_circle],
.services-icons.icon-accent.si-google_circle,
.services-icons.icon-accent[data-icon=google_circle],
.btn .services-icons.si-google_circle,
.btn .services-icons[data-icon=google_circle], .fab .services-icons.si-google_circle, .fab .services-icons[data-icon=google_circle],
.theme-dark .services-icons.si-google_circle,
.theme-dark .services-icons[data-icon=google_circle] {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.services-icons.icon-dark.si-google-plus-box, .services-icons.icon-dark[data-icon=google-plus-box],
.services-icons.icon-light.si-google-plus-box,
.services-icons.icon-light[data-icon=google-plus-box],
.services-icons.icon-primary.si-google-plus-box,
.services-icons.icon-primary[data-icon=google-plus-box],
.services-icons.icon-accent.si-google-plus-box,
.services-icons.icon-accent[data-icon=google-plus-box],
.btn .services-icons.si-google-plus-box,
.btn .services-icons[data-icon=google-plus-box], .fab .services-icons.si-google-plus-box, .fab .services-icons[data-icon=google-plus-box],
.theme-dark .services-icons.si-google-plus-box,
.theme-dark .services-icons[data-icon=google-plus-box] {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.services-icons.icon-dark.si-imessage, .services-icons.icon-dark[data-icon=imessage],
.services-icons.icon-light.si-imessage,
.services-icons.icon-light[data-icon=imessage],
.services-icons.icon-primary.si-imessage,
.services-icons.icon-primary[data-icon=imessage],
.services-icons.icon-accent.si-imessage,
.services-icons.icon-accent[data-icon=imessage],
.btn .services-icons.si-imessage,
.btn .services-icons[data-icon=imessage], .fab .services-icons.si-imessage, .fab .services-icons[data-icon=imessage],
.theme-dark .services-icons.si-imessage,
.theme-dark .services-icons[data-icon=imessage] {
  -webkit-mask-position: -192px -168px;
          mask-position: -192px -168px;
}
.services-icons.icon-dark.si-imo, .services-icons.icon-dark[data-icon=imo],
.services-icons.icon-light.si-imo,
.services-icons.icon-light[data-icon=imo],
.services-icons.icon-primary.si-imo,
.services-icons.icon-primary[data-icon=imo],
.services-icons.icon-accent.si-imo,
.services-icons.icon-accent[data-icon=imo],
.btn .services-icons.si-imo,
.btn .services-icons[data-icon=imo], .fab .services-icons.si-imo, .fab .services-icons[data-icon=imo],
.theme-dark .services-icons.si-imo,
.theme-dark .services-icons[data-icon=imo] {
  -webkit-mask-position: 0 -168px;
          mask-position: 0 -168px;
}
.services-icons.icon-dark.si-instagram, .services-icons.icon-dark[data-icon=instagram],
.services-icons.icon-light.si-instagram,
.services-icons.icon-light[data-icon=instagram],
.services-icons.icon-primary.si-instagram,
.services-icons.icon-primary[data-icon=instagram],
.services-icons.icon-accent.si-instagram,
.services-icons.icon-accent[data-icon=instagram],
.btn .services-icons.si-instagram,
.btn .services-icons[data-icon=instagram], .fab .services-icons.si-instagram, .fab .services-icons[data-icon=instagram],
.theme-dark .services-icons.si-instagram,
.theme-dark .services-icons[data-icon=instagram] {
  -webkit-mask-position: 0 -24px;
          mask-position: 0 -24px;
}
.services-icons.icon-dark.si-instagram_circle, .services-icons.icon-dark[data-icon=instagram_circle],
.services-icons.icon-light.si-instagram_circle,
.services-icons.icon-light[data-icon=instagram_circle],
.services-icons.icon-primary.si-instagram_circle,
.services-icons.icon-primary[data-icon=instagram_circle],
.services-icons.icon-accent.si-instagram_circle,
.services-icons.icon-accent[data-icon=instagram_circle],
.btn .services-icons.si-instagram_circle,
.btn .services-icons[data-icon=instagram_circle], .fab .services-icons.si-instagram_circle, .fab .services-icons[data-icon=instagram_circle],
.theme-dark .services-icons.si-instagram_circle,
.theme-dark .services-icons[data-icon=instagram_circle] {
  -webkit-mask-position: -24px -24px;
          mask-position: -24px -24px;
}
.services-icons.icon-dark.si-instagram-box, .services-icons.icon-dark[data-icon=instagram-box],
.services-icons.icon-light.si-instagram-box,
.services-icons.icon-light[data-icon=instagram-box],
.services-icons.icon-primary.si-instagram-box,
.services-icons.icon-primary[data-icon=instagram-box],
.services-icons.icon-accent.si-instagram-box,
.services-icons.icon-accent[data-icon=instagram-box],
.btn .services-icons.si-instagram-box,
.btn .services-icons[data-icon=instagram-box], .fab .services-icons.si-instagram-box, .fab .services-icons[data-icon=instagram-box],
.theme-dark .services-icons.si-instagram-box,
.theme-dark .services-icons[data-icon=instagram-box] {
  -webkit-mask-position: -24px -24px;
          mask-position: -24px -24px;
}
.services-icons.icon-dark.si-kakaotalk, .services-icons.icon-dark[data-icon=kakaotalk],
.services-icons.icon-light.si-kakaotalk,
.services-icons.icon-light[data-icon=kakaotalk],
.services-icons.icon-primary.si-kakaotalk,
.services-icons.icon-primary[data-icon=kakaotalk],
.services-icons.icon-accent.si-kakaotalk,
.services-icons.icon-accent[data-icon=kakaotalk],
.btn .services-icons.si-kakaotalk,
.btn .services-icons[data-icon=kakaotalk], .fab .services-icons.si-kakaotalk, .fab .services-icons[data-icon=kakaotalk],
.theme-dark .services-icons.si-kakaotalk,
.theme-dark .services-icons[data-icon=kakaotalk] {
  -webkit-mask-position: -48px -168px;
          mask-position: -48px -168px;
}
.services-icons.icon-dark.si-kuaishou, .services-icons.icon-dark[data-icon=kuaishou],
.services-icons.icon-light.si-kuaishou,
.services-icons.icon-light[data-icon=kuaishou],
.services-icons.icon-primary.si-kuaishou,
.services-icons.icon-primary[data-icon=kuaishou],
.services-icons.icon-accent.si-kuaishou,
.services-icons.icon-accent[data-icon=kuaishou],
.btn .services-icons.si-kuaishou,
.btn .services-icons[data-icon=kuaishou], .fab .services-icons.si-kuaishou, .fab .services-icons[data-icon=kuaishou],
.theme-dark .services-icons.si-kuaishou,
.theme-dark .services-icons[data-icon=kuaishou] {
  -webkit-mask-position: -144px -192px;
          mask-position: -144px -192px;
}
.services-icons.icon-dark.si-lastfm, .services-icons.icon-dark[data-icon=lastfm],
.services-icons.icon-light.si-lastfm,
.services-icons.icon-light[data-icon=lastfm],
.services-icons.icon-primary.si-lastfm,
.services-icons.icon-primary[data-icon=lastfm],
.services-icons.icon-accent.si-lastfm,
.services-icons.icon-accent[data-icon=lastfm],
.btn .services-icons.si-lastfm,
.btn .services-icons[data-icon=lastfm], .fab .services-icons.si-lastfm, .fab .services-icons[data-icon=lastfm],
.theme-dark .services-icons.si-lastfm,
.theme-dark .services-icons[data-icon=lastfm] {
  -webkit-mask-position: -144px -96px;
          mask-position: -144px -96px;
}
.services-icons.icon-dark.si-lastfm_box, .services-icons.icon-dark[data-icon=lastfm_box],
.services-icons.icon-light.si-lastfm_box,
.services-icons.icon-light[data-icon=lastfm_box],
.services-icons.icon-primary.si-lastfm_box,
.services-icons.icon-primary[data-icon=lastfm_box],
.services-icons.icon-accent.si-lastfm_box,
.services-icons.icon-accent[data-icon=lastfm_box],
.btn .services-icons.si-lastfm_box,
.btn .services-icons[data-icon=lastfm_box], .fab .services-icons.si-lastfm_box, .fab .services-icons[data-icon=lastfm_box],
.theme-dark .services-icons.si-lastfm_box,
.theme-dark .services-icons[data-icon=lastfm_box] {
  -webkit-mask-position: -144px -72px;
          mask-position: -144px -72px;
}
.services-icons.icon-dark.si-likee, .services-icons.icon-dark[data-icon=likee],
.services-icons.icon-light.si-likee,
.services-icons.icon-light[data-icon=likee],
.services-icons.icon-primary.si-likee,
.services-icons.icon-primary[data-icon=likee],
.services-icons.icon-accent.si-likee,
.services-icons.icon-accent[data-icon=likee],
.btn .services-icons.si-likee,
.btn .services-icons[data-icon=likee], .fab .services-icons.si-likee, .fab .services-icons[data-icon=likee],
.theme-dark .services-icons.si-likee,
.theme-dark .services-icons[data-icon=likee] {
  -webkit-mask-position: -96px -216px;
          mask-position: -96px -216px;
}
.services-icons.icon-dark.si-line, .services-icons.icon-dark[data-icon=line],
.services-icons.icon-light.si-line,
.services-icons.icon-light[data-icon=line],
.services-icons.icon-primary.si-line,
.services-icons.icon-primary[data-icon=line],
.services-icons.icon-accent.si-line,
.services-icons.icon-accent[data-icon=line],
.btn .services-icons.si-line,
.btn .services-icons[data-icon=line], .fab .services-icons.si-line, .fab .services-icons[data-icon=line],
.theme-dark .services-icons.si-line,
.theme-dark .services-icons[data-icon=line] {
  -webkit-mask-position: -72px -168px;
          mask-position: -72px -168px;
}
.services-icons.icon-dark.si-line_box, .services-icons.icon-dark[data-icon=line_box],
.services-icons.icon-light.si-line_box,
.services-icons.icon-light[data-icon=line_box],
.services-icons.icon-primary.si-line_box,
.services-icons.icon-primary[data-icon=line_box],
.services-icons.icon-accent.si-line_box,
.services-icons.icon-accent[data-icon=line_box],
.btn .services-icons.si-line_box,
.btn .services-icons[data-icon=line_box], .fab .services-icons.si-line_box, .fab .services-icons[data-icon=line_box],
.theme-dark .services-icons.si-line_box,
.theme-dark .services-icons[data-icon=line_box] {
  -webkit-mask-position: -72px -144px;
          mask-position: -72px -144px;
}
.services-icons.icon-dark.si-linkedin, .services-icons.icon-dark[data-icon=linkedin],
.services-icons.icon-light.si-linkedin,
.services-icons.icon-light[data-icon=linkedin],
.services-icons.icon-primary.si-linkedin,
.services-icons.icon-primary[data-icon=linkedin],
.services-icons.icon-accent.si-linkedin,
.services-icons.icon-accent[data-icon=linkedin],
.btn .services-icons.si-linkedin,
.btn .services-icons[data-icon=linkedin], .fab .services-icons.si-linkedin, .fab .services-icons[data-icon=linkedin],
.theme-dark .services-icons.si-linkedin,
.theme-dark .services-icons[data-icon=linkedin] {
  -webkit-mask-position: -144px 0;
          mask-position: -144px 0;
}
.services-icons.icon-dark.si-linkedin_box, .services-icons.icon-dark[data-icon=linkedin_box],
.services-icons.icon-light.si-linkedin_box,
.services-icons.icon-light[data-icon=linkedin_box],
.services-icons.icon-primary.si-linkedin_box,
.services-icons.icon-primary[data-icon=linkedin_box],
.services-icons.icon-accent.si-linkedin_box,
.services-icons.icon-accent[data-icon=linkedin_box],
.btn .services-icons.si-linkedin_box,
.btn .services-icons[data-icon=linkedin_box], .fab .services-icons.si-linkedin_box, .fab .services-icons[data-icon=linkedin_box],
.theme-dark .services-icons.si-linkedin_box,
.theme-dark .services-icons[data-icon=linkedin_box] {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.services-icons.icon-dark.si-linkedin-box, .services-icons.icon-dark[data-icon=linkedin-box],
.services-icons.icon-light.si-linkedin-box,
.services-icons.icon-light[data-icon=linkedin-box],
.services-icons.icon-primary.si-linkedin-box,
.services-icons.icon-primary[data-icon=linkedin-box],
.services-icons.icon-accent.si-linkedin-box,
.services-icons.icon-accent[data-icon=linkedin-box],
.btn .services-icons.si-linkedin-box,
.btn .services-icons[data-icon=linkedin-box], .fab .services-icons.si-linkedin-box, .fab .services-icons[data-icon=linkedin-box],
.theme-dark .services-icons.si-linkedin-box,
.theme-dark .services-icons[data-icon=linkedin-box] {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.services-icons.icon-dark.si-livejournal, .services-icons.icon-dark[data-icon=livejournal],
.services-icons.icon-light.si-livejournal,
.services-icons.icon-light[data-icon=livejournal],
.services-icons.icon-primary.si-livejournal,
.services-icons.icon-primary[data-icon=livejournal],
.services-icons.icon-accent.si-livejournal,
.services-icons.icon-accent[data-icon=livejournal],
.btn .services-icons.si-livejournal,
.btn .services-icons[data-icon=livejournal], .fab .services-icons.si-livejournal, .fab .services-icons[data-icon=livejournal],
.theme-dark .services-icons.si-livejournal,
.theme-dark .services-icons[data-icon=livejournal] {
  -webkit-mask-position: -192px -72px;
          mask-position: -192px -72px;
}
.services-icons.icon-dark.si-medium, .services-icons.icon-dark[data-icon=medium],
.services-icons.icon-light.si-medium,
.services-icons.icon-light[data-icon=medium],
.services-icons.icon-primary.si-medium,
.services-icons.icon-primary[data-icon=medium],
.services-icons.icon-accent.si-medium,
.services-icons.icon-accent[data-icon=medium],
.btn .services-icons.si-medium,
.btn .services-icons[data-icon=medium], .fab .services-icons.si-medium, .fab .services-icons[data-icon=medium],
.theme-dark .services-icons.si-medium,
.theme-dark .services-icons[data-icon=medium] {
  -webkit-mask-position: 0 -72px;
          mask-position: 0 -72px;
}
.services-icons.icon-dark.si-microsoft-teams, .services-icons.icon-dark[data-icon=microsoft-teams],
.services-icons.icon-light.si-microsoft-teams,
.services-icons.icon-light[data-icon=microsoft-teams],
.services-icons.icon-primary.si-microsoft-teams,
.services-icons.icon-primary[data-icon=microsoft-teams],
.services-icons.icon-accent.si-microsoft-teams,
.services-icons.icon-accent[data-icon=microsoft-teams],
.btn .services-icons.si-microsoft-teams,
.btn .services-icons[data-icon=microsoft-teams], .fab .services-icons.si-microsoft-teams, .fab .services-icons[data-icon=microsoft-teams],
.theme-dark .services-icons.si-microsoft-teams,
.theme-dark .services-icons[data-icon=microsoft-teams] {
  -webkit-mask-position: -168px -168px;
          mask-position: -168px -168px;
}
.services-icons.icon-dark.si-odnoklassniki, .services-icons.icon-dark[data-icon=odnoklassniki],
.services-icons.icon-light.si-odnoklassniki,
.services-icons.icon-light[data-icon=odnoklassniki],
.services-icons.icon-primary.si-odnoklassniki,
.services-icons.icon-primary[data-icon=odnoklassniki],
.services-icons.icon-accent.si-odnoklassniki,
.services-icons.icon-accent[data-icon=odnoklassniki],
.btn .services-icons.si-odnoklassniki,
.btn .services-icons[data-icon=odnoklassniki], .fab .services-icons.si-odnoklassniki, .fab .services-icons[data-icon=odnoklassniki],
.theme-dark .services-icons.si-odnoklassniki,
.theme-dark .services-icons[data-icon=odnoklassniki] {
  -webkit-mask-position: -96px -24px;
          mask-position: -96px -24px;
}
.services-icons.icon-dark.si-odnoklassniki_box, .services-icons.icon-dark[data-icon=odnoklassniki_box],
.services-icons.icon-light.si-odnoklassniki_box,
.services-icons.icon-light[data-icon=odnoklassniki_box],
.services-icons.icon-primary.si-odnoklassniki_box,
.services-icons.icon-primary[data-icon=odnoklassniki_box],
.services-icons.icon-accent.si-odnoklassniki_box,
.services-icons.icon-accent[data-icon=odnoklassniki_box],
.btn .services-icons.si-odnoklassniki_box,
.btn .services-icons[data-icon=odnoklassniki_box], .fab .services-icons.si-odnoklassniki_box, .fab .services-icons[data-icon=odnoklassniki_box],
.theme-dark .services-icons.si-odnoklassniki_box,
.theme-dark .services-icons[data-icon=odnoklassniki_box] {
  -webkit-mask-position: -120px -24px;
          mask-position: -120px -24px;
}
.services-icons.icon-dark.si-odnoklassniki-box, .services-icons.icon-dark[data-icon=odnoklassniki-box],
.services-icons.icon-light.si-odnoklassniki-box,
.services-icons.icon-light[data-icon=odnoklassniki-box],
.services-icons.icon-primary.si-odnoklassniki-box,
.services-icons.icon-primary[data-icon=odnoklassniki-box],
.services-icons.icon-accent.si-odnoklassniki-box,
.services-icons.icon-accent[data-icon=odnoklassniki-box],
.btn .services-icons.si-odnoklassniki-box,
.btn .services-icons[data-icon=odnoklassniki-box], .fab .services-icons.si-odnoklassniki-box, .fab .services-icons[data-icon=odnoklassniki-box],
.theme-dark .services-icons.si-odnoklassniki-box,
.theme-dark .services-icons[data-icon=odnoklassniki-box] {
  -webkit-mask-position: -120px -24px;
          mask-position: -120px -24px;
}
.services-icons.icon-dark.si-periscope, .services-icons.icon-dark[data-icon=periscope],
.services-icons.icon-light.si-periscope,
.services-icons.icon-light[data-icon=periscope],
.services-icons.icon-primary.si-periscope,
.services-icons.icon-primary[data-icon=periscope],
.services-icons.icon-accent.si-periscope,
.services-icons.icon-accent[data-icon=periscope],
.btn .services-icons.si-periscope,
.btn .services-icons[data-icon=periscope], .fab .services-icons.si-periscope, .fab .services-icons[data-icon=periscope],
.theme-dark .services-icons.si-periscope,
.theme-dark .services-icons[data-icon=periscope] {
  -webkit-mask-position: -120px -48px;
          mask-position: -120px -48px;
}
.services-icons.icon-dark.si-picsart, .services-icons.icon-dark[data-icon=picsart],
.services-icons.icon-light.si-picsart,
.services-icons.icon-light[data-icon=picsart],
.services-icons.icon-primary.si-picsart,
.services-icons.icon-primary[data-icon=picsart],
.services-icons.icon-accent.si-picsart,
.services-icons.icon-accent[data-icon=picsart],
.btn .services-icons.si-picsart,
.btn .services-icons[data-icon=picsart], .fab .services-icons.si-picsart, .fab .services-icons[data-icon=picsart],
.theme-dark .services-icons.si-picsart,
.theme-dark .services-icons[data-icon=picsart] {
  -webkit-mask-position: -72px -216px;
          mask-position: -72px -216px;
}
.services-icons.icon-dark.si-pinterest, .services-icons.icon-dark[data-icon=pinterest],
.services-icons.icon-light.si-pinterest,
.services-icons.icon-light[data-icon=pinterest],
.services-icons.icon-primary.si-pinterest,
.services-icons.icon-primary[data-icon=pinterest],
.services-icons.icon-accent.si-pinterest,
.services-icons.icon-accent[data-icon=pinterest],
.btn .services-icons.si-pinterest,
.btn .services-icons[data-icon=pinterest], .fab .services-icons.si-pinterest, .fab .services-icons[data-icon=pinterest],
.theme-dark .services-icons.si-pinterest,
.theme-dark .services-icons[data-icon=pinterest] {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.services-icons.icon-dark.si-pinterest-box, .services-icons.icon-dark[data-icon=pinterest-box],
.services-icons.icon-light.si-pinterest-box,
.services-icons.icon-light[data-icon=pinterest-box],
.services-icons.icon-primary.si-pinterest-box,
.services-icons.icon-primary[data-icon=pinterest-box],
.services-icons.icon-accent.si-pinterest-box,
.services-icons.icon-accent[data-icon=pinterest-box],
.btn .services-icons.si-pinterest-box,
.btn .services-icons[data-icon=pinterest-box], .fab .services-icons.si-pinterest-box, .fab .services-icons[data-icon=pinterest-box],
.theme-dark .services-icons.si-pinterest-box,
.theme-dark .services-icons[data-icon=pinterest-box] {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.services-icons.icon-dark.si-pocket, .services-icons.icon-dark[data-icon=pocket],
.services-icons.icon-light.si-pocket,
.services-icons.icon-light[data-icon=pocket],
.services-icons.icon-primary.si-pocket,
.services-icons.icon-primary[data-icon=pocket],
.services-icons.icon-accent.si-pocket,
.services-icons.icon-accent[data-icon=pocket],
.btn .services-icons.si-pocket,
.btn .services-icons[data-icon=pocket], .fab .services-icons.si-pocket, .fab .services-icons[data-icon=pocket],
.theme-dark .services-icons.si-pocket,
.theme-dark .services-icons[data-icon=pocket] {
  -webkit-mask-position: -24px -72px;
          mask-position: -24px -72px;
}
.services-icons.icon-dark.si-qqchat, .services-icons.icon-dark[data-icon=qqchat],
.services-icons.icon-light.si-qqchat,
.services-icons.icon-light[data-icon=qqchat],
.services-icons.icon-primary.si-qqchat,
.services-icons.icon-primary[data-icon=qqchat],
.services-icons.icon-accent.si-qqchat,
.services-icons.icon-accent[data-icon=qqchat],
.btn .services-icons.si-qqchat,
.btn .services-icons[data-icon=qqchat], .fab .services-icons.si-qqchat, .fab .services-icons[data-icon=qqchat],
.theme-dark .services-icons.si-qqchat,
.theme-dark .services-icons[data-icon=qqchat] {
  -webkit-mask-position: -96px -144px;
          mask-position: -96px -144px;
}
.services-icons.icon-dark.si-quora, .services-icons.icon-dark[data-icon=quora],
.services-icons.icon-light.si-quora,
.services-icons.icon-light[data-icon=quora],
.services-icons.icon-primary.si-quora,
.services-icons.icon-primary[data-icon=quora],
.services-icons.icon-accent.si-quora,
.services-icons.icon-accent[data-icon=quora],
.btn .services-icons.si-quora,
.btn .services-icons[data-icon=quora], .fab .services-icons.si-quora, .fab .services-icons[data-icon=quora],
.theme-dark .services-icons.si-quora,
.theme-dark .services-icons[data-icon=quora] {
  -webkit-mask-position: -216px -192px;
          mask-position: -216px -192px;
}
.services-icons.icon-dark.si-qzone, .services-icons.icon-dark[data-icon=qzone],
.services-icons.icon-light.si-qzone,
.services-icons.icon-light[data-icon=qzone],
.services-icons.icon-primary.si-qzone,
.services-icons.icon-primary[data-icon=qzone],
.services-icons.icon-accent.si-qzone,
.services-icons.icon-accent[data-icon=qzone],
.btn .services-icons.si-qzone,
.btn .services-icons[data-icon=qzone], .fab .services-icons.si-qzone, .fab .services-icons[data-icon=qzone],
.theme-dark .services-icons.si-qzone,
.theme-dark .services-icons[data-icon=qzone] {
  -webkit-mask-position: -216px -24px;
          mask-position: -216px -24px;
}
.services-icons.icon-dark.si-reddit, .services-icons.icon-dark[data-icon=reddit],
.services-icons.icon-light.si-reddit,
.services-icons.icon-light[data-icon=reddit],
.services-icons.icon-primary.si-reddit,
.services-icons.icon-primary[data-icon=reddit],
.services-icons.icon-accent.si-reddit,
.services-icons.icon-accent[data-icon=reddit],
.btn .services-icons.si-reddit,
.btn .services-icons[data-icon=reddit], .fab .services-icons.si-reddit, .fab .services-icons[data-icon=reddit],
.theme-dark .services-icons.si-reddit,
.theme-dark .services-icons[data-icon=reddit] {
  -webkit-mask-position: -48px -72px;
          mask-position: -48px -72px;
}
.services-icons.icon-dark.si-renren, .services-icons.icon-dark[data-icon=renren],
.services-icons.icon-light.si-renren,
.services-icons.icon-light[data-icon=renren],
.services-icons.icon-primary.si-renren,
.services-icons.icon-primary[data-icon=renren],
.services-icons.icon-accent.si-renren,
.services-icons.icon-accent[data-icon=renren],
.btn .services-icons.si-renren,
.btn .services-icons[data-icon=renren], .fab .services-icons.si-renren, .fab .services-icons[data-icon=renren],
.theme-dark .services-icons.si-renren,
.theme-dark .services-icons[data-icon=renren] {
  -webkit-mask-position: -24px -48px;
          mask-position: -24px -48px;
}
.services-icons.icon-dark.si-signal, .services-icons.icon-dark[data-icon=signal],
.services-icons.icon-light.si-signal,
.services-icons.icon-light[data-icon=signal],
.services-icons.icon-primary.si-signal,
.services-icons.icon-primary[data-icon=signal],
.services-icons.icon-accent.si-signal,
.services-icons.icon-accent[data-icon=signal],
.btn .services-icons.si-signal,
.btn .services-icons[data-icon=signal], .fab .services-icons.si-signal, .fab .services-icons[data-icon=signal],
.theme-dark .services-icons.si-signal,
.theme-dark .services-icons[data-icon=signal] {
  -webkit-mask-position: -24px -168px;
          mask-position: -24px -168px;
}
.services-icons.icon-dark.si-sina-weibo, .services-icons.icon-dark[data-icon=sina-weibo],
.services-icons.icon-light.si-sina-weibo,
.services-icons.icon-light[data-icon=sina-weibo],
.services-icons.icon-primary.si-sina-weibo,
.services-icons.icon-primary[data-icon=sina-weibo],
.services-icons.icon-accent.si-sina-weibo,
.services-icons.icon-accent[data-icon=sina-weibo],
.btn .services-icons.si-sina-weibo,
.btn .services-icons[data-icon=sina-weibo], .fab .services-icons.si-sina-weibo, .fab .services-icons[data-icon=sina-weibo],
.theme-dark .services-icons.si-sina-weibo,
.theme-dark .services-icons[data-icon=sina-weibo] {
  -webkit-mask-position: -192px -24px;
          mask-position: -192px -24px;
}
.services-icons.icon-dark.si-skype, .services-icons.icon-dark[data-icon=skype],
.services-icons.icon-light.si-skype,
.services-icons.icon-light[data-icon=skype],
.services-icons.icon-primary.si-skype,
.services-icons.icon-primary[data-icon=skype],
.services-icons.icon-accent.si-skype,
.services-icons.icon-accent[data-icon=skype],
.btn .services-icons.si-skype,
.btn .services-icons[data-icon=skype], .fab .services-icons.si-skype, .fab .services-icons[data-icon=skype],
.theme-dark .services-icons.si-skype,
.theme-dark .services-icons[data-icon=skype] {
  -webkit-mask-position: 0 -144px;
          mask-position: 0 -144px;
}
.services-icons.icon-dark.si-skype-outline, .services-icons.icon-dark[data-icon=skype-outline],
.services-icons.icon-light.si-skype-outline,
.services-icons.icon-light[data-icon=skype-outline],
.services-icons.icon-primary.si-skype-outline,
.services-icons.icon-primary[data-icon=skype-outline],
.services-icons.icon-accent.si-skype-outline,
.services-icons.icon-accent[data-icon=skype-outline],
.btn .services-icons.si-skype-outline,
.btn .services-icons[data-icon=skype-outline], .fab .services-icons.si-skype-outline, .fab .services-icons[data-icon=skype-outline],
.theme-dark .services-icons.si-skype-outline,
.theme-dark .services-icons[data-icon=skype-outline] {
  -webkit-mask-position: 0 -144px;
          mask-position: 0 -144px;
}
.services-icons.icon-dark.si-slack, .services-icons.icon-dark[data-icon=slack],
.services-icons.icon-light.si-slack,
.services-icons.icon-light[data-icon=slack],
.services-icons.icon-primary.si-slack,
.services-icons.icon-primary[data-icon=slack],
.services-icons.icon-accent.si-slack,
.services-icons.icon-accent[data-icon=slack],
.btn .services-icons.si-slack,
.btn .services-icons[data-icon=slack], .fab .services-icons.si-slack, .fab .services-icons[data-icon=slack],
.theme-dark .services-icons.si-slack,
.theme-dark .services-icons[data-icon=slack] {
  -webkit-mask-position: -144px -144px;
          mask-position: -144px -144px;
}
.services-icons.icon-dark.si-snapchat, .services-icons.icon-dark[data-icon=snapchat],
.services-icons.icon-light.si-snapchat,
.services-icons.icon-light[data-icon=snapchat],
.services-icons.icon-primary.si-snapchat,
.services-icons.icon-primary[data-icon=snapchat],
.services-icons.icon-accent.si-snapchat,
.services-icons.icon-accent[data-icon=snapchat],
.btn .services-icons.si-snapchat,
.btn .services-icons[data-icon=snapchat], .fab .services-icons.si-snapchat, .fab .services-icons[data-icon=snapchat],
.theme-dark .services-icons.si-snapchat,
.theme-dark .services-icons[data-icon=snapchat] {
  -webkit-mask-position: -120px -144px;
          mask-position: -120px -144px;
}
.services-icons.icon-dark.si-snapchat_outlined, .services-icons.icon-dark[data-icon=snapchat_outlined],
.services-icons.icon-light.si-snapchat_outlined,
.services-icons.icon-light[data-icon=snapchat_outlined],
.services-icons.icon-primary.si-snapchat_outlined,
.services-icons.icon-primary[data-icon=snapchat_outlined],
.services-icons.icon-accent.si-snapchat_outlined,
.services-icons.icon-accent[data-icon=snapchat_outlined],
.btn .services-icons.si-snapchat_outlined,
.btn .services-icons[data-icon=snapchat_outlined], .fab .services-icons.si-snapchat_outlined, .fab .services-icons[data-icon=snapchat_outlined],
.theme-dark .services-icons.si-snapchat_outlined,
.theme-dark .services-icons[data-icon=snapchat_outlined] {
  -webkit-mask-position: -168px -72px;
          mask-position: -168px -72px;
}
.services-icons.icon-dark.si-soundcloud, .services-icons.icon-dark[data-icon=soundcloud],
.services-icons.icon-light.si-soundcloud,
.services-icons.icon-light[data-icon=soundcloud],
.services-icons.icon-primary.si-soundcloud,
.services-icons.icon-primary[data-icon=soundcloud],
.services-icons.icon-accent.si-soundcloud,
.services-icons.icon-accent[data-icon=soundcloud],
.btn .services-icons.si-soundcloud,
.btn .services-icons[data-icon=soundcloud], .fab .services-icons.si-soundcloud, .fab .services-icons[data-icon=soundcloud],
.theme-dark .services-icons.si-soundcloud,
.theme-dark .services-icons[data-icon=soundcloud] {
  -webkit-mask-position: -168px -96px;
          mask-position: -168px -96px;
}
.services-icons.icon-dark.si-spotify, .services-icons.icon-dark[data-icon=spotify],
.services-icons.icon-light.si-spotify,
.services-icons.icon-light[data-icon=spotify],
.services-icons.icon-primary.si-spotify,
.services-icons.icon-primary[data-icon=spotify],
.services-icons.icon-accent.si-spotify,
.services-icons.icon-accent[data-icon=spotify],
.btn .services-icons.si-spotify,
.btn .services-icons[data-icon=spotify], .fab .services-icons.si-spotify, .fab .services-icons[data-icon=spotify],
.theme-dark .services-icons.si-spotify,
.theme-dark .services-icons[data-icon=spotify] {
  -webkit-mask-position: -192px -96px;
          mask-position: -192px -96px;
}
.services-icons.icon-dark.si-stackexchange, .services-icons.icon-dark[data-icon=stackexchange],
.services-icons.icon-light.si-stackexchange,
.services-icons.icon-light[data-icon=stackexchange],
.services-icons.icon-primary.si-stackexchange,
.services-icons.icon-primary[data-icon=stackexchange],
.services-icons.icon-accent.si-stackexchange,
.services-icons.icon-accent[data-icon=stackexchange],
.btn .services-icons.si-stackexchange,
.btn .services-icons[data-icon=stackexchange], .fab .services-icons.si-stackexchange, .fab .services-icons[data-icon=stackexchange],
.theme-dark .services-icons.si-stackexchange,
.theme-dark .services-icons[data-icon=stackexchange] {
  -webkit-mask-position: -48px -120px;
          mask-position: -48px -120px;
}
.services-icons.icon-dark.si-stackoverflow, .services-icons.icon-dark[data-icon=stackoverflow],
.services-icons.icon-light.si-stackoverflow,
.services-icons.icon-light[data-icon=stackoverflow],
.services-icons.icon-primary.si-stackoverflow,
.services-icons.icon-primary[data-icon=stackoverflow],
.services-icons.icon-accent.si-stackoverflow,
.services-icons.icon-accent[data-icon=stackoverflow],
.btn .services-icons.si-stackoverflow,
.btn .services-icons[data-icon=stackoverflow], .fab .services-icons.si-stackoverflow, .fab .services-icons[data-icon=stackoverflow],
.theme-dark .services-icons.si-stackoverflow,
.theme-dark .services-icons[data-icon=stackoverflow] {
  -webkit-mask-position: -72px -120px;
          mask-position: -72px -120px;
}
.services-icons.icon-dark.si-swarm, .services-icons.icon-dark[data-icon=swarm],
.services-icons.icon-light.si-swarm,
.services-icons.icon-light[data-icon=swarm],
.services-icons.icon-primary.si-swarm,
.services-icons.icon-primary[data-icon=swarm],
.services-icons.icon-accent.si-swarm,
.services-icons.icon-accent[data-icon=swarm],
.btn .services-icons.si-swarm,
.btn .services-icons[data-icon=swarm], .fab .services-icons.si-swarm, .fab .services-icons[data-icon=swarm],
.theme-dark .services-icons.si-swarm,
.theme-dark .services-icons[data-icon=swarm] {
  -webkit-mask-position: -72px -96px;
          mask-position: -72px -96px;
}
.services-icons.icon-dark.si-telegram, .services-icons.icon-dark[data-icon=telegram],
.services-icons.icon-light.si-telegram,
.services-icons.icon-light[data-icon=telegram],
.services-icons.icon-primary.si-telegram,
.services-icons.icon-primary[data-icon=telegram],
.services-icons.icon-accent.si-telegram,
.services-icons.icon-accent[data-icon=telegram],
.btn .services-icons.si-telegram,
.btn .services-icons[data-icon=telegram], .fab .services-icons.si-telegram, .fab .services-icons[data-icon=telegram],
.theme-dark .services-icons.si-telegram,
.theme-dark .services-icons[data-icon=telegram] {
  -webkit-mask-position: -216px -120px;
          mask-position: -216px -120px;
}
.services-icons.icon-dark.si-tieba, .services-icons.icon-dark[data-icon=tieba],
.services-icons.icon-light.si-tieba,
.services-icons.icon-light[data-icon=tieba],
.services-icons.icon-primary.si-tieba,
.services-icons.icon-primary[data-icon=tieba],
.services-icons.icon-accent.si-tieba,
.services-icons.icon-accent[data-icon=tieba],
.btn .services-icons.si-tieba,
.btn .services-icons[data-icon=tieba], .fab .services-icons.si-tieba, .fab .services-icons[data-icon=tieba],
.theme-dark .services-icons.si-tieba,
.theme-dark .services-icons[data-icon=tieba] {
  -webkit-mask-position: -120px -192px;
          mask-position: -120px -192px;
}
.services-icons.icon-dark.si-tiktok, .services-icons.icon-dark[data-icon=tiktok],
.services-icons.icon-light.si-tiktok,
.services-icons.icon-light[data-icon=tiktok],
.services-icons.icon-primary.si-tiktok,
.services-icons.icon-primary[data-icon=tiktok],
.services-icons.icon-accent.si-tiktok,
.services-icons.icon-accent[data-icon=tiktok],
.btn .services-icons.si-tiktok,
.btn .services-icons[data-icon=tiktok], .fab .services-icons.si-tiktok, .fab .services-icons[data-icon=tiktok],
.theme-dark .services-icons.si-tiktok,
.theme-dark .services-icons[data-icon=tiktok] {
  -webkit-mask-position: -168px -192px;
          mask-position: -168px -192px;
}
.services-icons.icon-dark.si-trello, .services-icons.icon-dark[data-icon=trello],
.services-icons.icon-light.si-trello,
.services-icons.icon-light[data-icon=trello],
.services-icons.icon-primary.si-trello,
.services-icons.icon-primary[data-icon=trello],
.services-icons.icon-accent.si-trello,
.services-icons.icon-accent[data-icon=trello],
.btn .services-icons.si-trello,
.btn .services-icons[data-icon=trello], .fab .services-icons.si-trello, .fab .services-icons[data-icon=trello],
.theme-dark .services-icons.si-trello,
.theme-dark .services-icons[data-icon=trello] {
  -webkit-mask-position: -216px -96px;
          mask-position: -216px -96px;
}
.services-icons.icon-dark.si-tumblr, .services-icons.icon-dark[data-icon=tumblr],
.services-icons.icon-light.si-tumblr,
.services-icons.icon-light[data-icon=tumblr],
.services-icons.icon-primary.si-tumblr,
.services-icons.icon-primary[data-icon=tumblr],
.services-icons.icon-accent.si-tumblr,
.services-icons.icon-accent[data-icon=tumblr],
.btn .services-icons.si-tumblr,
.btn .services-icons[data-icon=tumblr], .fab .services-icons.si-tumblr, .fab .services-icons[data-icon=tumblr],
.theme-dark .services-icons.si-tumblr,
.theme-dark .services-icons[data-icon=tumblr] {
  -webkit-mask-position: -72px -72px;
          mask-position: -72px -72px;
}
.services-icons.icon-dark.si-tumblr_box, .services-icons.icon-dark[data-icon=tumblr_box],
.services-icons.icon-light.si-tumblr_box,
.services-icons.icon-light[data-icon=tumblr_box],
.services-icons.icon-primary.si-tumblr_box,
.services-icons.icon-primary[data-icon=tumblr_box],
.services-icons.icon-accent.si-tumblr_box,
.services-icons.icon-accent[data-icon=tumblr_box],
.btn .services-icons.si-tumblr_box,
.btn .services-icons[data-icon=tumblr_box], .fab .services-icons.si-tumblr_box, .fab .services-icons[data-icon=tumblr_box],
.theme-dark .services-icons.si-tumblr_box,
.theme-dark .services-icons[data-icon=tumblr_box] {
  -webkit-mask-position: 0 -48px;
          mask-position: 0 -48px;
}
.services-icons.icon-dark.si-twitch, .services-icons.icon-dark[data-icon=twitch],
.services-icons.icon-light.si-twitch,
.services-icons.icon-light[data-icon=twitch],
.services-icons.icon-primary.si-twitch,
.services-icons.icon-primary[data-icon=twitch],
.services-icons.icon-accent.si-twitch,
.services-icons.icon-accent[data-icon=twitch],
.btn .services-icons.si-twitch,
.btn .services-icons[data-icon=twitch], .fab .services-icons.si-twitch, .fab .services-icons[data-icon=twitch],
.theme-dark .services-icons.si-twitch,
.theme-dark .services-icons[data-icon=twitch] {
  -webkit-mask-position: -96px -72px;
          mask-position: -96px -72px;
}
.services-icons.icon-dark.si-twitter, .services-icons.icon-dark[data-icon=twitter],
.services-icons.icon-light.si-twitter,
.services-icons.icon-light[data-icon=twitter],
.services-icons.icon-primary.si-twitter,
.services-icons.icon-primary[data-icon=twitter],
.services-icons.icon-accent.si-twitter,
.services-icons.icon-accent[data-icon=twitter],
.btn .services-icons.si-twitter,
.btn .services-icons[data-icon=twitter], .fab .services-icons.si-twitter, .fab .services-icons[data-icon=twitter],
.theme-dark .services-icons.si-twitter,
.theme-dark .services-icons[data-icon=twitter] {
  -webkit-mask-position: -48px 0;
          mask-position: -48px 0;
}
.services-icons.icon-dark.si-twitter_circle, .services-icons.icon-dark[data-icon=twitter_circle],
.services-icons.icon-light.si-twitter_circle,
.services-icons.icon-light[data-icon=twitter_circle],
.services-icons.icon-primary.si-twitter_circle,
.services-icons.icon-primary[data-icon=twitter_circle],
.services-icons.icon-accent.si-twitter_circle,
.services-icons.icon-accent[data-icon=twitter_circle],
.btn .services-icons.si-twitter_circle,
.btn .services-icons[data-icon=twitter_circle], .fab .services-icons.si-twitter_circle, .fab .services-icons[data-icon=twitter_circle],
.theme-dark .services-icons.si-twitter_circle,
.theme-dark .services-icons[data-icon=twitter_circle] {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.services-icons.icon-dark.si-twitter-box, .services-icons.icon-dark[data-icon=twitter-box],
.services-icons.icon-light.si-twitter-box,
.services-icons.icon-light[data-icon=twitter-box],
.services-icons.icon-primary.si-twitter-box,
.services-icons.icon-primary[data-icon=twitter-box],
.services-icons.icon-accent.si-twitter-box,
.services-icons.icon-accent[data-icon=twitter-box],
.btn .services-icons.si-twitter-box,
.btn .services-icons[data-icon=twitter-box], .fab .services-icons.si-twitter-box, .fab .services-icons[data-icon=twitter-box],
.theme-dark .services-icons.si-twitter-box,
.theme-dark .services-icons[data-icon=twitter-box] {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.services-icons.icon-dark.si-upwork, .services-icons.icon-dark[data-icon=upwork],
.services-icons.icon-light.si-upwork,
.services-icons.icon-light[data-icon=upwork],
.services-icons.icon-primary.si-upwork,
.services-icons.icon-primary[data-icon=upwork],
.services-icons.icon-accent.si-upwork,
.services-icons.icon-accent[data-icon=upwork],
.btn .services-icons.si-upwork,
.btn .services-icons[data-icon=upwork], .fab .services-icons.si-upwork, .fab .services-icons[data-icon=upwork],
.theme-dark .services-icons.si-upwork,
.theme-dark .services-icons[data-icon=upwork] {
  -webkit-mask-position: -24px -216px;
          mask-position: -24px -216px;
}
.services-icons.icon-dark.si-viber, .services-icons.icon-dark[data-icon=viber],
.services-icons.icon-light.si-viber,
.services-icons.icon-light[data-icon=viber],
.services-icons.icon-primary.si-viber,
.services-icons.icon-primary[data-icon=viber],
.services-icons.icon-accent.si-viber,
.services-icons.icon-accent[data-icon=viber],
.btn .services-icons.si-viber,
.btn .services-icons[data-icon=viber], .fab .services-icons.si-viber, .fab .services-icons[data-icon=viber],
.theme-dark .services-icons.si-viber,
.theme-dark .services-icons[data-icon=viber] {
  -webkit-mask-position: -192px -120px;
          mask-position: -192px -120px;
}
.services-icons.icon-dark.si-vimeo, .services-icons.icon-dark[data-icon=vimeo],
.services-icons.icon-light.si-vimeo,
.services-icons.icon-light[data-icon=vimeo],
.services-icons.icon-primary.si-vimeo,
.services-icons.icon-primary[data-icon=vimeo],
.services-icons.icon-accent.si-vimeo,
.services-icons.icon-accent[data-icon=vimeo],
.btn .services-icons.si-vimeo,
.btn .services-icons[data-icon=vimeo], .fab .services-icons.si-vimeo, .fab .services-icons[data-icon=vimeo],
.theme-dark .services-icons.si-vimeo,
.theme-dark .services-icons[data-icon=vimeo] {
  -webkit-mask-position: -72px -48px;
          mask-position: -72px -48px;
}
.services-icons.icon-dark.si-vimeo_box, .services-icons.icon-dark[data-icon=vimeo_box],
.services-icons.icon-light.si-vimeo_box,
.services-icons.icon-light[data-icon=vimeo_box],
.services-icons.icon-primary.si-vimeo_box,
.services-icons.icon-primary[data-icon=vimeo_box],
.services-icons.icon-accent.si-vimeo_box,
.services-icons.icon-accent[data-icon=vimeo_box],
.btn .services-icons.si-vimeo_box,
.btn .services-icons[data-icon=vimeo_box], .fab .services-icons.si-vimeo_box, .fab .services-icons[data-icon=vimeo_box],
.theme-dark .services-icons.si-vimeo_box,
.theme-dark .services-icons[data-icon=vimeo_box] {
  -webkit-mask-position: -96px -48px;
          mask-position: -96px -48px;
}
.services-icons.icon-dark.si-vk, .services-icons.icon-dark[data-icon=vk],
.services-icons.icon-light.si-vk,
.services-icons.icon-light[data-icon=vk],
.services-icons.icon-primary.si-vk,
.services-icons.icon-primary[data-icon=vk],
.services-icons.icon-accent.si-vk,
.services-icons.icon-accent[data-icon=vk],
.btn .services-icons.si-vk,
.btn .services-icons[data-icon=vk], .fab .services-icons.si-vk, .fab .services-icons[data-icon=vk],
.theme-dark .services-icons.si-vk,
.theme-dark .services-icons[data-icon=vk] {
  -webkit-mask-position: -48px -24px;
          mask-position: -48px -24px;
}
.services-icons.icon-dark.si-vk-box, .services-icons.icon-dark[data-icon=vk-box],
.services-icons.icon-light.si-vk-box,
.services-icons.icon-light[data-icon=vk-box],
.services-icons.icon-primary.si-vk-box,
.services-icons.icon-primary[data-icon=vk-box],
.services-icons.icon-accent.si-vk-box,
.services-icons.icon-accent[data-icon=vk-box],
.btn .services-icons.si-vk-box,
.btn .services-icons[data-icon=vk-box], .fab .services-icons.si-vk-box, .fab .services-icons[data-icon=vk-box],
.theme-dark .services-icons.si-vk-box,
.theme-dark .services-icons[data-icon=vk-box] {
  -webkit-mask-position: -48px -24px;
          mask-position: -48px -24px;
}
.services-icons.icon-dark.si-wechat, .services-icons.icon-dark[data-icon=wechat],
.services-icons.icon-light.si-wechat,
.services-icons.icon-light[data-icon=wechat],
.services-icons.icon-primary.si-wechat,
.services-icons.icon-primary[data-icon=wechat],
.services-icons.icon-accent.si-wechat,
.services-icons.icon-accent[data-icon=wechat],
.btn .services-icons.si-wechat,
.btn .services-icons[data-icon=wechat], .fab .services-icons.si-wechat, .fab .services-icons[data-icon=wechat],
.theme-dark .services-icons.si-wechat,
.theme-dark .services-icons[data-icon=wechat] {
  -webkit-mask-position: -48px -144px;
          mask-position: -48px -144px;
}
.services-icons.icon-dark.si-whatsapp, .services-icons.icon-dark[data-icon=whatsapp],
.services-icons.icon-light.si-whatsapp,
.services-icons.icon-light[data-icon=whatsapp],
.services-icons.icon-primary.si-whatsapp,
.services-icons.icon-primary[data-icon=whatsapp],
.services-icons.icon-accent.si-whatsapp,
.services-icons.icon-accent[data-icon=whatsapp],
.btn .services-icons.si-whatsapp,
.btn .services-icons[data-icon=whatsapp], .fab .services-icons.si-whatsapp, .fab .services-icons[data-icon=whatsapp],
.theme-dark .services-icons.si-whatsapp,
.theme-dark .services-icons[data-icon=whatsapp] {
  -webkit-mask-position: -168px -120px;
          mask-position: -168px -120px;
}
.services-icons.icon-dark.si-wordpress, .services-icons.icon-dark[data-icon=wordpress],
.services-icons.icon-light.si-wordpress,
.services-icons.icon-light[data-icon=wordpress],
.services-icons.icon-primary.si-wordpress,
.services-icons.icon-primary[data-icon=wordpress],
.services-icons.icon-accent.si-wordpress,
.services-icons.icon-accent[data-icon=wordpress],
.btn .services-icons.si-wordpress,
.btn .services-icons[data-icon=wordpress], .fab .services-icons.si-wordpress, .fab .services-icons[data-icon=wordpress],
.theme-dark .services-icons.si-wordpress,
.theme-dark .services-icons[data-icon=wordpress] {
  -webkit-mask-position: -120px -120px;
          mask-position: -120px -120px;
}
.services-icons.icon-dark.si-xing, .services-icons.icon-dark[data-icon=xing],
.services-icons.icon-light.si-xing,
.services-icons.icon-light[data-icon=xing],
.services-icons.icon-primary.si-xing,
.services-icons.icon-primary[data-icon=xing],
.services-icons.icon-accent.si-xing,
.services-icons.icon-accent[data-icon=xing],
.btn .services-icons.si-xing,
.btn .services-icons[data-icon=xing], .fab .services-icons.si-xing, .fab .services-icons[data-icon=xing],
.theme-dark .services-icons.si-xing,
.theme-dark .services-icons[data-icon=xing] {
  -webkit-mask-position: -144px -24px;
          mask-position: -144px -24px;
}
.services-icons.icon-dark.si-xing_box, .services-icons.icon-dark[data-icon=xing_box],
.services-icons.icon-light.si-xing_box,
.services-icons.icon-light[data-icon=xing_box],
.services-icons.icon-primary.si-xing_box,
.services-icons.icon-primary[data-icon=xing_box],
.services-icons.icon-accent.si-xing_box,
.services-icons.icon-accent[data-icon=xing_box],
.btn .services-icons.si-xing_box,
.btn .services-icons[data-icon=xing_box], .fab .services-icons.si-xing_box, .fab .services-icons[data-icon=xing_box],
.theme-dark .services-icons.si-xing_box,
.theme-dark .services-icons[data-icon=xing_box] {
  -webkit-mask-position: -168px -24px;
          mask-position: -168px -24px;
}
.services-icons.icon-dark.si-xing-box, .services-icons.icon-dark[data-icon=xing-box],
.services-icons.icon-light.si-xing-box,
.services-icons.icon-light[data-icon=xing-box],
.services-icons.icon-primary.si-xing-box,
.services-icons.icon-primary[data-icon=xing-box],
.services-icons.icon-accent.si-xing-box,
.services-icons.icon-accent[data-icon=xing-box],
.btn .services-icons.si-xing-box,
.btn .services-icons[data-icon=xing-box], .fab .services-icons.si-xing-box, .fab .services-icons[data-icon=xing-box],
.theme-dark .services-icons.si-xing-box,
.theme-dark .services-icons[data-icon=xing-box] {
  -webkit-mask-position: -168px -24px;
          mask-position: -168px -24px;
}
.services-icons.icon-dark.si-yandex, .services-icons.icon-dark[data-icon=yandex],
.services-icons.icon-light.si-yandex,
.services-icons.icon-light[data-icon=yandex],
.services-icons.icon-primary.si-yandex,
.services-icons.icon-primary[data-icon=yandex],
.services-icons.icon-accent.si-yandex,
.services-icons.icon-accent[data-icon=yandex],
.btn .services-icons.si-yandex,
.btn .services-icons[data-icon=yandex], .fab .services-icons.si-yandex, .fab .services-icons[data-icon=yandex],
.theme-dark .services-icons.si-yandex,
.theme-dark .services-icons[data-icon=yandex] {
  -webkit-mask-position: -72px -192px;
          mask-position: -72px -192px;
}
.services-icons.icon-dark.si-yandex_ru, .services-icons.icon-dark[data-icon=yandex_ru],
.services-icons.icon-light.si-yandex_ru,
.services-icons.icon-light[data-icon=yandex_ru],
.services-icons.icon-primary.si-yandex_ru,
.services-icons.icon-primary[data-icon=yandex_ru],
.services-icons.icon-accent.si-yandex_ru,
.services-icons.icon-accent[data-icon=yandex_ru],
.btn .services-icons.si-yandex_ru,
.btn .services-icons[data-icon=yandex_ru], .fab .services-icons.si-yandex_ru, .fab .services-icons[data-icon=yandex_ru],
.theme-dark .services-icons.si-yandex_ru,
.theme-dark .services-icons[data-icon=yandex_ru] {
  -webkit-mask-position: -96px -192px;
          mask-position: -96px -192px;
}
.services-icons.icon-dark.si-youtube, .services-icons.icon-dark[data-icon=youtube],
.services-icons.icon-light.si-youtube,
.services-icons.icon-light[data-icon=youtube],
.services-icons.icon-primary.si-youtube,
.services-icons.icon-primary[data-icon=youtube],
.services-icons.icon-accent.si-youtube,
.services-icons.icon-accent[data-icon=youtube],
.btn .services-icons.si-youtube,
.btn .services-icons[data-icon=youtube], .fab .services-icons.si-youtube, .fab .services-icons[data-icon=youtube],
.theme-dark .services-icons.si-youtube,
.theme-dark .services-icons[data-icon=youtube] {
  -webkit-mask-position: -48px -48px;
          mask-position: -48px -48px;
}
.services-icons.icon-dark.si-zoom, .services-icons.icon-dark[data-icon=zoom],
.services-icons.icon-light.si-zoom,
.services-icons.icon-light[data-icon=zoom],
.services-icons.icon-primary.si-zoom,
.services-icons.icon-primary[data-icon=zoom],
.services-icons.icon-accent.si-zoom,
.services-icons.icon-accent[data-icon=zoom],
.btn .services-icons.si-zoom,
.btn .services-icons[data-icon=zoom], .fab .services-icons.si-zoom, .fab .services-icons[data-icon=zoom],
.theme-dark .services-icons.si-zoom,
.theme-dark .services-icons[data-icon=zoom] {
  -webkit-mask-position: -96px -168px;
          mask-position: -96px -168px;
}

.services-icon-left:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: " ";
  margin-right: 12px;
  float: left;
  background: rgba(0, 0, 0, 0.87);
  -webkit-mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
          mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
}

.services-icon-left.icon-dark:before {
  background: rgba(0, 0, 0, 0.87) !important;
}

.services-icon-left.icon-secondary:before {
  background: rgba(0, 0, 0, 0.54);
}

.services-icon-left.icon-disabled:before {
  background: rgba(0, 0, 0, 0.26);
}

.services-icon-left.icon-light:before {
  background: #FFF !important;
}

.services-icon-left.icon-light.icon-disabled:before {
  background: rgba(255, 255, 255, 0.3) !important;
}

.services-icon-left.icon-primary:before {
  background: #607d8b;
}

.services-icon-left.icon-accent:before {
  background: #00b0ff;
}

a.services-icon-left:not(.btn):before {
  background: #00b0ff;
}
a.services-icon-left:not(.btn):hover:before {
  background: #0aa2ff;
}
a.services-icon-left:not(.btn):active:before {
  background: #0091ea;
}

.btn.services-icon-left:before, .btn.services-icon-left:hover:before, .btn.services-icon-left:focus:before, .menu a.services-icon-left:before, .menu a.services-icon-left:hover:before, .menu a.services-icon-left:focus:before {
  background: rgba(0, 0, 0, 0.87);
}

.btn-colored.services-icon-left:before, .btn-colored.services-icon-left:hover:before, .btn-colored.services-icon-left:focus:before, .btn.btn-colored.services-icon-left:before, .btn.btn-colored.services-icon-left:hover:before, .btn.btn-colored.services-icon-left:focus:before {
  background: #546e7a;
}

.btn-accent.services-icon-left:before, .btn-accent.services-icon-left:hover:before, .btn-accent.services-icon-left:focus:before, .btn.btn-accent.services-icon-left:before, .btn.btn-accent.services-icon-left:hover:before, .btn.btn-accent.services-icon-left:focus:before {
  background: #00b0ff;
}

.btn-raised.services-icon-left.btn-colored:before, .btn-raised.services-icon-left.btn-colored:hover:before, .btn-raised.services-icon-left.btn-colored:focus:before, .btn.btn-raised.services-icon-left.btn-colored:before, .btn.btn-raised.services-icon-left.btn-colored:hover:before, .btn.btn-raised.services-icon-left.btn-colored:focus:before {
  background: #FFF;
}
.btn-raised.services-icon-left.btn-accent:before, .btn-raised.services-icon-left.btn-accent:hover:before, .btn-raised.services-icon-left.btn-accent:focus:before, .btn.btn-raised.services-icon-left.btn-accent:before, .btn.btn-raised.services-icon-left.btn-accent:hover:before, .btn.btn-raised.services-icon-left.btn-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}

.btn.btn-disabled.services-icon-left:before, .btn.btn-disabled.services-icon-left:hover:before, .btn.btn-disabled.services-icon-left:focus:before, .btn.btn-disabled.services-icon-left:active:before {
  background: rgba(0, 0, 0, 0.26);
}

.fab.services-icon-left:before, .fab.services-icon-left:hover:before, .fab.services-icon-left:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.fab.services-icon-left.fab-colored:before, .fab.services-icon-left.fab-colored:hover:before, .fab.services-icon-left.fab-colored:focus:before {
  background: #FFF;
}
.fab.services-icon-left.fab-accent:before, .fab.services-icon-left.fab-accent:hover:before, .fab.services-icon-left.fab-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}

.services-icon-left.si-android:before, .services-icon-left[data-icon=android]:before {
  -webkit-mask-position: -24px -192px;
          mask-position: -24px -192px;
}
.services-icon-left.si-apple:before, .services-icon-left[data-icon=apple]:before {
  -webkit-mask-position: -48px -192px;
          mask-position: -48px -192px;
}
.services-icon-left.si-behance:before, .services-icon-left[data-icon=behance]:before {
  -webkit-mask-position: -144px -48px;
          mask-position: -144px -48px;
}
.services-icon-left.si-bitbucket:before, .services-icon-left[data-icon=bitbucket]:before {
  -webkit-mask-position: -24px -120px;
          mask-position: -24px -120px;
}
.services-icon-left.si-blogger:before, .services-icon-left[data-icon=blogger]:before {
  -webkit-mask-position: -168px -48px;
          mask-position: -168px -48px;
}
.services-icon-left.si-digg:before, .services-icon-left[data-icon=digg]:before {
  -webkit-mask-position: -120px -72px;
          mask-position: -120px -72px;
}
.services-icon-left.si-discord:before, .services-icon-left[data-icon=discord]:before {
  -webkit-mask-position: -192px -192px;
          mask-position: -192px -192px;
}
.services-icon-left.si-disqus:before, .services-icon-left[data-icon=disqus]:before {
  -webkit-mask-position: -24px -96px;
          mask-position: -24px -96px;
}
.services-icon-left.si-disqus_outline:before, .services-icon-left[data-icon=disqus_outline]:before {
  -webkit-mask-position: 0 -96px;
          mask-position: 0 -96px;
}
.services-icon-left.si-disqus-outline:before, .services-icon-left[data-icon=disqus-outline]:before {
  -webkit-mask-position: 0 -96px;
          mask-position: 0 -96px;
}
.services-icon-left.si-dribbble:before, .services-icon-left[data-icon=dribbble]:before {
  -webkit-mask-position: -192px -48px;
          mask-position: -192px -48px;
}
.services-icon-left.si-dribbble_box:before, .services-icon-left[data-icon=dribbble_box]:before {
  -webkit-mask-position: -216px -48px;
          mask-position: -216px -48px;
}
.services-icon-left.si-dribbble-box:before, .services-icon-left[data-icon=dribbble-box]:before {
  -webkit-mask-position: -216px -48px;
          mask-position: -216px -48px;
}
.services-icon-left.si-drupal:before, .services-icon-left[data-icon=drupal]:before {
  -webkit-mask-position: -96px -120px;
          mask-position: -96px -120px;
}
.services-icon-left.si-evernote:before, .services-icon-left[data-icon=evernote]:before {
  -webkit-mask-position: -216px -72px;
          mask-position: -216px -72px;
}
.services-icon-left.si-facebook:before, .services-icon-left[data-icon=facebook]:before {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}
.services-icon-left.si-facebook-box:before, .services-icon-left[data-icon=facebook-box]:before {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}
.services-icon-left.si-facebook-messenger:before, .services-icon-left[data-icon=facebook-messenger]:before {
  -webkit-mask-position: -144px -120px;
          mask-position: -144px -120px;
}
.services-icon-left.si-facetime:before, .services-icon-left[data-icon=facetime]:before {
  -webkit-mask-position: -216px -168px;
          mask-position: -216px -168px;
}
.services-icon-left.si-fiverr:before, .services-icon-left[data-icon=fiverr]:before {
  -webkit-mask-position: -48px -216px;
          mask-position: -48px -216px;
}
.services-icon-left.si-flickr:before, .services-icon-left[data-icon=flickr]:before {
  -webkit-mask-position: -96px -96px;
          mask-position: -96px -96px;
}
.services-icon-left.si-foursquare:before, .services-icon-left[data-icon=foursquare]:before {
  -webkit-mask-position: -48px -96px;
          mask-position: -48px -96px;
}
.services-icon-left.si-github:before, .services-icon-left[data-icon=github]:before {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px;
}
.services-icon-left.si-github-box:before, .services-icon-left[data-icon=github-box]:before {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px;
}
.services-icon-left.si-gitlab:before, .services-icon-left[data-icon=gitlab]:before {
  -webkit-mask-position: 0 -216px;
          mask-position: 0 -216px;
}
.services-icon-left.si-google:before, .services-icon-left[data-icon=google]:before {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.services-icon-left.si-google-plus:before, .services-icon-left[data-icon=google-plus]:before {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.services-icon-left.si-google-chat:before, .services-icon-left[data-icon=google-chat]:before {
  -webkit-mask-position: -120px -168px;
          mask-position: -120px -168px;
}
.services-icon-left.si-google-meet:before, .services-icon-left[data-icon=google-meet]:before {
  -webkit-mask-position: -144px -168px;
          mask-position: -144px -168px;
}
.services-icon-left.si-google-photos:before, .services-icon-left[data-icon=google-photos]:before {
  -webkit-mask-position: -120px -96px;
          mask-position: -120px -96px;
}
.services-icon-left.si-google-play:before, .services-icon-left[data-icon=google-play]:before {
  -webkit-mask-position: 0 -192px;
          mask-position: 0 -192px;
}
.services-icon-left.si-google_circle:before, .services-icon-left[data-icon=google_circle]:before {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.services-icon-left.si-google-plus-box:before, .services-icon-left[data-icon=google-plus-box]:before {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.services-icon-left.si-imessage:before, .services-icon-left[data-icon=imessage]:before {
  -webkit-mask-position: -192px -168px;
          mask-position: -192px -168px;
}
.services-icon-left.si-imo:before, .services-icon-left[data-icon=imo]:before {
  -webkit-mask-position: 0 -168px;
          mask-position: 0 -168px;
}
.services-icon-left.si-instagram:before, .services-icon-left[data-icon=instagram]:before {
  -webkit-mask-position: 0 -24px;
          mask-position: 0 -24px;
}
.services-icon-left.si-instagram_circle:before, .services-icon-left[data-icon=instagram_circle]:before {
  -webkit-mask-position: -24px -24px;
          mask-position: -24px -24px;
}
.services-icon-left.si-instagram-box:before, .services-icon-left[data-icon=instagram-box]:before {
  -webkit-mask-position: -24px -24px;
          mask-position: -24px -24px;
}
.services-icon-left.si-kakaotalk:before, .services-icon-left[data-icon=kakaotalk]:before {
  -webkit-mask-position: -48px -168px;
          mask-position: -48px -168px;
}
.services-icon-left.si-kuaishou:before, .services-icon-left[data-icon=kuaishou]:before {
  -webkit-mask-position: -144px -192px;
          mask-position: -144px -192px;
}
.services-icon-left.si-lastfm:before, .services-icon-left[data-icon=lastfm]:before {
  -webkit-mask-position: -144px -96px;
          mask-position: -144px -96px;
}
.services-icon-left.si-lastfm_box:before, .services-icon-left[data-icon=lastfm_box]:before {
  -webkit-mask-position: -144px -72px;
          mask-position: -144px -72px;
}
.services-icon-left.si-likee:before, .services-icon-left[data-icon=likee]:before {
  -webkit-mask-position: -96px -216px;
          mask-position: -96px -216px;
}
.services-icon-left.si-line:before, .services-icon-left[data-icon=line]:before {
  -webkit-mask-position: -72px -168px;
          mask-position: -72px -168px;
}
.services-icon-left.si-line_box:before, .services-icon-left[data-icon=line_box]:before {
  -webkit-mask-position: -72px -144px;
          mask-position: -72px -144px;
}
.services-icon-left.si-linkedin:before, .services-icon-left[data-icon=linkedin]:before {
  -webkit-mask-position: -144px 0;
          mask-position: -144px 0;
}
.services-icon-left.si-linkedin_box:before, .services-icon-left[data-icon=linkedin_box]:before {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.services-icon-left.si-linkedin-box:before, .services-icon-left[data-icon=linkedin-box]:before {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.services-icon-left.si-livejournal:before, .services-icon-left[data-icon=livejournal]:before {
  -webkit-mask-position: -192px -72px;
          mask-position: -192px -72px;
}
.services-icon-left.si-medium:before, .services-icon-left[data-icon=medium]:before {
  -webkit-mask-position: 0 -72px;
          mask-position: 0 -72px;
}
.services-icon-left.si-microsoft-teams:before, .services-icon-left[data-icon=microsoft-teams]:before {
  -webkit-mask-position: -168px -168px;
          mask-position: -168px -168px;
}
.services-icon-left.si-odnoklassniki:before, .services-icon-left[data-icon=odnoklassniki]:before {
  -webkit-mask-position: -96px -24px;
          mask-position: -96px -24px;
}
.services-icon-left.si-odnoklassniki_box:before, .services-icon-left[data-icon=odnoklassniki_box]:before {
  -webkit-mask-position: -120px -24px;
          mask-position: -120px -24px;
}
.services-icon-left.si-odnoklassniki-box:before, .services-icon-left[data-icon=odnoklassniki-box]:before {
  -webkit-mask-position: -120px -24px;
          mask-position: -120px -24px;
}
.services-icon-left.si-periscope:before, .services-icon-left[data-icon=periscope]:before {
  -webkit-mask-position: -120px -48px;
          mask-position: -120px -48px;
}
.services-icon-left.si-picsart:before, .services-icon-left[data-icon=picsart]:before {
  -webkit-mask-position: -72px -216px;
          mask-position: -72px -216px;
}
.services-icon-left.si-pinterest:before, .services-icon-left[data-icon=pinterest]:before {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.services-icon-left.si-pinterest-box:before, .services-icon-left[data-icon=pinterest-box]:before {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.services-icon-left.si-pocket:before, .services-icon-left[data-icon=pocket]:before {
  -webkit-mask-position: -24px -72px;
          mask-position: -24px -72px;
}
.services-icon-left.si-qqchat:before, .services-icon-left[data-icon=qqchat]:before {
  -webkit-mask-position: -96px -144px;
          mask-position: -96px -144px;
}
.services-icon-left.si-quora:before, .services-icon-left[data-icon=quora]:before {
  -webkit-mask-position: -216px -192px;
          mask-position: -216px -192px;
}
.services-icon-left.si-qzone:before, .services-icon-left[data-icon=qzone]:before {
  -webkit-mask-position: -216px -24px;
          mask-position: -216px -24px;
}
.services-icon-left.si-reddit:before, .services-icon-left[data-icon=reddit]:before {
  -webkit-mask-position: -48px -72px;
          mask-position: -48px -72px;
}
.services-icon-left.si-renren:before, .services-icon-left[data-icon=renren]:before {
  -webkit-mask-position: -24px -48px;
          mask-position: -24px -48px;
}
.services-icon-left.si-signal:before, .services-icon-left[data-icon=signal]:before {
  -webkit-mask-position: -24px -168px;
          mask-position: -24px -168px;
}
.services-icon-left.si-sina-weibo:before, .services-icon-left[data-icon=sina-weibo]:before {
  -webkit-mask-position: -192px -24px;
          mask-position: -192px -24px;
}
.services-icon-left.si-skype:before, .services-icon-left[data-icon=skype]:before {
  -webkit-mask-position: 0 -144px;
          mask-position: 0 -144px;
}
.services-icon-left.si-skype-outline:before, .services-icon-left[data-icon=skype-outline]:before {
  -webkit-mask-position: 0 -144px;
          mask-position: 0 -144px;
}
.services-icon-left.si-slack:before, .services-icon-left[data-icon=slack]:before {
  -webkit-mask-position: -144px -144px;
          mask-position: -144px -144px;
}
.services-icon-left.si-snapchat:before, .services-icon-left[data-icon=snapchat]:before {
  -webkit-mask-position: -120px -144px;
          mask-position: -120px -144px;
}
.services-icon-left.si-snapchat_outlined:before, .services-icon-left[data-icon=snapchat_outlined]:before {
  -webkit-mask-position: -168px -72px;
          mask-position: -168px -72px;
}
.services-icon-left.si-soundcloud:before, .services-icon-left[data-icon=soundcloud]:before {
  -webkit-mask-position: -168px -96px;
          mask-position: -168px -96px;
}
.services-icon-left.si-spotify:before, .services-icon-left[data-icon=spotify]:before {
  -webkit-mask-position: -192px -96px;
          mask-position: -192px -96px;
}
.services-icon-left.si-stackexchange:before, .services-icon-left[data-icon=stackexchange]:before {
  -webkit-mask-position: -48px -120px;
          mask-position: -48px -120px;
}
.services-icon-left.si-stackoverflow:before, .services-icon-left[data-icon=stackoverflow]:before {
  -webkit-mask-position: -72px -120px;
          mask-position: -72px -120px;
}
.services-icon-left.si-swarm:before, .services-icon-left[data-icon=swarm]:before {
  -webkit-mask-position: -72px -96px;
          mask-position: -72px -96px;
}
.services-icon-left.si-telegram:before, .services-icon-left[data-icon=telegram]:before {
  -webkit-mask-position: -216px -120px;
          mask-position: -216px -120px;
}
.services-icon-left.si-tieba:before, .services-icon-left[data-icon=tieba]:before {
  -webkit-mask-position: -120px -192px;
          mask-position: -120px -192px;
}
.services-icon-left.si-tiktok:before, .services-icon-left[data-icon=tiktok]:before {
  -webkit-mask-position: -168px -192px;
          mask-position: -168px -192px;
}
.services-icon-left.si-trello:before, .services-icon-left[data-icon=trello]:before {
  -webkit-mask-position: -216px -96px;
          mask-position: -216px -96px;
}
.services-icon-left.si-tumblr:before, .services-icon-left[data-icon=tumblr]:before {
  -webkit-mask-position: -72px -72px;
          mask-position: -72px -72px;
}
.services-icon-left.si-tumblr_box:before, .services-icon-left[data-icon=tumblr_box]:before {
  -webkit-mask-position: 0 -48px;
          mask-position: 0 -48px;
}
.services-icon-left.si-twitch:before, .services-icon-left[data-icon=twitch]:before {
  -webkit-mask-position: -96px -72px;
          mask-position: -96px -72px;
}
.services-icon-left.si-twitter:before, .services-icon-left[data-icon=twitter]:before {
  -webkit-mask-position: -48px 0;
          mask-position: -48px 0;
}
.services-icon-left.si-twitter_circle:before, .services-icon-left[data-icon=twitter_circle]:before {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.services-icon-left.si-twitter-box:before, .services-icon-left[data-icon=twitter-box]:before {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.services-icon-left.si-upwork:before, .services-icon-left[data-icon=upwork]:before {
  -webkit-mask-position: -24px -216px;
          mask-position: -24px -216px;
}
.services-icon-left.si-viber:before, .services-icon-left[data-icon=viber]:before {
  -webkit-mask-position: -192px -120px;
          mask-position: -192px -120px;
}
.services-icon-left.si-vimeo:before, .services-icon-left[data-icon=vimeo]:before {
  -webkit-mask-position: -72px -48px;
          mask-position: -72px -48px;
}
.services-icon-left.si-vimeo_box:before, .services-icon-left[data-icon=vimeo_box]:before {
  -webkit-mask-position: -96px -48px;
          mask-position: -96px -48px;
}
.services-icon-left.si-vk:before, .services-icon-left[data-icon=vk]:before {
  -webkit-mask-position: -48px -24px;
          mask-position: -48px -24px;
}
.services-icon-left.si-vk-box:before, .services-icon-left[data-icon=vk-box]:before {
  -webkit-mask-position: -48px -24px;
          mask-position: -48px -24px;
}
.services-icon-left.si-wechat:before, .services-icon-left[data-icon=wechat]:before {
  -webkit-mask-position: -48px -144px;
          mask-position: -48px -144px;
}
.services-icon-left.si-whatsapp:before, .services-icon-left[data-icon=whatsapp]:before {
  -webkit-mask-position: -168px -120px;
          mask-position: -168px -120px;
}
.services-icon-left.si-wordpress:before, .services-icon-left[data-icon=wordpress]:before {
  -webkit-mask-position: -120px -120px;
          mask-position: -120px -120px;
}
.services-icon-left.si-xing:before, .services-icon-left[data-icon=xing]:before {
  -webkit-mask-position: -144px -24px;
          mask-position: -144px -24px;
}
.services-icon-left.si-xing_box:before, .services-icon-left[data-icon=xing_box]:before {
  -webkit-mask-position: -168px -24px;
          mask-position: -168px -24px;
}
.services-icon-left.si-xing-box:before, .services-icon-left[data-icon=xing-box]:before {
  -webkit-mask-position: -168px -24px;
          mask-position: -168px -24px;
}
.services-icon-left.si-yandex:before, .services-icon-left[data-icon=yandex]:before {
  -webkit-mask-position: -72px -192px;
          mask-position: -72px -192px;
}
.services-icon-left.si-yandex_ru:before, .services-icon-left[data-icon=yandex_ru]:before {
  -webkit-mask-position: -96px -192px;
          mask-position: -96px -192px;
}
.services-icon-left.si-youtube:before, .services-icon-left[data-icon=youtube]:before {
  -webkit-mask-position: -48px -48px;
          mask-position: -48px -48px;
}
.services-icon-left.si-zoom:before, .services-icon-left[data-icon=zoom]:before {
  -webkit-mask-position: -96px -168px;
          mask-position: -96px -168px;
}

.services-icon-right:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: " ";
  margin-left: 12px;
  float: right;
  background: rgba(0, 0, 0, 0.87);
  -webkit-mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
          mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/services-icons.svg) no-repeat;
}

.services-icon-right.icon-dark:after {
  background: rgba(0, 0, 0, 0.87) !important;
}

.services-icon-right.icon-secondary:after {
  background: rgba(0, 0, 0, 0.54);
}

.services-icon-right.icon-disabled:after {
  background: rgba(0, 0, 0, 0.26);
}

.services-icon-right.icon-light:after {
  background: #FFF !important;
}

.services-icon-right.icon-light.icon-disabled:after {
  background: rgba(255, 255, 255, 0.3) !important;
}

.services-icon-right.icon-primary:after {
  background: #607d8b;
}

.services-icon-right.icon-accent:after {
  background: #00b0ff;
}

a.services-icon-right:not(.btn):after {
  background: #00b0ff;
}
a.services-icon-right:not(.btn):hover:after {
  background: #0aa2ff;
}
a.services-icon-right:not(.btn):active:after {
  background: #0091ea;
}

.btn.services-icon-right:after, .btn.services-icon-right:hover:after, .btn.services-icon-right:focus:after {
  background: rgba(0, 0, 0, 0.87);
}

.btn-colored.services-icon-right:after, .btn-colored.services-icon-right:hover:after, .btn-colored.services-icon-right:focus:after, .btn.btn-colored.services-icon-right:after, .btn.btn-colored.services-icon-right:hover:after, .btn.btn-colored.services-icon-right:focus:after {
  background: #546e7a;
}

.btn-accent.services-icon-right:after, .btn-accent.services-icon-right:hover:after, .btn-accent.services-icon-right:focus:after, .btn.btn-accent.services-icon-right:after, .btn.btn-accent.services-icon-right:hover:after, .btn.btn-accent.services-icon-right:focus:after {
  background: #00b0ff;
}

.btn-raised.services-icon-right.btn-colored:after, .btn-raised.services-icon-right.btn-colored:hover:after, .btn-raised.services-icon-right.btn-colored:focus:after, .btn.btn-raised.services-icon-right.btn-colored:after, .btn.btn-raised.services-icon-right.btn-colored:hover:after, .btn.btn-raised.services-icon-right.btn-colored:focus:after {
  background: #FFF;
}
.btn-raised.services-icon-right.btn-accent:after, .btn-raised.services-icon-right.btn-accent:hover:after, .btn-raised.services-icon-right.btn-accent:focus:after, .btn.btn-raised.services-icon-right.btn-accent:after, .btn.btn-raised.services-icon-right.btn-accent:hover:after, .btn.btn-raised.services-icon-right.btn-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}

.btn.btn-disabled.services-icon-right:after, .btn.btn-disabled.services-icon-right:hover:after, .btn.btn-disabled.services-icon-right:focus:after, .btn.btn-disabled.services-icon-right:active:after {
  background: rgba(0, 0, 0, 0.26);
}

.fab.services-icon-right:after, .fab.services-icon-right:hover:after, .fab.services-icon-right:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.fab.services-icon-right.fab-colored:after, .fab.services-icon-right.fab-colored:hover:after, .fab.services-icon-right.fab-colored:focus:after {
  background: #FFF;
}
.fab.services-icon-right.fab-accent:after, .fab.services-icon-right.fab-accent:hover:after, .fab.services-icon-right.fab-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}

.services-icon-right.si-android:after, .services-icon-right[data-icon=android]:after {
  -webkit-mask-position: -24px -192px;
          mask-position: -24px -192px;
}
.services-icon-right.si-apple:after, .services-icon-right[data-icon=apple]:after {
  -webkit-mask-position: -48px -192px;
          mask-position: -48px -192px;
}
.services-icon-right.si-behance:after, .services-icon-right[data-icon=behance]:after {
  -webkit-mask-position: -144px -48px;
          mask-position: -144px -48px;
}
.services-icon-right.si-bitbucket:after, .services-icon-right[data-icon=bitbucket]:after {
  -webkit-mask-position: -24px -120px;
          mask-position: -24px -120px;
}
.services-icon-right.si-blogger:after, .services-icon-right[data-icon=blogger]:after {
  -webkit-mask-position: -168px -48px;
          mask-position: -168px -48px;
}
.services-icon-right.si-digg:after, .services-icon-right[data-icon=digg]:after {
  -webkit-mask-position: -120px -72px;
          mask-position: -120px -72px;
}
.services-icon-right.si-discord:after, .services-icon-right[data-icon=discord]:after {
  -webkit-mask-position: -192px -192px;
          mask-position: -192px -192px;
}
.services-icon-right.si-disqus:after, .services-icon-right[data-icon=disqus]:after {
  -webkit-mask-position: -24px -96px;
          mask-position: -24px -96px;
}
.services-icon-right.si-disqus_outline:after, .services-icon-right[data-icon=disqus_outline]:after {
  -webkit-mask-position: 0 -96px;
          mask-position: 0 -96px;
}
.services-icon-right.si-disqus-outline:after, .services-icon-right[data-icon=disqus-outline]:after {
  -webkit-mask-position: 0 -96px;
          mask-position: 0 -96px;
}
.services-icon-right.si-dribbble:after, .services-icon-right[data-icon=dribbble]:after {
  -webkit-mask-position: -192px -48px;
          mask-position: -192px -48px;
}
.services-icon-right.si-dribbble_box:after, .services-icon-right[data-icon=dribbble_box]:after {
  -webkit-mask-position: -216px -48px;
          mask-position: -216px -48px;
}
.services-icon-right.si-dribbble-box:after, .services-icon-right[data-icon=dribbble-box]:after {
  -webkit-mask-position: -216px -48px;
          mask-position: -216px -48px;
}
.services-icon-right.si-drupal:after, .services-icon-right[data-icon=drupal]:after {
  -webkit-mask-position: -96px -120px;
          mask-position: -96px -120px;
}
.services-icon-right.si-evernote:after, .services-icon-right[data-icon=evernote]:after {
  -webkit-mask-position: -216px -72px;
          mask-position: -216px -72px;
}
.services-icon-right.si-facebook:after, .services-icon-right[data-icon=facebook]:after {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}
.services-icon-right.si-facebook-box:after, .services-icon-right[data-icon=facebook-box]:after {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
}
.services-icon-right.si-facebook-messenger:after, .services-icon-right[data-icon=facebook-messenger]:after {
  -webkit-mask-position: -144px -120px;
          mask-position: -144px -120px;
}
.services-icon-right.si-facetime:after, .services-icon-right[data-icon=facetime]:after {
  -webkit-mask-position: -216px -168px;
          mask-position: -216px -168px;
}
.services-icon-right.si-fiverr:after, .services-icon-right[data-icon=fiverr]:after {
  -webkit-mask-position: -48px -216px;
          mask-position: -48px -216px;
}
.services-icon-right.si-flickr:after, .services-icon-right[data-icon=flickr]:after {
  -webkit-mask-position: -96px -96px;
          mask-position: -96px -96px;
}
.services-icon-right.si-foursquare:after, .services-icon-right[data-icon=foursquare]:after {
  -webkit-mask-position: -48px -96px;
          mask-position: -48px -96px;
}
.services-icon-right.si-github:after, .services-icon-right[data-icon=github]:after {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px;
}
.services-icon-right.si-github-box:after, .services-icon-right[data-icon=github-box]:after {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px;
}
.services-icon-right.si-gitlab:after, .services-icon-right[data-icon=gitlab]:after {
  -webkit-mask-position: 0 -216px;
          mask-position: 0 -216px;
}
.services-icon-right.si-google:after, .services-icon-right[data-icon=google]:after {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.services-icon-right.si-google-plus:after, .services-icon-right[data-icon=google-plus]:after {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.services-icon-right.si-google-chat:after, .services-icon-right[data-icon=google-chat]:after {
  -webkit-mask-position: -120px -168px;
          mask-position: -120px -168px;
}
.services-icon-right.si-google-meet:after, .services-icon-right[data-icon=google-meet]:after {
  -webkit-mask-position: -144px -168px;
          mask-position: -144px -168px;
}
.services-icon-right.si-google-photos:after, .services-icon-right[data-icon=google-photos]:after {
  -webkit-mask-position: -120px -96px;
          mask-position: -120px -96px;
}
.services-icon-right.si-google-play:after, .services-icon-right[data-icon=google-play]:after {
  -webkit-mask-position: 0 -192px;
          mask-position: 0 -192px;
}
.services-icon-right.si-google_circle:after, .services-icon-right[data-icon=google_circle]:after {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.services-icon-right.si-google-plus-box:after, .services-icon-right[data-icon=google-plus-box]:after {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.services-icon-right.si-imessage:after, .services-icon-right[data-icon=imessage]:after {
  -webkit-mask-position: -192px -168px;
          mask-position: -192px -168px;
}
.services-icon-right.si-imo:after, .services-icon-right[data-icon=imo]:after {
  -webkit-mask-position: 0 -168px;
          mask-position: 0 -168px;
}
.services-icon-right.si-instagram:after, .services-icon-right[data-icon=instagram]:after {
  -webkit-mask-position: 0 -24px;
          mask-position: 0 -24px;
}
.services-icon-right.si-instagram_circle:after, .services-icon-right[data-icon=instagram_circle]:after {
  -webkit-mask-position: -24px -24px;
          mask-position: -24px -24px;
}
.services-icon-right.si-instagram-box:after, .services-icon-right[data-icon=instagram-box]:after {
  -webkit-mask-position: -24px -24px;
          mask-position: -24px -24px;
}
.services-icon-right.si-kakaotalk:after, .services-icon-right[data-icon=kakaotalk]:after {
  -webkit-mask-position: -48px -168px;
          mask-position: -48px -168px;
}
.services-icon-right.si-kuaishou:after, .services-icon-right[data-icon=kuaishou]:after {
  -webkit-mask-position: -144px -192px;
          mask-position: -144px -192px;
}
.services-icon-right.si-lastfm:after, .services-icon-right[data-icon=lastfm]:after {
  -webkit-mask-position: -144px -96px;
          mask-position: -144px -96px;
}
.services-icon-right.si-lastfm_box:after, .services-icon-right[data-icon=lastfm_box]:after {
  -webkit-mask-position: -144px -72px;
          mask-position: -144px -72px;
}
.services-icon-right.si-likee:after, .services-icon-right[data-icon=likee]:after {
  -webkit-mask-position: -96px -216px;
          mask-position: -96px -216px;
}
.services-icon-right.si-line:after, .services-icon-right[data-icon=line]:after {
  -webkit-mask-position: -72px -168px;
          mask-position: -72px -168px;
}
.services-icon-right.si-line_box:after, .services-icon-right[data-icon=line_box]:after {
  -webkit-mask-position: -72px -144px;
          mask-position: -72px -144px;
}
.services-icon-right.si-linkedin:after, .services-icon-right[data-icon=linkedin]:after {
  -webkit-mask-position: -144px 0;
          mask-position: -144px 0;
}
.services-icon-right.si-linkedin_box:after, .services-icon-right[data-icon=linkedin_box]:after {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.services-icon-right.si-linkedin-box:after, .services-icon-right[data-icon=linkedin-box]:after {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.services-icon-right.si-livejournal:after, .services-icon-right[data-icon=livejournal]:after {
  -webkit-mask-position: -192px -72px;
          mask-position: -192px -72px;
}
.services-icon-right.si-medium:after, .services-icon-right[data-icon=medium]:after {
  -webkit-mask-position: 0 -72px;
          mask-position: 0 -72px;
}
.services-icon-right.si-microsoft-teams:after, .services-icon-right[data-icon=microsoft-teams]:after {
  -webkit-mask-position: -168px -168px;
          mask-position: -168px -168px;
}
.services-icon-right.si-odnoklassniki:after, .services-icon-right[data-icon=odnoklassniki]:after {
  -webkit-mask-position: -96px -24px;
          mask-position: -96px -24px;
}
.services-icon-right.si-odnoklassniki_box:after, .services-icon-right[data-icon=odnoklassniki_box]:after {
  -webkit-mask-position: -120px -24px;
          mask-position: -120px -24px;
}
.services-icon-right.si-odnoklassniki-box:after, .services-icon-right[data-icon=odnoklassniki-box]:after {
  -webkit-mask-position: -120px -24px;
          mask-position: -120px -24px;
}
.services-icon-right.si-periscope:after, .services-icon-right[data-icon=periscope]:after {
  -webkit-mask-position: -120px -48px;
          mask-position: -120px -48px;
}
.services-icon-right.si-picsart:after, .services-icon-right[data-icon=picsart]:after {
  -webkit-mask-position: -72px -216px;
          mask-position: -72px -216px;
}
.services-icon-right.si-pinterest:after, .services-icon-right[data-icon=pinterest]:after {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.services-icon-right.si-pinterest-box:after, .services-icon-right[data-icon=pinterest-box]:after {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.services-icon-right.si-pocket:after, .services-icon-right[data-icon=pocket]:after {
  -webkit-mask-position: -24px -72px;
          mask-position: -24px -72px;
}
.services-icon-right.si-qqchat:after, .services-icon-right[data-icon=qqchat]:after {
  -webkit-mask-position: -96px -144px;
          mask-position: -96px -144px;
}
.services-icon-right.si-quora:after, .services-icon-right[data-icon=quora]:after {
  -webkit-mask-position: -216px -192px;
          mask-position: -216px -192px;
}
.services-icon-right.si-qzone:after, .services-icon-right[data-icon=qzone]:after {
  -webkit-mask-position: -216px -24px;
          mask-position: -216px -24px;
}
.services-icon-right.si-reddit:after, .services-icon-right[data-icon=reddit]:after {
  -webkit-mask-position: -48px -72px;
          mask-position: -48px -72px;
}
.services-icon-right.si-renren:after, .services-icon-right[data-icon=renren]:after {
  -webkit-mask-position: -24px -48px;
          mask-position: -24px -48px;
}
.services-icon-right.si-signal:after, .services-icon-right[data-icon=signal]:after {
  -webkit-mask-position: -24px -168px;
          mask-position: -24px -168px;
}
.services-icon-right.si-sina-weibo:after, .services-icon-right[data-icon=sina-weibo]:after {
  -webkit-mask-position: -192px -24px;
          mask-position: -192px -24px;
}
.services-icon-right.si-skype:after, .services-icon-right[data-icon=skype]:after {
  -webkit-mask-position: 0 -144px;
          mask-position: 0 -144px;
}
.services-icon-right.si-skype-outline:after, .services-icon-right[data-icon=skype-outline]:after {
  -webkit-mask-position: 0 -144px;
          mask-position: 0 -144px;
}
.services-icon-right.si-slack:after, .services-icon-right[data-icon=slack]:after {
  -webkit-mask-position: -144px -144px;
          mask-position: -144px -144px;
}
.services-icon-right.si-snapchat:after, .services-icon-right[data-icon=snapchat]:after {
  -webkit-mask-position: -120px -144px;
          mask-position: -120px -144px;
}
.services-icon-right.si-snapchat_outlined:after, .services-icon-right[data-icon=snapchat_outlined]:after {
  -webkit-mask-position: -168px -72px;
          mask-position: -168px -72px;
}
.services-icon-right.si-soundcloud:after, .services-icon-right[data-icon=soundcloud]:after {
  -webkit-mask-position: -168px -96px;
          mask-position: -168px -96px;
}
.services-icon-right.si-spotify:after, .services-icon-right[data-icon=spotify]:after {
  -webkit-mask-position: -192px -96px;
          mask-position: -192px -96px;
}
.services-icon-right.si-stackexchange:after, .services-icon-right[data-icon=stackexchange]:after {
  -webkit-mask-position: -48px -120px;
          mask-position: -48px -120px;
}
.services-icon-right.si-stackoverflow:after, .services-icon-right[data-icon=stackoverflow]:after {
  -webkit-mask-position: -72px -120px;
          mask-position: -72px -120px;
}
.services-icon-right.si-swarm:after, .services-icon-right[data-icon=swarm]:after {
  -webkit-mask-position: -72px -96px;
          mask-position: -72px -96px;
}
.services-icon-right.si-telegram:after, .services-icon-right[data-icon=telegram]:after {
  -webkit-mask-position: -216px -120px;
          mask-position: -216px -120px;
}
.services-icon-right.si-tieba:after, .services-icon-right[data-icon=tieba]:after {
  -webkit-mask-position: -120px -192px;
          mask-position: -120px -192px;
}
.services-icon-right.si-tiktok:after, .services-icon-right[data-icon=tiktok]:after {
  -webkit-mask-position: -168px -192px;
          mask-position: -168px -192px;
}
.services-icon-right.si-trello:after, .services-icon-right[data-icon=trello]:after {
  -webkit-mask-position: -216px -96px;
          mask-position: -216px -96px;
}
.services-icon-right.si-tumblr:after, .services-icon-right[data-icon=tumblr]:after {
  -webkit-mask-position: -72px -72px;
          mask-position: -72px -72px;
}
.services-icon-right.si-tumblr_box:after, .services-icon-right[data-icon=tumblr_box]:after {
  -webkit-mask-position: 0 -48px;
          mask-position: 0 -48px;
}
.services-icon-right.si-twitch:after, .services-icon-right[data-icon=twitch]:after {
  -webkit-mask-position: -96px -72px;
          mask-position: -96px -72px;
}
.services-icon-right.si-twitter:after, .services-icon-right[data-icon=twitter]:after {
  -webkit-mask-position: -48px 0;
          mask-position: -48px 0;
}
.services-icon-right.si-twitter_circle:after, .services-icon-right[data-icon=twitter_circle]:after {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.services-icon-right.si-twitter-box:after, .services-icon-right[data-icon=twitter-box]:after {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.services-icon-right.si-upwork:after, .services-icon-right[data-icon=upwork]:after {
  -webkit-mask-position: -24px -216px;
          mask-position: -24px -216px;
}
.services-icon-right.si-viber:after, .services-icon-right[data-icon=viber]:after {
  -webkit-mask-position: -192px -120px;
          mask-position: -192px -120px;
}
.services-icon-right.si-vimeo:after, .services-icon-right[data-icon=vimeo]:after {
  -webkit-mask-position: -72px -48px;
          mask-position: -72px -48px;
}
.services-icon-right.si-vimeo_box:after, .services-icon-right[data-icon=vimeo_box]:after {
  -webkit-mask-position: -96px -48px;
          mask-position: -96px -48px;
}
.services-icon-right.si-vk:after, .services-icon-right[data-icon=vk]:after {
  -webkit-mask-position: -48px -24px;
          mask-position: -48px -24px;
}
.services-icon-right.si-vk-box:after, .services-icon-right[data-icon=vk-box]:after {
  -webkit-mask-position: -48px -24px;
          mask-position: -48px -24px;
}
.services-icon-right.si-wechat:after, .services-icon-right[data-icon=wechat]:after {
  -webkit-mask-position: -48px -144px;
          mask-position: -48px -144px;
}
.services-icon-right.si-whatsapp:after, .services-icon-right[data-icon=whatsapp]:after {
  -webkit-mask-position: -168px -120px;
          mask-position: -168px -120px;
}
.services-icon-right.si-wordpress:after, .services-icon-right[data-icon=wordpress]:after {
  -webkit-mask-position: -120px -120px;
          mask-position: -120px -120px;
}
.services-icon-right.si-xing:after, .services-icon-right[data-icon=xing]:after {
  -webkit-mask-position: -144px -24px;
          mask-position: -144px -24px;
}
.services-icon-right.si-xing_box:after, .services-icon-right[data-icon=xing_box]:after {
  -webkit-mask-position: -168px -24px;
          mask-position: -168px -24px;
}
.services-icon-right.si-xing-box:after, .services-icon-right[data-icon=xing-box]:after {
  -webkit-mask-position: -168px -24px;
          mask-position: -168px -24px;
}
.services-icon-right.si-yandex:after, .services-icon-right[data-icon=yandex]:after {
  -webkit-mask-position: -72px -192px;
          mask-position: -72px -192px;
}
.services-icon-right.si-yandex_ru:after, .services-icon-right[data-icon=yandex_ru]:after {
  -webkit-mask-position: -96px -192px;
          mask-position: -96px -192px;
}
.services-icon-right.si-youtube:after, .services-icon-right[data-icon=youtube]:after {
  -webkit-mask-position: -48px -48px;
          mask-position: -48px -48px;
}
.services-icon-right.si-zoom:after, .services-icon-right[data-icon=zoom]:after {
  -webkit-mask-position: -96px -168px;
          mask-position: -96px -168px;
}

.theme-dark .services-icons {
  background: #FFF;
}
.theme-dark .services-icons.icon-secondary {
  background: rgba(255, 255, 255, 0.7);
}
.theme-dark .services-icons.icon-disabled {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .services-icons.icon-primary {
  background: #78909c;
}
.theme-dark .services-icons.icon-accent {
  background: #40c4ff;
}
.theme-dark .btn .services-icons, .theme-dark .btn .services-icons:hover, .theme-dark .btn .services-icons:focus {
  background: #FFF;
}
.theme-dark .btn-colored .services-icons, .theme-dark .btn-colored:hover .services-icons, .theme-dark .btn-colored:focus .services-icons, .theme-dark .btn.btn-colored .services-icons, .theme-dark .btn.btn-colored:hover .services-icons, .theme-dark .btn.btn-colored:focus .services-icons {
  background: #78909c;
}
.theme-dark .btn-accent .services-icons, .theme-dark .btn-accent:hover .services-icons, .theme-dark .btn-accent:focus .services-icons, .theme-dark .btn.btn-accent .services-icons, .theme-dark .btn.btn-accent:hover .services-icons, .theme-dark .btn.btn-accent:focus .services-icons {
  background: #40c4ff;
}
.theme-dark .btn-raised.btn-colored .services-icons, .theme-dark .btn-raised.btn-colored:hover .services-icons, .theme-dark .btn-raised.btn-colored:focus .services-icons, .theme-dark .btn.btn-raised.btn-colored .services-icons, .theme-dark .btn.btn-raised.btn-colored:hover .services-icons, .theme-dark .btn.btn-raised.btn-colored:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.btn-accent .services-icons, .theme-dark .btn-raised.btn-accent:hover .services-icons, .theme-dark .btn-raised.btn-accent:focus .services-icons, .theme-dark .btn.btn-raised.btn-accent .services-icons, .theme-dark .btn.btn-raised.btn-accent:hover .services-icons, .theme-dark .btn.btn-raised.btn-accent:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn.btn-disabled .services-icons, .theme-dark .btn.btn-disabled:hover .services-icons, .theme-dark .btn.btn-disabled:focus .services-icons, .theme-dark .btn.btn-disabled:active .services-icons {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab .services-icons, .theme-dark .fab:hover .services-icons, .theme-dark .fab:focus .services-icons {
  background: #FFF;
}
.theme-dark .fab.fab-colored .services-icons, .theme-dark .fab.fab-colored:hover .services-icons, .theme-dark .fab.fab-colored:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.fab-accent .services-icons, .theme-dark .fab.fab-accent:hover .services-icons, .theme-dark .fab.fab-accent:focus .services-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .services-icon-left:before, .theme-dark .services-icon-right:after {
  background: #FFF;
}
.theme-dark .services-icon-left.icon-secondary:before, .theme-dark .services-icon-right.icon-secondary:after {
  background: rgba(255, 255, 255, 0.7);
}
.theme-dark .services-icon-left.icon-disabled:before, .theme-dark .services-icon-right.icon-disabled:after {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .services-icon-left.icon-primary:before, .theme-dark .services-icon-right.icon-primary:after {
  background: #78909c;
}
.theme-dark .services-icon-left.icon-accent:before, .theme-dark .services-icon-right.icon-accent:after {
  background: #40c4ff;
}
.theme-dark a.services-icon-left:not(.btn):before {
  background: #40c4ff;
}
.theme-dark a.services-icon-left:not(.btn):hover:before {
  background: #5fcdff;
}
.theme-dark a.services-icon-left:not(.btn):active:before {
  background: #80d8ff;
}
.theme-dark .btn.services-icon-left:before, .theme-dark .btn.services-icon-left:hover:before, .theme-dark .btn.services-icon-left:focus:before, .theme-dark .menu a.services-icon-left:before, .theme-dark .menu a.services-icon-left:hover:before, .theme-dark .menu a.services-icon-left:focus:before {
  background: #FFF;
}
.theme-dark .btn-colored.services-icon-left:before, .theme-dark .btn-colored.services-icon-left:hover:before, .theme-dark .btn-colored.services-icon-left:focus:before, .theme-dark .btn.btn-colored.services-icon-left:before, .theme-dark .btn.btn-colored.services-icon-left:hover:before, .theme-dark .btn.btn-colored.services-icon-left:focus:before {
  background: #78909c;
}
.theme-dark .btn-accent.services-icon-left:before, .theme-dark .btn-accent.services-icon-left:hover:before, .theme-dark .btn-accent.services-icon-left:focus:before, .theme-dark .btn.btn-accent.services-icon-left:before, .theme-dark .btn.btn-accent.services-icon-left:hover:before, .theme-dark .btn.btn-accent.services-icon-left:focus:before {
  background: #40c4ff;
}
.theme-dark .btn-raised.services-icon-left.btn-colored:before, .theme-dark .btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .btn-raised.services-icon-left.btn-colored:focus:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.services-icon-left.btn-accent:before, .theme-dark .btn-raised.services-icon-left.btn-accent:hover:before, .theme-dark .btn-raised.services-icon-left.btn-accent:focus:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:hover:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn.btn-disabled.services-icon-left:before, .theme-dark .btn.btn-disabled.services-icon-left:hover:before, .theme-dark .btn.btn-disabled.services-icon-left:focus:before, .theme-dark .btn.btn-disabled.services-icon-left:active:before {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab.services-icon-left:before, .theme-dark .fab.services-icon-left:hover:before, .theme-dark .fab.services-icon-left:focus:before {
  background: #FFF;
}
.theme-dark .fab.services-icon-left.fab-colored:before, .theme-dark .fab.services-icon-left.fab-colored:hover:before, .theme-dark .fab.services-icon-left.fab-colored:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.services-icon-left.fab-accent:before, .theme-dark .fab.services-icon-left.fab-accent:hover:before, .theme-dark .fab.services-icon-left.fab-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark a.services-icon-right:not(.btn):after {
  background: #40c4ff;
}
.theme-dark a.services-icon-right:not(.btn):hover:after {
  background: #5fcdff;
}
.theme-dark a.services-icon-right:not(.btn):active:after {
  background: #80d8ff;
}
.theme-dark .btn.services-icon-right:after, .theme-dark .btn.services-icon-right:hover:after, .theme-dark .btn.services-icon-right:focus:after {
  background: #FFF;
}
.theme-dark .btn-colored.services-icon-right:after, .theme-dark .btn-colored.services-icon-right:hover:after, .theme-dark .btn-colored.services-icon-right:focus:after, .theme-dark .btn.btn-colored.services-icon-right:after, .theme-dark .btn.btn-colored.services-icon-right:hover:after, .theme-dark .btn.btn-colored.services-icon-right:focus:after {
  background: #78909c;
}
.theme-dark .btn-accent.services-icon-right:after, .theme-dark .btn-accent.services-icon-right:hover:after, .theme-dark .btn-accent.services-icon-right:focus:after, .theme-dark .btn.btn-accent.services-icon-right:after, .theme-dark .btn.btn-accent.services-icon-right:hover:after, .theme-dark .btn.btn-accent.services-icon-right:focus:after {
  background: #40c4ff;
}
.theme-dark .btn-raised.services-icon-right.btn-colored:after, .theme-dark .btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .btn-raised.services-icon-right.btn-colored:focus:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.services-icon-right.btn-accent:after, .theme-dark .btn-raised.services-icon-right.btn-accent:hover:after, .theme-dark .btn-raised.services-icon-right.btn-accent:focus:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:hover:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn.btn-disabled.services-icon-right:after, .theme-dark .btn.btn-disabled.services-icon-right:hover:after, .theme-dark .btn.btn-disabled.services-icon-right:focus:after, .theme-dark .btn.btn-disabled.services-icon-right:active:after {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab.services-icon-right:after, .theme-dark .fab.services-icon-right:hover:after, .theme-dark .fab.services-icon-right:focus:after {
  background: #FFF;
}
.theme-dark .fab.services-icon-right.fab-colored:after, .theme-dark .fab.services-icon-right.fab-colored:hover:after, .theme-dark .fab.services-icon-right.fab-colored:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.services-icon-right.fab-accent:after, .theme-dark .fab.services-icon-right.fab-accent:hover:after, .theme-dark .fab.services-icon-right.fab-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
/*# sourceMappingURL=../css/services-icons.css.map */

/*})'"*/
/* break points */
/* mixins and functions */
.filetypes-icons {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
  opacity: 0.87;
}

.filetypes-icons.icon-secondary {
  opacity: 0.54;
}

.filetypes-icons.icon-disabled {
  opacity: 0.26;
}

.filetypes-icons.icon-colored {
  opacity: 1;
  background-position: 0 -24px;
}

.filetypes-icons.fi-doc, .filetypes-icons[data-icon=doc], .filetypes-icons.fi-txt, .filetypes-icons[data-icon=txt], .filetypes-icons.fi-docx, .filetypes-icons[data-icon=docx], .filetypes-icons.fi-rtf, .filetypes-icons[data-icon=rtf], .filetypes-icons.fi-odt, .filetypes-icons[data-icon=odt] {
  background-position: -24px 0;
}
.filetypes-icons.fi-sheet, .filetypes-icons[data-icon=sheet], .filetypes-icons.fi-xls, .filetypes-icons[data-icon=xls], .filetypes-icons.fi-xlsx, .filetypes-icons[data-icon=xlsx], .filetypes-icons.fi-csv, .filetypes-icons[data-icon=csv], .filetypes-icons.fi-ods, .filetypes-icons[data-icon=ods] {
  background-position: -48px 0;
}
.filetypes-icons.fi-ppt, .filetypes-icons[data-icon=presentation], .filetypes-icons.fi-ppt, .filetypes-icons[data-icon=ppt], .filetypes-icons.fi-pptx, .filetypes-icons[data-icon=pptx], .filetypes-icons.fi-key, .filetypes-icons[data-icon=key], .filetypes-icons.fi-odp, .filetypes-icons[data-icon=odp] {
  background-position: -72px 0;
}
.filetypes-icons.fi-pdf, .filetypes-icons[data-icon=pdf] {
  background-position: -96px 0;
}
.filetypes-icons.fi-image, .filetypes-icons[data-icon=image], .filetypes-icons.fi-jpg, .filetypes-icons[data-icon=jpg], .filetypes-icons.fi-jpeg, .filetypes-icons[data-icon=jpeg], .filetypes-icons.fi-png, .filetypes-icons[data-icon=png], .filetypes-icons.fi-gif, .filetypes-icons[data-icon=gif], .filetypes-icons.fi-psd, .filetypes-icons[data-icon=psd], .filetypes-icons.fi-svg, .filetypes-icons[data-icon=svg], .filetypes-icons.fi-ai, .filetypes-icons[data-icon=ai], .filetypes-icons.fi-eps, .filetypes-icons[data-icon=eps], .filetypes-icons.fi-cdr, .filetypes-icons[data-icon=cdr] {
  background-position: -120px 0;
}
.filetypes-icons.fi-video, .filetypes-icons[data-icon=video], .filetypes-icons.fi-avi, .filetypes-icons[data-icon=avi], .filetypes-icons.fi-mpg, .filetypes-icons[data-icon=mpg], .filetypes-icons.fi-mpeg, .filetypes-icons[data-icon=mpeg], .filetypes-icons.fi-mp4, .filetypes-icons[data-icon=mp4], .filetypes-icons.fi-mov, .filetypes-icons[data-icon=mov], .filetypes-icons.fi-flv, .filetypes-icons[data-icon=flv], .filetypes-icons.fi-mkv, .filetypes-icons[data-icon=mkv] {
  background-position: -144px 0;
}
.filetypes-icons.fi-audio, .filetypes-icons[data-icon=audio], .filetypes-icons.fi-mp3, .filetypes-icons[data-icon=mp3], .filetypes-icons.fi-flac, .filetypes-icons[data-icon=flac], .filetypes-icons.fi-ogg, .filetypes-icons[data-icon=ogg], .filetypes-icons.fi-wav, .filetypes-icons[data-icon=wav], .filetypes-icons.fi-ape, .filetypes-icons[data-icon=ape], .filetypes-icons.fi-m4a, .filetypes-icons[data-icon=m4a], .filetypes-icons.fi-aac, .filetypes-icons[data-icon=aac] {
  background-position: -168px 0;
}
.filetypes-icons.fi-archive, .filetypes-icons[data-icon=archive], .filetypes-icons.fi-zip, .filetypes-icons[data-icon=zip], .filetypes-icons.fi-rar, .filetypes-icons[data-icon=rar], .filetypes-icons.fi-gz, .filetypes-icons[data-icon=gz], .filetypes-icons.fi-7z, .filetypes-icons[data-icon="7z"], .filetypes-icons.fi-jar, .filetypes-icons[data-icon=jar], .filetypes-icons.fi-app, .filetypes-icons[data-icon=app], .filetypes-icons.fi-exe, .filetypes-icons[data-icon=exe], .filetypes-icons.fi-apk, .filetypes-icons[data-icon=apk], .filetypes-icons.fi-deb, .filetypes-icons[data-icon=deb], .filetypes-icons.fi-msi, .filetypes-icons[data-icon=msi], .filetypes-icons.fi-rpm, .filetypes-icons[data-icon=rpm] {
  background-position: -192px 0;
}
.filetypes-icons.fi-code, .filetypes-icons[data-icon=code], .filetypes-icons.fi-php, .filetypes-icons[data-icon=php], .filetypes-icons.fi-module, .filetypes-icons[data-icon=module], .filetypes-icons.fi-inc, .filetypes-icons[data-icon=inc], .filetypes-icons.fi-info, .filetypes-icons[data-icon=info], .filetypes-icons.fi-yml, .filetypes-icons[data-icon=yml], .filetypes-icons.fi-css, .filetypes-icons[data-icon=css], .filetypes-icons.fi-scss, .filetypes-icons[data-icon=scss], .filetypes-icons.fi-html, .filetypes-icons[data-icon=html], .filetypes-icons.fi-htm, .filetypes-icons[data-icon=htm], .filetypes-icons.fi-xml, .filetypes-icons[data-icon=xml], .filetypes-icons.fi-class, .filetypes-icons[data-icon=class], .filetypes-icons.fi-java, .filetypes-icons[data-icon=java], .filetypes-icons.fi-c, .filetypes-icons[data-icon=c], .filetypes-icons.fi-cpp, .filetypes-icons[data-icon=cpp], .filetypes-icons.fi-h, .filetypes-icons[data-icon=h], .filetypes-icons.fi-js, .filetypes-icons[data-icon=js], .filetypes-icons.fi-pl, .filetypes-icons[data-icon=pl], .filetypes-icons.fi-py, .filetypes-icons[data-icon=py], .filetypes-icons.fi-sh, .filetypes-icons[data-icon=sh] {
  background-position: -216px 0;
}

.filetypes-icons.icon-colored.fi-doc, .filetypes-icons.icon-colored[data-icon=doc], .filetypes-icons.icon-colored.fi-txt, .filetypes-icons.icon-colored[data-icon=txt], .filetypes-icons.icon-colored.fi-docx, .filetypes-icons.icon-colored[data-icon=docx], .filetypes-icons.icon-colored.fi-rtf, .filetypes-icons.icon-colored[data-icon=rtf], .filetypes-icons.icon-colored.fi-odt, .filetypes-icons.icon-colored[data-icon=odt] {
  background-position: -24px -24px;
}
.filetypes-icons.icon-colored.fi-sheet, .filetypes-icons.icon-colored[data-icon=sheet], .filetypes-icons.icon-colored.fi-xls, .filetypes-icons.icon-colored[data-icon=xls], .filetypes-icons.icon-colored.fi-xlsx, .filetypes-icons.icon-colored[data-icon=xlsx], .filetypes-icons.icon-colored.fi-csv, .filetypes-icons.icon-colored[data-icon=csv], .filetypes-icons.icon-colored.fi-ods, .filetypes-icons.icon-colored[data-icon=ods] {
  background-position: -48px -24px;
}
.filetypes-icons.icon-colored.fi-ppt, .filetypes-icons.icon-colored[data-icon=presentation], .filetypes-icons.icon-colored.fi-ppt, .filetypes-icons.icon-colored[data-icon=ppt], .filetypes-icons.icon-colored.fi-pptx, .filetypes-icons.icon-colored[data-icon=pptx], .filetypes-icons.icon-colored.fi-key, .filetypes-icons.icon-colored[data-icon=key], .filetypes-icons.icon-colored.fi-odp, .filetypes-icons.icon-colored[data-icon=odp] {
  background-position: -72px -24px;
}
.filetypes-icons.icon-colored.fi-pdf, .filetypes-icons.icon-colored[data-icon=pdf] {
  background-position: -96px -24px;
}
.filetypes-icons.icon-colored.fi-image, .filetypes-icons.icon-colored[data-icon=image], .filetypes-icons.icon-colored.fi-jpg, .filetypes-icons.icon-colored[data-icon=jpg], .filetypes-icons.icon-colored.fi-jpeg, .filetypes-icons.icon-colored[data-icon=jpeg], .filetypes-icons.icon-colored.fi-png, .filetypes-icons.icon-colored[data-icon=png], .filetypes-icons.icon-colored.fi-gif, .filetypes-icons.icon-colored[data-icon=gif], .filetypes-icons.icon-colored.fi-psd, .filetypes-icons.icon-colored[data-icon=psd], .filetypes-icons.icon-colored.fi-svg, .filetypes-icons.icon-colored[data-icon=svg], .filetypes-icons.icon-colored.fi-ai, .filetypes-icons.icon-colored[data-icon=ai], .filetypes-icons.icon-colored.fi-eps, .filetypes-icons.icon-colored[data-icon=eps], .filetypes-icons.icon-colored.fi-cdr, .filetypes-icons.icon-colored[data-icon=cdr] {
  background-position: -120px -24px;
}
.filetypes-icons.icon-colored.fi-video, .filetypes-icons.icon-colored[data-icon=video], .filetypes-icons.icon-colored.fi-avi, .filetypes-icons.icon-colored[data-icon=avi], .filetypes-icons.icon-colored.fi-mpg, .filetypes-icons.icon-colored[data-icon=mpg], .filetypes-icons.icon-colored.fi-mpeg, .filetypes-icons.icon-colored[data-icon=mpeg], .filetypes-icons.icon-colored.fi-mp4, .filetypes-icons.icon-colored[data-icon=mp4], .filetypes-icons.icon-colored.fi-mov, .filetypes-icons.icon-colored[data-icon=mov], .filetypes-icons.icon-colored.fi-flv, .filetypes-icons.icon-colored[data-icon=flv], .filetypes-icons.icon-colored.fi-mkv, .filetypes-icons.icon-colored[data-icon=mkv] {
  background-position: -144px -24px;
}
.filetypes-icons.icon-colored.fi-audio, .filetypes-icons.icon-colored[data-icon=audio], .filetypes-icons.icon-colored.fi-mp3, .filetypes-icons.icon-colored[data-icon=mp3], .filetypes-icons.icon-colored.fi-flac, .filetypes-icons.icon-colored[data-icon=flac], .filetypes-icons.icon-colored.fi-ogg, .filetypes-icons.icon-colored[data-icon=ogg], .filetypes-icons.icon-colored.fi-wav, .filetypes-icons.icon-colored[data-icon=wav], .filetypes-icons.icon-colored.fi-ape, .filetypes-icons.icon-colored[data-icon=ape], .filetypes-icons.icon-colored.fi-m4a, .filetypes-icons.icon-colored[data-icon=m4a], .filetypes-icons.icon-colored.fi-aac, .filetypes-icons.icon-colored[data-icon=aac] {
  background-position: -168px -24px;
}
.filetypes-icons.icon-colored.fi-archive, .filetypes-icons.icon-colored[data-icon=archive], .filetypes-icons.icon-colored.fi-zip, .filetypes-icons.icon-colored[data-icon=zip], .filetypes-icons.icon-colored.fi-rar, .filetypes-icons.icon-colored[data-icon=rar], .filetypes-icons.icon-colored.fi-gz, .filetypes-icons.icon-colored[data-icon=gz], .filetypes-icons.icon-colored.fi-7z, .filetypes-icons.icon-colored[data-icon="7z"], .filetypes-icons.icon-colored.fi-jar, .filetypes-icons.icon-colored[data-icon=jar], .filetypes-icons.icon-colored.fi-app, .filetypes-icons.icon-colored[data-icon=app], .filetypes-icons.icon-colored.fi-exe, .filetypes-icons.icon-colored[data-icon=exe], .filetypes-icons.icon-colored.fi-apk, .filetypes-icons.icon-colored[data-icon=apk], .filetypes-icons.icon-colored.fi-deb, .filetypes-icons.icon-colored[data-icon=deb], .filetypes-icons.icon-colored.fi-msi, .filetypes-icons.icon-colored[data-icon=msi], .filetypes-icons.icon-colored.fi-rpm, .filetypes-icons.icon-colored[data-icon=rpm] {
  background-position: -192px -24px;
}
.filetypes-icons.icon-colored.fi-code, .filetypes-icons.icon-colored[data-icon=code], .filetypes-icons.icon-colored.fi-php, .filetypes-icons.icon-colored[data-icon=php], .filetypes-icons.icon-colored.fi-module, .filetypes-icons.icon-colored[data-icon=module], .filetypes-icons.icon-colored.fi-inc, .filetypes-icons.icon-colored[data-icon=inc], .filetypes-icons.icon-colored.fi-info, .filetypes-icons.icon-colored[data-icon=info], .filetypes-icons.icon-colored.fi-yml, .filetypes-icons.icon-colored[data-icon=yml], .filetypes-icons.icon-colored.fi-css, .filetypes-icons.icon-colored[data-icon=css], .filetypes-icons.icon-colored.fi-scss, .filetypes-icons.icon-colored[data-icon=scss], .filetypes-icons.icon-colored.fi-html, .filetypes-icons.icon-colored[data-icon=html], .filetypes-icons.icon-colored.fi-htm, .filetypes-icons.icon-colored[data-icon=htm], .filetypes-icons.icon-colored.fi-xml, .filetypes-icons.icon-colored[data-icon=xml], .filetypes-icons.icon-colored.fi-class, .filetypes-icons.icon-colored[data-icon=class], .filetypes-icons.icon-colored.fi-java, .filetypes-icons.icon-colored[data-icon=java], .filetypes-icons.icon-colored.fi-c, .filetypes-icons.icon-colored[data-icon=c], .filetypes-icons.icon-colored.fi-cpp, .filetypes-icons.icon-colored[data-icon=cpp], .filetypes-icons.icon-colored.fi-h, .filetypes-icons.icon-colored[data-icon=h], .filetypes-icons.icon-colored.fi-js, .filetypes-icons.icon-colored[data-icon=js], .filetypes-icons.icon-colored.fi-pl, .filetypes-icons.icon-colored[data-icon=pl], .filetypes-icons.icon-colored.fi-py, .filetypes-icons.icon-colored[data-icon=py], .filetypes-icons.icon-colored.fi-sh, .filetypes-icons.icon-colored[data-icon=sh] {
  background-position: -216px -24px;
}

.filetypes-icons.icon-dark {
  background: rgba(0, 0, 0, 0.87) !important;
}

.filetypes-icons.icon-light {
  background: #FFF !important;
}

.filetypes-icons.icon-light.icon-disabled {
  background: rgba(255, 255, 255, 0.3) !important;
}

.filetypes-icons.icon-primary {
  background: #607d8b;
}

.filetypes-icons.icon-accent {
  background: #00b0ff;
}

.btn .filetypes-icons, .btn .filetypes-icons:hover, .btn .filetypes-icons:focus {
  background: rgba(0, 0, 0, 0.87);
}

.btn-colored .filetypes-icons, .btn-colored:hover .filetypes-icons, .btn-colored:focus .filetypes-icons, .btn.btn-colored .filetypes-icons, .btn.btn-colored:hover .filetypes-icons, .btn.btn-colored:focus .filetypes-icons {
  background: #546e7a;
}

.btn-accent .filetypes-icons, .btn-accent:hover .filetypes-icons, .btn-accent:focus .filetypes-icons, .btn.btn-accent .filetypes-icons, .btn.btn-accent:hover .filetypes-icons, .btn.btn-accent:focus .filetypes-icons {
  background: #00b0ff;
}

.btn-raised.btn-colored .filetypes-icons, .btn-raised.btn-colored:hover .filetypes-icons, .btn-raised.btn-colored:focus .filetypes-icons, .btn.btn-raised.btn-colored .filetypes-icons, .btn.btn-raised.btn-colored:hover .filetypes-icons, .btn.btn-raised.btn-colored:focus .filetypes-icons {
  background: #FFF;
}
.btn-raised.btn-accent .filetypes-icons, .btn-raised.btn-accent:hover .filetypes-icons, .btn-raised.btn-accent:focus .filetypes-icons, .btn.btn-raised.btn-accent .filetypes-icons, .btn.btn-raised.btn-accent:hover .filetypes-icons, .btn.btn-raised.btn-accent:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}

.btn.btn-disabled .filetypes-icons, .btn.btn-disabled:hover .filetypes-icons, .btn.btn-disabled:focus .filetypes-icons, .btn.btn-disabled:active .filetypes-icons {
  background: rgba(0, 0, 0, 0.26);
}

.fab .filetypes-icons, .fab:hover .filetypes-icons, .fab:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}
.fab.fab-colored .filetypes-icons, .fab.fab-colored:hover .filetypes-icons, .fab.fab-colored:focus .filetypes-icons {
  background: #FFF;
}
.fab.fab-accent .filetypes-icons, .fab.fab-accent:hover .filetypes-icons, .fab.fab-accent:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}

.filetypes-icons.icon-dark,
.filetypes-icons.icon-light,
.filetypes-icons.icon-primary,
.filetypes-icons.icon-accent,
.btn .filetypes-icons, .fab .filetypes-icons,
.theme-dark .filetypes-icons {
  opacity: 1;
  -webkit-mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
          mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
}
.filetypes-icons.icon-dark.fi-doc, .filetypes-icons.icon-dark[data-icon=doc], .filetypes-icons.icon-dark.fi-txt, .filetypes-icons.icon-dark[data-icon=txt], .filetypes-icons.icon-dark.fi-docx, .filetypes-icons.icon-dark[data-icon=docx], .filetypes-icons.icon-dark.fi-rtf, .filetypes-icons.icon-dark[data-icon=rtf], .filetypes-icons.icon-dark.fi-odt, .filetypes-icons.icon-dark[data-icon=odt],
.filetypes-icons.icon-light.fi-doc,
.filetypes-icons.icon-light[data-icon=doc],
.filetypes-icons.icon-light.fi-txt,
.filetypes-icons.icon-light[data-icon=txt],
.filetypes-icons.icon-light.fi-docx,
.filetypes-icons.icon-light[data-icon=docx],
.filetypes-icons.icon-light.fi-rtf,
.filetypes-icons.icon-light[data-icon=rtf],
.filetypes-icons.icon-light.fi-odt,
.filetypes-icons.icon-light[data-icon=odt],
.filetypes-icons.icon-primary.fi-doc,
.filetypes-icons.icon-primary[data-icon=doc],
.filetypes-icons.icon-primary.fi-txt,
.filetypes-icons.icon-primary[data-icon=txt],
.filetypes-icons.icon-primary.fi-docx,
.filetypes-icons.icon-primary[data-icon=docx],
.filetypes-icons.icon-primary.fi-rtf,
.filetypes-icons.icon-primary[data-icon=rtf],
.filetypes-icons.icon-primary.fi-odt,
.filetypes-icons.icon-primary[data-icon=odt],
.filetypes-icons.icon-accent.fi-doc,
.filetypes-icons.icon-accent[data-icon=doc],
.filetypes-icons.icon-accent.fi-txt,
.filetypes-icons.icon-accent[data-icon=txt],
.filetypes-icons.icon-accent.fi-docx,
.filetypes-icons.icon-accent[data-icon=docx],
.filetypes-icons.icon-accent.fi-rtf,
.filetypes-icons.icon-accent[data-icon=rtf],
.filetypes-icons.icon-accent.fi-odt,
.filetypes-icons.icon-accent[data-icon=odt],
.btn .filetypes-icons.fi-doc,
.btn .filetypes-icons[data-icon=doc],
.btn .filetypes-icons.fi-txt,
.btn .filetypes-icons[data-icon=txt],
.btn .filetypes-icons.fi-docx,
.btn .filetypes-icons[data-icon=docx],
.btn .filetypes-icons.fi-rtf,
.btn .filetypes-icons[data-icon=rtf],
.btn .filetypes-icons.fi-odt,
.btn .filetypes-icons[data-icon=odt], .fab .filetypes-icons.fi-doc, .fab .filetypes-icons[data-icon=doc], .fab .filetypes-icons.fi-txt, .fab .filetypes-icons[data-icon=txt], .fab .filetypes-icons.fi-docx, .fab .filetypes-icons[data-icon=docx], .fab .filetypes-icons.fi-rtf, .fab .filetypes-icons[data-icon=rtf], .fab .filetypes-icons.fi-odt, .fab .filetypes-icons[data-icon=odt],
.theme-dark .filetypes-icons.fi-doc,
.theme-dark .filetypes-icons[data-icon=doc],
.theme-dark .filetypes-icons.fi-txt,
.theme-dark .filetypes-icons[data-icon=txt],
.theme-dark .filetypes-icons.fi-docx,
.theme-dark .filetypes-icons[data-icon=docx],
.theme-dark .filetypes-icons.fi-rtf,
.theme-dark .filetypes-icons[data-icon=rtf],
.theme-dark .filetypes-icons.fi-odt,
.theme-dark .filetypes-icons[data-icon=odt] {
  -webkit-mask-position: -24px 0;
          mask-position: -24px 0;
}
.filetypes-icons.icon-dark.fi-sheet, .filetypes-icons.icon-dark[data-icon=sheet], .filetypes-icons.icon-dark.fi-xls, .filetypes-icons.icon-dark[data-icon=xls], .filetypes-icons.icon-dark.fi-xlsx, .filetypes-icons.icon-dark[data-icon=xlsx], .filetypes-icons.icon-dark.fi-csv, .filetypes-icons.icon-dark[data-icon=csv], .filetypes-icons.icon-dark.fi-ods, .filetypes-icons.icon-dark[data-icon=ods],
.filetypes-icons.icon-light.fi-sheet,
.filetypes-icons.icon-light[data-icon=sheet],
.filetypes-icons.icon-light.fi-xls,
.filetypes-icons.icon-light[data-icon=xls],
.filetypes-icons.icon-light.fi-xlsx,
.filetypes-icons.icon-light[data-icon=xlsx],
.filetypes-icons.icon-light.fi-csv,
.filetypes-icons.icon-light[data-icon=csv],
.filetypes-icons.icon-light.fi-ods,
.filetypes-icons.icon-light[data-icon=ods],
.filetypes-icons.icon-primary.fi-sheet,
.filetypes-icons.icon-primary[data-icon=sheet],
.filetypes-icons.icon-primary.fi-xls,
.filetypes-icons.icon-primary[data-icon=xls],
.filetypes-icons.icon-primary.fi-xlsx,
.filetypes-icons.icon-primary[data-icon=xlsx],
.filetypes-icons.icon-primary.fi-csv,
.filetypes-icons.icon-primary[data-icon=csv],
.filetypes-icons.icon-primary.fi-ods,
.filetypes-icons.icon-primary[data-icon=ods],
.filetypes-icons.icon-accent.fi-sheet,
.filetypes-icons.icon-accent[data-icon=sheet],
.filetypes-icons.icon-accent.fi-xls,
.filetypes-icons.icon-accent[data-icon=xls],
.filetypes-icons.icon-accent.fi-xlsx,
.filetypes-icons.icon-accent[data-icon=xlsx],
.filetypes-icons.icon-accent.fi-csv,
.filetypes-icons.icon-accent[data-icon=csv],
.filetypes-icons.icon-accent.fi-ods,
.filetypes-icons.icon-accent[data-icon=ods],
.btn .filetypes-icons.fi-sheet,
.btn .filetypes-icons[data-icon=sheet],
.btn .filetypes-icons.fi-xls,
.btn .filetypes-icons[data-icon=xls],
.btn .filetypes-icons.fi-xlsx,
.btn .filetypes-icons[data-icon=xlsx],
.btn .filetypes-icons.fi-csv,
.btn .filetypes-icons[data-icon=csv],
.btn .filetypes-icons.fi-ods,
.btn .filetypes-icons[data-icon=ods], .fab .filetypes-icons.fi-sheet, .fab .filetypes-icons[data-icon=sheet], .fab .filetypes-icons.fi-xls, .fab .filetypes-icons[data-icon=xls], .fab .filetypes-icons.fi-xlsx, .fab .filetypes-icons[data-icon=xlsx], .fab .filetypes-icons.fi-csv, .fab .filetypes-icons[data-icon=csv], .fab .filetypes-icons.fi-ods, .fab .filetypes-icons[data-icon=ods],
.theme-dark .filetypes-icons.fi-sheet,
.theme-dark .filetypes-icons[data-icon=sheet],
.theme-dark .filetypes-icons.fi-xls,
.theme-dark .filetypes-icons[data-icon=xls],
.theme-dark .filetypes-icons.fi-xlsx,
.theme-dark .filetypes-icons[data-icon=xlsx],
.theme-dark .filetypes-icons.fi-csv,
.theme-dark .filetypes-icons[data-icon=csv],
.theme-dark .filetypes-icons.fi-ods,
.theme-dark .filetypes-icons[data-icon=ods] {
  -webkit-mask-position: -48px 0;
          mask-position: -48px 0;
}
.filetypes-icons.icon-dark.fi-ppt, .filetypes-icons.icon-dark[data-icon=presentation], .filetypes-icons.icon-dark.fi-ppt, .filetypes-icons.icon-dark[data-icon=ppt], .filetypes-icons.icon-dark.fi-pptx, .filetypes-icons.icon-dark[data-icon=pptx], .filetypes-icons.icon-dark.fi-key, .filetypes-icons.icon-dark[data-icon=key], .filetypes-icons.icon-dark.fi-odp, .filetypes-icons.icon-dark[data-icon=odp],
.filetypes-icons.icon-light.fi-ppt,
.filetypes-icons.icon-light[data-icon=presentation],
.filetypes-icons.icon-light.fi-ppt,
.filetypes-icons.icon-light[data-icon=ppt],
.filetypes-icons.icon-light.fi-pptx,
.filetypes-icons.icon-light[data-icon=pptx],
.filetypes-icons.icon-light.fi-key,
.filetypes-icons.icon-light[data-icon=key],
.filetypes-icons.icon-light.fi-odp,
.filetypes-icons.icon-light[data-icon=odp],
.filetypes-icons.icon-primary.fi-ppt,
.filetypes-icons.icon-primary[data-icon=presentation],
.filetypes-icons.icon-primary.fi-ppt,
.filetypes-icons.icon-primary[data-icon=ppt],
.filetypes-icons.icon-primary.fi-pptx,
.filetypes-icons.icon-primary[data-icon=pptx],
.filetypes-icons.icon-primary.fi-key,
.filetypes-icons.icon-primary[data-icon=key],
.filetypes-icons.icon-primary.fi-odp,
.filetypes-icons.icon-primary[data-icon=odp],
.filetypes-icons.icon-accent.fi-ppt,
.filetypes-icons.icon-accent[data-icon=presentation],
.filetypes-icons.icon-accent.fi-ppt,
.filetypes-icons.icon-accent[data-icon=ppt],
.filetypes-icons.icon-accent.fi-pptx,
.filetypes-icons.icon-accent[data-icon=pptx],
.filetypes-icons.icon-accent.fi-key,
.filetypes-icons.icon-accent[data-icon=key],
.filetypes-icons.icon-accent.fi-odp,
.filetypes-icons.icon-accent[data-icon=odp],
.btn .filetypes-icons.fi-ppt,
.btn .filetypes-icons[data-icon=presentation],
.btn .filetypes-icons.fi-ppt,
.btn .filetypes-icons[data-icon=ppt],
.btn .filetypes-icons.fi-pptx,
.btn .filetypes-icons[data-icon=pptx],
.btn .filetypes-icons.fi-key,
.btn .filetypes-icons[data-icon=key],
.btn .filetypes-icons.fi-odp,
.btn .filetypes-icons[data-icon=odp], .fab .filetypes-icons.fi-ppt, .fab .filetypes-icons[data-icon=presentation], .fab .filetypes-icons.fi-ppt, .fab .filetypes-icons[data-icon=ppt], .fab .filetypes-icons.fi-pptx, .fab .filetypes-icons[data-icon=pptx], .fab .filetypes-icons.fi-key, .fab .filetypes-icons[data-icon=key], .fab .filetypes-icons.fi-odp, .fab .filetypes-icons[data-icon=odp],
.theme-dark .filetypes-icons.fi-ppt,
.theme-dark .filetypes-icons[data-icon=presentation],
.theme-dark .filetypes-icons.fi-ppt,
.theme-dark .filetypes-icons[data-icon=ppt],
.theme-dark .filetypes-icons.fi-pptx,
.theme-dark .filetypes-icons[data-icon=pptx],
.theme-dark .filetypes-icons.fi-key,
.theme-dark .filetypes-icons[data-icon=key],
.theme-dark .filetypes-icons.fi-odp,
.theme-dark .filetypes-icons[data-icon=odp] {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.filetypes-icons.icon-dark.fi-pdf, .filetypes-icons.icon-dark[data-icon=pdf],
.filetypes-icons.icon-light.fi-pdf,
.filetypes-icons.icon-light[data-icon=pdf],
.filetypes-icons.icon-primary.fi-pdf,
.filetypes-icons.icon-primary[data-icon=pdf],
.filetypes-icons.icon-accent.fi-pdf,
.filetypes-icons.icon-accent[data-icon=pdf],
.btn .filetypes-icons.fi-pdf,
.btn .filetypes-icons[data-icon=pdf], .fab .filetypes-icons.fi-pdf, .fab .filetypes-icons[data-icon=pdf],
.theme-dark .filetypes-icons.fi-pdf,
.theme-dark .filetypes-icons[data-icon=pdf] {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.filetypes-icons.icon-dark.fi-image, .filetypes-icons.icon-dark[data-icon=image], .filetypes-icons.icon-dark.fi-jpg, .filetypes-icons.icon-dark[data-icon=jpg], .filetypes-icons.icon-dark.fi-jpeg, .filetypes-icons.icon-dark[data-icon=jpeg], .filetypes-icons.icon-dark.fi-png, .filetypes-icons.icon-dark[data-icon=png], .filetypes-icons.icon-dark.fi-gif, .filetypes-icons.icon-dark[data-icon=gif], .filetypes-icons.icon-dark.fi-psd, .filetypes-icons.icon-dark[data-icon=psd], .filetypes-icons.icon-dark.fi-svg, .filetypes-icons.icon-dark[data-icon=svg], .filetypes-icons.icon-dark.fi-ai, .filetypes-icons.icon-dark[data-icon=ai], .filetypes-icons.icon-dark.fi-eps, .filetypes-icons.icon-dark[data-icon=eps], .filetypes-icons.icon-dark.fi-cdr, .filetypes-icons.icon-dark[data-icon=cdr],
.filetypes-icons.icon-light.fi-image,
.filetypes-icons.icon-light[data-icon=image],
.filetypes-icons.icon-light.fi-jpg,
.filetypes-icons.icon-light[data-icon=jpg],
.filetypes-icons.icon-light.fi-jpeg,
.filetypes-icons.icon-light[data-icon=jpeg],
.filetypes-icons.icon-light.fi-png,
.filetypes-icons.icon-light[data-icon=png],
.filetypes-icons.icon-light.fi-gif,
.filetypes-icons.icon-light[data-icon=gif],
.filetypes-icons.icon-light.fi-psd,
.filetypes-icons.icon-light[data-icon=psd],
.filetypes-icons.icon-light.fi-svg,
.filetypes-icons.icon-light[data-icon=svg],
.filetypes-icons.icon-light.fi-ai,
.filetypes-icons.icon-light[data-icon=ai],
.filetypes-icons.icon-light.fi-eps,
.filetypes-icons.icon-light[data-icon=eps],
.filetypes-icons.icon-light.fi-cdr,
.filetypes-icons.icon-light[data-icon=cdr],
.filetypes-icons.icon-primary.fi-image,
.filetypes-icons.icon-primary[data-icon=image],
.filetypes-icons.icon-primary.fi-jpg,
.filetypes-icons.icon-primary[data-icon=jpg],
.filetypes-icons.icon-primary.fi-jpeg,
.filetypes-icons.icon-primary[data-icon=jpeg],
.filetypes-icons.icon-primary.fi-png,
.filetypes-icons.icon-primary[data-icon=png],
.filetypes-icons.icon-primary.fi-gif,
.filetypes-icons.icon-primary[data-icon=gif],
.filetypes-icons.icon-primary.fi-psd,
.filetypes-icons.icon-primary[data-icon=psd],
.filetypes-icons.icon-primary.fi-svg,
.filetypes-icons.icon-primary[data-icon=svg],
.filetypes-icons.icon-primary.fi-ai,
.filetypes-icons.icon-primary[data-icon=ai],
.filetypes-icons.icon-primary.fi-eps,
.filetypes-icons.icon-primary[data-icon=eps],
.filetypes-icons.icon-primary.fi-cdr,
.filetypes-icons.icon-primary[data-icon=cdr],
.filetypes-icons.icon-accent.fi-image,
.filetypes-icons.icon-accent[data-icon=image],
.filetypes-icons.icon-accent.fi-jpg,
.filetypes-icons.icon-accent[data-icon=jpg],
.filetypes-icons.icon-accent.fi-jpeg,
.filetypes-icons.icon-accent[data-icon=jpeg],
.filetypes-icons.icon-accent.fi-png,
.filetypes-icons.icon-accent[data-icon=png],
.filetypes-icons.icon-accent.fi-gif,
.filetypes-icons.icon-accent[data-icon=gif],
.filetypes-icons.icon-accent.fi-psd,
.filetypes-icons.icon-accent[data-icon=psd],
.filetypes-icons.icon-accent.fi-svg,
.filetypes-icons.icon-accent[data-icon=svg],
.filetypes-icons.icon-accent.fi-ai,
.filetypes-icons.icon-accent[data-icon=ai],
.filetypes-icons.icon-accent.fi-eps,
.filetypes-icons.icon-accent[data-icon=eps],
.filetypes-icons.icon-accent.fi-cdr,
.filetypes-icons.icon-accent[data-icon=cdr],
.btn .filetypes-icons.fi-image,
.btn .filetypes-icons[data-icon=image],
.btn .filetypes-icons.fi-jpg,
.btn .filetypes-icons[data-icon=jpg],
.btn .filetypes-icons.fi-jpeg,
.btn .filetypes-icons[data-icon=jpeg],
.btn .filetypes-icons.fi-png,
.btn .filetypes-icons[data-icon=png],
.btn .filetypes-icons.fi-gif,
.btn .filetypes-icons[data-icon=gif],
.btn .filetypes-icons.fi-psd,
.btn .filetypes-icons[data-icon=psd],
.btn .filetypes-icons.fi-svg,
.btn .filetypes-icons[data-icon=svg],
.btn .filetypes-icons.fi-ai,
.btn .filetypes-icons[data-icon=ai],
.btn .filetypes-icons.fi-eps,
.btn .filetypes-icons[data-icon=eps],
.btn .filetypes-icons.fi-cdr,
.btn .filetypes-icons[data-icon=cdr], .fab .filetypes-icons.fi-image, .fab .filetypes-icons[data-icon=image], .fab .filetypes-icons.fi-jpg, .fab .filetypes-icons[data-icon=jpg], .fab .filetypes-icons.fi-jpeg, .fab .filetypes-icons[data-icon=jpeg], .fab .filetypes-icons.fi-png, .fab .filetypes-icons[data-icon=png], .fab .filetypes-icons.fi-gif, .fab .filetypes-icons[data-icon=gif], .fab .filetypes-icons.fi-psd, .fab .filetypes-icons[data-icon=psd], .fab .filetypes-icons.fi-svg, .fab .filetypes-icons[data-icon=svg], .fab .filetypes-icons.fi-ai, .fab .filetypes-icons[data-icon=ai], .fab .filetypes-icons.fi-eps, .fab .filetypes-icons[data-icon=eps], .fab .filetypes-icons.fi-cdr, .fab .filetypes-icons[data-icon=cdr],
.theme-dark .filetypes-icons.fi-image,
.theme-dark .filetypes-icons[data-icon=image],
.theme-dark .filetypes-icons.fi-jpg,
.theme-dark .filetypes-icons[data-icon=jpg],
.theme-dark .filetypes-icons.fi-jpeg,
.theme-dark .filetypes-icons[data-icon=jpeg],
.theme-dark .filetypes-icons.fi-png,
.theme-dark .filetypes-icons[data-icon=png],
.theme-dark .filetypes-icons.fi-gif,
.theme-dark .filetypes-icons[data-icon=gif],
.theme-dark .filetypes-icons.fi-psd,
.theme-dark .filetypes-icons[data-icon=psd],
.theme-dark .filetypes-icons.fi-svg,
.theme-dark .filetypes-icons[data-icon=svg],
.theme-dark .filetypes-icons.fi-ai,
.theme-dark .filetypes-icons[data-icon=ai],
.theme-dark .filetypes-icons.fi-eps,
.theme-dark .filetypes-icons[data-icon=eps],
.theme-dark .filetypes-icons.fi-cdr,
.theme-dark .filetypes-icons[data-icon=cdr] {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.filetypes-icons.icon-dark.fi-video, .filetypes-icons.icon-dark[data-icon=video], .filetypes-icons.icon-dark.fi-avi, .filetypes-icons.icon-dark[data-icon=avi], .filetypes-icons.icon-dark.fi-mpg, .filetypes-icons.icon-dark[data-icon=mpg], .filetypes-icons.icon-dark.fi-mpeg, .filetypes-icons.icon-dark[data-icon=mpeg], .filetypes-icons.icon-dark.fi-mp4, .filetypes-icons.icon-dark[data-icon=mp4], .filetypes-icons.icon-dark.fi-mov, .filetypes-icons.icon-dark[data-icon=mov], .filetypes-icons.icon-dark.fi-flv, .filetypes-icons.icon-dark[data-icon=flv], .filetypes-icons.icon-dark.fi-mkv, .filetypes-icons.icon-dark[data-icon=mkv],
.filetypes-icons.icon-light.fi-video,
.filetypes-icons.icon-light[data-icon=video],
.filetypes-icons.icon-light.fi-avi,
.filetypes-icons.icon-light[data-icon=avi],
.filetypes-icons.icon-light.fi-mpg,
.filetypes-icons.icon-light[data-icon=mpg],
.filetypes-icons.icon-light.fi-mpeg,
.filetypes-icons.icon-light[data-icon=mpeg],
.filetypes-icons.icon-light.fi-mp4,
.filetypes-icons.icon-light[data-icon=mp4],
.filetypes-icons.icon-light.fi-mov,
.filetypes-icons.icon-light[data-icon=mov],
.filetypes-icons.icon-light.fi-flv,
.filetypes-icons.icon-light[data-icon=flv],
.filetypes-icons.icon-light.fi-mkv,
.filetypes-icons.icon-light[data-icon=mkv],
.filetypes-icons.icon-primary.fi-video,
.filetypes-icons.icon-primary[data-icon=video],
.filetypes-icons.icon-primary.fi-avi,
.filetypes-icons.icon-primary[data-icon=avi],
.filetypes-icons.icon-primary.fi-mpg,
.filetypes-icons.icon-primary[data-icon=mpg],
.filetypes-icons.icon-primary.fi-mpeg,
.filetypes-icons.icon-primary[data-icon=mpeg],
.filetypes-icons.icon-primary.fi-mp4,
.filetypes-icons.icon-primary[data-icon=mp4],
.filetypes-icons.icon-primary.fi-mov,
.filetypes-icons.icon-primary[data-icon=mov],
.filetypes-icons.icon-primary.fi-flv,
.filetypes-icons.icon-primary[data-icon=flv],
.filetypes-icons.icon-primary.fi-mkv,
.filetypes-icons.icon-primary[data-icon=mkv],
.filetypes-icons.icon-accent.fi-video,
.filetypes-icons.icon-accent[data-icon=video],
.filetypes-icons.icon-accent.fi-avi,
.filetypes-icons.icon-accent[data-icon=avi],
.filetypes-icons.icon-accent.fi-mpg,
.filetypes-icons.icon-accent[data-icon=mpg],
.filetypes-icons.icon-accent.fi-mpeg,
.filetypes-icons.icon-accent[data-icon=mpeg],
.filetypes-icons.icon-accent.fi-mp4,
.filetypes-icons.icon-accent[data-icon=mp4],
.filetypes-icons.icon-accent.fi-mov,
.filetypes-icons.icon-accent[data-icon=mov],
.filetypes-icons.icon-accent.fi-flv,
.filetypes-icons.icon-accent[data-icon=flv],
.filetypes-icons.icon-accent.fi-mkv,
.filetypes-icons.icon-accent[data-icon=mkv],
.btn .filetypes-icons.fi-video,
.btn .filetypes-icons[data-icon=video],
.btn .filetypes-icons.fi-avi,
.btn .filetypes-icons[data-icon=avi],
.btn .filetypes-icons.fi-mpg,
.btn .filetypes-icons[data-icon=mpg],
.btn .filetypes-icons.fi-mpeg,
.btn .filetypes-icons[data-icon=mpeg],
.btn .filetypes-icons.fi-mp4,
.btn .filetypes-icons[data-icon=mp4],
.btn .filetypes-icons.fi-mov,
.btn .filetypes-icons[data-icon=mov],
.btn .filetypes-icons.fi-flv,
.btn .filetypes-icons[data-icon=flv],
.btn .filetypes-icons.fi-mkv,
.btn .filetypes-icons[data-icon=mkv], .fab .filetypes-icons.fi-video, .fab .filetypes-icons[data-icon=video], .fab .filetypes-icons.fi-avi, .fab .filetypes-icons[data-icon=avi], .fab .filetypes-icons.fi-mpg, .fab .filetypes-icons[data-icon=mpg], .fab .filetypes-icons.fi-mpeg, .fab .filetypes-icons[data-icon=mpeg], .fab .filetypes-icons.fi-mp4, .fab .filetypes-icons[data-icon=mp4], .fab .filetypes-icons.fi-mov, .fab .filetypes-icons[data-icon=mov], .fab .filetypes-icons.fi-flv, .fab .filetypes-icons[data-icon=flv], .fab .filetypes-icons.fi-mkv, .fab .filetypes-icons[data-icon=mkv],
.theme-dark .filetypes-icons.fi-video,
.theme-dark .filetypes-icons[data-icon=video],
.theme-dark .filetypes-icons.fi-avi,
.theme-dark .filetypes-icons[data-icon=avi],
.theme-dark .filetypes-icons.fi-mpg,
.theme-dark .filetypes-icons[data-icon=mpg],
.theme-dark .filetypes-icons.fi-mpeg,
.theme-dark .filetypes-icons[data-icon=mpeg],
.theme-dark .filetypes-icons.fi-mp4,
.theme-dark .filetypes-icons[data-icon=mp4],
.theme-dark .filetypes-icons.fi-mov,
.theme-dark .filetypes-icons[data-icon=mov],
.theme-dark .filetypes-icons.fi-flv,
.theme-dark .filetypes-icons[data-icon=flv],
.theme-dark .filetypes-icons.fi-mkv,
.theme-dark .filetypes-icons[data-icon=mkv] {
  -webkit-mask-position: -144px 0;
          mask-position: -144px 0;
}
.filetypes-icons.icon-dark.fi-audio, .filetypes-icons.icon-dark[data-icon=audio], .filetypes-icons.icon-dark.fi-mp3, .filetypes-icons.icon-dark[data-icon=mp3], .filetypes-icons.icon-dark.fi-flac, .filetypes-icons.icon-dark[data-icon=flac], .filetypes-icons.icon-dark.fi-ogg, .filetypes-icons.icon-dark[data-icon=ogg], .filetypes-icons.icon-dark.fi-wav, .filetypes-icons.icon-dark[data-icon=wav], .filetypes-icons.icon-dark.fi-ape, .filetypes-icons.icon-dark[data-icon=ape], .filetypes-icons.icon-dark.fi-m4a, .filetypes-icons.icon-dark[data-icon=m4a], .filetypes-icons.icon-dark.fi-aac, .filetypes-icons.icon-dark[data-icon=aac],
.filetypes-icons.icon-light.fi-audio,
.filetypes-icons.icon-light[data-icon=audio],
.filetypes-icons.icon-light.fi-mp3,
.filetypes-icons.icon-light[data-icon=mp3],
.filetypes-icons.icon-light.fi-flac,
.filetypes-icons.icon-light[data-icon=flac],
.filetypes-icons.icon-light.fi-ogg,
.filetypes-icons.icon-light[data-icon=ogg],
.filetypes-icons.icon-light.fi-wav,
.filetypes-icons.icon-light[data-icon=wav],
.filetypes-icons.icon-light.fi-ape,
.filetypes-icons.icon-light[data-icon=ape],
.filetypes-icons.icon-light.fi-m4a,
.filetypes-icons.icon-light[data-icon=m4a],
.filetypes-icons.icon-light.fi-aac,
.filetypes-icons.icon-light[data-icon=aac],
.filetypes-icons.icon-primary.fi-audio,
.filetypes-icons.icon-primary[data-icon=audio],
.filetypes-icons.icon-primary.fi-mp3,
.filetypes-icons.icon-primary[data-icon=mp3],
.filetypes-icons.icon-primary.fi-flac,
.filetypes-icons.icon-primary[data-icon=flac],
.filetypes-icons.icon-primary.fi-ogg,
.filetypes-icons.icon-primary[data-icon=ogg],
.filetypes-icons.icon-primary.fi-wav,
.filetypes-icons.icon-primary[data-icon=wav],
.filetypes-icons.icon-primary.fi-ape,
.filetypes-icons.icon-primary[data-icon=ape],
.filetypes-icons.icon-primary.fi-m4a,
.filetypes-icons.icon-primary[data-icon=m4a],
.filetypes-icons.icon-primary.fi-aac,
.filetypes-icons.icon-primary[data-icon=aac],
.filetypes-icons.icon-accent.fi-audio,
.filetypes-icons.icon-accent[data-icon=audio],
.filetypes-icons.icon-accent.fi-mp3,
.filetypes-icons.icon-accent[data-icon=mp3],
.filetypes-icons.icon-accent.fi-flac,
.filetypes-icons.icon-accent[data-icon=flac],
.filetypes-icons.icon-accent.fi-ogg,
.filetypes-icons.icon-accent[data-icon=ogg],
.filetypes-icons.icon-accent.fi-wav,
.filetypes-icons.icon-accent[data-icon=wav],
.filetypes-icons.icon-accent.fi-ape,
.filetypes-icons.icon-accent[data-icon=ape],
.filetypes-icons.icon-accent.fi-m4a,
.filetypes-icons.icon-accent[data-icon=m4a],
.filetypes-icons.icon-accent.fi-aac,
.filetypes-icons.icon-accent[data-icon=aac],
.btn .filetypes-icons.fi-audio,
.btn .filetypes-icons[data-icon=audio],
.btn .filetypes-icons.fi-mp3,
.btn .filetypes-icons[data-icon=mp3],
.btn .filetypes-icons.fi-flac,
.btn .filetypes-icons[data-icon=flac],
.btn .filetypes-icons.fi-ogg,
.btn .filetypes-icons[data-icon=ogg],
.btn .filetypes-icons.fi-wav,
.btn .filetypes-icons[data-icon=wav],
.btn .filetypes-icons.fi-ape,
.btn .filetypes-icons[data-icon=ape],
.btn .filetypes-icons.fi-m4a,
.btn .filetypes-icons[data-icon=m4a],
.btn .filetypes-icons.fi-aac,
.btn .filetypes-icons[data-icon=aac], .fab .filetypes-icons.fi-audio, .fab .filetypes-icons[data-icon=audio], .fab .filetypes-icons.fi-mp3, .fab .filetypes-icons[data-icon=mp3], .fab .filetypes-icons.fi-flac, .fab .filetypes-icons[data-icon=flac], .fab .filetypes-icons.fi-ogg, .fab .filetypes-icons[data-icon=ogg], .fab .filetypes-icons.fi-wav, .fab .filetypes-icons[data-icon=wav], .fab .filetypes-icons.fi-ape, .fab .filetypes-icons[data-icon=ape], .fab .filetypes-icons.fi-m4a, .fab .filetypes-icons[data-icon=m4a], .fab .filetypes-icons.fi-aac, .fab .filetypes-icons[data-icon=aac],
.theme-dark .filetypes-icons.fi-audio,
.theme-dark .filetypes-icons[data-icon=audio],
.theme-dark .filetypes-icons.fi-mp3,
.theme-dark .filetypes-icons[data-icon=mp3],
.theme-dark .filetypes-icons.fi-flac,
.theme-dark .filetypes-icons[data-icon=flac],
.theme-dark .filetypes-icons.fi-ogg,
.theme-dark .filetypes-icons[data-icon=ogg],
.theme-dark .filetypes-icons.fi-wav,
.theme-dark .filetypes-icons[data-icon=wav],
.theme-dark .filetypes-icons.fi-ape,
.theme-dark .filetypes-icons[data-icon=ape],
.theme-dark .filetypes-icons.fi-m4a,
.theme-dark .filetypes-icons[data-icon=m4a],
.theme-dark .filetypes-icons.fi-aac,
.theme-dark .filetypes-icons[data-icon=aac] {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.filetypes-icons.icon-dark.fi-archive, .filetypes-icons.icon-dark[data-icon=archive], .filetypes-icons.icon-dark.fi-zip, .filetypes-icons.icon-dark[data-icon=zip], .filetypes-icons.icon-dark.fi-rar, .filetypes-icons.icon-dark[data-icon=rar], .filetypes-icons.icon-dark.fi-gz, .filetypes-icons.icon-dark[data-icon=gz], .filetypes-icons.icon-dark.fi-7z, .filetypes-icons.icon-dark[data-icon="7z"], .filetypes-icons.icon-dark.fi-jar, .filetypes-icons.icon-dark[data-icon=jar], .filetypes-icons.icon-dark.fi-app, .filetypes-icons.icon-dark[data-icon=app], .filetypes-icons.icon-dark.fi-exe, .filetypes-icons.icon-dark[data-icon=exe], .filetypes-icons.icon-dark.fi-apk, .filetypes-icons.icon-dark[data-icon=apk], .filetypes-icons.icon-dark.fi-deb, .filetypes-icons.icon-dark[data-icon=deb], .filetypes-icons.icon-dark.fi-msi, .filetypes-icons.icon-dark[data-icon=msi], .filetypes-icons.icon-dark.fi-rpm, .filetypes-icons.icon-dark[data-icon=rpm],
.filetypes-icons.icon-light.fi-archive,
.filetypes-icons.icon-light[data-icon=archive],
.filetypes-icons.icon-light.fi-zip,
.filetypes-icons.icon-light[data-icon=zip],
.filetypes-icons.icon-light.fi-rar,
.filetypes-icons.icon-light[data-icon=rar],
.filetypes-icons.icon-light.fi-gz,
.filetypes-icons.icon-light[data-icon=gz],
.filetypes-icons.icon-light.fi-7z,
.filetypes-icons.icon-light[data-icon="7z"],
.filetypes-icons.icon-light.fi-jar,
.filetypes-icons.icon-light[data-icon=jar],
.filetypes-icons.icon-light.fi-app,
.filetypes-icons.icon-light[data-icon=app],
.filetypes-icons.icon-light.fi-exe,
.filetypes-icons.icon-light[data-icon=exe],
.filetypes-icons.icon-light.fi-apk,
.filetypes-icons.icon-light[data-icon=apk],
.filetypes-icons.icon-light.fi-deb,
.filetypes-icons.icon-light[data-icon=deb],
.filetypes-icons.icon-light.fi-msi,
.filetypes-icons.icon-light[data-icon=msi],
.filetypes-icons.icon-light.fi-rpm,
.filetypes-icons.icon-light[data-icon=rpm],
.filetypes-icons.icon-primary.fi-archive,
.filetypes-icons.icon-primary[data-icon=archive],
.filetypes-icons.icon-primary.fi-zip,
.filetypes-icons.icon-primary[data-icon=zip],
.filetypes-icons.icon-primary.fi-rar,
.filetypes-icons.icon-primary[data-icon=rar],
.filetypes-icons.icon-primary.fi-gz,
.filetypes-icons.icon-primary[data-icon=gz],
.filetypes-icons.icon-primary.fi-7z,
.filetypes-icons.icon-primary[data-icon="7z"],
.filetypes-icons.icon-primary.fi-jar,
.filetypes-icons.icon-primary[data-icon=jar],
.filetypes-icons.icon-primary.fi-app,
.filetypes-icons.icon-primary[data-icon=app],
.filetypes-icons.icon-primary.fi-exe,
.filetypes-icons.icon-primary[data-icon=exe],
.filetypes-icons.icon-primary.fi-apk,
.filetypes-icons.icon-primary[data-icon=apk],
.filetypes-icons.icon-primary.fi-deb,
.filetypes-icons.icon-primary[data-icon=deb],
.filetypes-icons.icon-primary.fi-msi,
.filetypes-icons.icon-primary[data-icon=msi],
.filetypes-icons.icon-primary.fi-rpm,
.filetypes-icons.icon-primary[data-icon=rpm],
.filetypes-icons.icon-accent.fi-archive,
.filetypes-icons.icon-accent[data-icon=archive],
.filetypes-icons.icon-accent.fi-zip,
.filetypes-icons.icon-accent[data-icon=zip],
.filetypes-icons.icon-accent.fi-rar,
.filetypes-icons.icon-accent[data-icon=rar],
.filetypes-icons.icon-accent.fi-gz,
.filetypes-icons.icon-accent[data-icon=gz],
.filetypes-icons.icon-accent.fi-7z,
.filetypes-icons.icon-accent[data-icon="7z"],
.filetypes-icons.icon-accent.fi-jar,
.filetypes-icons.icon-accent[data-icon=jar],
.filetypes-icons.icon-accent.fi-app,
.filetypes-icons.icon-accent[data-icon=app],
.filetypes-icons.icon-accent.fi-exe,
.filetypes-icons.icon-accent[data-icon=exe],
.filetypes-icons.icon-accent.fi-apk,
.filetypes-icons.icon-accent[data-icon=apk],
.filetypes-icons.icon-accent.fi-deb,
.filetypes-icons.icon-accent[data-icon=deb],
.filetypes-icons.icon-accent.fi-msi,
.filetypes-icons.icon-accent[data-icon=msi],
.filetypes-icons.icon-accent.fi-rpm,
.filetypes-icons.icon-accent[data-icon=rpm],
.btn .filetypes-icons.fi-archive,
.btn .filetypes-icons[data-icon=archive],
.btn .filetypes-icons.fi-zip,
.btn .filetypes-icons[data-icon=zip],
.btn .filetypes-icons.fi-rar,
.btn .filetypes-icons[data-icon=rar],
.btn .filetypes-icons.fi-gz,
.btn .filetypes-icons[data-icon=gz],
.btn .filetypes-icons.fi-7z,
.btn .filetypes-icons[data-icon="7z"],
.btn .filetypes-icons.fi-jar,
.btn .filetypes-icons[data-icon=jar],
.btn .filetypes-icons.fi-app,
.btn .filetypes-icons[data-icon=app],
.btn .filetypes-icons.fi-exe,
.btn .filetypes-icons[data-icon=exe],
.btn .filetypes-icons.fi-apk,
.btn .filetypes-icons[data-icon=apk],
.btn .filetypes-icons.fi-deb,
.btn .filetypes-icons[data-icon=deb],
.btn .filetypes-icons.fi-msi,
.btn .filetypes-icons[data-icon=msi],
.btn .filetypes-icons.fi-rpm,
.btn .filetypes-icons[data-icon=rpm], .fab .filetypes-icons.fi-archive, .fab .filetypes-icons[data-icon=archive], .fab .filetypes-icons.fi-zip, .fab .filetypes-icons[data-icon=zip], .fab .filetypes-icons.fi-rar, .fab .filetypes-icons[data-icon=rar], .fab .filetypes-icons.fi-gz, .fab .filetypes-icons[data-icon=gz], .fab .filetypes-icons.fi-7z, .fab .filetypes-icons[data-icon="7z"], .fab .filetypes-icons.fi-jar, .fab .filetypes-icons[data-icon=jar], .fab .filetypes-icons.fi-app, .fab .filetypes-icons[data-icon=app], .fab .filetypes-icons.fi-exe, .fab .filetypes-icons[data-icon=exe], .fab .filetypes-icons.fi-apk, .fab .filetypes-icons[data-icon=apk], .fab .filetypes-icons.fi-deb, .fab .filetypes-icons[data-icon=deb], .fab .filetypes-icons.fi-msi, .fab .filetypes-icons[data-icon=msi], .fab .filetypes-icons.fi-rpm, .fab .filetypes-icons[data-icon=rpm],
.theme-dark .filetypes-icons.fi-archive,
.theme-dark .filetypes-icons[data-icon=archive],
.theme-dark .filetypes-icons.fi-zip,
.theme-dark .filetypes-icons[data-icon=zip],
.theme-dark .filetypes-icons.fi-rar,
.theme-dark .filetypes-icons[data-icon=rar],
.theme-dark .filetypes-icons.fi-gz,
.theme-dark .filetypes-icons[data-icon=gz],
.theme-dark .filetypes-icons.fi-7z,
.theme-dark .filetypes-icons[data-icon="7z"],
.theme-dark .filetypes-icons.fi-jar,
.theme-dark .filetypes-icons[data-icon=jar],
.theme-dark .filetypes-icons.fi-app,
.theme-dark .filetypes-icons[data-icon=app],
.theme-dark .filetypes-icons.fi-exe,
.theme-dark .filetypes-icons[data-icon=exe],
.theme-dark .filetypes-icons.fi-apk,
.theme-dark .filetypes-icons[data-icon=apk],
.theme-dark .filetypes-icons.fi-deb,
.theme-dark .filetypes-icons[data-icon=deb],
.theme-dark .filetypes-icons.fi-msi,
.theme-dark .filetypes-icons[data-icon=msi],
.theme-dark .filetypes-icons.fi-rpm,
.theme-dark .filetypes-icons[data-icon=rpm] {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.filetypes-icons.icon-dark.fi-code, .filetypes-icons.icon-dark[data-icon=code], .filetypes-icons.icon-dark.fi-php, .filetypes-icons.icon-dark[data-icon=php], .filetypes-icons.icon-dark.fi-module, .filetypes-icons.icon-dark[data-icon=module], .filetypes-icons.icon-dark.fi-inc, .filetypes-icons.icon-dark[data-icon=inc], .filetypes-icons.icon-dark.fi-info, .filetypes-icons.icon-dark[data-icon=info], .filetypes-icons.icon-dark.fi-yml, .filetypes-icons.icon-dark[data-icon=yml], .filetypes-icons.icon-dark.fi-css, .filetypes-icons.icon-dark[data-icon=css], .filetypes-icons.icon-dark.fi-scss, .filetypes-icons.icon-dark[data-icon=scss], .filetypes-icons.icon-dark.fi-html, .filetypes-icons.icon-dark[data-icon=html], .filetypes-icons.icon-dark.fi-htm, .filetypes-icons.icon-dark[data-icon=htm], .filetypes-icons.icon-dark.fi-xml, .filetypes-icons.icon-dark[data-icon=xml], .filetypes-icons.icon-dark.fi-class, .filetypes-icons.icon-dark[data-icon=class], .filetypes-icons.icon-dark.fi-java, .filetypes-icons.icon-dark[data-icon=java], .filetypes-icons.icon-dark.fi-c, .filetypes-icons.icon-dark[data-icon=c], .filetypes-icons.icon-dark.fi-cpp, .filetypes-icons.icon-dark[data-icon=cpp], .filetypes-icons.icon-dark.fi-h, .filetypes-icons.icon-dark[data-icon=h], .filetypes-icons.icon-dark.fi-js, .filetypes-icons.icon-dark[data-icon=js], .filetypes-icons.icon-dark.fi-pl, .filetypes-icons.icon-dark[data-icon=pl], .filetypes-icons.icon-dark.fi-py, .filetypes-icons.icon-dark[data-icon=py], .filetypes-icons.icon-dark.fi-sh, .filetypes-icons.icon-dark[data-icon=sh],
.filetypes-icons.icon-light.fi-code,
.filetypes-icons.icon-light[data-icon=code],
.filetypes-icons.icon-light.fi-php,
.filetypes-icons.icon-light[data-icon=php],
.filetypes-icons.icon-light.fi-module,
.filetypes-icons.icon-light[data-icon=module],
.filetypes-icons.icon-light.fi-inc,
.filetypes-icons.icon-light[data-icon=inc],
.filetypes-icons.icon-light.fi-info,
.filetypes-icons.icon-light[data-icon=info],
.filetypes-icons.icon-light.fi-yml,
.filetypes-icons.icon-light[data-icon=yml],
.filetypes-icons.icon-light.fi-css,
.filetypes-icons.icon-light[data-icon=css],
.filetypes-icons.icon-light.fi-scss,
.filetypes-icons.icon-light[data-icon=scss],
.filetypes-icons.icon-light.fi-html,
.filetypes-icons.icon-light[data-icon=html],
.filetypes-icons.icon-light.fi-htm,
.filetypes-icons.icon-light[data-icon=htm],
.filetypes-icons.icon-light.fi-xml,
.filetypes-icons.icon-light[data-icon=xml],
.filetypes-icons.icon-light.fi-class,
.filetypes-icons.icon-light[data-icon=class],
.filetypes-icons.icon-light.fi-java,
.filetypes-icons.icon-light[data-icon=java],
.filetypes-icons.icon-light.fi-c,
.filetypes-icons.icon-light[data-icon=c],
.filetypes-icons.icon-light.fi-cpp,
.filetypes-icons.icon-light[data-icon=cpp],
.filetypes-icons.icon-light.fi-h,
.filetypes-icons.icon-light[data-icon=h],
.filetypes-icons.icon-light.fi-js,
.filetypes-icons.icon-light[data-icon=js],
.filetypes-icons.icon-light.fi-pl,
.filetypes-icons.icon-light[data-icon=pl],
.filetypes-icons.icon-light.fi-py,
.filetypes-icons.icon-light[data-icon=py],
.filetypes-icons.icon-light.fi-sh,
.filetypes-icons.icon-light[data-icon=sh],
.filetypes-icons.icon-primary.fi-code,
.filetypes-icons.icon-primary[data-icon=code],
.filetypes-icons.icon-primary.fi-php,
.filetypes-icons.icon-primary[data-icon=php],
.filetypes-icons.icon-primary.fi-module,
.filetypes-icons.icon-primary[data-icon=module],
.filetypes-icons.icon-primary.fi-inc,
.filetypes-icons.icon-primary[data-icon=inc],
.filetypes-icons.icon-primary.fi-info,
.filetypes-icons.icon-primary[data-icon=info],
.filetypes-icons.icon-primary.fi-yml,
.filetypes-icons.icon-primary[data-icon=yml],
.filetypes-icons.icon-primary.fi-css,
.filetypes-icons.icon-primary[data-icon=css],
.filetypes-icons.icon-primary.fi-scss,
.filetypes-icons.icon-primary[data-icon=scss],
.filetypes-icons.icon-primary.fi-html,
.filetypes-icons.icon-primary[data-icon=html],
.filetypes-icons.icon-primary.fi-htm,
.filetypes-icons.icon-primary[data-icon=htm],
.filetypes-icons.icon-primary.fi-xml,
.filetypes-icons.icon-primary[data-icon=xml],
.filetypes-icons.icon-primary.fi-class,
.filetypes-icons.icon-primary[data-icon=class],
.filetypes-icons.icon-primary.fi-java,
.filetypes-icons.icon-primary[data-icon=java],
.filetypes-icons.icon-primary.fi-c,
.filetypes-icons.icon-primary[data-icon=c],
.filetypes-icons.icon-primary.fi-cpp,
.filetypes-icons.icon-primary[data-icon=cpp],
.filetypes-icons.icon-primary.fi-h,
.filetypes-icons.icon-primary[data-icon=h],
.filetypes-icons.icon-primary.fi-js,
.filetypes-icons.icon-primary[data-icon=js],
.filetypes-icons.icon-primary.fi-pl,
.filetypes-icons.icon-primary[data-icon=pl],
.filetypes-icons.icon-primary.fi-py,
.filetypes-icons.icon-primary[data-icon=py],
.filetypes-icons.icon-primary.fi-sh,
.filetypes-icons.icon-primary[data-icon=sh],
.filetypes-icons.icon-accent.fi-code,
.filetypes-icons.icon-accent[data-icon=code],
.filetypes-icons.icon-accent.fi-php,
.filetypes-icons.icon-accent[data-icon=php],
.filetypes-icons.icon-accent.fi-module,
.filetypes-icons.icon-accent[data-icon=module],
.filetypes-icons.icon-accent.fi-inc,
.filetypes-icons.icon-accent[data-icon=inc],
.filetypes-icons.icon-accent.fi-info,
.filetypes-icons.icon-accent[data-icon=info],
.filetypes-icons.icon-accent.fi-yml,
.filetypes-icons.icon-accent[data-icon=yml],
.filetypes-icons.icon-accent.fi-css,
.filetypes-icons.icon-accent[data-icon=css],
.filetypes-icons.icon-accent.fi-scss,
.filetypes-icons.icon-accent[data-icon=scss],
.filetypes-icons.icon-accent.fi-html,
.filetypes-icons.icon-accent[data-icon=html],
.filetypes-icons.icon-accent.fi-htm,
.filetypes-icons.icon-accent[data-icon=htm],
.filetypes-icons.icon-accent.fi-xml,
.filetypes-icons.icon-accent[data-icon=xml],
.filetypes-icons.icon-accent.fi-class,
.filetypes-icons.icon-accent[data-icon=class],
.filetypes-icons.icon-accent.fi-java,
.filetypes-icons.icon-accent[data-icon=java],
.filetypes-icons.icon-accent.fi-c,
.filetypes-icons.icon-accent[data-icon=c],
.filetypes-icons.icon-accent.fi-cpp,
.filetypes-icons.icon-accent[data-icon=cpp],
.filetypes-icons.icon-accent.fi-h,
.filetypes-icons.icon-accent[data-icon=h],
.filetypes-icons.icon-accent.fi-js,
.filetypes-icons.icon-accent[data-icon=js],
.filetypes-icons.icon-accent.fi-pl,
.filetypes-icons.icon-accent[data-icon=pl],
.filetypes-icons.icon-accent.fi-py,
.filetypes-icons.icon-accent[data-icon=py],
.filetypes-icons.icon-accent.fi-sh,
.filetypes-icons.icon-accent[data-icon=sh],
.btn .filetypes-icons.fi-code,
.btn .filetypes-icons[data-icon=code],
.btn .filetypes-icons.fi-php,
.btn .filetypes-icons[data-icon=php],
.btn .filetypes-icons.fi-module,
.btn .filetypes-icons[data-icon=module],
.btn .filetypes-icons.fi-inc,
.btn .filetypes-icons[data-icon=inc],
.btn .filetypes-icons.fi-info,
.btn .filetypes-icons[data-icon=info],
.btn .filetypes-icons.fi-yml,
.btn .filetypes-icons[data-icon=yml],
.btn .filetypes-icons.fi-css,
.btn .filetypes-icons[data-icon=css],
.btn .filetypes-icons.fi-scss,
.btn .filetypes-icons[data-icon=scss],
.btn .filetypes-icons.fi-html,
.btn .filetypes-icons[data-icon=html],
.btn .filetypes-icons.fi-htm,
.btn .filetypes-icons[data-icon=htm],
.btn .filetypes-icons.fi-xml,
.btn .filetypes-icons[data-icon=xml],
.btn .filetypes-icons.fi-class,
.btn .filetypes-icons[data-icon=class],
.btn .filetypes-icons.fi-java,
.btn .filetypes-icons[data-icon=java],
.btn .filetypes-icons.fi-c,
.btn .filetypes-icons[data-icon=c],
.btn .filetypes-icons.fi-cpp,
.btn .filetypes-icons[data-icon=cpp],
.btn .filetypes-icons.fi-h,
.btn .filetypes-icons[data-icon=h],
.btn .filetypes-icons.fi-js,
.btn .filetypes-icons[data-icon=js],
.btn .filetypes-icons.fi-pl,
.btn .filetypes-icons[data-icon=pl],
.btn .filetypes-icons.fi-py,
.btn .filetypes-icons[data-icon=py],
.btn .filetypes-icons.fi-sh,
.btn .filetypes-icons[data-icon=sh], .fab .filetypes-icons.fi-code, .fab .filetypes-icons[data-icon=code], .fab .filetypes-icons.fi-php, .fab .filetypes-icons[data-icon=php], .fab .filetypes-icons.fi-module, .fab .filetypes-icons[data-icon=module], .fab .filetypes-icons.fi-inc, .fab .filetypes-icons[data-icon=inc], .fab .filetypes-icons.fi-info, .fab .filetypes-icons[data-icon=info], .fab .filetypes-icons.fi-yml, .fab .filetypes-icons[data-icon=yml], .fab .filetypes-icons.fi-css, .fab .filetypes-icons[data-icon=css], .fab .filetypes-icons.fi-scss, .fab .filetypes-icons[data-icon=scss], .fab .filetypes-icons.fi-html, .fab .filetypes-icons[data-icon=html], .fab .filetypes-icons.fi-htm, .fab .filetypes-icons[data-icon=htm], .fab .filetypes-icons.fi-xml, .fab .filetypes-icons[data-icon=xml], .fab .filetypes-icons.fi-class, .fab .filetypes-icons[data-icon=class], .fab .filetypes-icons.fi-java, .fab .filetypes-icons[data-icon=java], .fab .filetypes-icons.fi-c, .fab .filetypes-icons[data-icon=c], .fab .filetypes-icons.fi-cpp, .fab .filetypes-icons[data-icon=cpp], .fab .filetypes-icons.fi-h, .fab .filetypes-icons[data-icon=h], .fab .filetypes-icons.fi-js, .fab .filetypes-icons[data-icon=js], .fab .filetypes-icons.fi-pl, .fab .filetypes-icons[data-icon=pl], .fab .filetypes-icons.fi-py, .fab .filetypes-icons[data-icon=py], .fab .filetypes-icons.fi-sh, .fab .filetypes-icons[data-icon=sh],
.theme-dark .filetypes-icons.fi-code,
.theme-dark .filetypes-icons[data-icon=code],
.theme-dark .filetypes-icons.fi-php,
.theme-dark .filetypes-icons[data-icon=php],
.theme-dark .filetypes-icons.fi-module,
.theme-dark .filetypes-icons[data-icon=module],
.theme-dark .filetypes-icons.fi-inc,
.theme-dark .filetypes-icons[data-icon=inc],
.theme-dark .filetypes-icons.fi-info,
.theme-dark .filetypes-icons[data-icon=info],
.theme-dark .filetypes-icons.fi-yml,
.theme-dark .filetypes-icons[data-icon=yml],
.theme-dark .filetypes-icons.fi-css,
.theme-dark .filetypes-icons[data-icon=css],
.theme-dark .filetypes-icons.fi-scss,
.theme-dark .filetypes-icons[data-icon=scss],
.theme-dark .filetypes-icons.fi-html,
.theme-dark .filetypes-icons[data-icon=html],
.theme-dark .filetypes-icons.fi-htm,
.theme-dark .filetypes-icons[data-icon=htm],
.theme-dark .filetypes-icons.fi-xml,
.theme-dark .filetypes-icons[data-icon=xml],
.theme-dark .filetypes-icons.fi-class,
.theme-dark .filetypes-icons[data-icon=class],
.theme-dark .filetypes-icons.fi-java,
.theme-dark .filetypes-icons[data-icon=java],
.theme-dark .filetypes-icons.fi-c,
.theme-dark .filetypes-icons[data-icon=c],
.theme-dark .filetypes-icons.fi-cpp,
.theme-dark .filetypes-icons[data-icon=cpp],
.theme-dark .filetypes-icons.fi-h,
.theme-dark .filetypes-icons[data-icon=h],
.theme-dark .filetypes-icons.fi-js,
.theme-dark .filetypes-icons[data-icon=js],
.theme-dark .filetypes-icons.fi-pl,
.theme-dark .filetypes-icons[data-icon=pl],
.theme-dark .filetypes-icons.fi-py,
.theme-dark .filetypes-icons[data-icon=py],
.theme-dark .filetypes-icons.fi-sh,
.theme-dark .filetypes-icons[data-icon=sh] {
  -webkit-mask-position: -216px 0;
          mask-position: -216px 0;
}

.filetypes-icon-left:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: " ";
  margin-right: 12px;
  float: left;
  background: rgba(0, 0, 0, 0.87);
  -webkit-mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
          mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
}

.filetypes-icon-left.icon-dark:before {
  background: rgba(0, 0, 0, 0.87) !important;
}

.filetypes-icon-left.icon-secondary:before {
  background: rgba(0, 0, 0, 0.54);
}

.filetypes-icon-left.icon-disabled:before {
  background: rgba(0, 0, 0, 0.26);
}

.filetypes-icon-left.icon-light:before {
  background: #FFF !important;
}

.filetypes-icon-left.icon-light.icon-disabled:before {
  background: rgba(255, 255, 255, 0.3) !important;
}

.filetypes-icon-left.icon-primary:before {
  background: #607d8b;
}

.filetypes-icon-left.icon-accent:before {
  background: #00b0ff;
}

a.filetypes-icon-left:not(.btn):before {
  background: #00b0ff;
}
a.filetypes-icon-left:not(.btn):hover:before {
  background: #0aa2ff;
}
a.filetypes-icon-left:not(.btn):active:before {
  background: #0091ea;
}

.btn.filetypes-icon-left:before, .btn.filetypes-icon-left:hover:before, .btn.filetypes-icon-left:focus:before, .menu a.filetypes-icon-left:before, .menu a.filetypes-icon-left:hover:before, .menu a.filetypes-icon-left:focus:before {
  background: rgba(0, 0, 0, 0.87);
}

.btn-colored.filetypes-icon-left:before, .btn-colored.filetypes-icon-left:hover:before, .btn-colored.filetypes-icon-left:focus:before, .btn.btn-colored.filetypes-icon-left:before, .btn.btn-colored.filetypes-icon-left:hover:before, .btn.btn-colored.filetypes-icon-left:focus:before {
  background: #546e7a;
}

.btn-accent.filetypes-icon-left:before, .btn-accent.filetypes-icon-left:hover:before, .btn-accent.filetypes-icon-left:focus:before, .btn.btn-accent.filetypes-icon-left:before, .btn.btn-accent.filetypes-icon-left:hover:before, .btn.btn-accent.filetypes-icon-left:focus:before {
  background: #00b0ff;
}

.btn-raised.filetypes-icon-left.btn-colored:before, .btn-raised.filetypes-icon-left.btn-colored:hover:before, .btn-raised.filetypes-icon-left.btn-colored:focus:before, .btn.btn-raised.filetypes-icon-left.btn-colored:before, .btn.btn-raised.filetypes-icon-left.btn-colored:hover:before, .btn.btn-raised.filetypes-icon-left.btn-colored:focus:before {
  background: #FFF;
}
.btn-raised.filetypes-icon-left.btn-accent:before, .btn-raised.filetypes-icon-left.btn-accent:hover:before, .btn-raised.filetypes-icon-left.btn-accent:focus:before, .btn.btn-raised.filetypes-icon-left.btn-accent:before, .btn.btn-raised.filetypes-icon-left.btn-accent:hover:before, .btn.btn-raised.filetypes-icon-left.btn-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}

.btn.btn-disabled.filetypes-icon-left:before, .btn.btn-disabled.filetypes-icon-left:hover:before, .btn.btn-disabled.filetypes-icon-left:focus:before, .btn.btn-disabled.filetypes-icon-left:active:before {
  background: rgba(0, 0, 0, 0.26);
}

.fab.filetypes-icon-left:before, .fab.filetypes-icon-left:hover:before, .fab.filetypes-icon-left:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.fab.filetypes-icon-left.fab-colored:before, .fab.filetypes-icon-left.fab-colored:hover:before, .fab.filetypes-icon-left.fab-colored:focus:before {
  background: #FFF;
}
.fab.filetypes-icon-left.fab-accent:before, .fab.filetypes-icon-left.fab-accent:hover:before, .fab.filetypes-icon-left.fab-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}

.filetypes-icon-left.fi-doc:before, .filetypes-icon-left[data-icon=doc]:before, .filetypes-icon-left.fi-txt:before, .filetypes-icon-left[data-icon=txt]:before, .filetypes-icon-left.fi-docx:before, .filetypes-icon-left[data-icon=docx]:before, .filetypes-icon-left.fi-rtf:before, .filetypes-icon-left[data-icon=rtf]:before, .filetypes-icon-left.fi-odt:before, .filetypes-icon-left[data-icon=odt]:before {
  -webkit-mask-position: -24px 0;
          mask-position: -24px 0;
}
.filetypes-icon-left.fi-sheet:before, .filetypes-icon-left[data-icon=sheet]:before, .filetypes-icon-left.fi-xls:before, .filetypes-icon-left[data-icon=xls]:before, .filetypes-icon-left.fi-xlsx:before, .filetypes-icon-left[data-icon=xlsx]:before, .filetypes-icon-left.fi-csv:before, .filetypes-icon-left[data-icon=csv]:before, .filetypes-icon-left.fi-ods:before, .filetypes-icon-left[data-icon=ods]:before {
  -webkit-mask-position: -48px 0;
          mask-position: -48px 0;
}
.filetypes-icon-left.fi-ppt:before, .filetypes-icon-left[data-icon=presentation]:before, .filetypes-icon-left.fi-ppt:before, .filetypes-icon-left[data-icon=ppt]:before, .filetypes-icon-left.fi-pptx:before, .filetypes-icon-left[data-icon=pptx]:before, .filetypes-icon-left.fi-key:before, .filetypes-icon-left[data-icon=key]:before, .filetypes-icon-left.fi-odp:before, .filetypes-icon-left[data-icon=odp]:before {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.filetypes-icon-left.fi-pdf:before, .filetypes-icon-left[data-icon=pdf]:before {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.filetypes-icon-left.fi-image:before, .filetypes-icon-left[data-icon=image]:before, .filetypes-icon-left.fi-jpg:before, .filetypes-icon-left[data-icon=jpg]:before, .filetypes-icon-left.fi-jpeg:before, .filetypes-icon-left[data-icon=jpeg]:before, .filetypes-icon-left.fi-png:before, .filetypes-icon-left[data-icon=png]:before, .filetypes-icon-left.fi-gif:before, .filetypes-icon-left[data-icon=gif]:before, .filetypes-icon-left.fi-psd:before, .filetypes-icon-left[data-icon=psd]:before, .filetypes-icon-left.fi-svg:before, .filetypes-icon-left[data-icon=svg]:before, .filetypes-icon-left.fi-ai:before, .filetypes-icon-left[data-icon=ai]:before, .filetypes-icon-left.fi-eps:before, .filetypes-icon-left[data-icon=eps]:before, .filetypes-icon-left.fi-cdr:before, .filetypes-icon-left[data-icon=cdr]:before {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.filetypes-icon-left.fi-video:before, .filetypes-icon-left[data-icon=video]:before, .filetypes-icon-left.fi-avi:before, .filetypes-icon-left[data-icon=avi]:before, .filetypes-icon-left.fi-mpg:before, .filetypes-icon-left[data-icon=mpg]:before, .filetypes-icon-left.fi-mpeg:before, .filetypes-icon-left[data-icon=mpeg]:before, .filetypes-icon-left.fi-mp4:before, .filetypes-icon-left[data-icon=mp4]:before, .filetypes-icon-left.fi-mov:before, .filetypes-icon-left[data-icon=mov]:before, .filetypes-icon-left.fi-flv:before, .filetypes-icon-left[data-icon=flv]:before, .filetypes-icon-left.fi-mkv:before, .filetypes-icon-left[data-icon=mkv]:before {
  -webkit-mask-position: -144px 0;
          mask-position: -144px 0;
}
.filetypes-icon-left.fi-audio:before, .filetypes-icon-left[data-icon=audio]:before, .filetypes-icon-left.fi-mp3:before, .filetypes-icon-left[data-icon=mp3]:before, .filetypes-icon-left.fi-flac:before, .filetypes-icon-left[data-icon=flac]:before, .filetypes-icon-left.fi-ogg:before, .filetypes-icon-left[data-icon=ogg]:before, .filetypes-icon-left.fi-wav:before, .filetypes-icon-left[data-icon=wav]:before, .filetypes-icon-left.fi-ape:before, .filetypes-icon-left[data-icon=ape]:before, .filetypes-icon-left.fi-m4a:before, .filetypes-icon-left[data-icon=m4a]:before, .filetypes-icon-left.fi-aac:before, .filetypes-icon-left[data-icon=aac]:before {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.filetypes-icon-left.fi-archive:before, .filetypes-icon-left[data-icon=archive]:before, .filetypes-icon-left.fi-zip:before, .filetypes-icon-left[data-icon=zip]:before, .filetypes-icon-left.fi-rar:before, .filetypes-icon-left[data-icon=rar]:before, .filetypes-icon-left.fi-gz:before, .filetypes-icon-left[data-icon=gz]:before, .filetypes-icon-left.fi-7z:before, .filetypes-icon-left[data-icon="7z"]:before, .filetypes-icon-left.fi-jar:before, .filetypes-icon-left[data-icon=jar]:before, .filetypes-icon-left.fi-app:before, .filetypes-icon-left[data-icon=app]:before, .filetypes-icon-left.fi-exe:before, .filetypes-icon-left[data-icon=exe]:before, .filetypes-icon-left.fi-apk:before, .filetypes-icon-left[data-icon=apk]:before, .filetypes-icon-left.fi-deb:before, .filetypes-icon-left[data-icon=deb]:before, .filetypes-icon-left.fi-msi:before, .filetypes-icon-left[data-icon=msi]:before, .filetypes-icon-left.fi-rpm:before, .filetypes-icon-left[data-icon=rpm]:before {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.filetypes-icon-left.fi-code:before, .filetypes-icon-left[data-icon=code]:before, .filetypes-icon-left.fi-php:before, .filetypes-icon-left[data-icon=php]:before, .filetypes-icon-left.fi-module:before, .filetypes-icon-left[data-icon=module]:before, .filetypes-icon-left.fi-inc:before, .filetypes-icon-left[data-icon=inc]:before, .filetypes-icon-left.fi-info:before, .filetypes-icon-left[data-icon=info]:before, .filetypes-icon-left.fi-yml:before, .filetypes-icon-left[data-icon=yml]:before, .filetypes-icon-left.fi-css:before, .filetypes-icon-left[data-icon=css]:before, .filetypes-icon-left.fi-scss:before, .filetypes-icon-left[data-icon=scss]:before, .filetypes-icon-left.fi-html:before, .filetypes-icon-left[data-icon=html]:before, .filetypes-icon-left.fi-htm:before, .filetypes-icon-left[data-icon=htm]:before, .filetypes-icon-left.fi-xml:before, .filetypes-icon-left[data-icon=xml]:before, .filetypes-icon-left.fi-class:before, .filetypes-icon-left[data-icon=class]:before, .filetypes-icon-left.fi-java:before, .filetypes-icon-left[data-icon=java]:before, .filetypes-icon-left.fi-c:before, .filetypes-icon-left[data-icon=c]:before, .filetypes-icon-left.fi-cpp:before, .filetypes-icon-left[data-icon=cpp]:before, .filetypes-icon-left.fi-h:before, .filetypes-icon-left[data-icon=h]:before, .filetypes-icon-left.fi-js:before, .filetypes-icon-left[data-icon=js]:before, .filetypes-icon-left.fi-pl:before, .filetypes-icon-left[data-icon=pl]:before, .filetypes-icon-left.fi-py:before, .filetypes-icon-left[data-icon=py]:before, .filetypes-icon-left.fi-sh:before, .filetypes-icon-left[data-icon=sh]:before {
  -webkit-mask-position: -216px 0;
          mask-position: -216px 0;
}

.filetypes-icon-right:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: " ";
  margin-left: 12px;
  float: right;
  background: rgba(0, 0, 0, 0.87);
  -webkit-mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
          mask: url(https://beerdroid.ru/sites/all/themes/material_base/img/filetypes-icons.svg) no-repeat;
}

.filetypes-icon-right.icon-dark:after {
  background: rgba(0, 0, 0, 0.87) !important;
}

.filetypes-icon-right.icon-secondary:after {
  background: rgba(0, 0, 0, 0.54);
}

.filetypes-icon-right.icon-disabled:after {
  background: rgba(0, 0, 0, 0.26);
}

.filetypes-icon-right.icon-light:after {
  background: #FFF !important;
}

.filetypes-icon-right.icon-light.icon-disabled:after {
  background: rgba(255, 255, 255, 0.3) !important;
}

.filetypes-icon-right.icon-primary:after {
  background: #607d8b;
}

.filetypes-icon-right.icon-accent:after {
  background: #00b0ff;
}

a.filetypes-icon-right:not(.btn):after {
  background: #00b0ff;
}
a.filetypes-icon-right:not(.btn):hover:after {
  background: #0aa2ff;
}
a.filetypes-icon-right:not(.btn):active:after {
  background: #0091ea;
}

.btn.filetypes-icon-right:after, .btn.filetypes-icon-right:hover:after, .btn.filetypes-icon-right:focus:after {
  background: rgba(0, 0, 0, 0.87);
}

.btn-colored.filetypes-icon-right:after, .btn-colored.filetypes-icon-right:hover:after, .btn-colored.filetypes-icon-right:focus:after, .btn.btn-colored.filetypes-icon-right:after, .btn.btn-colored.filetypes-icon-right:hover:after, .btn.btn-colored.filetypes-icon-right:focus:after {
  background: #546e7a;
}

.btn-accent.filetypes-icon-right:after, .btn-accent.filetypes-icon-right:hover:after, .btn-accent.filetypes-icon-right:focus:after, .btn.btn-accent.filetypes-icon-right:after, .btn.btn-accent.filetypes-icon-right:hover:after, .btn.btn-accent.filetypes-icon-right:focus:after {
  background: #00b0ff;
}

.btn-raised.filetypes-icon-right.btn-colored:after, .btn-raised.filetypes-icon-right.btn-colored:hover:after, .btn-raised.filetypes-icon-right.btn-colored:focus:after, .btn.btn-raised.filetypes-icon-right.btn-colored:after, .btn.btn-raised.filetypes-icon-right.btn-colored:hover:after, .btn.btn-raised.filetypes-icon-right.btn-colored:focus:after {
  background: #FFF;
}
.btn-raised.filetypes-icon-right.btn-accent:after, .btn-raised.filetypes-icon-right.btn-accent:hover:after, .btn-raised.filetypes-icon-right.btn-accent:focus:after, .btn.btn-raised.filetypes-icon-right.btn-accent:after, .btn.btn-raised.filetypes-icon-right.btn-accent:hover:after, .btn.btn-raised.filetypes-icon-right.btn-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}

.btn.btn-disabled.filetypes-icon-right:after, .btn.btn-disabled.filetypes-icon-right:hover:after, .btn.btn-disabled.filetypes-icon-right:focus:after, .btn.btn-disabled.filetypes-icon-right:active:after {
  background: rgba(0, 0, 0, 0.26);
}

.fab.filetypes-icon-right:after, .fab.filetypes-icon-right:hover:after, .fab.filetypes-icon-right:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.fab.filetypes-icon-right.fab-colored:after, .fab.filetypes-icon-right.fab-colored:hover:after, .fab.filetypes-icon-right.fab-colored:focus:after {
  background: #FFF;
}
.fab.filetypes-icon-right.fab-accent:after, .fab.filetypes-icon-right.fab-accent:hover:after, .fab.filetypes-icon-right.fab-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}

.filetypes-icon-right.fi-doc:after, .filetypes-icon-right[data-icon=doc]:after, .filetypes-icon-right.fi-txt:after, .filetypes-icon-right[data-icon=txt]:after, .filetypes-icon-right.fi-docx:after, .filetypes-icon-right[data-icon=docx]:after, .filetypes-icon-right.fi-rtf:after, .filetypes-icon-right[data-icon=rtf]:after, .filetypes-icon-right.fi-odt:after, .filetypes-icon-right[data-icon=odt]:after {
  -webkit-mask-position: -24px 0;
          mask-position: -24px 0;
}
.filetypes-icon-right.fi-sheet:after, .filetypes-icon-right[data-icon=sheet]:after, .filetypes-icon-right.fi-xls:after, .filetypes-icon-right[data-icon=xls]:after, .filetypes-icon-right.fi-xlsx:after, .filetypes-icon-right[data-icon=xlsx]:after, .filetypes-icon-right.fi-csv:after, .filetypes-icon-right[data-icon=csv]:after, .filetypes-icon-right.fi-ods:after, .filetypes-icon-right[data-icon=ods]:after {
  -webkit-mask-position: -48px 0;
          mask-position: -48px 0;
}
.filetypes-icon-right.fi-ppt:after, .filetypes-icon-right[data-icon=presentation]:after, .filetypes-icon-right.fi-ppt:after, .filetypes-icon-right[data-icon=ppt]:after, .filetypes-icon-right.fi-pptx:after, .filetypes-icon-right[data-icon=pptx]:after, .filetypes-icon-right.fi-key:after, .filetypes-icon-right[data-icon=key]:after, .filetypes-icon-right.fi-odp:after, .filetypes-icon-right[data-icon=odp]:after {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0;
}
.filetypes-icon-right.fi-pdf:after, .filetypes-icon-right[data-icon=pdf]:after {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 0;
}
.filetypes-icon-right.fi-image:after, .filetypes-icon-right[data-icon=image]:after, .filetypes-icon-right.fi-jpg:after, .filetypes-icon-right[data-icon=jpg]:after, .filetypes-icon-right.fi-jpeg:after, .filetypes-icon-right[data-icon=jpeg]:after, .filetypes-icon-right.fi-png:after, .filetypes-icon-right[data-icon=png]:after, .filetypes-icon-right.fi-gif:after, .filetypes-icon-right[data-icon=gif]:after, .filetypes-icon-right.fi-psd:after, .filetypes-icon-right[data-icon=psd]:after, .filetypes-icon-right.fi-svg:after, .filetypes-icon-right[data-icon=svg]:after, .filetypes-icon-right.fi-ai:after, .filetypes-icon-right[data-icon=ai]:after, .filetypes-icon-right.fi-eps:after, .filetypes-icon-right[data-icon=eps]:after, .filetypes-icon-right.fi-cdr:after, .filetypes-icon-right[data-icon=cdr]:after {
  -webkit-mask-position: -120px 0;
          mask-position: -120px 0;
}
.filetypes-icon-right.fi-video:after, .filetypes-icon-right[data-icon=video]:after, .filetypes-icon-right.fi-avi:after, .filetypes-icon-right[data-icon=avi]:after, .filetypes-icon-right.fi-mpg:after, .filetypes-icon-right[data-icon=mpg]:after, .filetypes-icon-right.fi-mpeg:after, .filetypes-icon-right[data-icon=mpeg]:after, .filetypes-icon-right.fi-mp4:after, .filetypes-icon-right[data-icon=mp4]:after, .filetypes-icon-right.fi-mov:after, .filetypes-icon-right[data-icon=mov]:after, .filetypes-icon-right.fi-flv:after, .filetypes-icon-right[data-icon=flv]:after, .filetypes-icon-right.fi-mkv:after, .filetypes-icon-right[data-icon=mkv]:after {
  -webkit-mask-position: -144px 0;
          mask-position: -144px 0;
}
.filetypes-icon-right.fi-audio:after, .filetypes-icon-right[data-icon=audio]:after, .filetypes-icon-right.fi-mp3:after, .filetypes-icon-right[data-icon=mp3]:after, .filetypes-icon-right.fi-flac:after, .filetypes-icon-right[data-icon=flac]:after, .filetypes-icon-right.fi-ogg:after, .filetypes-icon-right[data-icon=ogg]:after, .filetypes-icon-right.fi-wav:after, .filetypes-icon-right[data-icon=wav]:after, .filetypes-icon-right.fi-ape:after, .filetypes-icon-right[data-icon=ape]:after, .filetypes-icon-right.fi-m4a:after, .filetypes-icon-right[data-icon=m4a]:after, .filetypes-icon-right.fi-aac:after, .filetypes-icon-right[data-icon=aac]:after {
  -webkit-mask-position: -168px 0;
          mask-position: -168px 0;
}
.filetypes-icon-right.fi-archive:after, .filetypes-icon-right[data-icon=archive]:after, .filetypes-icon-right.fi-zip:after, .filetypes-icon-right[data-icon=zip]:after, .filetypes-icon-right.fi-rar:after, .filetypes-icon-right[data-icon=rar]:after, .filetypes-icon-right.fi-gz:after, .filetypes-icon-right[data-icon=gz]:after, .filetypes-icon-right.fi-7z:after, .filetypes-icon-right[data-icon="7z"]:after, .filetypes-icon-right.fi-jar:after, .filetypes-icon-right[data-icon=jar]:after, .filetypes-icon-right.fi-app:after, .filetypes-icon-right[data-icon=app]:after, .filetypes-icon-right.fi-exe:after, .filetypes-icon-right[data-icon=exe]:after, .filetypes-icon-right.fi-apk:after, .filetypes-icon-right[data-icon=apk]:after, .filetypes-icon-right.fi-deb:after, .filetypes-icon-right[data-icon=deb]:after, .filetypes-icon-right.fi-msi:after, .filetypes-icon-right[data-icon=msi]:after, .filetypes-icon-right.fi-rpm:after, .filetypes-icon-right[data-icon=rpm]:after {
  -webkit-mask-position: -192px 0;
          mask-position: -192px 0;
}
.filetypes-icon-right.fi-code:after, .filetypes-icon-right[data-icon=code]:after, .filetypes-icon-right.fi-php:after, .filetypes-icon-right[data-icon=php]:after, .filetypes-icon-right.fi-module:after, .filetypes-icon-right[data-icon=module]:after, .filetypes-icon-right.fi-inc:after, .filetypes-icon-right[data-icon=inc]:after, .filetypes-icon-right.fi-info:after, .filetypes-icon-right[data-icon=info]:after, .filetypes-icon-right.fi-yml:after, .filetypes-icon-right[data-icon=yml]:after, .filetypes-icon-right.fi-css:after, .filetypes-icon-right[data-icon=css]:after, .filetypes-icon-right.fi-scss:after, .filetypes-icon-right[data-icon=scss]:after, .filetypes-icon-right.fi-html:after, .filetypes-icon-right[data-icon=html]:after, .filetypes-icon-right.fi-htm:after, .filetypes-icon-right[data-icon=htm]:after, .filetypes-icon-right.fi-xml:after, .filetypes-icon-right[data-icon=xml]:after, .filetypes-icon-right.fi-class:after, .filetypes-icon-right[data-icon=class]:after, .filetypes-icon-right.fi-java:after, .filetypes-icon-right[data-icon=java]:after, .filetypes-icon-right.fi-c:after, .filetypes-icon-right[data-icon=c]:after, .filetypes-icon-right.fi-cpp:after, .filetypes-icon-right[data-icon=cpp]:after, .filetypes-icon-right.fi-h:after, .filetypes-icon-right[data-icon=h]:after, .filetypes-icon-right.fi-js:after, .filetypes-icon-right[data-icon=js]:after, .filetypes-icon-right.fi-pl:after, .filetypes-icon-right[data-icon=pl]:after, .filetypes-icon-right.fi-py:after, .filetypes-icon-right[data-icon=py]:after, .filetypes-icon-right.fi-sh:after, .filetypes-icon-right[data-icon=sh]:after {
  -webkit-mask-position: -216px 0;
          mask-position: -216px 0;
}

.theme-dark .filetypes-icons {
  background: #FFF;
}
.theme-dark .filetypes-icons.icon-secondary {
  background: rgba(255, 255, 255, 0.7);
}
.theme-dark .filetypes-icons.icon-disabled {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .filetypes-icons.icon-primary {
  background: #78909c;
}
.theme-dark .filetypes-icons.icon-accent {
  background: #40c4ff;
}
.theme-dark .btn .filetypes-icons, .theme-dark .btn .filetypes-icons:hover, .theme-dark .btn .filetypes-icons:focus {
  background: #FFF;
}
.theme-dark .btn-colored .filetypes-icons, .theme-dark .btn-colored:hover .filetypes-icons, .theme-dark .btn-colored:focus .filetypes-icons, .theme-dark .btn.btn-colored .filetypes-icons, .theme-dark .btn.btn-colored:hover .filetypes-icons, .theme-dark .btn.btn-colored:focus .filetypes-icons {
  background: #78909c;
}
.theme-dark .btn-accent .filetypes-icons, .theme-dark .btn-accent:hover .filetypes-icons, .theme-dark .btn-accent:focus .filetypes-icons, .theme-dark .btn.btn-accent .filetypes-icons, .theme-dark .btn.btn-accent:hover .filetypes-icons, .theme-dark .btn.btn-accent:focus .filetypes-icons {
  background: #40c4ff;
}
.theme-dark .btn-raised.btn-colored .filetypes-icons, .theme-dark .btn-raised.btn-colored:hover .filetypes-icons, .theme-dark .btn-raised.btn-colored:focus .filetypes-icons, .theme-dark .btn.btn-raised.btn-colored .filetypes-icons, .theme-dark .btn.btn-raised.btn-colored:hover .filetypes-icons, .theme-dark .btn.btn-raised.btn-colored:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.btn-accent .filetypes-icons, .theme-dark .btn-raised.btn-accent:hover .filetypes-icons, .theme-dark .btn-raised.btn-accent:focus .filetypes-icons, .theme-dark .btn.btn-raised.btn-accent .filetypes-icons, .theme-dark .btn.btn-raised.btn-accent:hover .filetypes-icons, .theme-dark .btn.btn-raised.btn-accent:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn.btn-disabled .filetypes-icons, .theme-dark .btn.btn-disabled:hover .filetypes-icons, .theme-dark .btn.btn-disabled:focus .filetypes-icons, .theme-dark .btn.btn-disabled:active .filetypes-icons {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab .filetypes-icons, .theme-dark .fab:hover .filetypes-icons, .theme-dark .fab:focus .filetypes-icons {
  background: #FFF;
}
.theme-dark .fab.fab-colored .filetypes-icons, .theme-dark .fab.fab-colored:hover .filetypes-icons, .theme-dark .fab.fab-colored:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.fab-accent .filetypes-icons, .theme-dark .fab.fab-accent:hover .filetypes-icons, .theme-dark .fab.fab-accent:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .filetypes-icon-left:before, .theme-dark .filetypes-icon-right:after {
  background: #FFF;
}
.theme-dark .filetypes-icon-left.icon-secondary:before, .theme-dark .filetypes-icon-right.icon-secondary:after {
  background: rgba(255, 255, 255, 0.7);
}
.theme-dark .filetypes-icon-left.icon-disabled:before, .theme-dark .filetypes-icon-right.icon-disabled:after {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .filetypes-icon-left.icon-primary:before, .theme-dark .filetypes-icon-right.icon-primary:after {
  background: #78909c;
}
.theme-dark .filetypes-icon-left.icon-accent:before, .theme-dark .filetypes-icon-right.icon-accent:after {
  background: #40c4ff;
}
.theme-dark a.filetypes-icon-left:not(.btn):before {
  background: #40c4ff;
}
.theme-dark a.filetypes-icon-left:not(.btn):hover:before {
  background: #5fcdff;
}
.theme-dark a.filetypes-icon-left:not(.btn):active:before {
  background: #80d8ff;
}
.theme-dark .btn.filetypes-icon-left:before, .theme-dark .btn.filetypes-icon-left:hover:before, .theme-dark .btn.filetypes-icon-left:focus:before, .theme-dark .menu a.filetypes-icon-left:before, .theme-dark .menu a.filetypes-icon-left:hover:before, .theme-dark .menu a.filetypes-icon-left:focus:before {
  background: #FFF;
}
.theme-dark .btn-colored.filetypes-icon-left:before, .theme-dark .btn-colored.filetypes-icon-left:hover:before, .theme-dark .btn-colored.filetypes-icon-left:focus:before, .theme-dark .btn.btn-colored.filetypes-icon-left:before, .theme-dark .btn.btn-colored.filetypes-icon-left:hover:before, .theme-dark .btn.btn-colored.filetypes-icon-left:focus:before {
  background: #78909c;
}
.theme-dark .btn-accent.filetypes-icon-left:before, .theme-dark .btn-accent.filetypes-icon-left:hover:before, .theme-dark .btn-accent.filetypes-icon-left:focus:before, .theme-dark .btn.btn-accent.filetypes-icon-left:before, .theme-dark .btn.btn-accent.filetypes-icon-left:hover:before, .theme-dark .btn.btn-accent.filetypes-icon-left:focus:before {
  background: #40c4ff;
}
.theme-dark .btn-raised.filetypes-icon-left.btn-colored:before, .theme-dark .btn-raised.filetypes-icon-left.btn-colored:hover:before, .theme-dark .btn-raised.filetypes-icon-left.btn-colored:focus:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-colored:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-colored:hover:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-colored:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.filetypes-icon-left.btn-accent:before, .theme-dark .btn-raised.filetypes-icon-left.btn-accent:hover:before, .theme-dark .btn-raised.filetypes-icon-left.btn-accent:focus:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-accent:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-accent:hover:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn.btn-disabled.filetypes-icon-left:before, .theme-dark .btn.btn-disabled.filetypes-icon-left:hover:before, .theme-dark .btn.btn-disabled.filetypes-icon-left:focus:before, .theme-dark .btn.btn-disabled.filetypes-icon-left:active:before {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab.filetypes-icon-left:before, .theme-dark .fab.filetypes-icon-left:hover:before, .theme-dark .fab.filetypes-icon-left:focus:before {
  background: #FFF;
}
.theme-dark .fab.filetypes-icon-left.fab-colored:before, .theme-dark .fab.filetypes-icon-left.fab-colored:hover:before, .theme-dark .fab.filetypes-icon-left.fab-colored:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.filetypes-icon-left.fab-accent:before, .theme-dark .fab.filetypes-icon-left.fab-accent:hover:before, .theme-dark .fab.filetypes-icon-left.fab-accent:focus:before {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark a.filetypes-icon-right:not(.btn):after {
  background: #40c4ff;
}
.theme-dark a.filetypes-icon-right:not(.btn):hover:after {
  background: #5fcdff;
}
.theme-dark a.filetypes-icon-right:not(.btn):active:after {
  background: #80d8ff;
}
.theme-dark .btn.filetypes-icon-right:after, .theme-dark .btn.filetypes-icon-right:hover:after, .theme-dark .btn.filetypes-icon-right:focus:after {
  background: #FFF;
}
.theme-dark .btn-colored.filetypes-icon-right:after, .theme-dark .btn-colored.filetypes-icon-right:hover:after, .theme-dark .btn-colored.filetypes-icon-right:focus:after, .theme-dark .btn.btn-colored.filetypes-icon-right:after, .theme-dark .btn.btn-colored.filetypes-icon-right:hover:after, .theme-dark .btn.btn-colored.filetypes-icon-right:focus:after {
  background: #78909c;
}
.theme-dark .btn-accent.filetypes-icon-right:after, .theme-dark .btn-accent.filetypes-icon-right:hover:after, .theme-dark .btn-accent.filetypes-icon-right:focus:after, .theme-dark .btn.btn-accent.filetypes-icon-right:after, .theme-dark .btn.btn-accent.filetypes-icon-right:hover:after, .theme-dark .btn.btn-accent.filetypes-icon-right:focus:after {
  background: #40c4ff;
}
.theme-dark .btn-raised.filetypes-icon-right.btn-colored:after, .theme-dark .btn-raised.filetypes-icon-right.btn-colored:hover:after, .theme-dark .btn-raised.filetypes-icon-right.btn-colored:focus:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-colored:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-colored:hover:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-colored:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn-raised.filetypes-icon-right.btn-accent:after, .theme-dark .btn-raised.filetypes-icon-right.btn-accent:hover:after, .theme-dark .btn-raised.filetypes-icon-right.btn-accent:focus:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-accent:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-accent:hover:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .btn.btn-disabled.filetypes-icon-right:after, .theme-dark .btn.btn-disabled.filetypes-icon-right:hover:after, .theme-dark .btn.btn-disabled.filetypes-icon-right:focus:after, .theme-dark .btn.btn-disabled.filetypes-icon-right:active:after {
  background: rgba(255, 255, 255, 0.3);
}
.theme-dark .fab.filetypes-icon-right:after, .theme-dark .fab.filetypes-icon-right:hover:after, .theme-dark .fab.filetypes-icon-right:focus:after {
  background: #FFF;
}
.theme-dark .fab.filetypes-icon-right.fab-colored:after, .theme-dark .fab.filetypes-icon-right.fab-colored:hover:after, .theme-dark .fab.filetypes-icon-right.fab-colored:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
.theme-dark .fab.filetypes-icon-right.fab-accent:after, .theme-dark .fab.filetypes-icon-right.fab-accent:hover:after, .theme-dark .fab.filetypes-icon-right.fab-accent:focus:after {
  background: rgba(0, 0, 0, 0.87);
}
/*# sourceMappingURL=../css/filetypes-icons.css.map */

/*})'"*/
/* break points */
/* mixins and functions */
.pull-left, .align-left {
  float: left;
}

.pull-center, .align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right, .align-right {
  float: right;
}

.text-align-left {
  text-align: left;
}

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

.text-align-right {
  text-align: right;
}

.text-align-justify {
  text-align: justify;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-18 {
  font-size: 18px;
}

/* margin and paddings */
.mt-8 {
  margin-top: 8px !important;
}

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

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

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

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

.mt-64 {
  margin-top: 64px !important;
}

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

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

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

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

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

.mb-64 {
  margin-bottom: 64px !important;
}

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

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

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

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

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

.pt-64 {
  padding-top: 64px !important;
}

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

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

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

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

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

.pb-64 {
  padding-bottom: 64px !important;
}

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

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

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

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

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

.ml-64 {
  margin-left: 64px !important;
}

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

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

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

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

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

.mr-64 {
  margin-right: 64px !important;
}

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

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

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

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

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

.pl-64 {
  padding-left: 64px !important;
}

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

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

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

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

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

.pr-64 {
  padding-right: 64px !important;
}

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

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

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

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

.no-m {
  margin: 0 !important;
}

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

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

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

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

.no-p {
  padding: 0 !important;
}

.no-wr, .no-br {
  white-space: nowrap;
}

.hidden, .navbar-item.hidden {
  display: none;
}

.visible-sm, .navbar-item.visible-sm {
  display: none;
}

.visible-md, .navbar-item.visible-md {
  display: none;
}

.visible-lg, .navbar-item.visible-lg {
  display: none;
}

@media (min-width: 768px) {
  .hidden-sm, .navbar-item.hidden-sm {
    display: none;
  }
  .visible-sm {
    display: block;
  }
  .navbar-item.visible-sm {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .hidden-md, .navbar-item.hidden-md {
    display: none;
  }
  .visible-md {
    display: block;
  }
  .navbar-item.visible-md {
    display: inline-block;
  }
}
@media (min-width: 1256px) {
  .hidden-lg, .navbar-item.hidden-lg {
    display: none;
  }
  .visible-lg {
    display: block;
  }
  .navbar-item.visible-lg {
    display: inline-block;
  }
}
/*# sourceMappingURL=../css/helpers.css.map */

/*})'"*/
/* break points */
/* mixins and functions */

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*=language-],
pre[class*=language-] {
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  tab-size: 4;
  -webkit-hyphens: none;
          hyphens: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

pre.line-numbers {
  position: relative;
  padding-left: 64px;
  counter-reset: linenumber;
}

pre.line-numbers > code {
  position: relative;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -64px;
  width: 52px;
  letter-spacing: -1px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
          user-select: none;
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: rgba(0, 0, 0, 0.54);
  display: block;
  padding-right: 12px;
  text-align: right;
}

.code-card {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
}
.card .code-card, .content-card .card-holder .code-card {
  margin-left: -16px;
  margin-right: -16px;
  box-shadow: none;
  border-radius: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

@media (min-width: 568px) {
  .card .code-card, .content-card .card-holder .code-card {
    margin-left: -24px;
    margin-right: -24px;
  }
}
/* theme dark */
.theme-dark {
  /* http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
  /**
   * prism.js Twilight theme
   * Based (more or less) on the Twilight theme originally of Textmate fame.
   * @author Remy Bach
   */
  /* Markup */
}
.theme-dark .token.comment,
.theme-dark .token.prolog,
.theme-dark .token.doctype,
.theme-dark .token.cdata {
  color: hsl(0deg, 0%, 47%); /* #777777 */
}
.theme-dark .token.punctuation {
  opacity: 0.7;
}
.theme-dark .namespace {
  opacity: 0.7;
}
.theme-dark .token.tag,
.theme-dark .token.boolean,
.theme-dark .token.number,
.theme-dark .token.deleted {
  color: hsl(14deg, 58%, 55%); /* #CF6A4C */
}
.theme-dark .token.keyword,
.theme-dark .token.property,
.theme-dark .token.selector,
.theme-dark .token.constant,
.theme-dark .token.symbol,
.theme-dark .token.builtin {
  color: hsl(53deg, 89%, 79%); /* #F9EE98 */
}
.theme-dark .token.attr-name,
.theme-dark .token.attr-value,
.theme-dark .token.string,
.theme-dark .token.char,
.theme-dark .token.operator,
.theme-dark .token.entity,
.theme-dark .token.url,
.theme-dark .language-css .token.string,
.theme-dark .style .token.string,
.theme-dark .token.variable,
.theme-dark .token.inserted {
  color: hsl(76deg, 21%, 52%); /* #8F9D6A */
}
.theme-dark .token.atrule {
  color: hsl(218deg, 22%, 55%); /* #7587A6 */
}
.theme-dark .token.regex,
.theme-dark .token.important {
  color: hsl(42deg, 75%, 65%); /* #E9C062 */
}
.theme-dark .token.important,
.theme-dark .token.bold {
  font-weight: bold;
}
.theme-dark .token.italic {
  font-style: italic;
}
.theme-dark .token.entity {
  cursor: help;
}
.theme-dark pre[data-line] {
  padding: 1em 0 1em 3em;
  position: relative;
}
.theme-dark .language-markup .token.tag,
.theme-dark .language-markup .token.attr-name,
.theme-dark .language-markup .token.punctuation {
  color: hsl(33deg, 33%, 52%); /* #AC885B */
}
.theme-dark .line-numbers .line-numbers-rows {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.theme-dark .line-numbers-rows > span:before {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .card .code-card, .theme-dark.content-card .card-holder .code-card {
  border-color: #585858;
}
/*# sourceMappingURL=../css/code-highlight.css.map */

/*})'"*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

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

/* break points */
/* mixins and functions */
/* fonts */
/* helpful classes */
.clearfix:after, .media-left:after, .media-right:after, #navbar:after, #footer-content:after {
  content: "";
  display: table;
  clear: both; }

.material-icons, .breadcrumb .delimiter:before, .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before, .form-item input[type="checkbox"]:before, .form-item input[type="radio"]:before, .form-item.form-type-select:after, .navbar-account-menu .menu a:before, .sidebar .menu .collapsed > a:after, .sidebar .menu .expanded > a:after, .collapsible-toggle:before, .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before, .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before, .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before, .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before, .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before, div.fivestar-widget-static .star span.on:before, div.fivestar-widget-static .star span.off:before {
  font-family: 'Material Icons', 'Material Icons Local';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }

/* common styles */
* {
  box-sizing: content-box; }

#page * {
  box-sizing: border-box; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  background: #FAFAFA; }

h1, .h1 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  line-height: 40px;
  margin-top: 16px;
  margin-bottom: 16px; }

h2, .h2 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 16px; }

h3, .h3 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 16px;
  margin-bottom: 8px; }

h4, .h4 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 8px; }

h5, .h5 {
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 8px; }

h6, .h6 {
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 8px; }

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, .h1 + h1, .h1 + h2, .h1 + h3, .h1 + h4, .h1 + h5, .h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, .h2 + h1, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + h5, .h2 + h6 {
  margin-top: -8px; }

h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, .h3 + h1, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + h5, .h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, .h4 + h1, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + h5, .h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, .h5 + h1, .h5 + h2, .h5 + h3, .h5 + h4, .h5 + h5, .h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, .h6 + h1, .h6 + h2, .h6 + h3, .h6 + h4, .h6 + h5, .h6 + h6 {
  margin-top: -4px; }

.font-heading {
  font-family: "Roboto", sans-serif; }

.font-text {
  font-family: "Roboto", sans-serif; }

a {
  color: #ff3d00;
  text-decoration: none; }
  a:hover {
    color: #fc3200; }
  a:active {
    color: #dd2c00; }

a[href^="tel:"], a[href^="mailto:"] {
  white-space: nowrap; }

article .content a[href^="#"]:not([href="#"]):not(.btn) {
  border-bottom: dotted 1px #ff3d00; }
  article .content a[href^="#"]:not([href="#"]):not(.btn):hover {
    border-color: #fc3200; }
  article .content a[href^="#"]:not([href="#"]):not(.btn):active {
    border-color: #dd2c00; }

article .content blockquote {
  border-left: 2px solid #ffc107;
  padding-left: 36px;
  color: rgba(0, 0, 0, 0.54); }

p {
  margin-bottom: 8px; }

p.icon-left, p.services-icon-left, p.filetypes-icon-left {
  padding-left: 36px; }
  p.icon-left:before, p.services-icon-left:before, p.filetypes-icon-left:before {
    margin-left: -36px; }

p .material-icons, p .breadcrumb .delimiter:before, .breadcrumb p .delimiter:before, p .info:before, p .important:before, p .messages-status:before, p .messages-warning:before, p .messages-error:before, p .form-item input[type="checkbox"]:before, .form-item p input[type="checkbox"]:before, p .form-item input[type="radio"]:before, .form-item p input[type="radio"]:before, p .form-item.form-type-select:after, p .navbar-account-menu .menu a:before, .navbar-account-menu .menu p a:before, p .sidebar .menu .collapsed > a:after, .sidebar .menu p .collapsed > a:after, p .sidebar .menu .expanded > a:after, .sidebar .menu p .expanded > a:after, p .collapsible-toggle:before, p .pager .pager-item.item-first > a:before, .pager p .pager-item.item-first > a:before, p .pager .pager-item.item-first > span:before, .pager p .pager-item.item-first > span:before, p .pager .pager-item.item-previous > a:before, .pager p .pager-item.item-previous > a:before, p .pager .pager-item.item-previous > span:before, .pager p .pager-item.item-previous > span:before, p .pager .pager-item.item-ellipsis > a:before, .pager p .pager-item.item-ellipsis > a:before, p .pager .pager-item.item-ellipsis > span:before, .pager p .pager-item.item-ellipsis > span:before, p .pager .pager-item.item-next > a:before, .pager p .pager-item.item-next > a:before, p .pager .pager-item.item-next > span:before, .pager p .pager-item.item-next > span:before, p .pager .pager-item.item-last > a:before, .pager p .pager-item.item-last > a:before, p .pager .pager-item.item-last > span:before, .pager p .pager-item.item-last > span:before, p div.fivestar-widget-static .star span.on:before, div.fivestar-widget-static .star p span.on:before, p div.fivestar-widget-static .star span.off:before, div.fivestar-widget-static .star p span.off:before, p .services-icons, p .filetypes-icons,
ul:not(.menu) li .material-icons,
ul:not(.menu) li .breadcrumb .delimiter:before,
.breadcrumb ul:not(.menu) li .delimiter:before,
ul:not(.menu) li .info:before,
ul:not(.menu) li .important:before,
ul:not(.menu) li .messages-status:before,
ul:not(.menu) li .messages-warning:before,
ul:not(.menu) li .messages-error:before,
ul:not(.menu) li .form-item input[type="checkbox"]:before,
.form-item ul:not(.menu) li input[type="checkbox"]:before,
ul:not(.menu) li .form-item input[type="radio"]:before,
.form-item ul:not(.menu) li input[type="radio"]:before,
ul:not(.menu) li .form-item.form-type-select:after,
ul:not(.menu) li .navbar-account-menu .menu a:before,
.navbar-account-menu .menu ul:not(.menu) li a:before,
ul:not(.menu) li .sidebar .menu .collapsed > a:after,
.sidebar .menu ul:not(.menu) li .collapsed > a:after,
ul:not(.menu) li .sidebar .menu .expanded > a:after,
.sidebar .menu ul:not(.menu) li .expanded > a:after,
ul:not(.menu) li .collapsible-toggle:before,
ul:not(.menu) li .pager .pager-item.item-first > a:before,
.pager ul:not(.menu) li .pager-item.item-first > a:before,
ul:not(.menu) li .pager .pager-item.item-first > span:before,
.pager ul:not(.menu) li .pager-item.item-first > span:before,
ul:not(.menu) li .pager .pager-item.item-previous > a:before,
.pager ul:not(.menu) li .pager-item.item-previous > a:before,
ul:not(.menu) li .pager .pager-item.item-previous > span:before,
.pager ul:not(.menu) li .pager-item.item-previous > span:before,
ul:not(.menu) li .pager .pager-item.item-ellipsis > a:before,
.pager ul:not(.menu) li .pager-item.item-ellipsis > a:before,
ul:not(.menu) li .pager .pager-item.item-ellipsis > span:before,
.pager ul:not(.menu) li .pager-item.item-ellipsis > span:before,
ul:not(.menu) li .pager .pager-item.item-next > a:before,
.pager ul:not(.menu) li .pager-item.item-next > a:before,
ul:not(.menu) li .pager .pager-item.item-next > span:before,
.pager ul:not(.menu) li .pager-item.item-next > span:before,
ul:not(.menu) li .pager .pager-item.item-last > a:before,
.pager ul:not(.menu) li .pager-item.item-last > a:before,
ul:not(.menu) li .pager .pager-item.item-last > span:before,
.pager ul:not(.menu) li .pager-item.item-last > span:before,
ul:not(.menu) li div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star ul:not(.menu) li span.on:before,
ul:not(.menu) li div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star ul:not(.menu) li span.off:before,
ul:not(.menu) li .services-icons,
ul:not(.menu) li .filetypes-icons,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.more-link a .material-icons,
.btn .breadcrumb .delimiter:before,
.breadcrumb .btn .delimiter:before,
.pager .pager-item > a .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > a .delimiter:before,
.pager .pager-item > span .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > span .delimiter:before,
.more-link a .breadcrumb .delimiter:before,
.breadcrumb .more-link a .delimiter:before,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.more-link a .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.more-link a .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.more-link a .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.more-link a .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.more-link a .messages-error:before,
.btn .form-item input[type="checkbox"]:before,
.form-item .btn input[type="checkbox"]:before,
.pager .pager-item > a .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > a input[type="checkbox"]:before,
.pager .pager-item > span .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > span input[type="checkbox"]:before,
.more-link a .form-item input[type="checkbox"]:before,
.form-item .more-link a input[type="checkbox"]:before,
.btn .form-item input[type="radio"]:before,
.form-item .btn input[type="radio"]:before,
.pager .pager-item > a .form-item input[type="radio"]:before,
.form-item .pager .pager-item > a input[type="radio"]:before,
.pager .pager-item > span .form-item input[type="radio"]:before,
.form-item .pager .pager-item > span input[type="radio"]:before,
.more-link a .form-item input[type="radio"]:before,
.form-item .more-link a input[type="radio"]:before,
.btn .form-item.form-type-select:after,
.pager .pager-item > a .form-item.form-type-select:after,
.pager .pager-item > span .form-item.form-type-select:after,
.more-link a .form-item.form-type-select:after,
.btn .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .btn a:before,
.pager .pager-item > a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > a a:before,
.pager .pager-item > span .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > span a:before,
.more-link a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .more-link a a:before,
.btn .sidebar .menu .collapsed > a:after,
.sidebar .menu .btn .collapsed > a:after,
.pager .pager-item > a .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > a .collapsed > a:after,
.pager .pager-item > span .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > span .collapsed > a:after,
.more-link a .sidebar .menu .collapsed > a:after,
.sidebar .menu .more-link a .collapsed > a:after,
.btn .sidebar .menu .expanded > a:after,
.sidebar .menu .btn .expanded > a:after,
.pager .pager-item > a .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > a .expanded > a:after,
.pager .pager-item > span .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > span .expanded > a:after,
.more-link a .sidebar .menu .expanded > a:after,
.sidebar .menu .more-link a .expanded > a:after,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .collapsible-toggle:before,
.more-link a .collapsible-toggle:before,
.btn .pager .pager-item.item-first > a:before,
.pager .btn .pager-item.item-first > a:before,
.pager .pager-item > a .pager-item.item-first > a:before,
.pager .pager-item > span .pager-item.item-first > a:before,
.more-link a .pager .pager-item.item-first > a:before,
.pager .more-link a .pager-item.item-first > a:before,
.btn .pager .pager-item.item-first > span:before,
.pager .btn .pager-item.item-first > span:before,
.pager .pager-item > a .pager-item.item-first > span:before,
.pager .pager-item > span .pager-item.item-first > span:before,
.more-link a .pager .pager-item.item-first > span:before,
.pager .more-link a .pager-item.item-first > span:before,
.btn .pager .pager-item.item-previous > a:before,
.pager .btn .pager-item.item-previous > a:before,
.pager .pager-item > a .pager-item.item-previous > a:before,
.pager .pager-item > span .pager-item.item-previous > a:before,
.more-link a .pager .pager-item.item-previous > a:before,
.pager .more-link a .pager-item.item-previous > a:before,
.btn .pager .pager-item.item-previous > span:before,
.pager .btn .pager-item.item-previous > span:before,
.pager .pager-item > a .pager-item.item-previous > span:before,
.pager .pager-item > span .pager-item.item-previous > span:before,
.more-link a .pager .pager-item.item-previous > span:before,
.pager .more-link a .pager-item.item-previous > span:before,
.btn .pager .pager-item.item-ellipsis > a:before,
.pager .btn .pager-item.item-ellipsis > a:before,
.pager .pager-item > a .pager-item.item-ellipsis > a:before,
.pager .pager-item > span .pager-item.item-ellipsis > a:before,
.more-link a .pager .pager-item.item-ellipsis > a:before,
.pager .more-link a .pager-item.item-ellipsis > a:before,
.btn .pager .pager-item.item-ellipsis > span:before,
.pager .btn .pager-item.item-ellipsis > span:before,
.pager .pager-item > a .pager-item.item-ellipsis > span:before,
.pager .pager-item > span .pager-item.item-ellipsis > span:before,
.more-link a .pager .pager-item.item-ellipsis > span:before,
.pager .more-link a .pager-item.item-ellipsis > span:before,
.btn .pager .pager-item.item-next > a:before,
.pager .btn .pager-item.item-next > a:before,
.pager .pager-item > a .pager-item.item-next > a:before,
.pager .pager-item > span .pager-item.item-next > a:before,
.more-link a .pager .pager-item.item-next > a:before,
.pager .more-link a .pager-item.item-next > a:before,
.btn .pager .pager-item.item-next > span:before,
.pager .btn .pager-item.item-next > span:before,
.pager .pager-item > a .pager-item.item-next > span:before,
.pager .pager-item > span .pager-item.item-next > span:before,
.more-link a .pager .pager-item.item-next > span:before,
.pager .more-link a .pager-item.item-next > span:before,
.btn .pager .pager-item.item-last > a:before,
.pager .btn .pager-item.item-last > a:before,
.pager .pager-item > a .pager-item.item-last > a:before,
.pager .pager-item > span .pager-item.item-last > a:before,
.more-link a .pager .pager-item.item-last > a:before,
.pager .more-link a .pager-item.item-last > a:before,
.btn .pager .pager-item.item-last > span:before,
.pager .btn .pager-item.item-last > span:before,
.pager .pager-item > a .pager-item.item-last > span:before,
.pager .pager-item > span .pager-item.item-last > span:before,
.more-link a .pager .pager-item.item-last > span:before,
.pager .more-link a .pager-item.item-last > span:before,
.btn div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .btn span.on:before,
.pager .pager-item > a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > a span.on:before,
.pager .pager-item > span div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > span span.on:before,
.more-link a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .more-link a span.on:before,
.btn div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .btn span.off:before,
.pager .pager-item > a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > a span.off:before,
.pager .pager-item > span div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > span span.off:before,
.more-link a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .more-link a span.off:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .more-link a .services-icons, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .more-link a .filetypes-icons {
  vertical-align: -30%; }

p a.icon-left:not(.btn), p a.services-icon-left:not(.btn), p a.filetypes-icon-left:not(.btn), ul:not(.menu) li a.icon-left:not(.btn), ul:not(.menu) li a.services-icon-left:not(.btn), ul:not(.menu) li a.filetypes-icon-left:not(.btn), td a.icon-left:not(.btn), td a.services-icon-left:not(.btn), td a.filetypes-icon-left:not(.btn), th a.icon-left:not(.btn), th a.services-icon-left:not(.btn), th a.filetypes-icon-left:not(.btn) {
  display: inline-block; }
  p a.icon-left:not(.btn):before, p a.services-icon-left:not(.btn):before, p a.filetypes-icon-left:not(.btn):before, ul:not(.menu) li a.icon-left:not(.btn):before, ul:not(.menu) li a.services-icon-left:not(.btn):before, ul:not(.menu) li a.filetypes-icon-left:not(.btn):before, td a.icon-left:not(.btn):before, td a.services-icon-left:not(.btn):before, td a.filetypes-icon-left:not(.btn):before, th a.icon-left:not(.btn):before, th a.services-icon-left:not(.btn):before, th a.filetypes-icon-left:not(.btn):before {
    margin-right: 4px; }

p a.icon-right:not(.btn), p a.services-icon-right:not(.btn), p a.filetypes-icon-right:not(.btn), ul:not(.menu) li a.icon-right:not(.btn), ul:not(.menu) li a.services-icon-right:not(.btn), ul:not(.menu) li a.filetypes-icon-right:not(.btn), td a.icon-right:not(.btn), td a.services-icon-right:not(.btn), td a.filetypes-icon-right:not(.btn), th a.icon-right:not(.btn), th a.services-icon-right:not(.btn), th a.filetypes-icon-right:not(.btn) {
  display: inline-block; }
  p a.icon-right:not(.btn):after, p a.services-icon-right:not(.btn):after, p a.filetypes-icon-right:not(.btn):after, ul:not(.menu) li a.icon-right:not(.btn):after, ul:not(.menu) li a.services-icon-right:not(.btn):after, ul:not(.menu) li a.filetypes-icon-right:not(.btn):after, td a.icon-right:not(.btn):after, td a.services-icon-right:not(.btn):after, td a.filetypes-icon-right:not(.btn):after, th a.icon-right:not(.btn):after, th a.services-icon-right:not(.btn):after, th a.filetypes-icon-right:not(.btn):after {
    margin-left: 4px; }

strong {
  font-weight: 500; }

.mark {
  vertical-align: super;
  font-size: 12px;
  color: #ff3d00; }

ol, ul {
  padding-left: 40px;
  margin-top: 16px;
  margin-bottom: 16px; }

ul, ol ul {
  list-style-type: disc; }

ul ul, ol ul ul {
  list-style-type: circle; }

ul ul ul {
  list-style-type: square; }

ol, ul ol {
  list-style-type: decimal; }

ol ol, ul ol ol {
  list-style-type: lower-alpha; }

ol ol ol {
  list-style-type: lower-roman; }

ol ul, ol ol, ul ol, ul ul {
  margin-top: 0;
  margin-bottom: 0; }

.list-unstyled {
  list-style: none;
  padding-left: 0; }

table {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  border-collapse: collapse;
  background: #FFFFFF; }

tr {
  border-bottom: 1px solid #e0e0e0; }

tbody tr:last-child {
  border-bottom: 0; }

th, td {
  padding: 12px; }

th:first-child, td:first-child {
  padding-left: 16px; }

th:last-child, td:last-child {
  padding-right: 16px; }

th {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  text-align: left; }

tr:hover {
  background: #eeeeee; }

code, kbd, pre, samp {
  font-family: 'Roboto mono', Consolas, monospace;
  font-size: 15px; }

:not(pre) > code, pre {
  background: #f5f5f5; }

pre {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 12px 16px;
  overflow: auto; }

:not(pre) > code {
  padding: 2px; }

.object-16by9 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.img-link, .view-activity .activity-image a, .img-link img, .view-activity .activity-image a img {
  display: block; }

.img-responsive, .view-activity .activity-image img, .card-with-logo .card-logo img, .list-item-with-logo .item-logo img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-responsive.pull-center, .view-activity .activity-image img.pull-center, .card-with-logo .card-logo img.pull-center, .list-item-with-logo .item-logo img.pull-center {
  display: block; }

.media-left .img-left, .media-left .pull-left, .media-left .align-left,
.media-left .img-right, .media-left .pull-right, .media-left .align-right, .media-right .img-left, .media-right .pull-left, .media-right .align-left,
.media-right .img-right, .media-right .pull-right, .media-right .align-right {
  margin-top: 16px;
  margin-bottom: 16px;
  display: block; }

@media (min-width: 1256px) {
  .media-left {
    padding-left: 264px; }
    .media-left .img-left, .media-left .pull-left, .media-left .align-left {
      max-width: 240px;
      float: left;
      margin-left: -264px;
      margin-top: 8px;
      margin-bottom: 8px; }
  .media-right {
    padding-right: 264px; }
    .media-right .img-right, .media-right .pull-right, .media-right .align-right {
      max-width: 240px;
      float: right;
      margin-right: -264px;
      margin-top: 8px;
      margin-bottom: 8px; } }

.full-height, .row.full-height > div {
  display: flex;
  justify-content: center; }

.rippleAnimate {
  background-color: rgba(0, 0, 0, 0.3); }

.rippleWrap {
  pointer-events: none; }

.card-holder {
  margin-top: 24px;
  margin-bottom: 24px; }

.breadcrumb {
  margin: 16px 0; }
  .breadcrumb .delimiter {
    position: relative;
    display: inline-block;
    width: 16px;
    color: transparent;
    text-indent: -99999px; }
    .breadcrumb .delimiter:before {
      font-size: 16px;
      content: "chevron_right";
      position: absolute;
      line-height: 24px;
      height: 24px;
      color: rgba(0, 0, 0, 0.87);
      left: 0;
      text-indent: 0; }

.subtitle {
  font-size: 14px; }

.text-dark {
  color: rgba(0, 0, 0, 0.87) !important; }

.text-secondary {
  color: rgba(0, 0, 0, 0.54); }

.text-disabled {
  color: rgba(0, 0, 0, 0.26); }

.text-light {
  color: #FFF !important; }

.text-light.text-disabled {
  color: rgba(255, 255, 255, 0.3) !important; }

.text-primary, a.text-primary, a.text-primary:hover, a.text-primary:focus {
  color: #ffb300; }

.text-accent, a.text-accent, a.text-accent:hover, a.text-accent:focus {
  color: #ff3d00; }

.divider-top {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.divider-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.divider-bottom + .divider-top {
  border-top: 0; }

@media (min-width: 568px) {
  th:first-child, td:first-child {
    padding-left: 24px; }
  th:last-child, td:last-child {
    padding-right: 24px; }
  pre {
    padding: 12px 24px; } }

.z-level-0, .navbar-transparent #navbar, .navbar-transparent.navbar-fixed .navbar-shadow, .footer-transparent #footer {
  box-shadow: none; }

.z-level-1, #header, .navbar-fixed .navbar-shadow, #footer, .btn-raised, .btn.btn-raised, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .more-link a.btn-raised, .table-card, .table-card.table-bordered, .block-search.search-persistent form .form-item.focused, #autocomplete, .card, .content-card .card-holder {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.z-level-2, .btn-raised:active, .btn.btn-raised:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .more-link a.btn-raised:active, .fab, .menu-dropdown {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.z-level-3, .fab:active {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.z-level-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.z-level-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.highlight, .info, .important, .messages-status, .messages-warning, .messages-error {
  background: #f5f5f5;
  padding: 16px 24px;
  border-radius: 2px;
  margin-top: 16px;
  margin-bottom: 16px; }
  .highlight > *:first-child, .info > *:first-child, .important > *:first-child, .messages-status > *:first-child, .messages-warning > *:first-child, .messages-error > *:first-child {
    margin-top: 0 !important; }
  .highlight > *:last-child, .info > *:last-child, .important > *:last-child, .messages-status > *:last-child, .messages-warning > *:last-child, .messages-error > *:last-child {
    margin-bottom: 0 !important; }
  .card .highlight, .content-card .card-holder .highlight, .card .info, .content-card .card-holder .info, .card .important, .content-card .card-holder .important, .card .messages-status, .content-card .card-holder .messages-status, .card .messages-warning, .content-card .card-holder .messages-warning, .card .messages-error, .content-card .card-holder .messages-error, .content-card .card-holder .highlight, .content-card .card-holder .info, .content-card .card-holder .important, .content-card .card-holder .messages-status, .content-card .card-holder .messages-warning, .content-card .card-holder .messages-error {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0; }
  @media (min-width: 568px) {
    .card .highlight, .content-card .card-holder .highlight, .card .info, .content-card .card-holder .info, .card .important, .content-card .card-holder .important, .card .messages-status, .content-card .card-holder .messages-status, .card .messages-warning, .content-card .card-holder .messages-warning, .card .messages-error, .content-card .card-holder .messages-error, .content-card .card-holder .highlight, .content-card .card-holder .info, .content-card .card-holder .important, .content-card .card-holder .messages-status, .content-card .card-holder .messages-warning, .content-card .card-holder .messages-error {
      margin-left: -24px;
      margin-right: -24px; } }

.info, .important, .messages-status, .messages-warning, .messages-error {
  background: #fff8e1;
  padding-left: 64px;
  position: relative; }
  .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before {
    content: "info";
    position: absolute;
    top: 16px;
    left: 24px;
    color: #ffc107; }

.important {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87); }
  .important:before {
    content: "warning";
    color: rgba(0, 0, 0, 0.87); }
  .important a {
    color: #ff6e40; }
    .important a:hover {
      color: #ff855f; }
    .important a:active {
      color: #ff9e80; }

/* layout */
#page {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

#content {
  flex: 1 0 auto; }

#main-content {
  outline: none; }

.container {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px; }

.full-width .container {
  width: auto !important; }

.layout-left .container {
  margin-left: 0; }

.sidebar {
  width: auto; }

#main .block {
  margin-top: 24px;
  margin-bottom: 24px; }

#navbar {
  height: 64px;
  padding: 8px 4px;
  position: relative;
  z-index: 30;
  color: rgba(0, 0, 0, 0.87);
  text-align: center; }

#header {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 64px;
  margin-top: -64px;
  position: relative;
  z-index: 10; }

#header-bg {
  display: none; }

.navbar-fixed #navbar {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffc107;
  z-index: 30; }

.navbar-fixed #header {
  padding-top: 64px;
  position: relative;
  z-index: 10;
  margin-top: 0; }

.navbar-transparent #navbar {
  background: none;
  pointer-events: none; }
  .navbar-transparent #navbar .navbar-item {
    pointer-events: auto; }

.navbar-transparent #navbar.navbar-bg {
  background: none; }

.navbar-light #navbar {
  color: rgba(0, 0, 0, 0.87); }

.navbar-light #header {
  background: #FFFFFF; }

.navbar-light.navbar-fixed #navbar {
  background: #FFFFFF; }

.navbar-light .navbar-item .navbar-icon, .navbar-light .navbar-slogan, .navbar-light .navbar-title a {
  color: rgba(0, 0, 0, 0.87); }

.navbar-light .navbar-menu .menu a {
  color: rgba(0, 0, 0, 0.87); }

.navbar-light .navbar-menu .menu a:hover {
  color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-menu .menu .active a, .navbar-light .navbar-menu .menu .active-trail a, .navbar-light .navbar-menu .menu .active {
  border-color: rgba(0, 0, 0, 0.87); }

.navbar-dark #navbar {
  color: #FFF; }

.navbar-dark #header {
  background: #212121; }

.navbar-dark.navbar-fixed #navbar {
  background: #212121; }

.navbar-dark .navbar-item .navbar-icon, .navbar-dark .navbar-slogan, .navbar-dark .navbar-title a {
  color: #FFF; }

.navbar-dark .navbar-menu .menu a {
  color: #FFF; }

.navbar-dark .navbar-menu .menu a:hover {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-menu .menu .active a, .navbar-dark .navbar-menu .menu .active-trail a, .navbar-dark .navbar-menu .menu .active {
  border-color: #FFF; }

#footer {
  min-height: 48px;
  background: #f5f5f5;
  font-size: 14px; }

#footer-content {
  padding: 8px 4px; }

.region-footer-content {
  display: flex;
  flex-wrap: wrap; }

.footer-item {
  display: inline-block;
  min-height: 32px;
  margin: 0 12px;
  float: none;
  line-height: 32px; }

.footer-icons {
  display: flex;
  align-items: center;
  min-height: 32px; }

.footer-transparent #footer {
  background: none;
  pointer-events: none; }
  .footer-transparent #footer .footer-item {
    pointer-events: auto; }

@media (min-width: 568px) {
  #navbar {
    padding: 8px 12px; }
  #footer {
    min-height: 64px; }
  #footer-content {
    padding: 8px 12px;
    text-align: center; }
  .region-footer-content {
    display: block; }
  .footer-item {
    min-height: 48px;
    float: left;
    line-height: 48px; }
  .footer-item.pull-center {
    float: none; }
  .footer-item.pull-right {
    float: right; }
  .footer-icons {
    min-height: 48px; } }

@media (min-width: 568px) {
  .container {
    padding: 0 24px; }
  .two-sidebars #main {
    display: flex;
    flex-wrap: wrap; }
  .two-sidebars #main-content {
    flex: 0 0 auto;
    width: 100%; }
  .two-sidebars #sidebar-first {
    flex: 0 0 auto;
    margin-right: 12px;
    width: calc(50% - 12px); }
  .two-sidebars #sidebar-second {
    flex: 0 0 auto;
    margin-left: 12px;
    width: calc(50% - 12px); } }

@media (min-width: 992px) {
  .no-sidebars .container {
    width: 992px; }
  .no-sidebars.wide-one-side .container {
    width: auto; }
  .no-sidebars.wide-two-side .container {
    width: auto; }
  .one-sidebar #main {
    display: flex; }
  .one-sidebar #main-content {
    order: 2;
    flex: 0 0 auto;
    width: calc(100% - 264px); }
  .one-sidebar #sidebar-first {
    order: 1;
    flex: 0 0 240px;
    width: 240px;
    margin-right: 24px; }
  .one-sidebar #sidebar-second {
    order: 3;
    flex: 0 0 240px;
    width: 240px;
    margin-left: 24px; }
  .two-sidebars #main {
    display: block; }
  .two-sidebars #main-content {
    width: calc(100% - 264px);
    float: right; }
  .two-sidebars #sidebar-first {
    width: 240px;
    margin-right: 24px;
    float: left; }
  .two-sidebars #sidebar-second {
    width: calc(100% - 264px);
    float: right; } }

@media (min-width: 1280px) {
  .no-sidebars.wide-one-side .container {
    width: 1256px; }
  .one-sidebar .container {
    width: 1256px; }
  .one-sidebar.wide-two-side .container {
    width: auto; }
  .two-sidebars #main {
    display: flex;
    flex-wrap: nowrap; }
  .two-sidebars #main-content {
    order: 2;
    flex: 0 0 auto;
    width: calc(100% - 528px); }
  .two-sidebars #sidebar-first {
    order: 1;
    flex: 0 0 240px;
    margin-right: 24px; }
  .two-sidebars #sidebar-second {
    order: 3;
    flex: 0 0 240px;
    width: 240px;
    margin-left: 24px; } }

@media (min-width: 1544px) {
  .no-sidebars.wide-two-side .container {
    width: 1520px; }
  .one-sidebar.wide-two-side .container {
    width: 1520px; }
  .two-sidebars .container {
    width: 1520px; } }

@media (min-width: 992px) {
  .drawer-permanent #header, .drawer-permanent #content, .drawer-permanent #navbar, .drawer-permanent #footer {
    margin-left: 240px; }
  .drawer-permanent.navbar-fixed #navbar {
    width: calc(100% - 240px); }
  .drawer-permanent #drawer {
    margin-left: 0;
    box-shadow: none; }
  .drawer-permanent #drawer-overlay {
    display: none !important; }
  .drawer-permanent.drawer-below-navbar #navbar {
    margin-left: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .drawer-permanent.drawer-below-navbar #drawer {
    top: 64px;
    z-index: 29; }
  .drawer-permanent.drawer-below-navbar #header {
    box-shadow: none; }
  .drawer-permanent.no-sidebars .container {
    width: auto; } }

@media (min-width: 1280px) {
  .drawer-permanent.no-sidebars .container {
    width: 992px; } }

.text-box {
  max-width: 944px; }

/* buttons */
.btn-group {
  margin: 8px 0; }

.btn, .pager .pager-item > a, .pager .pager-item > span, .more-link a, input[type="submit"] {
  display: inline-block;
  height: 36px;
  min-width: 88px;
  margin: 8px;
  padding: 8px 16px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  outline: 0;
  background: none;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color .2s, box-shadow .2s; }
  .btn:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .more-link a:hover, .btn:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus, .more-link a:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: rgba(153, 153, 153, 0.2);
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87); }
  .btn:active, .pager .pager-item > a:active, .pager .pager-item > span:active, .more-link a:active, input[type="submit"]:active {
    background: rgba(153, 153, 153, 0.4); }

.btn-colored, .btn-colored:hover, .btn-colored:focus,
.btn.btn-colored,
.pager .pager-item > a.btn-colored,
.pager .pager-item > span.btn-colored,
.more-link a.btn-colored, .btn.btn-colored:hover, .pager .pager-item > a.btn-colored:hover, .pager .pager-item > span.btn-colored:hover, .more-link a.btn-colored:hover, .btn.btn-colored:focus, .pager .pager-item > a.btn-colored:focus, .pager .pager-item > span.btn-colored:focus, .more-link a.btn-colored:focus {
  color: #ffb300; }

.btn-accent, .pager .pager-item > a, .pager .pager-item > span, .btn-accent:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .btn-accent:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus,
.btn.btn-accent,
.pager .pager-item > a,
.pager .pager-item > span,
.more-link a.btn-accent,
.pager .more-link .pager-item > a, .btn.btn-accent:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .more-link a.btn-accent:hover, .pager .more-link .pager-item > a:hover, .btn.btn-accent:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus, .more-link a.btn-accent:focus, .pager .more-link .pager-item > a:focus {
  color: #ff3d00; }

.btn-raised.btn-colored, .btn.btn-raised.btn-colored, .pager .pager-item > a.btn-raised.btn-colored, .pager .pager-item > span.btn-raised.btn-colored, .more-link a.btn-raised.btn-colored {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87); }

.btn-raised.btn-accent, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .btn.btn-raised.btn-accent, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .more-link a.btn-raised.btn-accent, .pager .more-link .pager-item > a.btn-raised {
  background: #ff3d00;
  color: #FFF; }

.btn-raised.btn-colored .rippleAnimate, .btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.btn-raised .rippleAnimate, .btn.btn-raised.btn-colored .rippleAnimate, .pager .pager-item > a.btn-raised.btn-colored .rippleAnimate, .pager .pager-item > span.btn-raised.btn-colored .rippleAnimate, .more-link a.btn-raised.btn-colored .rippleAnimate, .btn.btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.btn-raised .rippleAnimate, .more-link a.btn-raised.btn-accent .rippleAnimate, .pager .more-link .pager-item > a.btn-raised .rippleAnimate {
  background-color: rgba(255, 255, 255, 0.3); }

.btn-raised.btn-colored:hover, .btn-raised.btn-colored:focus, .btn.btn-raised.btn-colored:hover, .pager .pager-item > a.btn-raised.btn-colored:hover, .pager .pager-item > span.btn-raised.btn-colored:hover, .more-link a.btn-raised.btn-colored:hover, .btn.btn-raised.btn-colored:focus, .pager .pager-item > a.btn-raised.btn-colored:focus, .pager .pager-item > span.btn-raised.btn-colored:focus, .more-link a.btn-raised.btn-colored:focus {
  background: #ffb300;
  color: rgba(0, 0, 0, 0.87); }

.btn-raised.btn-colored:active, .btn.btn-raised.btn-colored:active, .pager .pager-item > a.btn-raised.btn-colored:active, .pager .pager-item > span.btn-raised.btn-colored:active, .more-link a.btn-raised.btn-colored:active {
  background: #ffa000; }

.btn-raised.btn-accent:hover, .pager .pager-item > a.btn-raised:hover, .pager .pager-item > span.btn-raised:hover, .btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus, .btn.btn-raised.btn-accent:hover, .pager .pager-item > a.btn-raised:hover, .pager .pager-item > span.btn-raised:hover, .more-link a.btn-raised.btn-accent:hover, .pager .more-link .pager-item > a.btn-raised:hover, .btn.btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus, .more-link a.btn-raised.btn-accent:focus, .pager .more-link .pager-item > a.btn-raised:focus {
  background: #fc3200;
  color: #FFF; }

.btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .btn.btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .more-link a.btn-raised.btn-accent:active, .pager .more-link .pager-item > a.btn-raised:active {
  background: #dd2c00; }

.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .more-link a.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .more-link a.icon-right:after,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.more-link a .material-icons,
.btn .breadcrumb .delimiter:before,
.breadcrumb .btn .delimiter:before,
.pager .pager-item > a .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > a .delimiter:before,
.pager .pager-item > span .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > span .delimiter:before,
.more-link a .breadcrumb .delimiter:before,
.breadcrumb .more-link a .delimiter:before,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.more-link a .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.more-link a .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.more-link a .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.more-link a .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.more-link a .messages-error:before,
.btn .form-item input[type="checkbox"]:before,
.form-item .btn input[type="checkbox"]:before,
.pager .pager-item > a .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > a input[type="checkbox"]:before,
.pager .pager-item > span .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > span input[type="checkbox"]:before,
.more-link a .form-item input[type="checkbox"]:before,
.form-item .more-link a input[type="checkbox"]:before,
.btn .form-item input[type="radio"]:before,
.form-item .btn input[type="radio"]:before,
.pager .pager-item > a .form-item input[type="radio"]:before,
.form-item .pager .pager-item > a input[type="radio"]:before,
.pager .pager-item > span .form-item input[type="radio"]:before,
.form-item .pager .pager-item > span input[type="radio"]:before,
.more-link a .form-item input[type="radio"]:before,
.form-item .more-link a input[type="radio"]:before,
.btn .form-item.form-type-select:after,
.pager .pager-item > a .form-item.form-type-select:after,
.pager .pager-item > span .form-item.form-type-select:after,
.more-link a .form-item.form-type-select:after,
.btn .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .btn a:before,
.pager .pager-item > a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > a a:before,
.pager .pager-item > span .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > span a:before,
.more-link a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .more-link a a:before,
.btn .sidebar .menu .collapsed > a:after,
.sidebar .menu .btn .collapsed > a:after,
.pager .pager-item > a .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > a .collapsed > a:after,
.pager .pager-item > span .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > span .collapsed > a:after,
.more-link a .sidebar .menu .collapsed > a:after,
.sidebar .menu .more-link a .collapsed > a:after,
.btn .sidebar .menu .expanded > a:after,
.sidebar .menu .btn .expanded > a:after,
.pager .pager-item > a .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > a .expanded > a:after,
.pager .pager-item > span .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > span .expanded > a:after,
.more-link a .sidebar .menu .expanded > a:after,
.sidebar .menu .more-link a .expanded > a:after,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .collapsible-toggle:before,
.more-link a .collapsible-toggle:before,
.btn .pager .pager-item.item-first > a:before,
.pager .btn .pager-item.item-first > a:before,
.pager .pager-item > a .pager-item.item-first > a:before,
.pager .pager-item > span .pager-item.item-first > a:before,
.more-link a .pager .pager-item.item-first > a:before,
.pager .more-link a .pager-item.item-first > a:before,
.btn .pager .pager-item.item-first > span:before,
.pager .btn .pager-item.item-first > span:before,
.pager .pager-item > a .pager-item.item-first > span:before,
.pager .pager-item > span .pager-item.item-first > span:before,
.more-link a .pager .pager-item.item-first > span:before,
.pager .more-link a .pager-item.item-first > span:before,
.btn .pager .pager-item.item-previous > a:before,
.pager .btn .pager-item.item-previous > a:before,
.pager .pager-item > a .pager-item.item-previous > a:before,
.pager .pager-item > span .pager-item.item-previous > a:before,
.more-link a .pager .pager-item.item-previous > a:before,
.pager .more-link a .pager-item.item-previous > a:before,
.btn .pager .pager-item.item-previous > span:before,
.pager .btn .pager-item.item-previous > span:before,
.pager .pager-item > a .pager-item.item-previous > span:before,
.pager .pager-item > span .pager-item.item-previous > span:before,
.more-link a .pager .pager-item.item-previous > span:before,
.pager .more-link a .pager-item.item-previous > span:before,
.btn .pager .pager-item.item-ellipsis > a:before,
.pager .btn .pager-item.item-ellipsis > a:before,
.pager .pager-item > a .pager-item.item-ellipsis > a:before,
.pager .pager-item > span .pager-item.item-ellipsis > a:before,
.more-link a .pager .pager-item.item-ellipsis > a:before,
.pager .more-link a .pager-item.item-ellipsis > a:before,
.btn .pager .pager-item.item-ellipsis > span:before,
.pager .btn .pager-item.item-ellipsis > span:before,
.pager .pager-item > a .pager-item.item-ellipsis > span:before,
.pager .pager-item > span .pager-item.item-ellipsis > span:before,
.more-link a .pager .pager-item.item-ellipsis > span:before,
.pager .more-link a .pager-item.item-ellipsis > span:before,
.btn .pager .pager-item.item-next > a:before,
.pager .btn .pager-item.item-next > a:before,
.pager .pager-item > a .pager-item.item-next > a:before,
.pager .pager-item > span .pager-item.item-next > a:before,
.more-link a .pager .pager-item.item-next > a:before,
.pager .more-link a .pager-item.item-next > a:before,
.btn .pager .pager-item.item-next > span:before,
.pager .btn .pager-item.item-next > span:before,
.pager .pager-item > a .pager-item.item-next > span:before,
.pager .pager-item > span .pager-item.item-next > span:before,
.more-link a .pager .pager-item.item-next > span:before,
.pager .more-link a .pager-item.item-next > span:before,
.btn .pager .pager-item.item-last > a:before,
.pager .btn .pager-item.item-last > a:before,
.pager .pager-item > a .pager-item.item-last > a:before,
.pager .pager-item > span .pager-item.item-last > a:before,
.more-link a .pager .pager-item.item-last > a:before,
.pager .more-link a .pager-item.item-last > a:before,
.btn .pager .pager-item.item-last > span:before,
.pager .btn .pager-item.item-last > span:before,
.pager .pager-item > a .pager-item.item-last > span:before,
.pager .pager-item > span .pager-item.item-last > span:before,
.more-link a .pager .pager-item.item-last > span:before,
.pager .more-link a .pager-item.item-last > span:before,
.btn div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .btn span.on:before,
.pager .pager-item > a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > a span.on:before,
.pager .pager-item > span div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > span span.on:before,
.more-link a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .more-link a span.on:before,
.btn div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .btn span.off:before,
.pager .pager-item > a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > a span.off:before,
.pager .pager-item > span div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > span span.off:before,
.more-link a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .more-link a span.off:before {
  margin-top: -2px;
  margin-bottom: -2px; }

.btn.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .more-link a.services-icon-left:before, .btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .more-link a.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .more-link a .services-icons,
.btn.filetypes-icon-left:before,
.pager .pager-item > a.filetypes-icon-left:before,
.pager .pager-item > span.filetypes-icon-left:before,
.more-link a.filetypes-icon-left:before, .btn.filetypes-icon-right:after, .pager .pager-item > a.filetypes-icon-right:after, .pager .pager-item > span.filetypes-icon-right:after, .more-link a.filetypes-icon-right:after, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .more-link a .filetypes-icons {
  margin-top: -2px;
  margin-bottom: -1px; }

.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .more-link a.icon-left:before,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.more-link a .material-icons,
.btn .breadcrumb .delimiter:before,
.breadcrumb .btn .delimiter:before,
.pager .pager-item > a .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > a .delimiter:before,
.pager .pager-item > span .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > span .delimiter:before,
.more-link a .breadcrumb .delimiter:before,
.breadcrumb .more-link a .delimiter:before,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.more-link a .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.more-link a .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.more-link a .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.more-link a .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.more-link a .messages-error:before,
.btn .form-item input[type="checkbox"]:before,
.form-item .btn input[type="checkbox"]:before,
.pager .pager-item > a .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > a input[type="checkbox"]:before,
.pager .pager-item > span .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > span input[type="checkbox"]:before,
.more-link a .form-item input[type="checkbox"]:before,
.form-item .more-link a input[type="checkbox"]:before,
.btn .form-item input[type="radio"]:before,
.form-item .btn input[type="radio"]:before,
.pager .pager-item > a .form-item input[type="radio"]:before,
.form-item .pager .pager-item > a input[type="radio"]:before,
.pager .pager-item > span .form-item input[type="radio"]:before,
.form-item .pager .pager-item > span input[type="radio"]:before,
.more-link a .form-item input[type="radio"]:before,
.form-item .more-link a input[type="radio"]:before,
.btn .form-item.form-type-select:after,
.pager .pager-item > a .form-item.form-type-select:after,
.pager .pager-item > span .form-item.form-type-select:after,
.more-link a .form-item.form-type-select:after,
.btn .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .btn a:before,
.pager .pager-item > a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > a a:before,
.pager .pager-item > span .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > span a:before,
.more-link a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .more-link a a:before,
.btn .sidebar .menu .collapsed > a:after,
.sidebar .menu .btn .collapsed > a:after,
.pager .pager-item > a .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > a .collapsed > a:after,
.pager .pager-item > span .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > span .collapsed > a:after,
.more-link a .sidebar .menu .collapsed > a:after,
.sidebar .menu .more-link a .collapsed > a:after,
.btn .sidebar .menu .expanded > a:after,
.sidebar .menu .btn .expanded > a:after,
.pager .pager-item > a .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > a .expanded > a:after,
.pager .pager-item > span .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > span .expanded > a:after,
.more-link a .sidebar .menu .expanded > a:after,
.sidebar .menu .more-link a .expanded > a:after,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .collapsible-toggle:before,
.more-link a .collapsible-toggle:before,
.btn .pager .pager-item.item-first > a:before,
.pager .btn .pager-item.item-first > a:before,
.pager .pager-item > a .pager-item.item-first > a:before,
.pager .pager-item > span .pager-item.item-first > a:before,
.more-link a .pager .pager-item.item-first > a:before,
.pager .more-link a .pager-item.item-first > a:before,
.btn .pager .pager-item.item-first > span:before,
.pager .btn .pager-item.item-first > span:before,
.pager .pager-item > a .pager-item.item-first > span:before,
.pager .pager-item > span .pager-item.item-first > span:before,
.more-link a .pager .pager-item.item-first > span:before,
.pager .more-link a .pager-item.item-first > span:before,
.btn .pager .pager-item.item-previous > a:before,
.pager .btn .pager-item.item-previous > a:before,
.pager .pager-item > a .pager-item.item-previous > a:before,
.pager .pager-item > span .pager-item.item-previous > a:before,
.more-link a .pager .pager-item.item-previous > a:before,
.pager .more-link a .pager-item.item-previous > a:before,
.btn .pager .pager-item.item-previous > span:before,
.pager .btn .pager-item.item-previous > span:before,
.pager .pager-item > a .pager-item.item-previous > span:before,
.pager .pager-item > span .pager-item.item-previous > span:before,
.more-link a .pager .pager-item.item-previous > span:before,
.pager .more-link a .pager-item.item-previous > span:before,
.btn .pager .pager-item.item-ellipsis > a:before,
.pager .btn .pager-item.item-ellipsis > a:before,
.pager .pager-item > a .pager-item.item-ellipsis > a:before,
.pager .pager-item > span .pager-item.item-ellipsis > a:before,
.more-link a .pager .pager-item.item-ellipsis > a:before,
.pager .more-link a .pager-item.item-ellipsis > a:before,
.btn .pager .pager-item.item-ellipsis > span:before,
.pager .btn .pager-item.item-ellipsis > span:before,
.pager .pager-item > a .pager-item.item-ellipsis > span:before,
.pager .pager-item > span .pager-item.item-ellipsis > span:before,
.more-link a .pager .pager-item.item-ellipsis > span:before,
.pager .more-link a .pager-item.item-ellipsis > span:before,
.btn .pager .pager-item.item-next > a:before,
.pager .btn .pager-item.item-next > a:before,
.pager .pager-item > a .pager-item.item-next > a:before,
.pager .pager-item > span .pager-item.item-next > a:before,
.more-link a .pager .pager-item.item-next > a:before,
.pager .more-link a .pager-item.item-next > a:before,
.btn .pager .pager-item.item-next > span:before,
.pager .btn .pager-item.item-next > span:before,
.pager .pager-item > a .pager-item.item-next > span:before,
.pager .pager-item > span .pager-item.item-next > span:before,
.more-link a .pager .pager-item.item-next > span:before,
.pager .more-link a .pager-item.item-next > span:before,
.btn .pager .pager-item.item-last > a:before,
.pager .btn .pager-item.item-last > a:before,
.pager .pager-item > a .pager-item.item-last > a:before,
.pager .pager-item > span .pager-item.item-last > a:before,
.more-link a .pager .pager-item.item-last > a:before,
.pager .more-link a .pager-item.item-last > a:before,
.btn .pager .pager-item.item-last > span:before,
.pager .btn .pager-item.item-last > span:before,
.pager .pager-item > a .pager-item.item-last > span:before,
.pager .pager-item > span .pager-item.item-last > span:before,
.more-link a .pager .pager-item.item-last > span:before,
.pager .more-link a .pager-item.item-last > span:before,
.btn div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .btn span.on:before,
.pager .pager-item > a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > a span.on:before,
.pager .pager-item > span div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > span span.on:before,
.more-link a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .more-link a span.on:before,
.btn div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .btn span.off:before,
.pager .pager-item > a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > a span.off:before,
.pager .pager-item > span div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > span span.off:before,
.more-link a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .more-link a span.off:before, .btn.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .more-link a.services-icon-left:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .more-link a .services-icons,
.btn.filetypes-icon-left:before,
.pager .pager-item > a.filetypes-icon-left:before,
.pager .pager-item > span.filetypes-icon-left:before,
.more-link a.filetypes-icon-left:before, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .more-link a .filetypes-icons {
  margin-left: -2px; }

.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .more-link a.icon-right:after,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.more-link a .material-icons,
.btn .breadcrumb .delimiter:before,
.breadcrumb .btn .delimiter:before,
.pager .pager-item > a .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > a .delimiter:before,
.pager .pager-item > span .breadcrumb .delimiter:before,
.breadcrumb .pager .pager-item > span .delimiter:before,
.more-link a .breadcrumb .delimiter:before,
.breadcrumb .more-link a .delimiter:before,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.more-link a .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.more-link a .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.more-link a .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.more-link a .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.more-link a .messages-error:before,
.btn .form-item input[type="checkbox"]:before,
.form-item .btn input[type="checkbox"]:before,
.pager .pager-item > a .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > a input[type="checkbox"]:before,
.pager .pager-item > span .form-item input[type="checkbox"]:before,
.form-item .pager .pager-item > span input[type="checkbox"]:before,
.more-link a .form-item input[type="checkbox"]:before,
.form-item .more-link a input[type="checkbox"]:before,
.btn .form-item input[type="radio"]:before,
.form-item .btn input[type="radio"]:before,
.pager .pager-item > a .form-item input[type="radio"]:before,
.form-item .pager .pager-item > a input[type="radio"]:before,
.pager .pager-item > span .form-item input[type="radio"]:before,
.form-item .pager .pager-item > span input[type="radio"]:before,
.more-link a .form-item input[type="radio"]:before,
.form-item .more-link a input[type="radio"]:before,
.btn .form-item.form-type-select:after,
.pager .pager-item > a .form-item.form-type-select:after,
.pager .pager-item > span .form-item.form-type-select:after,
.more-link a .form-item.form-type-select:after,
.btn .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .btn a:before,
.pager .pager-item > a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > a a:before,
.pager .pager-item > span .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .pager .pager-item > span a:before,
.more-link a .navbar-account-menu .menu a:before,
.navbar-account-menu .menu .more-link a a:before,
.btn .sidebar .menu .collapsed > a:after,
.sidebar .menu .btn .collapsed > a:after,
.pager .pager-item > a .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > a .collapsed > a:after,
.pager .pager-item > span .sidebar .menu .collapsed > a:after,
.sidebar .menu .pager .pager-item > span .collapsed > a:after,
.more-link a .sidebar .menu .collapsed > a:after,
.sidebar .menu .more-link a .collapsed > a:after,
.btn .sidebar .menu .expanded > a:after,
.sidebar .menu .btn .expanded > a:after,
.pager .pager-item > a .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > a .expanded > a:after,
.pager .pager-item > span .sidebar .menu .expanded > a:after,
.sidebar .menu .pager .pager-item > span .expanded > a:after,
.more-link a .sidebar .menu .expanded > a:after,
.sidebar .menu .more-link a .expanded > a:after,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .collapsible-toggle:before,
.more-link a .collapsible-toggle:before,
.btn .pager .pager-item.item-first > a:before,
.pager .btn .pager-item.item-first > a:before,
.pager .pager-item > a .pager-item.item-first > a:before,
.pager .pager-item > span .pager-item.item-first > a:before,
.more-link a .pager .pager-item.item-first > a:before,
.pager .more-link a .pager-item.item-first > a:before,
.btn .pager .pager-item.item-first > span:before,
.pager .btn .pager-item.item-first > span:before,
.pager .pager-item > a .pager-item.item-first > span:before,
.pager .pager-item > span .pager-item.item-first > span:before,
.more-link a .pager .pager-item.item-first > span:before,
.pager .more-link a .pager-item.item-first > span:before,
.btn .pager .pager-item.item-previous > a:before,
.pager .btn .pager-item.item-previous > a:before,
.pager .pager-item > a .pager-item.item-previous > a:before,
.pager .pager-item > span .pager-item.item-previous > a:before,
.more-link a .pager .pager-item.item-previous > a:before,
.pager .more-link a .pager-item.item-previous > a:before,
.btn .pager .pager-item.item-previous > span:before,
.pager .btn .pager-item.item-previous > span:before,
.pager .pager-item > a .pager-item.item-previous > span:before,
.pager .pager-item > span .pager-item.item-previous > span:before,
.more-link a .pager .pager-item.item-previous > span:before,
.pager .more-link a .pager-item.item-previous > span:before,
.btn .pager .pager-item.item-ellipsis > a:before,
.pager .btn .pager-item.item-ellipsis > a:before,
.pager .pager-item > a .pager-item.item-ellipsis > a:before,
.pager .pager-item > span .pager-item.item-ellipsis > a:before,
.more-link a .pager .pager-item.item-ellipsis > a:before,
.pager .more-link a .pager-item.item-ellipsis > a:before,
.btn .pager .pager-item.item-ellipsis > span:before,
.pager .btn .pager-item.item-ellipsis > span:before,
.pager .pager-item > a .pager-item.item-ellipsis > span:before,
.pager .pager-item > span .pager-item.item-ellipsis > span:before,
.more-link a .pager .pager-item.item-ellipsis > span:before,
.pager .more-link a .pager-item.item-ellipsis > span:before,
.btn .pager .pager-item.item-next > a:before,
.pager .btn .pager-item.item-next > a:before,
.pager .pager-item > a .pager-item.item-next > a:before,
.pager .pager-item > span .pager-item.item-next > a:before,
.more-link a .pager .pager-item.item-next > a:before,
.pager .more-link a .pager-item.item-next > a:before,
.btn .pager .pager-item.item-next > span:before,
.pager .btn .pager-item.item-next > span:before,
.pager .pager-item > a .pager-item.item-next > span:before,
.pager .pager-item > span .pager-item.item-next > span:before,
.more-link a .pager .pager-item.item-next > span:before,
.pager .more-link a .pager-item.item-next > span:before,
.btn .pager .pager-item.item-last > a:before,
.pager .btn .pager-item.item-last > a:before,
.pager .pager-item > a .pager-item.item-last > a:before,
.pager .pager-item > span .pager-item.item-last > a:before,
.more-link a .pager .pager-item.item-last > a:before,
.pager .more-link a .pager-item.item-last > a:before,
.btn .pager .pager-item.item-last > span:before,
.pager .btn .pager-item.item-last > span:before,
.pager .pager-item > a .pager-item.item-last > span:before,
.pager .pager-item > span .pager-item.item-last > span:before,
.more-link a .pager .pager-item.item-last > span:before,
.pager .more-link a .pager-item.item-last > span:before,
.btn div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .btn span.on:before,
.pager .pager-item > a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > a span.on:before,
.pager .pager-item > span div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .pager .pager-item > span span.on:before,
.more-link a div.fivestar-widget-static .star span.on:before,
div.fivestar-widget-static .star .more-link a span.on:before,
.btn div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .btn span.off:before,
.pager .pager-item > a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > a span.off:before,
.pager .pager-item > span div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .pager .pager-item > span span.off:before,
.more-link a div.fivestar-widget-static .star span.off:before,
div.fivestar-widget-static .star .more-link a span.off:before, .btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .more-link a.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .more-link a .services-icons, .btn.filetypes-icon-right:after, .pager .pager-item > a.filetypes-icon-right:after, .pager .pager-item > span.filetypes-icon-right:after, .more-link a.filetypes-icon-right:after, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .more-link a .filetypes-icons {
  margin-right: -2px; }

.btn.icon-right > span, .pager .pager-item > a.icon-right > span, .pager .pager-item > span.icon-right > span, .more-link a.icon-right > span, .btn.services-icon-right > span, .pager .pager-item > a.services-icon-right > span, .pager .pager-item > span.services-icon-right > span, .more-link a.services-icon-right > span, .btn.filetypes-icon-right > span, .pager .pager-item > a.filetypes-icon-right > span, .pager .pager-item > span.filetypes-icon-right > span, .more-link a.filetypes-icon-right > span {
  float: left; }

.btn-disabled, .pager .pager-item.item-ellipsis > a, .pager .pager-item.item-ellipsis > span, .pager .pager-item.item-current > a, .pager .pager-item.item-current > span, .pager .pager-item.item-first > span, .pager .pager-item.item-previous > span, .pager .pager-item.item-next > span, .pager .pager-item.item-last > span {
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  pointer-events: none; }
  .btn-disabled:hover, .pager .pager-item.item-ellipsis > a:hover, .pager .pager-item.item-ellipsis > span:hover, .pager .pager-item.item-current > a:hover, .pager .pager-item.item-current > span:hover, .pager .pager-item.item-first > span:hover, .pager .pager-item.item-previous > span:hover, .pager .pager-item.item-next > span:hover, .pager .pager-item.item-last > span:hover, .btn-disabled:focus, .pager .pager-item.item-ellipsis > a:focus, .pager .pager-item.item-ellipsis > span:focus, .pager .pager-item.item-current > a:focus, .pager .pager-item.item-current > span:focus, .pager .pager-item.item-first > span:focus, .pager .pager-item.item-previous > span:focus, .pager .pager-item.item-next > span:focus, .pager .pager-item.item-last > span:focus, .btn-disabled:active, .pager .pager-item.item-ellipsis > a:active, .pager .pager-item.item-ellipsis > span:active, .pager .pager-item.item-current > a:active, .pager .pager-item.item-current > span:active, .pager .pager-item.item-first > span:active, .pager .pager-item.item-previous > span:active, .pager .pager-item.item-next > span:active, .pager .pager-item.item-last > span:active {
    background: none;
    color: rgba(0, 0, 0, 0.26); }

/* floating action buttons */
.fab {
  display: inline-block;
  height: 56px;
  width: 56px;
  margin: 8px;
  padding: 16px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  outline: 0;
  border: 0;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  font-weight: 500;
  transition: background-color .2s, box-shadow .2s; }
  .fab:hover, .fab:focus {
    background: rgba(153, 153, 153, 0.2);
    color: rgba(0, 0, 0, 0.87); }
  .fab:active {
    background: rgba(153, 153, 153, 0.4); }
  .fab.fab-colored {
    background: #ffc107;
    color: rgba(0, 0, 0, 0.87); }
    .fab.fab-colored:hover, .fab.fab-colored:focus {
      background: #ffb300;
      color: rgba(0, 0, 0, 0.87); }
    .fab.fab-colored:active {
      background: #ffa000; }
  .fab.fab-accent {
    background: #ff3d00;
    color: #FFF; }
    .fab.fab-accent:hover, .fab.fab-accent:focus {
      background: #fc3200;
      color: #FFF; }
    .fab.fab-accent:active {
      background: #dd2c00; }
  .fab.fab-colored .rippleAnimate, .fab.fab-accent .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.3); }
  .fab.fab-mini {
    height: 40px;
    width: 40px;
    padding: 8px; }

/* tooltips */
.tooltip {
  position: relative; }
  .tooltip:before {
    content: attr(data-tooltip);
    position: absolute;
    box-sizing: border-box;
    max-width: 160px;
    background: rgba(97, 97, 97, 0.9);
    padding: 6px 16px;
    border-radius: 2px;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    line-height: 20px;
    white-space: normal;
    opacity: 0;
    transition: opacity .2s;
    bottom: calc(100% + 16px);
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, 0); }
  .tooltip.tooltip-expanded:before {
    opacity: 1; }
  .tooltip.tooltip-top-left:before {
    left: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-top-right:before {
    left: auto;
    right: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-bottom-left:before {
    bottom: auto;
    top: calc(100% + 16px);
    left: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-bottom:before {
    bottom: auto;
    top: calc(100% + 16px); }
  .tooltip.tooltip-bottom-right:before {
    bottom: auto;
    top: calc(100% + 16px);
    left: auto;
    right: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-left:before {
    transform: translate(0, -50%);
    right: calc(100% + 12px);
    top: 50%;
    bottom: auto;
    left: auto; }
  .tooltip.tooltip-right:before {
    transform: translate(0, -50%);
    left: calc(100% + 12px);
    top: 50%;
    bottom: auto; }

/* tables */
tr.selected {
  background: #f5f5f5; }

tr.selected:hover {
  background: #eeeeee; }

.table-bordered {
  border: 0;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #e0e0e0; }

.table-striped tbody tr:nth-child(even) {
  background: #FAFAFA; }

.table-striped tbody tr:nth-child(even):hover, .table-striped tbody tr.selected:nth-child(even):hover {
  background: #eeeeee; }

.table-striped tbody tr.selected:nth-child(even) {
  background: #f5f5f5; }

.table-card {
  border-radius: 2px; }
  .card .table-card, .content-card .card-holder .table-card {
    margin-left: -16px;
    margin-right: -16px;
    box-shadow: none;
    border-radius: 0;
    width: calc(100% + 32px); }
  .card .table-card.table-bordered, .content-card .card-holder .table-card.table-bordered {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }

@media (max-width: 767px) {
  .table-responsive thead {
    display: none; }
  .table-responsive tr {
    display: block; }
  .table-responsive td {
    display: block;
    padding: 8px 16px; }
    .table-responsive td:first-child {
      padding-left: 16px;
      padding-top: 16px; }
    .table-responsive td:last-child {
      padding-right: 16px;
      padding-bottom: 16px; }
    .table-responsive td:before {
      content: attr(data-label) ": ";
      font-weight: 500;
      color: rgba(0, 0, 0, 0.54); } }

@media (min-width: 568px) {
  .card .table-card, .content-card .card-holder .table-card {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px); } }

@media (min-width: 768px) {
  .table-responsive-wrapper {
    overflow-x: auto;
    margin-top: 16px;
    margin-bottom: 16px; }
    .table-responsive-wrapper table {
      margin-bottom: 0;
      margin-top: 0; } }

/* forms */
.form-item {
  margin-top: 16px;
  margin-bottom: 16px; }
  .form-item .form-item {
    margin-top: 8px;
    margin-bottom: 8px; }
  .form-item.label-hidden label {
    display: none; }
  .form-item label, .form-item .description {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54); }
  .form-item label.option, .form-item.focused label.option {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87); }
  .form-item label .form-required {
    color: #f44336; }
  .form-item.focused label {
    color: #ff3d00; }
  .form-item .description {
    margin: 8px 0; }
  .form-item input, .form-item textarea, .form-item select {
    border: 0;
    margin: 0;
    background: none;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.87);
    font-family: "Roboto", sans-serif;
    font-size: 16px; }
  .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item input[type="search"], .form-item input[type="tel"], .form-item textarea, .form-item select {
    display: block;
    width: 100%;
    max-width: 460px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 8px 0; }
    .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item input[type="search"]:focus, .form-item input[type="search"].error:focus, .form-item input[type="tel"]:focus, .form-item input[type="tel"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus {
      border-bottom: 2px solid #ff3d00;
      padding-bottom: 7px; }
    .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item input[type="search"].error, .form-item input[type="tel"].error, .form-item textarea.error, .form-item select.error {
      border-bottom: 2px solid #f44336;
      padding: 8px 0 7px; }
    .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item input[type="search"]:-ms-input-placeholder, .form-item input[type="tel"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.26); }
    .form-item input[type="text"]::-ms-input-placeholder, .form-item input[type="email"]::-ms-input-placeholder, .form-item input[type="password"]::-ms-input-placeholder, .form-item input[type="search"]::-ms-input-placeholder, .form-item input[type="tel"]::-ms-input-placeholder, .form-item textarea::-ms-input-placeholder, .form-item select::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.26); }
    .form-item input[type="text"]::placeholder, .form-item input[type="email"]::placeholder, .form-item input[type="password"]::placeholder, .form-item input[type="search"]::placeholder, .form-item input[type="tel"]::placeholder, .form-item textarea::placeholder, .form-item select::placeholder {
      color: rgba(0, 0, 0, 0.26); }
  .form-item input[type="radio"], .form-item input[type="checkbox"] {
    display: inline-block;
    color: rgba(0, 0, 0, 0.54);
    float: left;
    margin-top: 6px;
    margin-right: 12px; }
  .form-item input[type="checkbox"]:before {
    content: 'check_box_outline_blank';
    margin-top: -7px; }
  .form-item input[type="checkbox"]:checked:before {
    content: 'check_box';
    color: #ff3d00; }
  .form-item input[type="radio"]:before {
    content: 'radio_button_unchecked';
    margin-top: -7px; }
  .form-item input[type="radio"]:checked:before {
    content: 'radio_button_checked';
    color: #ff3d00; }
  .form-item.form-type-file label {
    display: block; }
  .form-item input[type="file"] {
    margin: 8px 0; }
  .form-item textarea {
    resize: none; }
  .form-item .grippie {
    display: none; }
  .form-item.form-type-select {
    overflow: hidden; }
    .form-item.form-type-select label {
      display: block; }
  .form-item select {
    float: left;
    width: auto;
    clear: both;
    padding-right: 36px;
    min-width: 160px;
    position: relative;
    z-index: 1; }
  .form-item.form-type-select:after {
    content: 'arrow_drop_down';
    margin-left: -24px;
    margin-top: 8px;
    /* float: left; */
    color: rgba(0, 0, 0, 0.54);
    z-index: 0;
    position: relative; }

.card .form-actions, .content-card .card-holder .form-actions {
  margin-left: -16px;
  margin-right: -16px; }

@media (min-width: 568px) {
  .card .form-actions, .content-card .card-holder .form-actions {
    margin-left: -24px;
    margin-right: -24px; } }

/* navbar */
.navbar-item {
  display: inline-block;
  height: 48px;
  margin: 0 12px;
  float: left; }

.navbar-item.pull-center {
  float: none; }

.navbar-item.pull-right {
  float: right; }

.navbar-item .navbar-icon {
  height: 24px;
  width: 24px;
  margin: 12px;
  color: rgba(0, 0, 0, 0.87); }

#navbar-menu-toggle {
  margin: 0 -12px; }
  #navbar-menu-toggle a {
    display: inline-block;
    padding: 12px;
    height: 48px;
    width: 48px; }
  #navbar-menu-toggle .navbar-icon {
    margin: 0; }

.navbar-logo {
  margin: 0 -12px; }
  .navbar-logo a {
    display: inline-block;
    height: 48px;
    padding: 12px; }
    .navbar-logo a img, .navbar-logo a span {
      display: inline-block;
      height: 24px; }

.navbar-title {
  margin: 0 -12px; }
  .navbar-title a {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    padding: 12px;
    color: rgba(0, 0, 0, 0.87); }

.navbar-slogan {
  height: 48px;
  font-size: 16px;
  margin: 0 -12px;
  padding: 14px 12px 10px 12px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87); }

.navbar-branding {
  display: flex; }
  .navbar-branding > div + div {
    margin: 0 -12px 0 12px; }

.navbar-menu {
  margin: -8px 0;
  height: 64px; }
  .navbar-menu .menu {
    display: flex;
    height: 64px;
    padding: 0;
    margin: 0; }
    .navbar-menu .menu li {
      display: block;
      height: 64px; }
    .navbar-menu .menu a {
      display: block;
      height: 64px;
      line-height: 20px;
      border-bottom: 2px solid transparent;
      padding: 22px 12px 20px;
      font-size: 14px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.87);
      text-transform: uppercase; }
      .navbar-menu .menu a:hover {
        border-color: rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 0.87); }
    .navbar-menu .menu .active a, .navbar-menu .menu .active-trail a, .navbar-menu .menu .active {
      border-color: rgba(0, 0, 0, 0.87); }

#navbar-user {
  margin: 0 -12px; }
  #navbar-user a {
    display: inline-block;
    padding: 12px;
    height: 48px;
    width: 48px; }
  #navbar-user .navbar-icon {
    margin: 0; }

.navbar-account-menu .menu {
  margin: 0 -12px;
  padding: 0;
  list-style: none;
  display: flex; }
  .navbar-account-menu .menu a {
    display: inline-block;
    padding: 12px;
    height: 48px;
    width: 48px;
    position: relative;
    text-indent: -99999px;
    color: transparent; }
    .navbar-account-menu .menu a:before {
      content: "account_circle";
      color: rgba(0, 0, 0, 0.87);
      position: absolute;
      top: 12px;
      left: 12px;
      text-indent: 0; }
    .navbar-account-menu .menu a[href="/user/logout"]:before {
      content: "exit_to_app"; }

/* footer */
.footer-item .menu {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none; }
  .footer-item .menu li {
    display: inline-block;
    margin-right: 8px; }
  .footer-item .menu a {
    display: inline-block; }

/* drawer */
#drawer-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 39; }
  .drawer-open #drawer-overlay {
    display: block; }

#drawer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 240px;
  margin-left: -264px;
  z-index: 40;
  background: #FAFAFA;
  overflow: auto;
  border-right: 1px solid #FAFAFA;
  transition: margin-left .2s; }
  .drawer-open #drawer {
    margin-left: 0;
    border-right-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
  #drawer .drawer-item {
    padding: 8px 12px; }
  #drawer #drawer-menu-close {
    float: left; }
  #drawer #drawer-menu-close a {
    display: inline-block;
    padding: 12px;
    height: 48px;
    width: 48px;
    color: #000; }
  #drawer #drawer-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    padding: 12px;
    color: rgba(0, 0, 0, 0.54); }
  #drawer .menu {
    list-style: none;
    padding: 0;
    margin: 0 -12px; }
    #drawer .menu li a {
      display: block;
      padding: 12px 24px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.87); }
      #drawer .menu li a:hover {
        background: #eeeeee; }
      #drawer .menu li a.icon-left:before, #drawer .menu li a.icon-right:after {
        color: rgba(0, 0, 0, 0.54); }
      #drawer .menu li a.services-icon-left:before, #drawer .menu li a.services-icon-right:after, #drawer .menu li a.filetypes-icon-left:before, #drawer .menu li a.filetypes-icon-right:after {
        background: rgba(0, 0, 0, 0.54); }
    #drawer .menu li.active a, #drawer .menu li.active-trail a {
      color: #ffc107; }
      #drawer .menu li.active a.icon-left:before, #drawer .menu li.active a.icon-right:after, #drawer .menu li.active-trail a.icon-left:before, #drawer .menu li.active-trail a.icon-right:after {
        color: #ffc107; }
      #drawer .menu li.active a.services-icon-left:before, #drawer .menu li.active a.services-icon-right:after, #drawer .menu li.active a.filetypes-icon-left:before, #drawer .menu li.active a.filetypes-icon-right:after, #drawer .menu li.active-trail a.services-icon-left:before, #drawer .menu li.active-trail a.services-icon-right:after, #drawer .menu li.active-trail a.filetypes-icon-left:before, #drawer .menu li.active-trail a.filetypes-icon-right:after {
        background: #ffc107; }

/* header and title */
.big-title h1, .big-title h2, .big-title .h1, .big-title h2 {
  font-size: 56px;
  line-height: 84px; }

.margin-box {
  margin: 160px auto 160px; }

.header-bg-image #header {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), #ffc107 url(https://beerdroid.ru/sites/beerdroid.ru/themes/hop/img/header-bg.jpg) top center;
  background-size: auto, cover; }

.header-bg-image #bg-video {
  display: none; }

.header-bg-image.navbar-fixed #navbar {
  background: none; }

.header-bg-image.navbar-fixed #navbar.navbar-bg {
  background: #ffc107; }

.header-bg-image.navbar-fixed #header {
  background: #ffc107; }

.header-bg-image.navbar-fixed #header-bg {
  display: block;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), url(https://beerdroid.ru/sites/beerdroid.ru/themes/hop/img/header-bg.jpg) top center;
  background-size: auto, cover;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; }

.header-bg-object #navbar {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px); }

.header-bg-object #header {
  background: #ffc107; }

.header-bg-object #header-bg {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden; }

.header-bg-object #bg-object {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none; }

.header-bg-object #header-bg .object-16by9 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-width: 100%;
  min-height: 100%; }
  .header-bg-object #header-bg .object-16by9 #bg-object {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none; }

.header-bg-object.navbar-fixed #navbar {
  background: none; }

.header-bg-object.navbar-fixed #navbar.navbar-bg {
  background: #ffc107; }

.header-bg-object.navbar-fixed #header-bg:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 64px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px); }

.main-shift-up #header {
  padding-bottom: 128px; }

.main-shift-up .card-main, .main-shift-up .content-card .card-holder, .content-card .main-shift-up .card-holder, .main-shift-up.content-card .card-holder {
  position: relative;
  z-index: 20;
  margin-top: -88px; }

.main-shift-up.shift-big #header {
  padding-bottom: 280px; }

.main-shift-up.shift-big .card-main, .main-shift-up.shift-big .content-card .card-holder, .content-card .main-shift-up.shift-big .card-holder, .main-shift-up.shift-big.content-card .card-holder {
  margin-top: -240px; }

/* sidebar */
.sidebar .menu {
  list-style: none;
  padding: 0; }
  .sidebar .menu li a {
    display: block;
    padding: 12px 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87); }
    .sidebar .menu li a:hover {
      background: #eeeeee; }
  .sidebar .menu li.active a {
    color: #ffc107; }
  .sidebar .menu li li a {
    padding-left: 36px; }
  .sidebar .menu li li li a {
    padding-left: 48px; }
  .sidebar .menu .collapsed > a {
    position: relative;
    padding-right: 32px; }
    .sidebar .menu .collapsed > a:after {
      content: 'chevron_right';
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -12px;
      color: rgba(0, 0, 0, 0.54); }
  .sidebar .menu .expanded > a {
    position: relative;
    padding-right: 32px; }
    .sidebar .menu .expanded > a:after {
      content: 'expand_more';
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -12px;
      color: rgba(0, 0, 0, 0.54); }

/* search */
.block-search {
  width: 100%; }
  .block-search form {
    display: block;
    width: 100%;
    max-width: 392px;
    height: 48px;
    padding: 4px 0; }
    .block-search form .form-item {
      margin: 0;
      display: flex;
      height: 40px; }
      .block-search form .form-item.icon-left:before {
        margin: 8px 12px 8px 0;
        height: 24px; }
      .block-search form .form-item input[type="text"] {
        margin: 2px 0;
        background: none; }
  .block-search.search-persistent form .form-item {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    transition: background-color .2s, box-shadow .2s;
    position: relative;
    display: block; }
    .block-search.search-persistent form .form-item:hover {
      background: rgba(255, 255, 255, 0.25); }
    .block-search.search-persistent form .form-item.focused {
      background: #FFF; }
    .block-search.search-persistent form .form-item input[type="text"] {
      margin: 0;
      padding: 0 12px 0 60px;
      height: 40px;
      line-height: 40px;
      border: 0; }
    .block-search.search-persistent form .form-item.icon-left:before {
      margin: 8px 12px 8px 24px;
      transition: color .2s;
      position: absolute;
      top: 0;
      left: 0; }
    .block-search.search-persistent form .form-item.focused.icon-left:before {
      color: rgba(0, 0, 0, 0.87); }

.navbar-item.block-search form .form-item input[type="text"],
#header .block-search form .form-item input[type="text"],
.card-bg-primary .block-search form .form-item input[type="text"] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
  .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder,
  #header .block-search form .form-item input[type="text"]:-ms-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]::-ms-input-placeholder,
  #header .block-search form .form-item input[type="text"]::-ms-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]::placeholder,
  #header .block-search form .form-item input[type="text"]::placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]:focus, .navbar-item.block-search form .form-item input[type="text"].error:focus,
  #header .block-search form .form-item input[type="text"]:focus,
  #header .block-search form .form-item input[type="text"].error:focus,
  .card-bg-primary .block-search form .form-item input[type="text"]:focus,
  .card-bg-primary .block-search form .form-item input[type="text"].error:focus {
    border-bottom: 2px solid;
    padding-bottom: 7px; }

.navbar-item.block-search form .form-item.icon-left:before,
#header .block-search form .form-item.icon-left:before,
.card-bg-primary .block-search form .form-item.icon-left:before {
  color: rgba(0, 0, 0, 0.87); }

.navbar-item.block-search.search-persistent form .form-item input[type="text"],
#header .block-search.search-persistent form .form-item input[type="text"],
.card-bg-primary .block-search.search-persistent form .form-item input[type="text"] {
  border: 0; }
  .navbar-item.block-search.search-persistent form .form-item input[type="text"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="text"].error:focus,
  #header .block-search.search-persistent form .form-item input[type="text"]:focus,
  #header .block-search.search-persistent form .form-item input[type="text"].error:focus,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="text"]:focus,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="text"].error:focus {
    border: 0;
    padding-bottom: 0; }

.navbar-item.block-search.search-persistent form .form-item.focused.icon-left:before,
#header .block-search.search-persistent form .form-item.focused.icon-left:before,
.card-bg-primary .block-search.search-persistent form .form-item.focused.icon-left:before {
  color: rgba(0, 0, 0, 0.87); }

.navbar-item.block-search.search-persistent form .form-item.focused input[type="text"],
#header .block-search.search-persistent form .form-item.focused input[type="text"],
.card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"] {
  color: rgba(0, 0, 0, 0.87); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-ms-input-placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]::-ms-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.26); }

.navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item {
  background: #f5f5f5; }
  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item:hover {
    background: #fafafa; }
  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.focused {
    background: #FFF; }
  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"] {
    color: rgba(0, 0, 0, 0.87); }
    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.26); }
    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.26); }
    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::placeholder {
      color: rgba(0, 0, 0, 0.26); }
  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.icon-left:before {
    color: rgba(0, 0, 0, 0.87); }

.navbar-item.block-search {
  margin: 0;
  padding: 0 12px;
  max-width: 416px; }

.block-search form .form-actions {
  display: none; }

.block-search .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0; }

#autocomplete {
  border: 0;
  background: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }
  #autocomplete ul {
    padding: 8px 0; }
  #autocomplete li {
    color: rgba(0, 0, 0, 0.87);
    padding: 8px 12px 8px 12px;
    text-align: left; }
    #autocomplete li:hover, #autocomplete li.selected {
      background: #eeeeee; }
  .search-persistent #autocomplete li {
    padding: 8px 12px 8px 60px; }

/* tabs */
.tabs ul, ul.tabs {
  list-style: none;
  display: flex;
  padding-left: 0; }
  .tabs ul li, ul.tabs li {
    display: block; }
    .tabs ul li a, ul.tabs li a {
      display: inline-block;
      line-height: 20px;
      padding: 14px 12px 12px 12px;
      border-bottom: 2px solid transparent;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.54);
      text-align: center; }
      .tabs ul li a:hover, ul.tabs li a:hover {
        border-color: rgba(255, 193, 7, 0.5); }
      .tabs ul li a.active, ul.tabs li a.active {
        border-color: #ffc107;
        color: #ffc107; }
        .tabs ul li a.active:hover, ul.tabs li a.active:hover {
          border-color: #ffc107; }

/* cards */
.card, .content-card .card-holder {
  padding: 24px;
  border-radius: 2px;
  background: #FFFFFF; }
  .card.card-vertical, .content-card .card-vertical.card-holder {
    padding: 0; }
    .card.card-vertical .card-column-left, .content-card .card-vertical.card-holder .card-column-left, .card.card-vertical .card-column-right, .content-card .card-vertical.card-holder .card-column-right {
      padding: 24px; }
  .card > *:not(.card-item):first-child, .content-card .card-holder > *:not(.card-item):first-child,
  .card > .element-invisible:first-child + .breadcrumb,
  .content-card .card-holder > .element-invisible:first-child + .breadcrumb, .card > .element-invisible:first-child + .title, .content-card .card-holder > .element-invisible:first-child + .title, .card > .element-invisible:first-child + .block, .content-card .card-holder > .element-invisible:first-child + .block {
    margin-top: 0 !important; }
  .card > *:not(.card-item):last-child, .content-card .card-holder > *:not(.card-item):last-child {
    margin-bottom: 0 !important; }

.card-main, .content-card .card-holder {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-left: -16px;
  margin-right: -16px;
  padding: 16px;
  box-shadow: none;
  border-radius: 0; }

.card-column-fix, .card-column-240 {
  flex: 0 0 240px; }
  .card-column-fix .media-cover img, .card-column-240 .media-cover img {
    height: 240px; }

.card-column-360 {
  flex: 0 0 360px; }
  .card-column-360 .media-cover img {
    height: 360px; }

.card-column-180 {
  flex: 0 0 180px; }
  .card-column-180 .media-cover img {
    height: 180px; }

.card-column-120 {
  flex: 0 0 120px; }
  .card-column-120 .media-cover img {
    height: 120px; }

.card-column-80 {
  flex: 0 0 80px; }
  .card-column-80 .media-cover img {
    height: 80px; }

.card-column-stretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%; }

.card-item {
  margin-left: -24px;
  margin-right: -24px; }
  .card-item:first-child {
    margin-top: -24px; }
  .card-item:last-child {
    margin-bottom: -24px; }

.card-main .card-item, .content-card .card-holder .card-item {
  margin-left: -16px;
  margin-right: -16px; }
  .card-main .card-item:first-child, .content-card .card-holder .card-item:first-child {
    margin-top: -16px; }
  .card-main .card-item:last-child, .content-card .card-holder .card-item:last-child {
    margin-bottom: -16px; }

.card-title {
  padding: 24px 24px 16px 24px; }
  .card-title:last-child {
    padding-bottom: 24px; }
  .card-title h1, .card-title h2, .card-title h3, .card-title h4, .card-title .h1, .card-title .h2, .card-title .h3, .card-title .h4 {
    margin: 0; }

.card-media {
  position: relative;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden; }
  .card-media a {
    display: block; }
  .card-media img {
    display: block;
    width: 100%;
    height: auto; }
  .card-media .title {
    background: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 8px 24px; }
    .card-media .title a {
      margin: -8px -24px;
      padding: 8px 24px; }
  .card-media .pull-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .card-media .pull-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.media-cover img {
  -o-object-fit: cover;
     object-fit: cover; }

.card-actions .action-item {
  display: inline-block;
  height: 36px;
  line-height: 20px;
  padding: 8px 16px;
  margin: 8px; }

.card-text {
  padding: 16px 24px; }
  .card-title + .card-text {
    padding-top: 0; }
  .card-title.divider-bottom + .card-text, .card-title + .card-text.divider-top {
    padding-top: 16px; }
  .card-text > *:last-child {
    margin-bottom: 0; }

.card-bg-red {
  background-color: #f44336;
  color: #FFF; }
  .card-bg-red .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-red .btn, .card-bg-red .pager .pager-item > a, .pager .card-bg-red .pager-item > a, .card-bg-red .pager .pager-item > span, .pager .card-bg-red .pager-item > span, .card-bg-red .more-link a, .more-link .card-bg-red a {
    color: #FFF; }
    .card-bg-red .btn:hover, .card-bg-red .pager .pager-item > a:hover, .pager .card-bg-red .pager-item > a:hover, .card-bg-red .pager .pager-item > span:hover, .pager .card-bg-red .pager-item > span:hover, .card-bg-red .more-link a:hover, .more-link .card-bg-red a:hover, .card-bg-red .btn:focus, .card-bg-red .pager .pager-item > a:focus, .pager .card-bg-red .pager-item > a:focus, .card-bg-red .pager .pager-item > span:focus, .pager .card-bg-red .pager-item > span:focus, .card-bg-red .more-link a:focus, .more-link .card-bg-red a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-red .btn:active, .card-bg-red .pager .pager-item > a:active, .pager .card-bg-red .pager-item > a:active, .card-bg-red .pager .pager-item > span:active, .pager .card-bg-red .pager-item > span:active, .card-bg-red .more-link a:active, .more-link .card-bg-red a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-red .divider-top, .card-bg-red .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-red .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-pink {
  background-color: #e91e63;
  color: #FFF; }
  .card-bg-pink .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-pink .btn, .card-bg-pink .pager .pager-item > a, .pager .card-bg-pink .pager-item > a, .card-bg-pink .pager .pager-item > span, .pager .card-bg-pink .pager-item > span, .card-bg-pink .more-link a, .more-link .card-bg-pink a {
    color: #FFF; }
    .card-bg-pink .btn:hover, .card-bg-pink .pager .pager-item > a:hover, .pager .card-bg-pink .pager-item > a:hover, .card-bg-pink .pager .pager-item > span:hover, .pager .card-bg-pink .pager-item > span:hover, .card-bg-pink .more-link a:hover, .more-link .card-bg-pink a:hover, .card-bg-pink .btn:focus, .card-bg-pink .pager .pager-item > a:focus, .pager .card-bg-pink .pager-item > a:focus, .card-bg-pink .pager .pager-item > span:focus, .pager .card-bg-pink .pager-item > span:focus, .card-bg-pink .more-link a:focus, .more-link .card-bg-pink a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-pink .btn:active, .card-bg-pink .pager .pager-item > a:active, .pager .card-bg-pink .pager-item > a:active, .card-bg-pink .pager .pager-item > span:active, .pager .card-bg-pink .pager-item > span:active, .card-bg-pink .more-link a:active, .more-link .card-bg-pink a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-pink .divider-top, .card-bg-pink .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-pink .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-purple {
  background-color: #9c27b0;
  color: #FFF; }
  .card-bg-purple .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-purple .btn, .card-bg-purple .pager .pager-item > a, .pager .card-bg-purple .pager-item > a, .card-bg-purple .pager .pager-item > span, .pager .card-bg-purple .pager-item > span, .card-bg-purple .more-link a, .more-link .card-bg-purple a {
    color: #FFF; }
    .card-bg-purple .btn:hover, .card-bg-purple .pager .pager-item > a:hover, .pager .card-bg-purple .pager-item > a:hover, .card-bg-purple .pager .pager-item > span:hover, .pager .card-bg-purple .pager-item > span:hover, .card-bg-purple .more-link a:hover, .more-link .card-bg-purple a:hover, .card-bg-purple .btn:focus, .card-bg-purple .pager .pager-item > a:focus, .pager .card-bg-purple .pager-item > a:focus, .card-bg-purple .pager .pager-item > span:focus, .pager .card-bg-purple .pager-item > span:focus, .card-bg-purple .more-link a:focus, .more-link .card-bg-purple a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-purple .btn:active, .card-bg-purple .pager .pager-item > a:active, .pager .card-bg-purple .pager-item > a:active, .card-bg-purple .pager .pager-item > span:active, .pager .card-bg-purple .pager-item > span:active, .card-bg-purple .more-link a:active, .more-link .card-bg-purple a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-purple .divider-top, .card-bg-purple .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-purple .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-deep-purple {
  background-color: #673ab7;
  color: #FFF; }
  .card-bg-deep-purple .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-deep-purple .btn, .card-bg-deep-purple .pager .pager-item > a, .pager .card-bg-deep-purple .pager-item > a, .card-bg-deep-purple .pager .pager-item > span, .pager .card-bg-deep-purple .pager-item > span, .card-bg-deep-purple .more-link a, .more-link .card-bg-deep-purple a {
    color: #FFF; }
    .card-bg-deep-purple .btn:hover, .card-bg-deep-purple .pager .pager-item > a:hover, .pager .card-bg-deep-purple .pager-item > a:hover, .card-bg-deep-purple .pager .pager-item > span:hover, .pager .card-bg-deep-purple .pager-item > span:hover, .card-bg-deep-purple .more-link a:hover, .more-link .card-bg-deep-purple a:hover, .card-bg-deep-purple .btn:focus, .card-bg-deep-purple .pager .pager-item > a:focus, .pager .card-bg-deep-purple .pager-item > a:focus, .card-bg-deep-purple .pager .pager-item > span:focus, .pager .card-bg-deep-purple .pager-item > span:focus, .card-bg-deep-purple .more-link a:focus, .more-link .card-bg-deep-purple a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-deep-purple .btn:active, .card-bg-deep-purple .pager .pager-item > a:active, .pager .card-bg-deep-purple .pager-item > a:active, .card-bg-deep-purple .pager .pager-item > span:active, .pager .card-bg-deep-purple .pager-item > span:active, .card-bg-deep-purple .more-link a:active, .more-link .card-bg-deep-purple a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-deep-purple .divider-top, .card-bg-deep-purple .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-deep-purple .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-indigo {
  background-color: #3f51b5;
  color: #FFF; }
  .card-bg-indigo .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-indigo .btn, .card-bg-indigo .pager .pager-item > a, .pager .card-bg-indigo .pager-item > a, .card-bg-indigo .pager .pager-item > span, .pager .card-bg-indigo .pager-item > span, .card-bg-indigo .more-link a, .more-link .card-bg-indigo a {
    color: #FFF; }
    .card-bg-indigo .btn:hover, .card-bg-indigo .pager .pager-item > a:hover, .pager .card-bg-indigo .pager-item > a:hover, .card-bg-indigo .pager .pager-item > span:hover, .pager .card-bg-indigo .pager-item > span:hover, .card-bg-indigo .more-link a:hover, .more-link .card-bg-indigo a:hover, .card-bg-indigo .btn:focus, .card-bg-indigo .pager .pager-item > a:focus, .pager .card-bg-indigo .pager-item > a:focus, .card-bg-indigo .pager .pager-item > span:focus, .pager .card-bg-indigo .pager-item > span:focus, .card-bg-indigo .more-link a:focus, .more-link .card-bg-indigo a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-indigo .btn:active, .card-bg-indigo .pager .pager-item > a:active, .pager .card-bg-indigo .pager-item > a:active, .card-bg-indigo .pager .pager-item > span:active, .pager .card-bg-indigo .pager-item > span:active, .card-bg-indigo .more-link a:active, .more-link .card-bg-indigo a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-indigo .divider-top, .card-bg-indigo .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-indigo .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-blue {
  background-color: #2196f3;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-blue .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-blue .btn, .card-bg-blue .pager .pager-item > a, .pager .card-bg-blue .pager-item > a, .card-bg-blue .pager .pager-item > span, .pager .card-bg-blue .pager-item > span, .card-bg-blue .more-link a, .more-link .card-bg-blue a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-blue .btn:hover, .card-bg-blue .pager .pager-item > a:hover, .pager .card-bg-blue .pager-item > a:hover, .card-bg-blue .pager .pager-item > span:hover, .pager .card-bg-blue .pager-item > span:hover, .card-bg-blue .more-link a:hover, .more-link .card-bg-blue a:hover, .card-bg-blue .btn:focus, .card-bg-blue .pager .pager-item > a:focus, .pager .card-bg-blue .pager-item > a:focus, .card-bg-blue .pager .pager-item > span:focus, .pager .card-bg-blue .pager-item > span:focus, .card-bg-blue .more-link a:focus, .more-link .card-bg-blue a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-blue .btn:active, .card-bg-blue .pager .pager-item > a:active, .pager .card-bg-blue .pager-item > a:active, .card-bg-blue .pager .pager-item > span:active, .pager .card-bg-blue .pager-item > span:active, .card-bg-blue .more-link a:active, .more-link .card-bg-blue a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-blue .divider-top, .card-bg-blue .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-blue .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-light-blue {
  background-color: #03a9f4;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-light-blue .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-light-blue .btn, .card-bg-light-blue .pager .pager-item > a, .pager .card-bg-light-blue .pager-item > a, .card-bg-light-blue .pager .pager-item > span, .pager .card-bg-light-blue .pager-item > span, .card-bg-light-blue .more-link a, .more-link .card-bg-light-blue a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-light-blue .btn:hover, .card-bg-light-blue .pager .pager-item > a:hover, .pager .card-bg-light-blue .pager-item > a:hover, .card-bg-light-blue .pager .pager-item > span:hover, .pager .card-bg-light-blue .pager-item > span:hover, .card-bg-light-blue .more-link a:hover, .more-link .card-bg-light-blue a:hover, .card-bg-light-blue .btn:focus, .card-bg-light-blue .pager .pager-item > a:focus, .pager .card-bg-light-blue .pager-item > a:focus, .card-bg-light-blue .pager .pager-item > span:focus, .pager .card-bg-light-blue .pager-item > span:focus, .card-bg-light-blue .more-link a:focus, .more-link .card-bg-light-blue a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-light-blue .btn:active, .card-bg-light-blue .pager .pager-item > a:active, .pager .card-bg-light-blue .pager-item > a:active, .card-bg-light-blue .pager .pager-item > span:active, .pager .card-bg-light-blue .pager-item > span:active, .card-bg-light-blue .more-link a:active, .more-link .card-bg-light-blue a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-light-blue .divider-top, .card-bg-light-blue .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-light-blue .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-cyan {
  background-color: #00bcd4;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-cyan .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-cyan .btn, .card-bg-cyan .pager .pager-item > a, .pager .card-bg-cyan .pager-item > a, .card-bg-cyan .pager .pager-item > span, .pager .card-bg-cyan .pager-item > span, .card-bg-cyan .more-link a, .more-link .card-bg-cyan a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-cyan .btn:hover, .card-bg-cyan .pager .pager-item > a:hover, .pager .card-bg-cyan .pager-item > a:hover, .card-bg-cyan .pager .pager-item > span:hover, .pager .card-bg-cyan .pager-item > span:hover, .card-bg-cyan .more-link a:hover, .more-link .card-bg-cyan a:hover, .card-bg-cyan .btn:focus, .card-bg-cyan .pager .pager-item > a:focus, .pager .card-bg-cyan .pager-item > a:focus, .card-bg-cyan .pager .pager-item > span:focus, .pager .card-bg-cyan .pager-item > span:focus, .card-bg-cyan .more-link a:focus, .more-link .card-bg-cyan a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-cyan .btn:active, .card-bg-cyan .pager .pager-item > a:active, .pager .card-bg-cyan .pager-item > a:active, .card-bg-cyan .pager .pager-item > span:active, .pager .card-bg-cyan .pager-item > span:active, .card-bg-cyan .more-link a:active, .more-link .card-bg-cyan a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-cyan .divider-top, .card-bg-cyan .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-cyan .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-teal {
  background-color: #009688;
  color: #FFF; }
  .card-bg-teal .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-teal .btn, .card-bg-teal .pager .pager-item > a, .pager .card-bg-teal .pager-item > a, .card-bg-teal .pager .pager-item > span, .pager .card-bg-teal .pager-item > span, .card-bg-teal .more-link a, .more-link .card-bg-teal a {
    color: #FFF; }
    .card-bg-teal .btn:hover, .card-bg-teal .pager .pager-item > a:hover, .pager .card-bg-teal .pager-item > a:hover, .card-bg-teal .pager .pager-item > span:hover, .pager .card-bg-teal .pager-item > span:hover, .card-bg-teal .more-link a:hover, .more-link .card-bg-teal a:hover, .card-bg-teal .btn:focus, .card-bg-teal .pager .pager-item > a:focus, .pager .card-bg-teal .pager-item > a:focus, .card-bg-teal .pager .pager-item > span:focus, .pager .card-bg-teal .pager-item > span:focus, .card-bg-teal .more-link a:focus, .more-link .card-bg-teal a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-teal .btn:active, .card-bg-teal .pager .pager-item > a:active, .pager .card-bg-teal .pager-item > a:active, .card-bg-teal .pager .pager-item > span:active, .pager .card-bg-teal .pager-item > span:active, .card-bg-teal .more-link a:active, .more-link .card-bg-teal a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-teal .divider-top, .card-bg-teal .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-teal .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-green {
  background-color: #4caf50;
  color: #FFF; }
  .card-bg-green .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-green .btn, .card-bg-green .pager .pager-item > a, .pager .card-bg-green .pager-item > a, .card-bg-green .pager .pager-item > span, .pager .card-bg-green .pager-item > span, .card-bg-green .more-link a, .more-link .card-bg-green a {
    color: #FFF; }
    .card-bg-green .btn:hover, .card-bg-green .pager .pager-item > a:hover, .pager .card-bg-green .pager-item > a:hover, .card-bg-green .pager .pager-item > span:hover, .pager .card-bg-green .pager-item > span:hover, .card-bg-green .more-link a:hover, .more-link .card-bg-green a:hover, .card-bg-green .btn:focus, .card-bg-green .pager .pager-item > a:focus, .pager .card-bg-green .pager-item > a:focus, .card-bg-green .pager .pager-item > span:focus, .pager .card-bg-green .pager-item > span:focus, .card-bg-green .more-link a:focus, .more-link .card-bg-green a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-green .btn:active, .card-bg-green .pager .pager-item > a:active, .pager .card-bg-green .pager-item > a:active, .card-bg-green .pager .pager-item > span:active, .pager .card-bg-green .pager-item > span:active, .card-bg-green .more-link a:active, .more-link .card-bg-green a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-green .divider-top, .card-bg-green .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-green .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-light-green {
  background-color: #8bc34a;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-light-green .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-light-green .btn, .card-bg-light-green .pager .pager-item > a, .pager .card-bg-light-green .pager-item > a, .card-bg-light-green .pager .pager-item > span, .pager .card-bg-light-green .pager-item > span, .card-bg-light-green .more-link a, .more-link .card-bg-light-green a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-light-green .btn:hover, .card-bg-light-green .pager .pager-item > a:hover, .pager .card-bg-light-green .pager-item > a:hover, .card-bg-light-green .pager .pager-item > span:hover, .pager .card-bg-light-green .pager-item > span:hover, .card-bg-light-green .more-link a:hover, .more-link .card-bg-light-green a:hover, .card-bg-light-green .btn:focus, .card-bg-light-green .pager .pager-item > a:focus, .pager .card-bg-light-green .pager-item > a:focus, .card-bg-light-green .pager .pager-item > span:focus, .pager .card-bg-light-green .pager-item > span:focus, .card-bg-light-green .more-link a:focus, .more-link .card-bg-light-green a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-light-green .btn:active, .card-bg-light-green .pager .pager-item > a:active, .pager .card-bg-light-green .pager-item > a:active, .card-bg-light-green .pager .pager-item > span:active, .pager .card-bg-light-green .pager-item > span:active, .card-bg-light-green .more-link a:active, .more-link .card-bg-light-green a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-light-green .divider-top, .card-bg-light-green .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-light-green .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-lime {
  background-color: #cddc39;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-lime .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-lime .btn, .card-bg-lime .pager .pager-item > a, .pager .card-bg-lime .pager-item > a, .card-bg-lime .pager .pager-item > span, .pager .card-bg-lime .pager-item > span, .card-bg-lime .more-link a, .more-link .card-bg-lime a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-lime .btn:hover, .card-bg-lime .pager .pager-item > a:hover, .pager .card-bg-lime .pager-item > a:hover, .card-bg-lime .pager .pager-item > span:hover, .pager .card-bg-lime .pager-item > span:hover, .card-bg-lime .more-link a:hover, .more-link .card-bg-lime a:hover, .card-bg-lime .btn:focus, .card-bg-lime .pager .pager-item > a:focus, .pager .card-bg-lime .pager-item > a:focus, .card-bg-lime .pager .pager-item > span:focus, .pager .card-bg-lime .pager-item > span:focus, .card-bg-lime .more-link a:focus, .more-link .card-bg-lime a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-lime .btn:active, .card-bg-lime .pager .pager-item > a:active, .pager .card-bg-lime .pager-item > a:active, .card-bg-lime .pager .pager-item > span:active, .pager .card-bg-lime .pager-item > span:active, .card-bg-lime .more-link a:active, .more-link .card-bg-lime a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-lime .divider-top, .card-bg-lime .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-lime .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-yellow {
  background-color: #ffeb3b;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-yellow .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-yellow .btn, .card-bg-yellow .pager .pager-item > a, .pager .card-bg-yellow .pager-item > a, .card-bg-yellow .pager .pager-item > span, .pager .card-bg-yellow .pager-item > span, .card-bg-yellow .more-link a, .more-link .card-bg-yellow a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-yellow .btn:hover, .card-bg-yellow .pager .pager-item > a:hover, .pager .card-bg-yellow .pager-item > a:hover, .card-bg-yellow .pager .pager-item > span:hover, .pager .card-bg-yellow .pager-item > span:hover, .card-bg-yellow .more-link a:hover, .more-link .card-bg-yellow a:hover, .card-bg-yellow .btn:focus, .card-bg-yellow .pager .pager-item > a:focus, .pager .card-bg-yellow .pager-item > a:focus, .card-bg-yellow .pager .pager-item > span:focus, .pager .card-bg-yellow .pager-item > span:focus, .card-bg-yellow .more-link a:focus, .more-link .card-bg-yellow a:focus {
      background: rgba(153, 153, 153, 0.2);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-yellow .btn:active, .card-bg-yellow .pager .pager-item > a:active, .pager .card-bg-yellow .pager-item > a:active, .card-bg-yellow .pager .pager-item > span:active, .pager .card-bg-yellow .pager-item > span:active, .card-bg-yellow .more-link a:active, .more-link .card-bg-yellow a:active {
      background: rgba(153, 153, 153, 0.4); }
  .card-bg-yellow .divider-top, .card-bg-yellow .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-yellow .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-amber {
  background-color: #ffc107;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-amber .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-amber .btn, .card-bg-amber .pager .pager-item > a, .pager .card-bg-amber .pager-item > a, .card-bg-amber .pager .pager-item > span, .pager .card-bg-amber .pager-item > span, .card-bg-amber .more-link a, .more-link .card-bg-amber a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-amber .btn:hover, .card-bg-amber .pager .pager-item > a:hover, .pager .card-bg-amber .pager-item > a:hover, .card-bg-amber .pager .pager-item > span:hover, .pager .card-bg-amber .pager-item > span:hover, .card-bg-amber .more-link a:hover, .more-link .card-bg-amber a:hover, .card-bg-amber .btn:focus, .card-bg-amber .pager .pager-item > a:focus, .pager .card-bg-amber .pager-item > a:focus, .card-bg-amber .pager .pager-item > span:focus, .pager .card-bg-amber .pager-item > span:focus, .card-bg-amber .more-link a:focus, .more-link .card-bg-amber a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-amber .btn:active, .card-bg-amber .pager .pager-item > a:active, .pager .card-bg-amber .pager-item > a:active, .card-bg-amber .pager .pager-item > span:active, .pager .card-bg-amber .pager-item > span:active, .card-bg-amber .more-link a:active, .more-link .card-bg-amber a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-amber .divider-top, .card-bg-amber .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-amber .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-orange {
  background-color: #ff9800;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-orange .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-orange .btn, .card-bg-orange .pager .pager-item > a, .pager .card-bg-orange .pager-item > a, .card-bg-orange .pager .pager-item > span, .pager .card-bg-orange .pager-item > span, .card-bg-orange .more-link a, .more-link .card-bg-orange a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-orange .btn:hover, .card-bg-orange .pager .pager-item > a:hover, .pager .card-bg-orange .pager-item > a:hover, .card-bg-orange .pager .pager-item > span:hover, .pager .card-bg-orange .pager-item > span:hover, .card-bg-orange .more-link a:hover, .more-link .card-bg-orange a:hover, .card-bg-orange .btn:focus, .card-bg-orange .pager .pager-item > a:focus, .pager .card-bg-orange .pager-item > a:focus, .card-bg-orange .pager .pager-item > span:focus, .pager .card-bg-orange .pager-item > span:focus, .card-bg-orange .more-link a:focus, .more-link .card-bg-orange a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-orange .btn:active, .card-bg-orange .pager .pager-item > a:active, .pager .card-bg-orange .pager-item > a:active, .card-bg-orange .pager .pager-item > span:active, .pager .card-bg-orange .pager-item > span:active, .card-bg-orange .more-link a:active, .more-link .card-bg-orange a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-orange .divider-top, .card-bg-orange .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-orange .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-deep-orange {
  background-color: #ff5722;
  color: #FFF; }
  .card-bg-deep-orange .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-deep-orange .btn, .card-bg-deep-orange .pager .pager-item > a, .pager .card-bg-deep-orange .pager-item > a, .card-bg-deep-orange .pager .pager-item > span, .pager .card-bg-deep-orange .pager-item > span, .card-bg-deep-orange .more-link a, .more-link .card-bg-deep-orange a {
    color: #FFF; }
    .card-bg-deep-orange .btn:hover, .card-bg-deep-orange .pager .pager-item > a:hover, .pager .card-bg-deep-orange .pager-item > a:hover, .card-bg-deep-orange .pager .pager-item > span:hover, .pager .card-bg-deep-orange .pager-item > span:hover, .card-bg-deep-orange .more-link a:hover, .more-link .card-bg-deep-orange a:hover, .card-bg-deep-orange .btn:focus, .card-bg-deep-orange .pager .pager-item > a:focus, .pager .card-bg-deep-orange .pager-item > a:focus, .card-bg-deep-orange .pager .pager-item > span:focus, .pager .card-bg-deep-orange .pager-item > span:focus, .card-bg-deep-orange .more-link a:focus, .more-link .card-bg-deep-orange a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-deep-orange .btn:active, .card-bg-deep-orange .pager .pager-item > a:active, .pager .card-bg-deep-orange .pager-item > a:active, .card-bg-deep-orange .pager .pager-item > span:active, .pager .card-bg-deep-orange .pager-item > span:active, .card-bg-deep-orange .more-link a:active, .more-link .card-bg-deep-orange a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-deep-orange .divider-top, .card-bg-deep-orange .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-deep-orange .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-brown {
  background-color: #795548;
  color: #FFF; }
  .card-bg-brown .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-brown .btn, .card-bg-brown .pager .pager-item > a, .pager .card-bg-brown .pager-item > a, .card-bg-brown .pager .pager-item > span, .pager .card-bg-brown .pager-item > span, .card-bg-brown .more-link a, .more-link .card-bg-brown a {
    color: #FFF; }
    .card-bg-brown .btn:hover, .card-bg-brown .pager .pager-item > a:hover, .pager .card-bg-brown .pager-item > a:hover, .card-bg-brown .pager .pager-item > span:hover, .pager .card-bg-brown .pager-item > span:hover, .card-bg-brown .more-link a:hover, .more-link .card-bg-brown a:hover, .card-bg-brown .btn:focus, .card-bg-brown .pager .pager-item > a:focus, .pager .card-bg-brown .pager-item > a:focus, .card-bg-brown .pager .pager-item > span:focus, .pager .card-bg-brown .pager-item > span:focus, .card-bg-brown .more-link a:focus, .more-link .card-bg-brown a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-brown .btn:active, .card-bg-brown .pager .pager-item > a:active, .pager .card-bg-brown .pager-item > a:active, .card-bg-brown .pager .pager-item > span:active, .pager .card-bg-brown .pager-item > span:active, .card-bg-brown .more-link a:active, .more-link .card-bg-brown a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-brown .divider-top, .card-bg-brown .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-brown .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-grey {
  background-color: #9e9e9e;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-grey .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-grey .btn, .card-bg-grey .pager .pager-item > a, .pager .card-bg-grey .pager-item > a, .card-bg-grey .pager .pager-item > span, .pager .card-bg-grey .pager-item > span, .card-bg-grey .more-link a, .more-link .card-bg-grey a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-grey .btn:hover, .card-bg-grey .pager .pager-item > a:hover, .pager .card-bg-grey .pager-item > a:hover, .card-bg-grey .pager .pager-item > span:hover, .pager .card-bg-grey .pager-item > span:hover, .card-bg-grey .more-link a:hover, .more-link .card-bg-grey a:hover, .card-bg-grey .btn:focus, .card-bg-grey .pager .pager-item > a:focus, .pager .card-bg-grey .pager-item > a:focus, .card-bg-grey .pager .pager-item > span:focus, .pager .card-bg-grey .pager-item > span:focus, .card-bg-grey .more-link a:focus, .more-link .card-bg-grey a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-grey .btn:active, .card-bg-grey .pager .pager-item > a:active, .pager .card-bg-grey .pager-item > a:active, .card-bg-grey .pager .pager-item > span:active, .pager .card-bg-grey .pager-item > span:active, .card-bg-grey .more-link a:active, .more-link .card-bg-grey a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-grey .divider-top, .card-bg-grey .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-grey .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-blue-grey {
  background-color: #607d8b;
  color: #FFF; }
  .card-bg-blue-grey .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-blue-grey .btn, .card-bg-blue-grey .pager .pager-item > a, .pager .card-bg-blue-grey .pager-item > a, .card-bg-blue-grey .pager .pager-item > span, .pager .card-bg-blue-grey .pager-item > span, .card-bg-blue-grey .more-link a, .more-link .card-bg-blue-grey a {
    color: #FFF; }
    .card-bg-blue-grey .btn:hover, .card-bg-blue-grey .pager .pager-item > a:hover, .pager .card-bg-blue-grey .pager-item > a:hover, .card-bg-blue-grey .pager .pager-item > span:hover, .pager .card-bg-blue-grey .pager-item > span:hover, .card-bg-blue-grey .more-link a:hover, .more-link .card-bg-blue-grey a:hover, .card-bg-blue-grey .btn:focus, .card-bg-blue-grey .pager .pager-item > a:focus, .pager .card-bg-blue-grey .pager-item > a:focus, .card-bg-blue-grey .pager .pager-item > span:focus, .pager .card-bg-blue-grey .pager-item > span:focus, .card-bg-blue-grey .more-link a:focus, .more-link .card-bg-blue-grey a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-blue-grey .btn:active, .card-bg-blue-grey .pager .pager-item > a:active, .pager .card-bg-blue-grey .pager-item > a:active, .card-bg-blue-grey .pager .pager-item > span:active, .pager .card-bg-blue-grey .pager-item > span:active, .card-bg-blue-grey .more-link a:active, .more-link .card-bg-blue-grey a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-blue-grey .divider-top, .card-bg-blue-grey .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-blue-grey .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-primary {
  background-color: #ffc107;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-primary .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-primary .btn, .card-bg-primary .pager .pager-item > a, .pager .card-bg-primary .pager-item > a, .card-bg-primary .pager .pager-item > span, .pager .card-bg-primary .pager-item > span, .card-bg-primary .more-link a, .more-link .card-bg-primary a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-primary .btn:hover, .card-bg-primary .pager .pager-item > a:hover, .pager .card-bg-primary .pager-item > a:hover, .card-bg-primary .pager .pager-item > span:hover, .pager .card-bg-primary .pager-item > span:hover, .card-bg-primary .more-link a:hover, .more-link .card-bg-primary a:hover, .card-bg-primary .btn:focus, .card-bg-primary .pager .pager-item > a:focus, .pager .card-bg-primary .pager-item > a:focus, .card-bg-primary .pager .pager-item > span:focus, .pager .card-bg-primary .pager-item > span:focus, .card-bg-primary .more-link a:focus, .more-link .card-bg-primary a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-primary .btn:active, .card-bg-primary .pager .pager-item > a:active, .pager .card-bg-primary .pager-item > a:active, .card-bg-primary .pager .pager-item > span:active, .pager .card-bg-primary .pager-item > span:active, .card-bg-primary .more-link a:active, .more-link .card-bg-primary a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-primary .divider-top, .card-bg-primary .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-primary .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-primary {
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-primary .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-primary .btn, .card-bg-primary .pager .pager-item > a, .pager .card-bg-primary .pager-item > a, .card-bg-primary .pager .pager-item > span, .pager .card-bg-primary .pager-item > span, .card-bg-primary .more-link a, .more-link .card-bg-primary a {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-primary .btn:hover, .card-bg-primary .pager .pager-item > a:hover, .pager .card-bg-primary .pager-item > a:hover, .card-bg-primary .pager .pager-item > span:hover, .pager .card-bg-primary .pager-item > span:hover, .card-bg-primary .more-link a:hover, .more-link .card-bg-primary a:hover, .card-bg-primary .btn:focus, .card-bg-primary .pager .pager-item > a:focus, .pager .card-bg-primary .pager-item > a:focus, .card-bg-primary .pager .pager-item > span:focus, .pager .card-bg-primary .pager-item > span:focus, .card-bg-primary .more-link a:focus, .more-link .card-bg-primary a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-primary .btn:active, .card-bg-primary .pager .pager-item > a:active, .pager .card-bg-primary .pager-item > a:active, .card-bg-primary .pager .pager-item > span:active, .pager .card-bg-primary .pager-item > span:active, .card-bg-primary .more-link a:active, .more-link .card-bg-primary a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-primary a {
    color: #ff6e40; }
    .card-bg-primary a:hover {
      color: #ff855f; }
    .card-bg-primary a:active {
      color: #ff9e80; }
  .card-bg-primary .divider-top, .card-bg-primary .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-primary .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.card-bg-accent {
  background: #ff3d00;
  color: #FFF; }
  .card-bg-accent .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-accent .btn, .card-bg-accent .pager .pager-item > a, .pager .card-bg-accent .pager-item > a, .card-bg-accent .pager .pager-item > span, .pager .card-bg-accent .pager-item > span, .card-bg-accent .more-link a, .more-link .card-bg-accent a {
    color: #FFF; }
    .card-bg-accent .btn:hover, .card-bg-accent .pager .pager-item > a:hover, .pager .card-bg-accent .pager-item > a:hover, .card-bg-accent .pager .pager-item > span:hover, .pager .card-bg-accent .pager-item > span:hover, .card-bg-accent .more-link a:hover, .more-link .card-bg-accent a:hover, .card-bg-accent .btn:focus, .card-bg-accent .pager .pager-item > a:focus, .pager .card-bg-accent .pager-item > a:focus, .card-bg-accent .pager .pager-item > span:focus, .pager .card-bg-accent .pager-item > span:focus, .card-bg-accent .more-link a:focus, .more-link .card-bg-accent a:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFF; }
    .card-bg-accent .btn:active, .card-bg-accent .pager .pager-item > a:active, .pager .card-bg-accent .pager-item > a:active, .card-bg-accent .pager .pager-item > span:active, .pager .card-bg-accent .pager-item > span:active, .card-bg-accent .more-link a:active, .more-link .card-bg-accent a:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-accent a {
    color: #ff6e40; }
    .card-bg-accent a:hover {
      color: #ff855f; }
    .card-bg-accent a:active {
      color: #ff9e80; }
  .card-bg-accent .divider-top, .card-bg-accent .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-accent .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

@media (min-width: 568px) {
  .card-main, .content-card .card-holder {
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 2px;
    border-bottom: 0;
    margin-left: 0;
    margin-right: 0; }
    .card-main .card-item, .content-card .card-holder .card-item {
      margin-left: -24px;
      margin-right: -24px; }
      .card-main .card-item:first-child, .content-card .card-holder .card-item:first-child {
        margin-top: -24px; }
      .card-main .card-item:last-child, .content-card .card-holder .card-item:last-child {
        margin-bottom: -24px; } }

@media (min-width: 768px) {
  .card.card-vertical, .content-card .card-vertical.card-holder {
    display: flex; }
    .card.card-vertical .card-media, .content-card .card-vertical.card-holder .card-media {
      border-top-right-radius: 0;
      border-bottom-left-radius: 2px; } }

.card-grid {
  padding-left: 10px;
  padding-right: 10px; }
  .card-grid .card-wrapper {
    padding: 2px !important; }
  .card-grid .card, .card-grid .content-card .card-holder, .content-card .card-grid .card-holder {
    box-shadow: none;
    border-radius: 0; }
  .card-grid .card-media {
    border-radius: 0; }

/* collapsible panels */
.collapsible-toggle {
  padding: 12px 16px 12px 40px;
  position: relative; }
  .collapsible-toggle:before {
    content: "chevron_right";
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: 14px;
    color: rgba(0, 0, 0, 0.54);
    transition: transform 0.25s ease; }
  .collapsible-toggle span {
    color: #ff3d00;
    border-bottom: 1px dotted #ff3d00;
    cursor: pointer; }
    .collapsible-toggle span:hover {
      color: #fc3200;
      border-color: #fc3200; }
    .collapsible-toggle span:active {
      color: #dd2c00;
      border-color: #dd2c00; }
  .collapsible-toggle.expanded:before {
    transform: rotate(90deg); }

.collapsible-content {
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 12px 16px 12px 40px; }
  .collapsible-content > *:first-child {
    margin-top: 0; }
  .collapsible-content > *:last-child {
    margin-bottom: 0; }

/* dropdown menus */
.menu-dropdown {
  display: none;
  padding: 8px 0;
  margin: 0;
  background: #FFFFFF;
  border-radius: 2px;
  position: absolute;
  list-style: none;
  text-align: left;
  width: 200px; }
  .menu-dropdown li a {
    display: block;
    padding: 12px 16px;
    color: rgba(0, 0, 0, 0.87); }
    .menu-dropdown li a:hover {
      background: #eeeeee;
      color: rgba(0, 0, 0, 0.87); }

/* drupal integrations */
.field-label {
  font-weight: 500; }

.field-label-inline > .field-label, .field-label-inline > .field-item, .field-label-inline > .field-items, .field-label-inline > .field-items .field-item {
  display: inline; }

.pager .pager-items {
  padding: 0;
  margin: 16px 0;
  text-align: center;
  list-style: none; }

.pager .pager-item {
  display: inline-block; }
  .pager .pager-item > a, .pager .pager-item > span {
    margin: 8px 2px;
    min-width: 48px; }

.pager .pager-item.item-current > a, .pager .pager-item.item-current > span {
  color: #ffb300; }

.pager .pager-item.item-first > a, .pager .pager-item.item-first > span {
  padding: 6px 12px; }
  .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before {
    content: "first_page"; }
  .pager .pager-item.item-first > a span, .pager .pager-item.item-first > span span {
    display: none; }

.pager .pager-item.item-previous > a, .pager .pager-item.item-previous > span {
  padding: 6px 12px; }
  .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before {
    content: "chevron_left"; }
  .pager .pager-item.item-previous > a span, .pager .pager-item.item-previous > span span {
    display: none; }

.pager .pager-item.item-ellipsis > a, .pager .pager-item.item-ellipsis > span {
  padding: 6px 12px; }
  .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before {
    content: "more_horiz"; }
  .pager .pager-item.item-ellipsis > a span, .pager .pager-item.item-ellipsis > span span {
    display: none; }

.pager .pager-item.item-next > a, .pager .pager-item.item-next > span {
  padding: 6px 12px; }
  .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before {
    content: "chevron_right"; }
  .pager .pager-item.item-next > a span, .pager .pager-item.item-next > span span {
    display: none; }

.pager .pager-item.item-last > a, .pager .pager-item.item-last > span {
  padding: 6px 12px; }
  .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before {
    content: "last_page"; }
  .pager .pager-item.item-last > a span, .pager .pager-item.item-last > span span {
    display: none; }

.card-actions .pager {
  display: inline-block; }
  .card-actions .pager .pager-items {
    margin: 2px 6px; }
  .card-actions .pager .pager-item.item-previous > a, .card-actions .pager .pager-item.item-previous > span, .card-actions .pager .pager-item.item-next > a, .card-actions .pager .pager-item.item-next > span {
    padding: 6px 6px;
    width: 36px;
    min-width: auto; }
  .card-actions .pager .pager-item.item-previous > a:before, .card-actions .pager .pager-item.item-next > a:before {
    color: rgba(0, 0, 0, 0.87); }
  .card-actions .pager .pager-item.item-current {
    display: none; }

.card-actions .pager-summary + .pager {
  margin-left: -8px; }

.card-actions .pager-summary {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin: 18px 16px 18px 8px;
  color: rgba(0, 0, 0, 0.54); }

@media (min-width: 568px) {
  .card-actions .pager-summary + .pager {
    margin-left: -16px; }
  .card-actions .pager-summary {
    margin-right: 24px; } }

.messages-status {
  background: #e8f5e9; }
  .messages-status:before {
    content: "check_circle";
    color: #388e3c; }
  .messages-status a {
    color: #2e7d32; }
    .messages-status a:hover {
      color: #2a722e; }
    .messages-status a:active {
      color: #266729; }

.messages-warning {
  background: #fffde7; }
  .messages-warning:before {
    color: #fbc02d; }
  .messages-warning a {
    color: #f57f17; }
    .messages-warning a:hover {
      color: #f2770a; }
    .messages-warning a:active {
      color: #e4700a; }

.messages-error {
  background: #ffebee; }
  .messages-error:before {
    content: "warning";
    color: #d32f2f; }
  .messages-error a {
    color: #b71c1c; }
    .messages-error a:hover {
      color: #aa1a1a; }
    .messages-error a:active {
      color: #9c1818; }

.messages > .element-invisible:first-child + * {
  margin-top: 0 !important; }

.messages ul {
  padding-left: 24px; }

.card-form {
  max-width: 360px;
  margin: 0 auto; }
  .card-form .user-icon {
    margin: 48px 0; }
    .card-form .user-icon i {
      font-size: 96px; }

.adminimal-menu .slicknav_menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }

.adminimal-menu.navbar-fixed #navbar, .adminimal-menu #drawer {
  top: 47px; }

.adminimal-menu #page {
  margin-top: 47px; }

@media (min-width: 992px) {
  .adminimal-menu.drawer-below-navbar #drawer {
    top: 111px; }
  .adminimal-menu #page {
    margin-top: 47px; } }

@media (min-width: 1025px) {
  .adminimal-menu.navbar-fixed #navbar, .adminimal-menu #drawer {
    top: 29px; }
  .adminimal-menu.drawer-below-navbar #drawer {
    top: 93px; }
  .adminimal-menu #page {
    margin-top: 0; } }

/* maintenance-page */
.maintenance-page {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #ffc107;
  color: rgba(0, 0, 0, 0.87); }
  .maintenance-page #page {
    justify-content: center;
    align-items: center; }
  .maintenance-page #logo-box {
    width: 320px;
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .maintenance-page #logo-box img {
      width: 240px;
      height: auto; }
  .maintenance-page .maintenance-info {
    text-align: center;
    max-width: 320px;
    padding: 12px; }

html, body, #page {
  min-width: 320px; }

.navbar-logo a span {
  width: 132px;
  background: url(https://beerdroid.ru/sites/beerdroid.ru/themes/hop/img/graphic.svg) no-repeat; }

#navbar-search-toggle {
  margin: 0 -12px; }

.navbar-search-open .navbar-item {
  display: none !important; }

.navbar-search-open .navbar-item.block-search {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  float: none; }

.view-search .view-header, .view-taxonomy-term .view-header {
  padding: 12px 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54); }

.view-search .list-item, .view-taxonomy-term .list-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 12px 24px; }
  .view-search .list-item:last-child, .view-taxonomy-term .list-item:last-child {
    border-bottom: 0; }

.view-search .bd-icon, .view-taxonomy-term .bd-icon {
  padding-left: 48px; }
  .view-search .bd-icon:before, .view-taxonomy-term .bd-icon:before {
    position: absolute;
    margin-left: -48px; }

.bd-icon {
  padding-left: 48px; }
  .bd-icon:before {
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(https://beerdroid.ru/sites/beerdroid.ru/themes/hop/img/graphic.svg) no-repeat;
    background-position: -156px 0;
    position: absolute;
    margin-left: -48px; }
  .bd-icon.icon-Brewery:before, .bd-icon.icon-brewery:before {
    background-position: -180px 0; }
  .bd-icon.icon-Activity:before, .bd-icon.icon-activity:before {
    background-position: -204px 0; }
  .bd-icon.icon-Countries:before, .bd-icon.icon-country:before {
    background-position: -228px 0; }
  .bd-icon.icon-Cities:before, .bd-icon.icon-city:before {
    background-position: -252px 0; }
  .bd-icon.icon-Places:before, .bd-icon.icon-place:before {
    background-position: -276px 0; }
  .bd-icon.icon-Tags:before, .bd-icon.icon-tag:before {
    background-position: -300px 0; }
  .bd-icon.icon-Styles:before, .bd-icon.icon-style:before {
    background-position: -324px 0; }

p.icon-left, div.icon-left:not(.form-item) {
  padding-left: 48px; }
  p.icon-left:before, div.icon-left:not(.form-item):before {
    margin-left: -48px; }

.icon-secondary:before {
  color: #757575; }

.view-activity .activity-image a {
  margin-bottom: 24px; }

.fivestar {
  margin: 8px 0 0 16px; }
  .fivestar .form-item {
    margin-top: 0;
    margin-bottom: 0; }
  .fivestar .description {
    display: none; }

div.fivestar-widget-static .star {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: none;
  background: none;
  text-indent: 0; }
  div.fivestar-widget-static .star span.on {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: none; }
    div.fivestar-widget-static .star span.on:before {
      content: "star";
      color: #757575; }
  div.fivestar-widget-static .star span.off {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: none; }
    div.fivestar-widget-static .star span.off:before {
      content: "star_border";
      color: #757575; }

@media (max-width: 567px) {
  .main-shift-up #header {
    padding-bottom: 0; }
  .main-shift-up .card-main, .main-shift-up .content-card .card-holder, .content-card .main-shift-up .card-holder, .main-shift-up.content-card .card-holder {
    margin-top: -24px; } }

.header-share {
  height: 24px; }

@media (max-width: 567px) {
  .big-title h1, .big-title h2, .big-title .h1, .big-title h2 {
    font-size: 48px;
    line-height: 64px; } }

.card-with-logo {
  padding: 16px; }
  .card-with-logo .card-column-left .card-item {
    margin-top: 0;
    margin-bottom: 0; }
    .card-with-logo .card-column-left .card-item:first-child {
      margin-top: -16px; }
  .card-with-logo .card-column-right .card-item {
    margin-top: 0;
    margin-bottom: 0; }
    .card-with-logo .card-column-right .card-item:last-child {
      padding-bottom: 24px;
      margin-bottom: -16px; }
  .card-with-logo .card-logo img {
    display: block; }
  .card-with-logo .card-title h2 {
    margin-top: 4px;
    margin-bottom: 8px; }
  @media (min-width: 408px) {
    .card-with-logo .card-logo {
      padding: 24px 24px 0; }
      .card-with-logo .card-logo img {
        margin: 0 auto;
        max-width: 360px; } }
  @media (min-width: 568px) {
    .card-with-logo {
      padding: 24px; }
    .card-with-logo .card-column-left .card-item:first-child {
      margin-top: -24px; }
    .card-with-logo .card-column-right .card-item:last-child {
      margin-bottom: -24px; } }
  @media (min-width: 768px) {
    .card-with-logo {
      display: flex;
      align-items: stretch;
      padding: 0; }
    .card-with-logo .card-column-left {
      width: 288px;
      flex: 0 0 288px;
      padding: 24px; }
      .card-with-logo .card-column-left .card-item:last-child {
        margin-bottom: -24px; }
    .card-with-logo .card-column-right {
      padding: 24px;
      padding-left: 0; }
      .card-with-logo .card-column-right .card-item:first-child {
        margin-top: -24px; }
    .card-with-logo .card-logo {
      padding-bottom: 24px; }
      .card-with-logo .card-logo img {
        max-width: 240px; } }
  @media (min-width: 992px) {
    .card-with-logo .card-column-left {
      width: 408px;
      flex: 0 0 408px; }
    .card-with-logo .card-logo img {
      max-width: 360px; } }

.card-list .card-list-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.list-item-with-logo {
  display: flex; }
  .list-item-with-logo .col-left {
    padding: 12px 16px; }
  .list-item-with-logo .col-right {
    padding: 12px 16px 12px 0; }
  .list-item-with-logo .item-logo img {
    display: block; }
  .list-item-with-logo.logo-40 .item-logo {
    width: 40px;
    height: 40px; }
  .list-item-with-logo.logo-40 .col-right h3 {
    margin-top: -3px;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 24px; }
    .list-item-with-logo.logo-40 .col-right h3 a {
      display: block; }
  .list-item-with-logo.logo-40 .col-right .subtitle {
    display: block;
    line-height: 16px; }
  .list-item-with-logo.logo-80 .item-logo {
    width: 80px;
    height: 80px; }
  .list-item-with-logo.logo-80 .col-right h3 {
    margin-top: 0;
    margin-bottom: 4px; }
  .list-item-with-logo.card-item .col-left {
    padding-top: 16px;
    padding-bottom: 16px; }
  .list-item-with-logo.card-item .col-right {
    padding-top: 16px;
    padding-bottom: 16px; }

.beer-activity-card .card-text {
  padding-top: 0; }
  .beer-activity-card .card-text > div:not(:last-child) {
    margin-bottom: 8px; }

.beer-activity-card .list-item-with-logo.logo-40 .col-right {
  display: flex;
  align-items: center; }
  .beer-activity-card .list-item-with-logo.logo-40 .col-right h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px; }

.more-link a {
  margin-top: 12px;
  margin-left: 0;
  margin-bottom: 24px; }

.pager--infinite-scroll {
  padding-left: 0;
  text-align: center; }

/*})'"*/


@font-face {
  font-family: "Material Icons Local";
  font-style: normal;
  font-weight: 400;
  src: url(https://beerdroid.ru/sites/all/themes/material_base/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://beerdroid.ru/sites/all/themes/material_base/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(https://beerdroid.ru/sites/all/themes/material_base/fonts/MaterialIcons-Regular.woff) format("woff"), url(https://beerdroid.ru/sites/all/themes/material_base/fonts/MaterialIcons-Regular.ttf) format("truetype");
}
/*# sourceMappingURL=../css/fonts.css.map */

/*})'"*/
textarea.form-textarea {
  font-family: Monaco, Consolas, "Droid Sans Mono", monospace;
}

.bue-ui {
  margin: 0;
  border: 1px solid #CCC;
  border-bottom: 0;
  background-image: -moz-linear-gradient(#f5f5f5, #eeeeee);
  background-image: -o-linear-gradient(#f5f5f5, #eeeeee);
  background-image: -webkit-linear-gradient(#f5f5f5, #eeeeee);
  background-image: linear-gradient(#f5f5f5, #eeeeee);
  -moz-box-shadow: white 0 1px 0 inset;
  -webkit-box-shadow: white 0 1px 0 inset;
  box-shadow: white 0 1px 0 inset;
  padding: 0;
}

.bue-button {
  background: none;
  border: 1px solid transparent;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 2px;
  padding: 2px;
  opacity: 0.7;
}

.bue-button:hover {
  background: #fbfbfb;
  border-color: #a2a2a2;
  opacity: 1;
  -moz-box-shadow: #fbfbfb 0 1px 0, white 0 1px 0 inset;
  -webkit-box-shadow: #fbfbfb 0 1px 0, white 0 1px 0 inset;
  box-shadow: #fbfbfb 0 1px 0, white 0 1px 0 inset;
}

/* One Click Upload integration */

.ocupload-button-wrapper object { z-index: 10; }
.ocupload-button-wrapper:hover .bue-button, .bue-ui .ocupload-button-wrapper object:hover + .bue-button {
  background: #fbfbfb;
  border-color: #a2a2a2;
  opacity: 1;
  -moz-box-shadow: #fbfbfb 0 1px 0, white 0 1px 0 inset;
  -webkit-box-shadow: #fbfbfb 0 1px 0, white 0 1px 0 inset;
  box-shadow: #fbfbfb 0 1px 0, white 0 1px 0 inset;
}

/*})'"*/