@charset "UTF-8";
/* @file
 * Color schema
 *
 */
/**
*
*   Custom variables, functions and Mixins
*
*/
/* @file
 * Color schema
 *
 */
/*
* HEADINGS
*
*/
/* Normal Headings */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.content-body h2, .content-body h3, .content-body h4, h2, h3, h4 {
  font-family: TheSans-600, sans-serif;
  font-weight: 400;
  color: #338daa;
  text-rendering: optimizeLegibility; }

/* Highlighted Headings */
.content-body h1, h1, .highlighted h1, .highlighted h2, .highlighted h3,
.highlighted h4, .highlighted h5, .highlighted h6 {
  font-family: Garamond, serif;
  font-style: italic;
  text-rendering: optimizeLegibility;
  color: #338daa; }

/* break points */
/* mixins and functions */
.material-icons, .icon-left:before, .icon-right:after, .breadcrumb ol li:not(:last-child):after, .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before, .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 {
  font-family: 'Material Icons', 'Material Icons Local';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }

.material-icons.fs-18, .fs-18.icon-left:before, .fs-18.icon-right:after, .breadcrumb ol li.fs-18:not(:last-child):after, .fs-18.info:before, .fs-18.important:before, .fs-18.messages-status:before, .fs-18.messages-warning:before, .fs-18.messages-error:before, .navbar-account-menu .menu a.fs-18:before, .sidebar .menu .collapsed > a.fs-18:after, .sidebar .menu .expanded > a.fs-18:after, .fs-18.collapsible-toggle:before, .pager .pager-item.item-first > a.fs-18:before, .pager .pager-item.item-first > span.fs-18:before, .pager .pager-item.item-previous > a.fs-18:before, .pager .pager-item.item-previous > span.fs-18:before, .pager .pager-item.item-ellipsis > a.fs-18:before, .pager .pager-item.item-ellipsis > span.fs-18:before, .pager .pager-item.item-next > a.fs-18:before, .pager .pager-item.item-next > span.fs-18:before, .pager .pager-item.item-last > a.fs-18:before, .pager .pager-item.item-last > span.fs-18:before {
  font-size: 18px; }

.material-icons.fs-24, .fs-24.icon-left:before, .fs-24.icon-right:after, .breadcrumb ol li.fs-24:not(:last-child):after, .fs-24.info:before, .fs-24.important:before, .fs-24.messages-status:before, .fs-24.messages-warning:before, .fs-24.messages-error:before, .navbar-account-menu .menu a.fs-24:before, .sidebar .menu .collapsed > a.fs-24:after, .sidebar .menu .expanded > a.fs-24:after, .fs-24.collapsible-toggle:before, .pager .pager-item.item-first > a.fs-24:before, .pager .pager-item.item-first > span.fs-24:before, .pager .pager-item.item-previous > a.fs-24:before, .pager .pager-item.item-previous > span.fs-24:before, .pager .pager-item.item-ellipsis > a.fs-24:before, .pager .pager-item.item-ellipsis > span.fs-24:before, .pager .pager-item.item-next > a.fs-24:before, .pager .pager-item.item-next > span.fs-24:before, .pager .pager-item.item-last > a.fs-24:before, .pager .pager-item.item-last > span.fs-24:before {
  font-size: 24px; }

.material-icons.fs-36, .fs-36.icon-left:before, .fs-36.icon-right:after, .breadcrumb ol li.fs-36:not(:last-child):after, .fs-36.info:before, .fs-36.important:before, .fs-36.messages-status:before, .fs-36.messages-warning:before, .fs-36.messages-error:before, .navbar-account-menu .menu a.fs-36:before, .sidebar .menu .collapsed > a.fs-36:after, .sidebar .menu .expanded > a.fs-36:after, .fs-36.collapsible-toggle:before, .pager .pager-item.item-first > a.fs-36:before, .pager .pager-item.item-first > span.fs-36:before, .pager .pager-item.item-previous > a.fs-36:before, .pager .pager-item.item-previous > span.fs-36:before, .pager .pager-item.item-ellipsis > a.fs-36:before, .pager .pager-item.item-ellipsis > span.fs-36:before, .pager .pager-item.item-next > a.fs-36:before, .pager .pager-item.item-next > span.fs-36:before, .pager .pager-item.item-last > a.fs-36:before, .pager .pager-item.item-last > span.fs-36:before {
  font-size: 36px; }

.material-icons.fs-48, .fs-48.icon-left:before, .fs-48.icon-right:after, .breadcrumb ol li.fs-48:not(:last-child):after, .fs-48.info:before, .fs-48.important:before, .fs-48.messages-status:before, .fs-48.messages-warning:before, .fs-48.messages-error:before, .navbar-account-menu .menu a.fs-48:before, .sidebar .menu .collapsed > a.fs-48:after, .sidebar .menu .expanded > a.fs-48:after, .fs-48.collapsible-toggle:before, .pager .pager-item.item-first > a.fs-48:before, .pager .pager-item.item-first > span.fs-48:before, .pager .pager-item.item-previous > a.fs-48:before, .pager .pager-item.item-previous > span.fs-48:before, .pager .pager-item.item-ellipsis > a.fs-48:before, .pager .pager-item.item-ellipsis > span.fs-48:before, .pager .pager-item.item-next > a.fs-48:before, .pager .pager-item.item-next > span.fs-48:before, .pager .pager-item.item-last > a.fs-48:before, .pager .pager-item.item-last > span.fs-48: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: #FFFFFF !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: #66b76f; }

.icon-accent.icon-left:before, .icon-accent.icon-right:after {
  color: #338daa; }

.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: #9acfa0; }

.theme-dark .icon-accent.icon-left:before, .theme-dark .icon-accent.icon-right:after {
  color: #B5EA7B; }

.services-icons {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/services-icons.svg) no-repeat;
  opacity: .87; }

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

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

.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-delicious, .services-icons[data-icon="delicious"] {
  background-position: -144px -72px; }

.services-icons.si-delicious-box, .services-icons[data-icon="delicious-box"] {
  background-position: -168px -72px; }

.services-icons.si-digg, .services-icons[data-icon="digg"] {
  background-position: -120px -72px; }

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

.services-icons.si-facebook-messenger, .services-icons[data-icon="facebook-messenger"] {
  background-position: -144px -120px; }

.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-box, .services-icons[data-icon="github-box"] {
  background-position: 0 -120px; }

.services-icons.si-google-photos, .services-icons[data-icon="google-photos"] {
  background-position: -120px -96px; }

.services-icons.si-google-plus, .services-icons[data-icon="google-plus"] {
  background-position: -96px 0; }

.services-icons.si-google-plus-box, .services-icons[data-icon="google-plus-box"] {
  background-position: -120px 0; }

.services-icons.si-instagram, .services-icons[data-icon="instagram"] {
  background-position: 0 -24px; }

.services-icons.si-instagram-box, .services-icons[data-icon="instagram-box"] {
  background-position: -24px -24px; }

.services-icons.si-lastfm, .services-icons[data-icon="lastfm"] {
  background-position: -144px -96px; }

.services-icons.si-line, .services-icons[data-icon="line"] {
  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-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-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-periscope, .services-icons[data-icon="periscope"] {
  background-position: -120px -48px; }

.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: -216px 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-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-sina-weibo, .services-icons[data-icon="sina-weibo"] {
  background-position: -192px -24px; }

.services-icons.si-skype, .services-icons[data-icon="skype"] {
  background-position: -24px -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-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-trello, .services-icons[data-icon="trello"] {
  background-position: -216px -96px; }

.services-icons.si-tumblr, .services-icons[data-icon="tumblr"] {
  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-box, .services-icons[data-icon="twitter-box"] {
  background-position: -72px 0; }

.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-vine, .services-icons[data-icon="vine"] {
  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: -72px -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-wunderlist, .services-icons[data-icon="wunderlist"] {
  background-position: -72px -72px; }

.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-youtube, .services-icons[data-icon="youtube"] {
  background-position: -48px -48px; }

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

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

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

.services-icons.icon-primary {
  background: #66b76f; }

.services-icons.icon-accent {
  background: #338daa; }

.btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn .services-icons:hover, .pager .pager-item > a .services-icons:hover, .pager .pager-item > span .services-icons:hover, .btn .services-icons:focus, .pager .pager-item > a .services-icons:focus, .pager .pager-item > span .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, .pager .pager-item > a.btn-colored .services-icons, .pager .pager-item > span.btn-colored .services-icons, .btn.btn-colored:hover .services-icons, .pager .pager-item > a.btn-colored:hover .services-icons, .pager .pager-item > span.btn-colored:hover .services-icons, .btn.btn-colored:focus .services-icons, .pager .pager-item > a.btn-colored:focus .services-icons, .pager .pager-item > span.btn-colored:focus .services-icons {
  background: #4A9D5B; }

.btn-accent .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn-accent:hover .services-icons, .pager .pager-item > a:hover .services-icons, .pager .pager-item > span:hover .services-icons, .btn-accent:focus .services-icons, .pager .pager-item > a:focus .services-icons, .pager .pager-item > span:focus .services-icons, .btn.btn-accent .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn.btn-accent:hover .services-icons, .pager .pager-item > a:hover .services-icons, .pager .pager-item > span:hover .services-icons, .btn.btn-accent:focus .services-icons, .pager .pager-item > a:focus .services-icons, .pager .pager-item > span:focus .services-icons {
  background: #338daa; }

.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, .pager .pager-item > a.btn-raised.btn-colored .services-icons, .pager .pager-item > span.btn-raised.btn-colored .services-icons, .btn.btn-raised.btn-colored:hover .services-icons, .pager .pager-item > a.btn-raised.btn-colored:hover .services-icons, .pager .pager-item > span.btn-raised.btn-colored:hover .services-icons, .btn.btn-raised.btn-colored:focus .services-icons, .pager .pager-item > a.btn-raised.btn-colored:focus .services-icons, .pager .pager-item > span.btn-raised.btn-colored:focus .services-icons {
  background: rgba(0, 0, 0, 0.87); }

.btn-raised.btn-accent .services-icons, .pager .pager-item > a.btn-raised .services-icons, .pager .pager-item > span.btn-raised .services-icons, .btn-raised.btn-accent:hover .services-icons, .pager .pager-item > a.btn-raised:hover .services-icons, .pager .pager-item > span.btn-raised:hover .services-icons, .btn-raised.btn-accent:focus .services-icons, .pager .pager-item > a.btn-raised:focus .services-icons, .pager .pager-item > span.btn-raised:focus .services-icons, .btn.btn-raised.btn-accent .services-icons, .pager .pager-item > a.btn-raised .services-icons, .pager .pager-item > span.btn-raised .services-icons, .btn.btn-raised.btn-accent:hover .services-icons, .pager .pager-item > a.btn-raised:hover .services-icons, .pager .pager-item > span.btn-raised:hover .services-icons, .btn.btn-raised.btn-accent:focus .services-icons, .pager .pager-item > a.btn-raised:focus .services-icons, .pager .pager-item > span.btn-raised:focus .services-icons {
  background: #FFFFFF; }

.btn.btn-disabled .services-icons, .pager .pager-item > a.btn-disabled .services-icons, .pager .pager-item.item-ellipsis > a .services-icons, .pager .pager-item.item-current > a .services-icons, .pager .pager-item > span.btn-disabled .services-icons, .pager .pager-item.item-ellipsis > span .services-icons, .pager .pager-item.item-current > span .services-icons, .pager .pager-item.item-first > span .services-icons, .pager .pager-item.item-previous > span .services-icons, .pager .pager-item.item-next > span .services-icons, .pager .pager-item.item-last > span .services-icons, .btn.btn-disabled:hover .services-icons, .pager .pager-item > a.btn-disabled:hover .services-icons, .pager .pager-item.item-ellipsis > a:hover .services-icons, .pager .pager-item.item-current > a:hover .services-icons, .pager .pager-item > span.btn-disabled:hover .services-icons, .pager .pager-item.item-ellipsis > span:hover .services-icons, .pager .pager-item.item-current > span:hover .services-icons, .pager .pager-item.item-first > span:hover .services-icons, .pager .pager-item.item-previous > span:hover .services-icons, .pager .pager-item.item-next > span:hover .services-icons, .pager .pager-item.item-last > span:hover .services-icons, .btn.btn-disabled:focus .services-icons, .pager .pager-item > a.btn-disabled:focus .services-icons, .pager .pager-item.item-ellipsis > a:focus .services-icons, .pager .pager-item.item-current > a:focus .services-icons, .pager .pager-item > span.btn-disabled:focus .services-icons, .pager .pager-item.item-ellipsis > span:focus .services-icons, .pager .pager-item.item-current > span:focus .services-icons, .pager .pager-item.item-first > span:focus .services-icons, .pager .pager-item.item-previous > span:focus .services-icons, .pager .pager-item.item-next > span:focus .services-icons, .pager .pager-item.item-last > span:focus .services-icons, .btn.btn-disabled:active .services-icons, .pager .pager-item > a.btn-disabled:active .services-icons, .pager .pager-item.item-ellipsis > a:active .services-icons, .pager .pager-item.item-current > a:active .services-icons, .pager .pager-item > span.btn-disabled:active .services-icons, .pager .pager-item.item-ellipsis > span:active .services-icons, .pager .pager-item.item-current > span:active .services-icons, .pager .pager-item.item-first > span:active .services-icons, .pager .pager-item.item-previous > span:active .services-icons, .pager .pager-item.item-next > span:active .services-icons, .pager .pager-item.item-last > span: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: rgba(0, 0, 0, 0.87); }

.fab.fab-accent .services-icons, .fab.fab-accent:hover .services-icons, .fab.fab-accent:focus .services-icons {
  background: #FFFFFF; }

.services-icons.icon-dark,
.services-icons.icon-light,
.services-icons.icon-primary,
.services-icons.icon-accent, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .fab .services-icons,
.theme-dark .services-icons {
  opacity: 1;
  -webkit-mask: url(../img/services-icons.svg) no-repeat;
          mask: url(../img/services-icons.svg) no-repeat; }
  .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,
  .pager .pager-item > a .services-icons.si-behance,
  .pager .pager-item > span .services-icons.si-behance,
  .btn .services-icons[data-icon="behance"],
  .pager .pager-item > a .services-icons[data-icon="behance"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-bitbucket,
  .pager .pager-item > span .services-icons.si-bitbucket,
  .btn .services-icons[data-icon="bitbucket"],
  .pager .pager-item > a .services-icons[data-icon="bitbucket"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-blogger,
  .pager .pager-item > span .services-icons.si-blogger,
  .btn .services-icons[data-icon="blogger"],
  .pager .pager-item > a .services-icons[data-icon="blogger"],
  .pager .pager-item > span .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-delicious, .services-icons.icon-dark[data-icon="delicious"],
  .services-icons.icon-light.si-delicious,
  .services-icons.icon-light[data-icon="delicious"],
  .services-icons.icon-primary.si-delicious,
  .services-icons.icon-primary[data-icon="delicious"],
  .services-icons.icon-accent.si-delicious,
  .services-icons.icon-accent[data-icon="delicious"],
  .btn .services-icons.si-delicious,
  .pager .pager-item > a .services-icons.si-delicious,
  .pager .pager-item > span .services-icons.si-delicious,
  .btn .services-icons[data-icon="delicious"],
  .pager .pager-item > a .services-icons[data-icon="delicious"],
  .pager .pager-item > span .services-icons[data-icon="delicious"], .fab .services-icons.si-delicious, .fab .services-icons[data-icon="delicious"],
  .theme-dark .services-icons.si-delicious,
  .theme-dark .services-icons[data-icon="delicious"] {
    -webkit-mask-position: -144px -72px;
            mask-position: -144px -72px; }
  .services-icons.icon-dark.si-delicious-box, .services-icons.icon-dark[data-icon="delicious-box"],
  .services-icons.icon-light.si-delicious-box,
  .services-icons.icon-light[data-icon="delicious-box"],
  .services-icons.icon-primary.si-delicious-box,
  .services-icons.icon-primary[data-icon="delicious-box"],
  .services-icons.icon-accent.si-delicious-box,
  .services-icons.icon-accent[data-icon="delicious-box"],
  .btn .services-icons.si-delicious-box,
  .pager .pager-item > a .services-icons.si-delicious-box,
  .pager .pager-item > span .services-icons.si-delicious-box,
  .btn .services-icons[data-icon="delicious-box"],
  .pager .pager-item > a .services-icons[data-icon="delicious-box"],
  .pager .pager-item > span .services-icons[data-icon="delicious-box"], .fab .services-icons.si-delicious-box, .fab .services-icons[data-icon="delicious-box"],
  .theme-dark .services-icons.si-delicious-box,
  .theme-dark .services-icons[data-icon="delicious-box"] {
    -webkit-mask-position: -168px -72px;
            mask-position: -168px -72px; }
  .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,
  .pager .pager-item > a .services-icons.si-digg,
  .pager .pager-item > span .services-icons.si-digg,
  .btn .services-icons[data-icon="digg"],
  .pager .pager-item > a .services-icons[data-icon="digg"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-disqus,
  .pager .pager-item > span .services-icons.si-disqus,
  .btn .services-icons[data-icon="disqus"],
  .pager .pager-item > a .services-icons[data-icon="disqus"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-disqus-outline,
  .pager .pager-item > span .services-icons.si-disqus-outline,
  .btn .services-icons[data-icon="disqus-outline"],
  .pager .pager-item > a .services-icons[data-icon="disqus-outline"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-dribbble,
  .pager .pager-item > span .services-icons.si-dribbble,
  .btn .services-icons[data-icon="dribbble"],
  .pager .pager-item > a .services-icons[data-icon="dribbble"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-dribbble-box,
  .pager .pager-item > span .services-icons.si-dribbble-box,
  .btn .services-icons[data-icon="dribbble-box"],
  .pager .pager-item > a .services-icons[data-icon="dribbble-box"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-drupal,
  .pager .pager-item > span .services-icons.si-drupal,
  .btn .services-icons[data-icon="drupal"],
  .pager .pager-item > a .services-icons[data-icon="drupal"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-evernote,
  .pager .pager-item > span .services-icons.si-evernote,
  .btn .services-icons[data-icon="evernote"],
  .pager .pager-item > a .services-icons[data-icon="evernote"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-facebook,
  .pager .pager-item > span .services-icons.si-facebook,
  .btn .services-icons[data-icon="facebook"],
  .pager .pager-item > a .services-icons[data-icon="facebook"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-facebook-box,
  .pager .pager-item > span .services-icons.si-facebook-box,
  .btn .services-icons[data-icon="facebook-box"],
  .pager .pager-item > a .services-icons[data-icon="facebook-box"],
  .pager .pager-item > span .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: -24px 0;
            mask-position: -24px 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,
  .pager .pager-item > a .services-icons.si-facebook-messenger,
  .pager .pager-item > span .services-icons.si-facebook-messenger,
  .btn .services-icons[data-icon="facebook-messenger"],
  .pager .pager-item > a .services-icons[data-icon="facebook-messenger"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-flickr,
  .pager .pager-item > span .services-icons.si-flickr,
  .btn .services-icons[data-icon="flickr"],
  .pager .pager-item > a .services-icons[data-icon="flickr"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-foursquare,
  .pager .pager-item > span .services-icons.si-foursquare,
  .btn .services-icons[data-icon="foursquare"],
  .pager .pager-item > a .services-icons[data-icon="foursquare"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-github-box,
  .pager .pager-item > span .services-icons.si-github-box,
  .btn .services-icons[data-icon="github-box"],
  .pager .pager-item > a .services-icons[data-icon="github-box"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-google-photos,
  .pager .pager-item > span .services-icons.si-google-photos,
  .btn .services-icons[data-icon="google-photos"],
  .pager .pager-item > a .services-icons[data-icon="google-photos"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-google-plus,
  .pager .pager-item > span .services-icons.si-google-plus,
  .btn .services-icons[data-icon="google-plus"],
  .pager .pager-item > a .services-icons[data-icon="google-plus"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-google-plus-box,
  .pager .pager-item > span .services-icons.si-google-plus-box,
  .btn .services-icons[data-icon="google-plus-box"],
  .pager .pager-item > a .services-icons[data-icon="google-plus-box"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-instagram,
  .pager .pager-item > span .services-icons.si-instagram,
  .btn .services-icons[data-icon="instagram"],
  .pager .pager-item > a .services-icons[data-icon="instagram"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-instagram-box,
  .pager .pager-item > span .services-icons.si-instagram-box,
  .btn .services-icons[data-icon="instagram-box"],
  .pager .pager-item > a .services-icons[data-icon="instagram-box"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-lastfm,
  .pager .pager-item > span .services-icons.si-lastfm,
  .btn .services-icons[data-icon="lastfm"],
  .pager .pager-item > a .services-icons[data-icon="lastfm"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-line,
  .pager .pager-item > span .services-icons.si-line,
  .btn .services-icons[data-icon="line"],
  .pager .pager-item > a .services-icons[data-icon="line"],
  .pager .pager-item > span .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 -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,
  .pager .pager-item > a .services-icons.si-linkedin,
  .pager .pager-item > span .services-icons.si-linkedin,
  .btn .services-icons[data-icon="linkedin"],
  .pager .pager-item > a .services-icons[data-icon="linkedin"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-linkedin-box,
  .pager .pager-item > span .services-icons.si-linkedin-box,
  .btn .services-icons[data-icon="linkedin-box"],
  .pager .pager-item > a .services-icons[data-icon="linkedin-box"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-livejournal,
  .pager .pager-item > span .services-icons.si-livejournal,
  .btn .services-icons[data-icon="livejournal"],
  .pager .pager-item > a .services-icons[data-icon="livejournal"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-medium,
  .pager .pager-item > span .services-icons.si-medium,
  .btn .services-icons[data-icon="medium"],
  .pager .pager-item > a .services-icons[data-icon="medium"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-odnoklassniki,
  .pager .pager-item > span .services-icons.si-odnoklassniki,
  .btn .services-icons[data-icon="odnoklassniki"],
  .pager .pager-item > a .services-icons[data-icon="odnoklassniki"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-odnoklassniki-box,
  .pager .pager-item > span .services-icons.si-odnoklassniki-box,
  .btn .services-icons[data-icon="odnoklassniki-box"],
  .pager .pager-item > a .services-icons[data-icon="odnoklassniki-box"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-periscope,
  .pager .pager-item > span .services-icons.si-periscope,
  .btn .services-icons[data-icon="periscope"],
  .pager .pager-item > a .services-icons[data-icon="periscope"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-pinterest,
  .pager .pager-item > span .services-icons.si-pinterest,
  .btn .services-icons[data-icon="pinterest"],
  .pager .pager-item > a .services-icons[data-icon="pinterest"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-pinterest-box,
  .pager .pager-item > span .services-icons.si-pinterest-box,
  .btn .services-icons[data-icon="pinterest-box"],
  .pager .pager-item > a .services-icons[data-icon="pinterest-box"],
  .pager .pager-item > span .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: -216px 0;
            mask-position: -216px 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,
  .pager .pager-item > a .services-icons.si-pocket,
  .pager .pager-item > span .services-icons.si-pocket,
  .btn .services-icons[data-icon="pocket"],
  .pager .pager-item > a .services-icons[data-icon="pocket"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-qqchat,
  .pager .pager-item > span .services-icons.si-qqchat,
  .btn .services-icons[data-icon="qqchat"],
  .pager .pager-item > a .services-icons[data-icon="qqchat"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-qzone,
  .pager .pager-item > span .services-icons.si-qzone,
  .btn .services-icons[data-icon="qzone"],
  .pager .pager-item > a .services-icons[data-icon="qzone"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-reddit,
  .pager .pager-item > span .services-icons.si-reddit,
  .btn .services-icons[data-icon="reddit"],
  .pager .pager-item > a .services-icons[data-icon="reddit"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-renren,
  .pager .pager-item > span .services-icons.si-renren,
  .btn .services-icons[data-icon="renren"],
  .pager .pager-item > a .services-icons[data-icon="renren"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-sina-weibo,
  .pager .pager-item > span .services-icons.si-sina-weibo,
  .btn .services-icons[data-icon="sina-weibo"],
  .pager .pager-item > a .services-icons[data-icon="sina-weibo"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-skype,
  .pager .pager-item > span .services-icons.si-skype,
  .btn .services-icons[data-icon="skype"],
  .pager .pager-item > a .services-icons[data-icon="skype"],
  .pager .pager-item > span .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: -24px -144px;
            mask-position: -24px -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,
  .pager .pager-item > a .services-icons.si-skype-outline,
  .pager .pager-item > span .services-icons.si-skype-outline,
  .btn .services-icons[data-icon="skype-outline"],
  .pager .pager-item > a .services-icons[data-icon="skype-outline"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-slack,
  .pager .pager-item > span .services-icons.si-slack,
  .btn .services-icons[data-icon="slack"],
  .pager .pager-item > a .services-icons[data-icon="slack"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-snapchat,
  .pager .pager-item > span .services-icons.si-snapchat,
  .btn .services-icons[data-icon="snapchat"],
  .pager .pager-item > a .services-icons[data-icon="snapchat"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-soundcloud,
  .pager .pager-item > span .services-icons.si-soundcloud,
  .btn .services-icons[data-icon="soundcloud"],
  .pager .pager-item > a .services-icons[data-icon="soundcloud"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-spotify,
  .pager .pager-item > span .services-icons.si-spotify,
  .btn .services-icons[data-icon="spotify"],
  .pager .pager-item > a .services-icons[data-icon="spotify"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-stackexchange,
  .pager .pager-item > span .services-icons.si-stackexchange,
  .btn .services-icons[data-icon="stackexchange"],
  .pager .pager-item > a .services-icons[data-icon="stackexchange"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-stackoverflow,
  .pager .pager-item > span .services-icons.si-stackoverflow,
  .btn .services-icons[data-icon="stackoverflow"],
  .pager .pager-item > a .services-icons[data-icon="stackoverflow"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-swarm,
  .pager .pager-item > span .services-icons.si-swarm,
  .btn .services-icons[data-icon="swarm"],
  .pager .pager-item > a .services-icons[data-icon="swarm"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-telegram,
  .pager .pager-item > span .services-icons.si-telegram,
  .btn .services-icons[data-icon="telegram"],
  .pager .pager-item > a .services-icons[data-icon="telegram"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-trello,
  .pager .pager-item > span .services-icons.si-trello,
  .btn .services-icons[data-icon="trello"],
  .pager .pager-item > a .services-icons[data-icon="trello"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-tumblr,
  .pager .pager-item > span .services-icons.si-tumblr,
  .btn .services-icons[data-icon="tumblr"],
  .pager .pager-item > a .services-icons[data-icon="tumblr"],
  .pager .pager-item > span .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: 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,
  .pager .pager-item > a .services-icons.si-twitch,
  .pager .pager-item > span .services-icons.si-twitch,
  .btn .services-icons[data-icon="twitch"],
  .pager .pager-item > a .services-icons[data-icon="twitch"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-twitter,
  .pager .pager-item > span .services-icons.si-twitter,
  .btn .services-icons[data-icon="twitter"],
  .pager .pager-item > a .services-icons[data-icon="twitter"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-twitter-box,
  .pager .pager-item > span .services-icons.si-twitter-box,
  .btn .services-icons[data-icon="twitter-box"],
  .pager .pager-item > a .services-icons[data-icon="twitter-box"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-viber,
  .pager .pager-item > span .services-icons.si-viber,
  .btn .services-icons[data-icon="viber"],
  .pager .pager-item > a .services-icons[data-icon="viber"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-vimeo,
  .pager .pager-item > span .services-icons.si-vimeo,
  .btn .services-icons[data-icon="vimeo"],
  .pager .pager-item > a .services-icons[data-icon="vimeo"],
  .pager .pager-item > span .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-vine, .services-icons.icon-dark[data-icon="vine"],
  .services-icons.icon-light.si-vine,
  .services-icons.icon-light[data-icon="vine"],
  .services-icons.icon-primary.si-vine,
  .services-icons.icon-primary[data-icon="vine"],
  .services-icons.icon-accent.si-vine,
  .services-icons.icon-accent[data-icon="vine"],
  .btn .services-icons.si-vine,
  .pager .pager-item > a .services-icons.si-vine,
  .pager .pager-item > span .services-icons.si-vine,
  .btn .services-icons[data-icon="vine"],
  .pager .pager-item > a .services-icons[data-icon="vine"],
  .pager .pager-item > span .services-icons[data-icon="vine"], .fab .services-icons.si-vine, .fab .services-icons[data-icon="vine"],
  .theme-dark .services-icons.si-vine,
  .theme-dark .services-icons[data-icon="vine"] {
    -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,
  .pager .pager-item > a .services-icons.si-vk,
  .pager .pager-item > span .services-icons.si-vk,
  .btn .services-icons[data-icon="vk"],
  .pager .pager-item > a .services-icons[data-icon="vk"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-vk-box,
  .pager .pager-item > span .services-icons.si-vk-box,
  .btn .services-icons[data-icon="vk-box"],
  .pager .pager-item > a .services-icons[data-icon="vk-box"],
  .pager .pager-item > span .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: -72px -24px;
            mask-position: -72px -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,
  .pager .pager-item > a .services-icons.si-wechat,
  .pager .pager-item > span .services-icons.si-wechat,
  .btn .services-icons[data-icon="wechat"],
  .pager .pager-item > a .services-icons[data-icon="wechat"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-whatsapp,
  .pager .pager-item > span .services-icons.si-whatsapp,
  .btn .services-icons[data-icon="whatsapp"],
  .pager .pager-item > a .services-icons[data-icon="whatsapp"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-wordpress,
  .pager .pager-item > span .services-icons.si-wordpress,
  .btn .services-icons[data-icon="wordpress"],
  .pager .pager-item > a .services-icons[data-icon="wordpress"],
  .pager .pager-item > span .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-wunderlist, .services-icons.icon-dark[data-icon="wunderlist"],
  .services-icons.icon-light.si-wunderlist,
  .services-icons.icon-light[data-icon="wunderlist"],
  .services-icons.icon-primary.si-wunderlist,
  .services-icons.icon-primary[data-icon="wunderlist"],
  .services-icons.icon-accent.si-wunderlist,
  .services-icons.icon-accent[data-icon="wunderlist"],
  .btn .services-icons.si-wunderlist,
  .pager .pager-item > a .services-icons.si-wunderlist,
  .pager .pager-item > span .services-icons.si-wunderlist,
  .btn .services-icons[data-icon="wunderlist"],
  .pager .pager-item > a .services-icons[data-icon="wunderlist"],
  .pager .pager-item > span .services-icons[data-icon="wunderlist"], .fab .services-icons.si-wunderlist, .fab .services-icons[data-icon="wunderlist"],
  .theme-dark .services-icons.si-wunderlist,
  .theme-dark .services-icons[data-icon="wunderlist"] {
    -webkit-mask-position: -72px -72px;
            mask-position: -72px -72px; }
  .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,
  .pager .pager-item > a .services-icons.si-xing,
  .pager .pager-item > span .services-icons.si-xing,
  .btn .services-icons[data-icon="xing"],
  .pager .pager-item > a .services-icons[data-icon="xing"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .services-icons.si-xing-box,
  .pager .pager-item > span .services-icons.si-xing-box,
  .btn .services-icons[data-icon="xing-box"],
  .pager .pager-item > a .services-icons[data-icon="xing-box"],
  .pager .pager-item > span .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-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,
  .pager .pager-item > a .services-icons.si-youtube,
  .pager .pager-item > span .services-icons.si-youtube,
  .btn .services-icons[data-icon="youtube"],
  .pager .pager-item > a .services-icons[data-icon="youtube"],
  .pager .pager-item > span .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-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(../img/services-icons.svg) no-repeat;
          mask: url(../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: #FFFFFF !important; }

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

.services-icon-left.icon-primary:before {
  background: #66b76f; }

.services-icon-left.icon-accent:before {
  background: #338daa; }

a.services-icon-left:not(.btn):before {
  background: #338daa; }

a.services-icon-left:not(.btn):hover:before {
  background: #44b8d3; }

a.services-icon-left:not(.btn):active:before {
  background: #92D557; }

.btn.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .btn.services-icon-left:hover:before, .pager .pager-item > a.services-icon-left:hover:before, .pager .pager-item > span.services-icon-left:hover:before, .btn.services-icon-left:focus:before, .pager .pager-item > a.services-icon-left:focus:before, .pager .pager-item > span.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, .pager .pager-item > a.btn-colored.services-icon-left:before, .pager .pager-item > span.btn-colored.services-icon-left:before, .btn.btn-colored.services-icon-left:hover:before, .pager .pager-item > a.btn-colored.services-icon-left:hover:before, .pager .pager-item > span.btn-colored.services-icon-left:hover:before, .btn.btn-colored.services-icon-left:focus:before, .pager .pager-item > a.btn-colored.services-icon-left:focus:before, .pager .pager-item > span.btn-colored.services-icon-left:focus:before {
  background: #4A9D5B; }

.btn-accent.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .btn-accent.services-icon-left:hover:before, .pager .pager-item > a.services-icon-left:hover:before, .pager .pager-item > span.services-icon-left:hover:before, .btn-accent.services-icon-left:focus:before, .pager .pager-item > a.services-icon-left:focus:before, .pager .pager-item > span.services-icon-left:focus:before, .btn.btn-accent.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .btn.btn-accent.services-icon-left:hover:before, .pager .pager-item > a.services-icon-left:hover:before, .pager .pager-item > span.services-icon-left:hover:before, .btn.btn-accent.services-icon-left:focus:before, .pager .pager-item > a.services-icon-left:focus:before, .pager .pager-item > span.services-icon-left:focus:before {
  background: #338daa; }

.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, .pager .pager-item > a.btn-raised.services-icon-left.btn-colored:before, .pager .pager-item > span.btn-raised.services-icon-left.btn-colored:before, .btn.btn-raised.services-icon-left.btn-colored:hover:before, .pager .pager-item > a.btn-raised.services-icon-left.btn-colored:hover:before, .pager .pager-item > span.btn-raised.services-icon-left.btn-colored:hover:before, .btn.btn-raised.services-icon-left.btn-colored:focus:before, .pager .pager-item > a.btn-raised.services-icon-left.btn-colored:focus:before, .pager .pager-item > span.btn-raised.services-icon-left.btn-colored:focus:before {
  background: rgba(0, 0, 0, 0.87); }

.btn-raised.services-icon-left.btn-accent:before, .pager .pager-item > a.btn-raised.services-icon-left:before, .pager .pager-item > span.btn-raised.services-icon-left:before, .btn-raised.services-icon-left.btn-accent:hover:before, .pager .pager-item > a.btn-raised.services-icon-left:hover:before, .pager .pager-item > span.btn-raised.services-icon-left:hover:before, .btn-raised.services-icon-left.btn-accent:focus:before, .pager .pager-item > a.btn-raised.services-icon-left:focus:before, .pager .pager-item > span.btn-raised.services-icon-left:focus:before, .btn.btn-raised.services-icon-left.btn-accent:before, .pager .pager-item > a.btn-raised.services-icon-left:before, .pager .pager-item > span.btn-raised.services-icon-left:before, .btn.btn-raised.services-icon-left.btn-accent:hover:before, .pager .pager-item > a.btn-raised.services-icon-left:hover:before, .pager .pager-item > span.btn-raised.services-icon-left:hover:before, .btn.btn-raised.services-icon-left.btn-accent:focus:before, .pager .pager-item > a.btn-raised.services-icon-left:focus:before, .pager .pager-item > span.btn-raised.services-icon-left:focus:before {
  background: #FFFFFF; }

.btn.btn-disabled.services-icon-left:before, .pager .pager-item > a.btn-disabled.services-icon-left:before, .pager .pager-item.item-ellipsis > a.services-icon-left:before, .pager .pager-item.item-current > a.services-icon-left:before, .pager .pager-item > span.btn-disabled.services-icon-left:before, .pager .pager-item.item-ellipsis > span.services-icon-left:before, .pager .pager-item.item-current > span.services-icon-left:before, .pager .pager-item.item-first > span.services-icon-left:before, .pager .pager-item.item-previous > span.services-icon-left:before, .pager .pager-item.item-next > span.services-icon-left:before, .pager .pager-item.item-last > span.services-icon-left:before, .btn.btn-disabled.services-icon-left:hover:before, .pager .pager-item > a.btn-disabled.services-icon-left:hover:before, .pager .pager-item.item-ellipsis > a.services-icon-left:hover:before, .pager .pager-item.item-current > a.services-icon-left:hover:before, .pager .pager-item > span.btn-disabled.services-icon-left:hover:before, .pager .pager-item.item-ellipsis > span.services-icon-left:hover:before, .pager .pager-item.item-current > span.services-icon-left:hover:before, .pager .pager-item.item-first > span.services-icon-left:hover:before, .pager .pager-item.item-previous > span.services-icon-left:hover:before, .pager .pager-item.item-next > span.services-icon-left:hover:before, .pager .pager-item.item-last > span.services-icon-left:hover:before, .btn.btn-disabled.services-icon-left:focus:before, .pager .pager-item > a.btn-disabled.services-icon-left:focus:before, .pager .pager-item.item-ellipsis > a.services-icon-left:focus:before, .pager .pager-item.item-current > a.services-icon-left:focus:before, .pager .pager-item > span.btn-disabled.services-icon-left:focus:before, .pager .pager-item.item-ellipsis > span.services-icon-left:focus:before, .pager .pager-item.item-current > span.services-icon-left:focus:before, .pager .pager-item.item-first > span.services-icon-left:focus:before, .pager .pager-item.item-previous > span.services-icon-left:focus:before, .pager .pager-item.item-next > span.services-icon-left:focus:before, .pager .pager-item.item-last > span.services-icon-left:focus:before, .btn.btn-disabled.services-icon-left:active:before, .pager .pager-item > a.btn-disabled.services-icon-left:active:before, .pager .pager-item.item-ellipsis > a.services-icon-left:active:before, .pager .pager-item.item-current > a.services-icon-left:active:before, .pager .pager-item > span.btn-disabled.services-icon-left:active:before, .pager .pager-item.item-ellipsis > span.services-icon-left:active:before, .pager .pager-item.item-current > span.services-icon-left:active:before, .pager .pager-item.item-first > span.services-icon-left:active:before, .pager .pager-item.item-previous > span.services-icon-left:active:before, .pager .pager-item.item-next > span.services-icon-left:active:before, .pager .pager-item.item-last > span.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: rgba(0, 0, 0, 0.87); }

.fab.services-icon-left.fab-accent:before, .fab.services-icon-left.fab-accent:hover:before, .fab.services-icon-left.fab-accent:focus:before {
  background: #FFFFFF; }

.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-delicious:before, .services-icon-left[data-icon="delicious"]:before {
  -webkit-mask-position: -144px -72px;
          mask-position: -144px -72px; }

.services-icon-left.si-delicious-box:before, .services-icon-left[data-icon="delicious-box"]:before {
  -webkit-mask-position: -168px -72px;
          mask-position: -168px -72px; }

.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-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-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-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: -24px 0;
          mask-position: -24px 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-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-box:before, .services-icon-left[data-icon="github-box"]:before {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px; }

.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-plus:before, .services-icon-left[data-icon="google-plus"]:before {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 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-instagram:before, .services-icon-left[data-icon="instagram"]:before {
  -webkit-mask-position: 0 -24px;
          mask-position: 0 -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-lastfm:before, .services-icon-left[data-icon="lastfm"]:before {
  -webkit-mask-position: -144px -96px;
          mask-position: -144px -96px; }

.services-icon-left.si-line:before, .services-icon-left[data-icon="line"]: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-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-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-periscope:before, .services-icon-left[data-icon="periscope"]:before {
  -webkit-mask-position: -120px -48px;
          mask-position: -120px -48px; }

.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: -216px 0;
          mask-position: -216px 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-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-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: -24px -144px;
          mask-position: -24px -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-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-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: 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-box:before, .services-icon-left[data-icon="twitter-box"]:before {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0; }

.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-vine:before, .services-icon-left[data-icon="vine"]: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: -72px -24px;
          mask-position: -72px -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-wunderlist:before, .services-icon-left[data-icon="wunderlist"]:before {
  -webkit-mask-position: -72px -72px;
          mask-position: -72px -72px; }

.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-youtube:before, .services-icon-left[data-icon="youtube"]:before {
  -webkit-mask-position: -48px -48px;
          mask-position: -48px -48px; }

.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(../img/services-icons.svg) no-repeat;
          mask: url(../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: #FFFFFF !important; }

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

.services-icon-right.icon-primary:after {
  background: #66b76f; }

.services-icon-right.icon-accent:after {
  background: #338daa; }

a.services-icon-right:not(.btn):after {
  background: #338daa; }

a.services-icon-right:not(.btn):hover:after {
  background: #44b8d3; }

a.services-icon-right:not(.btn):active:after {
  background: #92D557; }

.btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn.services-icon-right:hover:after, .pager .pager-item > a.services-icon-right:hover:after, .pager .pager-item > span.services-icon-right:hover:after, .btn.services-icon-right:focus:after, .pager .pager-item > a.services-icon-right:focus:after, .pager .pager-item > span.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, .pager .pager-item > a.btn-colored.services-icon-right:after, .pager .pager-item > span.btn-colored.services-icon-right:after, .btn.btn-colored.services-icon-right:hover:after, .pager .pager-item > a.btn-colored.services-icon-right:hover:after, .pager .pager-item > span.btn-colored.services-icon-right:hover:after, .btn.btn-colored.services-icon-right:focus:after, .pager .pager-item > a.btn-colored.services-icon-right:focus:after, .pager .pager-item > span.btn-colored.services-icon-right:focus:after {
  background: #4A9D5B; }

.btn-accent.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn-accent.services-icon-right:hover:after, .pager .pager-item > a.services-icon-right:hover:after, .pager .pager-item > span.services-icon-right:hover:after, .btn-accent.services-icon-right:focus:after, .pager .pager-item > a.services-icon-right:focus:after, .pager .pager-item > span.services-icon-right:focus:after, .btn.btn-accent.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn.btn-accent.services-icon-right:hover:after, .pager .pager-item > a.services-icon-right:hover:after, .pager .pager-item > span.services-icon-right:hover:after, .btn.btn-accent.services-icon-right:focus:after, .pager .pager-item > a.services-icon-right:focus:after, .pager .pager-item > span.services-icon-right:focus:after {
  background: #338daa; }

.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, .pager .pager-item > a.btn-raised.services-icon-right.btn-colored:after, .pager .pager-item > span.btn-raised.services-icon-right.btn-colored:after, .btn.btn-raised.services-icon-right.btn-colored:hover:after, .pager .pager-item > a.btn-raised.services-icon-right.btn-colored:hover:after, .pager .pager-item > span.btn-raised.services-icon-right.btn-colored:hover:after, .btn.btn-raised.services-icon-right.btn-colored:focus:after, .pager .pager-item > a.btn-raised.services-icon-right.btn-colored:focus:after, .pager .pager-item > span.btn-raised.services-icon-right.btn-colored:focus:after {
  background: rgba(0, 0, 0, 0.87); }

.btn-raised.services-icon-right.btn-accent:after, .pager .pager-item > a.btn-raised.services-icon-right:after, .pager .pager-item > span.btn-raised.services-icon-right:after, .btn-raised.services-icon-right.btn-accent:hover:after, .pager .pager-item > a.btn-raised.services-icon-right:hover:after, .pager .pager-item > span.btn-raised.services-icon-right:hover:after, .btn-raised.services-icon-right.btn-accent:focus:after, .pager .pager-item > a.btn-raised.services-icon-right:focus:after, .pager .pager-item > span.btn-raised.services-icon-right:focus:after, .btn.btn-raised.services-icon-right.btn-accent:after, .pager .pager-item > a.btn-raised.services-icon-right:after, .pager .pager-item > span.btn-raised.services-icon-right:after, .btn.btn-raised.services-icon-right.btn-accent:hover:after, .pager .pager-item > a.btn-raised.services-icon-right:hover:after, .pager .pager-item > span.btn-raised.services-icon-right:hover:after, .btn.btn-raised.services-icon-right.btn-accent:focus:after, .pager .pager-item > a.btn-raised.services-icon-right:focus:after, .pager .pager-item > span.btn-raised.services-icon-right:focus:after {
  background: #FFFFFF; }

.btn.btn-disabled.services-icon-right:after, .pager .pager-item > a.btn-disabled.services-icon-right:after, .pager .pager-item.item-ellipsis > a.services-icon-right:after, .pager .pager-item.item-current > a.services-icon-right:after, .pager .pager-item > span.btn-disabled.services-icon-right:after, .pager .pager-item.item-ellipsis > span.services-icon-right:after, .pager .pager-item.item-current > span.services-icon-right:after, .pager .pager-item.item-first > span.services-icon-right:after, .pager .pager-item.item-previous > span.services-icon-right:after, .pager .pager-item.item-next > span.services-icon-right:after, .pager .pager-item.item-last > span.services-icon-right:after, .btn.btn-disabled.services-icon-right:hover:after, .pager .pager-item > a.btn-disabled.services-icon-right:hover:after, .pager .pager-item.item-ellipsis > a.services-icon-right:hover:after, .pager .pager-item.item-current > a.services-icon-right:hover:after, .pager .pager-item > span.btn-disabled.services-icon-right:hover:after, .pager .pager-item.item-ellipsis > span.services-icon-right:hover:after, .pager .pager-item.item-current > span.services-icon-right:hover:after, .pager .pager-item.item-first > span.services-icon-right:hover:after, .pager .pager-item.item-previous > span.services-icon-right:hover:after, .pager .pager-item.item-next > span.services-icon-right:hover:after, .pager .pager-item.item-last > span.services-icon-right:hover:after, .btn.btn-disabled.services-icon-right:focus:after, .pager .pager-item > a.btn-disabled.services-icon-right:focus:after, .pager .pager-item.item-ellipsis > a.services-icon-right:focus:after, .pager .pager-item.item-current > a.services-icon-right:focus:after, .pager .pager-item > span.btn-disabled.services-icon-right:focus:after, .pager .pager-item.item-ellipsis > span.services-icon-right:focus:after, .pager .pager-item.item-current > span.services-icon-right:focus:after, .pager .pager-item.item-first > span.services-icon-right:focus:after, .pager .pager-item.item-previous > span.services-icon-right:focus:after, .pager .pager-item.item-next > span.services-icon-right:focus:after, .pager .pager-item.item-last > span.services-icon-right:focus:after, .btn.btn-disabled.services-icon-right:active:after, .pager .pager-item > a.btn-disabled.services-icon-right:active:after, .pager .pager-item.item-ellipsis > a.services-icon-right:active:after, .pager .pager-item.item-current > a.services-icon-right:active:after, .pager .pager-item > span.btn-disabled.services-icon-right:active:after, .pager .pager-item.item-ellipsis > span.services-icon-right:active:after, .pager .pager-item.item-current > span.services-icon-right:active:after, .pager .pager-item.item-first > span.services-icon-right:active:after, .pager .pager-item.item-previous > span.services-icon-right:active:after, .pager .pager-item.item-next > span.services-icon-right:active:after, .pager .pager-item.item-last > span.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: rgba(0, 0, 0, 0.87); }

.fab.services-icon-right.fab-accent:after, .fab.services-icon-right.fab-accent:hover:after, .fab.services-icon-right.fab-accent:focus:after {
  background: #FFFFFF; }

.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-delicious:after, .services-icon-right[data-icon="delicious"]:after {
  -webkit-mask-position: -144px -72px;
          mask-position: -144px -72px; }

.services-icon-right.si-delicious-box:after, .services-icon-right[data-icon="delicious-box"]:after {
  -webkit-mask-position: -168px -72px;
          mask-position: -168px -72px; }

.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-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-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-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: -24px 0;
          mask-position: -24px 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-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-box:after, .services-icon-right[data-icon="github-box"]:after {
  -webkit-mask-position: 0 -120px;
          mask-position: 0 -120px; }

.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-plus:after, .services-icon-right[data-icon="google-plus"]:after {
  -webkit-mask-position: -96px 0;
          mask-position: -96px 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-instagram:after, .services-icon-right[data-icon="instagram"]:after {
  -webkit-mask-position: 0 -24px;
          mask-position: 0 -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-lastfm:after, .services-icon-right[data-icon="lastfm"]:after {
  -webkit-mask-position: -144px -96px;
          mask-position: -144px -96px; }

.services-icon-right.si-line:after, .services-icon-right[data-icon="line"]: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-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-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-periscope:after, .services-icon-right[data-icon="periscope"]:after {
  -webkit-mask-position: -120px -48px;
          mask-position: -120px -48px; }

.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: -216px 0;
          mask-position: -216px 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-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-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: -24px -144px;
          mask-position: -24px -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-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-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: 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-box:after, .services-icon-right[data-icon="twitter-box"]:after {
  -webkit-mask-position: -72px 0;
          mask-position: -72px 0; }

.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-vine:after, .services-icon-right[data-icon="vine"]: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: -72px -24px;
          mask-position: -72px -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-wunderlist:after, .services-icon-right[data-icon="wunderlist"]:after {
  -webkit-mask-position: -72px -72px;
          mask-position: -72px -72px; }

.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-youtube:after, .services-icon-right[data-icon="youtube"]:after {
  -webkit-mask-position: -48px -48px;
          mask-position: -48px -48px; }

.theme-dark .services-icons {
  background: #FFFFFF; }

.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: #9acfa0; }

.theme-dark .services-icons.icon-accent {
  background: #B5EA7B; }

.theme-dark .btn .services-icons, .theme-dark .pager .pager-item > a .services-icons, .pager .theme-dark .pager-item > a .services-icons, .theme-dark .pager .pager-item > span .services-icons, .pager .theme-dark .pager-item > span .services-icons, .theme-dark .btn .services-icons:hover, .theme-dark .pager .pager-item > a .services-icons:hover, .pager .theme-dark .pager-item > a .services-icons:hover, .theme-dark .pager .pager-item > span .services-icons:hover, .pager .theme-dark .pager-item > span .services-icons:hover, .theme-dark .btn .services-icons:focus, .theme-dark .pager .pager-item > a .services-icons:focus, .pager .theme-dark .pager-item > a .services-icons:focus, .theme-dark .pager .pager-item > span .services-icons:focus, .pager .theme-dark .pager-item > span .services-icons:focus {
  background: #FFFFFF; }

.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 .pager .pager-item > a.btn-colored .services-icons, .pager .theme-dark .pager-item > a.btn-colored .services-icons, .theme-dark .pager .pager-item > span.btn-colored .services-icons, .pager .theme-dark .pager-item > span.btn-colored .services-icons, .theme-dark .btn.btn-colored:hover .services-icons, .theme-dark .pager .pager-item > a.btn-colored:hover .services-icons, .pager .theme-dark .pager-item > a.btn-colored:hover .services-icons, .theme-dark .pager .pager-item > span.btn-colored:hover .services-icons, .pager .theme-dark .pager-item > span.btn-colored:hover .services-icons, .theme-dark .btn.btn-colored:focus .services-icons, .theme-dark .pager .pager-item > a.btn-colored:focus .services-icons, .pager .theme-dark .pager-item > a.btn-colored:focus .services-icons, .theme-dark .pager .pager-item > span.btn-colored:focus .services-icons, .pager .theme-dark .pager-item > span.btn-colored:focus .services-icons {
  background: #9acfa0; }

.theme-dark .btn-accent .services-icons, .theme-dark .pager .pager-item > a .services-icons, .pager .theme-dark .pager-item > a .services-icons, .theme-dark .pager .pager-item > span .services-icons, .pager .theme-dark .pager-item > span .services-icons, .theme-dark .btn-accent:hover .services-icons, .theme-dark .pager .pager-item > a:hover .services-icons, .pager .theme-dark .pager-item > a:hover .services-icons, .theme-dark .pager .pager-item > span:hover .services-icons, .pager .theme-dark .pager-item > span:hover .services-icons, .theme-dark .btn-accent:focus .services-icons, .theme-dark .pager .pager-item > a:focus .services-icons, .pager .theme-dark .pager-item > a:focus .services-icons, .theme-dark .pager .pager-item > span:focus .services-icons, .pager .theme-dark .pager-item > span:focus .services-icons, .theme-dark .btn.btn-accent .services-icons, .theme-dark .pager .pager-item > a .services-icons, .pager .theme-dark .pager-item > a .services-icons, .theme-dark .pager .pager-item > span .services-icons, .pager .theme-dark .pager-item > span .services-icons, .theme-dark .btn.btn-accent:hover .services-icons, .theme-dark .pager .pager-item > a:hover .services-icons, .pager .theme-dark .pager-item > a:hover .services-icons, .theme-dark .pager .pager-item > span:hover .services-icons, .pager .theme-dark .pager-item > span:hover .services-icons, .theme-dark .btn.btn-accent:focus .services-icons, .theme-dark .pager .pager-item > a:focus .services-icons, .pager .theme-dark .pager-item > a:focus .services-icons, .theme-dark .pager .pager-item > span:focus .services-icons, .pager .theme-dark .pager-item > span:focus .services-icons {
  background: #B5EA7B; }

.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 .pager .pager-item > a.btn-raised.btn-colored .services-icons, .pager .theme-dark .pager-item > a.btn-raised.btn-colored .services-icons, .theme-dark .pager .pager-item > span.btn-raised.btn-colored .services-icons, .pager .theme-dark .pager-item > span.btn-raised.btn-colored .services-icons, .theme-dark .btn.btn-raised.btn-colored:hover .services-icons, .theme-dark .pager .pager-item > a.btn-raised.btn-colored:hover .services-icons, .pager .theme-dark .pager-item > a.btn-raised.btn-colored:hover .services-icons, .theme-dark .pager .pager-item > span.btn-raised.btn-colored:hover .services-icons, .pager .theme-dark .pager-item > span.btn-raised.btn-colored:hover .services-icons, .theme-dark .btn.btn-raised.btn-colored:focus .services-icons, .theme-dark .pager .pager-item > a.btn-raised.btn-colored:focus .services-icons, .pager .theme-dark .pager-item > a.btn-raised.btn-colored:focus .services-icons, .theme-dark .pager .pager-item > span.btn-raised.btn-colored:focus .services-icons, .pager .theme-dark .pager-item > span.btn-raised.btn-colored:focus .services-icons {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn-raised.btn-accent .services-icons, .theme-dark .pager .pager-item > a.btn-raised .services-icons, .pager .theme-dark .pager-item > a.btn-raised .services-icons, .theme-dark .pager .pager-item > span.btn-raised .services-icons, .pager .theme-dark .pager-item > span.btn-raised .services-icons, .theme-dark .btn-raised.btn-accent:hover .services-icons, .theme-dark .pager .pager-item > a.btn-raised:hover .services-icons, .pager .theme-dark .pager-item > a.btn-raised:hover .services-icons, .theme-dark .pager .pager-item > span.btn-raised:hover .services-icons, .pager .theme-dark .pager-item > span.btn-raised:hover .services-icons, .theme-dark .btn-raised.btn-accent:focus .services-icons, .theme-dark .pager .pager-item > a.btn-raised:focus .services-icons, .pager .theme-dark .pager-item > a.btn-raised:focus .services-icons, .theme-dark .pager .pager-item > span.btn-raised:focus .services-icons, .pager .theme-dark .pager-item > span.btn-raised:focus .services-icons, .theme-dark .btn.btn-raised.btn-accent .services-icons, .theme-dark .pager .pager-item > a.btn-raised .services-icons, .pager .theme-dark .pager-item > a.btn-raised .services-icons, .theme-dark .pager .pager-item > span.btn-raised .services-icons, .pager .theme-dark .pager-item > span.btn-raised .services-icons, .theme-dark .btn.btn-raised.btn-accent:hover .services-icons, .theme-dark .pager .pager-item > a.btn-raised:hover .services-icons, .pager .theme-dark .pager-item > a.btn-raised:hover .services-icons, .theme-dark .pager .pager-item > span.btn-raised:hover .services-icons, .pager .theme-dark .pager-item > span.btn-raised:hover .services-icons, .theme-dark .btn.btn-raised.btn-accent:focus .services-icons, .theme-dark .pager .pager-item > a.btn-raised:focus .services-icons, .pager .theme-dark .pager-item > a.btn-raised:focus .services-icons, .theme-dark .pager .pager-item > span.btn-raised:focus .services-icons, .pager .theme-dark .pager-item > span.btn-raised:focus .services-icons {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn.btn-disabled .services-icons, .theme-dark .pager .pager-item > a.btn-disabled .services-icons, .pager .theme-dark .pager-item > a.btn-disabled .services-icons, .theme-dark .pager .pager-item.item-ellipsis > a .services-icons, .pager .theme-dark .pager-item.item-ellipsis > a .services-icons, .theme-dark .pager .pager-item.item-current > a .services-icons, .pager .theme-dark .pager-item.item-current > a .services-icons, .theme-dark .pager .pager-item > span.btn-disabled .services-icons, .pager .theme-dark .pager-item > span.btn-disabled .services-icons, .theme-dark .pager .pager-item.item-ellipsis > span .services-icons, .pager .theme-dark .pager-item.item-ellipsis > span .services-icons, .theme-dark .pager .pager-item.item-current > span .services-icons, .pager .theme-dark .pager-item.item-current > span .services-icons, .theme-dark .pager .pager-item.item-first > span .services-icons, .pager .theme-dark .pager-item.item-first > span .services-icons, .theme-dark .pager .pager-item.item-previous > span .services-icons, .pager .theme-dark .pager-item.item-previous > span .services-icons, .theme-dark .pager .pager-item.item-next > span .services-icons, .pager .theme-dark .pager-item.item-next > span .services-icons, .theme-dark .pager .pager-item.item-last > span .services-icons, .pager .theme-dark .pager-item.item-last > span .services-icons, .theme-dark .btn.btn-disabled:hover .services-icons, .theme-dark .pager .pager-item > a.btn-disabled:hover .services-icons, .pager .theme-dark .pager-item > a.btn-disabled:hover .services-icons, .theme-dark .pager .pager-item.item-ellipsis > a:hover .services-icons, .pager .theme-dark .pager-item.item-ellipsis > a:hover .services-icons, .theme-dark .pager .pager-item.item-current > a:hover .services-icons, .pager .theme-dark .pager-item.item-current > a:hover .services-icons, .theme-dark .pager .pager-item > span.btn-disabled:hover .services-icons, .pager .theme-dark .pager-item > span.btn-disabled:hover .services-icons, .theme-dark .pager .pager-item.item-ellipsis > span:hover .services-icons, .pager .theme-dark .pager-item.item-ellipsis > span:hover .services-icons, .theme-dark .pager .pager-item.item-current > span:hover .services-icons, .pager .theme-dark .pager-item.item-current > span:hover .services-icons, .theme-dark .pager .pager-item.item-first > span:hover .services-icons, .pager .theme-dark .pager-item.item-first > span:hover .services-icons, .theme-dark .pager .pager-item.item-previous > span:hover .services-icons, .pager .theme-dark .pager-item.item-previous > span:hover .services-icons, .theme-dark .pager .pager-item.item-next > span:hover .services-icons, .pager .theme-dark .pager-item.item-next > span:hover .services-icons, .theme-dark .pager .pager-item.item-last > span:hover .services-icons, .pager .theme-dark .pager-item.item-last > span:hover .services-icons, .theme-dark .btn.btn-disabled:focus .services-icons, .theme-dark .pager .pager-item > a.btn-disabled:focus .services-icons, .pager .theme-dark .pager-item > a.btn-disabled:focus .services-icons, .theme-dark .pager .pager-item.item-ellipsis > a:focus .services-icons, .pager .theme-dark .pager-item.item-ellipsis > a:focus .services-icons, .theme-dark .pager .pager-item.item-current > a:focus .services-icons, .pager .theme-dark .pager-item.item-current > a:focus .services-icons, .theme-dark .pager .pager-item > span.btn-disabled:focus .services-icons, .pager .theme-dark .pager-item > span.btn-disabled:focus .services-icons, .theme-dark .pager .pager-item.item-ellipsis > span:focus .services-icons, .pager .theme-dark .pager-item.item-ellipsis > span:focus .services-icons, .theme-dark .pager .pager-item.item-current > span:focus .services-icons, .pager .theme-dark .pager-item.item-current > span:focus .services-icons, .theme-dark .pager .pager-item.item-first > span:focus .services-icons, .pager .theme-dark .pager-item.item-first > span:focus .services-icons, .theme-dark .pager .pager-item.item-previous > span:focus .services-icons, .pager .theme-dark .pager-item.item-previous > span:focus .services-icons, .theme-dark .pager .pager-item.item-next > span:focus .services-icons, .pager .theme-dark .pager-item.item-next > span:focus .services-icons, .theme-dark .pager .pager-item.item-last > span:focus .services-icons, .pager .theme-dark .pager-item.item-last > span:focus .services-icons, .theme-dark .btn.btn-disabled:active .services-icons, .theme-dark .pager .pager-item > a.btn-disabled:active .services-icons, .pager .theme-dark .pager-item > a.btn-disabled:active .services-icons, .theme-dark .pager .pager-item.item-ellipsis > a:active .services-icons, .pager .theme-dark .pager-item.item-ellipsis > a:active .services-icons, .theme-dark .pager .pager-item.item-current > a:active .services-icons, .pager .theme-dark .pager-item.item-current > a:active .services-icons, .theme-dark .pager .pager-item > span.btn-disabled:active .services-icons, .pager .theme-dark .pager-item > span.btn-disabled:active .services-icons, .theme-dark .pager .pager-item.item-ellipsis > span:active .services-icons, .pager .theme-dark .pager-item.item-ellipsis > span:active .services-icons, .theme-dark .pager .pager-item.item-current > span:active .services-icons, .pager .theme-dark .pager-item.item-current > span:active .services-icons, .theme-dark .pager .pager-item.item-first > span:active .services-icons, .pager .theme-dark .pager-item.item-first > span:active .services-icons, .theme-dark .pager .pager-item.item-previous > span:active .services-icons, .pager .theme-dark .pager-item.item-previous > span:active .services-icons, .theme-dark .pager .pager-item.item-next > span:active .services-icons, .pager .theme-dark .pager-item.item-next > span:active .services-icons, .theme-dark .pager .pager-item.item-last > span:active .services-icons, .pager .theme-dark .pager-item.item-last > span: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: #FFFFFF; }

.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: #FFFFFF; }

.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: #9acfa0; }

.theme-dark .services-icon-left.icon-accent:before, .theme-dark .services-icon-right.icon-accent:after {
  background: #B5EA7B; }

.theme-dark a.services-icon-left:not(.btn):before {
  background: #B5EA7B; }

.theme-dark a.services-icon-left:not(.btn):hover:before {
  background: #c4ee95; }

.theme-dark a.services-icon-left:not(.btn):active:before {
  background: #D7F8AA; }

.theme-dark .btn.services-icon-left:before, .theme-dark .pager .pager-item > a.services-icon-left:before, .pager .theme-dark .pager-item > a.services-icon-left:before, .theme-dark .pager .pager-item > span.services-icon-left:before, .pager .theme-dark .pager-item > span.services-icon-left:before, .theme-dark .btn.services-icon-left:hover:before, .theme-dark .pager .pager-item > a.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.services-icon-left:hover:before, .theme-dark .btn.services-icon-left:focus:before, .theme-dark .pager .pager-item > a.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.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: #FFFFFF; }

.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 .pager .pager-item > a.btn-colored.services-icon-left:before, .pager .theme-dark .pager-item > a.btn-colored.services-icon-left:before, .theme-dark .pager .pager-item > span.btn-colored.services-icon-left:before, .pager .theme-dark .pager-item > span.btn-colored.services-icon-left:before, .theme-dark .btn.btn-colored.services-icon-left:hover:before, .theme-dark .pager .pager-item > a.btn-colored.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-colored.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-colored.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-colored.services-icon-left:hover:before, .theme-dark .btn.btn-colored.services-icon-left:focus:before, .theme-dark .pager .pager-item > a.btn-colored.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-colored.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-colored.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-colored.services-icon-left:focus:before {
  background: #9acfa0; }

.theme-dark .btn-accent.services-icon-left:before, .theme-dark .pager .pager-item > a.services-icon-left:before, .pager .theme-dark .pager-item > a.services-icon-left:before, .theme-dark .pager .pager-item > span.services-icon-left:before, .pager .theme-dark .pager-item > span.services-icon-left:before, .theme-dark .btn-accent.services-icon-left:hover:before, .theme-dark .pager .pager-item > a.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.services-icon-left:hover:before, .theme-dark .btn-accent.services-icon-left:focus:before, .theme-dark .pager .pager-item > a.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.services-icon-left:focus:before, .theme-dark .btn.btn-accent.services-icon-left:before, .theme-dark .pager .pager-item > a.services-icon-left:before, .pager .theme-dark .pager-item > a.services-icon-left:before, .theme-dark .pager .pager-item > span.services-icon-left:before, .pager .theme-dark .pager-item > span.services-icon-left:before, .theme-dark .btn.btn-accent.services-icon-left:hover:before, .theme-dark .pager .pager-item > a.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.services-icon-left:hover:before, .theme-dark .btn.btn-accent.services-icon-left:focus:before, .theme-dark .pager .pager-item > a.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.services-icon-left:focus:before {
  background: #B5EA7B; }

.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 .pager .pager-item > a.btn-raised.services-icon-left.btn-colored:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left.btn-colored:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left.btn-colored:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left.btn-colored:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left.btn-colored:hover:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left.btn-colored:hover:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left.btn-colored:hover:before, .theme-dark .btn.btn-raised.services-icon-left.btn-colored:focus:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left.btn-colored:focus:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left.btn-colored:focus:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left.btn-colored:focus:before, .pager .theme-dark .pager-item > span.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 .pager .pager-item > a.btn-raised.services-icon-left:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left:before, .theme-dark .btn-raised.services-icon-left.btn-accent:hover:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left:hover:before, .theme-dark .btn-raised.services-icon-left.btn-accent:focus:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left:focus:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:hover:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left:hover:before, .theme-dark .btn.btn-raised.services-icon-left.btn-accent:focus:before, .theme-dark .pager .pager-item > a.btn-raised.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-raised.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-raised.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-raised.services-icon-left:focus:before {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn.btn-disabled.services-icon-left:before, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-left:before, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-left:before, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-left:before, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-left:before, .theme-dark .pager .pager-item.item-current > a.services-icon-left:before, .pager .theme-dark .pager-item.item-current > a.services-icon-left:before, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-left:before, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-left:before, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-left:before, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-left:before, .theme-dark .pager .pager-item.item-current > span.services-icon-left:before, .pager .theme-dark .pager-item.item-current > span.services-icon-left:before, .theme-dark .pager .pager-item.item-first > span.services-icon-left:before, .pager .theme-dark .pager-item.item-first > span.services-icon-left:before, .theme-dark .pager .pager-item.item-previous > span.services-icon-left:before, .pager .theme-dark .pager-item.item-previous > span.services-icon-left:before, .theme-dark .pager .pager-item.item-next > span.services-icon-left:before, .pager .theme-dark .pager-item.item-next > span.services-icon-left:before, .theme-dark .pager .pager-item.item-last > span.services-icon-left:before, .pager .theme-dark .pager-item.item-last > span.services-icon-left:before, .theme-dark .btn.btn-disabled.services-icon-left:hover:before, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-current > a.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-current > a.services-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-current > span.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-current > span.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-first > span.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-first > span.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-previous > span.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-previous > span.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-next > span.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-next > span.services-icon-left:hover:before, .theme-dark .pager .pager-item.item-last > span.services-icon-left:hover:before, .pager .theme-dark .pager-item.item-last > span.services-icon-left:hover:before, .theme-dark .btn.btn-disabled.services-icon-left:focus:before, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-current > a.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-current > a.services-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-current > span.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-current > span.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-first > span.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-first > span.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-previous > span.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-previous > span.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-next > span.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-next > span.services-icon-left:focus:before, .theme-dark .pager .pager-item.item-last > span.services-icon-left:focus:before, .pager .theme-dark .pager-item.item-last > span.services-icon-left:focus:before, .theme-dark .btn.btn-disabled.services-icon-left:active:before, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-left:active:before, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-left:active:before, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-left:active:before, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-left:active:before, .theme-dark .pager .pager-item.item-current > a.services-icon-left:active:before, .pager .theme-dark .pager-item.item-current > a.services-icon-left:active:before, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-left:active:before, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-left:active:before, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-left:active:before, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-left:active:before, .theme-dark .pager .pager-item.item-current > span.services-icon-left:active:before, .pager .theme-dark .pager-item.item-current > span.services-icon-left:active:before, .theme-dark .pager .pager-item.item-first > span.services-icon-left:active:before, .pager .theme-dark .pager-item.item-first > span.services-icon-left:active:before, .theme-dark .pager .pager-item.item-previous > span.services-icon-left:active:before, .pager .theme-dark .pager-item.item-previous > span.services-icon-left:active:before, .theme-dark .pager .pager-item.item-next > span.services-icon-left:active:before, .pager .theme-dark .pager-item.item-next > span.services-icon-left:active:before, .theme-dark .pager .pager-item.item-last > span.services-icon-left:active:before, .pager .theme-dark .pager-item.item-last > span.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: #FFFFFF; }

.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: #B5EA7B; }

.theme-dark a.services-icon-right:not(.btn):hover:after {
  background: #c4ee95; }

.theme-dark a.services-icon-right:not(.btn):active:after {
  background: #D7F8AA; }

.theme-dark .btn.services-icon-right:after, .theme-dark .pager .pager-item > a.services-icon-right:after, .pager .theme-dark .pager-item > a.services-icon-right:after, .theme-dark .pager .pager-item > span.services-icon-right:after, .pager .theme-dark .pager-item > span.services-icon-right:after, .theme-dark .btn.services-icon-right:hover:after, .theme-dark .pager .pager-item > a.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.services-icon-right:hover:after, .theme-dark .btn.services-icon-right:focus:after, .theme-dark .pager .pager-item > a.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.services-icon-right:focus:after {
  background: #FFFFFF; }

.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 .pager .pager-item > a.btn-colored.services-icon-right:after, .pager .theme-dark .pager-item > a.btn-colored.services-icon-right:after, .theme-dark .pager .pager-item > span.btn-colored.services-icon-right:after, .pager .theme-dark .pager-item > span.btn-colored.services-icon-right:after, .theme-dark .btn.btn-colored.services-icon-right:hover:after, .theme-dark .pager .pager-item > a.btn-colored.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-colored.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-colored.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-colored.services-icon-right:hover:after, .theme-dark .btn.btn-colored.services-icon-right:focus:after, .theme-dark .pager .pager-item > a.btn-colored.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-colored.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-colored.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-colored.services-icon-right:focus:after {
  background: #9acfa0; }

.theme-dark .btn-accent.services-icon-right:after, .theme-dark .pager .pager-item > a.services-icon-right:after, .pager .theme-dark .pager-item > a.services-icon-right:after, .theme-dark .pager .pager-item > span.services-icon-right:after, .pager .theme-dark .pager-item > span.services-icon-right:after, .theme-dark .btn-accent.services-icon-right:hover:after, .theme-dark .pager .pager-item > a.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.services-icon-right:hover:after, .theme-dark .btn-accent.services-icon-right:focus:after, .theme-dark .pager .pager-item > a.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.services-icon-right:focus:after, .theme-dark .btn.btn-accent.services-icon-right:after, .theme-dark .pager .pager-item > a.services-icon-right:after, .pager .theme-dark .pager-item > a.services-icon-right:after, .theme-dark .pager .pager-item > span.services-icon-right:after, .pager .theme-dark .pager-item > span.services-icon-right:after, .theme-dark .btn.btn-accent.services-icon-right:hover:after, .theme-dark .pager .pager-item > a.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.services-icon-right:hover:after, .theme-dark .btn.btn-accent.services-icon-right:focus:after, .theme-dark .pager .pager-item > a.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.services-icon-right:focus:after {
  background: #B5EA7B; }

.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 .pager .pager-item > a.btn-raised.services-icon-right.btn-colored:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right.btn-colored:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right.btn-colored:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right.btn-colored:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right.btn-colored:hover:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right.btn-colored:hover:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right.btn-colored:hover:after, .theme-dark .btn.btn-raised.services-icon-right.btn-colored:focus:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right.btn-colored:focus:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right.btn-colored:focus:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right.btn-colored:focus:after, .pager .theme-dark .pager-item > span.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 .pager .pager-item > a.btn-raised.services-icon-right:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right:after, .theme-dark .btn-raised.services-icon-right.btn-accent:hover:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right:hover:after, .theme-dark .btn-raised.services-icon-right.btn-accent:focus:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right:focus:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:hover:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right:hover:after, .theme-dark .btn.btn-raised.services-icon-right.btn-accent:focus:after, .theme-dark .pager .pager-item > a.btn-raised.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-raised.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-raised.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-raised.services-icon-right:focus:after {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn.btn-disabled.services-icon-right:after, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-right:after, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-right:after, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-right:after, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-right:after, .theme-dark .pager .pager-item.item-current > a.services-icon-right:after, .pager .theme-dark .pager-item.item-current > a.services-icon-right:after, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-right:after, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-right:after, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-right:after, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-right:after, .theme-dark .pager .pager-item.item-current > span.services-icon-right:after, .pager .theme-dark .pager-item.item-current > span.services-icon-right:after, .theme-dark .pager .pager-item.item-first > span.services-icon-right:after, .pager .theme-dark .pager-item.item-first > span.services-icon-right:after, .theme-dark .pager .pager-item.item-previous > span.services-icon-right:after, .pager .theme-dark .pager-item.item-previous > span.services-icon-right:after, .theme-dark .pager .pager-item.item-next > span.services-icon-right:after, .pager .theme-dark .pager-item.item-next > span.services-icon-right:after, .theme-dark .pager .pager-item.item-last > span.services-icon-right:after, .pager .theme-dark .pager-item.item-last > span.services-icon-right:after, .theme-dark .btn.btn-disabled.services-icon-right:hover:after, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-current > a.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-current > a.services-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-current > span.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-current > span.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-first > span.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-first > span.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-previous > span.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-previous > span.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-next > span.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-next > span.services-icon-right:hover:after, .theme-dark .pager .pager-item.item-last > span.services-icon-right:hover:after, .pager .theme-dark .pager-item.item-last > span.services-icon-right:hover:after, .theme-dark .btn.btn-disabled.services-icon-right:focus:after, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-current > a.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-current > a.services-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-current > span.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-current > span.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-first > span.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-first > span.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-previous > span.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-previous > span.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-next > span.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-next > span.services-icon-right:focus:after, .theme-dark .pager .pager-item.item-last > span.services-icon-right:focus:after, .pager .theme-dark .pager-item.item-last > span.services-icon-right:focus:after, .theme-dark .btn.btn-disabled.services-icon-right:active:after, .theme-dark .pager .pager-item > a.btn-disabled.services-icon-right:active:after, .pager .theme-dark .pager-item > a.btn-disabled.services-icon-right:active:after, .theme-dark .pager .pager-item.item-ellipsis > a.services-icon-right:active:after, .pager .theme-dark .pager-item.item-ellipsis > a.services-icon-right:active:after, .theme-dark .pager .pager-item.item-current > a.services-icon-right:active:after, .pager .theme-dark .pager-item.item-current > a.services-icon-right:active:after, .theme-dark .pager .pager-item > span.btn-disabled.services-icon-right:active:after, .pager .theme-dark .pager-item > span.btn-disabled.services-icon-right:active:after, .theme-dark .pager .pager-item.item-ellipsis > span.services-icon-right:active:after, .pager .theme-dark .pager-item.item-ellipsis > span.services-icon-right:active:after, .theme-dark .pager .pager-item.item-current > span.services-icon-right:active:after, .pager .theme-dark .pager-item.item-current > span.services-icon-right:active:after, .theme-dark .pager .pager-item.item-first > span.services-icon-right:active:after, .pager .theme-dark .pager-item.item-first > span.services-icon-right:active:after, .theme-dark .pager .pager-item.item-previous > span.services-icon-right:active:after, .pager .theme-dark .pager-item.item-previous > span.services-icon-right:active:after, .theme-dark .pager .pager-item.item-next > span.services-icon-right:active:after, .pager .theme-dark .pager-item.item-next > span.services-icon-right:active:after, .theme-dark .pager .pager-item.item-last > span.services-icon-right:active:after, .pager .theme-dark .pager-item.item-last > span.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: #FFFFFF; }

.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); }

.filetypes-icons {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/filetypes-icons.svg) no-repeat;
  opacity: .87; }

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

.filetypes-icons.icon-disabled {
  opacity: .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: #FFFFFF !important; }

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

.filetypes-icons.icon-primary {
  background: #66b76f; }

.filetypes-icons.icon-accent {
  background: #338daa; }

.btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .btn .filetypes-icons:hover, .pager .pager-item > a .filetypes-icons:hover, .pager .pager-item > span .filetypes-icons:hover, .btn .filetypes-icons:focus, .pager .pager-item > a .filetypes-icons:focus, .pager .pager-item > span .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, .pager .pager-item > a.btn-colored .filetypes-icons, .pager .pager-item > span.btn-colored .filetypes-icons, .btn.btn-colored:hover .filetypes-icons, .pager .pager-item > a.btn-colored:hover .filetypes-icons, .pager .pager-item > span.btn-colored:hover .filetypes-icons, .btn.btn-colored:focus .filetypes-icons, .pager .pager-item > a.btn-colored:focus .filetypes-icons, .pager .pager-item > span.btn-colored:focus .filetypes-icons {
  background: #4A9D5B; }

.btn-accent .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .btn-accent:hover .filetypes-icons, .pager .pager-item > a:hover .filetypes-icons, .pager .pager-item > span:hover .filetypes-icons, .btn-accent:focus .filetypes-icons, .pager .pager-item > a:focus .filetypes-icons, .pager .pager-item > span:focus .filetypes-icons, .btn.btn-accent .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .btn.btn-accent:hover .filetypes-icons, .pager .pager-item > a:hover .filetypes-icons, .pager .pager-item > span:hover .filetypes-icons, .btn.btn-accent:focus .filetypes-icons, .pager .pager-item > a:focus .filetypes-icons, .pager .pager-item > span:focus .filetypes-icons {
  background: #338daa; }

.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, .pager .pager-item > a.btn-raised.btn-colored .filetypes-icons, .pager .pager-item > span.btn-raised.btn-colored .filetypes-icons, .btn.btn-raised.btn-colored:hover .filetypes-icons, .pager .pager-item > a.btn-raised.btn-colored:hover .filetypes-icons, .pager .pager-item > span.btn-raised.btn-colored:hover .filetypes-icons, .btn.btn-raised.btn-colored:focus .filetypes-icons, .pager .pager-item > a.btn-raised.btn-colored:focus .filetypes-icons, .pager .pager-item > span.btn-raised.btn-colored:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87); }

.btn-raised.btn-accent .filetypes-icons, .pager .pager-item > a.btn-raised .filetypes-icons, .pager .pager-item > span.btn-raised .filetypes-icons, .btn-raised.btn-accent:hover .filetypes-icons, .pager .pager-item > a.btn-raised:hover .filetypes-icons, .pager .pager-item > span.btn-raised:hover .filetypes-icons, .btn-raised.btn-accent:focus .filetypes-icons, .pager .pager-item > a.btn-raised:focus .filetypes-icons, .pager .pager-item > span.btn-raised:focus .filetypes-icons, .btn.btn-raised.btn-accent .filetypes-icons, .pager .pager-item > a.btn-raised .filetypes-icons, .pager .pager-item > span.btn-raised .filetypes-icons, .btn.btn-raised.btn-accent:hover .filetypes-icons, .pager .pager-item > a.btn-raised:hover .filetypes-icons, .pager .pager-item > span.btn-raised:hover .filetypes-icons, .btn.btn-raised.btn-accent:focus .filetypes-icons, .pager .pager-item > a.btn-raised:focus .filetypes-icons, .pager .pager-item > span.btn-raised:focus .filetypes-icons {
  background: #FFFFFF; }

.btn.btn-disabled .filetypes-icons, .pager .pager-item > a.btn-disabled .filetypes-icons, .pager .pager-item.item-ellipsis > a .filetypes-icons, .pager .pager-item.item-current > a .filetypes-icons, .pager .pager-item > span.btn-disabled .filetypes-icons, .pager .pager-item.item-ellipsis > span .filetypes-icons, .pager .pager-item.item-current > span .filetypes-icons, .pager .pager-item.item-first > span .filetypes-icons, .pager .pager-item.item-previous > span .filetypes-icons, .pager .pager-item.item-next > span .filetypes-icons, .pager .pager-item.item-last > span .filetypes-icons, .btn.btn-disabled:hover .filetypes-icons, .pager .pager-item > a.btn-disabled:hover .filetypes-icons, .pager .pager-item.item-ellipsis > a:hover .filetypes-icons, .pager .pager-item.item-current > a:hover .filetypes-icons, .pager .pager-item > span.btn-disabled:hover .filetypes-icons, .pager .pager-item.item-ellipsis > span:hover .filetypes-icons, .pager .pager-item.item-current > span:hover .filetypes-icons, .pager .pager-item.item-first > span:hover .filetypes-icons, .pager .pager-item.item-previous > span:hover .filetypes-icons, .pager .pager-item.item-next > span:hover .filetypes-icons, .pager .pager-item.item-last > span:hover .filetypes-icons, .btn.btn-disabled:focus .filetypes-icons, .pager .pager-item > a.btn-disabled:focus .filetypes-icons, .pager .pager-item.item-ellipsis > a:focus .filetypes-icons, .pager .pager-item.item-current > a:focus .filetypes-icons, .pager .pager-item > span.btn-disabled:focus .filetypes-icons, .pager .pager-item.item-ellipsis > span:focus .filetypes-icons, .pager .pager-item.item-current > span:focus .filetypes-icons, .pager .pager-item.item-first > span:focus .filetypes-icons, .pager .pager-item.item-previous > span:focus .filetypes-icons, .pager .pager-item.item-next > span:focus .filetypes-icons, .pager .pager-item.item-last > span:focus .filetypes-icons, .btn.btn-disabled:active .filetypes-icons, .pager .pager-item > a.btn-disabled:active .filetypes-icons, .pager .pager-item.item-ellipsis > a:active .filetypes-icons, .pager .pager-item.item-current > a:active .filetypes-icons, .pager .pager-item > span.btn-disabled:active .filetypes-icons, .pager .pager-item.item-ellipsis > span:active .filetypes-icons, .pager .pager-item.item-current > span:active .filetypes-icons, .pager .pager-item.item-first > span:active .filetypes-icons, .pager .pager-item.item-previous > span:active .filetypes-icons, .pager .pager-item.item-next > span:active .filetypes-icons, .pager .pager-item.item-last > span: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: rgba(0, 0, 0, 0.87); }

.fab.fab-accent .filetypes-icons, .fab.fab-accent:hover .filetypes-icons, .fab.fab-accent:focus .filetypes-icons {
  background: #FFFFFF; }

.filetypes-icons.icon-dark,
.filetypes-icons.icon-light,
.filetypes-icons.icon-primary,
.filetypes-icons.icon-accent, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons, .fab .filetypes-icons,
.theme-dark .filetypes-icons {
  opacity: 1;
  -webkit-mask: url(../img/filetypes-icons.svg) no-repeat;
          mask: url(../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,
  .pager .pager-item > a .filetypes-icons.fi-doc,
  .pager .pager-item > span .filetypes-icons.fi-doc,
  .btn .filetypes-icons[data-icon="doc"],
  .pager .pager-item > a .filetypes-icons[data-icon="doc"],
  .pager .pager-item > span .filetypes-icons[data-icon="doc"],
  .btn .filetypes-icons.fi-txt,
  .pager .pager-item > a .filetypes-icons.fi-txt,
  .pager .pager-item > span .filetypes-icons.fi-txt,
  .btn .filetypes-icons[data-icon="txt"],
  .pager .pager-item > a .filetypes-icons[data-icon="txt"],
  .pager .pager-item > span .filetypes-icons[data-icon="txt"],
  .btn .filetypes-icons.fi-docx,
  .pager .pager-item > a .filetypes-icons.fi-docx,
  .pager .pager-item > span .filetypes-icons.fi-docx,
  .btn .filetypes-icons[data-icon="docx"],
  .pager .pager-item > a .filetypes-icons[data-icon="docx"],
  .pager .pager-item > span .filetypes-icons[data-icon="docx"],
  .btn .filetypes-icons.fi-rtf,
  .pager .pager-item > a .filetypes-icons.fi-rtf,
  .pager .pager-item > span .filetypes-icons.fi-rtf,
  .btn .filetypes-icons[data-icon="rtf"],
  .pager .pager-item > a .filetypes-icons[data-icon="rtf"],
  .pager .pager-item > span .filetypes-icons[data-icon="rtf"],
  .btn .filetypes-icons.fi-odt,
  .pager .pager-item > a .filetypes-icons.fi-odt,
  .pager .pager-item > span .filetypes-icons.fi-odt,
  .btn .filetypes-icons[data-icon="odt"],
  .pager .pager-item > a .filetypes-icons[data-icon="odt"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-sheet,
  .pager .pager-item > span .filetypes-icons.fi-sheet,
  .btn .filetypes-icons[data-icon="sheet"],
  .pager .pager-item > a .filetypes-icons[data-icon="sheet"],
  .pager .pager-item > span .filetypes-icons[data-icon="sheet"],
  .btn .filetypes-icons.fi-xls,
  .pager .pager-item > a .filetypes-icons.fi-xls,
  .pager .pager-item > span .filetypes-icons.fi-xls,
  .btn .filetypes-icons[data-icon="xls"],
  .pager .pager-item > a .filetypes-icons[data-icon="xls"],
  .pager .pager-item > span .filetypes-icons[data-icon="xls"],
  .btn .filetypes-icons.fi-xlsx,
  .pager .pager-item > a .filetypes-icons.fi-xlsx,
  .pager .pager-item > span .filetypes-icons.fi-xlsx,
  .btn .filetypes-icons[data-icon="xlsx"],
  .pager .pager-item > a .filetypes-icons[data-icon="xlsx"],
  .pager .pager-item > span .filetypes-icons[data-icon="xlsx"],
  .btn .filetypes-icons.fi-csv,
  .pager .pager-item > a .filetypes-icons.fi-csv,
  .pager .pager-item > span .filetypes-icons.fi-csv,
  .btn .filetypes-icons[data-icon="csv"],
  .pager .pager-item > a .filetypes-icons[data-icon="csv"],
  .pager .pager-item > span .filetypes-icons[data-icon="csv"],
  .btn .filetypes-icons.fi-ods,
  .pager .pager-item > a .filetypes-icons.fi-ods,
  .pager .pager-item > span .filetypes-icons.fi-ods,
  .btn .filetypes-icons[data-icon="ods"],
  .pager .pager-item > a .filetypes-icons[data-icon="ods"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-ppt,
  .pager .pager-item > span .filetypes-icons.fi-ppt,
  .btn .filetypes-icons[data-icon="presentation"],
  .pager .pager-item > a .filetypes-icons[data-icon="presentation"],
  .pager .pager-item > span .filetypes-icons[data-icon="presentation"],
  .btn .filetypes-icons.fi-ppt,
  .pager .pager-item > a .filetypes-icons.fi-ppt,
  .pager .pager-item > span .filetypes-icons.fi-ppt,
  .btn .filetypes-icons[data-icon="ppt"],
  .pager .pager-item > a .filetypes-icons[data-icon="ppt"],
  .pager .pager-item > span .filetypes-icons[data-icon="ppt"],
  .btn .filetypes-icons.fi-pptx,
  .pager .pager-item > a .filetypes-icons.fi-pptx,
  .pager .pager-item > span .filetypes-icons.fi-pptx,
  .btn .filetypes-icons[data-icon="pptx"],
  .pager .pager-item > a .filetypes-icons[data-icon="pptx"],
  .pager .pager-item > span .filetypes-icons[data-icon="pptx"],
  .btn .filetypes-icons.fi-key,
  .pager .pager-item > a .filetypes-icons.fi-key,
  .pager .pager-item > span .filetypes-icons.fi-key,
  .btn .filetypes-icons[data-icon="key"],
  .pager .pager-item > a .filetypes-icons[data-icon="key"],
  .pager .pager-item > span .filetypes-icons[data-icon="key"],
  .btn .filetypes-icons.fi-odp,
  .pager .pager-item > a .filetypes-icons.fi-odp,
  .pager .pager-item > span .filetypes-icons.fi-odp,
  .btn .filetypes-icons[data-icon="odp"],
  .pager .pager-item > a .filetypes-icons[data-icon="odp"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-pdf,
  .pager .pager-item > span .filetypes-icons.fi-pdf,
  .btn .filetypes-icons[data-icon="pdf"],
  .pager .pager-item > a .filetypes-icons[data-icon="pdf"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-image,
  .pager .pager-item > span .filetypes-icons.fi-image,
  .btn .filetypes-icons[data-icon="image"],
  .pager .pager-item > a .filetypes-icons[data-icon="image"],
  .pager .pager-item > span .filetypes-icons[data-icon="image"],
  .btn .filetypes-icons.fi-jpg,
  .pager .pager-item > a .filetypes-icons.fi-jpg,
  .pager .pager-item > span .filetypes-icons.fi-jpg,
  .btn .filetypes-icons[data-icon="jpg"],
  .pager .pager-item > a .filetypes-icons[data-icon="jpg"],
  .pager .pager-item > span .filetypes-icons[data-icon="jpg"],
  .btn .filetypes-icons.fi-jpeg,
  .pager .pager-item > a .filetypes-icons.fi-jpeg,
  .pager .pager-item > span .filetypes-icons.fi-jpeg,
  .btn .filetypes-icons[data-icon="jpeg"],
  .pager .pager-item > a .filetypes-icons[data-icon="jpeg"],
  .pager .pager-item > span .filetypes-icons[data-icon="jpeg"],
  .btn .filetypes-icons.fi-png,
  .pager .pager-item > a .filetypes-icons.fi-png,
  .pager .pager-item > span .filetypes-icons.fi-png,
  .btn .filetypes-icons[data-icon="png"],
  .pager .pager-item > a .filetypes-icons[data-icon="png"],
  .pager .pager-item > span .filetypes-icons[data-icon="png"],
  .btn .filetypes-icons.fi-gif,
  .pager .pager-item > a .filetypes-icons.fi-gif,
  .pager .pager-item > span .filetypes-icons.fi-gif,
  .btn .filetypes-icons[data-icon="gif"],
  .pager .pager-item > a .filetypes-icons[data-icon="gif"],
  .pager .pager-item > span .filetypes-icons[data-icon="gif"],
  .btn .filetypes-icons.fi-psd,
  .pager .pager-item > a .filetypes-icons.fi-psd,
  .pager .pager-item > span .filetypes-icons.fi-psd,
  .btn .filetypes-icons[data-icon="psd"],
  .pager .pager-item > a .filetypes-icons[data-icon="psd"],
  .pager .pager-item > span .filetypes-icons[data-icon="psd"],
  .btn .filetypes-icons.fi-svg,
  .pager .pager-item > a .filetypes-icons.fi-svg,
  .pager .pager-item > span .filetypes-icons.fi-svg,
  .btn .filetypes-icons[data-icon="svg"],
  .pager .pager-item > a .filetypes-icons[data-icon="svg"],
  .pager .pager-item > span .filetypes-icons[data-icon="svg"],
  .btn .filetypes-icons.fi-ai,
  .pager .pager-item > a .filetypes-icons.fi-ai,
  .pager .pager-item > span .filetypes-icons.fi-ai,
  .btn .filetypes-icons[data-icon="ai"],
  .pager .pager-item > a .filetypes-icons[data-icon="ai"],
  .pager .pager-item > span .filetypes-icons[data-icon="ai"],
  .btn .filetypes-icons.fi-eps,
  .pager .pager-item > a .filetypes-icons.fi-eps,
  .pager .pager-item > span .filetypes-icons.fi-eps,
  .btn .filetypes-icons[data-icon="eps"],
  .pager .pager-item > a .filetypes-icons[data-icon="eps"],
  .pager .pager-item > span .filetypes-icons[data-icon="eps"],
  .btn .filetypes-icons.fi-cdr,
  .pager .pager-item > a .filetypes-icons.fi-cdr,
  .pager .pager-item > span .filetypes-icons.fi-cdr,
  .btn .filetypes-icons[data-icon="cdr"],
  .pager .pager-item > a .filetypes-icons[data-icon="cdr"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-video,
  .pager .pager-item > span .filetypes-icons.fi-video,
  .btn .filetypes-icons[data-icon="video"],
  .pager .pager-item > a .filetypes-icons[data-icon="video"],
  .pager .pager-item > span .filetypes-icons[data-icon="video"],
  .btn .filetypes-icons.fi-avi,
  .pager .pager-item > a .filetypes-icons.fi-avi,
  .pager .pager-item > span .filetypes-icons.fi-avi,
  .btn .filetypes-icons[data-icon="avi"],
  .pager .pager-item > a .filetypes-icons[data-icon="avi"],
  .pager .pager-item > span .filetypes-icons[data-icon="avi"],
  .btn .filetypes-icons.fi-mpg,
  .pager .pager-item > a .filetypes-icons.fi-mpg,
  .pager .pager-item > span .filetypes-icons.fi-mpg,
  .btn .filetypes-icons[data-icon="mpg"],
  .pager .pager-item > a .filetypes-icons[data-icon="mpg"],
  .pager .pager-item > span .filetypes-icons[data-icon="mpg"],
  .btn .filetypes-icons.fi-mpeg,
  .pager .pager-item > a .filetypes-icons.fi-mpeg,
  .pager .pager-item > span .filetypes-icons.fi-mpeg,
  .btn .filetypes-icons[data-icon="mpeg"],
  .pager .pager-item > a .filetypes-icons[data-icon="mpeg"],
  .pager .pager-item > span .filetypes-icons[data-icon="mpeg"],
  .btn .filetypes-icons.fi-mp4,
  .pager .pager-item > a .filetypes-icons.fi-mp4,
  .pager .pager-item > span .filetypes-icons.fi-mp4,
  .btn .filetypes-icons[data-icon="mp4"],
  .pager .pager-item > a .filetypes-icons[data-icon="mp4"],
  .pager .pager-item > span .filetypes-icons[data-icon="mp4"],
  .btn .filetypes-icons.fi-mov,
  .pager .pager-item > a .filetypes-icons.fi-mov,
  .pager .pager-item > span .filetypes-icons.fi-mov,
  .btn .filetypes-icons[data-icon="mov"],
  .pager .pager-item > a .filetypes-icons[data-icon="mov"],
  .pager .pager-item > span .filetypes-icons[data-icon="mov"],
  .btn .filetypes-icons.fi-flv,
  .pager .pager-item > a .filetypes-icons.fi-flv,
  .pager .pager-item > span .filetypes-icons.fi-flv,
  .btn .filetypes-icons[data-icon="flv"],
  .pager .pager-item > a .filetypes-icons[data-icon="flv"],
  .pager .pager-item > span .filetypes-icons[data-icon="flv"],
  .btn .filetypes-icons.fi-mkv,
  .pager .pager-item > a .filetypes-icons.fi-mkv,
  .pager .pager-item > span .filetypes-icons.fi-mkv,
  .btn .filetypes-icons[data-icon="mkv"],
  .pager .pager-item > a .filetypes-icons[data-icon="mkv"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-audio,
  .pager .pager-item > span .filetypes-icons.fi-audio,
  .btn .filetypes-icons[data-icon="audio"],
  .pager .pager-item > a .filetypes-icons[data-icon="audio"],
  .pager .pager-item > span .filetypes-icons[data-icon="audio"],
  .btn .filetypes-icons.fi-mp3,
  .pager .pager-item > a .filetypes-icons.fi-mp3,
  .pager .pager-item > span .filetypes-icons.fi-mp3,
  .btn .filetypes-icons[data-icon="mp3"],
  .pager .pager-item > a .filetypes-icons[data-icon="mp3"],
  .pager .pager-item > span .filetypes-icons[data-icon="mp3"],
  .btn .filetypes-icons.fi-flac,
  .pager .pager-item > a .filetypes-icons.fi-flac,
  .pager .pager-item > span .filetypes-icons.fi-flac,
  .btn .filetypes-icons[data-icon="flac"],
  .pager .pager-item > a .filetypes-icons[data-icon="flac"],
  .pager .pager-item > span .filetypes-icons[data-icon="flac"],
  .btn .filetypes-icons.fi-ogg,
  .pager .pager-item > a .filetypes-icons.fi-ogg,
  .pager .pager-item > span .filetypes-icons.fi-ogg,
  .btn .filetypes-icons[data-icon="ogg"],
  .pager .pager-item > a .filetypes-icons[data-icon="ogg"],
  .pager .pager-item > span .filetypes-icons[data-icon="ogg"],
  .btn .filetypes-icons.fi-wav,
  .pager .pager-item > a .filetypes-icons.fi-wav,
  .pager .pager-item > span .filetypes-icons.fi-wav,
  .btn .filetypes-icons[data-icon="wav"],
  .pager .pager-item > a .filetypes-icons[data-icon="wav"],
  .pager .pager-item > span .filetypes-icons[data-icon="wav"],
  .btn .filetypes-icons.fi-ape,
  .pager .pager-item > a .filetypes-icons.fi-ape,
  .pager .pager-item > span .filetypes-icons.fi-ape,
  .btn .filetypes-icons[data-icon="ape"],
  .pager .pager-item > a .filetypes-icons[data-icon="ape"],
  .pager .pager-item > span .filetypes-icons[data-icon="ape"],
  .btn .filetypes-icons.fi-m4a,
  .pager .pager-item > a .filetypes-icons.fi-m4a,
  .pager .pager-item > span .filetypes-icons.fi-m4a,
  .btn .filetypes-icons[data-icon="m4a"],
  .pager .pager-item > a .filetypes-icons[data-icon="m4a"],
  .pager .pager-item > span .filetypes-icons[data-icon="m4a"],
  .btn .filetypes-icons.fi-aac,
  .pager .pager-item > a .filetypes-icons.fi-aac,
  .pager .pager-item > span .filetypes-icons.fi-aac,
  .btn .filetypes-icons[data-icon="aac"],
  .pager .pager-item > a .filetypes-icons[data-icon="aac"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-archive,
  .pager .pager-item > span .filetypes-icons.fi-archive,
  .btn .filetypes-icons[data-icon="archive"],
  .pager .pager-item > a .filetypes-icons[data-icon="archive"],
  .pager .pager-item > span .filetypes-icons[data-icon="archive"],
  .btn .filetypes-icons.fi-zip,
  .pager .pager-item > a .filetypes-icons.fi-zip,
  .pager .pager-item > span .filetypes-icons.fi-zip,
  .btn .filetypes-icons[data-icon="zip"],
  .pager .pager-item > a .filetypes-icons[data-icon="zip"],
  .pager .pager-item > span .filetypes-icons[data-icon="zip"],
  .btn .filetypes-icons.fi-rar,
  .pager .pager-item > a .filetypes-icons.fi-rar,
  .pager .pager-item > span .filetypes-icons.fi-rar,
  .btn .filetypes-icons[data-icon="rar"],
  .pager .pager-item > a .filetypes-icons[data-icon="rar"],
  .pager .pager-item > span .filetypes-icons[data-icon="rar"],
  .btn .filetypes-icons.fi-gz,
  .pager .pager-item > a .filetypes-icons.fi-gz,
  .pager .pager-item > span .filetypes-icons.fi-gz,
  .btn .filetypes-icons[data-icon="gz"],
  .pager .pager-item > a .filetypes-icons[data-icon="gz"],
  .pager .pager-item > span .filetypes-icons[data-icon="gz"],
  .btn .filetypes-icons.fi-7z,
  .pager .pager-item > a .filetypes-icons.fi-7z,
  .pager .pager-item > span .filetypes-icons.fi-7z,
  .btn .filetypes-icons[data-icon="7z"],
  .pager .pager-item > a .filetypes-icons[data-icon="7z"],
  .pager .pager-item > span .filetypes-icons[data-icon="7z"],
  .btn .filetypes-icons.fi-jar,
  .pager .pager-item > a .filetypes-icons.fi-jar,
  .pager .pager-item > span .filetypes-icons.fi-jar,
  .btn .filetypes-icons[data-icon="jar"],
  .pager .pager-item > a .filetypes-icons[data-icon="jar"],
  .pager .pager-item > span .filetypes-icons[data-icon="jar"],
  .btn .filetypes-icons.fi-app,
  .pager .pager-item > a .filetypes-icons.fi-app,
  .pager .pager-item > span .filetypes-icons.fi-app,
  .btn .filetypes-icons[data-icon="app"],
  .pager .pager-item > a .filetypes-icons[data-icon="app"],
  .pager .pager-item > span .filetypes-icons[data-icon="app"],
  .btn .filetypes-icons.fi-exe,
  .pager .pager-item > a .filetypes-icons.fi-exe,
  .pager .pager-item > span .filetypes-icons.fi-exe,
  .btn .filetypes-icons[data-icon="exe"],
  .pager .pager-item > a .filetypes-icons[data-icon="exe"],
  .pager .pager-item > span .filetypes-icons[data-icon="exe"],
  .btn .filetypes-icons.fi-apk,
  .pager .pager-item > a .filetypes-icons.fi-apk,
  .pager .pager-item > span .filetypes-icons.fi-apk,
  .btn .filetypes-icons[data-icon="apk"],
  .pager .pager-item > a .filetypes-icons[data-icon="apk"],
  .pager .pager-item > span .filetypes-icons[data-icon="apk"],
  .btn .filetypes-icons.fi-deb,
  .pager .pager-item > a .filetypes-icons.fi-deb,
  .pager .pager-item > span .filetypes-icons.fi-deb,
  .btn .filetypes-icons[data-icon="deb"],
  .pager .pager-item > a .filetypes-icons[data-icon="deb"],
  .pager .pager-item > span .filetypes-icons[data-icon="deb"],
  .btn .filetypes-icons.fi-msi,
  .pager .pager-item > a .filetypes-icons.fi-msi,
  .pager .pager-item > span .filetypes-icons.fi-msi,
  .btn .filetypes-icons[data-icon="msi"],
  .pager .pager-item > a .filetypes-icons[data-icon="msi"],
  .pager .pager-item > span .filetypes-icons[data-icon="msi"],
  .btn .filetypes-icons.fi-rpm,
  .pager .pager-item > a .filetypes-icons.fi-rpm,
  .pager .pager-item > span .filetypes-icons.fi-rpm,
  .btn .filetypes-icons[data-icon="rpm"],
  .pager .pager-item > a .filetypes-icons[data-icon="rpm"],
  .pager .pager-item > span .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,
  .pager .pager-item > a .filetypes-icons.fi-code,
  .pager .pager-item > span .filetypes-icons.fi-code,
  .btn .filetypes-icons[data-icon="code"],
  .pager .pager-item > a .filetypes-icons[data-icon="code"],
  .pager .pager-item > span .filetypes-icons[data-icon="code"],
  .btn .filetypes-icons.fi-php,
  .pager .pager-item > a .filetypes-icons.fi-php,
  .pager .pager-item > span .filetypes-icons.fi-php,
  .btn .filetypes-icons[data-icon="php"],
  .pager .pager-item > a .filetypes-icons[data-icon="php"],
  .pager .pager-item > span .filetypes-icons[data-icon="php"],
  .btn .filetypes-icons.fi-module,
  .pager .pager-item > a .filetypes-icons.fi-module,
  .pager .pager-item > span .filetypes-icons.fi-module,
  .btn .filetypes-icons[data-icon="module"],
  .pager .pager-item > a .filetypes-icons[data-icon="module"],
  .pager .pager-item > span .filetypes-icons[data-icon="module"],
  .btn .filetypes-icons.fi-inc,
  .pager .pager-item > a .filetypes-icons.fi-inc,
  .pager .pager-item > span .filetypes-icons.fi-inc,
  .btn .filetypes-icons[data-icon="inc"],
  .pager .pager-item > a .filetypes-icons[data-icon="inc"],
  .pager .pager-item > span .filetypes-icons[data-icon="inc"],
  .btn .filetypes-icons.fi-info,
  .pager .pager-item > a .filetypes-icons.fi-info,
  .pager .pager-item > span .filetypes-icons.fi-info,
  .btn .filetypes-icons[data-icon="info"],
  .pager .pager-item > a .filetypes-icons[data-icon="info"],
  .pager .pager-item > span .filetypes-icons[data-icon="info"],
  .btn .filetypes-icons.fi-yml,
  .pager .pager-item > a .filetypes-icons.fi-yml,
  .pager .pager-item > span .filetypes-icons.fi-yml,
  .btn .filetypes-icons[data-icon="yml"],
  .pager .pager-item > a .filetypes-icons[data-icon="yml"],
  .pager .pager-item > span .filetypes-icons[data-icon="yml"],
  .btn .filetypes-icons.fi-css,
  .pager .pager-item > a .filetypes-icons.fi-css,
  .pager .pager-item > span .filetypes-icons.fi-css,
  .btn .filetypes-icons[data-icon="css"],
  .pager .pager-item > a .filetypes-icons[data-icon="css"],
  .pager .pager-item > span .filetypes-icons[data-icon="css"],
  .btn .filetypes-icons.fi-scss,
  .pager .pager-item > a .filetypes-icons.fi-scss,
  .pager .pager-item > span .filetypes-icons.fi-scss,
  .btn .filetypes-icons[data-icon="scss"],
  .pager .pager-item > a .filetypes-icons[data-icon="scss"],
  .pager .pager-item > span .filetypes-icons[data-icon="scss"],
  .btn .filetypes-icons.fi-html,
  .pager .pager-item > a .filetypes-icons.fi-html,
  .pager .pager-item > span .filetypes-icons.fi-html,
  .btn .filetypes-icons[data-icon="html"],
  .pager .pager-item > a .filetypes-icons[data-icon="html"],
  .pager .pager-item > span .filetypes-icons[data-icon="html"],
  .btn .filetypes-icons.fi-htm,
  .pager .pager-item > a .filetypes-icons.fi-htm,
  .pager .pager-item > span .filetypes-icons.fi-htm,
  .btn .filetypes-icons[data-icon="htm"],
  .pager .pager-item > a .filetypes-icons[data-icon="htm"],
  .pager .pager-item > span .filetypes-icons[data-icon="htm"],
  .btn .filetypes-icons.fi-xml,
  .pager .pager-item > a .filetypes-icons.fi-xml,
  .pager .pager-item > span .filetypes-icons.fi-xml,
  .btn .filetypes-icons[data-icon="xml"],
  .pager .pager-item > a .filetypes-icons[data-icon="xml"],
  .pager .pager-item > span .filetypes-icons[data-icon="xml"],
  .btn .filetypes-icons.fi-class,
  .pager .pager-item > a .filetypes-icons.fi-class,
  .pager .pager-item > span .filetypes-icons.fi-class,
  .btn .filetypes-icons[data-icon="class"],
  .pager .pager-item > a .filetypes-icons[data-icon="class"],
  .pager .pager-item > span .filetypes-icons[data-icon="class"],
  .btn .filetypes-icons.fi-java,
  .pager .pager-item > a .filetypes-icons.fi-java,
  .pager .pager-item > span .filetypes-icons.fi-java,
  .btn .filetypes-icons[data-icon="java"],
  .pager .pager-item > a .filetypes-icons[data-icon="java"],
  .pager .pager-item > span .filetypes-icons[data-icon="java"],
  .btn .filetypes-icons.fi-c,
  .pager .pager-item > a .filetypes-icons.fi-c,
  .pager .pager-item > span .filetypes-icons.fi-c,
  .btn .filetypes-icons[data-icon="c"],
  .pager .pager-item > a .filetypes-icons[data-icon="c"],
  .pager .pager-item > span .filetypes-icons[data-icon="c"],
  .btn .filetypes-icons.fi-cpp,
  .pager .pager-item > a .filetypes-icons.fi-cpp,
  .pager .pager-item > span .filetypes-icons.fi-cpp,
  .btn .filetypes-icons[data-icon="cpp"],
  .pager .pager-item > a .filetypes-icons[data-icon="cpp"],
  .pager .pager-item > span .filetypes-icons[data-icon="cpp"],
  .btn .filetypes-icons.fi-h,
  .pager .pager-item > a .filetypes-icons.fi-h,
  .pager .pager-item > span .filetypes-icons.fi-h,
  .btn .filetypes-icons[data-icon="h"],
  .pager .pager-item > a .filetypes-icons[data-icon="h"],
  .pager .pager-item > span .filetypes-icons[data-icon="h"],
  .btn .filetypes-icons.fi-js,
  .pager .pager-item > a .filetypes-icons.fi-js,
  .pager .pager-item > span .filetypes-icons.fi-js,
  .btn .filetypes-icons[data-icon="js"],
  .pager .pager-item > a .filetypes-icons[data-icon="js"],
  .pager .pager-item > span .filetypes-icons[data-icon="js"],
  .btn .filetypes-icons.fi-pl,
  .pager .pager-item > a .filetypes-icons.fi-pl,
  .pager .pager-item > span .filetypes-icons.fi-pl,
  .btn .filetypes-icons[data-icon="pl"],
  .pager .pager-item > a .filetypes-icons[data-icon="pl"],
  .pager .pager-item > span .filetypes-icons[data-icon="pl"],
  .btn .filetypes-icons.fi-py,
  .pager .pager-item > a .filetypes-icons.fi-py,
  .pager .pager-item > span .filetypes-icons.fi-py,
  .btn .filetypes-icons[data-icon="py"],
  .pager .pager-item > a .filetypes-icons[data-icon="py"],
  .pager .pager-item > span .filetypes-icons[data-icon="py"],
  .btn .filetypes-icons.fi-sh,
  .pager .pager-item > a .filetypes-icons.fi-sh,
  .pager .pager-item > span .filetypes-icons.fi-sh,
  .btn .filetypes-icons[data-icon="sh"],
  .pager .pager-item > a .filetypes-icons[data-icon="sh"],
  .pager .pager-item > span .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(../img/filetypes-icons.svg) no-repeat;
          mask: url(../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: #FFFFFF !important; }

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

.filetypes-icon-left.icon-primary:before {
  background: #66b76f; }

.filetypes-icon-left.icon-accent:before {
  background: #338daa; }

a.filetypes-icon-left:not(.btn):before {
  background: #338daa; }

a.filetypes-icon-left:not(.btn):hover:before {
  background: #44b8d3; }

a.filetypes-icon-left:not(.btn):active:before {
  background: #92D557; }

.btn.filetypes-icon-left:before, .pager .pager-item > a.filetypes-icon-left:before, .pager .pager-item > span.filetypes-icon-left:before, .btn.filetypes-icon-left:hover:before, .pager .pager-item > a.filetypes-icon-left:hover:before, .pager .pager-item > span.filetypes-icon-left:hover:before, .btn.filetypes-icon-left:focus:before, .pager .pager-item > a.filetypes-icon-left:focus:before, .pager .pager-item > span.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, .pager .pager-item > a.btn-colored.filetypes-icon-left:before, .pager .pager-item > span.btn-colored.filetypes-icon-left:before, .btn.btn-colored.filetypes-icon-left:hover:before, .pager .pager-item > a.btn-colored.filetypes-icon-left:hover:before, .pager .pager-item > span.btn-colored.filetypes-icon-left:hover:before, .btn.btn-colored.filetypes-icon-left:focus:before, .pager .pager-item > a.btn-colored.filetypes-icon-left:focus:before, .pager .pager-item > span.btn-colored.filetypes-icon-left:focus:before {
  background: #4A9D5B; }

.btn-accent.filetypes-icon-left:before, .pager .pager-item > a.filetypes-icon-left:before, .pager .pager-item > span.filetypes-icon-left:before, .btn-accent.filetypes-icon-left:hover:before, .pager .pager-item > a.filetypes-icon-left:hover:before, .pager .pager-item > span.filetypes-icon-left:hover:before, .btn-accent.filetypes-icon-left:focus:before, .pager .pager-item > a.filetypes-icon-left:focus:before, .pager .pager-item > span.filetypes-icon-left:focus:before, .btn.btn-accent.filetypes-icon-left:before, .pager .pager-item > a.filetypes-icon-left:before, .pager .pager-item > span.filetypes-icon-left:before, .btn.btn-accent.filetypes-icon-left:hover:before, .pager .pager-item > a.filetypes-icon-left:hover:before, .pager .pager-item > span.filetypes-icon-left:hover:before, .btn.btn-accent.filetypes-icon-left:focus:before, .pager .pager-item > a.filetypes-icon-left:focus:before, .pager .pager-item > span.filetypes-icon-left:focus:before {
  background: #338daa; }

.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, .pager .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:before, .pager .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:before, .btn.btn-raised.filetypes-icon-left.btn-colored:hover:before, .pager .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:hover:before, .pager .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:hover:before, .btn.btn-raised.filetypes-icon-left.btn-colored:focus:before, .pager .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:focus:before, .pager .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:focus:before {
  background: rgba(0, 0, 0, 0.87); }

.btn-raised.filetypes-icon-left.btn-accent:before, .pager .pager-item > a.btn-raised.filetypes-icon-left:before, .pager .pager-item > span.btn-raised.filetypes-icon-left:before, .btn-raised.filetypes-icon-left.btn-accent:hover:before, .pager .pager-item > a.btn-raised.filetypes-icon-left:hover:before, .pager .pager-item > span.btn-raised.filetypes-icon-left:hover:before, .btn-raised.filetypes-icon-left.btn-accent:focus:before, .pager .pager-item > a.btn-raised.filetypes-icon-left:focus:before, .pager .pager-item > span.btn-raised.filetypes-icon-left:focus:before, .btn.btn-raised.filetypes-icon-left.btn-accent:before, .pager .pager-item > a.btn-raised.filetypes-icon-left:before, .pager .pager-item > span.btn-raised.filetypes-icon-left:before, .btn.btn-raised.filetypes-icon-left.btn-accent:hover:before, .pager .pager-item > a.btn-raised.filetypes-icon-left:hover:before, .pager .pager-item > span.btn-raised.filetypes-icon-left:hover:before, .btn.btn-raised.filetypes-icon-left.btn-accent:focus:before, .pager .pager-item > a.btn-raised.filetypes-icon-left:focus:before, .pager .pager-item > span.btn-raised.filetypes-icon-left:focus:before {
  background: #FFFFFF; }

.btn.btn-disabled.filetypes-icon-left:before, .pager .pager-item > a.btn-disabled.filetypes-icon-left:before, .pager .pager-item.item-ellipsis > a.filetypes-icon-left:before, .pager .pager-item.item-current > a.filetypes-icon-left:before, .pager .pager-item > span.btn-disabled.filetypes-icon-left:before, .pager .pager-item.item-ellipsis > span.filetypes-icon-left:before, .pager .pager-item.item-current > span.filetypes-icon-left:before, .pager .pager-item.item-first > span.filetypes-icon-left:before, .pager .pager-item.item-previous > span.filetypes-icon-left:before, .pager .pager-item.item-next > span.filetypes-icon-left:before, .pager .pager-item.item-last > span.filetypes-icon-left:before, .btn.btn-disabled.filetypes-icon-left:hover:before, .pager .pager-item > a.btn-disabled.filetypes-icon-left:hover:before, .pager .pager-item.item-ellipsis > a.filetypes-icon-left:hover:before, .pager .pager-item.item-current > a.filetypes-icon-left:hover:before, .pager .pager-item > span.btn-disabled.filetypes-icon-left:hover:before, .pager .pager-item.item-ellipsis > span.filetypes-icon-left:hover:before, .pager .pager-item.item-current > span.filetypes-icon-left:hover:before, .pager .pager-item.item-first > span.filetypes-icon-left:hover:before, .pager .pager-item.item-previous > span.filetypes-icon-left:hover:before, .pager .pager-item.item-next > span.filetypes-icon-left:hover:before, .pager .pager-item.item-last > span.filetypes-icon-left:hover:before, .btn.btn-disabled.filetypes-icon-left:focus:before, .pager .pager-item > a.btn-disabled.filetypes-icon-left:focus:before, .pager .pager-item.item-ellipsis > a.filetypes-icon-left:focus:before, .pager .pager-item.item-current > a.filetypes-icon-left:focus:before, .pager .pager-item > span.btn-disabled.filetypes-icon-left:focus:before, .pager .pager-item.item-ellipsis > span.filetypes-icon-left:focus:before, .pager .pager-item.item-current > span.filetypes-icon-left:focus:before, .pager .pager-item.item-first > span.filetypes-icon-left:focus:before, .pager .pager-item.item-previous > span.filetypes-icon-left:focus:before, .pager .pager-item.item-next > span.filetypes-icon-left:focus:before, .pager .pager-item.item-last > span.filetypes-icon-left:focus:before, .btn.btn-disabled.filetypes-icon-left:active:before, .pager .pager-item > a.btn-disabled.filetypes-icon-left:active:before, .pager .pager-item.item-ellipsis > a.filetypes-icon-left:active:before, .pager .pager-item.item-current > a.filetypes-icon-left:active:before, .pager .pager-item > span.btn-disabled.filetypes-icon-left:active:before, .pager .pager-item.item-ellipsis > span.filetypes-icon-left:active:before, .pager .pager-item.item-current > span.filetypes-icon-left:active:before, .pager .pager-item.item-first > span.filetypes-icon-left:active:before, .pager .pager-item.item-previous > span.filetypes-icon-left:active:before, .pager .pager-item.item-next > span.filetypes-icon-left:active:before, .pager .pager-item.item-last > span.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: rgba(0, 0, 0, 0.87); }

.fab.filetypes-icon-left.fab-accent:before, .fab.filetypes-icon-left.fab-accent:hover:before, .fab.filetypes-icon-left.fab-accent:focus:before {
  background: #FFFFFF; }

.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(../img/filetypes-icons.svg) no-repeat;
          mask: url(../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: #FFFFFF !important; }

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

.filetypes-icon-right.icon-primary:after {
  background: #66b76f; }

.filetypes-icon-right.icon-accent:after {
  background: #338daa; }

a.filetypes-icon-right:not(.btn):after {
  background: #338daa; }

a.filetypes-icon-right:not(.btn):hover:after {
  background: #44b8d3; }

a.filetypes-icon-right:not(.btn):active:after {
  background: #92D557; }

.btn.filetypes-icon-right:after, .pager .pager-item > a.filetypes-icon-right:after, .pager .pager-item > span.filetypes-icon-right:after, .btn.filetypes-icon-right:hover:after, .pager .pager-item > a.filetypes-icon-right:hover:after, .pager .pager-item > span.filetypes-icon-right:hover:after, .btn.filetypes-icon-right:focus:after, .pager .pager-item > a.filetypes-icon-right:focus:after, .pager .pager-item > span.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, .pager .pager-item > a.btn-colored.filetypes-icon-right:after, .pager .pager-item > span.btn-colored.filetypes-icon-right:after, .btn.btn-colored.filetypes-icon-right:hover:after, .pager .pager-item > a.btn-colored.filetypes-icon-right:hover:after, .pager .pager-item > span.btn-colored.filetypes-icon-right:hover:after, .btn.btn-colored.filetypes-icon-right:focus:after, .pager .pager-item > a.btn-colored.filetypes-icon-right:focus:after, .pager .pager-item > span.btn-colored.filetypes-icon-right:focus:after {
  background: #4A9D5B; }

.btn-accent.filetypes-icon-right:after, .pager .pager-item > a.filetypes-icon-right:after, .pager .pager-item > span.filetypes-icon-right:after, .btn-accent.filetypes-icon-right:hover:after, .pager .pager-item > a.filetypes-icon-right:hover:after, .pager .pager-item > span.filetypes-icon-right:hover:after, .btn-accent.filetypes-icon-right:focus:after, .pager .pager-item > a.filetypes-icon-right:focus:after, .pager .pager-item > span.filetypes-icon-right:focus:after, .btn.btn-accent.filetypes-icon-right:after, .pager .pager-item > a.filetypes-icon-right:after, .pager .pager-item > span.filetypes-icon-right:after, .btn.btn-accent.filetypes-icon-right:hover:after, .pager .pager-item > a.filetypes-icon-right:hover:after, .pager .pager-item > span.filetypes-icon-right:hover:after, .btn.btn-accent.filetypes-icon-right:focus:after, .pager .pager-item > a.filetypes-icon-right:focus:after, .pager .pager-item > span.filetypes-icon-right:focus:after {
  background: #338daa; }

.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, .pager .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:after, .pager .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:after, .btn.btn-raised.filetypes-icon-right.btn-colored:hover:after, .pager .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:hover:after, .pager .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:hover:after, .btn.btn-raised.filetypes-icon-right.btn-colored:focus:after, .pager .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:focus:after, .pager .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:focus:after {
  background: rgba(0, 0, 0, 0.87); }

.btn-raised.filetypes-icon-right.btn-accent:after, .pager .pager-item > a.btn-raised.filetypes-icon-right:after, .pager .pager-item > span.btn-raised.filetypes-icon-right:after, .btn-raised.filetypes-icon-right.btn-accent:hover:after, .pager .pager-item > a.btn-raised.filetypes-icon-right:hover:after, .pager .pager-item > span.btn-raised.filetypes-icon-right:hover:after, .btn-raised.filetypes-icon-right.btn-accent:focus:after, .pager .pager-item > a.btn-raised.filetypes-icon-right:focus:after, .pager .pager-item > span.btn-raised.filetypes-icon-right:focus:after, .btn.btn-raised.filetypes-icon-right.btn-accent:after, .pager .pager-item > a.btn-raised.filetypes-icon-right:after, .pager .pager-item > span.btn-raised.filetypes-icon-right:after, .btn.btn-raised.filetypes-icon-right.btn-accent:hover:after, .pager .pager-item > a.btn-raised.filetypes-icon-right:hover:after, .pager .pager-item > span.btn-raised.filetypes-icon-right:hover:after, .btn.btn-raised.filetypes-icon-right.btn-accent:focus:after, .pager .pager-item > a.btn-raised.filetypes-icon-right:focus:after, .pager .pager-item > span.btn-raised.filetypes-icon-right:focus:after {
  background: #FFFFFF; }

.btn.btn-disabled.filetypes-icon-right:after, .pager .pager-item > a.btn-disabled.filetypes-icon-right:after, .pager .pager-item.item-ellipsis > a.filetypes-icon-right:after, .pager .pager-item.item-current > a.filetypes-icon-right:after, .pager .pager-item > span.btn-disabled.filetypes-icon-right:after, .pager .pager-item.item-ellipsis > span.filetypes-icon-right:after, .pager .pager-item.item-current > span.filetypes-icon-right:after, .pager .pager-item.item-first > span.filetypes-icon-right:after, .pager .pager-item.item-previous > span.filetypes-icon-right:after, .pager .pager-item.item-next > span.filetypes-icon-right:after, .pager .pager-item.item-last > span.filetypes-icon-right:after, .btn.btn-disabled.filetypes-icon-right:hover:after, .pager .pager-item > a.btn-disabled.filetypes-icon-right:hover:after, .pager .pager-item.item-ellipsis > a.filetypes-icon-right:hover:after, .pager .pager-item.item-current > a.filetypes-icon-right:hover:after, .pager .pager-item > span.btn-disabled.filetypes-icon-right:hover:after, .pager .pager-item.item-ellipsis > span.filetypes-icon-right:hover:after, .pager .pager-item.item-current > span.filetypes-icon-right:hover:after, .pager .pager-item.item-first > span.filetypes-icon-right:hover:after, .pager .pager-item.item-previous > span.filetypes-icon-right:hover:after, .pager .pager-item.item-next > span.filetypes-icon-right:hover:after, .pager .pager-item.item-last > span.filetypes-icon-right:hover:after, .btn.btn-disabled.filetypes-icon-right:focus:after, .pager .pager-item > a.btn-disabled.filetypes-icon-right:focus:after, .pager .pager-item.item-ellipsis > a.filetypes-icon-right:focus:after, .pager .pager-item.item-current > a.filetypes-icon-right:focus:after, .pager .pager-item > span.btn-disabled.filetypes-icon-right:focus:after, .pager .pager-item.item-ellipsis > span.filetypes-icon-right:focus:after, .pager .pager-item.item-current > span.filetypes-icon-right:focus:after, .pager .pager-item.item-first > span.filetypes-icon-right:focus:after, .pager .pager-item.item-previous > span.filetypes-icon-right:focus:after, .pager .pager-item.item-next > span.filetypes-icon-right:focus:after, .pager .pager-item.item-last > span.filetypes-icon-right:focus:after, .btn.btn-disabled.filetypes-icon-right:active:after, .pager .pager-item > a.btn-disabled.filetypes-icon-right:active:after, .pager .pager-item.item-ellipsis > a.filetypes-icon-right:active:after, .pager .pager-item.item-current > a.filetypes-icon-right:active:after, .pager .pager-item > span.btn-disabled.filetypes-icon-right:active:after, .pager .pager-item.item-ellipsis > span.filetypes-icon-right:active:after, .pager .pager-item.item-current > span.filetypes-icon-right:active:after, .pager .pager-item.item-first > span.filetypes-icon-right:active:after, .pager .pager-item.item-previous > span.filetypes-icon-right:active:after, .pager .pager-item.item-next > span.filetypes-icon-right:active:after, .pager .pager-item.item-last > span.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: rgba(0, 0, 0, 0.87); }

.fab.filetypes-icon-right.fab-accent:after, .fab.filetypes-icon-right.fab-accent:hover:after, .fab.filetypes-icon-right.fab-accent:focus:after {
  background: #FFFFFF; }

.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: #FFFFFF; }

.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: #9acfa0; }

.theme-dark .filetypes-icons.icon-accent {
  background: #B5EA7B; }

.theme-dark .btn .filetypes-icons, .theme-dark .pager .pager-item > a .filetypes-icons, .pager .theme-dark .pager-item > a .filetypes-icons, .theme-dark .pager .pager-item > span .filetypes-icons, .pager .theme-dark .pager-item > span .filetypes-icons, .theme-dark .btn .filetypes-icons:hover, .theme-dark .pager .pager-item > a .filetypes-icons:hover, .pager .theme-dark .pager-item > a .filetypes-icons:hover, .theme-dark .pager .pager-item > span .filetypes-icons:hover, .pager .theme-dark .pager-item > span .filetypes-icons:hover, .theme-dark .btn .filetypes-icons:focus, .theme-dark .pager .pager-item > a .filetypes-icons:focus, .pager .theme-dark .pager-item > a .filetypes-icons:focus, .theme-dark .pager .pager-item > span .filetypes-icons:focus, .pager .theme-dark .pager-item > span .filetypes-icons:focus {
  background: #FFFFFF; }

.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 .pager .pager-item > a.btn-colored .filetypes-icons, .pager .theme-dark .pager-item > a.btn-colored .filetypes-icons, .theme-dark .pager .pager-item > span.btn-colored .filetypes-icons, .pager .theme-dark .pager-item > span.btn-colored .filetypes-icons, .theme-dark .btn.btn-colored:hover .filetypes-icons, .theme-dark .pager .pager-item > a.btn-colored:hover .filetypes-icons, .pager .theme-dark .pager-item > a.btn-colored:hover .filetypes-icons, .theme-dark .pager .pager-item > span.btn-colored:hover .filetypes-icons, .pager .theme-dark .pager-item > span.btn-colored:hover .filetypes-icons, .theme-dark .btn.btn-colored:focus .filetypes-icons, .theme-dark .pager .pager-item > a.btn-colored:focus .filetypes-icons, .pager .theme-dark .pager-item > a.btn-colored:focus .filetypes-icons, .theme-dark .pager .pager-item > span.btn-colored:focus .filetypes-icons, .pager .theme-dark .pager-item > span.btn-colored:focus .filetypes-icons {
  background: #9acfa0; }

.theme-dark .btn-accent .filetypes-icons, .theme-dark .pager .pager-item > a .filetypes-icons, .pager .theme-dark .pager-item > a .filetypes-icons, .theme-dark .pager .pager-item > span .filetypes-icons, .pager .theme-dark .pager-item > span .filetypes-icons, .theme-dark .btn-accent:hover .filetypes-icons, .theme-dark .pager .pager-item > a:hover .filetypes-icons, .pager .theme-dark .pager-item > a:hover .filetypes-icons, .theme-dark .pager .pager-item > span:hover .filetypes-icons, .pager .theme-dark .pager-item > span:hover .filetypes-icons, .theme-dark .btn-accent:focus .filetypes-icons, .theme-dark .pager .pager-item > a:focus .filetypes-icons, .pager .theme-dark .pager-item > a:focus .filetypes-icons, .theme-dark .pager .pager-item > span:focus .filetypes-icons, .pager .theme-dark .pager-item > span:focus .filetypes-icons, .theme-dark .btn.btn-accent .filetypes-icons, .theme-dark .pager .pager-item > a .filetypes-icons, .pager .theme-dark .pager-item > a .filetypes-icons, .theme-dark .pager .pager-item > span .filetypes-icons, .pager .theme-dark .pager-item > span .filetypes-icons, .theme-dark .btn.btn-accent:hover .filetypes-icons, .theme-dark .pager .pager-item > a:hover .filetypes-icons, .pager .theme-dark .pager-item > a:hover .filetypes-icons, .theme-dark .pager .pager-item > span:hover .filetypes-icons, .pager .theme-dark .pager-item > span:hover .filetypes-icons, .theme-dark .btn.btn-accent:focus .filetypes-icons, .theme-dark .pager .pager-item > a:focus .filetypes-icons, .pager .theme-dark .pager-item > a:focus .filetypes-icons, .theme-dark .pager .pager-item > span:focus .filetypes-icons, .pager .theme-dark .pager-item > span:focus .filetypes-icons {
  background: #B5EA7B; }

.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 .pager .pager-item > a.btn-raised.btn-colored .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised.btn-colored .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised.btn-colored .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised.btn-colored .filetypes-icons, .theme-dark .btn.btn-raised.btn-colored:hover .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised.btn-colored:hover .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised.btn-colored:hover .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised.btn-colored:hover .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised.btn-colored:hover .filetypes-icons, .theme-dark .btn.btn-raised.btn-colored:focus .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised.btn-colored:focus .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised.btn-colored:focus .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised.btn-colored:focus .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised.btn-colored:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn-raised.btn-accent .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised .filetypes-icons, .theme-dark .btn-raised.btn-accent:hover .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised:hover .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised:hover .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised:hover .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised:hover .filetypes-icons, .theme-dark .btn-raised.btn-accent:focus .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised:focus .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised:focus .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised:focus .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised:focus .filetypes-icons, .theme-dark .btn.btn-raised.btn-accent .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised .filetypes-icons, .theme-dark .btn.btn-raised.btn-accent:hover .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised:hover .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised:hover .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised:hover .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised:hover .filetypes-icons, .theme-dark .btn.btn-raised.btn-accent:focus .filetypes-icons, .theme-dark .pager .pager-item > a.btn-raised:focus .filetypes-icons, .pager .theme-dark .pager-item > a.btn-raised:focus .filetypes-icons, .theme-dark .pager .pager-item > span.btn-raised:focus .filetypes-icons, .pager .theme-dark .pager-item > span.btn-raised:focus .filetypes-icons {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn.btn-disabled .filetypes-icons, .theme-dark .pager .pager-item > a.btn-disabled .filetypes-icons, .pager .theme-dark .pager-item > a.btn-disabled .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > a .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > a .filetypes-icons, .theme-dark .pager .pager-item.item-current > a .filetypes-icons, .pager .theme-dark .pager-item.item-current > a .filetypes-icons, .theme-dark .pager .pager-item > span.btn-disabled .filetypes-icons, .pager .theme-dark .pager-item > span.btn-disabled .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > span .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > span .filetypes-icons, .theme-dark .pager .pager-item.item-current > span .filetypes-icons, .pager .theme-dark .pager-item.item-current > span .filetypes-icons, .theme-dark .pager .pager-item.item-first > span .filetypes-icons, .pager .theme-dark .pager-item.item-first > span .filetypes-icons, .theme-dark .pager .pager-item.item-previous > span .filetypes-icons, .pager .theme-dark .pager-item.item-previous > span .filetypes-icons, .theme-dark .pager .pager-item.item-next > span .filetypes-icons, .pager .theme-dark .pager-item.item-next > span .filetypes-icons, .theme-dark .pager .pager-item.item-last > span .filetypes-icons, .pager .theme-dark .pager-item.item-last > span .filetypes-icons, .theme-dark .btn.btn-disabled:hover .filetypes-icons, .theme-dark .pager .pager-item > a.btn-disabled:hover .filetypes-icons, .pager .theme-dark .pager-item > a.btn-disabled:hover .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > a:hover .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > a:hover .filetypes-icons, .theme-dark .pager .pager-item.item-current > a:hover .filetypes-icons, .pager .theme-dark .pager-item.item-current > a:hover .filetypes-icons, .theme-dark .pager .pager-item > span.btn-disabled:hover .filetypes-icons, .pager .theme-dark .pager-item > span.btn-disabled:hover .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > span:hover .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > span:hover .filetypes-icons, .theme-dark .pager .pager-item.item-current > span:hover .filetypes-icons, .pager .theme-dark .pager-item.item-current > span:hover .filetypes-icons, .theme-dark .pager .pager-item.item-first > span:hover .filetypes-icons, .pager .theme-dark .pager-item.item-first > span:hover .filetypes-icons, .theme-dark .pager .pager-item.item-previous > span:hover .filetypes-icons, .pager .theme-dark .pager-item.item-previous > span:hover .filetypes-icons, .theme-dark .pager .pager-item.item-next > span:hover .filetypes-icons, .pager .theme-dark .pager-item.item-next > span:hover .filetypes-icons, .theme-dark .pager .pager-item.item-last > span:hover .filetypes-icons, .pager .theme-dark .pager-item.item-last > span:hover .filetypes-icons, .theme-dark .btn.btn-disabled:focus .filetypes-icons, .theme-dark .pager .pager-item > a.btn-disabled:focus .filetypes-icons, .pager .theme-dark .pager-item > a.btn-disabled:focus .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > a:focus .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > a:focus .filetypes-icons, .theme-dark .pager .pager-item.item-current > a:focus .filetypes-icons, .pager .theme-dark .pager-item.item-current > a:focus .filetypes-icons, .theme-dark .pager .pager-item > span.btn-disabled:focus .filetypes-icons, .pager .theme-dark .pager-item > span.btn-disabled:focus .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > span:focus .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > span:focus .filetypes-icons, .theme-dark .pager .pager-item.item-current > span:focus .filetypes-icons, .pager .theme-dark .pager-item.item-current > span:focus .filetypes-icons, .theme-dark .pager .pager-item.item-first > span:focus .filetypes-icons, .pager .theme-dark .pager-item.item-first > span:focus .filetypes-icons, .theme-dark .pager .pager-item.item-previous > span:focus .filetypes-icons, .pager .theme-dark .pager-item.item-previous > span:focus .filetypes-icons, .theme-dark .pager .pager-item.item-next > span:focus .filetypes-icons, .pager .theme-dark .pager-item.item-next > span:focus .filetypes-icons, .theme-dark .pager .pager-item.item-last > span:focus .filetypes-icons, .pager .theme-dark .pager-item.item-last > span:focus .filetypes-icons, .theme-dark .btn.btn-disabled:active .filetypes-icons, .theme-dark .pager .pager-item > a.btn-disabled:active .filetypes-icons, .pager .theme-dark .pager-item > a.btn-disabled:active .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > a:active .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > a:active .filetypes-icons, .theme-dark .pager .pager-item.item-current > a:active .filetypes-icons, .pager .theme-dark .pager-item.item-current > a:active .filetypes-icons, .theme-dark .pager .pager-item > span.btn-disabled:active .filetypes-icons, .pager .theme-dark .pager-item > span.btn-disabled:active .filetypes-icons, .theme-dark .pager .pager-item.item-ellipsis > span:active .filetypes-icons, .pager .theme-dark .pager-item.item-ellipsis > span:active .filetypes-icons, .theme-dark .pager .pager-item.item-current > span:active .filetypes-icons, .pager .theme-dark .pager-item.item-current > span:active .filetypes-icons, .theme-dark .pager .pager-item.item-first > span:active .filetypes-icons, .pager .theme-dark .pager-item.item-first > span:active .filetypes-icons, .theme-dark .pager .pager-item.item-previous > span:active .filetypes-icons, .pager .theme-dark .pager-item.item-previous > span:active .filetypes-icons, .theme-dark .pager .pager-item.item-next > span:active .filetypes-icons, .pager .theme-dark .pager-item.item-next > span:active .filetypes-icons, .theme-dark .pager .pager-item.item-last > span:active .filetypes-icons, .pager .theme-dark .pager-item.item-last > span: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: #FFFFFF; }

.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: #FFFFFF; }

.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: #9acfa0; }

.theme-dark .filetypes-icon-left.icon-accent:before, .theme-dark .filetypes-icon-right.icon-accent:after {
  background: #B5EA7B; }

.theme-dark a.filetypes-icon-left:not(.btn):before {
  background: #B5EA7B; }

.theme-dark a.filetypes-icon-left:not(.btn):hover:before {
  background: #c4ee95; }

.theme-dark a.filetypes-icon-left:not(.btn):active:before {
  background: #D7F8AA; }

.theme-dark .btn.filetypes-icon-left:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:before, .theme-dark .btn.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:hover:before, .theme-dark .btn.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.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: #FFFFFF; }

.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 .pager .pager-item > a.btn-colored.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.btn-colored.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.btn-colored.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.btn-colored.filetypes-icon-left:before, .theme-dark .btn.btn-colored.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > a.btn-colored.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-colored.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-colored.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-colored.filetypes-icon-left:hover:before, .theme-dark .btn.btn-colored.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > a.btn-colored.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-colored.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-colored.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-colored.filetypes-icon-left:focus:before {
  background: #9acfa0; }

.theme-dark .btn-accent.filetypes-icon-left:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:before, .theme-dark .btn-accent.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:hover:before, .theme-dark .btn-accent.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:focus:before, .theme-dark .btn.btn-accent.filetypes-icon-left:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:before, .theme-dark .btn.btn-accent.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:hover:before, .theme-dark .btn.btn-accent.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > a.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.filetypes-icon-left:focus:before {
  background: #B5EA7B; }

.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 .pager .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-colored:hover:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:hover:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:hover:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:hover:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:hover:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-colored:focus:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:focus:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left.btn-colored:focus:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left.btn-colored:focus:before, .pager .theme-dark .pager-item > span.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 .pager .pager-item > a.btn-raised.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left:before, .theme-dark .btn-raised.filetypes-icon-left.btn-accent:hover:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left:hover:before, .theme-dark .btn-raised.filetypes-icon-left.btn-accent:focus:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left:focus:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-accent:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-accent:hover:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left:hover:before, .theme-dark .btn.btn-raised.filetypes-icon-left.btn-accent:focus:before, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-left:focus:before {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn.btn-disabled.filetypes-icon-left:before, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-left:before, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-left:before, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-left:before, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-left:before, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-left:before, .pager .theme-dark .pager-item.item-last > span.filetypes-icon-left:before, .theme-dark .btn.btn-disabled.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-left:hover:before, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-left:hover:before, .pager .theme-dark .pager-item.item-last > span.filetypes-icon-left:hover:before, .theme-dark .btn.btn-disabled.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-left:focus:before, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-left:focus:before, .pager .theme-dark .pager-item.item-last > span.filetypes-icon-left:focus:before, .theme-dark .btn.btn-disabled.filetypes-icon-left:active:before, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-left:active:before, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-left:active:before, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-left:active:before, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-left:active:before, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-left:active:before, .pager .theme-dark .pager-item.item-last > span.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: #FFFFFF; }

.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: #B5EA7B; }

.theme-dark a.filetypes-icon-right:not(.btn):hover:after {
  background: #c4ee95; }

.theme-dark a.filetypes-icon-right:not(.btn):active:after {
  background: #D7F8AA; }

.theme-dark .btn.filetypes-icon-right:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:after, .theme-dark .btn.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:hover:after, .theme-dark .btn.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:focus:after {
  background: #FFFFFF; }

.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 .pager .pager-item > a.btn-colored.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.btn-colored.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.btn-colored.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.btn-colored.filetypes-icon-right:after, .theme-dark .btn.btn-colored.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > a.btn-colored.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-colored.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-colored.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-colored.filetypes-icon-right:hover:after, .theme-dark .btn.btn-colored.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > a.btn-colored.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-colored.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-colored.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-colored.filetypes-icon-right:focus:after {
  background: #9acfa0; }

.theme-dark .btn-accent.filetypes-icon-right:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:after, .theme-dark .btn-accent.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:hover:after, .theme-dark .btn-accent.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:focus:after, .theme-dark .btn.btn-accent.filetypes-icon-right:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:after, .theme-dark .btn.btn-accent.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:hover:after, .theme-dark .btn.btn-accent.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > a.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.filetypes-icon-right:focus:after {
  background: #B5EA7B; }

.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 .pager .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-colored:hover:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:hover:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:hover:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:hover:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:hover:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-colored:focus:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:focus:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right.btn-colored:focus:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right.btn-colored:focus:after, .pager .theme-dark .pager-item > span.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 .pager .pager-item > a.btn-raised.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right:after, .theme-dark .btn-raised.filetypes-icon-right.btn-accent:hover:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right:hover:after, .theme-dark .btn-raised.filetypes-icon-right.btn-accent:focus:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right:focus:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-accent:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-accent:hover:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right:hover:after, .theme-dark .btn.btn-raised.filetypes-icon-right.btn-accent:focus:after, .theme-dark .pager .pager-item > a.btn-raised.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-raised.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-raised.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-raised.filetypes-icon-right:focus:after {
  background: rgba(0, 0, 0, 0.87); }

.theme-dark .btn.btn-disabled.filetypes-icon-right:after, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-right:after, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-right:after, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-right:after, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-right:after, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-right:after, .pager .theme-dark .pager-item.item-last > span.filetypes-icon-right:after, .theme-dark .btn.btn-disabled.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-right:hover:after, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-right:hover:after, .pager .theme-dark .pager-item.item-last > span.filetypes-icon-right:hover:after, .theme-dark .btn.btn-disabled.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-right:focus:after, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-right:focus:after, .pager .theme-dark .pager-item.item-last > span.filetypes-icon-right:focus:after, .theme-dark .btn.btn-disabled.filetypes-icon-right:active:after, .theme-dark .pager .pager-item > a.btn-disabled.filetypes-icon-right:active:after, .pager .theme-dark .pager-item > a.btn-disabled.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-ellipsis > a.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-ellipsis > a.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-current > a.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-current > a.filetypes-icon-right:active:after, .theme-dark .pager .pager-item > span.btn-disabled.filetypes-icon-right:active:after, .pager .theme-dark .pager-item > span.btn-disabled.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-ellipsis > span.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-ellipsis > span.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-current > span.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-current > span.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-first > span.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-first > span.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-previous > span.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-previous > span.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-next > span.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-next > span.filetypes-icon-right:active:after, .theme-dark .pager .pager-item.item-last > span.filetypes-icon-right:active:after, .pager .theme-dark .pager-item.item-last > span.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: #FFFFFF; }

.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); }

@font-face {
  font-family: 'Material Icons Local';
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../../fonts/MaterialIcons-Regular.woff) format("woff"), url(../../fonts/MaterialIcons-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Garamont';
  font-style: italic;
  font-weight: 400;
  src: url(../../fonts/garamont/Garamont.eot), url(../../fonts/garamont/Garamont.woff2) format("woff2"), url(../../fonts/garamont/Garamont.woff) format("woff"), url(../../fonts/garamont/Garamont.ttf) format("truetype"); }

@font-face {
  font-family: "TheSans-200";
  src: url(../../fonts/thesans/TheSans_B4_200_.eot);
  src: url(../../fonts/thesans/TheSans_B4_200_.eot?#iefix) format("embedded-opentype"), url(../../fonts/thesans/TheSans_B4_200_.woff) format("woff"), url(../../fonts/thesans/TheSans_B4_200_.svg#TheSans_B4_200_) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TheSans-300";
  src: url(../../fonts/thesans/TheSans_B4_300_.eot);
  src: url(../../fonts/thesans/TheSans_B4_300_.eot?#iefix) format("embedded-opentype");
  src: url(../../fonts/thesans/TheSans_B4_300_.woff) format("woff");
  src: url(../../fonts/thesans/TheSans_B4_300_.svg#TheSans_B4_300_) format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "TheSans-600";
  src: url(../../fonts/thesans/TheSans_B4_600_.eot);
  src: url(../../fonts/thesans/TheSans_B4_600_.eot?#iefix) format("embedded-opentype"), url(../../fonts/thesans/TheSans_B4_600_.woff) format("woff"), url(../../fonts/thesans/TheSans_B4_600_.svg#TheSans_B4_600_) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "TheSans-700";
  src: url(../../fonts/thesans/TheSans_B4_700_.eot);
  src: url(../../fonts/thesans/TheSans_B4_700_.eot?#iefix) format("embedded-opentype"), url(../../fonts/thesans/TheSans_B4_700_.woff) format("woff"), url(../../fonts/thesans/TheSans_B4_700_.svg#TheSans_B4_700_) format("svg");
  font-weight: 500;
  font-style: normal; }

/* @file
 * Color schema
 *
 */
/**
*
*   Custom variables, functions and Mixins
*
*/
/* @file
 * Color schema
 *
 */
/*
* HEADINGS
*
*/
/* Normal Headings */
.content-body h2, .content-body h3, .content-body h4, h2, h3, h4 {
  font-family: TheSans-600, sans-serif;
  font-weight: 400;
  color: #338daa;
  text-rendering: optimizeLegibility; }

/* Highlighted Headings */
.content-body h1, h1, .highlighted h1, .highlighted h2, .highlighted h3,
.highlighted h4, .highlighted h5, .highlighted h6 {
  font-family: Garamond, serif;
  font-style: italic;
  text-rendering: optimizeLegibility;
  color: #338daa; }

/* 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; } }

/**
 * Legend:
 * TDV - theme dark values
 * CTV - color themes values
 * TO DO - needs to be implemented
 */
/* @file
 * Color schema
 *
 */
/* fonts */
/* break points */
/* helpful classes */
.clearfix:after, .media-left:after, .media-right:after, #navbar:after, #footer-content:after {
  content: "";
  display: table;
  clear: both; }

.material-icons, .icon-left:before, .icon-right:after, .breadcrumb ol li:not(:last-child):after, .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before, .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 {
  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; }

#page .cke * {
  box-sizing: content-box; }

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

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

h2, .h2 {
  font-family: TheSans-600, sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 16px; }

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

h4, .h4 {
  font-family: TheSans-600, sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 8px; }

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

h6, .h6 {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  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, .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, .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, .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, .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, .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, .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: TheSans-600, sans-serif; }

.font-text {
  font-family: TheSans-300, sans-serif;
  font-weight: 300; }

a {
  color: #338daa;
  text-decoration: none; }
  a:hover {
    color: #44b8d3; }
  a:active {
    color: #338daa; }

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

article a[href^="#"]:not([href="#"]):not(.btn) {
  border-bottom: dotted 1px #338daa; }
  article a[href^="#"]:not([href="#"]):not(.btn):hover {
    border-color: #44b8d3; }
  article a[href^="#"]:not([href="#"]):not(.btn):active {
    border-color: #92D557; }

article blockquote {
  border-left: 2px solid #66b76f;
  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 .icon-left:before, p .icon-right:after, p .breadcrumb ol li:not(:last-child):after, .breadcrumb ol p li:not(:last-child):after, p .info:before, p .important:before, p .messages-status:before, p .messages-warning:before, p .messages-error:before, 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 .services-icons, p .filetypes-icons,
ul:not(.menu) li .material-icons,
ul:not(.menu) li .icon-left:before,
ul:not(.menu) li .icon-right:after,
ul:not(.menu) li .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol ul:not(.menu) li li:not(:last-child):after,
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 .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 .services-icons,
ul:not(.menu) li .filetypes-icons,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.btn .icon-left:before,
.pager .pager-item > a .icon-left:before,
.pager .pager-item > span .icon-left:before,
.btn .icon-right:after,
.pager .pager-item > a .icon-right:after,
.pager .pager-item > span .icon-right:after,
.btn .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .btn li:not(:last-child):after,
.pager .pager-item > a .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > a li:not(:last-child):after,
.pager .pager-item > span .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > span li:not(:last-child):after,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.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,
.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,
.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,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons {
  vertical-align: center; }

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

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

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: #F7F7F7; }

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: #F0F0F0; }

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

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

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, .img-link img {
  display: block; }

.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-responsive.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 ol {
    margin-top: 0;
    padding-left: 0;
    list-style: none; }
  .breadcrumb ol li {
    display: inline-block; }
  .breadcrumb ol li:not(:last-child) {
    position: relative; }
    .breadcrumb ol li:not(:last-child):after {
      content: "chevron_right";
      font-size: 16px;
      position: relative;
      top: 2px; }

.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: #FFFFFF !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: #4A9D5B; }

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

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

.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, .card .table-card, .content-card .card-holder .table-card, .card-grid .card, .card-grid .content-card .card-holder, .content-card .card-grid .card-holder {
  box-shadow: none; }

.z-level-1, #header, .navbar-fixed .navbar-shadow, .btn-raised, .btn.btn-raised, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .table-card, .table-card.table-bordered, .block-search.search-persistent form .form-item.focused, .ui-autocomplete.ui-widget.ui-widget-content, .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, #footer, .btn-raised:active, .btn.btn-raised:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.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: #F7F7F7;
  padding: 65px 24px 20px 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: #8DD38E;
  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: #66b76f; }

.important {
  background: #66b76f;
  color: rgba(0, 0, 0, 0.87); }
  .important:before {
    content: "warning";
    color: rgba(0, 0, 0, 0.87); }
  .important a {
    color: #B5EA7B; }
    .important a:hover {
      color: #c4ee95; }
    .important a:active {
      color: #338daa; }

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

#content {
  flex: 1 0 row; }

#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: #66b76f;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 0;
  margin-top: 0;
  position: relative;
  z-index: 10; }

.navbar-fixed {
  top: 64px;
  position: fixed; }
  .navbar-fixed #navbar {
    position: fixed;
    top: 0;
    margin-top: 0;
    width: 100%;
    background: #66b76f;
    z-index: 30;
    margin-left: 0px;
    margin-right: 0px; }
  .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: #F7F7F7; }

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

.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-trail a, .navbar-light .navbar-menu .menu .is-active {
  border-color: rgba(0, 0, 0, 0.87); }

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

.navbar-dark #header {
  background: #32141E; }

.navbar-dark.navbar-fixed #navbar {
  background: #32141E; }

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

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

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

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

#footer {
  min-height: 48px;
  margin-top: 35px;
  background: #338daa;
  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; } }

/* TO DO
.navbar-gray
.footer-dark
*/
@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; }
  #main-content.user-login-page {
    order: 1;
    flex: 0 0 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.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, 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: TheSans-300, 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, .btn:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #338daa;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87); }
  .btn:active, .pager .pager-item > a:active, .pager .pager-item > span: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, .btn.btn-colored:hover, .pager .pager-item > a.btn-colored:hover, .pager .pager-item > span.btn-colored:hover, .btn.btn-colored:focus, .pager .pager-item > a.btn-colored:focus, .pager .pager-item > span.btn-colored:focus {
  color: #4A9D5B; }

.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, .btn.btn-accent:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .btn.btn-accent:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus {
  color: #338daa; }

.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 {
  background: #66b76f;
  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 {
  background: #338daa;
  color: #FFFFFF; }

.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, .btn.btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.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, .btn.btn-raised.btn-colored:focus, .pager .pager-item > a.btn-raised.btn-colored:focus, .pager .pager-item > span.btn-raised.btn-colored:focus {
  background: #4A9D5B;
  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 {
  background: #33834B; }

.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, .btn.btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus {
  background: #44b8d3;
  color: #FFFFFF; }

.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 {
  background: #92D557; }

.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.btn .icon-left:before,
.pager .pager-item > a .icon-left:before,
.pager .pager-item > span .icon-left:before,
.btn .icon-right:after,
.pager .pager-item > a .icon-right:after,
.pager .pager-item > span .icon-right:after,
.btn .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .btn li:not(:last-child):after,
.pager .pager-item > a .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > a li:not(:last-child):after,
.pager .pager-item > span .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > span li:not(:last-child):after,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.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,
.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,
.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,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
  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, .btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn.filetypes-icon-left:before, .pager .pager-item > a.filetypes-icon-left:before, .pager .pager-item > span.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, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .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,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.btn .icon-left:before,
.pager .pager-item > a .icon-left:before,
.pager .pager-item > span .icon-left:before,
.btn .icon-right:after,
.pager .pager-item > a .icon-right:after,
.pager .pager-item > span .icon-right:after,
.btn .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .btn li:not(:last-child):after,
.pager .pager-item > a .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > a li:not(:last-child):after,
.pager .pager-item > span .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > span li:not(:last-child):after,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.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,
.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,
.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,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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, .btn.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn.filetypes-icon-left:before, .pager .pager-item > a.filetypes-icon-left:before, .pager .pager-item > span.filetypes-icon-left:before, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons {
  margin-left: -2px; }

.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after,
.btn .material-icons,
.pager .pager-item > a .material-icons,
.pager .pager-item > span .material-icons,
.btn .icon-left:before,
.pager .pager-item > a .icon-left:before,
.pager .pager-item > span .icon-left:before,
.btn .icon-right:after,
.pager .pager-item > a .icon-right:after,
.pager .pager-item > span .icon-right:after,
.btn .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .btn li:not(:last-child):after,
.pager .pager-item > a .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > a li:not(:last-child):after,
.pager .pager-item > span .breadcrumb ol li:not(:last-child):after,
.breadcrumb ol .pager .pager-item > span li:not(:last-child):after,
.btn .info:before,
.pager .pager-item > a .info:before,
.pager .pager-item > span .info:before,
.btn .important:before,
.pager .pager-item > a .important:before,
.pager .pager-item > span .important:before,
.btn .messages-status:before,
.pager .pager-item > a .messages-status:before,
.pager .pager-item > span .messages-status:before,
.btn .messages-warning:before,
.pager .pager-item > a .messages-warning:before,
.pager .pager-item > span .messages-warning:before,
.btn .messages-error:before,
.pager .pager-item > a .messages-error:before,
.pager .pager-item > span .messages-error:before,
.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,
.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,
.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,
.btn .collapsible-toggle:before,
.pager .pager-item > a .collapsible-toggle:before,
.pager .pager-item > span .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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, .btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons, .btn.filetypes-icon-right:after, .pager .pager-item > a.filetypes-icon-right:after, .pager .pager-item > span.filetypes-icon-right:after, .btn .filetypes-icons, .pager .pager-item > a .filetypes-icons, .pager .pager-item > span .filetypes-icons {
  margin-right: -2px; }

.btn.icon-right > span, .pager .pager-item > a.icon-right > span, .pager .pager-item > span.icon-right > span, .btn.services-icon-right > span, .pager .pager-item > a.services-icon-right > span, .pager .pager-item > span.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 {
  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); }

/* TO DO
btn-raised-colored-inverted (apply color to text, but not to bg)
disabled
togled
colored but not raised
*/
/* 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: TheSans-300, 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: #66b76f;
    color: rgba(0, 0, 0, 0.87); }
    .fab.fab-colored:hover, .fab.fab-colored:focus {
      background: #4A9D5B;
      color: rgba(0, 0, 0, 0.87); }
    .fab.fab-colored:active {
      background: #33834B; }
  .fab.fab-accent {
    background: #338daa;
    color: #FFFFFF; }
    .fab.fab-accent:hover, .fab.fab-accent:focus {
      background: #44b8d3;
      color: #FFFFFF; }
    .fab.fab-accent:active {
      background: #92D557; }
  .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: #FFFFFF;
    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: #F7F7F7; }

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

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

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

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

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

.table-card {
  border-radius: 2px; }
  .card .table-card, .content-card .card-holder .table-card {
    margin-left: -16px;
    margin-right: -16px;
    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; } }

#modal-video {
  top: 20% !important;
  padding: 20px;
  border-radius: 4px; }
  #modal-video .closebtn-popup {
    position: absolute;
    right: 40px;
    top: 10px; }
    #modal-video .closebtn-popup .closebtn-icon {
      position: relative;
      top: 5px;
      right: 5px; }
  #modal-video .modal-content {
    margin-top: 15px; }
    #modal-video .modal-content .inner-left > h3 {
      font-size: 25px; }
      #modal-video .modal-content .inner-left > h3 .icon-video-modal {
        font-size: 35px;
        position: relative;
        top: 10px; }
    #modal-video .modal-content .inner-left .divider {
      background-color: #338daa;
      margin-top: 30px; }
    #modal-video .modal-content .inner-left .video-play-btn {
      margin-top: 35px;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 1px;
      color: #FFFFFF; }
      #modal-video .modal-content .inner-left .video-play-btn:hover {
        color: #FFFFFF; }
      #modal-video .modal-content .inner-left .video-play-btn .icon-play-video {
        font-size: 35px;
        color: #FFFFFF; }

.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; } }

/* TO DO
improve input file
improve secect
animation
icon labels
*/
/* 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;
  margin: 0px !important;
  padding-bottom: 10px !important;
  position: relative;
  z-index: 1; }
  .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:not(.contextual) + 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-trail a, .navbar-menu .menu .is-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[data-drupal-link-system-path="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: #ffffff;
  overflow: auto;
  border-right: 1px solid #ffffff;
  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: #F0F0F0; }
      #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 .active-trail a, #drawer .menu .is-active {
      color: #66b76f; }
      #drawer .menu .active-trail a.icon-left:before, #drawer .menu .active-trail a.icon-right:after, #drawer .menu .is-active.icon-left:before, #drawer .menu .is-active.icon-right:after {
        color: #66b76f; }
      #drawer .menu .active-trail a.services-icon-left:before, #drawer .menu .active-trail a.services-icon-right:after, #drawer .menu .active-trail a.filetypes-icon-left:before, #drawer .menu .active-trail a.filetypes-icon-right:after, #drawer .menu .is-active.services-icon-left:before, #drawer .menu .is-active.services-icon-right:after, #drawer .menu .is-active.filetypes-icon-left:before, #drawer .menu .is-active.filetypes-icon-right:after {
        background: #66b76f; }

/* TO DO
.drawer-dark
.color-themes
.mobile dimensions
closing drawer by swipe
*/
/* 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 #bg-video {
  display: none; }

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

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

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

.header-bg-image.navbar-fixed #header-bg {
  display: block;
  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: #66b76f; }

.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: #66b76f; }

.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; }

/* TO DO
navbar overlaying header-content (for sliders)
*/
/* 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: #F0F0F0; }
  .sidebar .menu li a.is-active {
    color: #66b76f; }
  .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"], .block-search form .form-item input[type="search"] {
        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"], .block-search.search-persistent form .form-item input[type="search"] {
      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"], .navbar-item.block-search form .form-item input[type="search"],
#header .block-search form .form-item input[type="text"],
#header .block-search form .form-item input[type="search"],
.card-bg-primary .block-search form .form-item input[type="text"],
.card-bg-primary .block-search form .form-item input[type="search"] {
  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"]::-webkit-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder,
  #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder,
  #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder,
  #header .block-search form .form-item input[type="text"]::-moz-placeholder,
  #header .block-search form .form-item input[type="search"]::-moz-placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder,
  .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder,
  #header .block-search form .form-item input[type="text"]:-ms-input-placeholder,
  #header .block-search form .form-item input[type="search"]:-ms-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]::-ms-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-ms-input-placeholder,
  #header .block-search form .form-item input[type="text"]::-ms-input-placeholder,
  #header .block-search form .form-item input[type="search"]::-ms-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]::-ms-input-placeholder,
  .card-bg-primary .block-search form .form-item input[type="search"]::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search form .form-item input[type="text"]::placeholder, .navbar-item.block-search form .form-item input[type="search"]::placeholder,
  #header .block-search form .form-item input[type="text"]::placeholder,
  #header .block-search form .form-item input[type="search"]::placeholder,
  .card-bg-primary .block-search form .form-item input[type="text"]::placeholder,
  .card-bg-primary .block-search form .form-item input[type="search"]::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, .navbar-item.block-search form .form-item input[type="search"]:focus, .navbar-item.block-search form .form-item input[type="search"].error:focus,
  #header .block-search form .form-item input[type="text"]:focus,
  #header .block-search form .form-item input[type="text"].error:focus,
  #header .block-search form .form-item input[type="search"]:focus,
  #header .block-search form .form-item input[type="search"].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,
  .card-bg-primary .block-search form .form-item input[type="search"]:focus,
  .card-bg-primary .block-search form .form-item input[type="search"].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"], .navbar-item.block-search.search-persistent form .form-item input[type="search"],
#header .block-search.search-persistent form .form-item input[type="text"],
#header .block-search.search-persistent form .form-item input[type="search"],
.card-bg-primary .block-search.search-persistent form .form-item input[type="text"],
.card-bg-primary .block-search.search-persistent form .form-item input[type="search"] {
  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, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="search"].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,
  #header .block-search.search-persistent form .form-item input[type="search"]:focus,
  #header .block-search.search-persistent form .form-item input[type="search"].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,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:focus,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"].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"], .navbar-item.block-search.search-persistent form .form-item input[type="search"],
#header .block-search.search-persistent form .form-item.focused input[type="text"],
#header .block-search.search-persistent form .form-item input[type="search"],
.card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"],
.card-bg-primary .block-search.search-persistent form .form-item input[type="search"] {
  color: rgba(0, 0, 0, 0.87); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
  #header .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
  #header .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
  #header .block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-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, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-ms-input-placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]::-ms-input-placeholder,
  #header .block-search.search-persistent form .form-item input[type="search"]::-ms-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-ms-input-placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::placeholder,
  #header .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder,
  #header .block-search.search-persistent form .form-item input[type="search"]::placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::placeholder,
  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::placeholder {
    color: rgba(0, 0, 0, 0.26); }

.navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item {
  background: #eeeeee; }
  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item:hover {
    background: #f5f5f5; }
  .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"], .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"] {
    color: rgba(0, 0, 0, 0.87); }
    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-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"]::-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-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, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-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, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-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, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::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; }

.ui-autocomplete.ui-widget.ui-widget-content {
  border: 0;
  padding: 0;
  box-sizing: content-box;
  background: #FFF;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }
  .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item {
    padding: 0;
    margin: 0;
    display: block; }
    .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a {
      display: block;
      padding: 8px 12px 8px 12px;
      color: rgba(0, 0, 0, 0.87);
      font-family: TheSans-300, sans-serif;
      font-size: 16px;
      line-height: 24px; }
      .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a.ui-state-focus, .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a.ui-state-active {
        background: #F0F0F0;
        border: 0;
        margin: 0; }
  .search-persistent-autocomplete .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a {
    padding: 8px 12px 8px 60px; }

.search-api-autocomplete-search .ui-menu-item-wrapper .search-api-autocomplete-suggestion {
  padding: 0; }

.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  background: none;
  color: inherit; }

/* 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(102, 183, 111, 0.5); }
      .tabs ul li a.is-active, ul.tabs li a.is-active {
        border-color: #66b76f;
        color: #66b76f; }
        .tabs ul li a.is-active:hover, ul.tabs li a.is-active:hover {
          border-color: #66b76f; }

/* TO DO
tabs in navbar, tabs in header (on primary background)
color themes
*/
/* cards */
.card, .content-card .card-holder {
  padding: 24px;
  border-radius: 2px;
  background: #F7F7F7; }
  .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):last-child, .content-card .card-holder > *:not(.card-item):last-child, .card > div > .block:last-child, .content-card .card-holder > div > .block:last-child {
    margin-bottom: 0 !important; }

.card-main, .content-card .card-holder {
  background: #F7F7F7;
  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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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-deep-purple {
  background-color: #673ab7;
  color: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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 {
    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 .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 {
      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 {
      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 {
    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 .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 {
      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 {
      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 {
    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 .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 {
      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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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-custom-brand-color {
  background-color: #66b76f;
  color: rgba(0, 0, 0, 0.87); }
  .card-bg-custom-brand-color .text-secondary {
    color: rgba(0, 0, 0, 0.54); }
  .card-bg-custom-brand-color .btn, .card-bg-custom-brand-color .pager .pager-item > a, .pager .card-bg-custom-brand-color .pager-item > a, .card-bg-custom-brand-color .pager .pager-item > span, .pager .card-bg-custom-brand-color .pager-item > span {
    color: rgba(0, 0, 0, 0.87); }
    .card-bg-custom-brand-color .btn:hover, .card-bg-custom-brand-color .pager .pager-item > a:hover, .pager .card-bg-custom-brand-color .pager-item > a:hover, .card-bg-custom-brand-color .pager .pager-item > span:hover, .pager .card-bg-custom-brand-color .pager-item > span:hover, .card-bg-custom-brand-color .btn:focus, .card-bg-custom-brand-color .pager .pager-item > a:focus, .pager .card-bg-custom-brand-color .pager-item > a:focus, .card-bg-custom-brand-color .pager .pager-item > span:focus, .pager .card-bg-custom-brand-color .pager-item > span:focus {
      background: rgba(204, 204, 204, 0.15);
      color: rgba(0, 0, 0, 0.87); }
    .card-bg-custom-brand-color .btn:active, .card-bg-custom-brand-color .pager .pager-item > a:active, .pager .card-bg-custom-brand-color .pager-item > a:active, .card-bg-custom-brand-color .pager .pager-item > span:active, .pager .card-bg-custom-brand-color .pager-item > span:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-custom-brand-color .divider-top, .card-bg-custom-brand-color .divider-bottom {
    border-color: rgba(0, 0, 0, 0.12); }
  .card-bg-custom-brand-color .rippleAnimate {
    background-color: rgba(0, 0, 0, 0.3); }

.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 {
    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 .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 {
      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 {
      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 {
    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 .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 {
      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 {
      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 {
    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 .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 {
      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 {
      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 {
    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 .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 {
      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 {
      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 {
    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 .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 {
      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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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 {
    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 .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 {
      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 {
      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: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      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: #66b76f;
  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 {
    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 .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 {
      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 {
      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-custom-brand-color-grey {
  background-color: #6a6a6a;
  color: #FFFFFF; }
  .card-bg-custom-brand-color-grey .text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .card-bg-custom-brand-color-grey .btn, .card-bg-custom-brand-color-grey .pager .pager-item > a, .pager .card-bg-custom-brand-color-grey .pager-item > a, .card-bg-custom-brand-color-grey .pager .pager-item > span, .pager .card-bg-custom-brand-color-grey .pager-item > span {
    color: #FFFFFF; }
    .card-bg-custom-brand-color-grey .btn:hover, .card-bg-custom-brand-color-grey .pager .pager-item > a:hover, .pager .card-bg-custom-brand-color-grey .pager-item > a:hover, .card-bg-custom-brand-color-grey .pager .pager-item > span:hover, .pager .card-bg-custom-brand-color-grey .pager-item > span:hover, .card-bg-custom-brand-color-grey .btn:focus, .card-bg-custom-brand-color-grey .pager .pager-item > a:focus, .pager .card-bg-custom-brand-color-grey .pager-item > a:focus, .card-bg-custom-brand-color-grey .pager .pager-item > span:focus, .pager .card-bg-custom-brand-color-grey .pager-item > span:focus {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .card-bg-custom-brand-color-grey .btn:active, .card-bg-custom-brand-color-grey .pager .pager-item > a:active, .pager .card-bg-custom-brand-color-grey .pager-item > a:active, .card-bg-custom-brand-color-grey .pager .pager-item > span:active, .pager .card-bg-custom-brand-color-grey .pager-item > span:active {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-custom-brand-color-grey .divider-top, .card-bg-custom-brand-color-grey .divider-bottom {
    border-color: rgba(255, 255, 255, 0.12); }
  .card-bg-custom-brand-color-grey .rippleAnimate {
    background-color: rgba(255, 255, 255, 0.1); }

.card-bg-primary {
  background: #66b76f;
  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 {
    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 .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 {
      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 {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-primary a {
    color: #B5EA7B; }
    .card-bg-primary a:hover {
      color: #c4ee95; }
    .card-bg-primary a:active {
      color: #338daa; }
  .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: #338daa;
  color: #FFFFFF; }
  .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 {
    color: #FFFFFF; }
    .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 .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 {
      background: rgba(204, 204, 204, 0.15);
      color: #FFFFFF; }
    .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 {
      background: rgba(204, 204, 204, 0.25); }
  .card-bg-accent a {
    color: #B5EA7B; }
    .card-bg-accent a:hover {
      color: #c4ee95; }
    .card-bg-accent a:active {
      color: #338daa; }
  .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, .card-grid .content-card .card-holder, .content-card .card-grid .card-holder {
    border-radius: 0; }
  .card-grid .card-media {
    border-radius: 0; }

/* TO DO
card title and actions overlay for card-bg-image and card-media
*/
/* 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: #338daa;
    border-bottom: 1px dotted #338daa;
    cursor: pointer; }
    .collapsible-toggle span:hover {
      color: #44b8d3;
      border-color: #44b8d3; }
    .collapsible-toggle span:active {
      color: #92D557;
      border-color: #92D557; }
  .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 {
  padding: 8px 0;
  margin: 0;
  background: #F7F7F7;
  border-radius: 2px;
  position: absolute;
  list-style: none;
  text-align: left; }
  .menu-dropdown li a {
    display: block;
    padding: 12px 16px;
    color: rgba(0, 0, 0, 0.87); }
    .menu-dropdown li a:hover {
      background: #F0F0F0;
      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: #4A9D5B; }

.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";
    vertical-align: middle; }
  .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: #C8E6C9; }
  .messages-status:before {
    content: "check_circle";
    color: #388E3C; }
  .messages-status a {
    color: #2E7D32; }
    .messages-status a:hover {
      color: #2a722e; }
    .messages-status a:active {
      color: #338daa; }

.messages-warning {
  background: #fff9c4; }
  .messages-warning:before {
    color: #fbc02d; }
  .messages-warning a {
    color: #f57f17; }
    .messages-warning a:hover {
      color: #f2770a; }
    .messages-warning a:active {
      color: #338daa; }

.messages-error {
  background: #FFCDD2; }
  .messages-error:before {
    content: "warning";
    color: #D32F2F; }
  .messages-error a {
    color: #B71C1C; }
    .messages-error a:hover {
      color: #aa1a1a; }
    .messages-error a:active {
      color: #338daa; }

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

ul.messages-list {
  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; }

.toolbar-vertical.navbar-fixed #navbar, .toolbar-vertical #drawer {
  top: 39px; }

.toolbar-horizontal.navbar-fixed #navbar, .toolbar-horizontal #drawer {
  top: 39px; }

.toolbar-horizontal.toolbar-tray-open.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open #drawer {
  top: 79px; }

.toolbar-horizontal.toolbar-tray-open.admin-toolbar.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open.admin-toolbar #drawer {
  top: 80px; }

.toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar #drawer {
  top: 79px; }

body.adminimal-admin-toolbar.toolbar-fixed {
  padding-top: 39px !important; }

.toolbar-vertical.toolbar-tray-open.drawer-permanent #drawer {
  left: 240px; }

@media (min-width: 992px) {
  .toolbar-vertical.drawer-below-navbar #drawer {
    top: 103px; }
  .toolbar-horizontal.drawer-below-navbar #drawer {
    top: 103px; }
  .toolbar-horizontal.toolbar-tray-open.drawer-below-navbar #drawer {
    top: 143px; }
  .toolbar-horizontal.toolbar-tray-open.admin-toolbar.drawer-below-navbar #drawer {
    top: 144px; }
  .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar.drawer-below-navbar #drawer {
    top: 143px; } }

/* user pages */
.layout-container {
  margin: 0; }

/* maintenance-page */
.maintenance-page {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #66b76f;
  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; }

/* comments and other text inputs */
.js-text-format-wrapper.form-item .form-type-textarea {
  margin-top: 0;
  margin-bottom: 0; }

/* nested comments */
.indented {
  margin-left: 40px; }

/* comment mark */
.js-comment mark {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  padding: 1px 12px;
  height: 24px;
  border-radius: 2px;
  margin-bottom: 8px;
  background: #66b76f;
  color: rgba(0, 0, 0, 0.87); }
  .js-comment mark.hidden {
    display: none; }

body {
  padding-top: 0 !important; }

.path-frontpage nav.slick__arrow {
  background: transparent !important; }

.path-frontpage #header {
  margin-top: 0px !important; }
  .path-frontpage #header #header-bg {
    display: block; }

#block-retail-portal-tools, .tabs {
  background-color: #66b76f !important; }

#block-headerafbeeldinghome img {
  box-shadow: none !important; }

#header-bg .page-header-image .field-item img {
  max-height: 380px !important; }

.filter-tips-html {
  display: none; }

.toolbar-lining, nav.breadcrumb {
  background-color: transparent !important;
  box-shadow: none; }

body.materialboxed-active {
  position: absolute; }
  body.materialboxed-active #navbar,
  body.materialboxed-active header#header {
    z-index: -1 !important;
    opacity: 0; }
  body.materialboxed-active .material-placeholder.active {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999; }
    body.materialboxed-active .material-placeholder.active img.materialboxed.active {
      max-width: 600px !important;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%); }

.responsive-img img {
  max-width: 100%;
  height: auto; }

.primary-blue {
  background: #338daa; }

.primary-blue-light {
  background: #44b8d3; }

.user-profile-btn-group {
  top: 0; }
  .user-profile-btn-group .secondary-color {
    background-color: #6a6a6a; }

.fixed-action-btn.toolbar {
  height: 40px; }
  .fixed-action-btn.toolbar.active {
    top: -10px; }

.fixed-action-btn.direction-left ul {
  width: 100%;
  left: 0;
  top: 50%; }
  .fixed-action-btn.direction-left ul li a i {
    color: rgba(255, 255, 255, 0.7);
    line-height: 40px; }
    .fixed-action-btn.direction-left ul li a i:hover {
      color: rgba(255, 255, 255, 0.9); }

.page-layout {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.inner-wrapper-left {
  position: relative; }
  @media (min-width: 360px) {
    .inner-wrapper-left {
      padding: 0px 15px; } }
  @media (min-width: 768px) {
    .inner-wrapper-left {
      padding-left: 25px;
      padding-right: 25px; } }
  @media (min-width: 768px) {
    .inner-wrapper-left .container {
      padding-left: 0;
      padding-right: 0; } }

.inner-wrapper-right {
  position: relative; }

.row.main-wrapper {
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden; }

.main-content-wrapper {
  padding-bottom: 25px;
  margin-bottom: 25px; }

#content {
  position: relative; }

#header {
  background-color: transparent;
  padding-top: 0px !important;
  margin-top: 70px;
  box-shadow: none; }
  #header .campaign-header-image img {
    width: 100%; }

#navbar {
  position: relative;
  z-index: 10; }

.page-wrapper-mobile {
  z-index: 1; }

.form-wrapper {
  margin-top: 25px; }

.mobile-main {
  margin-left: 20px; }

.navbar-logo {
  margin: 0px !important;
  padding-bottom: 10px !important; }
  .navbar-logo a {
    padding-left: 25px !important; }
    .navbar-logo a img {
      height: 35px !important;
      position: relative;
      top: 5px; }

.layout-content.main-content-wrapper {
  position: relative;
  padding: 30px 0px 20px 0px;
  max-width: 1200px;
  margin-top: -40px; }
  @media (min-width: 360px) {
    .layout-content.main-content-wrapper {
      margin-bottom: 55px; } }
  @media (min-width: 768px) {
    .layout-content.main-content-wrapper {
      padding-left: 0;
      padding-right: 0; } }

@media (min-width: 768px) {
  .path-frontpage .inner-wrapper-left {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 768px) {
  .path-frontpage .inner-wrapper-left .main-content-wrapper {
    padding-left: 25px;
    padding-right: 25px; } }

body.path-checkout .row.main-wrapper,
body.path-cart .row.main-wrapper {
  position: relative;
  z-index: 1; }

body.path-checkout .waves-container-home,
body.path-checkout .welcomeMessage,
body.path-cart .waves-container-home,
body.path-cart .welcomeMessage {
  display: none; }

@media (max-width: 767px) {
  body.path-checkout .layout-content.main-content-wrapper,
  body.path-cart .layout-content.main-content-wrapper {
    padding: 0 0 50px 0 !important;
    margin: 0 !important; } }

body.path-checkout footer#footer {
  margin: 0;
  border-top: 10px solid #6a6a6a;
  background: #66b76f; }
  body.path-checkout footer#footer.footer-checkout-page {
    position: relative;
    width: 100%;
    bottom: 0px;
    left: 0; }
    @media (max-width: 1255px) {
      body.path-checkout footer#footer.footer-checkout-page {
        position: relative; } }

@media (max-width: 767px) {
  body.path-cart #content.container {
    padding: 0; } }

@media screen and (max-width: 609px) {
  header#header #header-bg,
  header#header #header-bg-campaign-page {
    padding-top: 39px; }
  .login-page header#header #header-bg {
    padding-top: 0px !important; } }

li.menu-item a.top-level-link {
  justify-content: center; }
  li.menu-item a.top-level-link i {
    position: absolute;
    bottom: -52px;
    color: #57A25F;
    font-size: 30px !important;
    transform: rotate(-90deg); }

li.menu-item.active, li.menu-item:hover,
li.menu-item a.top-level-link:hover {
  background-color: #5BA46F !important; }

li.menu-item:hover a.top-level-link {
  color: #6a6a6a; }
  li.menu-item:hover a.top-level-link i {
    display: block !important; }

.menu-item.menu--parent > div i,
.menu-item.menu--parent a.top-level-link i {
  display: none; }

.menu-item.menu--parent:hover > div {
  display: block !important;
  right: 0; }

.menu-item.menu--parent .field-type-image {
  padding-left: 4px;
  padding-right: 4px; }

.menu-item.menu--parent img.responsive-img {
  box-sizing: border-box; }

div.pushpin-header .contextual {
  top: 50px;
  right: 46px; }

.block-crc-search-form-block {
  z-index: -1; }
  .block-crc-search-form-block.active {
    z-index: 10; }

#searchBackDropWrapper {
  background-color: #000000;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0; }

.search-form-icon.warning {
  background-color: #e64444 !important; }

.search-form-icon.warning {
  background-color: #e64444 !important; }

body.adminimal-admin-toolbar.toolbar-tray-open.toolbar-horizontal {
  padding-top: 73px !important; }

body.adminimal-admin-toolbar #navbar.row {
  top: 39px !important; }

.search-form-btn-wrapper {
  display: none; }

@media screen and (max-width: 767px) {
  #navbar .search-form-btn-wrapper {
    top: 38px !important; }
  #navbar .search-form-icon.warning {
    display: none !important; }
  body.path-search-site #footer-bg .swoosh.footer__swoosh {
    display: none !important; }
  body.path-search-site .layout-content.main-content-wrapper {
    margin-bottom: 0;
    padding-bottom: 0; }
    body.path-search-site .layout-content.main-content-wrapper div#block-retail-portal-content {
      padding-bottom: 0; }
  body.path-search-site .page-layout .inner-wrapper-right {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 100px; }
    body.path-search-site .page-layout .inner-wrapper-right aside#sidebar-right {
      top: 0 !important; } }

body.path-search-site .row.main-wrapper {
  z-index: 1; }

body.path-search-site .layout-content.main-content-wrapper {
  margin-top: 0; }

body.path-search-site .search-form-btn-wrapper {
  width: 100% !important;
  height: 59px !important; }

body.path-search-site .search-form-btn-wrapper {
  display: block; }

body.path-search-site #footer-bg .swoosh.footer__swoosh {
  display: block; }

body.path-search-site #block-retail-portal-content {
  padding-bottom: 40px; }

#toolbar-administration nav#toolbar-bar {
  position: fixed;
  min-height: 39px;
  height: auto !important;
  line-height: 1 !important; }
  #toolbar-administration nav#toolbar-bar nav {
    height: auto !important;
    line-height: 1 !important; }
  #toolbar-administration nav#toolbar-bar .toolbar-tab,
  #toolbar-administration nav#toolbar-bar #admin-toolbar-search-tab {
    line-height: 1 !important; }
  #toolbar-administration nav#toolbar-bar #admin-toolbar-search-tab input {
    height: 2rem; }

#toolbar-administration a {
  font-size: 12px !important; }

#toolbar-administration #toolbar-item-administration-tray .toolbar-toggle-orientation {
  display: block !important; }

#toolbar-administration #toolbar-item-administration-tray.toolbar-tray-vertical div.toolbar-menu-administration > ul.toolbar-menu {
  display: flex;
  flex-direction: column; }

#toolbar-administration #toolbar-item-administration-tray.toolbar-tray-vertical .menu-item > ul.toolbar-menu {
  float: left;
  width: 100%; }
  #toolbar-administration #toolbar-item-administration-tray.toolbar-tray-vertical .menu-item > ul.toolbar-menu li {
    width: 100%; }

body.toolbar-horizontal {
  padding-top: 36px !important; }
  body.toolbar-horizontal.toolbar-tray-open {
    padding-top: 72px !important; }

@media (min-width: 360px) {
  .welcomeMessage {
    margin-top: 0px;
    z-index: 20;
    position: relative; } }

.welcomeMessage .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em; }

.welcomeMessage .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #338daa;
  transform-origin: 0 50%; }

.welcomeMessage .line1 {
  top: 0;
  left: 0; }

.welcomeMessage .letter {
  display: inline-block;
  line-height: 1em; }

.welcomeMessage .letter .spanperiod {
  display: inline-block;
  line-height: 1em; }

.admin-toolbar.path-user #navbar {
  display: none; }

.admin-toolbar.path-user #header {
  padding-top: 0px !important; }

.admin-toolbar.path-user #block-retail-portal-page-title {
  display: inline-block;
  text-align: center;
  color: #338daa;
  position: relative;
  z-index: 500;
  left: calc(50% - 160px); }
  .admin-toolbar.path-user #block-retail-portal-page-title > h1 {
    display: block; }

.admin-toolbar.path-user .breadcrumb {
  display: none; }

.admin-toolbar.path-user .messages-wrapper {
  display: block;
  text-align: center; }
  .admin-toolbar.path-user .messages-wrapper .messages.messages- {
    display: inline-block;
    margin: 15px 0; }

.admin-toolbar.path-user .layout-content #user-login-form {
  margin-bottom: 55px; }
  .admin-toolbar.path-user .layout-content #user-login-form .user-icon {
    margin-bottom: 25px; }
    .admin-toolbar.path-user .layout-content #user-login-form .user-icon > i {
      color: #66b76f; }
  .admin-toolbar.path-user .layout-content #user-login-form .form-type-password {
    margin-bottom: 45px; }
  .admin-toolbar.path-user .layout-content #user-login-form input[type="submit"] {
    margin-top: 25px;
    margin-bottom: 25px;
    background: #66b76f;
    padding-right: 16px;
    padding-left: 16px;
    margin-left: 25px;
    color: white; }
    .admin-toolbar.path-user .layout-content #user-login-form input[type="submit"]:hover {
      background: #438e4b; }
  .admin-toolbar.path-user .layout-content #user-login-form a {
    float: none;
    box-shadow: none;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 45px;
    text-decoration: underline; }
    .admin-toolbar.path-user .layout-content #user-login-form a:hover {
      background: transparent; }

.admin-toolbar.path-user #footer {
  background: #66b76f;
  margin-top: 45px; }

.waves-container-login {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative; }
  .waves-container-login .waves-login {
    position: absolute;
    z-index: 10;
    width: 104vw;
    height: 15vh;
    margin-bottom: -7px;
    max-height: 150px;
    bottom: 0;
    left: -4vw; }
    @media (min-width: 360px) {
      .waves-container-login .waves-login {
        height: 40px;
        bottom: 5px; } }
    @media (min-width: 768px) {
      .waves-container-login .waves-login {
        height: 80px;
        bottom: 0px; } }

body.user-logged-in header#header #header-bg-campaign-page,
body.user-logged-in header#header #header-bg {
  position: relative; }

body.user-logged-in .campaign-header-image {
  position: relative;
  z-index: 1; }
  body.user-logged-in .campaign-header-image img.responsive-img {
    display: block; }

body.user-logged-in .waves-container-home,
body.user-logged-in .waves-container-campaign-page {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

body.user-logged-in .waves-container-home .waves-home,
body.user-logged-in .waves-container-campaign-page .waves-campaign-page {
  position: relative;
  z-index: 0;
  width: 100.1vw;
  min-height: 0;
  max-height: none; }

@media screen and (min-width: 480px) {
  body.user-logged-in.path-frontpage header#header {
    padding-bottom: 30px; } }

.waves-container-campaign {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 0; }
  .waves-container-campaign .waves-campaign {
    position: absolute;
    z-index: 0;
    width: 100%;
    min-height: 150px;
    top: -140px;
    left: 0; }

.waves-container-home-card {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative; }
  .waves-container-home-card .waves-home-card {
    position: absolute;
    width: 124vw;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 400px;
    top: -14vh;
    left: -24vw; }

@media screen and (max-width: 480px) {
  .layout-content.main-content-wrapper {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px; }
  .row.main-wrapper.campaign-node .container {
    padding: 0; }
  .row.main-wrapper.campaign-node #sidebar-right {
    top: 0px !important; } }

@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px; }
  h1 {
    font-size: 24px; } }

.mm-ocd .mm-ocd__backdrop {
  z-index: 1 !important;
  width: 100% !important; }

#sidebar-right {
  display: block;
  position: relative;
  top: 85px !important; }
  #sidebar-right.topCorrection {
    top: 155px !important; }

.no-sidebars.admin-toolbar.path-user.header-bg-image #header {
  margin-top: 0px; }

.card-blue {
  background: #338daa; }
  .card-blue > h2, .card-blue h3 {
    color: rgba(255, 255, 255, 0.7); }
  .card-blue > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-blue > h6, .card-blue h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-blue-highlight {
  background: #44b8d3; }
  .card-blue-highlight > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-blue-highlight > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-blue-highlight > h6, .card-blue-highlight h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-green {
  background: #66b76f; }
  .card-green .form-item > label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px; }
  .card-green > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-green > h3 {
    color: rgba(255, 255, 255, 0.7); }
  .card-green > h6, .card-green h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-light-green {
  background: #8DD38E; }
  .card-light-green .form-item > label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px; }
  .card-light-green > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-light-green > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-light-green > h6, .card-light-green h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-yellow {
  background: #ffcb00; }
  .card-yellow > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-yellow > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-yellow > h6, .card-yellow h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-orange {
  background: #e84f35; }
  .card-orange > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-orange > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-orange > h6, .card-orange h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-red {
  background: #C80064; }
  .card-red > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-red > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-red > h6, .card-red h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-grey-primary {
  background: #6a6a6a; }
  .card-grey-primary form label {
    color: rgba(255, 255, 255, 0.7); }
  .card-grey-primary > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-grey-primary > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-grey-primary > h6, .card-grey-primary h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-grey-shade {
  background: #A5A5A5; }
  .card-grey-shade form label {
    color: rgba(255, 255, 255, 0.7); }
  .card-grey-shade > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-grey-shade > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-grey-shade > h6, .card-grey-shade h5 {
    color: rgba(0, 0, 0, 0.54); }

.card-grey-light {
  background: #D2D2D2; }
  .card-grey-light > h2 {
    color: rgba(255, 255, 255, 0.7); }
  .card-grey-light > h3 {
    color: rgba(0, 0, 0, 0.54); }
  .card-grey-light > h6, .card-grey-light h5 {
    color: rgba(0, 0, 0, 0.54); }

.profile .profile-image {
  max-width: 45px;
  position: relative;
  top: 20px; }

.profile .title-widget.profile-title {
  padding-left: 15px; }

.profile .profile-date {
  padding-left: 15px;
  top: -20px;
  position: relative; }

.block-portal-dashboard-profile {
  padding-right: 0;
  position: absolute;
  top: 15px;
  right: 0; }
  .block-portal-dashboard-profile .profile {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1; }
    .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn {
      position: relative;
      text-align: center;
      right: 0;
      padding-right: 0;
      z-index: 1;
      width: 100px;
      height: 40px;
      left: calc(100% - 133px);
      display: inline-block; }
      .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn > a {
        box-shadow: none;
        z-index: 5;
        background: #338daa;
        color: white; }
        .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn > a.btn-cart {
          margin-right: 5px; }
        .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn > a:hover {
          background: #215c6f; }
        .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn > a > i {
          font-size: 24px;
          width: 40px;
          height: 40px;
          color: white; }
          .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn > a > i:hover {
            color: white !important; }
      .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn.direction-left > ul {
        left: calc(100% - 344px) !important;
        display: inline-block;
        top: 85px;
        right: 0;
        background: #6a6a6a;
        height: 60px;
        width: 365px;
        z-index: 0;
        border-radius: 4px; }
        .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn.direction-left > ul > li > a {
          box-shadow: none; }
          .block-portal-dashboard-profile .profile .user-profile-btn-group.frontend.fixed-action-btn.direction-left > ul > li > a:hover {
            background: #44b8d3; }

#block-dashboardgebruikerprofiel-2 .profile {
  padding-bottom: 0px; }
  #block-dashboardgebruikerprofiel-2 .profile .fixed-action-btn {
    z-index: 20; }

.section-news {
  background: #ffffff;
  position: relative;
  z-index: 10; }

.news-inner-wrapper {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  padding: 0 15px; }
  @media (min-width: 360px) {
    .news-inner-wrapper {
      margin-top: -60px; } }
  @media (min-width: 1256px) {
    .news-inner-wrapper {
      margin-top: 0px; } }

.waves-container-news {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .waves-container-news .waves-news {
    position: absolute;
    z-index: 1;
    width: 100%;
    min-height: 150px;
    top: -150px;
    left: 0; }

.title-news {
  margin-bottom: 35px;
  margin-top: 40px;
  padding-left: 25px;
  text-align: center;
  position: relative;
  z-index: 10; }
  @media (min-width: 360px) {
    .title-news {
      padding-left: 0px; } }
  @media (min-width: 768px) {
    .title-news {
      margin-top: 0px; } }
  @media (min-width: 1256px) {
    .title-news {
      margin-top: 0px; } }
  .title-news > h2 {
    font-size: 1.8em; }

.news-grid {
  margin-bottom: 45px; }
  @media (min-width: 768px) {
    .news-grid {
      padding-left: 25px;
      padding-right: 25px; } }
  .news-grid .card-wrapper {
    margin-bottom: 35px; }
    @media (min-width: 360px) {
      .news-grid .card-wrapper {
        padding: 0 !important; } }
    @media (min-width: 768px) {
      .news-grid .card-wrapper {
        padding-left: 25px;
        padding-right: 25px; } }
    .news-grid .card-wrapper .news-item {
      padding-top: 0px;
      padding-bottom: 15px;
      padding: 0 0 15px 0;
      overflow: hidden;
      display: flex;
      flex-flow: column nowrap;
      height: 100%;
      position: relative;
      background: transparent; }
      @media (min-width: 768px) {
        .news-grid .card-wrapper .news-item {
          padding: 12px 10px; } }
      .news-grid .card-wrapper .news-item .card-image {
        position: relative;
        transition: transform .4s;
        z-index: 10; }
        .news-grid .card-wrapper .news-item .card-image:hover {
          transform: scale(1.15); }
        .news-grid .card-wrapper .news-item .card-image img {
          border-radius: 5px; }
      .news-grid .card-wrapper .news-item .card-text-inner {
        padding: 0 10px; }
        .news-grid .card-wrapper .news-item .card-text-inner .title-item {
          font-size: 24px;
          padding: 10px 0;
          margin-top: 16px !important;
          color: white !important; }
          @media (min-width: 768px) {
            .news-grid .card-wrapper .news-item .card-text-inner .title-item {
              font-size: 22px;
              padding: 0; } }
        .news-grid .card-wrapper .news-item .card-text-inner > p {
          -webkit-margin-before: 0.5em;
                  margin-block-start: 0.5em; }
      .news-grid .card-wrapper .news-item .link.news-btn {
        transition: all .2s ease-out;
        color: #338daa;
        padding-left: 15px;
        position: absolute;
        bottom: 30px; }
        .news-grid .card-wrapper .news-item .link.news-btn .link-icon {
          transition: all .2s ease-out;
          font-size: 1.3rem !important;
          position: relative;
          top: 5px;
          left: 0px; }
        .news-grid .card-wrapper .news-item .link.news-btn .link-icon.hover {
          left: 5px; }

.title-recent-content > h2 {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0px;
  top: 15px !important;
  position: relative;
  font-size: 22px; }

#recent-content .card-wrapper {
  padding-left: 0px;
  padding-right: 0px; }
  #recent-content .card-wrapper .content .row .card-text-inner .title-item {
    color: rgba(255, 255, 255, 0.7);
    line-height: 18px;
    margin-bottom: 0px;
    font-size: 16px; }
    #recent-content .card-wrapper .content .row .card-text-inner .title-item a {
      transition: all 0.3s;
      color: #44b8d3; }
      #recent-content .card-wrapper .content .row .card-text-inner .title-item a:hover {
        color: #338daa; }
  #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 {
    margin-top: 0px;
    font-size: 14px;
    line-height: 16px; }
    #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent {
      position: relative;
      transition: all 0.3s;
      color: #44b8d3; }
      #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent:hover {
        color: #338daa; }
      #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent .vertical-divider {
        position: relative;
        left: 5px; }
      #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.material-icons, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.icon-left:before, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.icon-right:after, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.info:before, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.important:before, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.messages-status:before, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.messages-warning:before, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.messages-error:before, #recent-content .card-wrapper .content .row .card-text-inner .content-type > h4 .link-recent i.collapsible-toggle:before {
        top: 8px;
        position: relative;
        left: 5px; }

.recent-content-div {
  background: rgba(0, 0, 0, 0.12);
  height: 1px;
  display: block;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 10px; }

.tag-title {
  margin-bottom: 0; }

.page-tags {
  display: flex;
  flex-flow: row wrap; }
  .page-tags div:not(:first-child) {
    margin-left: 5px; }
  .page-tags .tag-item {
    margin-top: 5px; }
    .page-tags .tag-item .tag-icon {
      top: 5px;
      position: relative;
      font-size: 20px;
      width: 20px;
      height: 20px;
      margin-right: 3px;
      color: #66b76f; }

.section-campaign {
  background: #E2E2E2;
  padding: 40px 0 130px 0;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
  margin-top: 100px; }
  @media (min-width: 360px) {
    .section-campaign {
      padding-bottom: 90px; } }
  @media (min-width: 768px) {
    .section-campaign {
      padding: 0px; } }

.campaign-inner-wrapper {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  padding: 0  15px; }
  @media (min-width: 360px) {
    .campaign-inner-wrapper {
      margin-top: -80px; } }
  @media (min-width: 768px) {
    .campaign-inner-wrapper {
      margin-top: -50px; } }
  @media (min-width: 1256px) {
    .campaign-inner-wrapper {
      margin-top: 0px; } }

.title-campagne {
  margin-bottom: 35px;
  margin-top: 35px;
  padding-left: 25px;
  text-align: center;
  position: relative; }
  @media (min-width: 360px) {
    .title-campagne {
      padding-left: 0px; } }
  .title-campagne > h2 {
    font-size: 1.8em; }

.campagne-grid {
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .campagne-grid {
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 120px; } }
  .campagne-grid .card-wrapper {
    margin-bottom: 35px; }
    @media (min-width: 360px) {
      .campagne-grid .card-wrapper {
        padding: 0 !important;
        margin-bottom: 55px; } }
    .campagne-grid .card-wrapper .card, .campagne-grid .card-wrapper .content-card .card-holder, .content-card .campagne-grid .card-wrapper .card-holder {
      padding: 12px;
      overflow: hidden;
      background-color: transparent;
      display: flex;
      flex-flow: column nowrap;
      height: 100%;
      position: relative; }
      @media (min-width: 360px) {
        .campagne-grid .card-wrapper .card, .campagne-grid .card-wrapper .content-card .card-holder, .content-card .campagne-grid .card-wrapper .card-holder {
          padding: 12px 0 !important; } }
      @media (min-width: 768px) {
        .campagne-grid .card-wrapper .card, .campagne-grid .card-wrapper .content-card .card-holder, .content-card .campagne-grid .card-wrapper .card-holder {
          padding: 12px 10px !important; } }
      .campagne-grid .card-wrapper .card .card-image, .campagne-grid .card-wrapper .content-card .card-holder .card-image, .content-card .campagne-grid .card-wrapper .card-holder .card-image {
        position: relative;
        transition: transform .4s;
        z-index: 10; }
        .campagne-grid .card-wrapper .card .card-image:hover, .campagne-grid .card-wrapper .content-card .card-holder .card-image:hover, .content-card .campagne-grid .card-wrapper .card-holder .card-image:hover {
          transform: scale(1.1); }
        .campagne-grid .card-wrapper .card .card-image img, .campagne-grid .card-wrapper .content-card .card-holder .card-image img, .content-card .campagne-grid .card-wrapper .card-holder .card-image img {
          cursor: pointer;
          border-radius: 5px; }
      .campagne-grid .card-wrapper .card .title-wrapper, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper {
        position: relative;
        display: block; }
        .campagne-grid .card-wrapper .card .title-wrapper .card-title, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper .card-title, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper .card-title {
          padding: 10px !important;
          font-size: 24px;
          margin-bottom: 0px; }
          @media (min-width: 768px) {
            .campagne-grid .card-wrapper .card .title-wrapper .card-title, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper .card-title, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper .card-title {
              padding: 0px 10px 10px 10px !important;
              font-size: 22px; } }
          .campagne-grid .card-wrapper .card .title-wrapper .card-title > a, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper .card-title > a, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper .card-title > a {
            transition: all 0.4s;
            color: #338daa; }
            .campagne-grid .card-wrapper .card .title-wrapper .card-title > a:hover, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper .card-title > a:hover, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper .card-title > a:hover {
              color: rgba(255, 255, 255, 0.7); }
        .campagne-grid .card-wrapper .card .title-wrapper a.btn-floating, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper a.btn-floating, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper a.btn-floating {
          color: white !important;
          top: 15px !important;
          width: 50px;
          height: 50px;
          cursor: pointer; }
          .campagne-grid .card-wrapper .card .title-wrapper a.btn-floating > i, .campagne-grid .card-wrapper .content-card .card-holder .title-wrapper a.btn-floating > i, .content-card .campagne-grid .card-wrapper .card-holder .title-wrapper a.btn-floating > i {
            font-size: 1.8rem;
            line-height: 50px; }
      .campagne-grid .card-wrapper .card .blue-light, .campagne-grid .card-wrapper .content-card .card-holder .blue-light, .content-card .campagne-grid .card-wrapper .card-holder .blue-light {
        background: #44b8d3; }
      .campagne-grid .card-wrapper .card .card-content, .campagne-grid .card-wrapper .content-card .card-holder .card-content, .content-card .campagne-grid .card-wrapper .card-holder .card-content {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px; }
      .campagne-grid .card-wrapper .card .link.campaign-btn, .campagne-grid .card-wrapper .content-card .card-holder .link.campaign-btn, .content-card .campagne-grid .card-wrapper .card-holder .link.campaign-btn {
        transition: all .2s ease-out;
        border-radius: 30px;
        text-align: center;
        padding: 0px 25px;
        background: #338daa;
        transition: all 0.4s;
        color: white;
        margin-top: 10px;
        display: inline-block;
        position: absolute;
        font-size: 1.2em;
        left: 20px;
        bottom: 0px;
        line-height: 2.2em; }
        .campagne-grid .card-wrapper .card .link.campaign-btn .link-icon, .campagne-grid .card-wrapper .content-card .card-holder .link.campaign-btn .link-icon, .content-card .campagne-grid .card-wrapper .card-holder .link.campaign-btn .link-icon {
          transition: all .2s ease-out;
          font-size: 1.8rem !important;
          position: relative;
          top: 0.5rem;
          left: 0px; }
        .campagne-grid .card-wrapper .card .link.campaign-btn .link-icon.hover, .campagne-grid .card-wrapper .content-card .card-holder .link.campaign-btn .link-icon.hover, .content-card .campagne-grid .card-wrapper .card-holder .link.campaign-btn .link-icon.hover {
          left: 10px; }

@-webkit-keyframes kenburns {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
    opacity: 0; } }

@keyframes kenburns {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
    opacity: 0; } }

.btn-primary-color {
  background-color: #318DA3 !important; }

.btn-primary-color:hover {
  background-color: #5CC2D1 !important; }

.icon-primary-color {
  color: #053C57 !important; }

.help-icon.icon-primary-color {
  color: #5CC2D1 !important; }

.help-icon.icon-primary-color:hover {
  color: #318DA3 !important; }

.form-item-toggle-content-preview label {
  margin-left: 30px; }

.layout-builder {
  border-color: #66b76f;
  padding: 0em 0; }

.layout-builder__region {
  outline: 2px dashed #66b76f;
  padding: 5px 0px 5px 0px; }

.layout-builder__add-section {
  background-color: #66b76f; }

.is-layout-builder-highlighted {
  border: none !important;
  background: rgba(0, 0, 0, 0.03); }

.layout-builder__add-block.is-layout-builder-highlighted {
  border: 3px solid #6a6a6a; }

.layout-builder__add-block {
  background-color: #A5A5A5;
  margin-bottom: 20px;
  margin-top: 20px; }

.layout-builder-block {
  padding: 0px; }

.js-layout-builder-block.layout-builder-block.contextual-region {
  margin-bottom: 10px;
  margin-top: 10px; }

.section-anchor {
  padding-left: 15px; }
  @media (min-width: 360px) {
    .section-anchor {
      padding-left: 0px; } }

p.small-subtitle {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0 0 16px; }

.layout-builder__link--remove {
  margin-bottom: 20px; }

.layout-builder__link--add {
  color: #FFFFFF; }

.layout-builder__link--add:hover {
  color: rgba(255, 255, 255, 0.7); }

.layout-builder__link--remove a, .layout-builder__section a, .vertical-tabs__menu a {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: 10px; }

.layout-builder__section a:hover, .vertical-tabs__menu a:hover {
  color: rgba(255, 255, 255, 0.7); }

.layout-builder__link.layout-builder__link--configure {
  color: #338daa; }
  .layout-builder__link.layout-builder__link--configure:hover {
    color: #44b8d3; }

.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-revision #edit-revision {
  display: block !important;
  margin-right: 15px; }

.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-revision label {
  display: inline-block;
  margin-left: 30px;
  color: #338daa; }

.layout-builder-discard-changes.confirmation #edit-submit {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .layout-builder-discard-changes.confirmation #edit-submit:hover {
    background: #3b7c42; }

.layout-builder-discard-changes.confirmation #edit-cancel {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 10px 15px;
  position: relative;
  top: -16px; }
  .layout-builder-discard-changes.confirmation #edit-cancel:hover {
    background: #3b7c42; }

.entity-view-display-layout-builder-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .entity-view-display-layout-builder-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.node-campaign-layout-builder-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .node-campaign-layout-builder-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.node-nieuws-layout-builder-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .node-nieuws-layout-builder-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.node-article-layout-builder-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .node-article-layout-builder-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.node-standaard-pagina-layout-builder-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .node-standaard-pagina-layout-builder-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.layout-layout-builder-form.layout-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .layout-layout-builder-form.layout-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.layout-layout-builder-form.layout-form #edit-discard-changes {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  line-height: 42px;
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 8px; }
  .layout-layout-builder-form.layout-form #edit-discard-changes:hover {
    background: #3b7c42; }

.node-nieuws-layout-builder-form.node-layout-builder-form .js-form-submit input[type="submit"] {
  background: #66b76f;
  border-radius: 4px;
  color: white;
  padding: 3px 15px; }
  .node-nieuws-layout-builder-form.node-layout-builder-form .js-form-submit input[type="submit"]:hover {
    background: #3b7c42; }

.node-preview-container {
  top: 70px;
  height: 45px;
  background: rgba(0, 0, 0, 0.3); }
  .node-preview-container .node-preview-form-select .node-preview-backlink {
    color: #000;
    margin-left: 55px;
    text-decoration: underline; }
    .node-preview-container .node-preview-form-select .node-preview-backlink:hover {
      text-decoration: none; }

.js-form-item.form-item.js-form-item-settings-block-form-field-download-bestand-0-display {
  display: none; }

#drupal-off-canvas {
  font-family: TheSans-300, sans-serif !important; }
  #drupal-off-canvas .ui-widget input {
    font-family: TheSans-300, sans-serif !important; }

#drupal-off-canvas fieldset {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }

#drupal-off-canvas i {
  font-style: normal; }

.layout-builder-configure-section {
  padding: 15px; }

.js-form-item.form-item.js-form-type-item.form-type-item.js-form-item-settings-admin-label label {
  top: 0px; }

.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox label {
  display: inline-block;
  margin-left: 30px;
  position: relative;
  top: 5px; }

.js-form-item.form-item {
  position: relative; }
  .js-form-item.form-item .description {
    display: inline-block;
    position: absolute;
    left: 90%;
    margin-top: 0px; }
  .js-form-item.form-item label {
    position: relative;
    top: -5px;
    display: inline-block; }

#drupal-off-canvas input {
  border-bottom-color: #338daa !important;
  height: auto; }

.ui-dialog-off-canvas #drupal-off-canvas {
  padding: 10px 0px; }

#drupal-off-canvas input:focus {
  border-bottom: 1px solid #66b76f !important; }

#drupal-off-canvas .form-item.form-type-select {
  overflow: visible; }
  #drupal-off-canvas .form-item.form-type-select .select-wrapper select {
    display: none; }
  #drupal-off-canvas .form-item.form-type-select .dropdown-content {
    top: 60px !important; }
    #drupal-off-canvas .form-item.form-type-select .dropdown-content > li > span {
      font-size: 14px;
      color: #66b76f; }
  #drupal-off-canvas .form-item.form-type-select .caret {
    fill: #338daa; }

.js-form-item.form-item.js-form-type-select.form-type-select select {
  display: none; }

.js-form-item.form-item.js-form-type-select.form-type-select:after {
  display: none; }

.tabledrag-toggle-weight-wrapper {
  font-size: 14px; }
  .tabledrag-toggle-weight-wrapper .link.tabledrag-toggle-weight {
    background: none;
    border: none !important;
    color: rgba(0, 0, 0, 0.87);
    text-decoration: underline;
    transition: color .2s;
    cursor: pointer; }
    .tabledrag-toggle-weight-wrapper .link.tabledrag-toggle-weight:hover {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.54) !important; }

.layout-builder-block-move {
  padding: 0 15px; }
  .layout-builder-block-move tr.draggable.layout-builder-components-table__row th {
    border: none !important;
    margin-bottom: 20px; }
  .layout-builder-block-move tr.draggable.layout-builder-components-table__row:hover td {
    background: none !important; }
  .layout-builder-block-move td {
    color: rgba(0, 0, 0, 0.87) !important;
    position: relative;
    top: 0px;
    cursor: pointer; }
  .layout-builder-block-move input[type="submit"] {
    margin-top: 40px !important; }
  .layout-builder-block-move label {
    display: none !important; }

#drupal-off-canvas .layout-builder-components-table__block-label--current {
  border-color: #66b76f; }

#drupal-off-canvas .layout-builder-remove-block .form-actions {
  text-align: left; }

.button.dialog-cancel {
  text-decoration: underline;
  font-size: 14px; }
  .button.dialog-cancel:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.54) !important; }

.layout-builder-remove-block.confirmation, .layout-builder-remove-section.confirmation {
  padding-left: 10px; }

.ui-dialog.ui-corner-all {
  width: 30vw !important;
  left: 70vw !important;
  top: 0px;
  min-width: 300px;
  background-color: #F7F5F3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

#drupal-off-canvas .button {
  margin-bottom: 30px; }

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
  background-color: #6a6a6a;
  border-bottom: #6a6a6a;
  color: rgba(255, 255, 255, 0.7); }

.ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
  max-width: 90%;
  font-family: TheSans-300, sans-serif !important; }

#drupal-off-canvas div, #drupal-off-canvas *:not(div) {
  color: rgba(0, 0, 0, 0.87); }

#drupal-off-canvas .inline-block-create-button {
  background-color: #66b76f;
  position: relative;
  left: 10px;
  color: rgba(255, 255, 255, 0.7);
  padding: 10px 24px 10px 38px;
  position: relative;
  border-bottom: none;
  font-size: 14px;
  top: -9px;
  padding-left: 40px;
  background-position: 20px; }

#drupal-off-canvas .inline-block-create-button:hover,
#drupal-off-canvas details[open] > summary:hover {
  background-color: rgba(106, 106, 106, 0.7);
  color: #6a6a6a; }

#drupal-off-canvas details[open] > summary {
  background-color: #6a6a6a;
  border-bottom: none !important;
  color: rgba(255, 255, 255, 0.7);
  display: table-row;
  padding: 8px 0 8px 15px;
  cursor: pointer; }

#drupal-off-canvas .js-layout-builder-categories summary {
  background-color: #D2D2D2;
  color: rgba(0, 0, 0, 0.87);
  display: table-row;
  padding: 8px 0 8px 15px;
  font-size: 14px;
  cursor: pointer;
  border-bottom: none; }
  #drupal-off-canvas .js-layout-builder-categories summary:hover {
    background-color: #6a6a6a;
    color: rgba(255, 255, 255, 0.7); }
  #drupal-off-canvas .js-layout-builder-categories summary:focus {
    outline: none; }

.form-textarea-wrapper {
  margin-bottom: 20px; }

.js-layout-builder-category.form-wrapper {
  margin-top: 1px; }

#drupal-off-canvas .card-grid {
  padding: 2px;
  margin-bottom: 0px; }

.card-media a img {
  max-width: 90px !important;
  height: auto !important; }

.inline-block-list__item {
  padding-bottom: 5px; }
  .inline-block-list__item i {
    position: relative;
    top: -2px; }

#drupal-off-canvas .custom-block-cards {
  overflow: hidden; }

#drupal-off-canvas .card-grid .card-wrapper {
  background-color: transparent !important;
  border-radius: 5px !important;
  cursor: pointer;
  padding: 0; }

#drupal-off-canvas .card-grid .card-wrapper:hover {
  background-color: #F7F9FC !important; }

#drupal-off-canvas .custom-block-cards .card, #drupal-off-canvas .custom-block-cards .content-card .card-holder, .content-card #drupal-off-canvas .custom-block-cards .card-holder {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0px;
  position: relative;
  margin-bottom: 0px;
  margin-top: 0px; }

#drupal-off-canvas .custom-block-cards .card .card-inner, #drupal-off-canvas .custom-block-cards .content-card .card-holder .card-inner, .content-card #drupal-off-canvas .custom-block-cards .card-holder .card-inner {
  display: block;
  position: relative;
  padding: 5% 5% 0% 5%; }

#drupal-off-canvas .custom-block-cards .card #hovereffect, #drupal-off-canvas .custom-block-cards .content-card .card-holder #hovereffect, .content-card #drupal-off-canvas .custom-block-cards .card-holder #hovereffect {
  position: absolute;
  z-index: 100;
  top: 2.5%;
  border-radius: 10px;
  max-width: 100%;
  left: 2.5%;
  width: 95%; }

#drupal-off-canvas .js-form-item-settings-view-mode {
  display: none; }

#drupal-off-canvas .js-form-item label.form-required:after {
  top: 0; }

#drupal-off-canvas .filter-help {
  display: none; }

#drupal-off-canvas .filter-wrapper {
  display: none; }

#drupal-off-canvas .field--widget-text-textarea .js-form-item-settings-block-form-field-beschrijving-middel-0-format {
  display: none !important; }

.custom-block-cards .card-item.card-media {
  padding: 10px 10px 0px 10px;
  font-size: 12px;
  text-align: center; }

.custom-block-cards .card-item.card-media,
.custom-block-cards .card-item.card-media p,
.custom-block-cards .card-item.card-media a,
.custom-block-cards .card-action, .custom-block-cards .title.pull-bottom {
  background-color: transparent !important;
  font-size: 12px; }

.custom-block-cards .card-action, .custom-block-cards .card-action a {
  text-transform: none !important; }

.custom-block-cards .card-action {
  display: block;
  padding: 0px;
  text-align: center;
  border: none;
  height: 4em;
  background-color: transparent !important; }

.custom-block-cards .card-action a {
  color: #074D66;
  background-color: transparent !important; }

#drupal-off-canvas .custom-block-cards .inline-block-list__item {
  color: #318DA3;
  padding: 0px;
  margin: 0px; }

#drupal-off-canvas .custom-block-cards .inline-block-list__item:hover {
  color: #053C57;
  text-decoration: underline; }

#drupal-off-canvas .custom-block-cards .inline-block-list {
  margin: 0px;
  padding: 0px; }

.card-item.card-media img {
  margin: 0px auto;
  max-width: 45px;
  max-height: 45px;
  display: inline-block; }

#drupal-off-canvas .layout-builder-configure-block {
  padding: 10px 15px; }

#drupal-off-canvas *, #drupal-off-canvas *:not(div),
#drupal-off-canvas form {
  color: rgba(0, 0, 0, 0.8); }

.field--type-color-field-type.field--name-field-button-background-color .fieldset-legend {
  display: none; }

.field--type-color-field-type.field--name-field-button-text-color .fieldset-legend {
  display: none; }

.color-field-widget-box-form {
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 32px; }
  .color-field-widget-box-form .color_field_widget_box__square {
    height: 32px;
    width: 32px !important;
    border: none;
    cursor: pointer; }
    .color-field-widget-box-form .color_field_widget_box__square:hover {
      opacity: 0.8; }
    .color-field-widget-box-form .color_field_widget_box__square:focus {
      border: 1px solid #C80064;
      position: relative;
      top: -1px; }
    .color-field-widget-box-form .color_field_widget_box__square.active {
      border: 1px solid #C80064;
      position: relative;
      top: -1px; }
  .color-field-widget-box-form .color_field_widget_box__square--transparent {
    height: 32px;
    width: 32px !important;
    background-color: transparent !important;
    background-image: url(../img/transparent_box32.gif) !important;
    cursor: pointer; }
    .color-field-widget-box-form .color_field_widget_box__square--transparent:hover {
      opacity: 0.8; }
    .color-field-widget-box-form .color_field_widget_box__square--transparent:focus {
      border: 1px solid #C80064;
      position: relative;
      top: -1px; }
    .color-field-widget-box-form .color_field_widget_box__square--transparent.active {
      border: 1px solid #C80064;
      position: relative;
      top: -1px; }

.material-tooltip {
  max-width: 300px;
  background: #6a6a6a;
  color: rgba(255, 255, 255, 0.7);
  width: auto;
  padding-right: 10px; }

.tooltipped.help-description {
  cursor: pointer;
  color: #338daa !important;
  font-size: 12px;
  font-family: TheSans-600, sans-serif; }

.description i.material-icons, .description i.icon-left:before, .description i.icon-right:after, .description i.info:before, .description i.important:before, .description i.messages-status:before, .description i.messages-warning:before, .description i.messages-error:before, .description i.collapsible-toggle:before {
  color: #338daa !important;
  font-family: 'Material Icons', 'Material Icons Local' !important;
  vertical-align: text-bottom;
  font-size: 1.5em !important;
  cursor: pointer;
  position: absolute;
  left: -100%;
  top: -2px; }

.preview-link {
  background-color: transparent !important;
  padding: 10px 0px;
  text-align: center;
  position: relative; }

.preview-link a {
  color: #0a4e66 !important;
  display: inline-block !important; }

.preview-link i.material-icons, .preview-link i.icon-left:before, .preview-link i.icon-right:after, .preview-link i.info:before, .preview-link i.important:before, .preview-link i.messages-status:before, .preview-link i.messages-warning:before, .preview-link i.messages-error:before, .preview-link i.collapsible-toggle:before {
  font-family: 'Material Icons', 'Material Icons Local' !important;
  font-size: 1.25em !important;
  cursor: pointer;
  background-color: transparent !important; }

.preview-link i.help-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 1.5rem !important; }

#drupal-off-canvas .form-text {
  box-shadow: none;
  color: rgba(0, 0, 0, 0.8);
  background: none;
  outline: none !important; }

#drupal-off-canvas .form-text:focus {
  border-color: #009688;
  outline-style: none;
  background: none;
  box-shadow: none; }

#drupal-off-canvas label {
  color: #338daa;
  font-family: TheSans-600, sans-serif !important;
  font-size: 1rem;
  line-height: 1.2rem; }

#drupal-off-canvas .description,
#drupal-off-canvas .form-item .description,
#drupal-off-canvas .details-description {
  color: rgba(0, 0, 0, 0.8); }

.layout-builder-add-block .js-form-type-checkbox > label {
  margin-left: 0 !important;
  padding-left: 30px; }

#drupal-off-canvas input[type="checkbox"],
.layout-builder-form .form-item input[type="checkbox"] {
  -webkit-appearance: none;
  color: #338daa;
  cursor: pointer;
  opacity: 1;
  pointer-events: all; }
  #drupal-off-canvas input[type="checkbox"]:focus,
  .layout-builder-form .form-item input[type="checkbox"]:focus {
    border: none !important; }
  #drupal-off-canvas input[type="checkbox"]:checked::before,
  .layout-builder-form .form-item input[type="checkbox"]:checked::before {
    content: none !important; }

#drupal-off-canvas input[type="checkbox"]:focus,
.layout-builder-form input[type="checkbox"]:focus {
  outline: none; }

#drupal-off-canvas .form-item input[type="checkbox"]:checked:before,
.layout-builder-form .form-item input[type="checkbox"]:checked:before {
  content: 'check_box';
  color: #338daa;
  outline: none;
  box-shadow: none; }

#drupal-off-canvas .form-item input[type="checkbox"]:before {
  margin-top: 0px !important;
  margin-right: 5px !important; }

#drupal-off-canvas * select:focus, #drupal-off-canvas *:not(div) select:focus {
  border-bottom: 1px solid #338daa; }

#drupal-off-canvas .js-form-file.form-file {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  position: absolute; }

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

.js-form-managed-file span {
  cursor: pointer; }

#drupal-off-canvas .input-field.file-field input {
  max-width: 100%;
  width: inherit; }

#drupal-off-canvas .js-hide {
  display: none !important; }

.js-form-managed-file .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
  position: relative;
  top: -15px; }

.js-form-managed-file .file-path-wrapper input {
  height: 3.4rem !important; }

.js-form-managed-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-appearance: none; }

.imce-filefield-widget {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px; }

.imce-filefield-widget a {
  color: #064D66 !important;
  text-decoration: underline !important;
  margin-bottom: 15px;
  display: inline-block; }

.image-widget i.material-icons.icme-link, .image-widget i.icme-link.icon-left:before, .image-widget i.icme-link.icon-right:after, .image-widget i.icme-link.info:before, .image-widget i.icme-link.important:before, .image-widget i.icme-link.messages-status:before, .image-widget i.icme-link.messages-warning:before, .image-widget i.icme-link.messages-error:before, .image-widget i.icme-link.collapsible-toggle:before {
  color: #ffffff !important;
  font-family: 'Material Icons', 'Material Icons Local' !important;
  vertical-align: text-bottom;
  font-size: 1em !important;
  content: 'add';
  cursor: pointer;
  background-color: transparent !important; }

.imce-filefield-link:before {
  background: none;
  display: none; }

.file-size {
  display: block; }

#drupal-off-canvas .file a {
  display: block;
  color: #0a4e66; }

#drupal-off-canvas .cke_inner.cke_reset, #drupal-off-canvas .js-text-format-wrapper.form-item .form-type-textarea {
  margin-top: 20px; }

.filter-help {
  padding-left: 25px; }

#drupal-off-canvas .filter-help a {
  font-size: 12px;
  color: #074D66; }

#drupal-off-canvas .filter-help a::after {
  background: none; }

.filter-wrapper {
  margin-bottom: 30px;
  border: none; }

.js-quickedit-page-title {
  padding: 20px; }

.hero-wrapper {
  display: flex;
  height: 100%;
  margin-bottom: 25px;
  padding: 20px; }

.hero-wrapper .inner {
  margin-left: 50px;
  margin-top: 40px; }

.hero-link {
  align-self: flex-end; }

.hero-link .btn, .hero-link .pager .pager-item > a, .pager .hero-link .pager-item > a, .hero-link .pager .pager-item > span, .pager .hero-link .pager-item > span {
  margin-left: 0px;
  min-width: 140px;
  color: white !important;
  background: #074D66 !important; }

.hero-link .btn span, .hero-link .pager .pager-item > a span, .pager .hero-link .pager-item > a span, .hero-link .pager .pager-item > span span, .pager .hero-link .pager-item > span span {
  top: -8px; }

.btn.video-download, .pager .pager-item > a.video-download, .pager .pager-item > span.video-download {
  margin: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

.video-download a {
  color: green; }

.card.video-item, .content-card .video-item.card-holder {
  margin-right: 10px;
  padding-bottom: 0px; }

.btn-raised.video-download.filetypes-icon-left.btn-colored:before {
  background: green !important; }

.card-text.video-link {
  padding-left: 0px;
  position: relative;
  left: -5px; }

.field--type-color-field-type.field--name-field-button-text-color {
  margin-top: 0px; }

#drupal-off-canvas input[type="submit"].button {
  display: block;
  width: 100px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 20px;
  border-radius: 3px;
  padding: 12px 20px;
  font-style: normal;
  margin-left: 0;
  background-color: #338daa;
  margin-bottom: 35px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

#drupal-off-canvas input[type="submit"].button:hover {
  background-color: #44b8d3;
  color: #FFFFFF; }

.button-block .button {
  background: transparent;
  font-size: 12px;
  border: 1px solid #44b8d3;
  border-radius: 2px;
  min-width: 71px;
  padding-right: 12px;
  padding-left: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 32px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
  .button-block .button:hover {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .button-block .button > a {
    font-family: "TheSans-600";
    vertical-align: bottom;
    text-transform: uppercase;
    padding: 0px 10px;
    color: #44b8d3;
    margin-left: 0;
    position: relative;
    top: 7px;
    margin-right: 0px; }
  .button-block .button.btn-small {
    min-width: 61px;
    padding-right: 5px;
    padding-left: 5px;
    height: 32px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
    .button-block .button.btn-small > a {
      font-size: 12px;
      vertical-align: bottom;
      text-transform: uppercase;
      position: relative;
      top: 0; }
      .button-block .button.btn-small > a:hover {
        color: #338daa !important; }
    .button-block .button.btn-small:hover {
      box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .button-block .button.btn-medium {
    padding-right: 20px;
    padding-left: 20px;
    min-width: 91px;
    height: 42px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
    .button-block .button.btn-medium > a {
      font-size: 15px;
      position: relative;
      vertical-align: sub;
      text-transform: uppercase;
      top: 9px; }
      .button-block .button.btn-medium > a:hover {
        color: #338daa !important; }
    .button-block .button.btn-medium:hover {
      box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.button-block.btn-large {
  padding-right: 20px;
  padding-left: 20px;
  min-width: 101px;
  height: 54px;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
  .button-block.btn-large > a {
    font-size: 16px;
    position: relative;
    vertical-align: baseline;
    text-transform: uppercase;
    top: 0px; }
    .button-block.btn-large > a:hover {
      color: #338daa;
      border-color: #338daa; }
  .button-block.btn-large:hover {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.button-block.no-bg-text {
  box-shadow: none !important; }
  .button-block.no-bg-text:hover {
    box-shadow: none !important;
    border-color: #338daa !important; }
  .button-block.no-bg-text > a:hover {
    color: #338daa !important; }

.btn.file-upload-btn i.material-icons, .pager .pager-item > a.file-upload-btn i.material-icons, .pager .pager-item > span.file-upload-btn i.material-icons, .btn.file-upload-btn i.icon-left:before, .pager .pager-item > a.file-upload-btn i.icon-left:before, .pager .pager-item > span.file-upload-btn i.icon-left:before, .btn.file-upload-btn i.icon-right:after, .pager .pager-item > a.file-upload-btn i.icon-right:after, .pager .pager-item > span.file-upload-btn i.icon-right:after, .btn.file-upload-btn i.info:before, .pager .pager-item > a.file-upload-btn i.info:before, .pager .pager-item > span.file-upload-btn i.info:before, .btn.file-upload-btn i.important:before, .pager .pager-item > a.file-upload-btn i.important:before, .pager .pager-item > span.file-upload-btn i.important:before, .btn.file-upload-btn i.messages-status:before, .pager .pager-item > a.file-upload-btn i.messages-status:before, .pager .pager-item > span.file-upload-btn i.messages-status:before, .btn.file-upload-btn i.messages-warning:before, .pager .pager-item > a.file-upload-btn i.messages-warning:before, .pager .pager-item > span.file-upload-btn i.messages-warning:before, .btn.file-upload-btn i.messages-error:before, .pager .pager-item > a.file-upload-btn i.messages-error:before, .pager .pager-item > span.file-upload-btn i.messages-error:before, .btn.file-upload-btn i.collapsible-toggle:before, .pager .pager-item > a.file-upload-btn i.collapsible-toggle:before, .pager .pager-item > span.file-upload-btn i.collapsible-toggle:before {
  color: #308ca3;
  font-family: 'Material Icons', 'Material Icons Local' !important;
  vertical-align: text-bottom;
  font-size: 1.5em !important;
  cursor: pointer;
  background-color: transparent !important;
  top: -10px;
  position: relative; }

.btn.file-upload-btn span, .pager .pager-item > a.file-upload-btn span, .pager .pager-item > span.file-upload-btn span {
  background-color: transparent !important;
  cursor: pointer; }

#drupal-off-canvas input[type="submit"].button--primary {
  color: rgba(0, 0, 0, 0.8); }

#drupal-off-canvas input[type="submit"].button--primary:hover {
  color: rgba(0, 0, 0, 0.8); }

#drupal-off-canvas .btn.file-upload-btn, #drupal-off-canvas .pager .pager-item > a.file-upload-btn, .pager #drupal-off-canvas .pager-item > a.file-upload-btn, #drupal-off-canvas .pager .pager-item > span.file-upload-btn, .pager #drupal-off-canvas .pager-item > span.file-upload-btn, .js-form-file.form-file {
  margin-left: 0px;
  float: left;
  height: 3rem;
  line-height: 3rem;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #338daa;
  border-radius: 2px;
  min-width: 0 !important;
  text-align: center;
  letter-spacing: .5px;
  padding: 0 1.5rem;
  transition: .2s ease-out;
  cursor: pointer !important;
  font-size: 1rem;
  outline: none;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

#drupal-off-canvas .btn.file-upload-btn:hover, #drupal-off-canvas .pager .pager-item > a.file-upload-btn:hover, .pager #drupal-off-canvas .pager-item > a.file-upload-btn:hover, #drupal-off-canvas .pager .pager-item > span.file-upload-btn:hover, .pager #drupal-off-canvas .pager-item > span.file-upload-btn:hover {
  background-color: #44b8d3; }

.waves-container-news-page {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 0; }
  .waves-container-news-page .waves-news-page {
    position: absolute;
    z-index: 0;
    width: 100%;
    min-height: 100px;
    max-height: 200px;
    bottom: 0;
    left: 0; }
    @media (min-width: 360px) {
      .waves-container-news-page .waves-news-page {
        position: absolute;
        max-height: 150px;
        bottom: -35px; } }
    @media (min-width: 992px) {
      .waves-container-news-page .waves-news-page {
        position: absolute;
        bottom: 0; } }

.field-name-field-news-image img {
  max-width: 100%;
  height: auto; }

.row.section-newspage .newspage-inner-wrapper .show-on-medium-and-down {
  width: 100%;
  margin-left: -13px;
  margin-right: -13px;
  margin-top: 25px;
  background: #fafafa; }
  @media (min-width: 1256px) {
    .row.section-newspage .newspage-inner-wrapper .show-on-medium-and-down {
      display: none; } }
  @media (min-width: 1520px) {
    .row.section-newspage .newspage-inner-wrapper .show-on-medium-and-down {
      display: none; } }
  .row.section-newspage .newspage-inner-wrapper .show-on-medium-and-down .carousel-container .title-recent-content {
    background: #6a6a6a;
    padding: 10px;
    width: 100%; }
    .row.section-newspage .newspage-inner-wrapper .show-on-medium-and-down .carousel-container .title-recent-content > h2 {
      font-size: 1.5em;
      line-height: 44px;
      margin-bottom: 0;
      letter-spacing: 1px;
      color: rgba(255, 255, 255, 0.7);
      margin-left: 20px;
      top: 0 !important; }

.page-node-type-nieuws #footer-bg {
  display: block;
  width: 100%;
  height: 100px;
  background: #6a6a6a;
  position: relative; }
  .page-node-type-nieuws #footer-bg #footer {
    margin-top: 0;
    position: absolute;
    width: 100%;
    bottom: 0px; }

.block-field-blocknodenieuwsfield-page-tags {
  margin-top: 50px; }

.swiper-slide {
  overflow: hidden; }

#footer-bg {
  display: block;
  width: 100%;
  position: relative;
  margin-top: auto;
  border-top: 10px solid #6a6a6a; }
  #footer-bg #footer {
    margin-top: 0;
    width: 100%;
    padding: 5px 0;
    background: #66b76f;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    box-shadow: none; }
    #footer-bg #footer .col-xs-6 {
      flex: none;
      max-width: none; }
    @media (min-width: 360px) {
      #footer-bg #footer .footer-search-filter {
        padding-left: 0;
        padding-left: 0; } }
    @media (min-width: 768px) {
      #footer-bg #footer .footer-search-filter {
        display: none; } }
    #footer-bg #footer .footer-search-filter a {
      box-shadow: none !important;
      color: #6A6A6A !important; }
      #footer-bg #footer .footer-search-filter a:hover {
        background: none !important; }
      #footer-bg #footer .footer-search-filter a:focus {
        background: none !important; }
      #footer-bg #footer .footer-search-filter a i {
        display: inline-block;
        position: relative;
        font-size: 28px;
        margin-right: 2px;
        line-height: 28px;
        top: 15px;
        color: #6A6A6A !important; }
      #footer-bg #footer .footer-search-filter a .filter-text {
        display: inline-block;
        position: relative;
        top: 8px; }
    #footer-bg #footer .footer__swoosh {
      display: inline-block;
      position: relative;
      left: 0px;
      top: 0px; }
      @media (min-width: 360px) {
        #footer-bg #footer .footer__swoosh {
          left: 10px; } }
      @media (min-width: 768px) {
        #footer-bg #footer .footer__swoosh {
          left: 40px;
          display: inline-block; } }
      #footer-bg #footer .footer__swoosh .swoosh-animals-svg {
        max-width: 140px;
        height: auto;
        padding: 15px 0 15px 0; }
    #footer-bg #footer .footer-copyright {
      display: inline-block;
      position: relative;
      text-align: right; }
      @media (min-width: 360px) {
        #footer-bg #footer .footer-copyright {
          right: 0px; } }
      @media (min-width: 768px) {
        #footer-bg #footer .footer-copyright {
          right: 20px; } }
      #footer-bg #footer .footer-copyright .copyright {
        color: #6A6A6A !important;
        line-height: 72px; }
    #footer-bg #footer .footer-search-filter a {
      margin: 8px;
      padding: 0; }

.fixed-footer {
  bottom: 0; }

#search-filter > a.modal-close {
  position: absolute;
  top: 18px;
  right: 20px;
  border: 1px solid #338daa;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 50%; }
  #search-filter > a.modal-close i {
    font-size: 22px;
    width: 32px;
    height: 32px;
    color: #338daa;
    padding: 0;
    line-height: 32px; }

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

#navbar.row {
  margin-right: 0px;
  position: -webkit-sticky;
  position: sticky; }

#navbar.row {
  background-color: #66b76f;
  margin-top: 0px;
  top: 0px;
  padding: 0px;
  height: 70px; }
  #navbar.row nav.top-level-nav {
    background-color: transparent;
    box-shadow: none;
    position: relative;
    z-index: 5; }
    #navbar.row nav.top-level-nav .container.nav-container {
      text-align: left; }

.mega-evidensia.menu--level-0 .layout__region.layout__region--first {
  background: #E9FAE3; }

.mega-evidensia.menu--level-0 .layout__region.layout__region--second {
  background: #f5fdf3; }

.mega-evidensia.menu--level-0 .layout__region.layout__region--third {
  padding: 20px;
  background: #E9FAE3; }

.mega-evidensia.menu--level-0 .layout--threecol-section .field-name-field-afbeelding-solo {
  text-align: center; }
  .mega-evidensia.menu--level-0 .layout--threecol-section .field-name-field-afbeelding-solo img {
    width: 220px;
    opacity: 0.75;
    height: auto;
    max-width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin-top: 20px;
    border-radius: 3px;
    border: 8px solid rgba(233, 250, 227, 0.5);
    transition: all 3s;
    transition-property: all;
    transition-duration: 10s;
    transition-timing-function: ease;
    transition-delay: 0s; }
    .mega-evidensia.menu--level-0 .layout--threecol-section .field-name-field-afbeelding-solo img:hover {
      transform: scale(1.05); }

.mega-evidensia.menu--level-0 .layout--threecol-section .field-type-text-with-summary {
  height: 1px; }
  .mega-evidensia.menu--level-0 .layout--threecol-section .field-type-text-with-summary .divider {
    height: 1px;
    background: #bdf0ab;
    display: block;
    position: relative;
    width: 90%;
    margin-top: 25px;
    margin-left: 5%;
    overflow: auto; }
    .mega-evidensia.menu--level-0 .layout--threecol-section .field-type-text-with-summary .divider::after {
      content: "";
      clear: both;
      display: table; }

.mega-evidensia.menu--level-0 {
  flex: 0 1 auto;
  justify-content: center;
  height: 100%; }
  .mega-evidensia.menu--level-0 .menu--parent, .mega-evidensia.menu--level-0 .menu-item {
    transition: background-color .3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    line-height: 24px;
    height: 70px; }
    .mega-evidensia.menu--level-0 .menu--parent:hover, .mega-evidensia.menu--level-0 .menu-item:hover {
      background: transparent; }
    .mega-evidensia.menu--level-0 .menu--parent > a, .mega-evidensia.menu--level-0 .menu-item > a {
      padding: 0px 10px;
      transition: all .3s;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease;
      transition-delay: 0s;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center; }
    .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"], .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] {
      display: none;
      position: absolute; }
      .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 h2, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 h2 {
        color: #19547A;
        font-size: 18px;
        margin-left: 20px;
        -webkit-margin-after: .25em;
                margin-block-end: .25em;
        height: auto;
        margin-top: 24px; }
      .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .arrow-icon, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .arrow-icon {
        transform: rotate(-90deg);
        color: #57A25F;
        position: absolute;
        top: -9px;
        left: -8px;
        font-size: 38px !important;
        width: 38px !important; }
      .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .divider, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .divider {
        height: 1px;
        overflow: hidden;
        background-color: #e0e0e0;
        display: block;
        margin-top: 25px;
        margin-left: 10%;
        width: 80%; }
      .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content {
        max-width: 1200px;
        position: relative;
        padding-bottom: 30px;
        margin-top: 25px;
        display: block;
        border-top: 10px solid #66b76f; }
        .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section {
          padding-left: 0px;
          padding-right: 0px;
          flex-wrap: nowrap; }
          .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item {
            display: table-row;
            transition: background-color .3s;
            transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: ease;
            transition-delay: 0s;
            width: 100%;
            height: 1rem;
            float: none !important; }
            .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item:hover, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item:hover {
              background: #b6eea2; }
            .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item > a, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item > a {
              padding-right: 15px;
              padding-top: 0.4rem;
              padding-bottom: 0.4rem;
              padding-left: 0px;
              top: 0px;
              line-height: 1.4rem;
              margin-left: 20px;
              transition: all .3s;
              transition-property: all;
              transition-duration: 0.3s;
              transition-timing-function: ease;
              transition-delay: 0s; }
              .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item > a:hover, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item > a:hover {
                background: transparent !important; }
            .mega-evidensia.menu--level-0 .menu--parent div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item .menu_link_content, .mega-evidensia.menu--level-0 .menu-item div[class^="megamenu-container"] .menu--item--sub--level-1 .menu_link_content .layout--threecol-section ul.menu-level-1 li.sub-menu-item .menu_link_content {
              display: none !important; }

@media only screen and (min-width: 1256px) {
  #block-mainnavigation-2 div[class^="megamenu-container"] .menu-dropdown {
    min-width: 100%; } }

@media only screen and (min-width: 768px) {
  #block-mainnavigation-2 div[class^="megamenu-container"] {
    width: 100%;
    left: calc((100% - 1200px) / 2); }
    #block-mainnavigation-2 div[class^="megamenu-container"] .menu-dropdown {
      min-width: 100%; } }

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

[class*='icon-']:before {
  display: inline-block;
  font-family: 'evidensia icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-evidensia-ziekenhuis-logo:before {
  content: '\0041'; }

.icon-dierenartsen:before {
  content: '\0042'; }

.icon-ziekenhuis:before {
  content: '\0043'; }

/**
*
*   Custom styling for the campagne content-type
*
*/
.page-node-type-campaign .layout__region {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .page-node-type-campaign .layout__region .layout__item,
  .page-node-type-campaign .layout__region .builder-block-download-file,
  .page-node-type-campaign .layout__region .card,
  .page-node-type-campaign .layout__region .content-card .card-holder,
  .content-card .page-node-type-campaign .layout__region .card-holder {
    height: 100%; }
  .page-node-type-campaign .layout__region .layout__item {
    margin: 0 0 1rem; }
  
  .page-node-type-campaign .layout__region .card,
  .page-node-type-campaign .layout__region .content-card .card-holder,
  .content-card .page-node-type-campaign .layout__region .card-holder {
    display: flex;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important; }
  .page-node-type-campaign .layout__region .card-action {
    margin-top: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important; }

.page-node-type-campaign .layout--threecol-section {
  justify-content: space-between !important;
  margin: 0 -1%; }
  .page-node-type-campaign .layout--threecol-section .layout__region {
    flex: 0 1 31.33% !important;
    padding: 0 1%; }
    @media (min-width: 0) {
      .page-node-type-campaign .layout--threecol-section .layout__region {
        flex: 0 0 100% !important; } }
    @media (min-width: 768px) {
      .page-node-type-campaign .layout--threecol-section .layout__region {
        flex: 0 1 31.33% !important;
        padding: 0 1%; } }
    .page-node-type-campaign .layout--threecol-section .layout__region h3 {
      margin-top: 0; }
    .page-node-type-campaign .layout--threecol-section .layout__region:last-child {
      margin-right: auto; }

.page-node-type-campaign .layout--fourcol-section {
  justify-content: space-between !important;
  margin: 0 -1%; }
  .page-node-type-campaign .layout--fourcol-section .layout__region {
    flex: 0 1 46% !important;
    padding: 0 2%; }
    @media (min-width: 768px) {
      .page-node-type-campaign .layout--fourcol-section .layout__region {
        flex: 0 1 23% !important;
        padding: 0 1%; } }
    .page-node-type-campaign .layout--fourcol-section .layout__region:last-child {
      margin-right: auto; }

.page-node-type-campaign .layout--twocol-section.layout--twocol-section--50-50 {
  justify-content: space-between;
  margin: 0 -1%; }
  .page-node-type-campaign .layout--twocol-section.layout--twocol-section--50-50 .layout__region {
    flex: 0 1 46% !important;
    padding: 0 2%; }
    @media (min-width: 360px) {
      .page-node-type-campaign .layout--twocol-section.layout--twocol-section--50-50 .layout__region {
        flex: 0 0 100% !important; } }
    @media (min-width: 768px) {
      .page-node-type-campaign .layout--twocol-section.layout--twocol-section--50-50 .layout__region {
        flex: 0 1 48% !important;
        padding: 0 1%; } }
    .page-node-type-campaign .layout--twocol-section.layout--twocol-section--50-50 .layout__region:last-child {
      margin-right: auto; }

.page-node-type-campaign #header {
  z-index: 21; }

.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-toggle-content-preview #layout-builder-content-preview {
  opacity: 0; }

.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-toggle-content-preview > label {
  margin-left: 0;
  padding-left: 35px;
  cursor: pointer; }

.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-revision #edit-revision {
  opacity: 0; }

.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-revision > label {
  margin-left: 0;
  padding-left: 35px;
  cursor: pointer; }

.path-node-type-campaign .layout--threecol-section--33-34-33 > .layout__region--second {
  flex: 0 1 33% !important; }

#header {
  margin-top: 0px;
  position: relative; }
  #header #header-bg-campaign-page {
    display: block;
    overflow: hidden; }

/*
.waves-container-campaign-page{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 0;
  @include breakpoint($ss){
    z-index: 0;
    position: absolute;
    bottom: 0;
  }
  .waves-campaign-page {
    position: absolute;
    z-index: 0;
    width: 100vw;
    min-height: 100px;
    max-height: 200px;
    bottom: 0;
    left: 0;
    @include breakpoint($ss){
      position: relative;
      z-index: 0;
      width: 100%;
      min-height: 100px;
      max-height: 150px;
      left: 80px;
      bottom: -35px;
    }
    @include breakpoint($md){
      position: absolute;
      bottom: 0;
    }
  }
}
*/
/* START MAINCONTENT AREA */
.card-holder {
  position: relative;
  z-index: 20; }

.row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign {
  z-index: 0;
  position: relative; }
  @media (min-width: 768px) {
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign {
      margin-top: 15px;
      margin-bottom: 0px;
      padding-top: 0;
      padding-bottom: 0px; } }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .pageTitle {
    margin-bottom: 35px;
    padding-left: 10px;
    color: #338daa; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .pageTitle .letter {
    display: inline-block;
    line-height: 1em; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .pageTitle .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .pageTitle .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #338daa;
    transform-origin: 0 0; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .pageTitle .line1 {
    top: -5px; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .pageTitle .line2 {
    bottom: -5px; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .field-name-body {
    margin-bottom: 20px;
    padding: 0px 5px 15px 5px; }
    @media (min-width: 360px) {
      .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .field-name-body {
        padding-left: 0; } }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file {
    padding: 0px 5px;
    position: relative; }
    @media (min-width: 360px) {
      .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file {
        padding: 0; } }
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file > h3 {
      color: #66b76f; }
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file img {
      width: 100%;
      max-width: 100%; }
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .pdfreader-field {
      width: 95%;
      margin-left: 2.5%;
      min-height: 400px; }
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder {
      padding: 15px 5px;
      margin: 0; }
      @media (min-width: 360px) {
        .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder {
          padding-left: 0; } }
      .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-content, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-content, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-content {
        padding: 0px 0px 0px 0px; }
        .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-content .card-title, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-content .card-title, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-content .card-title {
          padding: 0 0 0 20px;
          margin-top: 8px;
          color: #338daa;
          font-size: 18px; }
      .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action {
        margin-top: 10px;
        padding-bottom: 10px;
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center; }
        .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action .btn-small, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action .btn-small, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action .btn-small {
          background: transparent;
          border: 1px solid #44b8d3;
          box-shadow: none;
          padding-right: 10px;
          padding-left: 10px; }
          .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action .btn-small:hover, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action .btn-small:hover, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action .btn-small:hover {
            border-color: #338daa; }
          .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action .btn-small > a, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action .btn-small > a, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action .btn-small > a {
            font-family: "TheSans-600";
            color: #44b8d3;
            font-size: 12px;
            margin-right: 0px; }
            .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action .btn-small > a:hover, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action .btn-small > a:hover, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action .btn-small > a:hover {
              color: #338daa;
              border-color: #338daa;
              text-decoration: none; }
            .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action .btn-small > a i, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action .btn-small > a i, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action .btn-small > a i {
              margin-left: 5px; }
        .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-action .hidden-field, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-action .hidden-field, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-action .hidden-field {
          display: none; }
      .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-reveal, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-reveal, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-reveal {
        padding: 12px;
        background: #F7F7F7; }
        .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-reveal .card-title, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-reveal .card-title, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-reveal .card-title {
          color: #338daa;
          font-size: 18px;
          padding: 25px 25px 0 0; }
        .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card .card-reveal .description, .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .content-card .card-holder .card-reveal .description, .content-card .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .builder-block-download-file .card-holder .card-reveal .description {
          padding-right: 25px; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign #builder-block-basic {
    padding: 0px 10px; }
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign #builder-block-basic > h3 {
      color: #44b8d3; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign #builder-block-solo-image > h3 {
    color: #66b76f; }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign #builder-block-solo-image img {
    width: 100%; }
  @media (min-width: 360px) {
    .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign .commerce-product-variation {
      padding: 0 5px; } }
  .row.main-wrapper.campaign-node .inner-wrapper-left #content.container .main-content-wrapper.campaign #builder-block-divider .divider {
    margin-top: 35px; }

@media (min-width: 360px) {
  .row.main-wrapper.campaign-node .inner-wrapper-right .divider-campaign-mobile {
    margin: 0 0 50px 0; } }

@media (min-width: 360px) {
  .row.main-wrapper.campaign-node .inner-wrapper-right #sidebar-right.pin-top {
    position: relative !important; } }

#block-tableofcontentmenuforthecampaignpage .floating-page-nav .title-menu > h2 {
  color: #338daa;
  margin-top: 0px; }

#block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-right: -12px;
  margin-left: -12px; }
  @media (min-width: 992px) {
    #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu {
      flex-wrap: wrap; } }
  #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents {
    width: 50%;
    padding-right: 0px; }
    @media (min-width: 992px) {
      #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents {
        width: 100%; }
        #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents.first {
          margin-left: 5px;
          margin-bottom: 0; }
        #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents.second {
          margin-left: 5px;
          position: relative;
          margin-top: 0;
          top: -5px; } }
    #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents li {
      margin: 5px 0;
      position: relative; }
      #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents li .active-icon {
        position: absolute;
        top: 10px;
        font-size: 12px;
        left: -15px;
        color: #338daa; }
      #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents li a {
        background-color: #338daa;
        color: #FFFFFF;
        padding: 3px 10px;
        border-radius: 16px;
        font-size: 11px; }
        @media (min-width: 992px) {
          #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents li a {
            font-size: 14px;
            display: block;
            line-height: 1.5rem; } }
        #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents li a.active {
          background-color: #215c6f;
          font-weight: bold;
          border: none !important; }
        #block-tableofcontentmenuforthecampaignpage .floating-page-nav .row-page-menu .table-of-contents li a:hover {
          background-color: #215c6f;
          border: none; }

/* STYLING CAMPAIGN IN-PAGE NAV MAIN */
.table-of-contents.first {
  margin-left: 15px; }

a.headermenu-visible {
  position: fixed;
  display: block;
  right: 28px;
  color: #338daa;
  top: 135px;
  border: 2px solid #338daa;
  border-radius: 50%;
  cursor: pointer;
  z-index: 60;
  width: 27px;
  height: 27px; }
  a.headermenu-visible.no-admin {
    top: 100px; }
  a.headermenu-visible i.icon-header {
    font-size: 20px !important;
    position: absolute;
    top: 3px;
    left: 3px; }
  a.headermenu-visible:hover {
    color: #6a6a6a;
    border-color: #6a6a6a; }

#block-tableofcontentmenuforthecampaignpage-2 {
  display: none;
  position: relative;
  z-index: 50; }
  #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav {
    padding: 10px 0 0 24px;
    margin-top: 0px;
    top: 108px !important;
    margin-bottom: 0px;
    width: 100%;
    z-index: 50; }
    #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav.no-admin {
      top: 70px !important; }
    #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .title-menu > h5 {
      color: #6a6a6a;
      margin-top: 0px;
      margin-bottom: 0px; }
    #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu {
      box-sizing: border-box;
      margin-right: -12px;
      margin-left: -12px;
      display: flex !important;
      flex: 0 1 auto !important;
      flex-direction: row !important;
      justify-content: flex-start; }
      #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents {
        margin-left: 5px;
        margin-top: 0;
        display: flex; }
        @media (min-width: 992px) {
          #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents {
            flex-flow: wrap;
            margin-bottom: 0; } }
        #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents li {
          margin: 5px 5px;
          position: relative; }
          #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents li .active-icon {
            position: absolute;
            top: 10px;
            font-size: 12px;
            left: -15px;
            color: #338daa; }
          #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents li a {
            background-color: #338daa;
            color: #FFFFFF;
            padding: 3px 12px;
            border-radius: 16px;
            font-size: 12px; }
            #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents li a.active {
              background-color: #215c6f;
              font-weight: bold;
              border: none !important; }
            #block-tableofcontentmenuforthecampaignpage-2 .floating-page-nav .row-page-menu .table-of-contents li a:hover {
              background-color: #215c6f;
              border: none; }

@media screen and (min-width: 40em) {
  .path-node-type-campaign .layout--threecol-section--33-34-33 {
    flex-flow: row;
    flex-direction: row;
    flex-wrap: nowrap; }
    .path-node-type-campaign .layout--threecol-section--33-34-33 > .layout__region--second {
      flex: 0 0 33% !important; } }

/**
*
*   Custom styling for the commerce envirement
*
*/
/* PRODUCT STYLING  */
.js-form-item label {
  position: relative; }
  .js-form-item label.form-required:after {
    color: #F44336;
    content: ' *';
    opacity: 1;
    position: absolute;
    display: inline-block;
    font-size: 22px;
    box-sizing: border-box;
    top: -5px;
    left: calc(100% + 5px); }

.materialbox-overlay {
  max-width: 100% !important; }

.materialboxed {
  width: 100px;
  height: auto;
  margin: 15px 0; }
  .materialboxed.active {
    max-width: 100% !important;
    height: auto !important; }

.js-form-item.form-item.js-form-type-select .available-profiles.form-select {
  display: block; }

/* Fix select wrapper */
.commerce-order-item-variation-cart-form-form .select-wrapper {
  max-width: 250px; }
  .commerce-order-item-variation-cart-form-form .select-wrapper .caret {
    fill: #66b76f; }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #009688;
  border-bottom: none;
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after, input[type="checkbox"][type='checkbox'] + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before, input[type="checkbox"][type='checkbox'] + label:before, [type="checkbox"].filled-in + label:after, input[type="checkbox"][type='checkbox'] + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before, input[type="checkbox"]:not(:checked)[type='checkbox'] + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after, input[type="checkbox"]:not(:checked)[type='checkbox'] + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #66b76f;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before, input[type="checkbox"]:checked[type='checkbox'] + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after, input[type="checkbox"]:checked[type='checkbox'] + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #338daa;
  background-color: #338daa;
  z-index: 0; }

[type="checkbox"].filled-in.tabbed:focus + label:after, input[type="checkbox"].tabbed:focus[type='checkbox'] + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"].filled-in.tabbed:checked:focus + label:after, input[type="checkbox"].tabbed:checked:focus[type='checkbox'] + label:after {
  border-radius: 2px;
  background-color: #338daa;
  border-color: #338daa; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before, input[type="checkbox"]:disabled:not(:checked)[type='checkbox'] + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after, input[type="checkbox"]:disabled:not(:checked)[type='checkbox'] + label:after {
  border-color: transparent;
  background-color: #949494; }

[type="checkbox"].filled-in:disabled:checked + label:before, input[type="checkbox"]:disabled:checked[type='checkbox'] + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after, input[type="checkbox"]:disabled:checked[type='checkbox'] + label:after {
  background-color: #949494;
  border-color: #949494; }

.commerce-order-item-variation-cart-form-form [type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  margin-left: 0 !important;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.commerce-order-item-variation-cart-form-form .button--add-to-cart.button .waves-button-input {
  background: #66b76f;
  margin: 10px 0 20px 0;
  height: 28px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: white; }
  .commerce-order-item-variation-cart-form-form .button--add-to-cart.button .waves-button-input:hover {
    background: #438e4b; }

.commerce-order-item-variation-cart-form-form textarea.materialize-textarea {
  max-width: 250px;
  border: 1px solid #66b76f;
  border-radius: 2px;
  height: 6rem; }

/* STYLING SHOPPING CART STATE */
#edit-checkout {
  margin-left: 10px;
  background: #66b76f;
  margin: 10px 0 20px 0;
  height: 28px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: white; }
  #edit-checkout:hover {
    background: #438e4b; }

.path-cart #edit-submit {
  background: #66b76f;
  margin: 10px 0 20px 0;
  height: 28px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: white; }
  .path-cart #edit-submit:hover {
    background: #438e4b; }

.path-cart input[type="number"]:not(.browser-default)[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.87); }

.delete-order-item > input[type="submit"] {
  text-decoration: underline; }
  .delete-order-item > input[type="submit"]:hover {
    background: #438e4b;
    color: white;
    text-decoration: none; }

/* END STYLING SHOPPING CART STATE */
/* STYLING CHECKOUT PATH */
.back-button #back-button-checkout {
  background: #338daa;
  margin: 10px 0 20px 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: white;
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  display: inline-block;
  min-width: 88px;
  margin: 8px;
  position: relative;
  line-height: 28px;
  top: 2px;
  text-align: center;
  border-radius: 2px;
  height: 29px;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: TheSans-300, sans-serif;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color .2s, box-shadow .2s;
  padding: 8px 16px; }
  .back-button #back-button-checkout:hover {
    background: #215c6f; }

.cart-back-btn {
  height: 74px;
  left: -7px; }
  .cart-back-btn #back-button-cart {
    background: #338daa;
    margin: 10px 0 20px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white;
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    display: inline-block;
    min-width: 88px;
    margin: 8px;
    position: relative;
    line-height: 28px;
    top: 2px;
    text-align: center;
    border-radius: 2px;
    height: 29px;
    cursor: pointer;
    outline: 0;
    border: 0;
    font-family: TheSans-300, sans-serif;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: background-color .2s, box-shadow .2s;
    padding: 8px 16px; }
    .cart-back-btn #back-button-cart:hover {
      background: #215c6f; }

.checkout-pane.checkout-pane-order-summary .button-edit-order {
  text-decoration: underline; }
  .checkout-pane.checkout-pane-order-summary .button-edit-order:hover {
    text-decoration: none; }

#edit-payment-information .form-type-checkbox label {
  margin-left: 0;
  top: -10px;
  padding-left: 35px;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer; }

.order-total-line.order-total-line__adjustment.order-total-line__adjustment--shipping {
  display: none; }

.path-checkout .description .material-icons, .path-checkout .description .icon-left:before, .path-checkout .description .icon-right:after, .path-checkout .description .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .path-checkout .description li:not(:last-child):after, .path-checkout .description .info:before, .path-checkout .description .important:before, .path-checkout .description .messages-status:before, .path-checkout .description .messages-warning:before, .path-checkout .description .messages-error:before, .path-checkout .description .navbar-account-menu .menu a:before, .navbar-account-menu .menu .path-checkout .description a:before, .path-checkout .description .sidebar .menu .collapsed > a:after, .sidebar .menu .path-checkout .description .collapsed > a:after, .path-checkout .description .sidebar .menu .expanded > a:after, .sidebar .menu .path-checkout .description .expanded > a:after, .path-checkout .description .collapsible-toggle:before, .path-checkout .description .pager .pager-item.item-first > a:before, .pager .path-checkout .description .pager-item.item-first > a:before, .path-checkout .description .pager .pager-item.item-first > span:before, .pager .path-checkout .description .pager-item.item-first > span:before, .path-checkout .description .pager .pager-item.item-previous > a:before, .pager .path-checkout .description .pager-item.item-previous > a:before, .path-checkout .description .pager .pager-item.item-previous > span:before, .pager .path-checkout .description .pager-item.item-previous > span:before, .path-checkout .description .pager .pager-item.item-ellipsis > a:before, .pager .path-checkout .description .pager-item.item-ellipsis > a:before, .path-checkout .description .pager .pager-item.item-ellipsis > span:before, .pager .path-checkout .description .pager-item.item-ellipsis > span:before, .path-checkout .description .pager .pager-item.item-next > a:before, .pager .path-checkout .description .pager-item.item-next > a:before, .path-checkout .description .pager .pager-item.item-next > span:before, .pager .path-checkout .description .pager-item.item-next > span:before, .path-checkout .description .pager .pager-item.item-last > a:before, .pager .path-checkout .description .pager-item.item-last > a:before, .path-checkout .description .pager .pager-item.item-last > span:before, .pager .path-checkout .description .pager-item.item-last > span:before {
  position: relative;
  top: 0px;
  left: 0px; }

.path-checkout .commerce-checkout-flow-multistep-default .available-profiles.form-select {
  display: none !important; }

.path-checkout #edit-payment-information, .path-checkout #edit-shipping-information {
  border: 1px solid #338daa; }

.path-checkout .js-form-item-shipping-information-shipping-profile-select-address > label {
  color: rgba(0, 0, 0, 0.87);
  top: -15px; }

.path-checkout #edit-payment-information-billing-information .address-book-edit-button {
  background: #338daa;
  margin: 10px 0 20px 0;
  height: 28px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: white; }
  .path-checkout #edit-payment-information-billing-information .address-book-edit-button:hover {
    background: #215c6f; }

.path-checkout .address-book-edit-button {
  float: left; }
  .path-checkout .address-book-edit-button #edit-shipping-information-shipping-profile-edit-button {
    background: #338daa;
    margin: 10px 0 20px 0;
    height: 28px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white; }
    .path-checkout .address-book-edit-button #edit-shipping-information-shipping-profile-edit-button:hover {
      background: #215c6f; }

.path-checkout .button.js-form-submit {
  float: left; }
  .path-checkout .button.js-form-submit #edit-shipping-information-recalculate-shipping {
    display: none !important;
    background: #338daa;
    margin: 10px 0 20px 0;
    height: 28px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white;
    left: 5px;
    padding-left: 10px; }
    .path-checkout .button.js-form-submit #edit-shipping-information-recalculate-shipping:hover {
      background: #215c6f; }

.path-checkout #edit-shipping-information-shipping-profile .js-form-type-checkbox label {
  margin-left: 0;
  top: -10px;
  padding-left: 35px; }

.path-checkout .layout-region-checkout-footer .button.button--primary.js-form-submit {
  margin-left: 10px; }
  .path-checkout .layout-region-checkout-footer .button.button--primary.js-form-submit #edit-actions-next {
    background: #66b76f;
    margin: 10px 0 20px 0;
    height: 28px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white;
    left: 5px;
    padding-left: 10px; }
    .path-checkout .layout-region-checkout-footer .button.button--primary.js-form-submit #edit-actions-next:hover {
      background: #438e4b; }
  .path-checkout .layout-region-checkout-footer .button.button--primary.js-form-submit input[type="submit"] {
    background: #66b76f;
    margin: 10px 0 20px 0;
    height: 28px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white;
    left: 5px;
    padding-left: 10px; }
    .path-checkout .layout-region-checkout-footer .button.button--primary.js-form-submit input[type="submit"]:hover {
      background: #438e4b; }

.path-checkout .layout-region-checkout-footer .link--previous {
  background: #338daa;
  margin: 10px 0 20px 0;
  min-width: 80px;
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  padding: 8px 16px 8px 10px;
  height: 28px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: white;
  left: 5px;
  padding-left: 10px; }
  .path-checkout .layout-region-checkout-footer .link--previous:hover {
    background: #215c6f; }

.path-checkout #edit-review-payment-information, .path-checkout #edit-review-contact-information {
  border: 1px solid #338daa; }

.path-checkout #edit-review-shipping-information {
  border: 1px solid #338daa; }
  .path-checkout #edit-review-shipping-information #edit-finalize, .path-checkout #edit-review-shipping-information #edit-cancel {
    background: #338daa;
    margin: 10px 0 20px 0;
    height: 28px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(109, 26, 26, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white;
    padding-left: 10px; }
    .path-checkout #edit-review-shipping-information #edit-finalize:hover, .path-checkout #edit-review-shipping-information #edit-cancel:hover {
      background: #215c6f; }
  .path-checkout #edit-review-shipping-information #edit-cancel {
    left: 5px; }

/* END STYLING CHECKOUT */
/* break points */
/* SEARCH PAGE STYLING */
.path-search-site .layout-content.main-content-wrapper {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 360px) {
    .path-search-site .layout-content.main-content-wrapper {
      padding-top: 0; } }

/* TOAST STYLING */
.toastWarning {
  background: orange;
  top: 25px !important; }
  @media (min-width: 360px) {
    .toastWarning {
      top: 0; } }

.toastError {
  background: red;
  top: 25px !important; }
  @media (min-width: 360px) {
    .toastError {
      top: 0; } }

input[type="search"] {
  -webkit-appearance: none !important; }

.path-search-site .search-form-icon {
  display: none !important; }

.text-wrap {
  float: left;
  margin-right: 10px; }

.views-field-body .field-content {
  clear: both; }
  .views-field-body .field-content::after {
    content: '';
    clear: both; }

/* START SEARCHFORM BLOCK STYLING */
body.path-search-site .page-layout {
  position: relative; }
  body.path-search-site .page-layout #sidebar-right {
    top: 193px !important; }
    @media (min-width: 768px) {
      body.path-search-site .page-layout #sidebar-right {
        top: 193px !important; } }
  body.path-search-site .page-layout #header {
    background: none; }
  body.path-search-site .page-layout #block-blockmeteencustomzoekformulier .search-page-container {
    margin: 0px auto 35px auto; }
  @media (min-width: 360px) {
    body.path-search-site .page-layout .main-wrapper .inner-wrapper-left {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 768px) {
    body.path-search-site .page-layout .main-wrapper .inner-wrapper-left {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 360px) {
    body.path-search-site .page-layout .main-wrapper .inner-wrapper-left #content.no-padding-small {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 768px) {
    body.path-search-site .page-layout .main-wrapper .inner-wrapper-left #content.no-padding-small {
      padding-left: 15px;
      padding-right: 15px; } }
  body.path-search-site .page-layout .fixed-footer {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain; }
    body.path-search-site .page-layout .fixed-footer #footer-bg {
      margin-left: 0;
      margin-right: 0; }
  body.path-search-site .page-layout #search-filter {
    max-height: calc(100% - 92px); }
    body.path-search-site .page-layout #search-filter.open {
      top: 0px !important; }
    body.path-search-site .page-layout #search-filter .modal-content {
      padding: 20px 20px 0; }
      @media (min-width: 360px) {
        body.path-search-site .page-layout #search-filter .modal-content .block-facet--links .facets-widget-links .js-facets-links {
          line-height: 2.2rem; } }
      @media (min-width: 360px) {
        body.path-search-site .page-layout #search-filter .modal-content .block-facet--links .facets-widget-links .js-facets-links .facet-item > a {
          font-size: 1.4rem; } }
    body.path-search-site .page-layout #search-filter .modal-footer {
      padding: 0 20px;
      width: calc(100% - 40px);
      margin-bottom: -20px; }
      body.path-search-site .page-layout #search-filter .modal-footer a {
        box-shadow: none;
        z-index: 5;
        border: 1px solid #338daa;
        background: transparent;
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
        text-align: center;
        border-radius: 50%; }
        body.path-search-site .page-layout #search-filter .modal-footer a:hover {
          background: none !important; }
        body.path-search-site .page-layout #search-filter .modal-footer a:focus {
          background: none !important; }
        body.path-search-site .page-layout #search-filter .modal-footer a i {
          font-size: 24px;
          width: 40px;
          height: 40px;
          color: #338daa;
          padding: 0;
          line-height: 40px; }
  body.path-search-site .page-layout .block-crc-search-form-block {
    position: relative;
    z-index: 0; }
    body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 {
      display: flex;
      flex-flow: row nowrap;
      max-width: 1200px;
      margin: 0 auto 50px auto;
      position: relative;
      left: 0;
      height: 60px; }
      @media (min-width: 360px) {
        body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 {
          position: relative; } }
      body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper {
        padding: 0;
        position: relative;
        width: 100%; }
        body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search {
          width: 100%;
          margin: 0 auto;
          opacity: 1;
          top: 0;
          position: relative;
          z-index: 11; }
          body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form {
            height: 59px;
            top: 0px;
            position: relative;
            border-radius: 0 !important;
            border-top: none;
            background-color: #ECECEC;
            text-indent: 15px;
            z-index: 11;
            border-bottom: 1px solid #338daa;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important; }
            body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form:focus {
              border-bottom: 1px solid #66b76f; }
            body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form::-webkit-input-placeholder {
              color: rgba(0, 0, 0, 0.26);
              position: relative;
              left: 15px; }
            body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form::-moz-placeholder {
              color: rgba(0, 0, 0, 0.26);
              position: relative;
              left: 15px; }
            body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form:-ms-input-placeholder {
              color: rgba(0, 0, 0, 0.26);
              position: relative;
              left: 15px; }
            body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form::-ms-input-placeholder {
              color: rgba(0, 0, 0, 0.26);
              position: relative;
              left: 15px; }
            body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-wrapper .js-form-type-search .custom-search-form::placeholder {
              color: rgba(0, 0, 0, 0.26);
              position: relative;
              left: 15px; }
      body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper {
        position: relative;
        opacity: 1;
        width: 10%;
        top: 0px;
        right: 0;
        background: #66b76f;
        border-bottom: 1px solid #66b76f;
        max-width: 60px;
        height: 60px;
        transition: all .3s;
        cursor: pointer; }
        body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper:hover {
          background: #438e4b; }
        @media (min-width: 360px) {
          body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper {
            width: 100%; } }
        @media (min-width: 768px) {
          body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper {
            width: 100%; } }
        body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper .submit-form-icon {
          color: white;
          position: absolute;
          font-size: 50px;
          left: 5px;
          top: 0px;
          line-height: 60px;
          z-index: 10;
          width: 60px;
          height: auto; }
          body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper .submit-form-icon.pulse.warning {
            background: transparent;
            display: none; }
        body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper .search-form-btn {
          color: white;
          position: absolute;
          left: 0;
          top: 0;
          max-width: 60px;
          height: 60px;
          text-indent: 9999em; }
        body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper input[type="submit"]:hover, body.path-search-site .page-layout .block-crc-search-form-block #header-search-form--2 .search-form-btn-wrapper input[type="submit"]:focus {
          background: transparent; }

/* STAND ALONE SEARCH FORM */
@media (min-width: 360px) {
  .block-crc-search-form-block {
    width: 100%;
    position: absolute;
    display: block; } }

.block-crc-search-form-block #header-search-form {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  height: 70px;
  left: 0;
  right: 0; }
  @media (min-width: 360px) {
    .block-crc-search-form-block #header-search-form {
      max-width: calc(100% - 70px);
      margin: 0; } }
  @media (min-width: 768px) {
    .block-crc-search-form-block #header-search-form {
      max-width: calc(85% - 70px); } }
  @media (min-width: 992px) {
    .block-crc-search-form-block #header-search-form {
      width: 65%; } }
  @media (min-width: 1256px) {
    .block-crc-search-form-block #header-search-form {
      max-width: 1020px; } }
  @media (min-width: 1520px) {
    .block-crc-search-form-block #header-search-form {
      max-width: 1020px; } }
  .block-crc-search-form-block #header-search-form .search-wrapper {
    padding: 0;
    position: relative;
    width: 100%;
    top: 0px;
    margin: 0 auto; }
    .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search {
      width: 0%;
      margin: 0 auto;
      opacity: 0;
      position: relative;
      z-index: 0; }
      @media (min-width: 360px) {
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search {
          margin: 0; } }
      .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search.active {
        z-index: 10; }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search.active .custom-search-form {
          z-index: 10;
          position: relative; }
      .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form {
        height: 70px;
        background-color: #ECECEC;
        position: relative;
        width: 100%;
        z-index: 0;
        text-indent: 15px;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important; }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form:focus {
          border-bottom: 1px solid #66b76f;
          /*height: 69px;*/ }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form::-webkit-input-placeholder {
          color: rgba(0, 0, 0, 0.26);
          position: relative;
          left: 15px; }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form::-moz-placeholder {
          color: rgba(0, 0, 0, 0.26);
          position: relative;
          left: 15px; }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form:-ms-input-placeholder {
          color: rgba(0, 0, 0, 0.26);
          position: relative;
          left: 15px; }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form::-ms-input-placeholder {
          color: rgba(0, 0, 0, 0.26);
          position: relative;
          left: 15px; }
        .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form::placeholder {
          color: rgba(0, 0, 0, 0.26);
          position: relative;
          left: 15px; }
        @media (min-width: 360px) {
          .block-crc-search-form-block #header-search-form .search-wrapper .js-form-type-search .custom-search-form {
            text-indent: 30px; } }
  .block-crc-search-form-block #header-search-form .search-form-btn-wrapper {
    position: relative;
    width: 0%;
    opacity: 0;
    background: #438e4b;
    border-bottom: 1px solid #338daa;
    right: 0;
    top: 0;
    max-width: 70px;
    height: 70px;
    z-index: 6;
    transition: all .3s;
    cursor: pointer; }
    @media (min-width: 360px) {
      .block-crc-search-form-block #header-search-form .search-form-btn-wrapper {
        position: fixed; } }
    @media (min-width: 768px) {
      .block-crc-search-form-block #header-search-form .search-form-btn-wrapper {
        position: relative; } }
    .block-crc-search-form-block #header-search-form .search-form-btn-wrapper .submit-form-icon {
      color: white;
      position: absolute;
      font-size: 45px;
      left: 0px;
      top: 0px;
      line-height: 70px;
      z-index: 6;
      height: 70px;
      width: 70px; }
      .block-crc-search-form-block #header-search-form .search-form-btn-wrapper .submit-form-icon:hover {
        color: #3b7c42; }
    .block-crc-search-form-block #header-search-form .search-form-btn-wrapper .search-form-btn {
      color: white;
      position: absolute;
      left: 0;
      top: 0;
      max-width: 70px;
      height: 70px;
      text-indent: 9999em; }
    .block-crc-search-form-block #header-search-form .search-form-btn-wrapper input[type="submit"]:hover, .block-crc-search-form-block #header-search-form .search-form-btn-wrapper input[type="submit"]:focus {
      background: transparent; }

/*  SEARCH FORM BTN IN PROFILE */
.block-portal-dashboard-profile .profile .search-form-icon {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 70px;
  top: 0px;
  border: 1px solid white;
  border-radius: 50%;
  font-size: 28px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: white;
  z-index: 10;
  margin-right: 50px; }
  .block-portal-dashboard-profile .profile .search-form-icon.pulse.warning {
    background: orange;
    border: none; }
    .block-portal-dashboard-profile .profile .search-form-icon.pulse.warning:hover {
      background: orange; }

/* END STAND ALONE SEARCH FORM */
/* END SEARCHFORM BLOCK STYLING */
/* START SEARCH-PAGE STYLING */
.secondary-color {
  background-color: #6a6a6a; }

.badge-color {
  color: #FFFFFF !important;
  background-color: #338daa;
  border-radius: 4px; }

.facet-close-icon {
  font-size: 18px !important;
  color: #FFFFFF !important;
  background: #338daa;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
  top: 3px;
  padding: 1px; }

.path-search-site .views-element-container header {
  margin-bottom: 35px; }
  .path-search-site .views-element-container header > h3 {
    font-size: 22px;
    line-height: 32px; }

.path-search-site .views-element-container .grid-item {
  position: relative;
  padding-bottom: 50px; }
  .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color {
    padding: 12px 10px 12px 0;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    position: relative;
    margin-bottom: 20px; }
    .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading {
      border-bottom: 1px solid rgba(102, 183, 111, 0.2); }
      .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title-heading .type-chip {
        margin-left: 0px;
        border-radius: 0 16px 16px 0 !important;
        display: inline-block;
        height: 32px;
        font-size: 13px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.6);
        line-height: 32px;
        padding: 0 12px;
        background-color: #e4e4e4;
        margin-bottom: 5px;
        margin-right: 5px; }
        .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title-heading .type-chip > h3 {
          margin-top: 0 !important; }
          .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title-heading .type-chip > h3.result-type {
            padding-left: 0px;
            min-height: 30px;
            font-size: 13px; }
      .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .card-image {
        padding-right: 0px !important;
        padding-left: 0px !important; }
        .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .card-image > img {
          width: 50px;
          height: 50px;
          max-width: 100%; }
      .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title {
        margin-left: 10px;
        max-width: 100%; }
        .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title > h4 {
          line-height: 1.4em;
          margin-top: 5px; }
          .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title > h4.search-result {
            font-size: 1em;
            padding-top: 0;
            padding-left: 15px;
            padding-bottom: 5px;
            padding-right: 20px; }
            .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title > h4.search-result > a {
              color: #44b8d3;
              transition: all .3s; }
              .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-heading .result-title > h4.search-result > a:hover {
                color: #338daa; }
    .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-content {
      padding: 10px 15px; }
      .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-content > p {
        font-size: 13px; }
      .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-content strong {
        font-weight: bold;
        color: #66b76f; }
    .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-actions {
      padding: 10px 15px 0 15px;
      position: absolute;
      display: block;
      width: 100%;
      bottom: 15px;
      border-top: 1px solid rgba(102, 183, 111, 0.2); }
      .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-actions .link.news-btn {
        transition: all .2s ease-out;
        color: #44b8d3;
        position: relative; }
        .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-actions .link.news-btn:hover {
          color: #338daa; }
        .path-search-site .views-element-container .grid-item .card-wrapper.secondary-color .card-actions .link.news-btn .link-icon {
          transition: all .2s ease-out;
          font-size: 1.3rem !important;
          position: relative;
          top: 5px;
          left: 0px; }

.path-search-site .views-element-container .search-list-item {
  padding-top: 15px; }
  .path-search-site .views-element-container .search-list-item .empty-field {
    display: none !important; }
  .path-search-site .views-element-container .search-list-item .views-field-title > h3.color-chip {
    text-decoration: underline;
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
    left: -35px;
    z-index: 1;
    transition: all .3s; }
    .path-search-site .views-element-container .search-list-item .views-field-title > h3.color-chip:hover {
      background: rgba(106, 106, 106, 0.7);
      color: white; }
    .path-search-site .views-element-container .search-list-item .views-field-title > h3.color-chip > a {
      transition: all .3s; }
      .path-search-site .views-element-container .search-list-item .views-field-title > h3.color-chip > a:hover {
        color: white; }
  .path-search-site .views-element-container .search-list-item .views-field-field-image .field-content > a > picture > img {
    width: 80px;
    height: 80px;
    border-radius: 50%; }
  .path-search-site .views-element-container .search-list-item .views-field-field-news-image .field-content > a > picture > img {
    width: 80px;
    height: 80px;
    border-radius: 50%; }
  .path-search-site .views-element-container .search-list-item .views-field-field-test-image .field-content > img {
    width: 80px;
    height: 80px;
    border-radius: 50%; }
  .path-search-site .views-element-container .search-list-item .views-field-type .field-content.color-chip {
    background: #338daa;
    margin: 10px 0;
    color: white;
    font-size: 12px;
    position: relative;
    z-index: 5; }
  .path-search-site .views-element-container .search-list-item .views-field-title-2 .field-content.color-chip {
    background: #338daa;
    margin: 10px 0;
    color: white;
    font-size: 12px;
    position: relative;
    z-index: 5; }
  .path-search-site .views-element-container .search-list-item .views-field-sku > h3.color-chip {
    text-decoration: underline;
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
    left: -35px;
    z-index: 1;
    transition: all .3s; }
    .path-search-site .views-element-container .search-list-item .views-field-sku > h3.color-chip:hover {
      background: rgba(106, 106, 106, 0.7);
      color: white; }
    .path-search-site .views-element-container .search-list-item .views-field-sku > h3.color-chip > a {
      transition: all .3s; }
      .path-search-site .views-element-container .search-list-item .views-field-sku > h3.color-chip > a:hover {
        color: white; }
  .path-search-site .views-element-container .search-list-item .views-field-field-image-1 .field-content > a > img {
    width: 80px;
    height: 80px;
    border-radius: 50%; }

.path-search-site .pager {
  line-height: 30px;
  background: transparent;
  box-shadow: none;
  border-top: 1px solid #338daa;
  margin-top: 35px; }
  .path-search-site .pager .pager-item > a:hover {
    color: white; }
  .path-search-site .pager .pager-item > a::before {
    top: 5px;
    position: relative; }

/* END SEARCH-PAGE STYLING */
/*
* STYLING OFF CANVAS MENU
*
*/
.off-canvas-link {
  opacity: 1;
  transform: scale(1) translateY(0px) translateX(0px); }

#manager-menu {
  display: none; }
  #manager-menu ul li {
    float: none;
    line-height: 24px; }
    #manager-menu ul li > span {
      padding: 13px 20px;
      width: 100%; }
      #manager-menu ul li > span:hover {
        background: rgba(0, 0, 0, 0.1); }
      #manager-menu ul li > span i {
        display: inline-block;
        padding: 0;
        margin-right: 10px;
        position: relative;
        left: 0;
        top: 5px;
        max-height: 24px;
        line-height: 24px;
        font-size: 24px; }
      #manager-menu ul li > span a {
        padding: 0; }
        #manager-menu ul li > span a:hover {
          color: #dddddd;
          background: transparent !important; }
        #manager-menu ul li > span a i {
          display: inline-block;
          padding: 0;
          margin-right: 10px;
          position: relative;
          left: 0;
          top: 5px;
          max-height: 24px;
          line-height: 24px; }

.mm-spn span {
  display: inline-block;
  width: auto; }
  .mm-spn span.list-item {
    padding: 13px 20px 13px 0px; }
  .mm-spn span.title-item {
    padding: 0;
    display: inline-block; }

.mm-spn--open li > a:hover {
  color: #dddddd;
  background: transparent !important; }

.mm-ocd__content {
  max-width: 320px !important; }

.mm {
  background: #6a6a6a;
  color: rgba(255, 255, 255, 0.7); }

/*
* STYLING  MAIN MOBILE MENU
*/
.mobile-main {
  line-height: 40px;
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  position: relative;
  top: 15px; }
  .mobile-main a {
    display: inline-block;
    margin: 0;
    border-radius: 50%;
    border: 1px solid white;
    width: 40px;
    height: 40px;
    transition: all .3s; }
    .mobile-main a:hover {
      color: #338daa;
      border-color: #338daa; }
    .mobile-main a i {
      font-size: 24px;
      height: 40px;
      width: 40px;
      line-height: 40px;
      margin: 0 !important; }

#main-menu {
  display: none; }
  #main-menu ul {
    background: #338daa; }
    #main-menu ul li {
      float: none;
      line-height: 24px;
      background: #66b76f; }
      #main-menu ul li:hover {
        background: #5ca564; }
      #main-menu ul li > span {
        padding: 13px  20px;
        width: 100%; }
        #main-menu ul li > span.list-item {
          color: white;
          letter-spacing: 1px;
          font-size: 15px !important; }
        #main-menu ul li > span a {
          padding: 0;
          color: white;
          font-size: 15px !important; }
          #main-menu ul li > span a:hover {
            background: transparent !important; }
          #main-menu ul li > span a i {
            display: inline-block;
            padding: 0;
            margin-right: 10px;
            position: relative;
            left: 0;
            top: 5px;
            max-height: 24px;
            line-height: 24px; }

.mm-spn.mm-spn--navbar:after {
  background: #338daa;
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
  letter-spacing: 1px;
  text-transform: uppercase; }

.mm-spn.mm-spn--navbar:before {
  border-top: 2px solid rgba(255, 255, 255, 0.6);
  border-left: 2px solid rgba(255, 255, 255, 0.6);
  opacity: 1;
  z-index: 10; }

.mm-spn li:before {
  color: white;
  opacity: 1; }

@media screen and (min-width: 993px) {
  .mobile-main {
    display: none !important; }
  #main-menu {
    display: none; } }

/*
*
*  CSS BLENMODES
*/
.normal {
  mix-blend-mode: normal; }

.multiply {
  mix-blend-mode: multiply; }

.screen {
  mix-blend-mode: screen; }

.overlay {
  mix-blend-mode: overlay; }

.darken {
  mix-blend-mode: darken; }

.lighten {
  mix-blend-mode: lighten; }

.color-dodge {
  mix-blend-mode: color-dodge; }

.color-burn {
  mix-blend-mode: color-burn; }

.difference {
  mix-blend-mode: difference; }

.exclusion {
  mix-blend-mode: exclusion; }

.hue {
  mix-blend-mode: hue; }

.saturation {
  mix-blend-mode: saturation; }

.color {
  mix-blend-mode: color; }

.luminosity {
  mix-blend-mode: luminosity; }

/*  KALENDER ICON */
.carousel-container .card-text-inner {
  padding: 5px 20px !important; }
  .carousel-container .card-text-inner .title-item {
    color: white !important;
    position: relative;
    z-index: 10; }
  .carousel-container .card-text-inner .content-type a {
    color: white; }

.date-wrapper {
  display: block;
  position: absolute;
  right: 5px;
  bottom: -35px;
  transform: scale(0.6, 0.6); }

time.icon {
  font-size: 1.2em;
  /* change icon size */
  font-family: TheSans-600, sans-serif;
  display: block;
  position: relative;
  width: 4em;
  height: 4em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  transform-origin: 50% 10%;
  cursor: pointer; }

time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center; }

time.icon strong {
  position: absolute;
  position: absolute;
  top: 0;
  padding: 1px 0;
  color: #fff;
  background-color: #6A6A6A;
  border-bottom: 1px dashed #6A6A6A;
  box-shadow: 0 0 0 4px #6A6A6A, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
  letter-spacing: 2px;
  font-size: 1.5rem; }

time.icon span {
  font-size: 1.8em;
  letter-spacing: 0.5px;
  padding-top: 0.9em;
  color: #2f2f2f; }

time.icon:hover, time.icon:focus {
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out; }

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg) skewY(0deg); }
  20% {
    -webkit-transform: rotate(12deg) skewY(4deg); }
  60% {
    -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80% {
    -webkit-transform: rotate(6deg) skewY(-2deg); }
  100% {
    -webkit-transform: rotate(0deg) skewY(0deg); } }

@keyframes swing {
  0% {
    transform: rotate(0deg) skewY(0deg); }
  20% {
    transform: rotate(12deg) skewY(4deg); }
  60% {
    transform: rotate(-9deg) skewY(-3deg); }
  80% {
    transform: rotate(6deg) skewY(-2deg); }
  100% {
    transform: rotate(0deg) skewY(0deg); } }

/**
* 3D SLIDER CAROUSEL
*/
#noise-container {
  background: #a6a6a6;
  /* fallback for old browsers */ }

.swiper-d-container {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(/sites/default/files/bg-images/hero_spotty_bg.jpg);
  background-position: -900px -100px;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1; }

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 300px; }

.stitched-btn {
  padding: 5px;
  margin: 100px auto;
  width: 165px;
  background: #66b76f;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3em;
  border: 2px dashed #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 4px #66b76f, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
  text-shadow: -1px -1px #66b76f;
  font-weight: normal;
  text-align: center;
  left: -37px;
  top: -10px;
  transition: transform .4s;
  position: relative;
  transition: transform .4s;
  /* Animation */ }
  .stitched-btn:hover {
    transform: scale(0.98); }

/*
* Gradient overlay to make text better readable
*
*/
.gradient-overlay {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 0;
  top: 0px;
  left: 0;
  background: transparent;
  background: linear-gradient(to right, #99f2c8, #1f4037);
  min-height: 100px;
  opacity: 0.2;
  box-shadow: 50px 0px 191px 107px rgba(153, 242, 200, 0.5); }

.blended {
  background-color: red;
  background-blend-mode: multiply; }

/*# sourceMappingURL=retail-portal.css.map */